/* style-bundle.css — generated 2026-05-12 20:23:11 UTC */
/* sources (in cascade order):
 *   - style-nashstore.css
 *   - style-local.css
 *   - store.css
 *   - header-cleanup.css
 */


/* ===== BEGIN style-nashstore.css ===== */
@charset "UTF-8";
/*!
 * NASHSTORE
 * Author: B.D.
 * Updated: 05.11.2024
----------------------
## Table Contents ##
---------------------- 
**/
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/OpenSans-Regular.woff") format("woff"), url("../fonts/open-sans/OpenSans-Regular.ttf") format("truetype"), url("../fonts/open-sans/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/OpenSans-SemiBold.woff") format("woff"), url("../fonts/open-sans/OpenSans-SemiBold.ttf") format("truetype"), url("../fonts/open-sans/OpenSans-SemiBold.svg#OpenSans-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/OpenSans-Bold.woff") format("woff"), url("../fonts/open-sans/OpenSans-Bold.ttf") format("truetype"), url("../fonts/open-sans/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts//roboto/Roboto-Regular.woff") format("woff"), url("../fonts//roboto/Roboto-Regular.ttf") format("truetype"), url("../fonts//roboto/Roboto-Regular.svg#Roboto-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts//roboto/Roboto-Medium.woff") format("woff"), url("../fonts//roboto/Roboto-Medium.ttf") format("truetype"), url("../fonts//roboto/Roboto-Medium.svg#Roboto-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts//roboto/Roboto-Bold.woff") format("woff"), url("../fonts//roboto/Roboto-Bold.ttf") format("truetype"), url("../fonts//roboto/Roboto-Bold.svg#Roboto-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*!
 * Bootstrap  v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */




:root,
[data-bs-theme=light] {
  --bs-blue: #0062ff;
  --bs-indigo: #6610f2;
  --bs-purple: #6e61f3;
  --bs-pink: #d63384;
  --bs-red: #fa5b68;
  --bs-orange: #fdd6c8;
  --bs-yellow: #fdb52a;
  --bs-green: #22c55e;
  --bs-teal: #20c997;
  --bs-cyan: #00ffd5;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #c5c5ca;
  --bs-gray-dark: #64728f;
  --bs-gray-50: #e5e7eb;
  --bs-gray-100: #faf9ff;
  --bs-gray-200: #f2f8fb;
  --bs-gray-300: #f9f7fa;
  --bs-gray-400: #faf9f4;
  --bs-gray-500: #c9c9d4;
  --bs-gray-600: #c5c5ca;
  --bs-gray-700: #adb5bd;
  --bs-gray-800: #64728f;
  --bs-gray-900: #495057;
  --bs-primary: #2b5cfd;
  --bs-secondary: #c5c5ca;
  --bs-success: #22c55e;
  --bs-info: #00ffd5;
  --bs-warning: #fdb52a;
  --bs-danger: #fa5b68;
  --bs-light: #faf9ff;
  --bs-lighter: #e5e7eb;
  --bs-dark: #0a1425;
  --bs-dark-blue: #080829;
  --bs-darker: #0a1425;
  --bs-white: #fff;
  --bs-gray: #f7f8f9;
  --bs-gray-50: #e5e7eb;
  --bs-gray-100: #faf9ff;
  --bs-gray-200: #f2f8fb;
  --bs-gray-300: #f9f7fa;
  --bs-gray-400: #faf9f4;
  --bs-gray-500: #c9c9d4;
  --bs-gray-600: #c5c5ca;
  --bs-gray-700: #adb5bd;
  --bs-gray-800: #64728f;
  --bs-gray-900: #495057;
  --bs-gray-1000: #2b292c;
  --bs-gray-1100: #0f0f12;
  --bs-gray-1200: #0a1425;
  --bs-gray-1300: #181921;
  --bs-gray-1400: #232340;
  --bs-red: #fa5b68;
  --bs-red-50: #feebed;
  --bs-yellow: #fdb52a;
  --bs-yellow-50: #fef6ea;
  --bs-yellow-100: #fdeaba;
  --bs-yellow-200: #ffde70;
  --bs-green: #22c55e;
  --bs-green-50: #e9f9ef;
  --bs-green-100: #f0f6f5;
  --bs-green-200: #dcfce7;
  --bs-green-300: #bde5d3;
  --bs-green-400: #45c9c1;
  --bs-green-500: #0acf83;
  --bs-green-600: #54a8c7;
  --bs-green-700: #2a9d8f;
  --bs-green-800: #071a17;
  --bs-blue: #0062ff;
  --bs-blue-50: #f4f8ff;
  --bs-blue-100: #ebf2ff;
  --bs-blue-200: #f3f4ff;
  --bs-blue-300: #eaefff;
  --bs-blue-400: #e7fbff;
  --bs-blue-500: #e8ebff;
  --bs-blue-600: #f9faff;
  --bs-blue-700: #c3c9f1;
  --bs-blue-800: #6472b9;
  --bs-blue-900: #8c9bff;
  --bs-blue-1000: #589bff;
  --bs-blue-1100: #6576ff;
  --bs-blue-1200: #3f78e0;
  --bs-blue-1300: #2b5cfd;
  --bs-blue-1400: #3f53d8;
  --bs-blue-1500: #2b5cfd;
  --bs-blue-1600: #3b3482;
  --bs-blue-1700: #172166;
  --bs-blue-1800: #122544;
  --bs-blue-1900: #141834;
  --bs-blue-2000: #080829;
  --bs-purple: #6e61f3;
  --bs-purple-50: #eeecff;
  --bs-purple-100: #fceff4;
  --bs-purple-200: #edebfe;
  --bs-purple-300: #e1cbfd;
  --bs-purple-400: #ffc8cc;
  --bs-purple-500: #eb7ca6;
  --bs-purple-600: #9d90f1;
  --bs-purple-700: #9097f7;
  --bs-purple-800: #725efe;
  --bs-cyan: #00ffd5;
  --bs-cyan-50: #c0f2fd;
  --bs-cyan-100: #97f2ff;
  --bs-cyan-200: #13d5ff;
  --bs-orange: #fdd6c8;
  --bs-orange-100: #ef652a;
  --bs-primary-rgb: 99, 102, 241;
  --bs-secondary-rgb: 197, 197, 202;
  --bs-success-rgb: 34, 197, 94;
  --bs-info-rgb: 0, 255, 213;
  --bs-warning-rgb: 253, 181, 42;
  --bs-danger-rgb: 250, 91, 104;
  --bs-light-rgb: 250, 249, 255;
  --bs-lighter-rgb: 229, 231, 235;
  --bs-dark-rgb: 10, 20, 37;
  --bs-dark-blue-rgb: 8, 8, 41;
  --bs-darker-rgb: 10, 20, 37;
  --bs-white-rgb: 255, 255, 255;
  --bs-gray-rgb: 247, 248, 249;
  --bs-gray-50-rgb: 229, 231, 235;
  --bs-gray-100-rgb: 250, 249, 255;
  --bs-gray-200-rgb: 242, 248, 251;
  --bs-gray-300-rgb: 249, 247, 250;
  --bs-gray-400-rgb: 250, 249, 244;
  --bs-gray-500-rgb: 201, 201, 212;
  --bs-gray-600-rgb: 197, 197, 202;
  --bs-gray-700-rgb: 173, 181, 189;
  --bs-gray-800-rgb: 100, 114, 143;
  --bs-gray-900-rgb: 73, 80, 87;
  --bs-gray-1000-rgb: 43, 41, 44;
  --bs-gray-1100-rgb: 15, 15, 18;
  --bs-gray-1200-rgb: 10, 20, 37;
  --bs-gray-1300-rgb: 24, 25, 33;
  --bs-gray-1400-rgb: 35, 35, 64;
  --bs-red-rgb: 250, 91, 104;
  --bs-red-50-rgb: 254, 235, 237;
  --bs-yellow-rgb: 253, 181, 42;
  --bs-yellow-50-rgb: 254, 246, 234;
  --bs-yellow-100-rgb: 253, 234, 186;
  --bs-yellow-200-rgb: 255, 222, 112;
  --bs-green-rgb: 34, 197, 94;
  --bs-green-50-rgb: 233, 249, 239;
  --bs-green-100-rgb: 240, 246, 245;
  --bs-green-200-rgb: 220, 252, 231;
  --bs-green-300-rgb: 189, 229, 211;
  --bs-green-400-rgb: 69, 201, 193;
  --bs-green-500-rgb: 10, 207, 131;
  --bs-green-600-rgb: 84, 168, 199;
  --bs-green-700-rgb: 42, 157, 143;
  --bs-green-800-rgb: 7, 26, 23;
  --bs-blue-rgb: 0, 98, 255;
  --bs-blue-50-rgb: 244, 248, 255;
  --bs-blue-100-rgb: 235, 242, 255;
  --bs-blue-200-rgb: 243, 244, 255;
  --bs-blue-300-rgb: 234, 239, 255;
  --bs-blue-400-rgb: 231, 251, 255;
  --bs-blue-500-rgb: 232, 235, 255;
  --bs-blue-600-rgb: 249, 250, 255;
  --bs-blue-700-rgb: 195, 201, 241;
  --bs-blue-800-rgb: 100, 114, 185;
  --bs-blue-900-rgb: 140, 155, 255;
  --bs-blue-1000-rgb: 88, 155, 255;
  --bs-blue-1100-rgb: 101, 118, 255;
  --bs-blue-1200-rgb: 63, 120, 224;
  --bs-blue-1300-rgb: 99, 102, 241;
  --bs-blue-1400-rgb: 63, 83, 216;
  --bs-blue-1500-rgb: 43, 92, 253;
  --bs-blue-1600-rgb: 59, 52, 130;
  --bs-blue-1700-rgb: 23, 33, 102;
  --bs-blue-1800-rgb: 18, 37, 68;
  --bs-blue-1900-rgb: 20, 24, 52;
  --bs-blue-2000-rgb: 8, 8, 41;
  --bs-purple-rgb: 110, 97, 243;
  --bs-purple-50-rgb: 238, 236, 255;
  --bs-purple-100-rgb: 252, 239, 244;
  --bs-purple-200-rgb: 237, 235, 254;
  --bs-purple-300-rgb: 225, 203, 253;
  --bs-purple-400-rgb: 255, 200, 204;
  --bs-purple-500-rgb: 235, 124, 166;
  --bs-purple-600-rgb: 157, 144, 241;
  --bs-purple-700-rgb: 144, 151, 247;
  --bs-purple-800-rgb: 114, 94, 254;
  --bs-cyan-rgb: 0, 255, 213;
  --bs-cyan-50-rgb: 192, 242, 253;
  --bs-cyan-100-rgb: 151, 242, 255;
  --bs-cyan-200-rgb: 19, 213, 255;
  --bs-orange-rgb: 253, 214, 200;
  --bs-orange-100-rgb: 239, 101, 42;
  --bs-primary-text-emphasis: #282960;
  --bs-secondary-text-emphasis: #060607;
  --bs-success-text-emphasis: #0e4f26;
  --bs-info-text-emphasis: #006655;
  --bs-warning-text-emphasis: #654811;
  --bs-danger-text-emphasis: #64242a;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #e0e0fc;
  --bs-secondary-bg-subtle: #cfcfd0;
  --bs-success-bg-subtle: #d3f3df;
  --bs-info-bg-subtle: #ccfff7;
  --bs-warning-bg-subtle: #fff0d4;
  --bs-danger-bg-subtle: #fedee1;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #c1c2f9;
  --bs-secondary-border-subtle: #9f9fa0;
  --bs-success-border-subtle: #a7e8bf;
  --bs-info-border-subtle: #99ffee;
  --bs-warning-border-subtle: #fee1aa;
  --bs-danger-border-subtle: #fdbdc3;
  --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: "Open Sans", sans-serif;
  --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: #fff;
  --bs-body-color-rgb: 255, 255, 255;
  --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: black;
  --bs-link-color: #2b5cfd;
  --bs-link-color-rgb: 99, 102, 241;
  --bs-link-decoration: none;
  --bs-link-hover-color: #4f52c1;
  --bs-link-hover-color-rgb: 79, 82, 193;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff0d4;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #e5e7eb;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.75rem;
  --bs-border-radius-xl: 1.5rem;
  --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(99, 102, 241, 0.25);
  --bs-form-valid-color: #22c55e;
  --bs-form-valid-border-color: #22c55e;
  --bs-form-invalid-color: #fa5b68;
  --bs-form-invalid-border-color: #fa5b68;
}

:root {
  --tile-ns-size: 50px;
  --tile-ns-gap-size: 4px;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #adb5bd;
  --bs-body-color-rgb: 173, 181, 189;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(173, 181, 189, 0.75);
  --bs-secondary-color-rgb: 173, 181, 189;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(173, 181, 189, 0.5);
  --bs-tertiary-color-rgb: 173, 181, 189;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #a1a3f7;
  --bs-secondary-text-emphasis: #6f6f71;
  --bs-success-text-emphasis: #7adc9e;
  --bs-info-text-emphasis: #66ffe6;
  --bs-warning-text-emphasis: #fed37f;
  --bs-danger-text-emphasis: #fc9da4;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #141430;
  --bs-secondary-bg-subtle: #030304;
  --bs-success-bg-subtle: #072713;
  --bs-info-bg-subtle: #00332b;
  --bs-warning-bg-subtle: #332408;
  --bs-danger-bg-subtle: #321215;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #3b3d91;
  --bs-secondary-border-subtle: #09090b;
  --bs-success-border-subtle: #147638;
  --bs-info-border-subtle: #009980;
  --bs-warning-border-subtle: #986d19;
  --bs-danger-border-subtle: #96373e;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #a1a3f7;
  --bs-link-hover-color: #b4b5f9;
  --bs-link-color-rgb: 161, 163, 247;
  --bs-link-hover-color-rgb: 180, 181, 249;
  --bs-code-color: #e685b5;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #7adc9e;
  --bs-form-valid-border-color: #7adc9e;
  --bs-form-invalid-color: #fc9da4;
  --bs-form-invalid-border-color: #fc9da4;
}

*,
*::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: 1px solid #e5e7eb;
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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, .small {
  font-size: 0.875em;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.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: #64728f;
  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;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@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] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* 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;
}

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

.display-1 {
  font-size: calc(1.775rem + 6.3vw);
  font-weight: 700;
  line-height: 1.32;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 6.5rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

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

.figure-caption {
  font-size: 0.875em;
  color: #c5c5ca;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.875rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-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;*/
    max-width: 90%;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 980px;
  }

.nk-nav-link {
    padding: 0.625rem 0.6rem !important;
}

}
@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: 1350px;
  }
}
: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.875rem;
  --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.3333333333%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g-gs,
.gx-gs {
  --bs-gutter-x: 1.875rem;
}

.g-gs,
.gy-gs {
  --bs-gutter-y: 1.875rem;
}

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

.table-group-divider {
  border-top: calc(1px * 2) solid currentcolor;
}

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

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

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

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

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

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

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

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

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #e0e0fc;
  --bs-table-border-color: #cacae3;
  --bs-table-striped-bg: #d5d5ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cacae3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #cfcfe9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #f3f3f4;
  --bs-table-border-color: #dbdbdc;
  --bs-table-striped-bg: #e7e7e8;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dbdbdc;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e1e1e2;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d3f3df;
  --bs-table-border-color: #bedbc9;
  --bs-table-striped-bg: #c8e7d4;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bedbc9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c3e1ce;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #ccfff7;
  --bs-table-border-color: #b8e6de;
  --bs-table-striped-bg: #c2f2eb;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #b8e6de;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bdece4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff0d4;
  --bs-table-border-color: #e6d8bf;
  --bs-table-striped-bg: #f2e4c9;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6d8bf;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ecdec4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #fedee1;
  --bs-table-border-color: #e5c8cb;
  --bs-table-striped-bg: #f1d3d6;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e5c8cb;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ebcdd0;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #faf9ff;
  --bs-table-border-color: #e1e0e6;
  --bs-table-striped-bg: #eeedf2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e1e0e6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e7e6ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #0a1425;
  --bs-table-border-color: #232c3b;
  --bs-table-striped-bg: #162030;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #232c3b;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #1c2635;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

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

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

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

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: calc(1.28125rem + 0.375vw);
}
@media (min-width: 1200px) {
  .col-form-label-lg {
    font-size: 1.5625rem;
  }
}

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

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #c5c5ca;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  color: #fff;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e5e7eb;
  appearance: none;
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #fff;
  background-color: #fff;
  border-color: rgba(99, 102, 241, 0.65);
  outline: 0;
  box-shadow: 0 0 5px 0px rgba(95, 56, 249, 0.2);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.75em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: #64728f;
  opacity: 1;
}
.form-control:disabled {
  background-color: #f2f8fb;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.75rem 1.5rem;
  margin: -0.75rem -1.5rem;
  margin-inline-end: 1.5rem;
  color: #fff;
  background-color: #f2f8fb;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #e6ecee;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.75rem 0;
  margin-bottom: 0;
  line-height: 1.75;
  color: #64728f;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: 2.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 1.09375rem;
  border-radius: 0.25rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: 4rem;
  padding: 0.5rem 1rem;
  font-size: calc(1.28125rem + 0.375vw);
  border-radius: 0.75rem;
}
@media (min-width: 1200px) {
  .form-control-lg {
    font-size: 1.5625rem;
  }
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: 3.25rem;
}
textarea.form-control-sm {
  min-height: 2.5rem;
}
textarea.form-control-lg {
  min-height: 4rem;
}

.form-control-color {
  width: 3rem;
  height: 3.25rem;
  padding: 0.75rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.5rem;
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: 0.5rem;
}
.form-control-color.form-control-sm {
  height: 2.5rem;
}
.form-control-color.form-control-lg {
  height: 4rem;
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364728f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.75rem 4.5rem 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  /*color: #fff;*/
  background-color: #fff;
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 16px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgba(99, 102, 241, 0.65);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.65);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 1.5rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #f2f8fb;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 14px;
  border-radius: 0.25rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: calc(1.28125rem + 0.375vw);
  border-radius: 0.75rem;
}
@media (min-width: 1200px) {
  .form-select-lg {
    font-size: 1.5625rem;
  }
}

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

.form-check {
  display: block;
  min-height: 1.875rem;
  padding-left: 1.25rem;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.25rem;
}

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

.form-check-input {
  --bs-form-check-bg: #fff;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.125rem;
  vertical-align: top;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 2px solid #e5e7eb;
  appearance: none;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgba(99, 102, 241, 0.65);
  outline: 0;
  box-shadow: 0 0 5px 0px rgba(95, 56, 249, 0.2);
}
.form-check-input:checked {
  background-color: #2b5cfd;
  border-color: #2b5cfd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #2b5cfd;
  border-color: #2b5cfd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%236366f1' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

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

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

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

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

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 5px 0px rgba(95, 56, 249, 0.2);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 5px 0px rgba(95, 56, 249, 0.2);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #2b5cfd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #d0d1fb;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #f9f7fa;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #2b5cfd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #d0d1fb;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #f9f7fa;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #c9c9d4;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #c9c9d4;
}

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

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

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #f2f8fb;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: calc(1.28125rem + 0.375vw);
  border-radius: 0.75rem;
}
@media (min-width: 1200px) {
  .input-group-lg > .form-control,
  .input-group-lg > .form-select,
  .input-group-lg > .input-group-text,
  .input-group-lg > .btn {
    font-size: 1.5625rem;
  }
}

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

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

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

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #22c55e;
}

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

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

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

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: 1.75em, 1.5rem;
  background-position: top 0.4375em, 0.375rem right 0.4375em, 0.375rem;
}

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

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

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #22c55e;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #22c55e;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(34, 197, 94, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #22c55e;
}

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

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

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #fa5b68;
}

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

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

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

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: 1.75em, 1.5rem;
  background-position: top 0.4375em, 0.375rem right 0.4375em, 0.375rem;
}

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

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

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #fa5b68;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #fa5b68;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(250, 91, 104, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #fa5b68;
}

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

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

.btn {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 600;
  --bs-btn-line-height: 1.75;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.5rem;
  --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;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2b5cfd;
  --bs-btn-border-color: #2b5cfd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5457cd;
  --bs-btn-hover-border-color: #4f52c1;
  --bs-btn-focus-shadow-rgb: 122, 125, 243;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4f52c1;
  --bs-btn-active-border-color: #4a4db5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2b5cfd;
  --bs-btn-disabled-border-color: #2b5cfd;
}

.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: #c5c5ca;
  --bs-btn-border-color: #c5c5ca;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ceced2;
  --bs-btn-hover-border-color: #cbcbcf;
  --bs-btn-focus-shadow-rgb: 167, 167, 172;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #d1d1d5;
  --bs-btn-active-border-color: #cbcbcf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #c5c5ca;
  --bs-btn-disabled-border-color: #c5c5ca;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #22c55e;
  --bs-btn-border-color: #22c55e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1da750;
  --bs-btn-hover-border-color: #1b9e4b;
  --bs-btn-focus-shadow-rgb: 67, 206, 118;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1b9e4b;
  --bs-btn-active-border-color: #1a9447;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #22c55e;
  --bs-btn-disabled-border-color: #22c55e;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #00ffd5;
  --bs-btn-border-color: #00ffd5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #26ffdb;
  --bs-btn-hover-border-color: #1affd9;
  --bs-btn-focus-shadow-rgb: 0, 217, 181;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #33ffdd;
  --bs-btn-active-border-color: #1affd9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #00ffd5;
  --bs-btn-disabled-border-color: #00ffd5;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #fdb52a;
  --bs-btn-border-color: #fdb52a;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fdc04a;
  --bs-btn-hover-border-color: #fdbc3f;
  --bs-btn-focus-shadow-rgb: 215, 154, 36;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fdc455;
  --bs-btn-active-border-color: #fdbc3f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fdb52a;
  --bs-btn-disabled-border-color: #fdb52a;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #fa5b68;
  --bs-btn-border-color: #fa5b68;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d54d58;
  --bs-btn-hover-border-color: #c84953;
  --bs-btn-focus-shadow-rgb: 251, 116, 127;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c84953;
  --bs-btn-active-border-color: #bc444e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #fa5b68;
  --bs-btn-disabled-border-color: #fa5b68;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #faf9ff;
  --bs-btn-border-color: #faf9ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d5d4d9;
  --bs-btn-hover-border-color: #c8c7cc;
  --bs-btn-focus-shadow-rgb: 213, 212, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c8c7cc;
  --bs-btn-active-border-color: #bcbbbf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #faf9ff;
  --bs-btn-disabled-border-color: #faf9ff;
}

.btn-lighter {
  --bs-btn-color: #000;
  --bs-btn-bg: #e5e7eb;
  --bs-btn-border-color: #e5e7eb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e9ebee;
  --bs-btn-hover-border-color: #e8e9ed;
  --bs-btn-focus-shadow-rgb: 195, 196, 200;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #eaecef;
  --bs-btn-active-border-color: #e8e9ed;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e5e7eb;
  --bs-btn-disabled-border-color: #e5e7eb;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0a1425;
  --bs-btn-border-color: #0a1425;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2f3746;
  --bs-btn-hover-border-color: #232c3b;
  --bs-btn-focus-shadow-rgb: 47, 55, 70;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3b4351;
  --bs-btn-active-border-color: #232c3b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0a1425;
  --bs-btn-disabled-border-color: #0a1425;
}

.btn-dark-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #080829;
  --bs-btn-border-color: #080829;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #070723;
  --bs-btn-hover-border-color: #060621;
  --bs-btn-focus-shadow-rgb: 45, 45, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #060621;
  --bs-btn-active-border-color: #06061f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #080829;
  --bs-btn-disabled-border-color: #080829;
}

.btn-darker {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0a1425;
  --bs-btn-border-color: #0a1425;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #09111f;
  --bs-btn-hover-border-color: #08101e;
  --bs-btn-focus-shadow-rgb: 47, 55, 70;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #08101e;
  --bs-btn-active-border-color: #080f1c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0a1425;
  --bs-btn-disabled-border-color: #0a1425;
}

.btn-white {
  --bs-btn-color: #000;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: white;
  --bs-btn-hover-border-color: white;
  --bs-btn-focus-shadow-rgb: 217, 217, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: white;
  --bs-btn-active-border-color: white;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #fff;
}

.btn-gray {
  --bs-btn-color: #000;
  --bs-btn-bg: #f7f8f9;
  --bs-btn-border-color: #f7f8f9;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 210, 211, 212;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f9f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f7f8f9;
  --bs-btn-disabled-border-color: #f7f8f9;
}

.btn-gray-50 {
  --bs-btn-color: #000;
  --bs-btn-bg: #e5e7eb;
  --bs-btn-border-color: #e5e7eb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e9ebee;
  --bs-btn-hover-border-color: #e8e9ed;
  --bs-btn-focus-shadow-rgb: 195, 196, 200;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #eaecef;
  --bs-btn-active-border-color: #e8e9ed;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e5e7eb;
  --bs-btn-disabled-border-color: #e5e7eb;
}

.btn-gray-100 {
  --bs-btn-color: #000;
  --bs-btn-bg: #faf9ff;
  --bs-btn-border-color: #faf9ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fbfaff;
  --bs-btn-hover-border-color: #fbfaff;
  --bs-btn-focus-shadow-rgb: 213, 212, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fbfaff;
  --bs-btn-active-border-color: #fbfaff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #faf9ff;
  --bs-btn-disabled-border-color: #faf9ff;
}

.btn-gray-200 {
  --bs-btn-color: #000;
  --bs-btn-bg: #f2f8fb;
  --bs-btn-border-color: #f2f8fb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f4f9fc;
  --bs-btn-hover-border-color: #f3f9fb;
  --bs-btn-focus-shadow-rgb: 206, 211, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f5f9fc;
  --bs-btn-active-border-color: #f3f9fb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f2f8fb;
  --bs-btn-disabled-border-color: #f2f8fb;
}

.btn-gray-300 {
  --bs-btn-color: #000;
  --bs-btn-bg: #f9f7fa;
  --bs-btn-border-color: #f9f7fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #faf8fb;
  --bs-btn-hover-border-color: #faf8fb;
  --bs-btn-focus-shadow-rgb: 212, 210, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #faf9fb;
  --bs-btn-active-border-color: #faf8fb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f9f7fa;
  --bs-btn-disabled-border-color: #f9f7fa;
}

.btn-gray-400 {
  --bs-btn-color: #000;
  --bs-btn-bg: #faf9f4;
  --bs-btn-border-color: #faf9f4;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fbfaf6;
  --bs-btn-hover-border-color: #fbfaf5;
  --bs-btn-focus-shadow-rgb: 213, 212, 207;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fbfaf6;
  --bs-btn-active-border-color: #fbfaf5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #faf9f4;
  --bs-btn-disabled-border-color: #faf9f4;
}

.btn-gray-500 {
  --bs-btn-color: #000;
  --bs-btn-bg: #c9c9d4;
  --bs-btn-border-color: #c9c9d4;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d1d1da;
  --bs-btn-hover-border-color: #ceced8;
  --bs-btn-focus-shadow-rgb: 171, 171, 180;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #d4d4dd;
  --bs-btn-active-border-color: #ceced8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #c9c9d4;
  --bs-btn-disabled-border-color: #c9c9d4;
}

.btn-gray-600 {
  --bs-btn-color: #000;
  --bs-btn-bg: #c5c5ca;
  --bs-btn-border-color: #c5c5ca;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ceced2;
  --bs-btn-hover-border-color: #cbcbcf;
  --bs-btn-focus-shadow-rgb: 167, 167, 172;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #d1d1d5;
  --bs-btn-active-border-color: #cbcbcf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #c5c5ca;
  --bs-btn-disabled-border-color: #c5c5ca;
}

.btn-gray-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #adb5bd;
  --bs-btn-border-color: #adb5bd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #939aa1;
  --bs-btn-hover-border-color: #8a9197;
  --bs-btn-focus-shadow-rgb: 185, 192, 199;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8a9197;
  --bs-btn-active-border-color: #82888e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #adb5bd;
  --bs-btn-disabled-border-color: #adb5bd;
}

.btn-gray-800 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #64728f;
  --bs-btn-border-color: #64728f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #55617a;
  --bs-btn-hover-border-color: #505b72;
  --bs-btn-focus-shadow-rgb: 123, 135, 160;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #505b72;
  --bs-btn-active-border-color: #4b566b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #64728f;
  --bs-btn-disabled-border-color: #64728f;
}

.btn-gray-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #495057;
  --bs-btn-border-color: #495057;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3e444a;
  --bs-btn-hover-border-color: #3a4046;
  --bs-btn-focus-shadow-rgb: 100, 106, 112;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3a4046;
  --bs-btn-active-border-color: #373c41;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #495057;
  --bs-btn-disabled-border-color: #495057;
}

.btn-gray-1000 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2b292c;
  --bs-btn-border-color: #2b292c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #252325;
  --bs-btn-hover-border-color: #222123;
  --bs-btn-focus-shadow-rgb: 75, 73, 76;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #222123;
  --bs-btn-active-border-color: #201f21;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2b292c;
  --bs-btn-disabled-border-color: #2b292c;
}

.btn-gray-1100 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0f0f12;
  --bs-btn-border-color: #0f0f12;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d0d0f;
  --bs-btn-hover-border-color: #0c0c0e;
  --bs-btn-focus-shadow-rgb: 51, 51, 54;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0c0c0e;
  --bs-btn-active-border-color: #0b0b0e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0f0f12;
  --bs-btn-disabled-border-color: #0f0f12;
}

.btn-gray-1200 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0a1425;
  --bs-btn-border-color: #0a1425;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #09111f;
  --bs-btn-hover-border-color: #08101e;
  --bs-btn-focus-shadow-rgb: 47, 55, 70;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #08101e;
  --bs-btn-active-border-color: #080f1c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0a1425;
  --bs-btn-disabled-border-color: #0a1425;
}

.btn-gray-1300 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #181921;
  --bs-btn-border-color: #181921;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #14151c;
  --bs-btn-hover-border-color: #13141a;
  --bs-btn-focus-shadow-rgb: 59, 60, 66;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #13141a;
  --bs-btn-active-border-color: #121319;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #181921;
  --bs-btn-disabled-border-color: #181921;
}

.btn-gray-1400 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #232340;
  --bs-btn-border-color: #232340;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1e1e36;
  --bs-btn-hover-border-color: #1c1c33;
  --bs-btn-focus-shadow-rgb: 68, 68, 93;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1c1c33;
  --bs-btn-active-border-color: #1a1a30;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #232340;
  --bs-btn-disabled-border-color: #232340;
}

.btn-red {
  --bs-btn-color: #fff;
  --bs-btn-bg: #fa5b68;
  --bs-btn-border-color: #fa5b68;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d54d58;
  --bs-btn-hover-border-color: #c84953;
  --bs-btn-focus-shadow-rgb: 251, 116, 127;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c84953;
  --bs-btn-active-border-color: #bc444e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #fa5b68;
  --bs-btn-disabled-border-color: #fa5b68;
}

.btn-red-50 {
  --bs-btn-color: #000;
  --bs-btn-bg: #feebed;
  --bs-btn-border-color: #feebed;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #feeef0;
  --bs-btn-hover-border-color: #feedef;
  --bs-btn-focus-shadow-rgb: 216, 200, 201;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #feeff1;
  --bs-btn-active-border-color: #feedef;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #feebed;
  --bs-btn-disabled-border-color: #feebed;
}

.btn-yellow {
  --bs-btn-color: #000;
  --bs-btn-bg: #fdb52a;
  --bs-btn-border-color: #fdb52a;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fdc04a;
  --bs-btn-hover-border-color: #fdbc3f;
  --bs-btn-focus-shadow-rgb: 215, 154, 36;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fdc455;
  --bs-btn-active-border-color: #fdbc3f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fdb52a;
  --bs-btn-disabled-border-color: #fdb52a;
}

.btn-yellow-50 {
  --bs-btn-color: #000;
  --bs-btn-bg: #fef6ea;
  --bs-btn-border-color: #fef6ea;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fef7ed;
  --bs-btn-hover-border-color: #fef7ec;
  --bs-btn-focus-shadow-rgb: 216, 209, 199;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fef8ee;
  --bs-btn-active-border-color: #fef7ec;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fef6ea;
  --bs-btn-disabled-border-color: #fef6ea;
}

.btn-yellow-100 {
  --bs-btn-color: #000;
  --bs-btn-bg: #fdeaba;
  --bs-btn-border-color: #fdeaba;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fdedc4;
  --bs-btn-hover-border-color: #fdecc1;
  --bs-btn-focus-shadow-rgb: 215, 199, 158;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fdeec8;
  --bs-btn-active-border-color: #fdecc1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fdeaba;
  --bs-btn-disabled-border-color: #fdeaba;
}

.btn-yellow-200 {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffde70;
  --bs-btn-border-color: #ffde70;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffe385;
  --bs-btn-hover-border-color: #ffe17e;
  --bs-btn-focus-shadow-rgb: 217, 189, 95;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffe58d;
  --bs-btn-active-border-color: #ffe17e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffde70;
  --bs-btn-disabled-border-color: #ffde70;
}

.btn-green {
  --bs-btn-color: #fff;
  --bs-btn-bg: #22c55e;
  --bs-btn-border-color: #22c55e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1da750;
  --bs-btn-hover-border-color: #1b9e4b;
  --bs-btn-focus-shadow-rgb: 67, 206, 118;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1b9e4b;
  --bs-btn-active-border-color: #1a9447;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #22c55e;
  --bs-btn-disabled-border-color: #22c55e;
}

.btn-green-50 {
  --bs-btn-color: #000;
  --bs-btn-bg: #e9f9ef;
  --bs-btn-border-color: #e9f9ef;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ecfaf1;
  --bs-btn-hover-border-color: #ebfaf1;
  --bs-btn-focus-shadow-rgb: 198, 212, 203;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #edfaf2;
  --bs-btn-active-border-color: #ebfaf1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e9f9ef;
  --bs-btn-disabled-border-color: #e9f9ef;
}

.btn-green-100 {
  --bs-btn-color: #000;
  --bs-btn-bg: #f0f6f5;
  --bs-btn-border-color: #f0f6f5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f2f7f7;
  --bs-btn-hover-border-color: #f2f7f6;
  --bs-btn-focus-shadow-rgb: 204, 209, 208;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f3f8f7;
  --bs-btn-active-border-color: #f2f7f6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f0f6f5;
  --bs-btn-disabled-border-color: #f0f6f5;
}

.btn-green-200 {
  --bs-btn-color: #000;
  --bs-btn-bg: #dcfce7;
  --bs-btn-border-color: #dcfce7;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e1fceb;
  --bs-btn-hover-border-color: #e0fce9;
  --bs-btn-focus-shadow-rgb: 187, 214, 196;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e3fdec;
  --bs-btn-active-border-color: #e0fce9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #dcfce7;
  --bs-btn-disabled-border-color: #dcfce7;
}

.btn-green-300 {
  --bs-btn-color: #000;
  --bs-btn-bg: #bde5d3;
  --bs-btn-border-color: #bde5d3;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c7e9da;
  --bs-btn-hover-border-color: #c4e8d7;
  --bs-btn-focus-shadow-rgb: 161, 195, 179;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #caeadc;
  --bs-btn-active-border-color: #c4e8d7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #bde5d3;
  --bs-btn-disabled-border-color: #bde5d3;
}

.btn-green-400 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #45c9c1;
  --bs-btn-border-color: #45c9c1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3baba4;
  --bs-btn-hover-border-color: #37a19a;
  --bs-btn-focus-shadow-rgb: 97, 209, 202;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #37a19a;
  --bs-btn-active-border-color: #349791;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #45c9c1;
  --bs-btn-disabled-border-color: #45c9c1;
}

.btn-green-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0acf83;
  --bs-btn-border-color: #0acf83;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #09b06f;
  --bs-btn-hover-border-color: #08a669;
  --bs-btn-focus-shadow-rgb: 47, 214, 150;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #08a669;
  --bs-btn-active-border-color: #089b62;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0acf83;
  --bs-btn-disabled-border-color: #0acf83;
}

.btn-green-600 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #54a8c7;
  --bs-btn-border-color: #54a8c7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #478fa9;
  --bs-btn-hover-border-color: #43869f;
  --bs-btn-focus-shadow-rgb: 110, 181, 207;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #43869f;
  --bs-btn-active-border-color: #3f7e95;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #54a8c7;
  --bs-btn-disabled-border-color: #54a8c7;
}

.btn-green-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2a9d8f;
  --bs-btn-border-color: #2a9d8f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #24857a;
  --bs-btn-hover-border-color: #227e72;
  --bs-btn-focus-shadow-rgb: 74, 172, 160;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #227e72;
  --bs-btn-active-border-color: #20766b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2a9d8f;
  --bs-btn-disabled-border-color: #2a9d8f;
}

.btn-green-800 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #071a17;
  --bs-btn-border-color: #071a17;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #061614;
  --bs-btn-hover-border-color: #061512;
  --bs-btn-focus-shadow-rgb: 44, 60, 58;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #061512;
  --bs-btn-active-border-color: #051411;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #071a17;
  --bs-btn-disabled-border-color: #071a17;
}

.btn-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0062ff;
  --bs-btn-border-color: #0062ff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0053d9;
  --bs-btn-hover-border-color: #004ecc;
  --bs-btn-focus-shadow-rgb: 38, 122, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #004ecc;
  --bs-btn-active-border-color: #004abf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0062ff;
  --bs-btn-disabled-border-color: #0062ff;
}

.btn-blue-50 {
  --bs-btn-color: #000;
  --bs-btn-bg: #f4f8ff;
  --bs-btn-border-color: #f4f8ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f6f9ff;
  --bs-btn-hover-border-color: #f5f9ff;
  --bs-btn-focus-shadow-rgb: 207, 211, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f6f9ff;
  --bs-btn-active-border-color: #f5f9ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f4f8ff;
  --bs-btn-disabled-border-color: #f4f8ff;
}

.btn-blue-100 {
  --bs-btn-color: #000;
  --bs-btn-bg: #ebf2ff;
  --bs-btn-border-color: #ebf2ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #eef4ff;
  --bs-btn-hover-border-color: #edf3ff;
  --bs-btn-focus-shadow-rgb: 200, 206, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #eff5ff;
  --bs-btn-active-border-color: #edf3ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ebf2ff;
  --bs-btn-disabled-border-color: #ebf2ff;
}

.btn-blue-200 {
  --bs-btn-color: #000;
  --bs-btn-bg: #f3f4ff;
  --bs-btn-border-color: #f3f4ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f5f6ff;
  --bs-btn-hover-border-color: #f4f5ff;
  --bs-btn-focus-shadow-rgb: 207, 207, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f5f6ff;
  --bs-btn-active-border-color: #f4f5ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f3f4ff;
  --bs-btn-disabled-border-color: #f3f4ff;
}

.btn-blue-300 {
  --bs-btn-color: #000;
  --bs-btn-bg: #eaefff;
  --bs-btn-border-color: #eaefff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #edf1ff;
  --bs-btn-hover-border-color: #ecf1ff;
  --bs-btn-focus-shadow-rgb: 199, 203, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #eef2ff;
  --bs-btn-active-border-color: #ecf1ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #eaefff;
  --bs-btn-disabled-border-color: #eaefff;
}

.btn-blue-400 {
  --bs-btn-color: #000;
  --bs-btn-bg: #e7fbff;
  --bs-btn-border-color: #e7fbff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ebfcff;
  --bs-btn-hover-border-color: #e9fbff;
  --bs-btn-focus-shadow-rgb: 196, 213, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ecfcff;
  --bs-btn-active-border-color: #e9fbff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e7fbff;
  --bs-btn-disabled-border-color: #e7fbff;
}

.btn-blue-500 {
  --bs-btn-color: #000;
  --bs-btn-bg: #e8ebff;
  --bs-btn-border-color: #e8ebff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ebeeff;
  --bs-btn-hover-border-color: #eaedff;
  --bs-btn-focus-shadow-rgb: 197, 200, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #edefff;
  --bs-btn-active-border-color: #eaedff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e8ebff;
  --bs-btn-disabled-border-color: #e8ebff;
}

.btn-blue-600 {
  --bs-btn-color: #000;
  --bs-btn-bg: #f9faff;
  --bs-btn-border-color: #f9faff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fafbff;
  --bs-btn-hover-border-color: #fafbff;
  --bs-btn-focus-shadow-rgb: 212, 213, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fafbff;
  --bs-btn-active-border-color: #fafbff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f9faff;
  --bs-btn-disabled-border-color: #f9faff;
}

.btn-blue-700 {
  --bs-btn-color: #000;
  --bs-btn-bg: #c3c9f1;
  --bs-btn-border-color: #c3c9f1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ccd1f3;
  --bs-btn-hover-border-color: #c9cef2;
  --bs-btn-focus-shadow-rgb: 166, 171, 205;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #cfd4f4;
  --bs-btn-active-border-color: #c9cef2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #c3c9f1;
  --bs-btn-disabled-border-color: #c3c9f1;
}

.btn-blue-800 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6472b9;
  --bs-btn-border-color: #6472b9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #55619d;
  --bs-btn-hover-border-color: #505b94;
  --bs-btn-focus-shadow-rgb: 123, 135, 196;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #505b94;
  --bs-btn-active-border-color: #4b568b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6472b9;
  --bs-btn-disabled-border-color: #6472b9;
}

.btn-blue-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #8c9bff;
  --bs-btn-border-color: #8c9bff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7784d9;
  --bs-btn-hover-border-color: #707ccc;
  --bs-btn-focus-shadow-rgb: 157, 170, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #707ccc;
  --bs-btn-active-border-color: #6974bf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #8c9bff;
  --bs-btn-disabled-border-color: #8c9bff;
}

.btn-blue-1000 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #589bff;
  --bs-btn-border-color: #589bff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4b84d9;
  --bs-btn-hover-border-color: #467ccc;
  --bs-btn-focus-shadow-rgb: 113, 170, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #467ccc;
  --bs-btn-active-border-color: #4274bf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #589bff;
  --bs-btn-disabled-border-color: #589bff;
}

.btn-blue-1100 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6576ff;
  --bs-btn-border-color: #6576ff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5664d9;
  --bs-btn-hover-border-color: #515ecc;
  --bs-btn-focus-shadow-rgb: 124, 139, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #515ecc;
  --bs-btn-active-border-color: #4c59bf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6576ff;
  --bs-btn-disabled-border-color: #6576ff;
}

.btn-blue-1200 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3f78e0;
  --bs-btn-border-color: #3f78e0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3666be;
  --bs-btn-hover-border-color: #3260b3;
  --bs-btn-focus-shadow-rgb: 92, 140, 229;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3260b3;
  --bs-btn-active-border-color: #2f5aa8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3f78e0;
  --bs-btn-disabled-border-color: #3f78e0;
}

.btn-blue-1300 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2b5cfd;
  --bs-btn-border-color: #2b5cfd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5457cd;
  --bs-btn-hover-border-color: #4f52c1;
  --bs-btn-focus-shadow-rgb: 122, 125, 243;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4f52c1;
  --bs-btn-active-border-color: #4a4db5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2b5cfd;
  --bs-btn-disabled-border-color: #2b5cfd;
}

.btn-blue-1400 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3f53d8;
  --bs-btn-border-color: #3f53d8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3647b8;
  --bs-btn-hover-border-color: #3242ad;
  --bs-btn-focus-shadow-rgb: 92, 109, 222;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3242ad;
  --bs-btn-active-border-color: #2f3ea2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3f53d8;
  --bs-btn-disabled-border-color: #3f53d8;
}

.btn-blue-1500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2b5cfd;
  --bs-btn-border-color: #2b5cfd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #254ed7;
  --bs-btn-hover-border-color: #224aca;
  --bs-btn-focus-shadow-rgb: 75, 116, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #224aca;
  --bs-btn-active-border-color: #2045be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2b5cfd;
  --bs-btn-disabled-border-color: #2b5cfd;
}

.btn-blue-1600 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3b3482;
  --bs-btn-border-color: #3b3482;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #322c6f;
  --bs-btn-hover-border-color: #2f2a68;
  --bs-btn-focus-shadow-rgb: 88, 82, 149;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2f2a68;
  --bs-btn-active-border-color: #2c2762;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3b3482;
  --bs-btn-disabled-border-color: #3b3482;
}

.btn-blue-1700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #172166;
  --bs-btn-border-color: #172166;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #141c57;
  --bs-btn-hover-border-color: #121a52;
  --bs-btn-focus-shadow-rgb: 58, 66, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #121a52;
  --bs-btn-active-border-color: #11194d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #172166;
  --bs-btn-disabled-border-color: #172166;
}

.btn-blue-1800 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #122544;
  --bs-btn-border-color: #122544;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f1f3a;
  --bs-btn-hover-border-color: #0e1e36;
  --bs-btn-focus-shadow-rgb: 54, 70, 96;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0e1e36;
  --bs-btn-active-border-color: #0e1c33;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #122544;
  --bs-btn-disabled-border-color: #122544;
}

.btn-blue-1900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #141834;
  --bs-btn-border-color: #141834;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #11142c;
  --bs-btn-hover-border-color: #10132a;
  --bs-btn-focus-shadow-rgb: 55, 59, 82;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #10132a;
  --bs-btn-active-border-color: #0f1227;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #141834;
  --bs-btn-disabled-border-color: #141834;
}

.btn-blue-2000 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #080829;
  --bs-btn-border-color: #080829;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #070723;
  --bs-btn-hover-border-color: #060621;
  --bs-btn-focus-shadow-rgb: 45, 45, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #060621;
  --bs-btn-active-border-color: #06061f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #080829;
  --bs-btn-disabled-border-color: #080829;
}

.btn-purple {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6e61f3;
  --bs-btn-border-color: #6e61f3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5e52cf;
  --bs-btn-hover-border-color: #584ec2;
  --bs-btn-focus-shadow-rgb: 132, 121, 245;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #584ec2;
  --bs-btn-active-border-color: #5349b6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6e61f3;
  --bs-btn-disabled-border-color: #6e61f3;
}

.btn-purple-50 {
  --bs-btn-color: #000;
  --bs-btn-bg: #eeecff;
  --bs-btn-border-color: #eeecff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f1efff;
  --bs-btn-hover-border-color: #f0eeff;
  --bs-btn-focus-shadow-rgb: 202, 201, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f1f0ff;
  --bs-btn-active-border-color: #f0eeff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #eeecff;
  --bs-btn-disabled-border-color: #eeecff;
}

.btn-purple-100 {
  --bs-btn-color: #000;
  --bs-btn-bg: #fceff4;
  --bs-btn-border-color: #fceff4;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fcf1f6;
  --bs-btn-hover-border-color: #fcf1f5;
  --bs-btn-focus-shadow-rgb: 214, 203, 207;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fdf2f6;
  --bs-btn-active-border-color: #fcf1f5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fceff4;
  --bs-btn-disabled-border-color: #fceff4;
}

.btn-purple-200 {
  --bs-btn-color: #000;
  --bs-btn-bg: #edebfe;
  --bs-btn-border-color: #edebfe;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f0eefe;
  --bs-btn-hover-border-color: #efedfe;
  --bs-btn-focus-shadow-rgb: 201, 200, 216;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f1effe;
  --bs-btn-active-border-color: #efedfe;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #edebfe;
  --bs-btn-disabled-border-color: #edebfe;
}

.btn-purple-300 {
  --bs-btn-color: #000;
  --bs-btn-bg: #e1cbfd;
  --bs-btn-border-color: #e1cbfd;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e6d3fd;
  --bs-btn-hover-border-color: #e4d0fd;
  --bs-btn-focus-shadow-rgb: 191, 173, 215;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e7d5fd;
  --bs-btn-active-border-color: #e4d0fd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e1cbfd;
  --bs-btn-disabled-border-color: #e1cbfd;
}

.btn-purple-400 {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc8cc;
  --bs-btn-border-color: #ffc8cc;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffd0d4;
  --bs-btn-hover-border-color: #ffced1;
  --bs-btn-focus-shadow-rgb: 217, 170, 173;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffd3d6;
  --bs-btn-active-border-color: #ffced1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc8cc;
  --bs-btn-disabled-border-color: #ffc8cc;
}

.btn-purple-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #eb7ca6;
  --bs-btn-border-color: #eb7ca6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c8698d;
  --bs-btn-hover-border-color: #bc6385;
  --bs-btn-focus-shadow-rgb: 238, 144, 179;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #bc6385;
  --bs-btn-active-border-color: #b05d7d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #eb7ca6;
  --bs-btn-disabled-border-color: #eb7ca6;
}

.btn-purple-600 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #9d90f1;
  --bs-btn-border-color: #9d90f1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #857acd;
  --bs-btn-hover-border-color: #7e73c1;
  --bs-btn-focus-shadow-rgb: 172, 161, 243;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7e73c1;
  --bs-btn-active-border-color: #766cb5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #9d90f1;
  --bs-btn-disabled-border-color: #9d90f1;
}

.btn-purple-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #9097f7;
  --bs-btn-border-color: #9097f7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7a80d2;
  --bs-btn-hover-border-color: #7379c6;
  --bs-btn-focus-shadow-rgb: 161, 167, 248;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7379c6;
  --bs-btn-active-border-color: #6c71b9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #9097f7;
  --bs-btn-disabled-border-color: #9097f7;
}

.btn-purple-800 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #725efe;
  --bs-btn-border-color: #725efe;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6150d8;
  --bs-btn-hover-border-color: #5b4bcb;
  --bs-btn-focus-shadow-rgb: 135, 118, 254;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5b4bcb;
  --bs-btn-active-border-color: #5647bf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #725efe;
  --bs-btn-disabled-border-color: #725efe;
}

.btn-cyan {
  --bs-btn-color: #000;
  --bs-btn-bg: #00ffd5;
  --bs-btn-border-color: #00ffd5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #26ffdb;
  --bs-btn-hover-border-color: #1affd9;
  --bs-btn-focus-shadow-rgb: 0, 217, 181;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #33ffdd;
  --bs-btn-active-border-color: #1affd9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #00ffd5;
  --bs-btn-disabled-border-color: #00ffd5;
}

.btn-cyan-50 {
  --bs-btn-color: #000;
  --bs-btn-bg: #c0f2fd;
  --bs-btn-border-color: #c0f2fd;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c9f4fd;
  --bs-btn-hover-border-color: #c6f3fd;
  --bs-btn-focus-shadow-rgb: 163, 206, 215;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #cdf5fd;
  --bs-btn-active-border-color: #c6f3fd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #c0f2fd;
  --bs-btn-disabled-border-color: #c0f2fd;
}

.btn-cyan-100 {
  --bs-btn-color: #000;
  --bs-btn-bg: #97f2ff;
  --bs-btn-border-color: #97f2ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #a7f4ff;
  --bs-btn-hover-border-color: #a1f3ff;
  --bs-btn-focus-shadow-rgb: 128, 206, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #acf5ff;
  --bs-btn-active-border-color: #a1f3ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #97f2ff;
  --bs-btn-disabled-border-color: #97f2ff;
}

.btn-cyan-200 {
  --bs-btn-color: #000;
  --bs-btn-bg: #13d5ff;
  --bs-btn-border-color: #13d5ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #36dbff;
  --bs-btn-hover-border-color: #2bd9ff;
  --bs-btn-focus-shadow-rgb: 16, 181, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #42ddff;
  --bs-btn-active-border-color: #2bd9ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #13d5ff;
  --bs-btn-disabled-border-color: #13d5ff;
}

.btn-orange {
  --bs-btn-color: #000;
  --bs-btn-bg: #fdd6c8;
  --bs-btn-border-color: #fdd6c8;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fddcd0;
  --bs-btn-hover-border-color: #fddace;
  --bs-btn-focus-shadow-rgb: 215, 182, 170;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fdded3;
  --bs-btn-active-border-color: #fddace;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fdd6c8;
  --bs-btn-disabled-border-color: #fdd6c8;
}

.btn-orange-100 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ef652a;
  --bs-btn-border-color: #ef652a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #cb5624;
  --bs-btn-hover-border-color: #bf5122;
  --bs-btn-focus-shadow-rgb: 241, 124, 74;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #bf5122;
  --bs-btn-active-border-color: #b34c20;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ef652a;
  --bs-btn-disabled-border-color: #ef652a;
}

.btn-outline-primary {
  --bs-btn-color: #2b5cfd;
  --bs-btn-border-color: #2b5cfd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2b5cfd;
  --bs-btn-hover-border-color: #2b5cfd;
  --bs-btn-focus-shadow-rgb: 99, 102, 241;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2b5cfd;
  --bs-btn-active-border-color: #2b5cfd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2b5cfd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2b5cfd;
  --bs-gradient: none;
}

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

.btn-outline-success {
  --bs-btn-color: #22c55e;
  --bs-btn-border-color: #22c55e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #22c55e;
  --bs-btn-hover-border-color: #22c55e;
  --bs-btn-focus-shadow-rgb: 34, 197, 94;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #22c55e;
  --bs-btn-active-border-color: #22c55e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #22c55e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #22c55e;
  --bs-gradient: none;
}

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

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

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

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

.btn-outline-lighter {
  --bs-btn-color: #e5e7eb;
  --bs-btn-border-color: #e5e7eb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e5e7eb;
  --bs-btn-hover-border-color: #e5e7eb;
  --bs-btn-focus-shadow-rgb: 229, 231, 235;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e5e7eb;
  --bs-btn-active-border-color: #e5e7eb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e5e7eb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e5e7eb;
  --bs-gradient: none;
}

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

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

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

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

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

.btn-outline-gray-50 {
  --bs-btn-color: #e5e7eb;
  --bs-btn-border-color: #e5e7eb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e5e7eb;
  --bs-btn-hover-border-color: #e5e7eb;
  --bs-btn-focus-shadow-rgb: 229, 231, 235;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e5e7eb;
  --bs-btn-active-border-color: #e5e7eb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e5e7eb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e5e7eb;
  --bs-gradient: none;
}

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

.btn-outline-gray-200 {
  --bs-btn-color: #f2f8fb;
  --bs-btn-border-color: #f2f8fb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f2f8fb;
  --bs-btn-hover-border-color: #f2f8fb;
  --bs-btn-focus-shadow-rgb: 242, 248, 251;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f2f8fb;
  --bs-btn-active-border-color: #f2f8fb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f2f8fb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f2f8fb;
  --bs-gradient: none;
}

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

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

.btn-outline-gray-500 {
  --bs-btn-color: #c9c9d4;
  --bs-btn-border-color: #c9c9d4;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c9c9d4;
  --bs-btn-hover-border-color: #c9c9d4;
  --bs-btn-focus-shadow-rgb: 201, 201, 212;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c9c9d4;
  --bs-btn-active-border-color: #c9c9d4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #c9c9d4;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #c9c9d4;
  --bs-gradient: none;
}

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

.btn-outline-gray-700 {
  --bs-btn-color: #adb5bd;
  --bs-btn-border-color: #adb5bd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #adb5bd;
  --bs-btn-hover-border-color: #adb5bd;
  --bs-btn-focus-shadow-rgb: 173, 181, 189;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #adb5bd;
  --bs-btn-active-border-color: #adb5bd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #adb5bd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #adb5bd;
  --bs-gradient: none;
}

.btn-outline-gray-800 {
  --bs-btn-color: #64728f;
  --bs-btn-border-color: #64728f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #64728f;
  --bs-btn-hover-border-color: #64728f;
  --bs-btn-focus-shadow-rgb: 100, 114, 143;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #64728f;
  --bs-btn-active-border-color: #64728f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #64728f;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #64728f;
  --bs-gradient: none;
}

.btn-outline-gray-900 {
  --bs-btn-color: #495057;
  --bs-btn-border-color: #495057;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #495057;
  --bs-btn-hover-border-color: #495057;
  --bs-btn-focus-shadow-rgb: 73, 80, 87;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #495057;
  --bs-btn-active-border-color: #495057;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #495057;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #495057;
  --bs-gradient: none;
}

.btn-outline-gray-1000 {
  --bs-btn-color: #2b292c;
  --bs-btn-border-color: #2b292c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2b292c;
  --bs-btn-hover-border-color: #2b292c;
  --bs-btn-focus-shadow-rgb: 43, 41, 44;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2b292c;
  --bs-btn-active-border-color: #2b292c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2b292c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2b292c;
  --bs-gradient: none;
}

.btn-outline-gray-1100 {
  --bs-btn-color: #0f0f12;
  --bs-btn-border-color: #0f0f12;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f0f12;
  --bs-btn-hover-border-color: #0f0f12;
  --bs-btn-focus-shadow-rgb: 15, 15, 18;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0f0f12;
  --bs-btn-active-border-color: #0f0f12;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0f0f12;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0f0f12;
  --bs-gradient: none;
}

.btn-outline-gray-1200 {
  --bs-btn-color: #0a1425;
  --bs-btn-border-color: #0a1425;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0a1425;
  --bs-btn-hover-border-color: #0a1425;
  --bs-btn-focus-shadow-rgb: 10, 20, 37;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a1425;
  --bs-btn-active-border-color: #0a1425;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0a1425;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0a1425;
  --bs-gradient: none;
}

.btn-outline-gray-1300 {
  --bs-btn-color: #181921;
  --bs-btn-border-color: #181921;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #181921;
  --bs-btn-hover-border-color: #181921;
  --bs-btn-focus-shadow-rgb: 24, 25, 33;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #181921;
  --bs-btn-active-border-color: #181921;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #181921;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #181921;
  --bs-gradient: none;
}

.btn-outline-gray-1400 {
  --bs-btn-color: #232340;
  --bs-btn-border-color: #232340;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #232340;
  --bs-btn-hover-border-color: #232340;
  --bs-btn-focus-shadow-rgb: 35, 35, 64;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #232340;
  --bs-btn-active-border-color: #232340;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #232340;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #232340;
  --bs-gradient: none;
}

.btn-outline-red {
  --bs-btn-color: #fa5b68;
  --bs-btn-border-color: #fa5b68;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #fa5b68;
  --bs-btn-hover-border-color: #fa5b68;
  --bs-btn-focus-shadow-rgb: 250, 91, 104;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #fa5b68;
  --bs-btn-active-border-color: #fa5b68;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fa5b68;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fa5b68;
  --bs-gradient: none;
}

.btn-outline-red-50 {
  --bs-btn-color: #feebed;
  --bs-btn-border-color: #feebed;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #feebed;
  --bs-btn-hover-border-color: #feebed;
  --bs-btn-focus-shadow-rgb: 254, 235, 237;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #feebed;
  --bs-btn-active-border-color: #feebed;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #feebed;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #feebed;
  --bs-gradient: none;
}

.btn-outline-yellow {
  --bs-btn-color: #fdb52a;
  --bs-btn-border-color: #fdb52a;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fdb52a;
  --bs-btn-hover-border-color: #fdb52a;
  --bs-btn-focus-shadow-rgb: 253, 181, 42;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fdb52a;
  --bs-btn-active-border-color: #fdb52a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fdb52a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fdb52a;
  --bs-gradient: none;
}

.btn-outline-yellow-50 {
  --bs-btn-color: #fef6ea;
  --bs-btn-border-color: #fef6ea;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fef6ea;
  --bs-btn-hover-border-color: #fef6ea;
  --bs-btn-focus-shadow-rgb: 254, 246, 234;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fef6ea;
  --bs-btn-active-border-color: #fef6ea;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fef6ea;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fef6ea;
  --bs-gradient: none;
}

.btn-outline-yellow-100 {
  --bs-btn-color: #fdeaba;
  --bs-btn-border-color: #fdeaba;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fdeaba;
  --bs-btn-hover-border-color: #fdeaba;
  --bs-btn-focus-shadow-rgb: 253, 234, 186;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fdeaba;
  --bs-btn-active-border-color: #fdeaba;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fdeaba;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fdeaba;
  --bs-gradient: none;
}

.btn-outline-yellow-200 {
  --bs-btn-color: #ffde70;
  --bs-btn-border-color: #ffde70;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffde70;
  --bs-btn-hover-border-color: #ffde70;
  --bs-btn-focus-shadow-rgb: 255, 222, 112;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffde70;
  --bs-btn-active-border-color: #ffde70;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffde70;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffde70;
  --bs-gradient: none;
}

.btn-outline-green {
  --bs-btn-color: #22c55e;
  --bs-btn-border-color: #22c55e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #22c55e;
  --bs-btn-hover-border-color: #22c55e;
  --bs-btn-focus-shadow-rgb: 34, 197, 94;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #22c55e;
  --bs-btn-active-border-color: #22c55e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #22c55e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #22c55e;
  --bs-gradient: none;
}

.btn-outline-green-50 {
  --bs-btn-color: #e9f9ef;
  --bs-btn-border-color: #e9f9ef;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e9f9ef;
  --bs-btn-hover-border-color: #e9f9ef;
  --bs-btn-focus-shadow-rgb: 233, 249, 239;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e9f9ef;
  --bs-btn-active-border-color: #e9f9ef;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e9f9ef;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e9f9ef;
  --bs-gradient: none;
}

.btn-outline-green-100 {
  --bs-btn-color: #f0f6f5;
  --bs-btn-border-color: #f0f6f5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f0f6f5;
  --bs-btn-hover-border-color: #f0f6f5;
  --bs-btn-focus-shadow-rgb: 240, 246, 245;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f0f6f5;
  --bs-btn-active-border-color: #f0f6f5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f0f6f5;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f0f6f5;
  --bs-gradient: none;
}

.btn-outline-green-200 {
  --bs-btn-color: #dcfce7;
  --bs-btn-border-color: #dcfce7;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #dcfce7;
  --bs-btn-hover-border-color: #dcfce7;
  --bs-btn-focus-shadow-rgb: 220, 252, 231;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #dcfce7;
  --bs-btn-active-border-color: #dcfce7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dcfce7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dcfce7;
  --bs-gradient: none;
}

.btn-outline-green-300 {
  --bs-btn-color: #bde5d3;
  --bs-btn-border-color: #bde5d3;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #bde5d3;
  --bs-btn-hover-border-color: #bde5d3;
  --bs-btn-focus-shadow-rgb: 189, 229, 211;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #bde5d3;
  --bs-btn-active-border-color: #bde5d3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #bde5d3;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #bde5d3;
  --bs-gradient: none;
}

.btn-outline-green-400 {
  --bs-btn-color: #45c9c1;
  --bs-btn-border-color: #45c9c1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #45c9c1;
  --bs-btn-hover-border-color: #45c9c1;
  --bs-btn-focus-shadow-rgb: 69, 201, 193;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #45c9c1;
  --bs-btn-active-border-color: #45c9c1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #45c9c1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #45c9c1;
  --bs-gradient: none;
}

.btn-outline-green-500 {
  --bs-btn-color: #0acf83;
  --bs-btn-border-color: #0acf83;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0acf83;
  --bs-btn-hover-border-color: #0acf83;
  --bs-btn-focus-shadow-rgb: 10, 207, 131;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0acf83;
  --bs-btn-active-border-color: #0acf83;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0acf83;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0acf83;
  --bs-gradient: none;
}

.btn-outline-green-600 {
  --bs-btn-color: #54a8c7;
  --bs-btn-border-color: #54a8c7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #54a8c7;
  --bs-btn-hover-border-color: #54a8c7;
  --bs-btn-focus-shadow-rgb: 84, 168, 199;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #54a8c7;
  --bs-btn-active-border-color: #54a8c7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #54a8c7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #54a8c7;
  --bs-gradient: none;
}

.btn-outline-green-700 {
  --bs-btn-color: #2a9d8f;
  --bs-btn-border-color: #2a9d8f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2a9d8f;
  --bs-btn-hover-border-color: #2a9d8f;
  --bs-btn-focus-shadow-rgb: 42, 157, 143;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2a9d8f;
  --bs-btn-active-border-color: #2a9d8f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2a9d8f;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2a9d8f;
  --bs-gradient: none;
}

.btn-outline-green-800 {
  --bs-btn-color: #071a17;
  --bs-btn-border-color: #071a17;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #071a17;
  --bs-btn-hover-border-color: #071a17;
  --bs-btn-focus-shadow-rgb: 7, 26, 23;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #071a17;
  --bs-btn-active-border-color: #071a17;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #071a17;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #071a17;
  --bs-gradient: none;
}

.btn-outline-blue {
  --bs-btn-color: #0062ff;
  --bs-btn-border-color: #0062ff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0062ff;
  --bs-btn-hover-border-color: #0062ff;
  --bs-btn-focus-shadow-rgb: 0, 98, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0062ff;
  --bs-btn-active-border-color: #0062ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0062ff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0062ff;
  --bs-gradient: none;
}

.btn-outline-blue-50 {
  --bs-btn-color: #f4f8ff;
  --bs-btn-border-color: #f4f8ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f4f8ff;
  --bs-btn-hover-border-color: #f4f8ff;
  --bs-btn-focus-shadow-rgb: 244, 248, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f4f8ff;
  --bs-btn-active-border-color: #f4f8ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f4f8ff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f4f8ff;
  --bs-gradient: none;
}

.btn-outline-blue-100 {
  --bs-btn-color: #ebf2ff;
  --bs-btn-border-color: #ebf2ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ebf2ff;
  --bs-btn-hover-border-color: #ebf2ff;
  --bs-btn-focus-shadow-rgb: 235, 242, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ebf2ff;
  --bs-btn-active-border-color: #ebf2ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ebf2ff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ebf2ff;
  --bs-gradient: none;
}

.btn-outline-blue-200 {
  --bs-btn-color: #f3f4ff;
  --bs-btn-border-color: #f3f4ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f3f4ff;
  --bs-btn-hover-border-color: #f3f4ff;
  --bs-btn-focus-shadow-rgb: 243, 244, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f3f4ff;
  --bs-btn-active-border-color: #f3f4ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f3f4ff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f3f4ff;
  --bs-gradient: none;
}

.btn-outline-blue-300 {
  --bs-btn-color: #eaefff;
  --bs-btn-border-color: #eaefff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #eaefff;
  --bs-btn-hover-border-color: #eaefff;
  --bs-btn-focus-shadow-rgb: 234, 239, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #eaefff;
  --bs-btn-active-border-color: #eaefff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eaefff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #eaefff;
  --bs-gradient: none;
}

.btn-outline-blue-400 {
  --bs-btn-color: #e7fbff;
  --bs-btn-border-color: #e7fbff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e7fbff;
  --bs-btn-hover-border-color: #e7fbff;
  --bs-btn-focus-shadow-rgb: 231, 251, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e7fbff;
  --bs-btn-active-border-color: #e7fbff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e7fbff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e7fbff;
  --bs-gradient: none;
}

.btn-outline-blue-500 {
  --bs-btn-color: #e8ebff;
  --bs-btn-border-color: #e8ebff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e8ebff;
  --bs-btn-hover-border-color: #e8ebff;
  --bs-btn-focus-shadow-rgb: 232, 235, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e8ebff;
  --bs-btn-active-border-color: #e8ebff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e8ebff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e8ebff;
  --bs-gradient: none;
}

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

.btn-outline-blue-700 {
  --bs-btn-color: #c3c9f1;
  --bs-btn-border-color: #c3c9f1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c3c9f1;
  --bs-btn-hover-border-color: #c3c9f1;
  --bs-btn-focus-shadow-rgb: 195, 201, 241;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c3c9f1;
  --bs-btn-active-border-color: #c3c9f1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #c3c9f1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #c3c9f1;
  --bs-gradient: none;
}

.btn-outline-blue-800 {
  --bs-btn-color: #6472b9;
  --bs-btn-border-color: #6472b9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6472b9;
  --bs-btn-hover-border-color: #6472b9;
  --bs-btn-focus-shadow-rgb: 100, 114, 185;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6472b9;
  --bs-btn-active-border-color: #6472b9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6472b9;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6472b9;
  --bs-gradient: none;
}

.btn-outline-blue-900 {
  --bs-btn-color: #8c9bff;
  --bs-btn-border-color: #8c9bff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8c9bff;
  --bs-btn-hover-border-color: #8c9bff;
  --bs-btn-focus-shadow-rgb: 140, 155, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8c9bff;
  --bs-btn-active-border-color: #8c9bff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #8c9bff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #8c9bff;
  --bs-gradient: none;
}

.btn-outline-blue-1000 {
  --bs-btn-color: #589bff;
  --bs-btn-border-color: #589bff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #589bff;
  --bs-btn-hover-border-color: #589bff;
  --bs-btn-focus-shadow-rgb: 88, 155, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #589bff;
  --bs-btn-active-border-color: #589bff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #589bff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #589bff;
  --bs-gradient: none;
}

.btn-outline-blue-1100 {
  --bs-btn-color: #6576ff;
  --bs-btn-border-color: #6576ff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6576ff;
  --bs-btn-hover-border-color: #6576ff;
  --bs-btn-focus-shadow-rgb: 101, 118, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6576ff;
  --bs-btn-active-border-color: #6576ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6576ff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6576ff;
  --bs-gradient: none;
}

.btn-outline-blue-1200 {
  --bs-btn-color: #3f78e0;
  --bs-btn-border-color: #3f78e0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3f78e0;
  --bs-btn-hover-border-color: #3f78e0;
  --bs-btn-focus-shadow-rgb: 63, 120, 224;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3f78e0;
  --bs-btn-active-border-color: #3f78e0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #3f78e0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3f78e0;
  --bs-gradient: none;
}

.btn-outline-blue-1300 {
  --bs-btn-color: #2b5cfd;
  --bs-btn-border-color: #2b5cfd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2b5cfd;
  --bs-btn-hover-border-color: #2b5cfd;
  --bs-btn-focus-shadow-rgb: 99, 102, 241;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2b5cfd;
  --bs-btn-active-border-color: #2b5cfd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2b5cfd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2b5cfd;
  --bs-gradient: none;
}

.btn-outline-blue-1400 {
  --bs-btn-color: #3f53d8;
  --bs-btn-border-color: #3f53d8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3f53d8;
  --bs-btn-hover-border-color: #3f53d8;
  --bs-btn-focus-shadow-rgb: 63, 83, 216;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3f53d8;
  --bs-btn-active-border-color: #3f53d8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #3f53d8;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3f53d8;
  --bs-gradient: none;
}

.btn-outline-blue-1500 {
  --bs-btn-color: #2b5cfd;
  --bs-btn-border-color: #2b5cfd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2b5cfd;
  --bs-btn-hover-border-color: #2b5cfd;
  --bs-btn-focus-shadow-rgb: 43, 92, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2b5cfd;
  --bs-btn-active-border-color: #2b5cfd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2b5cfd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2b5cfd;
  --bs-gradient: none;
}

.btn-outline-blue-1600 {
  --bs-btn-color: #3b3482;
  --bs-btn-border-color: #3b3482;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3b3482;
  --bs-btn-hover-border-color: #3b3482;
  --bs-btn-focus-shadow-rgb: 59, 52, 130;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3b3482;
  --bs-btn-active-border-color: #3b3482;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #3b3482;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3b3482;
  --bs-gradient: none;
}

.btn-outline-blue-1700 {
  --bs-btn-color: #172166;
  --bs-btn-border-color: #172166;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #172166;
  --bs-btn-hover-border-color: #172166;
  --bs-btn-focus-shadow-rgb: 23, 33, 102;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #172166;
  --bs-btn-active-border-color: #172166;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #172166;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #172166;
  --bs-gradient: none;
}

.btn-outline-blue-1800 {
  --bs-btn-color: #122544;
  --bs-btn-border-color: #122544;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #122544;
  --bs-btn-hover-border-color: #122544;
  --bs-btn-focus-shadow-rgb: 18, 37, 68;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #122544;
  --bs-btn-active-border-color: #122544;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #122544;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #122544;
  --bs-gradient: none;
}

.btn-outline-blue-1900 {
  --bs-btn-color: #141834;
  --bs-btn-border-color: #141834;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #141834;
  --bs-btn-hover-border-color: #141834;
  --bs-btn-focus-shadow-rgb: 20, 24, 52;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #141834;
  --bs-btn-active-border-color: #141834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #141834;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #141834;
  --bs-gradient: none;
}

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

.btn-outline-purple {
  --bs-btn-color: #6e61f3;
  --bs-btn-border-color: #6e61f3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6e61f3;
  --bs-btn-hover-border-color: #6e61f3;
  --bs-btn-focus-shadow-rgb: 110, 97, 243;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6e61f3;
  --bs-btn-active-border-color: #6e61f3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6e61f3;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6e61f3;
  --bs-gradient: none;
}

.btn-outline-purple-50 {
  --bs-btn-color: #eeecff;
  --bs-btn-border-color: #eeecff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #eeecff;
  --bs-btn-hover-border-color: #eeecff;
  --bs-btn-focus-shadow-rgb: 238, 236, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #eeecff;
  --bs-btn-active-border-color: #eeecff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eeecff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #eeecff;
  --bs-gradient: none;
}

.btn-outline-purple-100 {
  --bs-btn-color: #fceff4;
  --bs-btn-border-color: #fceff4;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fceff4;
  --bs-btn-hover-border-color: #fceff4;
  --bs-btn-focus-shadow-rgb: 252, 239, 244;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fceff4;
  --bs-btn-active-border-color: #fceff4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fceff4;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fceff4;
  --bs-gradient: none;
}

.btn-outline-purple-200 {
  --bs-btn-color: #edebfe;
  --bs-btn-border-color: #edebfe;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #edebfe;
  --bs-btn-hover-border-color: #edebfe;
  --bs-btn-focus-shadow-rgb: 237, 235, 254;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #edebfe;
  --bs-btn-active-border-color: #edebfe;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #edebfe;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #edebfe;
  --bs-gradient: none;
}

.btn-outline-purple-300 {
  --bs-btn-color: #e1cbfd;
  --bs-btn-border-color: #e1cbfd;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e1cbfd;
  --bs-btn-hover-border-color: #e1cbfd;
  --bs-btn-focus-shadow-rgb: 225, 203, 253;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e1cbfd;
  --bs-btn-active-border-color: #e1cbfd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e1cbfd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e1cbfd;
  --bs-gradient: none;
}

.btn-outline-purple-400 {
  --bs-btn-color: #ffc8cc;
  --bs-btn-border-color: #ffc8cc;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc8cc;
  --bs-btn-hover-border-color: #ffc8cc;
  --bs-btn-focus-shadow-rgb: 255, 200, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc8cc;
  --bs-btn-active-border-color: #ffc8cc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc8cc;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc8cc;
  --bs-gradient: none;
}

.btn-outline-purple-500 {
  --bs-btn-color: #eb7ca6;
  --bs-btn-border-color: #eb7ca6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #eb7ca6;
  --bs-btn-hover-border-color: #eb7ca6;
  --bs-btn-focus-shadow-rgb: 235, 124, 166;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #eb7ca6;
  --bs-btn-active-border-color: #eb7ca6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eb7ca6;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #eb7ca6;
  --bs-gradient: none;
}

.btn-outline-purple-600 {
  --bs-btn-color: #9d90f1;
  --bs-btn-border-color: #9d90f1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9d90f1;
  --bs-btn-hover-border-color: #9d90f1;
  --bs-btn-focus-shadow-rgb: 157, 144, 241;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9d90f1;
  --bs-btn-active-border-color: #9d90f1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #9d90f1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #9d90f1;
  --bs-gradient: none;
}

.btn-outline-purple-700 {
  --bs-btn-color: #9097f7;
  --bs-btn-border-color: #9097f7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9097f7;
  --bs-btn-hover-border-color: #9097f7;
  --bs-btn-focus-shadow-rgb: 144, 151, 247;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9097f7;
  --bs-btn-active-border-color: #9097f7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #9097f7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #9097f7;
  --bs-gradient: none;
}

.btn-outline-purple-800 {
  --bs-btn-color: #725efe;
  --bs-btn-border-color: #725efe;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #725efe;
  --bs-btn-hover-border-color: #725efe;
  --bs-btn-focus-shadow-rgb: 114, 94, 254;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #725efe;
  --bs-btn-active-border-color: #725efe;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #725efe;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #725efe;
  --bs-gradient: none;
}

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

.btn-outline-cyan-50 {
  --bs-btn-color: #c0f2fd;
  --bs-btn-border-color: #c0f2fd;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c0f2fd;
  --bs-btn-hover-border-color: #c0f2fd;
  --bs-btn-focus-shadow-rgb: 192, 242, 253;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c0f2fd;
  --bs-btn-active-border-color: #c0f2fd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #c0f2fd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #c0f2fd;
  --bs-gradient: none;
}

.btn-outline-cyan-100 {
  --bs-btn-color: #97f2ff;
  --bs-btn-border-color: #97f2ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #97f2ff;
  --bs-btn-hover-border-color: #97f2ff;
  --bs-btn-focus-shadow-rgb: 151, 242, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #97f2ff;
  --bs-btn-active-border-color: #97f2ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #97f2ff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #97f2ff;
  --bs-gradient: none;
}

.btn-outline-cyan-200 {
  --bs-btn-color: #13d5ff;
  --bs-btn-border-color: #13d5ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #13d5ff;
  --bs-btn-hover-border-color: #13d5ff;
  --bs-btn-focus-shadow-rgb: 19, 213, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #13d5ff;
  --bs-btn-active-border-color: #13d5ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #13d5ff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #13d5ff;
  --bs-gradient: none;
}

.btn-outline-orange {
  --bs-btn-color: #fdd6c8;
  --bs-btn-border-color: #fdd6c8;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fdd6c8;
  --bs-btn-hover-border-color: #fdd6c8;
  --bs-btn-focus-shadow-rgb: 253, 214, 200;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fdd6c8;
  --bs-btn-active-border-color: #fdd6c8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fdd6c8;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fdd6c8;
  --bs-gradient: none;
}

.btn-outline-orange-100 {
  --bs-btn-color: #ef652a;
  --bs-btn-border-color: #ef652a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ef652a;
  --bs-btn-hover-border-color: #ef652a;
  --bs-btn-focus-shadow-rgb: 239, 101, 42;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ef652a;
  --bs-btn-active-border-color: #ef652a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ef652a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ef652a;
  --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: #c5c5ca;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 122, 125, 243;
  text-decoration: none;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: calc(1.18125rem + 0.175vw);
  --bs-btn-border-radius: 0.75rem;
}
@media (min-width: 1200px) {
  .btn-lg, .btn-group-lg > .btn {
    --bs-btn-font-size: 1.2625rem;
  }
}

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

.btn-smm, .btn-group-smm > .btn {
  --bs-btn-padding-y: 0.15rem;
  --bs-btn-padding-x: 0.25rem;
  --bs-btn-font-size: 1.0rem;
  --bs-btn-border-radius: 0.25rem;
  font-size: 13px !important;
  padding: 5px 15px !important;
}

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

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

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

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

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-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: 0.875rem;
  --bs-dropdown-color: #fff;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: #e5e7eb;
  --bs-dropdown-border-radius: 0.5rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: subtract(0.5rem, 1px);
  --bs-dropdown-divider-bg: #e5e7eb;
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 2px 12px -1px rgba(67, 71, 107, 0.2);
  --bs-dropdown-link-color: #64728f;
  --bs-dropdown-link-hover-color: #2b5cfd;
  --bs-dropdown-link-hover-bg: rgba(99, 102, 241, 0.06);
  --bs-dropdown-link-active-color: #2b5cfd;
  --bs-dropdown-link-active-bg: rgba(99, 102, 241, 0.06);
  --bs-dropdown-link-disabled-color: #c9c9d4;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.375rem;
  --bs-dropdown-header-color: #0a1425;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.25rem;
  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;
  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: #f9f7fa;
  --bs-dropdown-bg: #64728f;
  --bs-dropdown-border-color: #e5e7eb;
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #f9f7fa;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: #e5e7eb;
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #2b5cfd;
  --bs-dropdown-link-active-bg: rgba(99, 102, 241, 0.06);
  --bs-dropdown-link-disabled-color: #c9c9d4;
  --bs-dropdown-header-color: #c9c9d4;
}

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

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

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

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

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

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

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

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: 500;
  --bs-nav-link-color: #0a1425;
  --bs-nav-link-hover-color: #2b5cfd;
  --bs-nav-link-disabled-color: #c5c5ca;
  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);
  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(99, 102, 241, 0.25);
}
.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #f9f7fa;
  --bs-nav-tabs-border-radius: 0.5rem;
  --bs-nav-tabs-link-hover-border-color: #f2f8fb #f2f8fb #f9f7fa;
  --bs-nav-tabs-link-active-color: #adb5bd;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #f9f7fa #f9f7fa #fff;
  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.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: 0.5rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #2b5cfd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-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-basis: 0;
  flex-grow: 1;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.accordion {
  --bs-accordion-color: #0a1425;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: 0.15s ease;
  --bs-accordion-border-color: #e5e7eb;
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.5rem;
  --bs-accordion-inner-border-radius: subtract(0.5rem, 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #0a1425;
  --bs-accordion-btn-bg: #fff;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230a1425'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236366f1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: rgba(99, 102, 241, 0.65);
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #2b5cfd;
  --bs-accordion-active-bg: #ecedfd;
}

.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;
  border-color: var(--bs-accordion-btn-focus-border-color);
  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-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-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-collapse {
  border-width: 0;
}
.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-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}

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

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

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

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #f9f7fa;
  --bs-pagination-border-radius: 0.5rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #f2f8fb;
  --bs-pagination-hover-border-color: #f9f7fa;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #f2f8fb;
  --bs-pagination-focus-box-shadow: 0 0 5px 0px rgba(95, 56, 249, 0.2);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #2b5cfd;
  --bs-pagination-active-border-color: #2b5cfd;
  --bs-pagination-disabled-color: #c5c5ca;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #f9f7fa;
  display: flex;
  padding-left: 0;
  list-style: none;
}

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

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item .page-link {
  border-radius: var(--bs-pagination-border-radius);
}

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

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

.badge {
  --bs-badge-padding-x: 0.5rem;
  --bs-badge-padding-y: 0.25rem;
  --bs-badge-font-size: 0.875rem;
  --bs-badge-font-weight: 600;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

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

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

.alert-heading {
  color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-group {
  --bs-list-group-color: #495057;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.5rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #adb5bd;
  --bs-list-group-action-hover-color: #adb5bd;
  --bs-list-group-action-hover-bg: #faf9ff;
  --bs-list-group-action-active-color: #fff;
  --bs-list-group-action-active-bg: #f2f8fb;
  --bs-list-group-disabled-color: #c5c5ca;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #2b5cfd;
  --bs-list-group-active-border-color: #2b5cfd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.75rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.75rem - 1px);
  --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: 1px;
  --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: 1px;
  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;
}

body.modal-open {
  padding-right: 0 !important;
  overflow: auto !important;
}

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

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

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

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

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  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;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-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: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) 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: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .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;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #000;
  --bs-tooltip-border-radius: 0.5rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

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

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

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

.carousel {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-bg-lighter {
  color: #000 !important;
  background-color: RGBA(229, 231, 235, var(--bs-bg-opacity, 1)) !important;
}

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

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

.text-bg-darker {
  color: #fff !important;
  background-color: RGBA(10, 20, 37, var(--bs-bg-opacity, 1)) !important;
}

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

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

.text-bg-gray-50 {
  color: #000 !important;
  background-color: RGBA(229, 231, 235, var(--bs-bg-opacity, 1)) !important;
}

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

.text-bg-gray-200 {
  color: #000 !important;
  background-color: RGBA(242, 248, 251, var(--bs-bg-opacity, 1)) !important;
}

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

.text-bg-gray-400 {
  color: #000 !important;
  background-color: RGBA(250, 249, 244, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-500 {
  color: #000 !important;
  background-color: RGBA(201, 201, 212, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-600 {
  color: #000 !important;
  background-color: RGBA(197, 197, 202, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-700 {
  color: #fff !important;
  background-color: RGBA(173, 181, 189, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-800 {
  color: #fff !important;
  background-color: RGBA(100, 114, 143, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-900 {
  color: #fff !important;
  background-color: RGBA(73, 80, 87, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-1000 {
  color: #fff !important;
  background-color: RGBA(43, 41, 44, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-1100 {
  color: #fff !important;
  background-color: RGBA(15, 15, 18, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-1200 {
  color: #fff !important;
  background-color: RGBA(10, 20, 37, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-1300 {
  color: #fff !important;
  background-color: RGBA(24, 25, 33, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-1400 {
  color: #fff !important;
  background-color: RGBA(35, 35, 64, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-red {
  color: #fff !important;
  background-color: RGBA(250, 91, 104, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-red-50 {
  color: #000 !important;
  background-color: RGBA(254, 235, 237, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-yellow {
  color: #000 !important;
  background-color: RGBA(253, 181, 42, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-yellow-50 {
  color: #000 !important;
  background-color: RGBA(254, 246, 234, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-yellow-100 {
  color: #000 !important;
  background-color: RGBA(253, 234, 186, var(--bs-bg-opacity, 1)) !important;
}

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

.text-bg-green {
  color: #fff !important;
  background-color: RGBA(34, 197, 94, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-green-50 {
  color: #000 !important;
  background-color: RGBA(233, 249, 239, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-green-100 {
  color: #000 !important;
  background-color: RGBA(240, 246, 245, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-green-200 {
  color: #000 !important;
  background-color: RGBA(220, 252, 231, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-green-300 {
  color: #000 !important;
  background-color: RGBA(189, 229, 211, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-green-400 {
  color: #fff !important;
  background-color: RGBA(69, 201, 193, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-green-500 {
  color: #fff !important;
  background-color: RGBA(10, 207, 131, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-green-600 {
  color: #fff !important;
  background-color: RGBA(84, 168, 199, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-green-700 {
  color: #fff !important;
  background-color: RGBA(42, 157, 143, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-green-800 {
  color: #fff !important;
  background-color: RGBA(7, 26, 23, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-blue {
  color: #fff !important;
  background-color: RGBA(0, 98, 255, var(--bs-bg-opacity, 1)) !important;
}

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

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

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

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

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

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

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

.text-bg-blue-700 {
  color: #000 !important;
  background-color: RGBA(195, 201, 241, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-blue-800 {
  color: #fff !important;
  background-color: RGBA(100, 114, 185, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-blue-900 {
  color: #fff !important;
  background-color: RGBA(140, 155, 255, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-blue-1000 {
  color: #fff !important;
  background-color: RGBA(88, 155, 255, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-blue-1100 {
  color: #fff !important;
  background-color: RGBA(101, 118, 255, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-blue-1200 {
  color: #fff !important;
  background-color: RGBA(63, 120, 224, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-blue-1300 {
  color: #fff !important;
  background-color: RGBA(99, 102, 241, var(--bs-bg-opacity, 1)) !important;
}

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

.text-bg-blue-1500 {
  color: #fff !important;
  background-color: RGBA(43, 92, 253, var(--bs-bg-opacity, 1)) !important;
}

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

.text-bg-blue-1700 {
  color: #fff !important;
  background-color: RGBA(23, 33, 102, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-blue-1800 {
  color: #fff !important;
  background-color: RGBA(18, 37, 68, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-blue-1900 {
  color: #fff !important;
  background-color: RGBA(20, 24, 52, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-blue-2000 {
  color: #fff !important;
  background-color: RGBA(8, 8, 41, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-purple {
  color: #fff !important;
  background-color: RGBA(110, 97, 243, var(--bs-bg-opacity, 1)) !important;
}

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

.text-bg-purple-100 {
  color: #000 !important;
  background-color: RGBA(252, 239, 244, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-purple-200 {
  color: #000 !important;
  background-color: RGBA(237, 235, 254, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-purple-300 {
  color: #000 !important;
  background-color: RGBA(225, 203, 253, var(--bs-bg-opacity, 1)) !important;
}

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

.text-bg-purple-500 {
  color: #fff !important;
  background-color: RGBA(235, 124, 166, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-purple-600 {
  color: #fff !important;
  background-color: RGBA(157, 144, 241, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-purple-700 {
  color: #fff !important;
  background-color: RGBA(144, 151, 247, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-purple-800 {
  color: #fff !important;
  background-color: RGBA(114, 94, 254, var(--bs-bg-opacity, 1)) !important;
}

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

.text-bg-cyan-50 {
  color: #000 !important;
  background-color: RGBA(192, 242, 253, var(--bs-bg-opacity, 1)) !important;
}

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

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

.text-bg-orange {
  color: #000 !important;
  background-color: RGBA(253, 214, 200, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-orange-100 {
  color: #fff !important;
  background-color: RGBA(239, 101, 42, 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(79, 82, 193, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(79, 82, 193, 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(209, 209, 213, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(209, 209, 213, 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(27, 158, 75, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(27, 158, 75, 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(51, 255, 221, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(51, 255, 221, 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(253, 196, 85, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(253, 196, 85, 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(200, 73, 83, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(200, 73, 83, 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(251, 250, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(251, 250, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-lighter {
  color: RGBA(var(--bs-lighter-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-lighter-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-lighter:hover, .link-lighter:focus {
  color: RGBA(234, 236, 239, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(234, 236, 239, 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(8, 16, 30, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(8, 16, 30, var(--bs-link-underline-opacity, 1)) !important;
}

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

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

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

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

.link-gray-50 {
  color: RGBA(var(--bs-gray-50-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-gray-50-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-gray-50:hover, .link-gray-50:focus {
  color: RGBA(234, 236, 239, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(234, 236, 239, var(--bs-link-underline-opacity, 1)) !important;
}

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

.link-gray-200 {
  color: RGBA(var(--bs-gray-200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-gray-200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-gray-200:hover, .link-gray-200:focus {
  color: RGBA(245, 249, 252, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(245, 249, 252, var(--bs-link-underline-opacity, 1)) !important;
}

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

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

.link-gray-500 {
  color: RGBA(var(--bs-gray-500-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-gray-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-gray-500:hover, .link-gray-500:focus {
  color: RGBA(212, 212, 221, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(212, 212, 221, var(--bs-link-underline-opacity, 1)) !important;
}

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

.link-gray-700 {
  color: RGBA(var(--bs-gray-700-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-gray-700-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-gray-700:hover, .link-gray-700:focus {
  color: RGBA(138, 145, 151, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(138, 145, 151, var(--bs-link-underline-opacity, 1)) !important;
}

.link-gray-800 {
  color: RGBA(var(--bs-gray-800-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-gray-800-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-gray-800:hover, .link-gray-800:focus {
  color: RGBA(80, 91, 114, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(80, 91, 114, var(--bs-link-underline-opacity, 1)) !important;
}

.link-gray-900 {
  color: RGBA(var(--bs-gray-900-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-gray-900-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-gray-900:hover, .link-gray-900:focus {
  color: RGBA(58, 64, 70, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(58, 64, 70, var(--bs-link-underline-opacity, 1)) !important;
}

.link-gray-1000 {
  color: RGBA(var(--bs-gray-1000-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-gray-1000-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-gray-1000:hover, .link-gray-1000:focus {
  color: RGBA(34, 33, 35, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(34, 33, 35, var(--bs-link-underline-opacity, 1)) !important;
}

.link-gray-1100 {
  color: RGBA(var(--bs-gray-1100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-gray-1100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-gray-1100:hover, .link-gray-1100:focus {
  color: RGBA(12, 12, 14, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(12, 12, 14, var(--bs-link-underline-opacity, 1)) !important;
}

.link-gray-1200 {
  color: RGBA(var(--bs-gray-1200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-gray-1200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-gray-1200:hover, .link-gray-1200:focus {
  color: RGBA(8, 16, 30, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(8, 16, 30, var(--bs-link-underline-opacity, 1)) !important;
}

.link-gray-1300 {
  color: RGBA(var(--bs-gray-1300-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-gray-1300-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-gray-1300:hover, .link-gray-1300:focus {
  color: RGBA(19, 20, 26, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(19, 20, 26, var(--bs-link-underline-opacity, 1)) !important;
}

.link-gray-1400 {
  color: RGBA(var(--bs-gray-1400-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-gray-1400-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-gray-1400:hover, .link-gray-1400:focus {
  color: RGBA(28, 28, 51, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(28, 28, 51, var(--bs-link-underline-opacity, 1)) !important;
}

.link-red {
  color: RGBA(var(--bs-red-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-red-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-red:hover, .link-red:focus {
  color: RGBA(200, 73, 83, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(200, 73, 83, var(--bs-link-underline-opacity, 1)) !important;
}

.link-red-50 {
  color: RGBA(var(--bs-red-50-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-red-50-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-red-50:hover, .link-red-50:focus {
  color: RGBA(254, 239, 241, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(254, 239, 241, var(--bs-link-underline-opacity, 1)) !important;
}

.link-yellow {
  color: RGBA(var(--bs-yellow-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-yellow-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-yellow:hover, .link-yellow:focus {
  color: RGBA(253, 196, 85, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(253, 196, 85, var(--bs-link-underline-opacity, 1)) !important;
}

.link-yellow-50 {
  color: RGBA(var(--bs-yellow-50-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-yellow-50-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-yellow-50:hover, .link-yellow-50:focus {
  color: RGBA(254, 248, 238, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(254, 248, 238, var(--bs-link-underline-opacity, 1)) !important;
}

.link-yellow-100 {
  color: RGBA(var(--bs-yellow-100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-yellow-100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-yellow-100:hover, .link-yellow-100:focus {
  color: RGBA(253, 238, 200, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(253, 238, 200, var(--bs-link-underline-opacity, 1)) !important;
}

.link-yellow-200 {
  color: RGBA(var(--bs-yellow-200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-yellow-200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-yellow-200:hover, .link-yellow-200:focus {
  color: RGBA(255, 229, 141, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 229, 141, var(--bs-link-underline-opacity, 1)) !important;
}

.link-green {
  color: RGBA(var(--bs-green-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-green-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-green:hover, .link-green:focus {
  color: RGBA(27, 158, 75, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(27, 158, 75, var(--bs-link-underline-opacity, 1)) !important;
}

.link-green-50 {
  color: RGBA(var(--bs-green-50-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-green-50-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-green-50:hover, .link-green-50:focus {
  color: RGBA(237, 250, 242, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(237, 250, 242, var(--bs-link-underline-opacity, 1)) !important;
}

.link-green-100 {
  color: RGBA(var(--bs-green-100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-green-100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-green-100:hover, .link-green-100:focus {
  color: RGBA(243, 248, 247, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(243, 248, 247, var(--bs-link-underline-opacity, 1)) !important;
}

.link-green-200 {
  color: RGBA(var(--bs-green-200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-green-200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-green-200:hover, .link-green-200:focus {
  color: RGBA(227, 253, 236, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(227, 253, 236, var(--bs-link-underline-opacity, 1)) !important;
}

.link-green-300 {
  color: RGBA(var(--bs-green-300-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-green-300-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-green-300:hover, .link-green-300:focus {
  color: RGBA(202, 234, 220, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(202, 234, 220, var(--bs-link-underline-opacity, 1)) !important;
}

.link-green-400 {
  color: RGBA(var(--bs-green-400-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-green-400-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-green-400:hover, .link-green-400:focus {
  color: RGBA(55, 161, 154, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(55, 161, 154, var(--bs-link-underline-opacity, 1)) !important;
}

.link-green-500 {
  color: RGBA(var(--bs-green-500-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-green-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-green-500:hover, .link-green-500:focus {
  color: RGBA(8, 166, 105, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(8, 166, 105, var(--bs-link-underline-opacity, 1)) !important;
}

.link-green-600 {
  color: RGBA(var(--bs-green-600-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-green-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-green-600:hover, .link-green-600:focus {
  color: RGBA(67, 134, 159, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(67, 134, 159, var(--bs-link-underline-opacity, 1)) !important;
}

.link-green-700 {
  color: RGBA(var(--bs-green-700-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-green-700-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-green-700:hover, .link-green-700:focus {
  color: RGBA(34, 126, 114, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(34, 126, 114, var(--bs-link-underline-opacity, 1)) !important;
}

.link-green-800 {
  color: RGBA(var(--bs-green-800-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-green-800-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-green-800:hover, .link-green-800:focus {
  color: RGBA(6, 21, 18, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(6, 21, 18, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue {
  color: RGBA(var(--bs-blue-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue:hover, .link-blue:focus {
  color: RGBA(0, 78, 204, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(0, 78, 204, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-50 {
  color: RGBA(var(--bs-blue-50-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-50-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-50:hover, .link-blue-50:focus {
  color: RGBA(246, 249, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(246, 249, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-100 {
  color: RGBA(var(--bs-blue-100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-100:hover, .link-blue-100:focus {
  color: RGBA(239, 245, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(239, 245, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-200 {
  color: RGBA(var(--bs-blue-200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-200:hover, .link-blue-200:focus {
  color: RGBA(245, 246, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(245, 246, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-300 {
  color: RGBA(var(--bs-blue-300-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-300-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-300:hover, .link-blue-300:focus {
  color: RGBA(238, 242, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(238, 242, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-400 {
  color: RGBA(var(--bs-blue-400-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-400-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-400:hover, .link-blue-400:focus {
  color: RGBA(236, 252, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(236, 252, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-500 {
  color: RGBA(var(--bs-blue-500-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-500:hover, .link-blue-500:focus {
  color: RGBA(237, 239, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(237, 239, 255, var(--bs-link-underline-opacity, 1)) !important;
}

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

.link-blue-700 {
  color: RGBA(var(--bs-blue-700-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-700-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-700:hover, .link-blue-700:focus {
  color: RGBA(207, 212, 244, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(207, 212, 244, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-800 {
  color: RGBA(var(--bs-blue-800-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-800-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-800:hover, .link-blue-800:focus {
  color: RGBA(80, 91, 148, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(80, 91, 148, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-900 {
  color: RGBA(var(--bs-blue-900-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-900-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-900:hover, .link-blue-900:focus {
  color: RGBA(112, 124, 204, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(112, 124, 204, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-1000 {
  color: RGBA(var(--bs-blue-1000-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-1000-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-1000:hover, .link-blue-1000:focus {
  color: RGBA(70, 124, 204, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(70, 124, 204, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-1100 {
  color: RGBA(var(--bs-blue-1100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-1100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-1100:hover, .link-blue-1100:focus {
  color: RGBA(81, 94, 204, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(81, 94, 204, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-1200 {
  color: RGBA(var(--bs-blue-1200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-1200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-1200:hover, .link-blue-1200:focus {
  color: RGBA(50, 96, 179, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(50, 96, 179, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-1300 {
  color: RGBA(var(--bs-blue-1300-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-1300-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-1300:hover, .link-blue-1300:focus {
  color: RGBA(79, 82, 193, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(79, 82, 193, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-1400 {
  color: RGBA(var(--bs-blue-1400-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-1400-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-1400:hover, .link-blue-1400:focus {
  color: RGBA(50, 66, 173, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(50, 66, 173, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-1500 {
  color: RGBA(var(--bs-blue-1500-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-1500-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-1500:hover, .link-blue-1500:focus {
  color: RGBA(34, 74, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(34, 74, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-1600 {
  color: RGBA(var(--bs-blue-1600-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-1600-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-1600:hover, .link-blue-1600:focus {
  color: RGBA(47, 42, 104, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(47, 42, 104, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-1700 {
  color: RGBA(var(--bs-blue-1700-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-1700-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-1700:hover, .link-blue-1700:focus {
  color: RGBA(18, 26, 82, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(18, 26, 82, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-1800 {
  color: RGBA(var(--bs-blue-1800-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-1800-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-1800:hover, .link-blue-1800:focus {
  color: RGBA(14, 30, 54, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(14, 30, 54, var(--bs-link-underline-opacity, 1)) !important;
}

.link-blue-1900 {
  color: RGBA(var(--bs-blue-1900-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-blue-1900-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-blue-1900:hover, .link-blue-1900:focus {
  color: RGBA(16, 19, 42, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(16, 19, 42, var(--bs-link-underline-opacity, 1)) !important;
}

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

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

.link-purple-50 {
  color: RGBA(var(--bs-purple-50-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-purple-50-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-purple-50:hover, .link-purple-50:focus {
  color: RGBA(241, 240, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(241, 240, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-purple-100 {
  color: RGBA(var(--bs-purple-100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-purple-100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-purple-100:hover, .link-purple-100:focus {
  color: RGBA(253, 242, 246, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(253, 242, 246, var(--bs-link-underline-opacity, 1)) !important;
}

.link-purple-200 {
  color: RGBA(var(--bs-purple-200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-purple-200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-purple-200:hover, .link-purple-200:focus {
  color: RGBA(241, 239, 254, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(241, 239, 254, var(--bs-link-underline-opacity, 1)) !important;
}

.link-purple-300 {
  color: RGBA(var(--bs-purple-300-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-purple-300-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-purple-300:hover, .link-purple-300:focus {
  color: RGBA(231, 213, 253, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(231, 213, 253, var(--bs-link-underline-opacity, 1)) !important;
}

.link-purple-400 {
  color: RGBA(var(--bs-purple-400-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-purple-400-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-purple-400:hover, .link-purple-400:focus {
  color: RGBA(255, 211, 214, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 211, 214, var(--bs-link-underline-opacity, 1)) !important;
}

.link-purple-500 {
  color: RGBA(var(--bs-purple-500-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-purple-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-purple-500:hover, .link-purple-500:focus {
  color: RGBA(188, 99, 133, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(188, 99, 133, var(--bs-link-underline-opacity, 1)) !important;
}

.link-purple-600 {
  color: RGBA(var(--bs-purple-600-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-purple-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-purple-600:hover, .link-purple-600:focus {
  color: RGBA(126, 115, 193, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(126, 115, 193, var(--bs-link-underline-opacity, 1)) !important;
}

.link-purple-700 {
  color: RGBA(var(--bs-purple-700-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-purple-700-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-purple-700:hover, .link-purple-700:focus {
  color: RGBA(115, 121, 198, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(115, 121, 198, var(--bs-link-underline-opacity, 1)) !important;
}

.link-purple-800 {
  color: RGBA(var(--bs-purple-800-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-purple-800-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-purple-800:hover, .link-purple-800:focus {
  color: RGBA(91, 75, 203, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(91, 75, 203, var(--bs-link-underline-opacity, 1)) !important;
}

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

.link-cyan-50 {
  color: RGBA(var(--bs-cyan-50-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-cyan-50-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-cyan-50:hover, .link-cyan-50:focus {
  color: RGBA(205, 245, 253, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(205, 245, 253, var(--bs-link-underline-opacity, 1)) !important;
}

.link-cyan-100 {
  color: RGBA(var(--bs-cyan-100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-cyan-100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-cyan-100:hover, .link-cyan-100:focus {
  color: RGBA(172, 245, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(172, 245, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-cyan-200 {
  color: RGBA(var(--bs-cyan-200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-cyan-200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-cyan-200:hover, .link-cyan-200:focus {
  color: RGBA(66, 221, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(66, 221, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-orange {
  color: RGBA(var(--bs-orange-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-orange-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-orange:hover, .link-orange:focus {
  color: RGBA(253, 222, 211, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(253, 222, 211, var(--bs-link-underline-opacity, 1)) !important;
}

.link-orange-100 {
  color: RGBA(var(--bs-orange-100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-orange-100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-orange-100:hover, .link-orange-100:focus {
  color: RGBA(191, 81, 34, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(191, 81, 34, 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;
}

.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: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 1;
}

.btn-primary-soft {
  color: #2b5cfd !important;
  background-color: #ecedfd !important;
  border-color: transparent;
}

.bg-primary-soft {
  background-color: #dadafc;
}

.text-bg-primary-soft {
  color: #2b5cfd !important;
  background-color: #ecedfd !important;
  border-color: transparent;
}

.text-bg-primary-dark {
  color: #fff !important;
  background-color: #2b5cfd !important;
  border-color: transparent;
}

.btn-secondary-soft {
  color: #c5c5ca !important;
  background-color: #f8f8f9 !important;
  border-color: transparent;
}

.bg-secondary-soft {
  background-color: #f1f1f2;
}

.text-bg-secondary-soft {
  color: #c5c5ca !important;
  background-color: #f8f8f9 !important;
  border-color: transparent;
}

.text-bg-secondary-dark {
  color: #fff !important;
  background-color: #c5c5ca !important;
  border-color: transparent;
}

.btn-success-soft {
  color: #22c55e !important;
  background-color: #e4f8ec !important;
  border-color: transparent;
}

.bg-success-soft {
  background-color: #caf1d8;
}

.text-bg-success-soft {
  color: #22c55e !important;
  background-color: #e4f8ec !important;
  border-color: transparent;
}

.text-bg-success-dark {
  color: #fff !important;
  background-color: #22c55e !important;
  border-color: transparent;
}

.btn-info-soft {
  color: #00ffd5 !important;
  background-color: #e0fffa !important;
  border-color: transparent;
}

.bg-info-soft {
  background-color: #c2fff5;
}

.text-bg-info-soft {
  color: #00ffd5 !important;
  background-color: #e0fffa !important;
  border-color: transparent;
}

.text-bg-info-dark {
  color: #fff !important;
  background-color: #00ffd5 !important;
  border-color: transparent;
}

.btn-warning-soft {
  color: #fdb52a !important;
  background-color: #fff6e5 !important;
  border-color: transparent;
}

.bg-warning-soft {
  background-color: #ffedcc;
}

.text-bg-warning-soft {
  color: #fdb52a !important;
  background-color: #fff6e5 !important;
  border-color: transparent;
}

.text-bg-warning-dark {
  color: #fff !important;
  background-color: #fdb52a !important;
  border-color: transparent;
}

.btn-danger-soft {
  color: #fa5b68 !important;
  background-color: #feebed !important;
  border-color: transparent;
}

.bg-danger-soft {
  background-color: #fed8db;
}

.text-bg-danger-soft {
  color: #fa5b68 !important;
  background-color: #feebed !important;
  border-color: transparent;
}

.text-bg-danger-dark {
  color: #fff !important;
  background-color: #fa5b68 !important;
  border-color: transparent;
}

.btn-light-soft {
  color: #faf9ff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.bg-light-soft {
  background-color: #fefeff;
}

.text-bg-light-soft {
  color: #faf9ff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.text-bg-light-dark {
  color: #fff !important;
  background-color: #faf9ff !important;
  border-color: transparent;
}

.btn-lighter-soft {
  color: #e5e7eb !important;
  background-color: #fcfcfd !important;
  border-color: transparent;
}

.bg-lighter-soft {
  background-color: #f9f9fa;
}

.text-bg-lighter-soft {
  color: #e5e7eb !important;
  background-color: #fcfcfd !important;
  border-color: transparent;
}

.text-bg-lighter-dark {
  color: #fff !important;
  background-color: #e5e7eb !important;
  border-color: transparent;
}

.btn-dark-soft {
  color: #0a1425 !important;
  background-color: #e2e3e5 !important;
  border-color: transparent;
}

.bg-dark-soft {
  background-color: #c4c7cb;
}

.text-bg-dark-soft {
  color: #0a1425 !important;
  background-color: #e2e3e5 !important;
  border-color: transparent;
}

.text-bg-dark-dark {
  color: #fff !important;
  background-color: #0a1425 !important;
  border-color: transparent;
}

.btn-dark-blue-soft {
  color: #080829 !important;
  background-color: #e1e1e5 !important;
  border-color: transparent;
}

.bg-dark-blue-soft {
  background-color: #c4c4cc;
}

.text-bg-dark-blue-soft {
  color: #080829 !important;
  background-color: #e1e1e5 !important;
  border-color: transparent;
}

.text-bg-dark-blue-dark {
  color: #fff !important;
  background-color: #080829 !important;
  border-color: transparent;
}

.btn-darker-soft {
  color: #0a1425 !important;
  background-color: #e2e3e5 !important;
  border-color: transparent;
}

.bg-darker-soft {
  background-color: #c4c7cb;
}

.text-bg-darker-soft {
  color: #0a1425 !important;
  background-color: #e2e3e5 !important;
  border-color: transparent;
}

.text-bg-darker-dark {
  color: #fff !important;
  background-color: #0a1425 !important;
  border-color: transparent;
}

.btn-white-soft {
  color: #fff !important;
  background-color: white !important;
  border-color: transparent;
}

.bg-white-soft {
  background-color: white;
}

.text-bg-white-soft {
  color: #fff !important;
  background-color: white !important;
  border-color: transparent;
}

.text-bg-white-dark {
  color: #fff !important;
  background-color: white !important;
  border-color: transparent;
}

.btn-gray-soft {
  color: #f7f8f9 !important;
  background-color: #fefefe !important;
  border-color: transparent;
}

.bg-gray-soft {
  background-color: #fdfdfe;
}

.text-bg-gray-soft {
  color: #f7f8f9 !important;
  background-color: #fefefe !important;
  border-color: transparent;
}

.text-bg-gray-dark {
  color: #fff !important;
  background-color: #f7f8f9 !important;
  border-color: transparent;
}

.btn-gray-50-soft {
  color: #e5e7eb !important;
  background-color: #fcfcfd !important;
  border-color: transparent;
}

.bg-gray-50-soft {
  background-color: #f9f9fa;
}

.text-bg-gray-50-soft {
  color: #e5e7eb !important;
  background-color: #fcfcfd !important;
  border-color: transparent;
}

.text-bg-gray-50-dark {
  color: #fff !important;
  background-color: #e5e7eb !important;
  border-color: transparent;
}

.btn-gray-100-soft {
  color: #faf9ff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.bg-gray-100-soft {
  background-color: #fefeff;
}

.text-bg-gray-100-soft {
  color: #faf9ff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.text-bg-gray-100-dark {
  color: #fff !important;
  background-color: #faf9ff !important;
  border-color: transparent;
}

.btn-gray-200-soft {
  color: #f2f8fb !important;
  background-color: #fdfeff !important;
  border-color: transparent;
}

.bg-gray-200-soft {
  background-color: #fcfdfe;
}

.text-bg-gray-200-soft {
  color: #f2f8fb !important;
  background-color: #fdfeff !important;
  border-color: transparent;
}

.text-bg-gray-200-dark {
  color: #fff !important;
  background-color: #f2f8fb !important;
  border-color: transparent;
}

.btn-gray-300-soft {
  color: #f9f7fa !important;
  background-color: #fefefe !important;
  border-color: transparent;
}

.bg-gray-300-soft {
  background-color: #fefdfe;
}

.text-bg-gray-300-soft {
  color: #f9f7fa !important;
  background-color: #fefefe !important;
  border-color: transparent;
}

.text-bg-gray-300-dark {
  color: #fff !important;
  background-color: #f9f7fa !important;
  border-color: transparent;
}

.btn-gray-400-soft {
  color: #faf9f4 !important;
  background-color: #fefefe !important;
  border-color: transparent;
}

.bg-gray-400-soft {
  background-color: #fefefc;
}

.text-bg-gray-400-soft {
  color: #faf9f4 !important;
  background-color: #fefefe !important;
  border-color: transparent;
}

.text-bg-gray-400-dark {
  color: #fff !important;
  background-color: #faf9f4 !important;
  border-color: transparent;
}

.btn-gray-500-soft {
  color: #c9c9d4 !important;
  background-color: #f9f9fa !important;
  border-color: transparent;
}

.bg-gray-500-soft {
  background-color: #f2f2f5;
}

.text-bg-gray-500-soft {
  color: #c9c9d4 !important;
  background-color: #f9f9fa !important;
  border-color: transparent;
}

.text-bg-gray-500-dark {
  color: #fff !important;
  background-color: #c9c9d4 !important;
  border-color: transparent;
}

.btn-gray-600-soft {
  color: #c5c5ca !important;
  background-color: #f8f8f9 !important;
  border-color: transparent;
}

.bg-gray-600-soft {
  background-color: #f1f1f2;
}

.text-bg-gray-600-soft {
  color: #c5c5ca !important;
  background-color: #f8f8f9 !important;
  border-color: transparent;
}

.text-bg-gray-600-dark {
  color: #fff !important;
  background-color: #c5c5ca !important;
  border-color: transparent;
}

.btn-gray-700-soft {
  color: #adb5bd !important;
  background-color: #f5f6f7 !important;
  border-color: transparent;
}

.bg-gray-700-soft {
  background-color: #ebedef;
}

.text-bg-gray-700-soft {
  color: #adb5bd !important;
  background-color: #f5f6f7 !important;
  border-color: transparent;
}

.text-bg-gray-700-dark {
  color: #fff !important;
  background-color: #adb5bd !important;
  border-color: transparent;
}

.btn-gray-800-soft {
  color: #64728f !important;
  background-color: #eceef2 !important;
  border-color: transparent;
}

.bg-gray-800-soft {
  background-color: #dadde4;
}

.text-bg-gray-800-soft {
  color: #64728f !important;
  background-color: #eceef2 !important;
  border-color: transparent;
}

.text-bg-gray-800-dark {
  color: #fff !important;
  background-color: #64728f !important;
  border-color: transparent;
}

.btn-gray-900-soft {
  color: #495057 !important;
  background-color: #e9eaeb !important;
  border-color: transparent;
}

.bg-gray-900-soft {
  background-color: #d3d5d7;
}

.text-bg-gray-900-soft {
  color: #495057 !important;
  background-color: #e9eaeb !important;
  border-color: transparent;
}

.text-bg-gray-900-dark {
  color: #fff !important;
  background-color: #495057 !important;
  border-color: transparent;
}

.btn-gray-1000-soft {
  color: #2b292c !important;
  background-color: #e6e5e6 !important;
  border-color: transparent;
}

.bg-gray-1000-soft {
  background-color: #cccccc;
}

.text-bg-gray-1000-soft {
  color: #2b292c !important;
  background-color: #e6e5e6 !important;
  border-color: transparent;
}

.text-bg-gray-1000-dark {
  color: #fff !important;
  background-color: #2b292c !important;
  border-color: transparent;
}

.btn-gray-1100-soft {
  color: #0f0f12 !important;
  background-color: #e2e2e3 !important;
  border-color: transparent;
}

.bg-gray-1100-soft {
  background-color: #c5c5c6;
}

.text-bg-gray-1100-soft {
  color: #0f0f12 !important;
  background-color: #e2e2e3 !important;
  border-color: transparent;
}

.text-bg-gray-1100-dark {
  color: #fff !important;
  background-color: #0f0f12 !important;
  border-color: transparent;
}

.btn-gray-1200-soft {
  color: #0a1425 !important;
  background-color: #e2e3e5 !important;
  border-color: transparent;
}

.bg-gray-1200-soft {
  background-color: #c4c7cb;
}

.text-bg-gray-1200-soft {
  color: #0a1425 !important;
  background-color: #e2e3e5 !important;
  border-color: transparent;
}

.text-bg-gray-1200-dark {
  color: #fff !important;
  background-color: #0a1425 !important;
  border-color: transparent;
}

.btn-gray-1300-soft {
  color: #181921 !important;
  background-color: #e3e3e4 !important;
  border-color: transparent;
}

.bg-gray-1300-soft {
  background-color: #c8c8ca;
}

.text-bg-gray-1300-soft {
  color: #181921 !important;
  background-color: #e3e3e4 !important;
  border-color: transparent;
}

.text-bg-gray-1300-dark {
  color: #fff !important;
  background-color: #181921 !important;
  border-color: transparent;
}

.btn-gray-1400-soft {
  color: #232340 !important;
  background-color: #e5e5e8 !important;
  border-color: transparent;
}

.bg-gray-1400-soft {
  background-color: #cacad1;
}

.text-bg-gray-1400-soft {
  color: #232340 !important;
  background-color: #e5e5e8 !important;
  border-color: transparent;
}

.text-bg-gray-1400-dark {
  color: #fff !important;
  background-color: #232340 !important;
  border-color: transparent;
}

.btn-red-soft {
  color: #fa5b68 !important;
  background-color: #feebed !important;
  border-color: transparent;
}

.bg-red-soft {
  background-color: #fed8db;
}

.text-bg-red-soft {
  color: #fa5b68 !important;
  background-color: #feebed !important;
  border-color: transparent;
}

.text-bg-red-dark {
  color: #fff !important;
  background-color: #fa5b68 !important;
  border-color: transparent;
}

.btn-red-50-soft {
  color: #feebed !important;
  background-color: #fffdfd !important;
  border-color: transparent;
}

.bg-red-50-soft {
  background-color: #fffafb;
}

.text-bg-red-50-soft {
  color: #feebed !important;
  background-color: #fffdfd !important;
  border-color: transparent;
}

.text-bg-red-50-dark {
  color: #fff !important;
  background-color: #feebed !important;
  border-color: transparent;
}

.btn-yellow-soft {
  color: #fdb52a !important;
  background-color: #fff6e5 !important;
  border-color: transparent;
}

.bg-yellow-soft {
  background-color: #ffedcc;
}

.text-bg-yellow-soft {
  color: #fdb52a !important;
  background-color: #fff6e5 !important;
  border-color: transparent;
}

.text-bg-yellow-dark {
  color: #fff !important;
  background-color: #fdb52a !important;
  border-color: transparent;
}

.btn-yellow-50-soft {
  color: #fef6ea !important;
  background-color: #fffefc !important;
  border-color: transparent;
}

.bg-yellow-50-soft {
  background-color: #fffdfa;
}

.text-bg-yellow-50-soft {
  color: #fef6ea !important;
  background-color: #fffefc !important;
  border-color: transparent;
}

.text-bg-yellow-50-dark {
  color: #fff !important;
  background-color: #fef6ea !important;
  border-color: transparent;
}

.btn-yellow-100-soft {
  color: #fdeaba !important;
  background-color: #fffcf7 !important;
  border-color: transparent;
}

.bg-yellow-100-soft {
  background-color: #fffaee;
}

.text-bg-yellow-100-soft {
  color: #fdeaba !important;
  background-color: #fffcf7 !important;
  border-color: transparent;
}

.text-bg-yellow-100-dark {
  color: #fff !important;
  background-color: #fdeaba !important;
  border-color: transparent;
}

.btn-yellow-200-soft {
  color: #ffde70 !important;
  background-color: #fffbee !important;
  border-color: transparent;
}

.bg-yellow-200-soft {
  background-color: #fff7dd;
}

.text-bg-yellow-200-soft {
  color: #ffde70 !important;
  background-color: #fffbee !important;
  border-color: transparent;
}

.text-bg-yellow-200-dark {
  color: #fff !important;
  background-color: #ffde70 !important;
  border-color: transparent;
}

.btn-green-soft {
  color: #22c55e !important;
  background-color: #e4f8ec !important;
  border-color: transparent;
}

.bg-green-soft {
  background-color: #caf1d8;
}

.text-bg-green-soft {
  color: #22c55e !important;
  background-color: #e4f8ec !important;
  border-color: transparent;
}

.text-bg-green-dark {
  color: #fff !important;
  background-color: #22c55e !important;
  border-color: transparent;
}

.btn-green-50-soft {
  color: #e9f9ef !important;
  background-color: #fcfefd !important;
  border-color: transparent;
}

.bg-green-50-soft {
  background-color: #fafefb;
}

.text-bg-green-50-soft {
  color: #e9f9ef !important;
  background-color: #fcfefd !important;
  border-color: transparent;
}

.text-bg-green-50-dark {
  color: #fff !important;
  background-color: #e9f9ef !important;
  border-color: transparent;
}

.btn-green-100-soft {
  color: #f0f6f5 !important;
  background-color: #fdfefe !important;
  border-color: transparent;
}

.bg-green-100-soft {
  background-color: #fbfdfd;
}

.text-bg-green-100-soft {
  color: #f0f6f5 !important;
  background-color: #fdfefe !important;
  border-color: transparent;
}

.text-bg-green-100-dark {
  color: #fff !important;
  background-color: #f0f6f5 !important;
  border-color: transparent;
}

.btn-green-200-soft {
  color: #dcfce7 !important;
  background-color: #fbfffc !important;
  border-color: transparent;
}

.bg-green-200-soft {
  background-color: #f7fef9;
}

.text-bg-green-200-soft {
  color: #dcfce7 !important;
  background-color: #fbfffc !important;
  border-color: transparent;
}

.text-bg-green-200-dark {
  color: #fff !important;
  background-color: #dcfce7 !important;
  border-color: transparent;
}

.btn-green-300-soft {
  color: #bde5d3 !important;
  background-color: #f7fcfa !important;
  border-color: transparent;
}

.bg-green-300-soft {
  background-color: #eff9f4;
}

.text-bg-green-300-soft {
  color: #bde5d3 !important;
  background-color: #f7fcfa !important;
  border-color: transparent;
}

.text-bg-green-300-dark {
  color: #fff !important;
  background-color: #bde5d3 !important;
  border-color: transparent;
}

.btn-green-400-soft {
  color: #45c9c1 !important;
  background-color: #e9f9f8 !important;
  border-color: transparent;
}

.bg-green-400-soft {
  background-color: #d2f2f0;
}

.text-bg-green-400-soft {
  color: #45c9c1 !important;
  background-color: #e9f9f8 !important;
  border-color: transparent;
}

.text-bg-green-400-dark {
  color: #fff !important;
  background-color: #45c9c1 !important;
  border-color: transparent;
}

.btn-green-500-soft {
  color: #0acf83 !important;
  background-color: #e2f9f0 !important;
  border-color: transparent;
}

.bg-green-500-soft {
  background-color: #c4f3e1;
}

.text-bg-green-500-soft {
  color: #0acf83 !important;
  background-color: #e2f9f0 !important;
  border-color: transparent;
}

.text-bg-green-500-dark {
  color: #fff !important;
  background-color: #0acf83 !important;
  border-color: transparent;
}

.btn-green-600-soft {
  color: #54a8c7 !important;
  background-color: #eaf5f8 !important;
  border-color: transparent;
}

.bg-green-600-soft {
  background-color: #d6eaf2;
}

.text-bg-green-600-soft {
  color: #54a8c7 !important;
  background-color: #eaf5f8 !important;
  border-color: transparent;
}

.text-bg-green-600-dark {
  color: #fff !important;
  background-color: #54a8c7 !important;
  border-color: transparent;
}

.btn-green-700-soft {
  color: #2a9d8f !important;
  background-color: #e5f3f2 !important;
  border-color: transparent;
}

.bg-green-700-soft {
  background-color: #cce7e4;
}

.text-bg-green-700-soft {
  color: #2a9d8f !important;
  background-color: #e5f3f2 !important;
  border-color: transparent;
}

.text-bg-green-700-dark {
  color: #fff !important;
  background-color: #2a9d8f !important;
  border-color: transparent;
}

.btn-green-800-soft {
  color: #071a17 !important;
  background-color: #e1e4e3 !important;
  border-color: transparent;
}

.bg-green-800-soft {
  background-color: #c3c8c7;
}

.text-bg-green-800-soft {
  color: #071a17 !important;
  background-color: #e1e4e3 !important;
  border-color: transparent;
}

.text-bg-green-800-dark {
  color: #fff !important;
  background-color: #071a17 !important;
  border-color: transparent;
}

.btn-blue-soft {
  color: #0062ff !important;
  background-color: #e0ecff !important;
  border-color: transparent;
}

.bg-blue-soft {
  background-color: #c2d9ff;
}

.text-bg-blue-soft {
  color: #0062ff !important;
  background-color: #e0ecff !important;
  border-color: transparent;
}

.text-bg-blue-dark {
  color: #fff !important;
  background-color: #0062ff !important;
  border-color: transparent;
}

.btn-blue-50-soft {
  color: #f4f8ff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.bg-blue-50-soft {
  background-color: #fcfdff;
}

.text-bg-blue-50-soft {
  color: #f4f8ff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.text-bg-blue-50-dark {
  color: #fff !important;
  background-color: #f4f8ff !important;
  border-color: transparent;
}

.btn-blue-100-soft {
  color: #ebf2ff !important;
  background-color: #fdfdff !important;
  border-color: transparent;
}

.bg-blue-100-soft {
  background-color: #fafcff;
}

.text-bg-blue-100-soft {
  color: #ebf2ff !important;
  background-color: #fdfdff !important;
  border-color: transparent;
}

.text-bg-blue-100-dark {
  color: #fff !important;
  background-color: #ebf2ff !important;
  border-color: transparent;
}

.btn-blue-200-soft {
  color: #f3f4ff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.bg-blue-200-soft {
  background-color: #fcfcff;
}

.text-bg-blue-200-soft {
  color: #f3f4ff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.text-bg-blue-200-dark {
  color: #fff !important;
  background-color: #f3f4ff !important;
  border-color: transparent;
}

.btn-blue-300-soft {
  color: #eaefff !important;
  background-color: #fcfdff !important;
  border-color: transparent;
}

.bg-blue-300-soft {
  background-color: #fafbff;
}

.text-bg-blue-300-soft {
  color: #eaefff !important;
  background-color: #fcfdff !important;
  border-color: transparent;
}

.text-bg-blue-300-dark {
  color: #fff !important;
  background-color: #eaefff !important;
  border-color: transparent;
}

.btn-blue-400-soft {
  color: #e7fbff !important;
  background-color: #fcffff !important;
  border-color: transparent;
}

.bg-blue-400-soft {
  background-color: #f9feff;
}

.text-bg-blue-400-soft {
  color: #e7fbff !important;
  background-color: #fcffff !important;
  border-color: transparent;
}

.text-bg-blue-400-dark {
  color: #fff !important;
  background-color: #e7fbff !important;
  border-color: transparent;
}

.btn-blue-500-soft {
  color: #e8ebff !important;
  background-color: #fcfdff !important;
  border-color: transparent;
}

.bg-blue-500-soft {
  background-color: #f9faff;
}

.text-bg-blue-500-soft {
  color: #e8ebff !important;
  background-color: #fcfdff !important;
  border-color: transparent;
}

.text-bg-blue-500-dark {
  color: #fff !important;
  background-color: #e8ebff !important;
  border-color: transparent;
}

.btn-blue-600-soft {
  color: #f9faff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.bg-blue-600-soft {
  background-color: #fefeff;
}

.text-bg-blue-600-soft {
  color: #f9faff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.text-bg-blue-600-dark {
  color: #fff !important;
  background-color: #f9faff !important;
  border-color: transparent;
}

.btn-blue-700-soft {
  color: #c3c9f1 !important;
  background-color: #f8f9fd !important;
  border-color: transparent;
}

.bg-blue-700-soft {
  background-color: #f1f2fc;
}

.text-bg-blue-700-soft {
  color: #c3c9f1 !important;
  background-color: #f8f9fd !important;
  border-color: transparent;
}

.text-bg-blue-700-dark {
  color: #fff !important;
  background-color: #c3c9f1 !important;
  border-color: transparent;
}

.btn-blue-800-soft {
  color: #6472b9 !important;
  background-color: #eceef7 !important;
  border-color: transparent;
}

.bg-blue-800-soft {
  background-color: #daddee;
}

.text-bg-blue-800-soft {
  color: #6472b9 !important;
  background-color: #eceef7 !important;
  border-color: transparent;
}

.text-bg-blue-800-dark {
  color: #fff !important;
  background-color: #6472b9 !important;
  border-color: transparent;
}

.btn-blue-900-soft {
  color: #8c9bff !important;
  background-color: #f1f3ff !important;
  border-color: transparent;
}

.bg-blue-900-soft {
  background-color: #e3e7ff;
}

.text-bg-blue-900-soft {
  color: #8c9bff !important;
  background-color: #f1f3ff !important;
  border-color: transparent;
}

.text-bg-blue-900-dark {
  color: #fff !important;
  background-color: #8c9bff !important;
  border-color: transparent;
}

.btn-blue-1000-soft {
  color: #589bff !important;
  background-color: #ebf3ff !important;
  border-color: transparent;
}

.bg-blue-1000-soft {
  background-color: #d7e7ff;
}

.text-bg-blue-1000-soft {
  color: #589bff !important;
  background-color: #ebf3ff !important;
  border-color: transparent;
}

.text-bg-blue-1000-dark {
  color: #fff !important;
  background-color: #589bff !important;
  border-color: transparent;
}

.btn-blue-1100-soft {
  color: #6576ff !important;
  background-color: #edefff !important;
  border-color: transparent;
}

.bg-blue-1100-soft {
  background-color: #dadeff;
}

.text-bg-blue-1100-soft {
  color: #6576ff !important;
  background-color: #edefff !important;
  border-color: transparent;
}

.text-bg-blue-1100-dark {
  color: #fff !important;
  background-color: #6576ff !important;
  border-color: transparent;
}

.btn-blue-1200-soft {
  color: #3f78e0 !important;
  background-color: #e8effb !important;
  border-color: transparent;
}

.bg-blue-1200-soft {
  background-color: #d1dff8;
}

.text-bg-blue-1200-soft {
  color: #3f78e0 !important;
  background-color: #e8effb !important;
  border-color: transparent;
}

.text-bg-blue-1200-dark {
  color: #fff !important;
  background-color: #3f78e0 !important;
  border-color: transparent;
}

.btn-blue-1300-soft {
  color: #2b5cfd !important;
  background-color: #ecedfd !important;
  border-color: transparent;
}

.bg-blue-1300-soft {
  background-color: #dadafc;
}

.text-bg-blue-1300-soft {
  color: #2b5cfd !important;
  background-color: #ecedfd !important;
  border-color: transparent;
}

.text-bg-blue-1300-dark {
  color: #fff !important;
  background-color: #2b5cfd !important;
  border-color: transparent;
}

.btn-blue-1400-soft {
  color: #3f53d8 !important;
  background-color: #e8eafa !important;
  border-color: transparent;
}

.bg-blue-1400-soft {
  background-color: #d1d6f6;
}

.text-bg-blue-1400-soft {
  color: #3f53d8 !important;
  background-color: #e8eafa !important;
  border-color: transparent;
}

.text-bg-blue-1400-dark {
  color: #fff !important;
  background-color: #3f53d8 !important;
  border-color: transparent;
}

.btn-blue-1500-soft {
  color: #2b5cfd !important;
  background-color: #e6ebff !important;
  border-color: transparent;
}

.bg-blue-1500-soft {
  background-color: #ccd8ff;
}

.text-bg-blue-1500-soft {
  color: #2b5cfd !important;
  background-color: #e6ebff !important;
  border-color: transparent;
}

.text-bg-blue-1500-dark {
  color: #fff !important;
  background-color: #2b5cfd !important;
  border-color: transparent;
}

.btn-blue-1600-soft {
  color: #3b3482 !important;
  background-color: #e7e7f0 !important;
  border-color: transparent;
}

.bg-blue-1600-soft {
  background-color: #d0cee1;
}

.text-bg-blue-1600-soft {
  color: #3b3482 !important;
  background-color: #e7e7f0 !important;
  border-color: transparent;
}

.text-bg-blue-1600-dark {
  color: #fff !important;
  background-color: #3b3482 !important;
  border-color: transparent;
}

.btn-blue-1700-soft {
  color: #172166 !important;
  background-color: #e3e4ed !important;
  border-color: transparent;
}

.bg-blue-1700-soft {
  background-color: #c7cada;
}

.text-bg-blue-1700-soft {
  color: #172166 !important;
  background-color: #e3e4ed !important;
  border-color: transparent;
}

.text-bg-blue-1700-dark {
  color: #fff !important;
  background-color: #172166 !important;
  border-color: transparent;
}

.btn-blue-1800-soft {
  color: #122544 !important;
  background-color: #e3e5e9 !important;
  border-color: transparent;
}

.bg-blue-1800-soft {
  background-color: #c6cbd2;
}

.text-bg-blue-1800-soft {
  color: #122544 !important;
  background-color: #e3e5e9 !important;
  border-color: transparent;
}

.text-bg-blue-1800-dark {
  color: #fff !important;
  background-color: #122544 !important;
  border-color: transparent;
}

.btn-blue-1900-soft {
  color: #141834 !important;
  background-color: #e3e3e7 !important;
  border-color: transparent;
}

.bg-blue-1900-soft {
  background-color: #c7c8ce;
}

.text-bg-blue-1900-soft {
  color: #141834 !important;
  background-color: #e3e3e7 !important;
  border-color: transparent;
}

.text-bg-blue-1900-dark {
  color: #fff !important;
  background-color: #141834 !important;
  border-color: transparent;
}

.btn-blue-2000-soft {
  color: #080829 !important;
  background-color: #e1e1e5 !important;
  border-color: transparent;
}

.bg-blue-2000-soft {
  background-color: #c4c4cc;
}

.text-bg-blue-2000-soft {
  color: #080829 !important;
  background-color: #e1e1e5 !important;
  border-color: transparent;
}

.text-bg-blue-2000-dark {
  color: #fff !important;
  background-color: #080829 !important;
  border-color: transparent;
}

.btn-purple-soft {
  color: #6e61f3 !important;
  background-color: #eeecfe !important;
  border-color: transparent;
}

.bg-purple-soft {
  background-color: #dcd9fc;
}

.text-bg-purple-soft {
  color: #6e61f3 !important;
  background-color: #eeecfe !important;
  border-color: transparent;
}

.text-bg-purple-dark {
  color: #fff !important;
  background-color: #6e61f3 !important;
  border-color: transparent;
}

.btn-purple-50-soft {
  color: #eeecff !important;
  background-color: #fdfdff !important;
  border-color: transparent;
}

.bg-purple-50-soft {
  background-color: #fbfaff;
}

.text-bg-purple-50-soft {
  color: #eeecff !important;
  background-color: #fdfdff !important;
  border-color: transparent;
}

.text-bg-purple-50-dark {
  color: #fff !important;
  background-color: #eeecff !important;
  border-color: transparent;
}

.btn-purple-100-soft {
  color: #fceff4 !important;
  background-color: #fffdfe !important;
  border-color: transparent;
}

.bg-purple-100-soft {
  background-color: #fefbfc;
}

.text-bg-purple-100-soft {
  color: #fceff4 !important;
  background-color: #fffdfe !important;
  border-color: transparent;
}

.text-bg-purple-100-dark {
  color: #fff !important;
  background-color: #fceff4 !important;
  border-color: transparent;
}

.btn-purple-200-soft {
  color: #edebfe !important;
  background-color: #fdfdff !important;
  border-color: transparent;
}

.bg-purple-200-soft {
  background-color: #fbfaff;
}

.text-bg-purple-200-soft {
  color: #edebfe !important;
  background-color: #fdfdff !important;
  border-color: transparent;
}

.text-bg-purple-200-dark {
  color: #fff !important;
  background-color: #edebfe !important;
  border-color: transparent;
}

.btn-purple-300-soft {
  color: #e1cbfd !important;
  background-color: #fbf9ff !important;
  border-color: transparent;
}

.bg-purple-300-soft {
  background-color: #f8f3ff;
}

.text-bg-purple-300-soft {
  color: #e1cbfd !important;
  background-color: #fbf9ff !important;
  border-color: transparent;
}

.text-bg-purple-300-dark {
  color: #fff !important;
  background-color: #e1cbfd !important;
  border-color: transparent;
}

.btn-purple-400-soft {
  color: #ffc8cc !important;
  background-color: #fff8f9 !important;
  border-color: transparent;
}

.bg-purple-400-soft {
  background-color: #fff2f3;
}

.text-bg-purple-400-soft {
  color: #ffc8cc !important;
  background-color: #fff8f9 !important;
  border-color: transparent;
}

.text-bg-purple-400-dark {
  color: #fff !important;
  background-color: #ffc8cc !important;
  border-color: transparent;
}

.btn-purple-500-soft {
  color: #eb7ca6 !important;
  background-color: #fdeff4 !important;
  border-color: transparent;
}

.bg-purple-500-soft {
  background-color: #fae0ea;
}

.text-bg-purple-500-soft {
  color: #eb7ca6 !important;
  background-color: #fdeff4 !important;
  border-color: transparent;
}

.text-bg-purple-500-dark {
  color: #fff !important;
  background-color: #eb7ca6 !important;
  border-color: transparent;
}

.btn-purple-600-soft {
  color: #9d90f1 !important;
  background-color: #f3f2fd !important;
  border-color: transparent;
}

.bg-purple-600-soft {
  background-color: #e7e4fc;
}

.text-bg-purple-600-soft {
  color: #9d90f1 !important;
  background-color: #f3f2fd !important;
  border-color: transparent;
}

.text-bg-purple-600-dark {
  color: #fff !important;
  background-color: #9d90f1 !important;
  border-color: transparent;
}

.btn-purple-700-soft {
  color: #9097f7 !important;
  background-color: #f2f3fe !important;
  border-color: transparent;
}

.bg-purple-700-soft {
  background-color: #e4e6fd;
}

.text-bg-purple-700-soft {
  color: #9097f7 !important;
  background-color: #f2f3fe !important;
  border-color: transparent;
}

.text-bg-purple-700-dark {
  color: #fff !important;
  background-color: #9097f7 !important;
  border-color: transparent;
}

.btn-purple-800-soft {
  color: #725efe !important;
  background-color: #eeecff !important;
  border-color: transparent;
}

.bg-purple-800-soft {
  background-color: #ddd8ff;
}

.text-bg-purple-800-soft {
  color: #725efe !important;
  background-color: #eeecff !important;
  border-color: transparent;
}

.text-bg-purple-800-dark {
  color: #fff !important;
  background-color: #725efe !important;
  border-color: transparent;
}

.btn-cyan-soft {
  color: #00ffd5 !important;
  background-color: #e0fffa !important;
  border-color: transparent;
}

.bg-cyan-soft {
  background-color: #c2fff5;
}

.text-bg-cyan-soft {
  color: #00ffd5 !important;
  background-color: #e0fffa !important;
  border-color: transparent;
}

.text-bg-cyan-dark {
  color: #fff !important;
  background-color: #00ffd5 !important;
  border-color: transparent;
}

.btn-cyan-50-soft {
  color: #c0f2fd !important;
  background-color: #f7fdff !important;
  border-color: transparent;
}

.bg-cyan-50-soft {
  background-color: #f0fcff;
}

.text-bg-cyan-50-soft {
  color: #c0f2fd !important;
  background-color: #f7fdff !important;
  border-color: transparent;
}

.text-bg-cyan-50-dark {
  color: #fff !important;
  background-color: #c0f2fd !important;
  border-color: transparent;
}

.btn-cyan-100-soft {
  color: #97f2ff !important;
  background-color: #f3fdff !important;
  border-color: transparent;
}

.bg-cyan-100-soft {
  background-color: #e6fcff;
}

.text-bg-cyan-100-soft {
  color: #97f2ff !important;
  background-color: #f3fdff !important;
  border-color: transparent;
}

.text-bg-cyan-100-dark {
  color: #fff !important;
  background-color: #97f2ff !important;
  border-color: transparent;
}

.btn-cyan-200-soft {
  color: #13d5ff !important;
  background-color: #e3faff !important;
  border-color: transparent;
}

.bg-cyan-200-soft {
  background-color: #c6f5ff;
}

.text-bg-cyan-200-soft {
  color: #13d5ff !important;
  background-color: #e3faff !important;
  border-color: transparent;
}

.text-bg-cyan-200-dark {
  color: #fff !important;
  background-color: #13d5ff !important;
  border-color: transparent;
}

.btn-orange-soft {
  color: #fdd6c8 !important;
  background-color: #fffaf8 !important;
  border-color: transparent;
}

.bg-orange-soft {
  background-color: #fff5f2;
}

.text-bg-orange-soft {
  color: #fdd6c8 !important;
  background-color: #fffaf8 !important;
  border-color: transparent;
}

.text-bg-orange-dark {
  color: #fff !important;
  background-color: #fdd6c8 !important;
  border-color: transparent;
}

.btn-orange-100-soft {
  color: #ef652a !important;
  background-color: #fdede5 !important;
  border-color: transparent;
}

.bg-orange-100-soft {
  background-color: #fbdacc;
}

.text-bg-orange-100-soft {
  color: #ef652a !important;
  background-color: #fdede5 !important;
  border-color: transparent;
}

.text-bg-orange-100-dark {
  color: #fff !important;
  background-color: #ef652a !important;
  border-color: transparent;
}

.text-bg-primary-soft {
  color: #2b5cfd !important;
  background-color: #ecedfd !important;
  border-color: transparent;
}

.text-bg-primary-dark {
  color: #fff !important;
  background-color: #2b5cfd !important;
  border-color: transparent;
}

.text-bg-primary-100-soft {
  color: #eaefff !important;
  background-color: #fcfdff !important;
  border-color: transparent;
}

.text-bg-primary-100-dark {
  color: #fff !important;
  background-color: #eaefff !important;
  border-color: transparent;
}

.text-bg-secondary-soft {
  color: #0f0f12 !important;
  background-color: #e2e2e3 !important;
  border-color: transparent;
}

.text-bg-secondary-dark {
  color: #fff !important;
  background-color: #0f0f12 !important;
  border-color: transparent;
}

.text-bg-gray-soft {
  color: #f7f8f9 !important;
  background-color: #fefefe !important;
  border-color: transparent;
}

.text-bg-gray-dark {
  color: #fff !important;
  background-color: #f7f8f9 !important;
  border-color: transparent;
}

.text-bg-gray-50-soft {
  color: #e5e7eb !important;
  background-color: #fcfcfd !important;
  border-color: transparent;
}

.text-bg-gray-50-dark {
  color: #fff !important;
  background-color: #e5e7eb !important;
  border-color: transparent;
}

.text-bg-gray-100-soft {
  color: #faf9ff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.text-bg-gray-100-dark {
  color: #fff !important;
  background-color: #faf9ff !important;
  border-color: transparent;
}

.text-bg-gray-200-soft {
  color: #f2f8fb !important;
  background-color: #fdfeff !important;
  border-color: transparent;
}

.text-bg-gray-200-dark {
  color: #fff !important;
  background-color: #f2f8fb !important;
  border-color: transparent;
}

.text-bg-gray-300-soft {
  color: #f9f7fa !important;
  background-color: #fefefe !important;
  border-color: transparent;
}

.text-bg-gray-300-dark {
  color: #fff !important;
  background-color: #f9f7fa !important;
  border-color: transparent;
}

.text-bg-gray-400-soft {
  color: #faf9f4 !important;
  background-color: #fefefe !important;
  border-color: transparent;
}

.text-bg-gray-400-dark {
  color: #fff !important;
  background-color: #faf9f4 !important;
  border-color: transparent;
}

.text-bg-gray-500-soft {
  color: #c9c9d4 !important;
  background-color: #f9f9fa !important;
  border-color: transparent;
}

.text-bg-gray-500-dark {
  color: #fff !important;
  background-color: #c9c9d4 !important;
  border-color: transparent;
}

.text-bg-gray-600-soft {
  color: #c5c5ca !important;
  background-color: #f8f8f9 !important;
  border-color: transparent;
}

.text-bg-gray-600-dark {
  color: #fff !important;
  background-color: #c5c5ca !important;
  border-color: transparent;
}

.text-bg-gray-700-soft {
  color: #adb5bd !important;
  background-color: #f5f6f7 !important;
  border-color: transparent;
}

.text-bg-gray-700-dark {
  color: #fff !important;
  background-color: #adb5bd !important;
  border-color: transparent;
}

.text-bg-gray-800-soft {
  color: #64728f !important;
  background-color: #eceef2 !important;
  border-color: transparent;
}

.text-bg-gray-800-dark {
  color: #fff !important;
  background-color: #64728f !important;
  border-color: transparent;
}

.text-bg-gray-900-soft {
  color: #495057 !important;
  background-color: #e9eaeb !important;
  border-color: transparent;
}

.text-bg-gray-900-dark {
  color: #fff !important;
  background-color: #495057 !important;
  border-color: transparent;
}

.text-bg-gray-1000-soft {
  color: #2b292c !important;
  background-color: #e6e5e6 !important;
  border-color: transparent;
}

.text-bg-gray-1000-dark {
  color: #fff !important;
  background-color: #2b292c !important;
  border-color: transparent;
}

.text-bg-gray-1100-soft {
  color: #0f0f12 !important;
  background-color: #e2e2e3 !important;
  border-color: transparent;
}

.text-bg-gray-1100-dark {
  color: #fff !important;
  background-color: #0f0f12 !important;
  border-color: transparent;
}

.text-bg-gray-1200-soft {
  color: #0a1425 !important;
  background-color: #e2e3e5 !important;
  border-color: transparent;
}

.text-bg-gray-1200-dark {
  color: #fff !important;
  background-color: #0a1425 !important;
  border-color: transparent;
}

.text-bg-gray-1300-soft {
  color: #181921 !important;
  background-color: #e3e3e4 !important;
  border-color: transparent;
}

.text-bg-gray-1300-dark {
  color: #fff !important;
  background-color: #181921 !important;
  border-color: transparent;
}

.text-bg-gray-1400-soft {
  color: #232340 !important;
  background-color: #e5e5e8 !important;
  border-color: transparent;
}

.text-bg-gray-1400-dark {
  color: #fff !important;
  background-color: #232340 !important;
  border-color: transparent;
}

.text-bg-red-soft {
  color: #fa5b68 !important;
  background-color: #feebed !important;
  border-color: transparent;
}

.text-bg-red-dark {
  color: #fff !important;
  background-color: #fa5b68 !important;
  border-color: transparent;
}

.text-bg-red-50-soft {
  color: #feebed !important;
  background-color: #fffdfd !important;
  border-color: transparent;
}

.text-bg-red-50-dark {
  color: #fff !important;
  background-color: #feebed !important;
  border-color: transparent;
}

.text-bg-yellow-soft {
  color: #fdb52a !important;
  background-color: #fff6e5 !important;
  border-color: transparent;
}

.text-bg-yellow-dark {
  color: #fff !important;
  background-color: #fdb52a !important;
  border-color: transparent;
}

.text-bg-yellow-50-soft {
  color: #fef6ea !important;
  background-color: #fffefc !important;
  border-color: transparent;
}

.text-bg-yellow-50-dark {
  color: #fff !important;
  background-color: #fef6ea !important;
  border-color: transparent;
}

.text-bg-yellow-100-soft {
  color: #fdeaba !important;
  background-color: #fffcf7 !important;
  border-color: transparent;
}

.text-bg-yellow-100-dark {
  color: #fff !important;
  background-color: #fdeaba !important;
  border-color: transparent;
}

.text-bg-yellow-200-soft {
  color: #ffde70 !important;
  background-color: #fffbee !important;
  border-color: transparent;
}

.text-bg-yellow-200-dark {
  color: #fff !important;
  background-color: #ffde70 !important;
  border-color: transparent;
}

.text-bg-green-soft {
  color: #22c55e !important;
  background-color: #e4f8ec !important;
  border-color: transparent;
}

.text-bg-green-dark {
  color: #fff !important;
  background-color: #22c55e !important;
  border-color: transparent;
}

.text-bg-green-50-soft {
  color: #e9f9ef !important;
  background-color: #fcfefd !important;
  border-color: transparent;
}

.text-bg-green-50-dark {
  color: #fff !important;
  background-color: #e9f9ef !important;
  border-color: transparent;
}

.text-bg-green-100-soft {
  color: #f0f6f5 !important;
  background-color: #fdfefe !important;
  border-color: transparent;
}

.text-bg-green-100-dark {
  color: #fff !important;
  background-color: #f0f6f5 !important;
  border-color: transparent;
}

.text-bg-green-200-soft {
  color: #dcfce7 !important;
  background-color: #fbfffc !important;
  border-color: transparent;
}

.text-bg-green-200-dark {
  color: #fff !important;
  background-color: #dcfce7 !important;
  border-color: transparent;
}

.text-bg-green-300-soft {
  color: #bde5d3 !important;
  background-color: #f7fcfa !important;
  border-color: transparent;
}

.text-bg-green-300-dark {
  color: #fff !important;
  background-color: #bde5d3 !important;
  border-color: transparent;
}

.text-bg-green-400-soft {
  color: #45c9c1 !important;
  background-color: #e9f9f8 !important;
  border-color: transparent;
}

.text-bg-green-400-dark {
  color: #fff !important;
  background-color: #45c9c1 !important;
  border-color: transparent;
}

.text-bg-green-500-soft {
  color: #0acf83 !important;
  background-color: #e2f9f0 !important;
  border-color: transparent;
}

.text-bg-green-500-dark {
  color: #fff !important;
  background-color: #0acf83 !important;
  border-color: transparent;
}

.text-bg-green-600-soft {
  color: #54a8c7 !important;
  background-color: #eaf5f8 !important;
  border-color: transparent;
}

.text-bg-green-600-dark {
  color: #fff !important;
  background-color: #54a8c7 !important;
  border-color: transparent;
}

.text-bg-green-700-soft {
  color: #2a9d8f !important;
  background-color: #e5f3f2 !important;
  border-color: transparent;
}

.text-bg-green-700-dark {
  color: #fff !important;
  background-color: #2a9d8f !important;
  border-color: transparent;
}

.text-bg-green-800-soft {
  color: #071a17 !important;
  background-color: #e1e4e3 !important;
  border-color: transparent;
}

.text-bg-green-800-dark {
  color: #fff !important;
  background-color: #071a17 !important;
  border-color: transparent;
}

.text-bg-blue-soft {
  color: #0062ff !important;
  background-color: #e0ecff !important;
  border-color: transparent;
}

.text-bg-blue-dark {
  color: #fff !important;
  background-color: #0062ff !important;
  border-color: transparent;
}

.text-bg-blue-50-soft {
  color: #f4f8ff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.text-bg-blue-50-dark {
  color: #fff !important;
  background-color: #f4f8ff !important;
  border-color: transparent;
}

.text-bg-blue-100-soft {
  color: #ebf2ff !important;
  background-color: #fdfdff !important;
  border-color: transparent;
}

.text-bg-blue-100-dark {
  color: #fff !important;
  background-color: #ebf2ff !important;
  border-color: transparent;
}

.text-bg-blue-200-soft {
  color: #f3f4ff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.text-bg-blue-200-dark {
  color: #fff !important;
  background-color: #f3f4ff !important;
  border-color: transparent;
}

.text-bg-blue-300-soft {
  color: #eaefff !important;
  background-color: #fcfdff !important;
  border-color: transparent;
}

.text-bg-blue-300-dark {
  color: #fff !important;
  background-color: #eaefff !important;
  border-color: transparent;
}

.text-bg-blue-400-soft {
  color: #e7fbff !important;
  background-color: #fcffff !important;
  border-color: transparent;
}

.text-bg-blue-400-dark {
  color: #fff !important;
  background-color: #e7fbff !important;
  border-color: transparent;
}

.text-bg-blue-500-soft {
  color: #e8ebff !important;
  background-color: #fcfdff !important;
  border-color: transparent;
}

.text-bg-blue-500-dark {
  color: #fff !important;
  background-color: #e8ebff !important;
  border-color: transparent;
}

.text-bg-blue-600-soft {
  color: #f9faff !important;
  background-color: #fefeff !important;
  border-color: transparent;
}

.text-bg-blue-600-dark {
  color: #fff !important;
  background-color: #f9faff !important;
  border-color: transparent;
}

.text-bg-blue-700-soft {
  color: #c3c9f1 !important;
  background-color: #f8f9fd !important;
  border-color: transparent;
}

.text-bg-blue-700-dark {
  color: #fff !important;
  background-color: #c3c9f1 !important;
  border-color: transparent;
}

.text-bg-blue-800-soft {
  color: #6472b9 !important;
  background-color: #eceef7 !important;
  border-color: transparent;
}

.text-bg-blue-800-dark {
  color: #fff !important;
  background-color: #6472b9 !important;
  border-color: transparent;
}

.text-bg-blue-900-soft {
  color: #8c9bff !important;
  background-color: #f1f3ff !important;
  border-color: transparent;
}

.text-bg-blue-900-dark {
  color: #fff !important;
  background-color: #8c9bff !important;
  border-color: transparent;
}

.text-bg-blue-1000-soft {
  color: #589bff !important;
  background-color: #ebf3ff !important;
  border-color: transparent;
}

.text-bg-blue-1000-dark {
  color: #fff !important;
  background-color: #589bff !important;
  border-color: transparent;
}

.text-bg-blue-1100-soft {
  color: #6576ff !important;
  background-color: #edefff !important;
  border-color: transparent;
}

.text-bg-blue-1100-dark {
  color: #fff !important;
  background-color: #6576ff !important;
  border-color: transparent;
}

.text-bg-blue-1200-soft {
  color: #3f78e0 !important;
  background-color: #e8effb !important;
  border-color: transparent;
}

.text-bg-blue-1200-dark {
  color: #fff !important;
  background-color: #3f78e0 !important;
  border-color: transparent;
}

.text-bg-blue-1300-soft {
  color: #2b5cfd !important;
  background-color: #ecedfd !important;
  border-color: transparent;
}

.text-bg-blue-1300-dark {
  color: #fff !important;
  background-color: #2b5cfd !important;
  border-color: transparent;
}

.text-bg-blue-1400-soft {
  color: #3f53d8 !important;
  background-color: #e8eafa !important;
  border-color: transparent;
}

.text-bg-blue-1400-dark {
  color: #fff !important;
  background-color: #3f53d8 !important;
  border-color: transparent;
}

.text-bg-blue-1500-soft {
  color: #2b5cfd !important;
  background-color: #e6ebff !important;
  border-color: transparent;
}

.text-bg-blue-1500-dark {
  color: #fff !important;
  background-color: #2b5cfd !important;
  border-color: transparent;
}

.text-bg-blue-1600-soft {
  color: #3b3482 !important;
  background-color: #e7e7f0 !important;
  border-color: transparent;
}

.text-bg-blue-1600-dark {
  color: #fff !important;
  background-color: #3b3482 !important;
  border-color: transparent;
}

.text-bg-blue-1700-soft {
  color: #172166 !important;
  background-color: #e3e4ed !important;
  border-color: transparent;
}

.text-bg-blue-1700-dark {
  color: #fff !important;
  background-color: #172166 !important;
  border-color: transparent;
}

.text-bg-blue-1800-soft {
  color: #122544 !important;
  background-color: #e3e5e9 !important;
  border-color: transparent;
}

.text-bg-blue-1800-dark {
  color: #fff !important;
  background-color: #122544 !important;
  border-color: transparent;
}

.text-bg-blue-1900-soft {
  color: #141834 !important;
  background-color: #e3e3e7 !important;
  border-color: transparent;
}

.text-bg-blue-1900-dark {
  color: #fff !important;
  background-color: #141834 !important;
  border-color: transparent;
}

.text-bg-blue-2000-soft {
  color: #080829 !important;
  background-color: #e1e1e5 !important;
  border-color: transparent;
}

.text-bg-blue-2000-dark {
  color: #fff !important;
  background-color: #080829 !important;
  border-color: transparent;
}

.text-bg-purple-soft {
  color: #6e61f3 !important;
  background-color: #eeecfe !important;
  border-color: transparent;
}

.text-bg-purple-dark {
  color: #fff !important;
  background-color: #6e61f3 !important;
  border-color: transparent;
}

.text-bg-purple-50-soft {
  color: #eeecff !important;
  background-color: #fdfdff !important;
  border-color: transparent;
}

.text-bg-purple-50-dark {
  color: #fff !important;
  background-color: #eeecff !important;
  border-color: transparent;
}

.text-bg-purple-100-soft {
  color: #fceff4 !important;
  background-color: #fffdfe !important;
  border-color: transparent;
}

.text-bg-purple-100-dark {
  color: #fff !important;
  background-color: #fceff4 !important;
  border-color: transparent;
}

.text-bg-purple-200-soft {
  color: #edebfe !important;
  background-color: #fdfdff !important;
  border-color: transparent;
}

.text-bg-purple-200-dark {
  color: #fff !important;
  background-color: #edebfe !important;
  border-color: transparent;
}

.text-bg-purple-300-soft {
  color: #e1cbfd !important;
  background-color: #fbf9ff !important;
  border-color: transparent;
}

.text-bg-purple-300-dark {
  color: #fff !important;
  background-color: #e1cbfd !important;
  border-color: transparent;
}

.text-bg-purple-400-soft {
  color: #ffc8cc !important;
  background-color: #fff8f9 !important;
  border-color: transparent;
}

.text-bg-purple-400-dark {
  color: #fff !important;
  background-color: #ffc8cc !important;
  border-color: transparent;
}

.text-bg-purple-500-soft {
  color: #eb7ca6 !important;
  background-color: #fdeff4 !important;
  border-color: transparent;
}

.text-bg-purple-500-dark {
  color: #fff !important;
  background-color: #eb7ca6 !important;
  border-color: transparent;
}

.text-bg-purple-600-soft {
  color: #9d90f1 !important;
  background-color: #f3f2fd !important;
  border-color: transparent;
}

.text-bg-purple-600-dark {
  color: #fff !important;
  background-color: #9d90f1 !important;
  border-color: transparent;
}

.text-bg-purple-700-soft {
  color: #9097f7 !important;
  background-color: #f2f3fe !important;
  border-color: transparent;
}

.text-bg-purple-700-dark {
  color: #fff !important;
  background-color: #9097f7 !important;
  border-color: transparent;
}

.text-bg-purple-800-soft {
  color: #725efe !important;
  background-color: #eeecff !important;
  border-color: transparent;
}

.text-bg-purple-800-dark {
  color: #fff !important;
  background-color: #725efe !important;
  border-color: transparent;
}

.text-bg-cyan-soft {
  color: #00ffd5 !important;
  background-color: #e0fffa !important;
  border-color: transparent;
}

.text-bg-cyan-dark {
  color: #fff !important;
  background-color: #00ffd5 !important;
  border-color: transparent;
}

.text-bg-cyan-50-soft {
  color: #c0f2fd !important;
  background-color: #f7fdff !important;
  border-color: transparent;
}

.text-bg-cyan-50-dark {
  color: #fff !important;
  background-color: #c0f2fd !important;
  border-color: transparent;
}

.text-bg-cyan-100-soft {
  color: #97f2ff !important;
  background-color: #f3fdff !important;
  border-color: transparent;
}

.text-bg-cyan-100-dark {
  color: #fff !important;
  background-color: #97f2ff !important;
  border-color: transparent;
}

.text-bg-cyan-200-soft {
  color: #13d5ff !important;
  background-color: #e3faff !important;
  border-color: transparent;
}

.text-bg-cyan-200-dark {
  color: #fff !important;
  background-color: #13d5ff !important;
  border-color: transparent;
}

.text-bg-orange-soft {
  color: #fdd6c8 !important;
  background-color: #fffaf8 !important;
  border-color: transparent;
}

.text-bg-orange-dark {
  color: #fff !important;
  background-color: #fdd6c8 !important;
  border-color: transparent;
}

.text-bg-orange-100-soft {
  color: #ef652a !important;
  background-color: #fdede5 !important;
  border-color: transparent;
}

.text-bg-orange-100-dark {
  color: #fff !important;
  background-color: #ef652a !important;
  border-color: transparent;
}

.bg-gradient-1 {
  background: linear-gradient(214.72deg, #0c073f 20.47%, #130b6a 78.66%);
}

.bg-gradient-2 {
  background: linear-gradient(157.5deg, #120183 14.64%, #0066ff 114.76%);
}

.bg-gradient-3 {
  background: linear-gradient(180deg, #4628ff 0%, #6d55ff 100%);
}

.bg-gradient-4 {
  background: linear-gradient(269.03deg, rgba(114, 94, 254, 0) 0%, #725efe 49.86%, rgba(114, 94, 254, 0) 99.72%);
}

.bg-gradient-5 {
  background: linear-gradient(180deg, #fa5b68 0%, #725efe 100%);
}

.bg-gradient-6 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.bg-gradient-7 {
  background: linear-gradient(180deg, #6576ff 0%, rgba(255, 255, 255, 0) 100%);
}

.bg-gradient-8 {
  background: linear-gradient(140.41deg, #2b5cfd 27.37%, #1d3faf 72.63%);
}

.bg-gradient-9 {
  background: linear-gradient(23.01deg, #2b5cfd 14.9%, #1d3faf 85.1%);
}

.bg-gradient-10 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 86.98%);
}

.bg-gradient-11 {
  background: linear-gradient(180deg, #3f53d8 0%, #8c9bff 100%);
}

.bg-gradient-12 {
  background: linear-gradient(180deg, #589bff 0%, #fa5b68 100%);
}

.bg-gradient-13 {
  background: linear-gradient(180deg, #e3edff 0%, rgba(255, 255, 255, 0) 100%);
}

.bg-gradient-14 {
  background: linear-gradient(180deg, #97f2ff 0%, rgba(151, 242, 255, 0) 100%);
}

.bg-gradient-15 {
  background: linear-gradient(180deg, #0acf83 0%, rgba(10, 207, 131, 0) 0.01%, rgba(10, 207, 131, 0.16) 100%);
}

.bg-gradient-16 {
  background: linear-gradient(180deg, #0a1425 0%, #0a1425 0.01%, #1c2d4f 100%);
}

.bg-gradient-17 {
  background: linear-gradient(180deg, #feebed -0.03%, #ffc7cb 99.93%);
}

.bg-gradient-18 {
  background: linear-gradient(0deg, rgba(59, 52, 130, 0) 0%, #3b3482 72.97%);
}

.bg-gradient-19 {
  background: linear-gradient(180deg, #217ea0 0%, #54a8c7 100%);
}

.bg-gradient-20 {
  background: linear-gradient(90deg, #9097f7 0%, #64a2f9 100%);
}

.bg-gradient-21 {
  background: linear-gradient(208.41deg, #8c9dff 0%, #a89bfb 39.92%, #7ec9ff 82.42%);
}

.bg-gradient-22 {
  background: linear-gradient(276.37deg, #5cc1ff 5.91%, #6754f3 50.33%, #c4b9ff 94.75%);
}

.bg-gradient-23 {
  background: linear-gradient(276.7deg, #d627af 4.7%, #fd7258 55.39%);
}

.bg-gradient-24 {
  background: linear-gradient(276.86deg, #65d995 4.93%, #30a390 41.37%);
}

.bg-gradient-25 {
  background: linear-gradient(147.84deg, #faf9f4 42.86%, rgba(190, 247, 252, 0.1) 102.04%);
}

.bg-gradient-26 {
  background: linear-gradient(98.64deg, #524a90 0%, rgba(255, 116, 104, 0.21) 57.39%);
}

.bg-gradient-27 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) -0.02%, rgba(152, 151, 226, 0.24) 52.6%, #b6e3ff 100%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-xl {
  box-shadow: 4px 4px 36px 0px rgba(192, 192, 192, 0.1607843137), -4px -4px 36px 0px rgba(192, 192, 192, 0.1215686275) !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-lighter {
  --bs-focus-ring-color: rgba(var(--bs-lighter-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-dark-blue {
  --bs-focus-ring-color: rgba(var(--bs-dark-blue-rgb), var(--bs-focus-ring-opacity));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.focus-ring-orange-100 {
  --bs-focus-ring-color: rgba(var(--bs-orange-100-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-lighter {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-lighter-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-dark-blue {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-blue-rgb), var(--bs-border-opacity)) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-88 {
  width: 88px !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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-600 {
  height: 600px !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.375rem !important;
}

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

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

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

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

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

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

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

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

.m-gs {
  margin: 1.875rem !important;
}

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

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

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

.mx-2 {
  margin-right: 0.75rem !important;
  margin-left: 0.75rem !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: 1.875rem !important;
  margin-left: 1.875rem !important;
}

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

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

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

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

.mx-gs {
  margin-right: 1.875rem !important;
  margin-left: 1.875rem !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.375rem !important;
  margin-bottom: 0.375rem !important;
}

.my-2 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !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: 1.875rem !important;
  margin-bottom: 1.875rem !important;
}

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

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

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

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

.my-gs {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mt-gs {
  margin-top: 1.875rem !important;
}

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

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

.me-1 {
  margin-right: 0.375rem !important;
}

.me-2 {
  margin-right: 0.75rem !important;
}

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

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

.me-5 {
  margin-right: 1.875rem !important;
}

.me-6 {
  margin-right: 3rem !important;
}

.me-7 {
  margin-right: 3.75rem !important;
}

.me-8 {
  margin-right: 5rem !important;
}

.me-9 {
  margin-right: 7rem !important;
}

.me-gs {
  margin-right: 1.875rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mb-gs {
  margin-bottom: 1.875rem !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

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

.ms-1 {
  margin-left: 0.375rem !important;
}

.ms-2 {
  margin-left: 0.75rem !important;
}

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

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

.ms-5 {
  margin-left: 1.875rem !important;
}

.ms-6 {
  margin-left: 3rem !important;
}

.ms-7 {
  margin-left: 3.75rem !important;
}

.ms-8 {
  margin-left: 5rem !important;
}

.ms-9 {
  margin-left: 7rem !important;
}

.ms-gs {
  margin-left: 1.875rem !important;
}

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

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

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

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

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

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

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

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

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

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

.m-ngs {
  margin: -1.875rem !important;
}

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

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

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

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

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

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

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

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

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

.mx-ngs {
  margin-right: -1.875rem !important;
  margin-left: -1.875rem !important;
}

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

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

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

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

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

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

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

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

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

.my-ngs {
  margin-top: -1.875rem !important;
  margin-bottom: -1.875rem !important;
}

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

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

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

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

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

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

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

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

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

.mt-ngs {
  margin-top: -1.875rem !important;
}

.me-n1 {
  margin-right: -0.375rem !important;
}

.me-n2 {
  margin-right: -0.75rem !important;
}

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

.me-n4 {
  margin-right: -1.5rem !important;
}

.me-n5 {
  margin-right: -1.875rem !important;
}

.me-n6 {
  margin-right: -3rem !important;
}

.me-n7 {
  margin-right: -3.75rem !important;
}

.me-n8 {
  margin-right: -5rem !important;
}

.me-n9 {
  margin-right: -7rem !important;
}

.me-ngs {
  margin-right: -1.875rem !important;
}

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

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

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

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

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

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

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

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

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

.mb-ngs {
  margin-bottom: -1.875rem !important;
}

.ms-n1 {
  margin-left: -0.375rem !important;
}

.ms-n2 {
  margin-left: -0.75rem !important;
}

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

.ms-n4 {
  margin-left: -1.5rem !important;
}

.ms-n5 {
  margin-left: -1.875rem !important;
}

.ms-n6 {
  margin-left: -3rem !important;
}

.ms-n7 {
  margin-left: -3.75rem !important;
}

.ms-n8 {
  margin-left: -5rem !important;
}

.ms-n9 {
  margin-left: -7rem !important;
}

.ms-ngs {
  margin-left: -1.875rem !important;
}

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

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

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

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

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

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

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

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

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

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

.p-gs {
  padding: 1.875rem !important;
}

.p-100 {
  padding: 100px !important;
}

.p-120 {
  padding: 120px !important;
}

.p-160 {
  padding: 160px !important;
}

.p-220 {
  padding: 220px !important;
}

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

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

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

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

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

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

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

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

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

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

.px-gs {
  padding-right: 1.875rem !important;
  padding-left: 1.875rem !important;
}

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

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

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

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

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

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

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

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

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

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

.py-gs {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-gs {
  padding-top: 1.875rem !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pt-115 {
  padding-top: 115px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.pt-160 {
  padding-top: 160px !important;
}

.pt-180 {
  padding-top: 180px !important;
}

.pt-220 {
  padding-top: 220px !important;
}

.pt-320 {
  padding-top: 320px !important;
}

.pt-360 {
  padding-top: 360px !important;
}

.pt-400 {
  padding-top: 400px !important;
}

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

.pe-1 {
  padding-right: 0.375rem !important;
}

.pe-2 {
  padding-right: 0.75rem !important;
}

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

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

.pe-5 {
  padding-right: 1.875rem !important;
}

.pe-6 {
  padding-right: 3rem !important;
}

.pe-7 {
  padding-right: 3.75rem !important;
}

.pe-8 {
  padding-right: 5rem !important;
}

.pe-9 {
  padding-right: 7rem !important;
}

.pe-gs {
  padding-right: 1.875rem !important;
}

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

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

.pb-2 {
  padding-bottom: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 1.875rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pb-7 {
  padding-bottom: 3.75rem !important;
}

.pb-8 {
  padding-bottom: 5rem !important;
}

.pb-9 {
  padding-bottom: 7rem !important;
}

.pb-gs {
  padding-bottom: 1.875rem !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-115 {
  padding-bottom: 115px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.pb-160 {
  padding-bottom: 160px !important;
}

.pb-180 {
  padding-bottom: 180px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

.pb-220 {
  padding-bottom: 220px !important;
}

.pb-260 {
  padding-bottom: 260px !important;
}

.pb-320 {
  padding-bottom: 320px !important;
}

.pb-400 {
  padding-bottom: 400px !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.375rem !important;
}

.ps-2 {
  padding-left: 0.75rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 1.875rem !important;
}

.ps-6 {
  padding-left: 3rem !important;
}

.ps-7 {
  padding-left: 3.75rem !important;
}

.ps-8 {
  padding-left: 5rem !important;
}

.ps-9 {
  padding-left: 7rem !important;
}

.ps-gs {
  padding-left: 1.875rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.375rem !important;
}

.gap-2 {
  gap: 0.75rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 1.875rem !important;
}

.gap-6 {
  gap: 3rem !important;
}

.gap-7 {
  gap: 3.75rem !important;
}

.gap-8 {
  gap: 5rem !important;
}

.gap-9 {
  gap: 7rem !important;
}

.gap-gs {
  gap: 1.875rem !important;
}

.gap-120 {
  gap: 120px !important;
}

.gap-180 {
  gap: 180px !important;
}

.gap-200 {
  gap: 200px !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.375rem !important;
}

.row-gap-2 {
  row-gap: 0.75rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 1.875rem !important;
}

.row-gap-6 {
  row-gap: 3rem !important;
}

.row-gap-7 {
  row-gap: 3.75rem !important;
}

.row-gap-8 {
  row-gap: 5rem !important;
}

.row-gap-9 {
  row-gap: 7rem !important;
}

.row-gap-gs {
  row-gap: 1.875rem !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.column-gap-1 {
  column-gap: 0.375rem !important;
}

.column-gap-2 {
  column-gap: 0.75rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 1.875rem !important;
}

.column-gap-6 {
  column-gap: 3rem !important;
}

.column-gap-7 {
  column-gap: 3.75rem !important;
}

.column-gap-8 {
  column-gap: 5rem !important;
}

.column-gap-9 {
  column-gap: 7rem !important;
}

.column-gap-gs {
  column-gap: 1.875rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-48 {
  font-size: 48px !important;
}

.fs-56 {
  font-size: 56px !important;
}

.fs-60 {
  font-size: 60px !important;
}

.fs-80 {
  font-size: 80px !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !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;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.2 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* 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-lighter {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-lighter-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-dark-blue {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-blue-rgb), var(--bs-text-opacity)) !important;
}

.text-darker {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-darker-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-gray {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-50 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-50-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-100-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-200-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-300-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-400 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-400-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-500 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-500-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-600 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-600-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-700 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-700-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-800 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-800-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-900 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-1000 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-1000-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-1100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-1100-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-1200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-1200-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-1300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-1300-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-1400 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-1400-rgb), var(--bs-text-opacity)) !important;
}

.text-red {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important;
}

.text-red-50 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-red-50-rgb), var(--bs-text-opacity)) !important;
}

.text-yellow {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important;
}

.text-yellow-50 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-yellow-50-rgb), var(--bs-text-opacity)) !important;
}

.text-yellow-100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-yellow-100-rgb), var(--bs-text-opacity)) !important;
}

.text-yellow-200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-yellow-200-rgb), var(--bs-text-opacity)) !important;
}

.text-green {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important;
}

.text-green-50 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-50-rgb), var(--bs-text-opacity)) !important;
}

.text-green-100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-100-rgb), var(--bs-text-opacity)) !important;
}

.text-green-200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-200-rgb), var(--bs-text-opacity)) !important;
}

.text-green-300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-300-rgb), var(--bs-text-opacity)) !important;
}

.text-green-400 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-400-rgb), var(--bs-text-opacity)) !important;
}

.text-green-500 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-500-rgb), var(--bs-text-opacity)) !important;
}

.text-green-600 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-600-rgb), var(--bs-text-opacity)) !important;
}

.text-green-700 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-700-rgb), var(--bs-text-opacity)) !important;
}

.text-green-800 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-800-rgb), var(--bs-text-opacity)) !important;
}

.text-blue {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-50 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-50-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-100-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-200-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-300-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-400 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-400-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-500 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-500-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-600 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-600-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-700 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-700-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-800 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-800-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-900 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-900-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-1000 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-1000-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-1100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-1100-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-1200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-1200-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-1300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-1300-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-1400 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-1400-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-1500 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-1500-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-1600 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-1600-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-1700 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-1700-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-1800 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-1800-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-1900 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-1900-rgb), var(--bs-text-opacity)) !important;
}

.text-blue-2000 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-2000-rgb), var(--bs-text-opacity)) !important;
}

.text-purple {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-rgb), var(--bs-text-opacity)) !important;
}

.text-purple-50 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-50-rgb), var(--bs-text-opacity)) !important;
}

.text-purple-100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-100-rgb), var(--bs-text-opacity)) !important;
}

.text-purple-200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-200-rgb), var(--bs-text-opacity)) !important;
}

.text-purple-300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-300-rgb), var(--bs-text-opacity)) !important;
}

.text-purple-400 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-400-rgb), var(--bs-text-opacity)) !important;
}

.text-purple-500 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-500-rgb), var(--bs-text-opacity)) !important;
}

.text-purple-600 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-600-rgb), var(--bs-text-opacity)) !important;
}

.text-purple-700 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-700-rgb), var(--bs-text-opacity)) !important;
}

.text-purple-800 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-800-rgb), var(--bs-text-opacity)) !important;
}

.text-cyan {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-cyan-rgb), var(--bs-text-opacity)) !important;
}

.text-cyan-50 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-cyan-50-rgb), var(--bs-text-opacity)) !important;
}

.text-cyan-100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-cyan-100-rgb), var(--bs-text-opacity)) !important;
}

.text-cyan-200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-cyan-200-rgb), var(--bs-text-opacity)) !important;
}

.text-orange {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important;
}

.text-orange-100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-orange-100-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: 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-lighter {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-lighter-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-dark-blue {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-blue-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-darker {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-darker-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-white {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-white-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-50 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-50-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-300 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-300-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-400 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-400-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-500 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-500-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-600 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-600-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-700 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-700-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-800 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-800-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-900 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-900-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-1000 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-1000-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-1100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-1100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-1200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-1200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-1300 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-1300-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-gray-1400 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-gray-1400-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-red {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-red-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-red-50 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-red-50-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-yellow {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-yellow-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-yellow-50 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-yellow-50-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-yellow-100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-yellow-100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-yellow-200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-yellow-200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-green {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-green-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-green-50 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-green-50-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-green-100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-green-100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-green-200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-green-200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-green-300 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-green-300-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-green-400 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-green-400-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-green-500 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-green-500-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-green-600 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-green-600-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-green-700 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-green-700-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-green-800 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-green-800-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-50 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-50-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-300 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-300-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-400 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-400-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-500 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-500-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-600 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-600-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-700 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-700-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-800 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-800-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-900 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-900-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-1000 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-1000-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-1100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-1100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-1200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-1200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-1300 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-1300-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-1400 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-1400-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-1500 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-1500-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-1600 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-1600-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-1700 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-1700-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-1800 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-1800-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-1900 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-1900-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-blue-2000 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-blue-2000-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-purple {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-purple-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-purple-50 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-purple-50-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-purple-100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-purple-100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-purple-200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-purple-200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-purple-300 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-purple-300-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-purple-400 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-purple-400-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-purple-500 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-purple-500-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-purple-600 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-purple-600-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-purple-700 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-purple-700-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-purple-800 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-purple-800-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-cyan {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-cyan-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-cyan-50 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-cyan-50-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-cyan-100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-cyan-100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-cyan-200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-cyan-200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-orange {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-orange-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-orange-100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-orange-100-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-lighter {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-lighter-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-dark-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-darker {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-darker-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-50 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-50-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-300 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-300-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-400 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-400-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-500 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-500-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-600 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-600-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-700 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-700-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-800 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-900 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-900-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-1000 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-1000-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-1100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-1100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-1200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-1200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-1300 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-1300-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-1400 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-1400-rgb), var(--bs-bg-opacity)) !important;
}

.bg-red {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important;
}

.bg-red-50 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-red-50-rgb), var(--bs-bg-opacity)) !important;
}

.bg-yellow {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important;
}

.bg-yellow-50 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-yellow-50-rgb), var(--bs-bg-opacity)) !important;
}

.bg-yellow-100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-yellow-100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-yellow-200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-yellow-200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-green {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important;
}

.bg-green-50 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-50-rgb), var(--bs-bg-opacity)) !important;
}

.bg-green-100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-green-200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-green-300 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-300-rgb), var(--bs-bg-opacity)) !important;
}

.bg-green-400 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-400-rgb), var(--bs-bg-opacity)) !important;
}

.bg-green-500 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-500-rgb), var(--bs-bg-opacity)) !important;
}

.bg-green-600 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-600-rgb), var(--bs-bg-opacity)) !important;
}

.bg-green-700 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-700-rgb), var(--bs-bg-opacity)) !important;
}

.bg-green-800 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-800-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-50 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-50-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-300 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-300-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-400 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-400-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-500 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-500-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-600 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-600-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-700 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-700-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-800 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-800-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-900 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-900-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-1000 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-1000-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-1100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-1100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-1200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-1200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-1300 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-1300-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-1400 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-1400-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-1500 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-1500-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-1600 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-1600-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-1700 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-1700-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-1800 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-1800-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-1900 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-1900-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue-2000 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-2000-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple-50 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-50-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple-100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple-200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple-300 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-300-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple-400 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-400-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple-500 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-500-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple-600 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-600-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple-700 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-700-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple-800 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-800-rgb), var(--bs-bg-opacity)) !important;
}

.bg-cyan {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-cyan-rgb), var(--bs-bg-opacity)) !important;
}

.bg-cyan-50 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-cyan-50-rgb), var(--bs-bg-opacity)) !important;
}

.bg-cyan-100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-cyan-100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-cyan-200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-cyan-200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-orange {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;
}

.bg-orange-100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-orange-100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.transform-none {
  transform: none !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.375rem !important;
  }
  .m-sm-2 {
    margin: 0.75rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 1.875rem !important;
  }
  .m-sm-6 {
    margin: 3rem !important;
  }
  .m-sm-7 {
    margin: 3.75rem !important;
  }
  .m-sm-8 {
    margin: 5rem !important;
  }
  .m-sm-9 {
    margin: 7rem !important;
  }
  .m-sm-gs {
    margin: 1.875rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !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: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .mx-sm-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-7 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .mx-sm-8 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-sm-9 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .mx-sm-gs {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !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.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .my-sm-2 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !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: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .my-sm-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-7 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .my-sm-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-sm-9 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-sm-gs {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !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.375rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.75rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 1.875rem !important;
  }
  .mt-sm-6 {
    margin-top: 3rem !important;
  }
  .mt-sm-7 {
    margin-top: 3.75rem !important;
  }
  .mt-sm-8 {
    margin-top: 5rem !important;
  }
  .mt-sm-9 {
    margin-top: 7rem !important;
  }
  .mt-sm-gs {
    margin-top: 1.875rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.375rem !important;
  }
  .me-sm-2 {
    margin-right: 0.75rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 1.875rem !important;
  }
  .me-sm-6 {
    margin-right: 3rem !important;
  }
  .me-sm-7 {
    margin-right: 3.75rem !important;
  }
  .me-sm-8 {
    margin-right: 5rem !important;
  }
  .me-sm-9 {
    margin-right: 7rem !important;
  }
  .me-sm-gs {
    margin-right: 1.875rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.375rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.75rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 1.875rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-7 {
    margin-bottom: 3.75rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 5rem !important;
  }
  .mb-sm-9 {
    margin-bottom: 7rem !important;
  }
  .mb-sm-gs {
    margin-bottom: 1.875rem !important;
  }
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.375rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.75rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 1.875rem !important;
  }
  .ms-sm-6 {
    margin-left: 3rem !important;
  }
  .ms-sm-7 {
    margin-left: 3.75rem !important;
  }
  .ms-sm-8 {
    margin-left: 5rem !important;
  }
  .ms-sm-9 {
    margin-left: 7rem !important;
  }
  .ms-sm-gs {
    margin-left: 1.875rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .m-sm-n1 {
    margin: -0.375rem !important;
  }
  .m-sm-n2 {
    margin: -0.75rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -1.875rem !important;
  }
  .m-sm-n6 {
    margin: -3rem !important;
  }
  .m-sm-n7 {
    margin: -3.75rem !important;
  }
  .m-sm-n8 {
    margin: -5rem !important;
  }
  .m-sm-n9 {
    margin: -7rem !important;
  }
  .m-sm-ngs {
    margin: -1.875rem !important;
  }
  .mx-sm-n1 {
    margin-right: -0.375rem !important;
    margin-left: -0.375rem !important;
  }
  .mx-sm-n2 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .mx-sm-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-sm-n5 {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }
  .mx-sm-n6 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .mx-sm-n7 {
    margin-right: -3.75rem !important;
    margin-left: -3.75rem !important;
  }
  .mx-sm-n8 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .mx-sm-n9 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .mx-sm-ngs {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }
  .my-sm-n1 {
    margin-top: -0.375rem !important;
    margin-bottom: -0.375rem !important;
  }
  .my-sm-n2 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .my-sm-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-sm-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-sm-n5 {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }
  .my-sm-n6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-sm-n7 {
    margin-top: -3.75rem !important;
    margin-bottom: -3.75rem !important;
  }
  .my-sm-n8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .my-sm-n9 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .my-sm-ngs {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }
  .mt-sm-n1 {
    margin-top: -0.375rem !important;
  }
  .mt-sm-n2 {
    margin-top: -0.75rem !important;
  }
  .mt-sm-n3 {
    margin-top: -1rem !important;
  }
  .mt-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-sm-n5 {
    margin-top: -1.875rem !important;
  }
  .mt-sm-n6 {
    margin-top: -3rem !important;
  }
  .mt-sm-n7 {
    margin-top: -3.75rem !important;
  }
  .mt-sm-n8 {
    margin-top: -5rem !important;
  }
  .mt-sm-n9 {
    margin-top: -7rem !important;
  }
  .mt-sm-ngs {
    margin-top: -1.875rem !important;
  }
  .me-sm-n1 {
    margin-right: -0.375rem !important;
  }
  .me-sm-n2 {
    margin-right: -0.75rem !important;
  }
  .me-sm-n3 {
    margin-right: -1rem !important;
  }
  .me-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .me-sm-n5 {
    margin-right: -1.875rem !important;
  }
  .me-sm-n6 {
    margin-right: -3rem !important;
  }
  .me-sm-n7 {
    margin-right: -3.75rem !important;
  }
  .me-sm-n8 {
    margin-right: -5rem !important;
  }
  .me-sm-n9 {
    margin-right: -7rem !important;
  }
  .me-sm-ngs {
    margin-right: -1.875rem !important;
  }
  .mb-sm-n1 {
    margin-bottom: -0.375rem !important;
  }
  .mb-sm-n2 {
    margin-bottom: -0.75rem !important;
  }
  .mb-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-sm-n5 {
    margin-bottom: -1.875rem !important;
  }
  .mb-sm-n6 {
    margin-bottom: -3rem !important;
  }
  .mb-sm-n7 {
    margin-bottom: -3.75rem !important;
  }
  .mb-sm-n8 {
    margin-bottom: -5rem !important;
  }
  .mb-sm-n9 {
    margin-bottom: -7rem !important;
  }
  .mb-sm-ngs {
    margin-bottom: -1.875rem !important;
  }
  .ms-sm-n1 {
    margin-left: -0.375rem !important;
  }
  .ms-sm-n2 {
    margin-left: -0.75rem !important;
  }
  .ms-sm-n3 {
    margin-left: -1rem !important;
  }
  .ms-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-sm-n5 {
    margin-left: -1.875rem !important;
  }
  .ms-sm-n6 {
    margin-left: -3rem !important;
  }
  .ms-sm-n7 {
    margin-left: -3.75rem !important;
  }
  .ms-sm-n8 {
    margin-left: -5rem !important;
  }
  .ms-sm-n9 {
    margin-left: -7rem !important;
  }
  .ms-sm-ngs {
    margin-left: -1.875rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.375rem !important;
  }
  .p-sm-2 {
    padding: 0.75rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 1.875rem !important;
  }
  .p-sm-6 {
    padding: 3rem !important;
  }
  .p-sm-7 {
    padding: 3.75rem !important;
  }
  .p-sm-8 {
    padding: 5rem !important;
  }
  .p-sm-9 {
    padding: 7rem !important;
  }
  .p-sm-gs {
    padding: 1.875rem !important;
  }
  .p-sm-100 {
    padding: 100px !important;
  }
  .p-sm-120 {
    padding: 120px !important;
  }
  .p-sm-160 {
    padding: 160px !important;
  }
  .p-sm-220 {
    padding: 220px !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .px-sm-2 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !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: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .px-sm-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-sm-7 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .px-sm-8 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-sm-9 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .px-sm-gs {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .py-sm-2 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !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: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .py-sm-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-sm-7 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .py-sm-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-sm-9 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-sm-gs {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .py-sm-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-sm-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .py-sm-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .py-sm-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.375rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.75rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 1.875rem !important;
  }
  .pt-sm-6 {
    padding-top: 3rem !important;
  }
  .pt-sm-7 {
    padding-top: 3.75rem !important;
  }
  .pt-sm-8 {
    padding-top: 5rem !important;
  }
  .pt-sm-9 {
    padding-top: 7rem !important;
  }
  .pt-sm-gs {
    padding-top: 1.875rem !important;
  }
  .pt-sm-40 {
    padding-top: 40px !important;
  }
  .pt-sm-100 {
    padding-top: 100px !important;
  }
  .pt-sm-115 {
    padding-top: 115px !important;
  }
  .pt-sm-120 {
    padding-top: 120px !important;
  }
  .pt-sm-160 {
    padding-top: 160px !important;
  }
  .pt-sm-180 {
    padding-top: 180px !important;
  }
  .pt-sm-220 {
    padding-top: 220px !important;
  }
  .pt-sm-320 {
    padding-top: 320px !important;
  }
  .pt-sm-360 {
    padding-top: 360px !important;
  }
  .pt-sm-400 {
    padding-top: 400px !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.375rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.75rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 1.875rem !important;
  }
  .pe-sm-6 {
    padding-right: 3rem !important;
  }
  .pe-sm-7 {
    padding-right: 3.75rem !important;
  }
  .pe-sm-8 {
    padding-right: 5rem !important;
  }
  .pe-sm-9 {
    padding-right: 7rem !important;
  }
  .pe-sm-gs {
    padding-right: 1.875rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.375rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.75rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 1.875rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 3rem !important;
  }
  .pb-sm-7 {
    padding-bottom: 3.75rem !important;
  }
  .pb-sm-8 {
    padding-bottom: 5rem !important;
  }
  .pb-sm-9 {
    padding-bottom: 7rem !important;
  }
  .pb-sm-gs {
    padding-bottom: 1.875rem !important;
  }
  .pb-sm-100 {
    padding-bottom: 100px !important;
  }
  .pb-sm-115 {
    padding-bottom: 115px !important;
  }
  .pb-sm-120 {
    padding-bottom: 120px !important;
  }
  .pb-sm-160 {
    padding-bottom: 160px !important;
  }
  .pb-sm-180 {
    padding-bottom: 180px !important;
  }
  .pb-sm-200 {
    padding-bottom: 200px !important;
  }
  .pb-sm-220 {
    padding-bottom: 220px !important;
  }
  .pb-sm-260 {
    padding-bottom: 260px !important;
  }
  .pb-sm-320 {
    padding-bottom: 320px !important;
  }
  .pb-sm-400 {
    padding-bottom: 400px !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.375rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.75rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 1.875rem !important;
  }
  .ps-sm-6 {
    padding-left: 3rem !important;
  }
  .ps-sm-7 {
    padding-left: 3.75rem !important;
  }
  .ps-sm-8 {
    padding-left: 5rem !important;
  }
  .ps-sm-9 {
    padding-left: 7rem !important;
  }
  .ps-sm-gs {
    padding-left: 1.875rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.375rem !important;
  }
  .gap-sm-2 {
    gap: 0.75rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 1.875rem !important;
  }
  .gap-sm-6 {
    gap: 3rem !important;
  }
  .gap-sm-7 {
    gap: 3.75rem !important;
  }
  .gap-sm-8 {
    gap: 5rem !important;
  }
  .gap-sm-9 {
    gap: 7rem !important;
  }
  .gap-sm-gs {
    gap: 1.875rem !important;
  }
  .gap-sm-120 {
    gap: 120px !important;
  }
  .gap-sm-180 {
    gap: 180px !important;
  }
  .gap-sm-200 {
    gap: 200px !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.375rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.75rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 1.875rem !important;
  }
  .row-gap-sm-6 {
    row-gap: 3rem !important;
  }
  .row-gap-sm-7 {
    row-gap: 3.75rem !important;
  }
  .row-gap-sm-8 {
    row-gap: 5rem !important;
  }
  .row-gap-sm-9 {
    row-gap: 7rem !important;
  }
  .row-gap-sm-gs {
    row-gap: 1.875rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.375rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.75rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 1.875rem !important;
  }
  .column-gap-sm-6 {
    column-gap: 3rem !important;
  }
  .column-gap-sm-7 {
    column-gap: 3.75rem !important;
  }
  .column-gap-sm-8 {
    column-gap: 5rem !important;
  }
  .column-gap-sm-9 {
    column-gap: 7rem !important;
  }
  .column-gap-sm-gs {
    column-gap: 1.875rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.375rem !important;
  }
  .m-md-2 {
    margin: 0.75rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 1.875rem !important;
  }
  .m-md-6 {
    margin: 3rem !important;
  }
  .m-md-7 {
    margin: 3.75rem !important;
  }
  .m-md-8 {
    margin: 5rem !important;
  }
  .m-md-9 {
    margin: 7rem !important;
  }
  .m-md-gs {
    margin: 1.875rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .mx-md-2 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !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: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .mx-md-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-7 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .mx-md-8 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-md-9 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .mx-md-gs {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !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.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .my-md-2 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !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: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .my-md-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-7 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .my-md-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-md-9 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-md-gs {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !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.375rem !important;
  }
  .mt-md-2 {
    margin-top: 0.75rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 1.875rem !important;
  }
  .mt-md-6 {
    margin-top: 3rem !important;
  }
  .mt-md-7 {
    margin-top: 3.75rem !important;
  }
  .mt-md-8 {
    margin-top: 5rem !important;
  }
  .mt-md-9 {
    margin-top: 7rem !important;
  }
  .mt-md-gs {
    margin-top: 1.875rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.375rem !important;
  }
  .me-md-2 {
    margin-right: 0.75rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 1.875rem !important;
  }
  .me-md-6 {
    margin-right: 3rem !important;
  }
  .me-md-7 {
    margin-right: 3.75rem !important;
  }
  .me-md-8 {
    margin-right: 5rem !important;
  }
  .me-md-9 {
    margin-right: 7rem !important;
  }
  .me-md-gs {
    margin-right: 1.875rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.375rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.75rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 1.875rem !important;
  }
  .mb-md-6 {
    margin-bottom: 3rem !important;
  }
  .mb-md-7 {
    margin-bottom: 3.75rem !important;
  }
  .mb-md-8 {
    margin-bottom: 5rem !important;
  }
  .mb-md-9 {
    margin-bottom: 7rem !important;
  }
  .mb-md-gs {
    margin-bottom: 1.875rem !important;
  }
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.375rem !important;
  }
  .ms-md-2 {
    margin-left: 0.75rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 1.875rem !important;
  }
  .ms-md-6 {
    margin-left: 3rem !important;
  }
  .ms-md-7 {
    margin-left: 3.75rem !important;
  }
  .ms-md-8 {
    margin-left: 5rem !important;
  }
  .ms-md-9 {
    margin-left: 7rem !important;
  }
  .ms-md-gs {
    margin-left: 1.875rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .m-md-n1 {
    margin: -0.375rem !important;
  }
  .m-md-n2 {
    margin: -0.75rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -1.875rem !important;
  }
  .m-md-n6 {
    margin: -3rem !important;
  }
  .m-md-n7 {
    margin: -3.75rem !important;
  }
  .m-md-n8 {
    margin: -5rem !important;
  }
  .m-md-n9 {
    margin: -7rem !important;
  }
  .m-md-ngs {
    margin: -1.875rem !important;
  }
  .mx-md-n1 {
    margin-right: -0.375rem !important;
    margin-left: -0.375rem !important;
  }
  .mx-md-n2 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .mx-md-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-md-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-md-n5 {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }
  .mx-md-n6 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .mx-md-n7 {
    margin-right: -3.75rem !important;
    margin-left: -3.75rem !important;
  }
  .mx-md-n8 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .mx-md-n9 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .mx-md-ngs {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }
  .my-md-n1 {
    margin-top: -0.375rem !important;
    margin-bottom: -0.375rem !important;
  }
  .my-md-n2 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .my-md-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-md-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-md-n5 {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }
  .my-md-n6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-md-n7 {
    margin-top: -3.75rem !important;
    margin-bottom: -3.75rem !important;
  }
  .my-md-n8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .my-md-n9 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .my-md-ngs {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }
  .mt-md-n1 {
    margin-top: -0.375rem !important;
  }
  .mt-md-n2 {
    margin-top: -0.75rem !important;
  }
  .mt-md-n3 {
    margin-top: -1rem !important;
  }
  .mt-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-md-n5 {
    margin-top: -1.875rem !important;
  }
  .mt-md-n6 {
    margin-top: -3rem !important;
  }
  .mt-md-n7 {
    margin-top: -3.75rem !important;
  }
  .mt-md-n8 {
    margin-top: -5rem !important;
  }
  .mt-md-n9 {
    margin-top: -7rem !important;
  }
  .mt-md-ngs {
    margin-top: -1.875rem !important;
  }
  .me-md-n1 {
    margin-right: -0.375rem !important;
  }
  .me-md-n2 {
    margin-right: -0.75rem !important;
  }
  .me-md-n3 {
    margin-right: -1rem !important;
  }
  .me-md-n4 {
    margin-right: -1.5rem !important;
  }
  .me-md-n5 {
    margin-right: -1.875rem !important;
  }
  .me-md-n6 {
    margin-right: -3rem !important;
  }
  .me-md-n7 {
    margin-right: -3.75rem !important;
  }
  .me-md-n8 {
    margin-right: -5rem !important;
  }
  .me-md-n9 {
    margin-right: -7rem !important;
  }
  .me-md-ngs {
    margin-right: -1.875rem !important;
  }
  .mb-md-n1 {
    margin-bottom: -0.375rem !important;
  }
  .mb-md-n2 {
    margin-bottom: -0.75rem !important;
  }
  .mb-md-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-md-n5 {
    margin-bottom: -1.875rem !important;
  }
  .mb-md-n6 {
    margin-bottom: -3rem !important;
  }
  .mb-md-n7 {
    margin-bottom: -3.75rem !important;
  }
  .mb-md-n8 {
    margin-bottom: -5rem !important;
  }
  .mb-md-n9 {
    margin-bottom: -7rem !important;
  }
  .mb-md-ngs {
    margin-bottom: -1.875rem !important;
  }
  .ms-md-n1 {
    margin-left: -0.375rem !important;
  }
  .ms-md-n2 {
    margin-left: -0.75rem !important;
  }
  .ms-md-n3 {
    margin-left: -1rem !important;
  }
  .ms-md-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-md-n5 {
    margin-left: -1.875rem !important;
  }
  .ms-md-n6 {
    margin-left: -3rem !important;
  }
  .ms-md-n7 {
    margin-left: -3.75rem !important;
  }
  .ms-md-n8 {
    margin-left: -5rem !important;
  }
  .ms-md-n9 {
    margin-left: -7rem !important;
  }
  .ms-md-ngs {
    margin-left: -1.875rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.375rem !important;
  }
  .p-md-2 {
    padding: 0.75rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 1.875rem !important;
  }
  .p-md-6 {
    padding: 3rem !important;
  }
  .p-md-7 {
    padding: 3.75rem !important;
  }
  .p-md-8 {
    padding: 5rem !important;
  }
  .p-md-9 {
    padding: 7rem !important;
  }
  .p-md-gs {
    padding: 1.875rem !important;
  }
  .p-md-100 {
    padding: 100px !important;
  }
  .p-md-120 {
    padding: 120px !important;
  }
  .p-md-160 {
    padding: 160px !important;
  }
  .p-md-220 {
    padding: 220px !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .px-md-2 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !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: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .px-md-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-md-7 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .px-md-8 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-md-9 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .px-md-gs {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .py-md-2 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !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: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .py-md-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-md-7 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .py-md-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-md-9 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-md-gs {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .py-md-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-md-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .py-md-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .py-md-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.375rem !important;
  }
  .pt-md-2 {
    padding-top: 0.75rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 1.875rem !important;
  }
  .pt-md-6 {
    padding-top: 3rem !important;
  }
  .pt-md-7 {
    padding-top: 3.75rem !important;
  }
  .pt-md-8 {
    padding-top: 5rem !important;
  }
  .pt-md-9 {
    padding-top: 7rem !important;
  }
  .pt-md-gs {
    padding-top: 1.875rem !important;
  }
  .pt-md-40 {
    padding-top: 40px !important;
  }
  .pt-md-100 {
    padding-top: 100px !important;
  }
  .pt-md-115 {
    padding-top: 115px !important;
  }
  .pt-md-120 {
    padding-top: 120px !important;
  }
  .pt-md-160 {
    padding-top: 160px !important;
  }
  .pt-md-180 {
    padding-top: 180px !important;
  }
  .pt-md-220 {
    padding-top: 220px !important;
  }
  .pt-md-320 {
    padding-top: 320px !important;
  }
  .pt-md-360 {
    padding-top: 360px !important;
  }
  .pt-md-400 {
    padding-top: 400px !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.375rem !important;
  }
  .pe-md-2 {
    padding-right: 0.75rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 1.875rem !important;
  }
  .pe-md-6 {
    padding-right: 3rem !important;
  }
  .pe-md-7 {
    padding-right: 3.75rem !important;
  }
  .pe-md-8 {
    padding-right: 5rem !important;
  }
  .pe-md-9 {
    padding-right: 7rem !important;
  }
  .pe-md-gs {
    padding-right: 1.875rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.375rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.75rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 1.875rem !important;
  }
  .pb-md-6 {
    padding-bottom: 3rem !important;
  }
  .pb-md-7 {
    padding-bottom: 3.75rem !important;
  }
  .pb-md-8 {
    padding-bottom: 5rem !important;
  }
  .pb-md-9 {
    padding-bottom: 7rem !important;
  }
  .pb-md-gs {
    padding-bottom: 1.875rem !important;
  }
  .pb-md-100 {
    padding-bottom: 100px !important;
  }
  .pb-md-115 {
    padding-bottom: 115px !important;
  }
  .pb-md-120 {
    padding-bottom: 120px !important;
  }
  .pb-md-160 {
    padding-bottom: 160px !important;
  }
  .pb-md-180 {
    padding-bottom: 180px !important;
  }
  .pb-md-200 {
    padding-bottom: 200px !important;
  }
  .pb-md-220 {
    padding-bottom: 220px !important;
  }
  .pb-md-260 {
    padding-bottom: 260px !important;
  }
  .pb-md-320 {
    padding-bottom: 320px !important;
  }
  .pb-md-400 {
    padding-bottom: 400px !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.375rem !important;
  }
  .ps-md-2 {
    padding-left: 0.75rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 1.875rem !important;
  }
  .ps-md-6 {
    padding-left: 3rem !important;
  }
  .ps-md-7 {
    padding-left: 3.75rem !important;
  }
  .ps-md-8 {
    padding-left: 5rem !important;
  }
  .ps-md-9 {
    padding-left: 7rem !important;
  }
  .ps-md-gs {
    padding-left: 1.875rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.375rem !important;
  }
  .gap-md-2 {
    gap: 0.75rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 1.875rem !important;
  }
  .gap-md-6 {
    gap: 3rem !important;
  }
  .gap-md-7 {
    gap: 3.75rem !important;
  }
  .gap-md-8 {
    gap: 5rem !important;
  }
  .gap-md-9 {
    gap: 7rem !important;
  }
  .gap-md-gs {
    gap: 1.875rem !important;
  }
  .gap-md-120 {
    gap: 120px !important;
  }
  .gap-md-180 {
    gap: 180px !important;
  }
  .gap-md-200 {
    gap: 200px !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.375rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.75rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 1.875rem !important;
  }
  .row-gap-md-6 {
    row-gap: 3rem !important;
  }
  .row-gap-md-7 {
    row-gap: 3.75rem !important;
  }
  .row-gap-md-8 {
    row-gap: 5rem !important;
  }
  .row-gap-md-9 {
    row-gap: 7rem !important;
  }
  .row-gap-md-gs {
    row-gap: 1.875rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.375rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.75rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 1.875rem !important;
  }
  .column-gap-md-6 {
    column-gap: 3rem !important;
  }
  .column-gap-md-7 {
    column-gap: 3.75rem !important;
  }
  .column-gap-md-8 {
    column-gap: 5rem !important;
  }
  .column-gap-md-9 {
    column-gap: 7rem !important;
  }
  .column-gap-md-gs {
    column-gap: 1.875rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.375rem !important;
  }
  .m-lg-2 {
    margin: 0.75rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 1.875rem !important;
  }
  .m-lg-6 {
    margin: 3rem !important;
  }
  .m-lg-7 {
    margin: 3.75rem !important;
  }
  .m-lg-8 {
    margin: 5rem !important;
  }
  .m-lg-9 {
    margin: 7rem !important;
  }
  .m-lg-gs {
    margin: 1.875rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !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: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .mx-lg-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-7 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .mx-lg-8 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-lg-9 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .mx-lg-gs {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !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.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .my-lg-2 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !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: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .my-lg-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-7 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .my-lg-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-lg-9 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-lg-gs {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !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.375rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.75rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 1.875rem !important;
  }
  .mt-lg-6 {
    margin-top: 3rem !important;
  }
  .mt-lg-7 {
    margin-top: 3.75rem !important;
  }
  .mt-lg-8 {
    margin-top: 5rem !important;
  }
  .mt-lg-9 {
    margin-top: 7rem !important;
  }
  .mt-lg-gs {
    margin-top: 1.875rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.375rem !important;
  }
  .me-lg-2 {
    margin-right: 0.75rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 1.875rem !important;
  }
  .me-lg-6 {
    margin-right: 3rem !important;
  }
  .me-lg-7 {
    margin-right: 3.75rem !important;
  }
  .me-lg-8 {
    margin-right: 5rem !important;
  }
  .me-lg-9 {
    margin-right: 7rem !important;
  }
  .me-lg-gs {
    margin-right: 1.875rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.375rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.75rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 1.875rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 3.75rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 5rem !important;
  }
  .mb-lg-9 {
    margin-bottom: 7rem !important;
  }
  .mb-lg-gs {
    margin-bottom: 1.875rem !important;
  }
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.375rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.75rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 1.875rem !important;
  }
  .ms-lg-6 {
    margin-left: 3rem !important;
  }
  .ms-lg-7 {
    margin-left: 3.75rem !important;
  }
  .ms-lg-8 {
    margin-left: 5rem !important;
  }
  .ms-lg-9 {
    margin-left: 7rem !important;
  }
  .ms-lg-gs {
    margin-left: 1.875rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .m-lg-n1 {
    margin: -0.375rem !important;
  }
  .m-lg-n2 {
    margin: -0.75rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -1.875rem !important;
  }
  .m-lg-n6 {
    margin: -3rem !important;
  }
  .m-lg-n7 {
    margin: -3.75rem !important;
  }
  .m-lg-n8 {
    margin: -5rem !important;
  }
  .m-lg-n9 {
    margin: -7rem !important;
  }
  .m-lg-ngs {
    margin: -1.875rem !important;
  }
  .mx-lg-n1 {
    margin-right: -0.375rem !important;
    margin-left: -0.375rem !important;
  }
  .mx-lg-n2 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .mx-lg-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-lg-n5 {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }
  .mx-lg-n6 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .mx-lg-n7 {
    margin-right: -3.75rem !important;
    margin-left: -3.75rem !important;
  }
  .mx-lg-n8 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .mx-lg-n9 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .mx-lg-ngs {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }
  .my-lg-n1 {
    margin-top: -0.375rem !important;
    margin-bottom: -0.375rem !important;
  }
  .my-lg-n2 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .my-lg-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-lg-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-lg-n5 {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }
  .my-lg-n6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-lg-n7 {
    margin-top: -3.75rem !important;
    margin-bottom: -3.75rem !important;
  }
  .my-lg-n8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .my-lg-n9 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .my-lg-ngs {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }
  .mt-lg-n1 {
    margin-top: -0.375rem !important;
  }
  .mt-lg-n2 {
    margin-top: -0.75rem !important;
  }
  .mt-lg-n3 {
    margin-top: -1rem !important;
  }
  .mt-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-lg-n5 {
    margin-top: -1.875rem !important;
  }
  .mt-lg-n6 {
    margin-top: -3rem !important;
  }
  .mt-lg-n7 {
    margin-top: -3.75rem !important;
  }
  .mt-lg-n8 {
    margin-top: -5rem !important;
  }
  .mt-lg-n9 {
    margin-top: -7rem !important;
  }
  .mt-lg-ngs {
    margin-top: -1.875rem !important;
  }
  .me-lg-n1 {
    margin-right: -0.375rem !important;
  }
  .me-lg-n2 {
    margin-right: -0.75rem !important;
  }
  .me-lg-n3 {
    margin-right: -1rem !important;
  }
  .me-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .me-lg-n5 {
    margin-right: -1.875rem !important;
  }
  .me-lg-n6 {
    margin-right: -3rem !important;
  }
  .me-lg-n7 {
    margin-right: -3.75rem !important;
  }
  .me-lg-n8 {
    margin-right: -5rem !important;
  }
  .me-lg-n9 {
    margin-right: -7rem !important;
  }
  .me-lg-ngs {
    margin-right: -1.875rem !important;
  }
  .mb-lg-n1 {
    margin-bottom: -0.375rem !important;
  }
  .mb-lg-n2 {
    margin-bottom: -0.75rem !important;
  }
  .mb-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-lg-n5 {
    margin-bottom: -1.875rem !important;
  }
  .mb-lg-n6 {
    margin-bottom: -3rem !important;
  }
  .mb-lg-n7 {
    margin-bottom: -3.75rem !important;
  }
  .mb-lg-n8 {
    margin-bottom: -5rem !important;
  }
  .mb-lg-n9 {
    margin-bottom: -7rem !important;
  }
  .mb-lg-ngs {
    margin-bottom: -1.875rem !important;
  }
  .ms-lg-n1 {
    margin-left: -0.375rem !important;
  }
  .ms-lg-n2 {
    margin-left: -0.75rem !important;
  }
  .ms-lg-n3 {
    margin-left: -1rem !important;
  }
  .ms-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-lg-n5 {
    margin-left: -1.875rem !important;
  }
  .ms-lg-n6 {
    margin-left: -3rem !important;
  }
  .ms-lg-n7 {
    margin-left: -3.75rem !important;
  }
  .ms-lg-n8 {
    margin-left: -5rem !important;
  }
  .ms-lg-n9 {
    margin-left: -7rem !important;
  }
  .ms-lg-ngs {
    margin-left: -1.875rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.375rem !important;
  }
  .p-lg-2 {
    padding: 0.75rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 1.875rem !important;
  }
  .p-lg-6 {
    padding: 3rem !important;
  }
  .p-lg-7 {
    padding: 3.75rem !important;
  }
  .p-lg-8 {
    padding: 5rem !important;
  }
  .p-lg-9 {
    padding: 7rem !important;
  }
  .p-lg-gs {
    padding: 1.875rem !important;
  }
  .p-lg-100 {
    padding: 100px !important;
  }
  .p-lg-120 {
    padding: 120px !important;
  }
  .p-lg-160 {
    padding: 160px !important;
  }
  .p-lg-220 {
    padding: 220px !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .px-lg-2 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !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: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .px-lg-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-lg-7 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .px-lg-8 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-lg-9 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .px-lg-gs {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .py-lg-2 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !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: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .py-lg-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-lg-7 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .py-lg-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-lg-9 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-lg-gs {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .py-lg-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-lg-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .py-lg-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .py-lg-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.375rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.75rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 1.875rem !important;
  }
  .pt-lg-6 {
    padding-top: 3rem !important;
  }
  .pt-lg-7 {
    padding-top: 3.75rem !important;
  }
  .pt-lg-8 {
    padding-top: 5rem !important;
  }
  .pt-lg-9 {
    padding-top: 7rem !important;
  }
  .pt-lg-gs {
    padding-top: 1.875rem !important;
  }
  .pt-lg-40 {
    padding-top: 40px !important;
  }
  .pt-lg-100 {
    padding-top: 100px !important;
  }
  .pt-lg-115 {
    padding-top: 115px !important;
  }
  .pt-lg-120 {
    padding-top: 120px !important;
  }
  .pt-lg-160 {
    padding-top: 160px !important;
  }
  .pt-lg-180 {
    padding-top: 180px !important;
  }
  .pt-lg-220 {
    padding-top: 220px !important;
  }
  .pt-lg-320 {
    padding-top: 320px !important;
  }
  .pt-lg-360 {
    padding-top: 360px !important;
  }
  .pt-lg-400 {
    padding-top: 400px !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.375rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.75rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 1.875rem !important;
  }
  .pe-lg-6 {
    padding-right: 3rem !important;
  }
  .pe-lg-7 {
    padding-right: 3.75rem !important;
  }
  .pe-lg-8 {
    padding-right: 5rem !important;
  }
  .pe-lg-9 {
    padding-right: 7rem !important;
  }
  .pe-lg-gs {
    padding-right: 1.875rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.375rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.75rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 1.875rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 3rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 3.75rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 5rem !important;
  }
  .pb-lg-9 {
    padding-bottom: 7rem !important;
  }
  .pb-lg-gs {
    padding-bottom: 1.875rem !important;
  }
  .pb-lg-100 {
    padding-bottom: 100px !important;
  }
  .pb-lg-115 {
    padding-bottom: 115px !important;
  }
  .pb-lg-120 {
    padding-bottom: 120px !important;
  }
  .pb-lg-160 {
    padding-bottom: 160px !important;
  }
  .pb-lg-180 {
    padding-bottom: 180px !important;
  }
  .pb-lg-200 {
    padding-bottom: 200px !important;
  }
  .pb-lg-220 {
    padding-bottom: 220px !important;
  }
  .pb-lg-260 {
    padding-bottom: 260px !important;
  }
  .pb-lg-320 {
    padding-bottom: 320px !important;
  }
  .pb-lg-400 {
    padding-bottom: 400px !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.375rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.75rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 1.875rem !important;
  }
  .ps-lg-6 {
    padding-left: 3rem !important;
  }
  .ps-lg-7 {
    padding-left: 3.75rem !important;
  }
  .ps-lg-8 {
    padding-left: 5rem !important;
  }
  .ps-lg-9 {
    padding-left: 7rem !important;
  }
  .ps-lg-gs {
    padding-left: 1.875rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.375rem !important;
  }
  .gap-lg-2 {
    gap: 0.75rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 1.875rem !important;
  }
  .gap-lg-6 {
    gap: 3rem !important;
  }
  .gap-lg-7 {
    gap: 3.75rem !important;
  }
  .gap-lg-8 {
    gap: 5rem !important;
  }
  .gap-lg-9 {
    gap: 7rem !important;
  }
  .gap-lg-gs {
    gap: 1.875rem !important;
  }
  .gap-lg-120 {
    gap: 120px !important;
  }
  .gap-lg-180 {
    gap: 180px !important;
  }
  .gap-lg-200 {
    gap: 200px !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.375rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.75rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 1.875rem !important;
  }
  .row-gap-lg-6 {
    row-gap: 3rem !important;
  }
  .row-gap-lg-7 {
    row-gap: 3.75rem !important;
  }
  .row-gap-lg-8 {
    row-gap: 5rem !important;
  }
  .row-gap-lg-9 {
    row-gap: 7rem !important;
  }
  .row-gap-lg-gs {
    row-gap: 1.875rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.375rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.75rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 1.875rem !important;
  }
  .column-gap-lg-6 {
    column-gap: 3rem !important;
  }
  .column-gap-lg-7 {
    column-gap: 3.75rem !important;
  }
  .column-gap-lg-8 {
    column-gap: 5rem !important;
  }
  .column-gap-lg-9 {
    column-gap: 7rem !important;
  }
  .column-gap-lg-gs {
    column-gap: 1.875rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.375rem !important;
  }
  .m-xl-2 {
    margin: 0.75rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 1.875rem !important;
  }
  .m-xl-6 {
    margin: 3rem !important;
  }
  .m-xl-7 {
    margin: 3.75rem !important;
  }
  .m-xl-8 {
    margin: 5rem !important;
  }
  .m-xl-9 {
    margin: 7rem !important;
  }
  .m-xl-gs {
    margin: 1.875rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !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: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .mx-xl-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-7 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .mx-xl-8 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-xl-9 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .mx-xl-gs {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !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.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .my-xl-2 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !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: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .my-xl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-7 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .my-xl-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-xl-9 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-xl-gs {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !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.375rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.75rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 1.875rem !important;
  }
  .mt-xl-6 {
    margin-top: 3rem !important;
  }
  .mt-xl-7 {
    margin-top: 3.75rem !important;
  }
  .mt-xl-8 {
    margin-top: 5rem !important;
  }
  .mt-xl-9 {
    margin-top: 7rem !important;
  }
  .mt-xl-gs {
    margin-top: 1.875rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.375rem !important;
  }
  .me-xl-2 {
    margin-right: 0.75rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 1.875rem !important;
  }
  .me-xl-6 {
    margin-right: 3rem !important;
  }
  .me-xl-7 {
    margin-right: 3.75rem !important;
  }
  .me-xl-8 {
    margin-right: 5rem !important;
  }
  .me-xl-9 {
    margin-right: 7rem !important;
  }
  .me-xl-gs {
    margin-right: 1.875rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.375rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.75rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 1.875rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-7 {
    margin-bottom: 3.75rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 5rem !important;
  }
  .mb-xl-9 {
    margin-bottom: 7rem !important;
  }
  .mb-xl-gs {
    margin-bottom: 1.875rem !important;
  }
  .mb-xl-40 {
    margin-bottom: 40px !important;
  }
  .mb-xl-80 {
    margin-bottom: 80px !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.375rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.75rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 1.875rem !important;
  }
  .ms-xl-6 {
    margin-left: 3rem !important;
  }
  .ms-xl-7 {
    margin-left: 3.75rem !important;
  }
  .ms-xl-8 {
    margin-left: 5rem !important;
  }
  .ms-xl-9 {
    margin-left: 7rem !important;
  }
  .ms-xl-gs {
    margin-left: 1.875rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .m-xl-n1 {
    margin: -0.375rem !important;
  }
  .m-xl-n2 {
    margin: -0.75rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -1.875rem !important;
  }
  .m-xl-n6 {
    margin: -3rem !important;
  }
  .m-xl-n7 {
    margin: -3.75rem !important;
  }
  .m-xl-n8 {
    margin: -5rem !important;
  }
  .m-xl-n9 {
    margin: -7rem !important;
  }
  .m-xl-ngs {
    margin: -1.875rem !important;
  }
  .mx-xl-n1 {
    margin-right: -0.375rem !important;
    margin-left: -0.375rem !important;
  }
  .mx-xl-n2 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .mx-xl-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-xl-n5 {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }
  .mx-xl-n6 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .mx-xl-n7 {
    margin-right: -3.75rem !important;
    margin-left: -3.75rem !important;
  }
  .mx-xl-n8 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .mx-xl-n9 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .mx-xl-ngs {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }
  .my-xl-n1 {
    margin-top: -0.375rem !important;
    margin-bottom: -0.375rem !important;
  }
  .my-xl-n2 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .my-xl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-xl-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-xl-n5 {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }
  .my-xl-n6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-xl-n7 {
    margin-top: -3.75rem !important;
    margin-bottom: -3.75rem !important;
  }
  .my-xl-n8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .my-xl-n9 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .my-xl-ngs {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }
  .mt-xl-n1 {
    margin-top: -0.375rem !important;
  }
  .mt-xl-n2 {
    margin-top: -0.75rem !important;
  }
  .mt-xl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-xl-n5 {
    margin-top: -1.875rem !important;
  }
  .mt-xl-n6 {
    margin-top: -3rem !important;
  }
  .mt-xl-n7 {
    margin-top: -3.75rem !important;
  }
  .mt-xl-n8 {
    margin-top: -5rem !important;
  }
  .mt-xl-n9 {
    margin-top: -7rem !important;
  }
  .mt-xl-ngs {
    margin-top: -1.875rem !important;
  }
  .me-xl-n1 {
    margin-right: -0.375rem !important;
  }
  .me-xl-n2 {
    margin-right: -0.75rem !important;
  }
  .me-xl-n3 {
    margin-right: -1rem !important;
  }
  .me-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .me-xl-n5 {
    margin-right: -1.875rem !important;
  }
  .me-xl-n6 {
    margin-right: -3rem !important;
  }
  .me-xl-n7 {
    margin-right: -3.75rem !important;
  }
  .me-xl-n8 {
    margin-right: -5rem !important;
  }
  .me-xl-n9 {
    margin-right: -7rem !important;
  }
  .me-xl-ngs {
    margin-right: -1.875rem !important;
  }
  .mb-xl-n1 {
    margin-bottom: -0.375rem !important;
  }
  .mb-xl-n2 {
    margin-bottom: -0.75rem !important;
  }
  .mb-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-xl-n5 {
    margin-bottom: -1.875rem !important;
  }
  .mb-xl-n6 {
    margin-bottom: -3rem !important;
  }
  .mb-xl-n7 {
    margin-bottom: -3.75rem !important;
  }
  .mb-xl-n8 {
    margin-bottom: -5rem !important;
  }
  .mb-xl-n9 {
    margin-bottom: -7rem !important;
  }
  .mb-xl-ngs {
    margin-bottom: -1.875rem !important;
  }
  .ms-xl-n1 {
    margin-left: -0.375rem !important;
  }
  .ms-xl-n2 {
    margin-left: -0.75rem !important;
  }
  .ms-xl-n3 {
    margin-left: -1rem !important;
  }
  .ms-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-xl-n5 {
    margin-left: -1.875rem !important;
  }
  .ms-xl-n6 {
    margin-left: -3rem !important;
  }
  .ms-xl-n7 {
    margin-left: -3.75rem !important;
  }
  .ms-xl-n8 {
    margin-left: -5rem !important;
  }
  .ms-xl-n9 {
    margin-left: -7rem !important;
  }
  .ms-xl-ngs {
    margin-left: -1.875rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.375rem !important;
  }
  .p-xl-2 {
    padding: 0.75rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 1.875rem !important;
  }
  .p-xl-6 {
    padding: 3rem !important;
  }
  .p-xl-7 {
    padding: 3.75rem !important;
  }
  .p-xl-8 {
    padding: 5rem !important;
  }
  .p-xl-9 {
    padding: 7rem !important;
  }
  .p-xl-gs {
    padding: 1.875rem !important;
  }
  .p-xl-100 {
    padding: 100px !important;
  }
  .p-xl-120 {
    padding: 120px !important;
  }
  .p-xl-160 {
    padding: 160px !important;
  }
  .p-xl-220 {
    padding: 220px !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .px-xl-2 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !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: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .px-xl-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-xl-7 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .px-xl-8 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-xl-9 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .px-xl-gs {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .py-xl-2 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !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: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .py-xl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xl-7 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .py-xl-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-xl-9 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-xl-gs {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .py-xl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-xl-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .py-xl-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .py-xl-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.375rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.75rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 1.875rem !important;
  }
  .pt-xl-6 {
    padding-top: 3rem !important;
  }
  .pt-xl-7 {
    padding-top: 3.75rem !important;
  }
  .pt-xl-8 {
    padding-top: 5rem !important;
  }
  .pt-xl-9 {
    padding-top: 7rem !important;
  }
  .pt-xl-gs {
    padding-top: 1.875rem !important;
  }
  .pt-xl-40 {
    padding-top: 40px !important;
  }
  .pt-xl-100 {
    padding-top: 100px !important;
  }
  .pt-xl-115 {
    padding-top: 115px !important;
  }
  .pt-xl-120 {
    padding-top: 120px !important;
  }
  .pt-xl-160 {
    padding-top: 160px !important;
  }
  .pt-xl-180 {
    padding-top: 180px !important;
  }
  .pt-xl-220 {
    padding-top: 220px !important;
  }
  .pt-xl-320 {
    padding-top: 320px !important;
  }
  .pt-xl-360 {
    padding-top: 360px !important;
  }
  .pt-xl-400 {
    padding-top: 400px !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.375rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.75rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 1.875rem !important;
  }
  .pe-xl-6 {
    padding-right: 3rem !important;
  }
  .pe-xl-7 {
    padding-right: 3.75rem !important;
  }
  .pe-xl-8 {
    padding-right: 5rem !important;
  }
  .pe-xl-9 {
    padding-right: 7rem !important;
  }
  .pe-xl-gs {
    padding-right: 1.875rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.375rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.75rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 1.875rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 3rem !important;
  }
  .pb-xl-7 {
    padding-bottom: 3.75rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 5rem !important;
  }
  .pb-xl-9 {
    padding-bottom: 7rem !important;
  }
  .pb-xl-gs {
    padding-bottom: 1.875rem !important;
  }
  .pb-xl-100 {
    padding-bottom: 100px !important;
  }
  .pb-xl-115 {
    padding-bottom: 115px !important;
  }
  .pb-xl-120 {
    padding-bottom: 120px !important;
  }
  .pb-xl-160 {
    padding-bottom: 160px !important;
  }
  .pb-xl-180 {
    padding-bottom: 180px !important;
  }
  .pb-xl-200 {
    padding-bottom: 200px !important;
  }
  .pb-xl-220 {
    padding-bottom: 220px !important;
  }
  .pb-xl-260 {
    padding-bottom: 260px !important;
  }
  .pb-xl-320 {
    padding-bottom: 320px !important;
  }
  .pb-xl-400 {
    padding-bottom: 400px !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.375rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.75rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 1.875rem !important;
  }
  .ps-xl-6 {
    padding-left: 3rem !important;
  }
  .ps-xl-7 {
    padding-left: 3.75rem !important;
  }
  .ps-xl-8 {
    padding-left: 5rem !important;
  }
  .ps-xl-9 {
    padding-left: 7rem !important;
  }
  .ps-xl-gs {
    padding-left: 1.875rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.375rem !important;
  }
  .gap-xl-2 {
    gap: 0.75rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 1.875rem !important;
  }
  .gap-xl-6 {
    gap: 3rem !important;
  }
  .gap-xl-7 {
    gap: 3.75rem !important;
  }
  .gap-xl-8 {
    gap: 5rem !important;
  }
  .gap-xl-9 {
    gap: 7rem !important;
  }
  .gap-xl-gs {
    gap: 1.875rem !important;
  }
  .gap-xl-120 {
    gap: 120px !important;
  }
  .gap-xl-180 {
    gap: 180px !important;
  }
  .gap-xl-200 {
    gap: 200px !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.375rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.75rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 1.875rem !important;
  }
  .row-gap-xl-6 {
    row-gap: 3rem !important;
  }
  .row-gap-xl-7 {
    row-gap: 3.75rem !important;
  }
  .row-gap-xl-8 {
    row-gap: 5rem !important;
  }
  .row-gap-xl-9 {
    row-gap: 7rem !important;
  }
  .row-gap-xl-gs {
    row-gap: 1.875rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.375rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.75rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 1.875rem !important;
  }
  .column-gap-xl-6 {
    column-gap: 3rem !important;
  }
  .column-gap-xl-7 {
    column-gap: 3.75rem !important;
  }
  .column-gap-xl-8 {
    column-gap: 5rem !important;
  }
  .column-gap-xl-9 {
    column-gap: 7rem !important;
  }
  .column-gap-xl-gs {
    column-gap: 1.875rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.375rem !important;
  }
  .m-xxl-2 {
    margin: 0.75rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 1.875rem !important;
  }
  .m-xxl-6 {
    margin: 3rem !important;
  }
  .m-xxl-7 {
    margin: 3.75rem !important;
  }
  .m-xxl-8 {
    margin: 5rem !important;
  }
  .m-xxl-9 {
    margin: 7rem !important;
  }
  .m-xxl-gs {
    margin: 1.875rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !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: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .mx-xxl-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-7 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .mx-xxl-8 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-xxl-9 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .mx-xxl-gs {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !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.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !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: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .my-xxl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-7 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .my-xxl-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-xxl-9 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-xxl-gs {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !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.375rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.75rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 1.875rem !important;
  }
  .mt-xxl-6 {
    margin-top: 3rem !important;
  }
  .mt-xxl-7 {
    margin-top: 3.75rem !important;
  }
  .mt-xxl-8 {
    margin-top: 5rem !important;
  }
  .mt-xxl-9 {
    margin-top: 7rem !important;
  }
  .mt-xxl-gs {
    margin-top: 1.875rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.375rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.75rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 1.875rem !important;
  }
  .me-xxl-6 {
    margin-right: 3rem !important;
  }
  .me-xxl-7 {
    margin-right: 3.75rem !important;
  }
  .me-xxl-8 {
    margin-right: 5rem !important;
  }
  .me-xxl-9 {
    margin-right: 7rem !important;
  }
  .me-xxl-gs {
    margin-right: 1.875rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.375rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.75rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 1.875rem !important;
  }
  .mb-xxl-6 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-7 {
    margin-bottom: 3.75rem !important;
  }
  .mb-xxl-8 {
    margin-bottom: 5rem !important;
  }
  .mb-xxl-9 {
    margin-bottom: 7rem !important;
  }
  .mb-xxl-gs {
    margin-bottom: 1.875rem !important;
  }
  .mb-xxl-40 {
    margin-bottom: 40px !important;
  }
  .mb-xxl-80 {
    margin-bottom: 80px !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.375rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.75rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 1.875rem !important;
  }
  .ms-xxl-6 {
    margin-left: 3rem !important;
  }
  .ms-xxl-7 {
    margin-left: 3.75rem !important;
  }
  .ms-xxl-8 {
    margin-left: 5rem !important;
  }
  .ms-xxl-9 {
    margin-left: 7rem !important;
  }
  .ms-xxl-gs {
    margin-left: 1.875rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .m-xxl-n1 {
    margin: -0.375rem !important;
  }
  .m-xxl-n2 {
    margin: -0.75rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -1.5rem !important;
  }
  .m-xxl-n5 {
    margin: -1.875rem !important;
  }
  .m-xxl-n6 {
    margin: -3rem !important;
  }
  .m-xxl-n7 {
    margin: -3.75rem !important;
  }
  .m-xxl-n8 {
    margin: -5rem !important;
  }
  .m-xxl-n9 {
    margin: -7rem !important;
  }
  .m-xxl-ngs {
    margin: -1.875rem !important;
  }
  .mx-xxl-n1 {
    margin-right: -0.375rem !important;
    margin-left: -0.375rem !important;
  }
  .mx-xxl-n2 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .mx-xxl-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-xxl-n5 {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }
  .mx-xxl-n6 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .mx-xxl-n7 {
    margin-right: -3.75rem !important;
    margin-left: -3.75rem !important;
  }
  .mx-xxl-n8 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .mx-xxl-n9 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .mx-xxl-ngs {
    margin-right: -1.875rem !important;
    margin-left: -1.875rem !important;
  }
  .my-xxl-n1 {
    margin-top: -0.375rem !important;
    margin-bottom: -0.375rem !important;
  }
  .my-xxl-n2 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .my-xxl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-xxl-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-xxl-n5 {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }
  .my-xxl-n6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-xxl-n7 {
    margin-top: -3.75rem !important;
    margin-bottom: -3.75rem !important;
  }
  .my-xxl-n8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .my-xxl-n9 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .my-xxl-ngs {
    margin-top: -1.875rem !important;
    margin-bottom: -1.875rem !important;
  }
  .mt-xxl-n1 {
    margin-top: -0.375rem !important;
  }
  .mt-xxl-n2 {
    margin-top: -0.75rem !important;
  }
  .mt-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-xxl-n5 {
    margin-top: -1.875rem !important;
  }
  .mt-xxl-n6 {
    margin-top: -3rem !important;
  }
  .mt-xxl-n7 {
    margin-top: -3.75rem !important;
  }
  .mt-xxl-n8 {
    margin-top: -5rem !important;
  }
  .mt-xxl-n9 {
    margin-top: -7rem !important;
  }
  .mt-xxl-ngs {
    margin-top: -1.875rem !important;
  }
  .me-xxl-n1 {
    margin-right: -0.375rem !important;
  }
  .me-xxl-n2 {
    margin-right: -0.75rem !important;
  }
  .me-xxl-n3 {
    margin-right: -1rem !important;
  }
  .me-xxl-n4 {
    margin-right: -1.5rem !important;
  }
  .me-xxl-n5 {
    margin-right: -1.875rem !important;
  }
  .me-xxl-n6 {
    margin-right: -3rem !important;
  }
  .me-xxl-n7 {
    margin-right: -3.75rem !important;
  }
  .me-xxl-n8 {
    margin-right: -5rem !important;
  }
  .me-xxl-n9 {
    margin-right: -7rem !important;
  }
  .me-xxl-ngs {
    margin-right: -1.875rem !important;
  }
  .mb-xxl-n1 {
    margin-bottom: -0.375rem !important;
  }
  .mb-xxl-n2 {
    margin-bottom: -0.75rem !important;
  }
  .mb-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-xxl-n5 {
    margin-bottom: -1.875rem !important;
  }
  .mb-xxl-n6 {
    margin-bottom: -3rem !important;
  }
  .mb-xxl-n7 {
    margin-bottom: -3.75rem !important;
  }
  .mb-xxl-n8 {
    margin-bottom: -5rem !important;
  }
  .mb-xxl-n9 {
    margin-bottom: -7rem !important;
  }
  .mb-xxl-ngs {
    margin-bottom: -1.875rem !important;
  }
  .ms-xxl-n1 {
    margin-left: -0.375rem !important;
  }
  .ms-xxl-n2 {
    margin-left: -0.75rem !important;
  }
  .ms-xxl-n3 {
    margin-left: -1rem !important;
  }
  .ms-xxl-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-xxl-n5 {
    margin-left: -1.875rem !important;
  }
  .ms-xxl-n6 {
    margin-left: -3rem !important;
  }
  .ms-xxl-n7 {
    margin-left: -3.75rem !important;
  }
  .ms-xxl-n8 {
    margin-left: -5rem !important;
  }
  .ms-xxl-n9 {
    margin-left: -7rem !important;
  }
  .ms-xxl-ngs {
    margin-left: -1.875rem !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.375rem !important;
  }
  .p-xxl-2 {
    padding: 0.75rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 1.875rem !important;
  }
  .p-xxl-6 {
    padding: 3rem !important;
  }
  .p-xxl-7 {
    padding: 3.75rem !important;
  }
  .p-xxl-8 {
    padding: 5rem !important;
  }
  .p-xxl-9 {
    padding: 7rem !important;
  }
  .p-xxl-gs {
    padding: 1.875rem !important;
  }
  .p-xxl-100 {
    padding: 100px !important;
  }
  .p-xxl-120 {
    padding: 120px !important;
  }
  .p-xxl-160 {
    padding: 160px !important;
  }
  .p-xxl-220 {
    padding: 220px !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !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: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .px-xxl-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-xxl-7 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .px-xxl-8 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-xxl-9 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .px-xxl-gs {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !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: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .py-xxl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xxl-7 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .py-xxl-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-xxl-9 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-xxl-gs {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .py-xxl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-xxl-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .py-xxl-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .py-xxl-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.375rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.75rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 1.875rem !important;
  }
  .pt-xxl-6 {
    padding-top: 3rem !important;
  }
  .pt-xxl-7 {
    padding-top: 3.75rem !important;
  }
  .pt-xxl-8 {
    padding-top: 5rem !important;
  }
  .pt-xxl-9 {
    padding-top: 7rem !important;
  }
  .pt-xxl-gs {
    padding-top: 1.875rem !important;
  }
  .pt-xxl-40 {
    padding-top: 40px !important;
  }
  .pt-xxl-100 {
    padding-top: 100px !important;
  }
  .pt-xxl-115 {
    padding-top: 115px !important;
  }
  .pt-xxl-120 {
    padding-top: 120px !important;
  }
  .pt-xxl-160 {
    padding-top: 160px !important;
  }
  .pt-xxl-180 {
    padding-top: 180px !important;
  }
  .pt-xxl-220 {
    padding-top: 220px !important;
  }
  .pt-xxl-320 {
    padding-top: 320px !important;
  }
  .pt-xxl-360 {
    padding-top: 360px !important;
  }
  .pt-xxl-400 {
    padding-top: 400px !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.375rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.75rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 1.875rem !important;
  }
  .pe-xxl-6 {
    padding-right: 3rem !important;
  }
  .pe-xxl-7 {
    padding-right: 3.75rem !important;
  }
  .pe-xxl-8 {
    padding-right: 5rem !important;
  }
  .pe-xxl-9 {
    padding-right: 7rem !important;
  }
  .pe-xxl-gs {
    padding-right: 1.875rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.375rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.75rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 1.875rem !important;
  }
  .pb-xxl-6 {
    padding-bottom: 3rem !important;
  }
  .pb-xxl-7 {
    padding-bottom: 3.75rem !important;
  }
  .pb-xxl-8 {
    padding-bottom: 5rem !important;
  }
  .pb-xxl-9 {
    padding-bottom: 7rem !important;
  }
  .pb-xxl-gs {
    padding-bottom: 1.875rem !important;
  }
  .pb-xxl-100 {
    padding-bottom: 100px !important;
  }
  .pb-xxl-115 {
    padding-bottom: 115px !important;
  }
  .pb-xxl-120 {
    padding-bottom: 120px !important;
  }
  .pb-xxl-160 {
    padding-bottom: 160px !important;
  }
  .pb-xxl-180 {
    padding-bottom: 180px !important;
  }
  .pb-xxl-200 {
    padding-bottom: 200px !important;
  }
  .pb-xxl-220 {
    padding-bottom: 220px !important;
  }
  .pb-xxl-260 {
    padding-bottom: 260px !important;
  }
  .pb-xxl-320 {
    padding-bottom: 320px !important;
  }
  .pb-xxl-400 {
    padding-bottom: 400px !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.375rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.75rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 1.875rem !important;
  }
  .ps-xxl-6 {
    padding-left: 3rem !important;
  }
  .ps-xxl-7 {
    padding-left: 3.75rem !important;
  }
  .ps-xxl-8 {
    padding-left: 5rem !important;
  }
  .ps-xxl-9 {
    padding-left: 7rem !important;
  }
  .ps-xxl-gs {
    padding-left: 1.875rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.375rem !important;
  }
  .gap-xxl-2 {
    gap: 0.75rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 1.875rem !important;
  }
  .gap-xxl-6 {
    gap: 3rem !important;
  }
  .gap-xxl-7 {
    gap: 3.75rem !important;
  }
  .gap-xxl-8 {
    gap: 5rem !important;
  }
  .gap-xxl-9 {
    gap: 7rem !important;
  }
  .gap-xxl-gs {
    gap: 1.875rem !important;
  }
  .gap-xxl-120 {
    gap: 120px !important;
  }
  .gap-xxl-180 {
    gap: 180px !important;
  }
  .gap-xxl-200 {
    gap: 200px !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.375rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.75rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 1.875rem !important;
  }
  .row-gap-xxl-6 {
    row-gap: 3rem !important;
  }
  .row-gap-xxl-7 {
    row-gap: 3.75rem !important;
  }
  .row-gap-xxl-8 {
    row-gap: 5rem !important;
  }
  .row-gap-xxl-9 {
    row-gap: 7rem !important;
  }
  .row-gap-xxl-gs {
    row-gap: 1.875rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.375rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.75rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 1.875rem !important;
  }
  .column-gap-xxl-6 {
    column-gap: 3rem !important;
  }
  .column-gap-xxl-7 {
    column-gap: 3.75rem !important;
  }
  .column-gap-xxl-8 {
    column-gap: 5rem !important;
  }
  .column-gap-xxl-9 {
    column-gap: 7rem !important;
  }
  .column-gap-xxl-gs {
    column-gap: 1.875rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !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 {
  align-items: center;
  line-height: 1.5rem;
  display: inline-flex;
  justify-content: center;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .btn-lg, .btn-group-lg > .btn {
    padding: 0.75rem 2.25rem;
  }
}
@media (min-width: 1200px) {
  .btn-lg, .btn-group-lg > .btn {
    padding: 0.75rem 3.5rem;
  }
}
.btn-primary:hover {
  background-color: #7375f2 !important;
}
.btn:hover, .btn:active {
  border-color: transparent;
}
.btn:hover:not([class*=btn-]) {
  color: #2b5cfd;
}
.btn .icon {
  font-size: 1.125rem;
}
.btn .icon + span,
.btn span + .icon {
  margin-left: 0.625rem;
}
.btn-outline-warning:hover {
  color: #fff;
}
.btn-light, .btn-outline-light {
  color: #0a1425;
}
.btn-link {
  display: inline-flex;
  align-items: center;
  color: #0a1425;
  font-size: 1rem;
  font-weight: 600;
}
.btn-link .icon + span,
.btn-link span + .icon {
  margin-left: 0.5rem;
}
.btn-icon {
  width: 2.5rem;
  height: 2.5rem;
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 0;
}
.btn-icon.btn-xs {
  width: 2rem;
  height: 2rem;
}
.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
  width: 2.5rem;
  height: 2.5rem;
}
.btn-icon.btn-md {
  width: 3rem;
  height: 3rem;
}
.btn-block {
  display: flex;
  width: 100%;
}
.btn-white {
  color: #0a1425;
}

.btn-zoom {
  position: relative;
  z-index: 1;
  color: #64728f;
  border-color: transparent !important;
}
.btn-zoom:focus {
  box-shadow: none;
}
.btn-zoom:before {
  position: absolute;
  z-index: -1;
  width: 1.25rem;
  height: 1.25rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  content: "";
  background-color: #faf9ff;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s ease;
}
.show > .btn-zoom:before {
  opacity: 1;
  height: 120%;
  width: 120%;
}
.btn-zoom:hover:before, .btn-zoom:focus:before, .btn-zoom.active:not(.revarse):before {
  opacity: 1;
  height: 120%;
  width: 120%;
}
.btn-zoom.active:hover:before {
  background-color: #faf9ff;
}
a:hover .btn-zoom:before {
  opacity: 1;
  height: 120%;
  width: 120%;
}

@media (min-width: 992px) {
  .btn-icon {
    width: 3.25rem;
    height: 3.25rem;
  }
}
.is-theme .card-title a:hover {
  color: #fff;
}
.is-theme .card-text {
  font-weight: 400;
}
.is-theme .btn-link {
  font-weight: 400;
  color: #fff;
}
.is-theme .brand img {
  filter: brightness(100);
}

.card {
  border: 0px solid transparent;
  background-color: #fff;
  border-radius: 1.5rem;
}
.card-body {
  padding: 20px;
}
.card-icon em {
  color: #2b5cfd;
}
.card-gutter-md {
  --bs-card-spacer-y: 2.125rem;
  --bs-card-spacer-x: 2.125rem;
}
.card-gutter-lg {
  --bs-card-spacer-y: 3.75rem;
  --bs-card-spacer-x: 3.75rem;
}
.card-title a {
  color: inherit;
}
.card-title a:hover {
  color: #2b5cfd;
}
.card-title-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-divider {
  border-top: 1px dashed #e5e7eb;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.card.has-shadow {
  border: 0;
  box-shadow: -4px -4px 36px rgba(192, 192, 192, 0.12), 4px 4px 36px rgba(192, 192, 192, 0.16);
}
.card-overlay::after {
  content: "";
  z-index: 5;
  top: 0;
  right: 12px;
  width: 11.75rem;
  height: 100%;
  position: absolute;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.card-overlay-bg-1, .card-overlay-bg-2, .card-overlay-bg-3, .card-overlay-bg-4 {
  z-index: 1;
  position: relative;
}
.card-overlay-bg-1::after, .card-overlay-bg-2::after, .card-overlay-bg-3::after, .card-overlay-bg-4::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
.card-overlay-bg-1::after {
  background-image: url("../../assets/images/mask/mask-circle-1.png");
}
.card-overlay-bg-2::after {
  background-image: url("../../assets/images/mask/mask-circle-2.png");
}
.card-overlay-bg-3::after {
  background-image: url("../../assets/images/mask/mask-circle-3.png");
}
.card-overlay-bg-4::after {
  z-index: -2;
  background-image: url("../../assets/images/mask/mask-bg-1.png");
}
.card-mask {
  z-index: 1;
  overflow: hidden;
  position: relative;
}
.card-mask-one {
  z-index: 1;
  overflow: hidden;
  position: relative;
}
.card-mask-one::before, .card-mask-one::after {
  content: "";
  z-index: -1;
  opacity: 0.2;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
.card-mask-one::before {
  top: 0;
  left: 0;
  width: 365px;
  height: 100%;
  background-image: url("../../assets/images/mask/mask-circle-4-a.png");
}
.card-mask-one::after {
  bottom: 0;
  right: -15px;
  width: 180px;
  height: 295px;
  background-image: url("../../assets/images/mask/mask-circle-4-b.png");
}
.card-mask-two {
  z-index: 1;
  overflow: hidden;
  position: relative;
}
.card-mask-two::before {
  content: "";
  z-index: -1;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
.card-mask-two::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background-image: url("../../assets/images/mask/mask-layer-1.png");
}
.card-list .card {
  margin-bottom: var(--bs-card-spacer-y);
}
.card-journey {
  position: relative;
  border-radius: 0.75rem;
}
.card-journey-content {
  padding: 1.5rem;
}
.card-journey-content .heading {
  gap: 16px;
  display: flex;
  align-items: center;
}
.card-journey-content .heading span:nth-child(1) {
  color: #0a1425;
  font-weight: bold;
  line-height: 2rem;
  font-size: 1.25rem;
  letter-spacing: -0.015em;
}
.card-journey-content .heading span:nth-child(2) {
  color: #2b5cfd;
  font-size: 0.875rem;
  line-height: 1.375rem;
  letter-spacing: 0.01em;
  text-transform: capitalize;
}
.card-journey-content blockquote {
  margin: 0px;
}
.card-journey-content blockquote p {
  font-size: 1rem;
  line-height: 1.5rem;
}
.card-pricing {
  overflow: hidden;
  padding: 1.875rem;
  border-radius: 1rem;
  background-color: #fff;
}
.card-pricing-heading {
  gap: 16px;
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #faf9ff;
}
.card-pricing-heading .icon {
  width: 62px;
  height: 62px;
  display: flex;
  overflow: hidden;
  align-items: center;
  border-radius: 0.5rem;
  justify-content: center;
  background-color: #0a1425;
}
.card-pricing-heading .info h3, .card-pricing-heading .info .h3 {
  margin: 0;
  color: #0a1425;
  font-weight: bold;
  line-height: 2rem;
  font-size: 1.25rem;
  letter-spacing: -0.015em;
  text-transform: capitalize;
}
.card-pricing-heading .info span {
  font-size: 1rem;
  color: #64728f;
  line-height: 1.5rem;
}
.card-pricing-content {
  gap: 1.5rem;
  display: flex;
  flex-direction: column;
}
.card-pricing-content .price-tag {
  color: #0a1425;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2.5rem;
}
.card-pricing-content .price-tag span {
  color: #64728f;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.card-pricing-info li {
  margin-bottom: 0.5rem;
}
.card-pricing-info li p {
  color: #0a1425;
  font-size: 1rem;
  line-height: 1.5rem;
  position: relative;
  padding-left: 1.25rem;
}
.card-pricing-info li p::before {
  content: "";
  left: 0px;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  background-color: #0a1425;
}
.card-pricing-info li p.mute {
  color: #64728f;
}
.card-pricing-info li p.mute::before {
  background-color: #64728f;
}
.card-tools {
  width: 100%;
  height: 100%;
  max-height: 20rem;
  position: relative;
  border-radius: 1rem;
  background-color: #fff;
}
.card-tools img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.team-card {
  position: relative;
}
.team-card-cover {
  border-radius: 1rem;
}
.team-card-cover img {
  width: 100%;
  border-radius: 1rem;
}
.team-card-details {
  gap: 8px;
  display: flex;
  padding: 1.5rem;
  position: relative;
  align-items: center;
  margin: -60px 24px 0;
  border-radius: 0.75rem;
  background-color: #fff;
  justify-content: space-between;
  box-shadow: 4px 4px 36px 0px rgba(192, 192, 192, 0.1607843137);
}
.team-card-details .info span {
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
}

.explore-card {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
  border: 1px solid #e5e7eb;
}
.explore-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tools-card {
  position: relative;
}
.tools-card-children {
  position: absolute;
}
.tools-card-2 .tools-card-children {
  right: 50px;
  bottom: 75px;
}

.card-blog .card-image {
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem;
}
.card-blog .card-image img {
  transform: scale(1);
  transition: all 0.2s linear;
}
.card-blog:hover .card-image img {
  transform: scale(1.1);
}

.card-shadow-yellow {
  box-shadow: 8px 7px 0px 3px rgb(88, 77, 39);
}
.card-shadow-cyan {
  box-shadow: 8px 7px 0px 3px rgb(27, 83, 79);
}
.card-shadow-purple {
  box-shadow: 8px 7px 0px 3px rgb(84, 44, 73);
}
.card-shadow-blue {
  box-shadow: 8px 7px 0px 3px rgb(43, 31, 118);
}
.card-platform {
  border: 4px solid #e1cbfd;
}
@media (min-width: 1200px) {
  .card-platform {
    border-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}

@media (min-width: 992px) {
  .card-tools {
    max-height: 25rem;
  }
  .team-card-details {
    padding: 2rem 1.5rem;
  }
}
@media (min-width: 768px) {
  .card-journey-content {
    padding: 1.875rem;
  }
  .card-pricing-heading {
    margin-bottom: 1.875rem;
  }
  .card-pricing-content {
    gap: 1.875rem;
  }
  .card-pricing-lg .card-pricing-heading {
    margin-bottom: 2.25rem;
  }
  .card-pricing-lg .card-pricing-heading .icon {
    width: 4.5rem;
    height: 4.5rem;
  }
  .card-pricing-lg .card-pricing-heading .info h3, .card-pricing-lg .card-pricing-heading .info .h3 {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .card-pricing-lg .card-pricing-heading .info span {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .card-pricing-lg .card-pricing-content .price-tag {
    color: #2b5cfd;
    font-size: 2.5rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
  .card-pricing-lg .card-pricing-content .price-tag span {
    line-height: 2rem;
    font-size: 1.25rem;
  }
  .card-pricing-lg .card-pricing-info li p {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (max-width: 991.98px) {
  .card-overlay::after {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .nk-brand img {
    width: auto;
    max-height: 24px;
  }
}
.badge {
  font-size: 0.875rem;
  line-height: 1.14;
  letter-spacing: 0.04em;
  background: none;
}
.badge-md {
  padding: 0.5rem 0.5rem;
}
.badge-text--sm {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.875rem;
}
.badge-feature {
  display: flex;
  width: 60px;
  height: 60px;
  overflow: hidden;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  background-color: #fff;
}
.badge-feature img {
  max-width: 45px;
  max-height: 45px;
  overflow: hidden;
  border-radius: 50%;
}

.nav-pills-s1 {
  background-color: #e5e7eb;
  display: inline-flex;
  border-radius: 2rem;
  border: 1px solid #e5e7eb;
  padding: 0.625rem;
}

.nav-tabs-s1 .nav {
  border-bottom-color: #e5e7eb;
  justify-content: space-between;
}
.nav-tabs-s1 .nav-item {
  width: 100%;
}
.nav-tabs-s1 .nav-link {
  border: 0;
  padding: 1rem 0;
  position: relative;
}
.nav-tabs-s1 .nav-link::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0a1425;
  opacity: 0;
  visibility: visible;
  transition: 0.2s;
  transform: scale(0.8);
}
.nav-tabs-s1 .nav-link.active {
  background-color: transparent;
}
.nav-tabs-s1 .nav-link.active::after {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.nav-tabs-s1 .media {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}
.nav-tabs-s1 .media-group {
  justify-content: center;
}
.nav-tabs-s1 .media + .media-text {
  margin-left: 0.625rem !important;
}
.nav-tabs-s1 .media .icon {
  font-size: 1rem;
}
.nav-tabs-s1 .media-text .title {
  font-size: 1rem;
}

@media (min-width: 576px) {
  .nav-tabs-s1 .nav-item {
    width: auto;
  }
}
@media (min-width: 992px) {
  .nav-tabs-s1 {
    border-bottom-color: #e5e7eb;
  }
  .nav-tabs-s1 .nav-link {
    padding: 1.5rem 0;
  }
}
@media (min-width: 1200px) {
  .nav-tabs-s1 .media {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .nav-tabs-s1 .media + .media-text {
    margin-left: 1.5rem !important;
  }
  .nav-tabs-s1 .media .icon {
    font-size: 2rem;
  }
  .nav-tabs-s1 .media-text .title {
    font-size: 1.25rem;
  }
}
.dropdown-header {
  font-weight: 500;
}
.dropdown-menu {
  box-shadow: 0 2px 12px -1px rgba(67, 71, 107, 0.2);
}

.accordion-s1 .accordion-item { 
  border-color: #faf9ff;
  border-radius: 0.5rem;
  padding: 2rem;
}
.accordion-s1 .accordion-item:not(:last-child) {
  margin-bottom: 1.5rem;
}
.accordion-s1 .accordion-item:not(:first-of-type) {
  border-top: 1px solid #faf9ff;
}
.accordion-s1 .accordion-item:not(.collapsed) .accordion-button-icon {
  transform: rotate(-180deg);
}
.accordion-s1 .accordion-button {
  color: #0a1425;
  box-shadow: none;
  font-size: inherit;
  font-weight: inherit;
  background-color: transparent;
  justify-content: space-between;
  padding: 0.25rem;
}
.accordion-s1 .accordion-button::after {
  display: none;
}
.accordion-s1 .accordion-button-icon {
  color: #2b5cfd;
  transition: 0.3s;
  font-size: 1.25rem;
}
.accordion-s1 .accordion-body {
  padding: 0.5rem 0.25rem 0 0.25rem;
  color: #64728f;
}
.accordion-s2 {
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.accordion-s2 .accordion-item {
  background-color: transparent;
  margin-bottom: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom-color: #e5e7eb;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.accordion-s2 .accordion-item:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion-s2 .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-s2 .accordion-button {
  background-color: transparent;
  box-shadow: none;
  font-size: inherit;
  font-weight: inherit;
  justify-content: space-between;
  padding: 0;
}
.accordion-s2 .accordion-button:not(.collapsed) {
  color: inherit;
}
.accordion-s2 .accordion-button:not(.collapsed) .on {
  display: none;
}
.accordion-s2 .accordion-button:not(.collapsed) .off {
  display: block;
}
.accordion-s2 .accordion-button::after {
  display: none;
}
.accordion-s2 .accordion-body {
  padding: 0.75rem 1.875rem 0 0;
  color: #64728f;
}
.accordion-s3 {
  border: 0px solid #e5e7eb;
  padding: 0px 1.875rem;
  border-radius: 0.5rem;
}
.accordion-s3 .accordion-item {
  background-color: transparent;
  margin-bottom: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom-color: #e5e7eb;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.accordion-s3 .accordion-item:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion-s3 .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-s3 .accordion-button {
  background-color: transparent;
  box-shadow: none;
  font-size: inherit;
  font-weight: inherit;
  justify-content: space-between;
  padding: 0;
}
.accordion-s3 .accordion-button:not(.collapsed) {
  color: inherit;
}
.accordion-s3 .accordion-button:not(.collapsed) .on {
  display: none;
}
.accordion-s3 .accordion-button:not(.collapsed) .off {
  display: block;
}
.accordion-s3 .accordion-button::after {
  display: none;
}
.accordion-s3 .accordion-body {
  padding: 0px;
  padding-top: 12px;
  color: #64728f;
}
@media (min-width: 992px) {
  .accordion-s3 .accordion-body {
    padding: 0.75rem 1.875rem 0 0;
  }
}

@media (max-width: 767.98px) {
  .accordion-s1 .accordion-item {
    padding: 1rem;
  }
}
@media (max-width: 575.98px) {
  .accordion-s1 .accordion-button span {
    font-size: 16px;
  }
}
.pagination-s1 .page-item.disabled {
  opacity: 0.5;
}
.pagination-s1 .page-item:not(:first-child) {
  padding-left: 8px;
}
.pagination-s1 .page-item:not(:first-child) .page-link {
  margin-left: 0;
}
.pagination-s1 .page-item:not(.active) .page-link:hover {
  background-color: #faf9ff;
  border-color: #faf9ff;
}
.pagination-s1 .page-item.active .page-link {
  color: #fff;
  background-color: #2b5cfd;
  border-color: #2b5cfd;
}
.pagination-s1 .page-link {
  display: inline-flex;
  align-items: center;
  border-radius: 0.5rem !important;
  padding: 0.375rem 0.938rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
  border-color: #e5e7eb;
  color: #0a1425;
  font-weight: 600;
}
.pagination-s1 .page-link .icon {
  font-size: 1.125rem;
}

@media (min-width: 576px) {
  .pagination-s1 .page-item:first-child .icon {
    margin-right: 4px;
  }
  .pagination-s1 .page-item:last-child .icon {
    margin-left: 4px;
  }
}
.breadcrumb .breadcrumb-item {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.12;
}
.breadcrumb-arrow .breadcrumb-item + .breadcrumb-item::before {
  content: "\e9d3";
  font-family: "Nioicon";
  padding-top: 1px;
}

.form-group .form-control-wrap input {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  background-color: transparent;
}
.form-group .form-control-wrap input::placeholder {
  font-weight: 500;
}
.form-group .form-control-wrap .icon {
  top: 50%;
  left: 12px;
  position: absolute;
  transform: translateY(-50%);
}

.form-check {
  /*display: flex;*/
  align-items: flex-start;
  flex-wrap: wrap;
}
.form-check-label {
  line-height: 1.4rem;
  padding-left: 0.5rem;
  font-size: 1rem;
  font-weight: 400;
}
.form-check-lg .form-check-label {
  line-height: 2rem;
  padding-left: 0.875rem;
  font-size: 1.125rem;
}
.form-check-lg .form-check-input {
  margin-top: 0.25rem;
  height: 1.5rem;
  width: 1.5rem;
}
.form-check-lg.form-switch .form-check-input {
  width: 3rem;
}
.form-check-xl .form-check-label {
  line-height: 2.25rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}
.form-check-xl .form-check-input {
  margin-top: 0rem;
  height: 2.25rem;
  width: 2.25rem;
}
.form-check-xl.form-switch .form-check-input {
  width: 4.375rem;
}

.form-control-wrap {
  position: relative;
}
.form-control.has-bg {
  background-color: #f7f8f9;
}
.form-control-icon {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 100%;
  color: #64728f;
}
.form-control-icon.start + .form-control {
  padding-left: 2.5rem;
}
.form-control-icon.end {
  left: auto;
  right: 16px;
}
.form-control-icon.end + .form-control {
  padding-right: 2.5rem;
}

textarea.form-control {
  min-height: 210px;
}

.form-label {
  color: #0a1425;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  font-weight: 600;
}
.form-label-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.form-label-group .form-label {
  margin-bottom: 0;
}

body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
  transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
  transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
  transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
  transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
  transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
  transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
  transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
  transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
  transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
  transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
  transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
  transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
  transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
  transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
  transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
  transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
  transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
  transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
  transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
  transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
  transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
  transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
  transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
  transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
  transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
  transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
  transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
  transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
  transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
  transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
  transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
  transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
  transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
  transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
  transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
  transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
  transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
  transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
  transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
  transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
  transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
  transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
  transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
  transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
  transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
  transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
  transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
  transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
  transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
  transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
  transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
  transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
  transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
  transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
  transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
  transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
  transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
  transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
  transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
  transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
  transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
  transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
  transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
  transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
  transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
  transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
  transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
  transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
  transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
  transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
  transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
  transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
  transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
  transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
  transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
  transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
  transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
  transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
  transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
  transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
  transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
  transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
  transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
  transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
  transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
  transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
  transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
  transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
  transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
  transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
  transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
  transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
  transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
  transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
  transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
  transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
  transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
  transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
  transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
  transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
  transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
  transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
  transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
  transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
  transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
  transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
  transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
  transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
  transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
  transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
  transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
  transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
  transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
  transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
  transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
  transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
  transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
  transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
  transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
  transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
  transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
  transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
  transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
  transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
  transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
  transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
  transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
  transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
  transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
  transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
  transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
  transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
  transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
  transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
  transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
  transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
  transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
  transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
  transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
  transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
  transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
  transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
  transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
  transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
  transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
  transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
  transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
  transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
  transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
  transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
  transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
  transition-delay: 3000ms;
}

body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

.code-toolbar {
  border-top: 1px solid #e5e7eb;
}
.code-preview {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.code-preview::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.code-preview::-webkit-scrollbar-track {
  border-radius: 6px;
}
.code-preview::-webkit-scrollbar-thumb {
  background: #dddddd;
  border-radius: 6px;
}
.code-preview::-webkit-scrollbar-thumb:hover {
  background: #bdbcbc;
}

.border-utils [class*=border] {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  margin: 0.25rem;
  background-color: #fbfbfb;
}

.rounded-utils [class*=rounded] {
  display: inline-block;
  width: 75px;
  height: 75px;
  margin: 0.25rem;
}

.rounded-utils .rounded-pill {
  width: 120px;
}

.border-utils-0 [class*=border] {
  border: 1px solid #888;
}

.card .code-preview {
  border-radius: 0.5rem;
  margin-bottom: 0 !important;
  max-height: 100px;
  padding-top: 0;
  overflow-x: hidden;
}

@font-face {
  font-family: "Nioicon";
  src: url("../fonts/Nioicon.eot");
  src: url("../fonts/Nioicon.eot#iefix") format("embedded-opentype"), url("../fonts/Nioicon.ttf") format("truetype"), url("../fonts/Nioicon.woff") format("woff"), url("../fonts/Nioicon.svg#Nioicon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ni {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Nioicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ni-bugs-alt-fill:before {
  content: "\ecf9";
}

.ni-bugs-alt:before {
  content: "\ecfa";
}

.ni-bulb-alt-fill:before {
  content: "\ecfb";
}

.ni-bulb-alt:before {
  content: "\ecfc";
}

 
.ni-chat-msg-fill:before {
  content: "\ecfd";
}

.ni-chat-msg:before {
  content: "\ecfe";
}

.ni-diamond-fill:before {
  content: "\ecff";
}

.ni-diamond:before {
  content: "\ed00";
}

.ni-file-code-fill:before {
  content: "\ed01";
}

.ni-google-play-store-alt:before {
  content: "\ed02";
}

.ni-laptop-fill:before {
  content: "\ed03";
}

.ni-mail-alt:before {
  content: "\ed04";
}

.ni-newspaper-fill:before {
  content: "\ed05";
}

.ni-newspaper:before {
  content: "\ed06";
}

.ni-pie-2-fill:before {
  content: "\ed07";
}

.ni-pie-2:before {
  content: "\ed08";
}

.ni-presentation-fill:before {
  content: "\ed09";
}

.ni-presentation:before {
  content: "\ed0a";
}

.ni-projector-screen-fill:before {
  content: "\ed0b";
}

.ni-projector-screen:before {
  content: "\ed0c";
}

.ni-quote-sq-left-fill:before {
  content: "\ed0d";
}

.ni-quote-sq-left:before {
  content: "\ed0e";
}

.ni-quote-sq-right-fill:before {
  content: "\ed0f";
}

.ni-quote-sq-right:before {
  content: "\ed10";
}

.ni-send-fill:before {
  content: "\ed11";
}

.ni-setting-question-fill:before {
  content: "\ed12";
}

.ni-setting-question:before {
  content: "\ed13";
}

.ni-support-fill:before {
  content: "\ed14";
}

.ni-support:before {
  content: "\ed15";
}

.ni-traffic-signal-fill:before {
  content: "\ed16";
}

.ni-traffic-signal:before {
  content: "\ed17";
}

.ni-tree-structure-fill:before {
  content: "\ed18";
}

.ni-tree-structure:before {
  content: "\ed19";
}

.ni-trophy-fill:before {
  content: "\ed1a";
}

.ni-trophy:before {
  content: "\ed1b";
}

.ni-user-group-fill:before {
  content: "\ed1c";
}

.ni-user-group:before {
  content: "\ed1d";
}

.ni-user-switch-fill:before {
  content: "\ed1e";
}

.ni-user-switch:before {
  content: "\ed1f";
}

.ni-nioboard:before {
  content: "\ecf2";
}

.ni-graphql:before {
  content: "\ecf3";
}

.ni-node-js:before {
  content: "\ecf4";
}

.ni-node:before {
  content: "\ecf5";
}

.ni-svelte:before {
  content: "\ecf6";
}

.ni-typescript:before {
  content: "\ecf7";
}

.ni-vue:before {
  content: "\ecf8";
}

.ni-centos:before {
  content: "\ece6";
}

.ni-covid:before {
  content: "\ece7";
}

.ni-fedora:before {
  content: "\ece8";
}

.ni-hot-fill:before {
  content: "\ece9";
}

.ni-hot:before {
  content: "\ecea";
}

.ni-linux-server:before {
  content: "\eceb";
}

.ni-linux:before {
  content: "\ecec";
}

.ni-note-add-fill:before {
  content: "\eced";
}

.ni-repeat-fill:before {
  content: "\ecee";
}

.ni-tranx-fill:before {
  content: "\ecef";
}

.ni-ubuntu:before {
  content: "\ecf0";
}

.ni-virus:before {
  content: "\ecf1";
}

.ni-b-chrome:before {
  content: "\ec63";
}

.ni-b-edge:before {
  content: "\ec64";
}

.ni-b-firefox:before {
  content: "\ec94";
}

.ni-b-ie:before {
  content: "\ec95";
}

.ni-b-opera:before {
  content: "\ec96";
}

.ni-b-safari:before {
  content: "\ec97";
}

.ni-b-si:before {
  content: "\ec98";
}

.ni-b-uc:before {
  content: "\ec99";
}

.ni-brick-fill:before {
  content: "\ec9a";
}

.ni-brick:before {
  content: "\ec9b";
}

.ni-col-3s:before {
  content: "\ec9c";
}

.ni-col-4s:before {
  content: "\ec9d";
}

.ni-col-2s:before {
  content: "\ec9e";
}

.ni-comments:before {
  content: "\ec9f";
}

.ni-dot-sq:before {
  content: "\eca0";
}

.ni-dot:before {
  content: "\eca1";
}

.ni-footer:before {
  content: "\eca2";
}

.ni-header:before {
  content: "\eca3";
}

.ni-heading:before {
  content: "\eca4";
}

.ni-layout-alt-fill:before {
  content: "\eca5";
}

.ni-layout-alt:before {
  content: "\eca6";
}

.ni-layout-fill1:before {
  content: "\eca7";
}

.ni-layout1:before {
  content: "\eca8";
}

.ni-list-index-fill:before {
  content: "\eca9";
}

.ni-list-index:before {
  content: "\ecaa";
}

.ni-list-thumb-alt-fill:before {
  content: "\ecab";
}

.ni-list-thumb-alt:before {
  content: "\ecac";
}

.ni-list-thumb-fill:before {
  content: "\ecad";
}

.ni-list-thumb:before {
  content: "\ecae";
}

.ni-masonry-fill:before {
  content: "\ecaf";
}

.ni-masonry:before {
  content: "\ecb0";
}

.ni-menu-circled:before {
  content: "\ecb1";
}

.ni-menu-squared:before {
  content: "\ecb2";
}

.ni-notice:before {
  content: "\ecb3";
}

.ni-pen2:before {
  content: "\ecb4";
}

.ni-propert-blank:before {
  content: "\ecb5";
}

.ni-property-add:before {
  content: "\ecb6";
}

.ni-property-alt:before {
  content: "\ecb7";
}

.ni-property-remove:before {
  content: "\ecb8";
}

.ni-property:before {
  content: "\ecb9";
}

.ni-puzzle-fill:before {
  content: "\ecba";
}

.ni-puzzle:before {
  content: "\ecbb";
}

.ni-quote-left:before {
  content: "\ecbc";
}

.ni-quote-right:before {
  content: "\ecbd";
}

.ni-row-mix:before {
  content: "\ecbe";
}

.ni-row-view1:before {
  content: "\ecbf";
}

.ni-sidebar-r:before {
  content: "\ecc0";
}

.ni-text2:before {
  content: "\ecc1";
}

.ni-tile-thumb-fill:before {
  content: "\ecc2";
}

.ni-tile-thumb:before {
  content: "\ecc3";
}

.ni-view-col-fill:before {
  content: "\ecc4";
}

.ni-view-col-sq:before {
  content: "\ecc5";
}

.ni-view-col:before {
  content: "\ecc6";
}

.ni-view-col2:before {
  content: "\ecc7";
}

.ni-view-col3:before {
  content: "\ecc8";
}

.ni-view-cols-fill:before {
  content: "\ecc9";
}

.ni-view-cols-sq:before {
  content: "\ecca";
}

.ni-view-cols:before {
  content: "\eccb";
}

.ni-view-grid-fill:before {
  content: "\eccc";
}

.ni-view-grid-sq:before {
  content: "\eccd";
}

.ni-view-grid-wd:before {
  content: "\ecce";
}

.ni-view-grid:before {
  content: "\eccf";
}

.ni-view-grid2-wd:before {
  content: "\ecd0";
}

.ni-view-grid3-wd:before {
  content: "\ecd1";
}

.ni-view-group-fill:before {
  content: "\ecd2";
}

.ni-view-group-wd:before {
  content: "\ecd3";
}

.ni-view-list-fill:before {
  content: "\ecd4";
}

.ni-view-list-sq:before {
  content: "\ecd5";
}

.ni-view-list-wd:before {
  content: "\ecd6";
}

.ni-view-list:before {
  content: "\ecd7";
}

.ni-view-panel-fill:before {
  content: "\ecd8";
}

.ni-view-panel-sq:before {
  content: "\ecd9";
}

.ni-view-panel:before {
  content: "\ecda";
}

.ni-view-row-fill:before {
  content: "\ecdb";
}

.ni-view-row-sq:before {
  content: "\ecdc";
}

.ni-view-row-wd:before {
  content: "\ecdd";
}

.ni-view-row:before {
  content: "\ecde";
}

.ni-view-x1:before {
  content: "\ecdf";
}

.ni-view-x2:before {
  content: "\ece0";
}

.ni-view-x3:before {
  content: "\ece1";
}

.ni-view-x4:before {
  content: "\ece2";
}

.ni-view-x5:before {
  content: "\ece3";
}

.ni-view-x6:before {
  content: "\ece4";
}

.ni-view-x7:before {
  content: "\ece5";
}

.ni-dashlite:before {
  content: "\eb91";
}

.ni-dashlite-circle:before {
  content: "\ec56";
}

.ni-dashlite-alt:before {
  content: "\ec57";
}

.ni-master-card:before {
  content: "\ec58";
}

.ni-paypal:before {
  content: "\ec59";
}

.ni-visa-alt:before {
  content: "\ec5a";
}

.ni-coin-eur:before {
  content: "\ec5b";
}

.ni-coin-gbp:before {
  content: "\ec5c";
}

.ni-sign-ada-alt:before {
  content: "\ec5d";
}

.ni-sign-bch-alt:before {
  content: "\ec5e";
}

.ni-sign-bgp-alt:before {
  content: "\ec5f";
}

.ni-sign-bnb-alt:before {
  content: "\ec60";
}

.ni-sign-brl-alt:before {
  content: "\ec61";
}

.ni-sign-btc-alt:before {
  content: "\ec62";
}

.ni-sign-cc-alt:before {
  content: "\ec65";
}

.ni-sign-cc-alt2:before {
  content: "\ec66";
}

.ni-sign-chf-alt:before {
  content: "\ec67";
}

.ni-sign-cny-alt:before {
  content: "\ec68";
}

.ni-sign-czk-alt:before {
  content: "\ec69";
}

.ni-sign-dash-alt:before {
  content: "\ec6a";
}

.ni-sign-dkk-alt:before {
  content: "\ec6b";
}

.ni-sign-eos-alt:before {
  content: "\ec6c";
}

.ni-sign-eth-alt:before {
  content: "\ec6d";
}

.ni-sign-eur-alt2:before {
  content: "\ec6e";
}

.ni-sign-euro-alt:before {
  content: "\ec6f";
}

.ni-sign-gbp-alt2:before {
  content: "\ec70";
}

.ni-sign-hkd-alt:before {
  content: "\ec71";
}

.ni-sign-idr-alt:before {
  content: "\ec72";
}

.ni-sign-inr-alt:before {
  content: "\ec73";
}

.ni-sign-jpy-alt:before {
  content: "\ec74";
}

.ni-sign-kr-alt:before {
  content: "\ec75";
}

.ni-sign-ltc-alt:before {
  content: "\ec76";
}

.ni-sign-ltc:before {
  content: "\ec77";
}

.ni-sign-mxn-alt:before {
  content: "\ec78";
}

.ni-sign-mxr-alt:before {
  content: "\ec79";
}

.ni-sign-myr-alt:before {
  content: "\ec7a";
}

.ni-sign-paypal-alt:before {
  content: "\ec7b";
}

.ni-sign-paypal-full:before {
  content: "\ec7c";
}

.ni-sign-php-alt:before {
  content: "\ec7d";
}

.ni-sign-pln-alt:before {
  content: "\ec7e";
}

.ni-sign-rub-alt:before {
  content: "\ec7f";
}

.ni-sign-sek-alt:before {
  content: "\ec80";
}

.ni-sign-sgd-alt:before {
  content: "\ec81";
}

.ni-sign-kobo-alt:before {
  content: "\ec82";
}

.ni-sign-steem-alt:before {
  content: "\ec83";
}

.ni-sign-steller-alt:before {
  content: "\ec84";
}

.ni-sign-stripe-fulll:before {
  content: "\ec85";
}

.ni-sign-thb-alt:before {
  content: "\ec86";
}

.ni-sign-trx-alt:before {
  content: "\ec87";
}

.ni-sign-try-alt:before {
  content: "\ec88";
}

.ni-sign-usd-alt:before {
  content: "\ec89";
}

.ni-sign-usd-alt2:before {
  content: "\ec8a";
}

.ni-sign-usdc-alt:before {
  content: "\ec8b";
}

.ni-sign-usdt-alt:before {
  content: "\ec8c";
}

.ni-sign-visa-alt:before {
  content: "\ec8d";
}

.ni-sign-vnd-alt:before {
  content: "\ec8e";
}

.ni-sign-waves-alt:before {
  content: "\ec8f";
}

.ni-sign-xem-alt:before {
  content: "\ec90";
}

.ni-sign-xrp-new-alt:before {
  content: "\ec91";
}

.ni-sign-xrp-old-alt:before {
  content: "\ec92";
}

.ni-sign-zcash-alt:before {
  content: "\ec93";
}

.ni-chevron-left:before {
  content: "\e9cc";
}

.ni-chevron-right:before {
  content: "\e9d3";
}

.ni-chevron-up:before {
  content: "\e9da";
}

.ni-chevron-down:before {
  content: "\e9c5";
}

.ni-chevron-left-round:before {
  content: "\e9cb";
}

.ni-chevron-right-round:before {
  content: "\e9d2";
}

.ni-chevron-up-round:before {
  content: "\e9d9";
}

.ni-chevron-down-round:before {
  content: "\e9c4";
}

.ni-chevron-left-round-fill:before {
  content: "\e9ca";
}

.ni-chevron-right-round-fill:before {
  content: "\e9d1";
}

.ni-chevron-up-round-fill:before {
  content: "\e9d8";
}

.ni-chevron-down-round-fill:before {
  content: "\e9c3";
}

.ni-chevron-left-c:before {
  content: "\e9c6";
}

.ni-chevron-right-c:before {
  content: "\e9cd";
}

.ni-chevron-up-c:before {
  content: "\e9d4";
}

.ni-chevron-down-c:before {
  content: "\e9bf";
}

.ni-chevron-left-fill-c:before {
  content: "\e9c9";
}

.ni-chevron-right-fill-c:before {
  content: "\e9d0";
}

.ni-chevron-up-fill-c:before {
  content: "\e9d7";
}

.ni-chevron-down-fill-c:before {
  content: "\e9c2";
}

.ni-chevron-left-circle:before {
  content: "\e9c8";
}

.ni-chevron-right-circle:before {
  content: "\e9cf";
}

.ni-chevron-up-circle:before {
  content: "\e9d6";
}

.ni-chevron-down-circle:before {
  content: "\e9c1";
}

.ni-chevron-left-circle-fill:before {
  content: "\e9c7";
}

.ni-chevron-right-circle-fill:before {
  content: "\e9ce";
}

.ni-chevron-up-circle-fill:before {
  content: "\e9d5";
}

.ni-chevron-down-circle-fill:before {
  content: "\e9c0";
}

.ni-caret-left:before {
  content: "\e99b";
}

.ni-caret-right:before {
  content: "\e99d";
}

.ni-caret-up:before {
  content: "\e99f";
}

.ni-caret-down:before {
  content: "\e999";
}

.ni-caret-left-fill:before {
  content: "\e99a";
}

.ni-caret-right-fill:before {
  content: "\e99c";
}

.ni-caret-up-fill:before {
  content: "\e99e";
}

.ni-caret-down-fill:before {
  content: "\e998";
}

.ni-sort:before {
  content: "\ebbf";
}

.ni-sort-up:before {
  content: "\ebbd";
}

.ni-sort-down:before {
  content: "\ebb9";
}

.ni-sort-fill:before {
  content: "\ebba";
}

.ni-sort-up-fill:before {
  content: "\ebbc";
}

.ni-sort-down-fill:before {
  content: "\ebb8";
}

.ni-sort-v:before {
  content: "\ebbe";
}

.ni-swap-v:before {
  content: "\ebdc";
}

.ni-swap:before {
  content: "\ebdd";
}

.ni-arrow-left-round:before {
  content: "\e937";
}

.ni-arrow-right-round:before {
  content: "\e942";
}

.ni-arrow-up-round:before {
  content: "\e94f";
}

.ni-arrow-down-round:before {
  content: "\e92c";
}

.ni-arrow-left-round-fill:before {
  content: "\e936";
}

.ni-arrow-right-round-fill:before {
  content: "\e941";
}

.ni-arrow-up-round-fill:before {
  content: "\e94e";
}

.ni-arrow-down-round-fill:before {
  content: "\e92b";
}

.ni-arrow-left-c:before {
  content: "\e932";
}

.ni-arrow-right-c:before {
  content: "\e93d";
}

.ni-arrow-up-c:before {
  content: "\e948";
}

.ni-arrow-down-c:before {
  content: "\e925";
}

.ni-arrow-left-fill-c:before {
  content: "\e935";
}

.ni-arrow-right-fill-c:before {
  content: "\e940";
}

.ni-arrow-up-fill-c:before {
  content: "\e94b";
}

.ni-arrow-down-fill-c:before {
  content: "\e928";
}

.ni-arrow-left-circle:before {
  content: "\e934";
}

.ni-arrow-right-circle:before {
  content: "\e93f";
}

.ni-arrow-up-circle:before {
  content: "\e94a";
}

.ni-arrow-down-circle:before {
  content: "\e927";
}

.ni-arrow-left-circle-fill:before {
  content: "\e933";
}

.ni-arrow-up-circle-fill:before {
  content: "\e949";
}

.ni-arrow-down-circle-fill:before {
  content: "\e926";
}

.ni-arrow-right-circle-fill:before {
  content: "\e93e";
}

.ni-chevrons-left:before {
  content: "\e9dc";
}

.ni-chevrons-right:before {
  content: "\e9dd";
}

.ni-chevrons-up:before {
  content: "\e9de";
}

.ni-chevrons-down:before {
  content: "\e9db";
}

.ni-first:before {
  content: "\ea59";
}

.ni-last:before {
  content: "\eab8";
}

.ni-back-ios:before {
  content: "\e958";
}

.ni-forward-ios:before {
  content: "\ea6d";
}

.ni-upword-ios:before {
  content: "\ec20";
}

.ni-downward-ios:before {
  content: "\ea23";
}

.ni-back-alt:before {
  content: "\e955";
}

.ni-forward-alt:before {
  content: "\ea69";
}

.ni-upword-alt:before {
  content: "\ec1f";
}

.ni-downward-alt:before {
  content: "\ea22";
}

.ni-back-alt-fill:before {
  content: "\e954";
}

.ni-forward-alt-fill:before {
  content: "\ea68";
}

.ni-upword-alt-fill:before {
  content: "\ec1e";
}

.ni-downward-alt-fill:before {
  content: "\ea21";
}

.ni-arrow-long-left:before {
  content: "\e93a";
}

.ni-arrow-long-right:before {
  content: "\e93b";
}

.ni-arrow-long-up:before {
  content: "\e93c";
}

.ni-arrow-long-down:before {
  content: "\e939";
}

.ni-arrow-left:before {
  content: "\e938";
}

.ni-arrow-right:before {
  content: "\e943";
}

.ni-arrow-up:before {
  content: "\e950";
}

.ni-arrow-down:before {
  content: "\e92d";
}

.ni-arrow-up-left:before {
  content: "\e94c";
}

.ni-arrow-up-right:before {
  content: "\e94d";
}

.ni-arrow-down-left:before {
  content: "\e929";
}

.ni-arrow-down-right:before {
  content: "\e92a";
}

.ni-arrow-to-left:before {
  content: "\e945";
}

.ni-arrow-to-right:before {
  content: "\e946";
}

.ni-arrow-to-up:before {
  content: "\e947";
}

.ni-arrow-to-down:before {
  content: "\e944";
}

.ni-arrow-from-left:before {
  content: "\e92f";
}

.ni-arrow-from-right:before {
  content: "\e930";
}

.ni-arrow-from-up:before {
  content: "\e931";
}

.ni-arrow-from-down:before {
  content: "\e92e";
}

.ni-curve-down-left:before {
  content: "\ea0b";
}

.ni-curve-up-right:before {
  content: "\ea12";
}

.ni-curve-up-left:before {
  content: "\ea11";
}

.ni-curve-down-right:before {
  content: "\ea0c";
}

.ni-curve-left-up:before {
  content: "\ea0e";
}

.ni-curve-right-up:before {
  content: "\ea10";
}

.ni-curve-left-down:before {
  content: "\ea0d";
}

.ni-curve-right-down:before {
  content: "\ea0f";
}

.ni-back-arrow:before {
  content: "\e957";
}

.ni-forward-arrow:before {
  content: "\ea6b";
}

.ni-back-arrow-fill:before {
  content: "\e956";
}

.ni-forward-arrow-fill:before {
  content: "\ea6a";
}

.ni-navigate:before {
  content: "\eb0f";
}

.ni-navigate-up:before {
  content: "\eb0e";
}

.ni-navigate-fill:before {
  content: "\eb0c";
}

.ni-navigate-up-fill:before {
  content: "\eb0d";
}

.ni-send:before {
  content: "\eb6f";
}

.ni-send-alt:before {
  content: "\eb6e";
}

.ni-unfold-less:before {
  content: "\ec15";
}

.ni-unfold-more:before {
  content: "\ec16";
}

.ni-exchange-v:before {
  content: "\ea32";
}

.ni-exchange:before {
  content: "\ea33";
}

.ni-expand:before {
  content: "\ea34";
}

.ni-shrink:before {
  content: "\eb83";
}

.ni-focus:before {
  content: "\ea5e";
}

.ni-maximize:before {
  content: "\eadf";
}

.ni-minimize:before {
  content: "\eaf2";
}

.ni-maximize-alt:before {
  content: "\eade";
}

.ni-minimize-alt:before {
  content: "\eaf1";
}

.ni-shuffle:before {
  content: "\eb84";
}

.ni-cross-sm:before {
  content: "\ea05";
}

.ni-cross:before {
  content: "\ea06";
}

.ni-cross-round:before {
  content: "\ea04";
}

.ni-cross-circle:before {
  content: "\ea01";
}

.ni-cross-c:before {
  content: "\e9ff";
}

.ni-cross-round-fill:before {
  content: "\ea03";
}

.ni-cross-circle-fill:before {
  content: "\ea00";
}

.ni-cross-fill-c:before {
  content: "\ea02";
}

.ni-na:before {
  content: "\eb0b";
}

.ni-check:before {
  content: "\e9be";
}

.ni-check-thick:before {
  content: "\e9bd";
}

.ni-done:before {
  content: "\ea1c";
}

.ni-check-round:before {
  content: "\e9bc";
}

.ni-check-circle:before {
  content: "\e9b8";
}

.ni-check-c:before {
  content: "\e9b5";
}

.ni-check-round-fill:before {
  content: "\e9bb";
}

.ni-check-circle-fill:before {
  content: "\e9b7";
}

.ni-check-fill-c:before {
  content: "\e9b9";
}

.ni-check-circle-cut:before {
  content: "\e9b6";
}

.ni-check-round-cut:before {
  content: "\e9ba";
}

.ni-bullet:before {
  content: "\e981";
}

.ni-circle:before {
  content: "\e9e0";
}

.ni-square:before {
  content: "\ebca";
}

.ni-square-c:before {
  content: "\ebc7";
}

.ni-bullet-fill:before {
  content: "\e980";
}

.ni-circle-fill:before {
  content: "\e9df";
}

.ni-square-fill:before {
  content: "\ebc9";
}

.ni-square-fill-c:before {
  content: "\ebc8";
}

.ni-plus-sm:before {
  content: "\eb43";
}

.ni-minus-sm:before {
  content: "\eaf9";
}

.ni-plus:before {
  content: "\eb44";
}

.ni-minus:before {
  content: "\eafa";
}

.ni-plus-round:before {
  content: "\eb42";
}

.ni-minus-round:before {
  content: "\eaf8";
}

.ni-plus-circle:before {
  content: "\eb3d";
}

.ni-minus-circle:before {
  content: "\eaf5";
}

.ni-plus-c:before {
  content: "\eb3b";
}

.ni-minus-c:before {
  content: "\eaf3";
}

.ni-plus-round-fill:before {
  content: "\eb41";
}

.ni-plus-circle-fill:before {
  content: "\eb3c";
}

.ni-minus-round-fill:before {
  content: "\eaf7";
}

.ni-minus-circle-fill:before {
  content: "\eaf4";
}

.ni-plus-fill-c:before {
  content: "\eb3e";
}

.ni-minus-fill-c:before {
  content: "\eaf6";
}

.ni-plus-medi:before {
  content: "\eb40";
}

.ni-plus-medi-fill:before {
  content: "\eb3f";
}

.ni-equal-sm:before {
  content: "\ea30";
}

.ni-equal:before {
  content: "\ea31";
}

.ni-calc:before {
  content: "\e982";
}

.ni-search:before {
  content: "\eb6c";
}

.ni-zoom-out:before {
  content: "\ec55";
}

.ni-zoom-in:before {
  content: "\ec54";
}

.ni-play:before {
  content: "\eb3a";
}

.ni-play-fill:before {
  content: "\eb39";
}

.ni-play-circle:before {
  content: "\eb38";
}

.ni-play-circle-fill:before {
  content: "\eb37";
}

.ni-pause:before {
  content: "\eb26";
}

.ni-pause-fill:before {
  content: "\eb25";
}

.ni-pause-circle:before {
  content: "\eb24";
}

.ni-pause-circle-fill:before {
  content: "\eb23";
}

.ni-stop:before {
  content: "\ebd6";
}

.ni-stop-fill:before {
  content: "\ebd5";
}

.ni-stop-circle:before {
  content: "\ebd4";
}

.ni-stop-circle-fill:before {
  content: "\ebd3";
}

.ni-rewind:before {
  content: "\eb62";
}

.ni-forward:before {
  content: "\ea6e";
}

.ni-rewind-fill:before {
  content: "\eb61";
}

.ni-forward-fill:before {
  content: "\ea6c";
}

.ni-step-back:before {
  content: "\ebd1";
}

.ni-step-forward:before {
  content: "\ebd2";
}

.ni-vol-off:before {
  content: "\ec40";
}

.ni-vol-no:before {
  content: "\ec3f";
}

.ni-vol-half:before {
  content: "\ec3e";
}

.ni-vol:before {
  content: "\ec41";
}

.ni-mic:before, .ni-audio:before {
  content: "\eaef";
}

.ni-mic-off:before {
  content: "\eaee";
}

.ni-video:before , .ni-media:before {
  content: "\ec39";
}

.ni-video-off:before {
  content: "\ec38";
}

.ni-video-fill:before {
  content: "\ec37";
}

.ni-loader:before {
  content: "\ead2";
}

.ni-power:before {
  content: "\eb47";
}

.ni-signout:before {
  content: "\ebb2";
}

.ni-signin:before {
  content: "\ebb1";
}

.ni-upload:before {
  content: "\ec1d";
}

.ni-download:before {
  content: "\ea20";
}

.ni-alert-circle:before {
  content: "\e90d";
}

.ni-alert:before {
  content: "\e910";
}

.ni-caution:before {
  content: "\e9a3";
}

.ni-report:before {
  content: "\eb5e";
}

.ni-alert-c:before {
  content: "\e90b";
}

.ni-alert-circle-fill:before {
  content: "\e90c";
}

.ni-alert-fill:before {
  content: "\e90f";
}

.ni-caution-fill:before {
  content: "\e9a2";
}

.ni-report-fill:before {
  content: "\eb5c";
}

.ni-alert-fill-c:before {
  content: "\e90e";
}

.ni-info-i:before {
  content: "\eaa8";
}

.ni-info:before,.ni-appinfo:before {
  content: "\eaa9";
}

.ni-info-fill:before {
  content: "\eaa7";
}

.ni-help:before {
  content: "\ea98";
}

.ni-help-fill:before {
  content: "\ea97";
}

.ni-archived:before {
  content: "\e924";
}

.ni-archive:before {
  content: "\e922";
}

.ni-unarchive:before {
  content: "\ec12";
}

.ni-archived-fill:before {
  content: "\e923";
}

.ni-archive-fill:before {
  content: "\e921";
}

.ni-unarchive-fill:before {
  content: "\ec11";
}

.ni-bag:before {
  content: "\e95a";
}

.ni-bag-fill:before {
  content: "\e959";
}

.ni-bell:before {
  content: "\e965";
}

.ni-bell-off:before {
  content: "\e964";
}

.ni-bell-fill:before {
  content: "\e962";
}

.ni-bell-off-fill:before {
  content: "\e963";
}

.ni-wifi:before {
  content: "\ec4b";
}

.ni-wifi-off:before {
  content: "\ec4a";
}

.ni-live:before {
  content: "\ead1";
}

.ni-signal:before {
  content: "\ebb0";
}

.ni-bluetooth:before {
  content: "\e96d";
}

.ni-blank-alt:before {
  content: "\e967";
}

.ni-blank:before {
  content: "\e968";
}

.ni-blankf-fill:before {
  content: "\e969";
}

.ni-block-over:before {
  content: "\e96a";
}

.ni-book-read:before {
  content: "\e970";
}

.ni-book:before {
  content: "\e971";
}

.ni-book-fill:before {
  content: "\e96f";
}

.ni-bulb-fill:before {
  content: "\e97e";
}

.ni-bulb:before {
  content: "\e97f";
}

.ni-calendar-alt-fill:before {
  content: "\e983";
}

.ni-calendar-alt:before {
  content: "\e984";
}

.ni-calendar-booking-fill:before {
  content: "\e985";
}

.ni-calendar-booking:before {
  content: "\e986";
}

.ni-calendar-check-fill:before {
  content: "\e987";
}

.ni-calendar-check:before {
  content: "\e988";
}

.ni-calendar-fill:before {
  content: "\e989";
}

.ni-calendar:before {
  content: "\e98a";
}

.ni-calender-date-fill:before {
  content: "\e98b";
}

.ni-calender-date:before {
  content: "\e98c";
}

.ni-call:before {
  content: "\e990";
}

.ni-call-alt:before {
  content: "\e98e";
}

.ni-call-alt-fill:before {
  content: "\e98d";
}

.ni-call-fill:before {
  content: "\e98f";
}

.ni-camera-fill:before {
  content: "\e991";
}

.ni-camera:before {
  content: "\e992";
}

.ni-capsule:before {
  content: "\e994";
}

.ni-capsule-fill:before {
  content: "\e993";
}

.ni-cards:before {
  content: "\e997";
}

.ni-cards-fill:before {
  content: "\e996";
}

.ni-cart:before {
  content: "\e9a1";
}

.ni-cart-fill:before {
  content: "\e9a0";
}

.ni-cc:before {
  content: "\e9ae";
}

.ni-cc-alt:before {
  content: "\e9a5";
}

.ni-cc-alt2:before {
  content: "\e9a7";
}

.ni-cc-secure:before {
  content: "\e9ac";
}

.ni-cc-new:before {
  content: "\e9a9";
}

.ni-cc-off:before {
  content: "\e9aa";
}

.ni-cc-fill:before {
  content: "\e9a8";
}

.ni-cc-alt-fill:before {
  content: "\e9a4";
}

.ni-cc-alt2-fill:before {
  content: "\e9a6";
}

.ni-cc-secure-fill:before {
  content: "\e9ab";
}

.ni-msg-circle:before {
  content: "\eb07";
}

.ni-chat-circle:before {
  content: "\e9b2";
}

.ni-msg:before {
  content: "\eb09";
}

.ni-chat:before,.ni-communication:before {
  content: "\e9b4";
}

.ni-question-alt:before {
  content: "\eb4b";
}

.ni-question:before {
  content: "\eb4c";
}

.ni-msg-circle-fill:before {
  content: "\eb06";
}

.ni-chat-circle-fill:before {
  content: "\e9b1";
}

.ni-msg-fill:before {
  content: "\eb08";
}

.ni-chat-fill:before {
  content: "\e9b3";
}

.ni-clip-h:before {
  content: "\e9e1";
}

.ni-clip-v:before {
  content: "\e9e2";
}

.ni-clip:before {
  content: "\e9e3";
}

.ni-link-alt:before {
  content: "\eac5";
}

.ni-unlink:before {
  content: "\ec18";
}

.ni-unlink-alt:before {
  content: "\ec17";
}

.ni-link-h:before {
  content: "\eac7";
}

.ni-link-v:before {
  content: "\eac8";
}

.ni-link:before {
  content: "\eac9";
}

.ni-clipboard:before {
  content: "\e9e7";
}

.ni-clipboad-check:before {
  content: "\e9e5";
}

.ni-clipboard-fill:before {
  content: "\e9e6";
}

.ni-clipboad-check-fill:before {
  content: "\e9e4";
}

.ni-clock:before {
  content: "\e9e9";
}

.ni-clock-fill:before {
  content: "\e9e8";
}

.ni-cloud:before {
  content: "\e9eb";
}

.ni-upload-cloud:before {
  content: "\ec1c";
}

.ni-download-cloud:before {
  content: "\ea1f";
}

.ni-cloud-fill:before {
  content: "\e9ea";
}

.ni-contact:before , .ni-contacts:before {
  content: "\e9f9";
}

.ni-contact-fill:before {
  content: "\e9f8";
}

.ni-coffee:before {
  content: "\e9f0";
}

.ni-coffee-fill:before {
  content: "\e9ef";
}

.ni-box-view:before {
  content: "\e976";
}

.ni-col-view:before {
  content: "\e9f5";
}

.ni-sidebar:before {
  content: "\eb86";
}

.ni-layout:before {
  content: "\eabe";
}

.ni-table-view:before {
  content: "\ebdf";
}

.ni-layout2:before {
  content: "\eabf";
}

.ni-row-view:before {
  content: "\eb63";
}

.ni-dot-box:before {
  content: "\ea1e";
}

.ni-layout-fill:before {
  content: "\eabd";
}

.ni-box-view-fill:before {
  content: "\e975";
}

.ni-sidebar-fill:before {
  content: "\eb85";
}

.ni-table-view-fill:before {
  content: "\ebde";
}

.ni-dot-box-fill:before {
  content: "\ea1d";
}

.ni-template:before {
  content: "\ebee";
}

.ni-browser:before {
  content: "\e97a";
}

.ni-toolbar:before {
  content: "\ec02";
}

.ni-browser-fill:before {
  content: "\e979";
}

.ni-toolbar-fill:before {
  content: "\ec01";
}

.ni-template-fill:before {
  content: "\ebed";
}

.ni-box:before {
  content: "\e977";
}

.ni-package:before {
  content: "\eb20";
}

.ni-layer:before {
  content: "\eaba";
}

.ni-layers:before {
  content: "\eabc";
}

.ni-panel:before {
  content: "\eb22";
}

.ni-server:before {
  content: "\eb71";
}

.ni-layer-fill:before {
  content: "\eab9";
}

.ni-layers-fill:before {
  content: "\eabb";
}

.ni-package-fill:before {
  content: "\eb1f";
}

.ni-panel-fill:before {
  content: "\eb21";
}

.ni-server-fill:before {
  content: "\eb70";
}

.ni-color-palette:before {
  content: "\e9f7";
}

.ni-color-palette-fill:before {
  content: "\e9f6";
}

.ni-copy:before {
  content: "\e9fb";
}

.ni-copy-fill:before {
  content: "\e9fa";
}

.ni-crop-alt:before {
  content: "\e9fd";
}

.ni-crop:before {
  content: "\e9fe";
}

.ni-target:before {
  content: "\ebe7";
}

.ni-crosshair:before {
  content: "\ea08";
}

.ni-crosshair-fill:before {
  content: "\ea07";
}

.ni-db-fill:before {
  content: "\ea15";
}

.ni-db:before {
  content: "\ea16";
}

.ni-hard-drive:before {
  content: "\ea90";
}

.ni-cpu:before {
  content: "\e9fc";
}

.ni-disk:before, .ni-storage:before {
  content: "\ea1b";
}

.ni-pen:before {
  content: "\eb2b";
}

.ni-edit-alt:before {
  content: "\ea29";
}

.ni-pen-fill:before {
  content: "\eb2a";
}

.ni-edit-alt-fill:before {
  content: "\ea28";
}

.ni-pen-alt-fill:before {
  content: "\eb29";
}

.ni-edit-fill:before {
  content: "\ea2a";
}

.ni-edit:before {
  content: "\ea2b";
}

.ni-external-alt:before {
  content: "\ea35";
}

.ni-external:before {
  content: "\ea36";
}

.ni-eye-alt:before {
  content: "\ea38";
}

.ni-eye-alt-fill:before {
  content: "\ea37";
}

.ni-eye:before {
  content: "\ea3c";
}

.ni-eye-fill:before {
  content: "\ea39";
}

.ni-eye-off:before {
  content: "\ea3b";
}

.ni-eye-off-fill:before {
  content: "\ea3a";
}

.ni-file:before {
  content: "\ea53";
}

.ni-file-minus:before {
  content: "\ea49";
}

.ni-file-plus:before {
  content: "\ea4c";
}

.ni-file-remove:before {
  content: "\ea4e";
}

.ni-file-check:before {
  content: "\ea41";
}

.ni-file-code:before {
  content: "\ea42";
}

.ni-file-docs:before {
  content: "\ea44";
}

.ni-file-img:before {
  content: "\ea47";
}

.ni-file-doc:before {
  content: "\ea43";
}

.ni-file-pdf:before {
  content: "\ea4a";
}

.ni-file-xls:before {
  content: "\ea51";
}

.ni-file-zip:before {
  content: "\ea52";
}

.ni-file-download:before {
  content: "\ea45";
}

.ni-file-text:before {
  content: "\ea50";
}

.ni-files:before {
  content: "\ea55";
}

.ni-file-fill:before {
  content: "\ea46";
}

.ni-file-minus-fill:before {
  content: "\ea48";
}

.ni-file-plus-fill:before {
  content: "\ea4b";
}

.ni-file-remove-fill:before {
  content: "\ea4d";
}

.ni-file-check-fill:before {
  content: "\ea40";
}

.ni-file-text-fill:before {
  content: "\ea4f";
}

.ni-files-fill:before {
  content: "\ea54";
}

.ni-folder:before {
  content: "\ea65";
}

.ni-folder-minus:before {
  content: "\ea62";
}

.ni-folder-plus:before {
  content: "\ea63";
}

.ni-folder-remove:before {
  content: "\ea64";
}

.ni-folder-check:before {
  content: "\ea5f";
}

.ni-folder-list:before {
  content: "\ea61";
}

.ni-folders:before {
  content: "\ea67";
}

.ni-folder-fill:before {
  content: "\ea60";
}

.ni-folders-fill:before {
  content: "\ea66";
}

.ni-filter-alt:before {
  content: "\ea56";
}

.ni-sort-line:before {
  content: "\ebbb";
}

.ni-filter-fill:before {
  content: "\ea57";
}

.ni-filter:before {
  content: "\ea58";
}

.ni-flag:before {
  content: "\ea5b";
}

.ni-flag-fill:before {
  content: "\ea5a";
}

.ni-notify:before {
  content: "\eb16";
}

.ni-dashboard:before {
  content: "\ea14";
}

.ni-dashboard-fill:before {
  content: "\ea13";
}

.ni-grid-sq:before {
  content: "\ea89";
}

.ni-grid:before {
  content: "\ea8a";
}

.ni-grid-c:before {
  content: "\ea83";
}

.ni-grid-alt:before {
  content: "\ea7e";
}

.ni-grid-plus:before {
  content: "\ea88";
}

.ni-grid-add-c:before {
  content: "\ea7b";
}

.ni-grid-fill:before {
  content: "\ea85";
}

.ni-grid-fill-c:before {
  content: "\ea84";
}

.ni-grid-alt-fill:before {
  content: "\ea7d";
}

.ni-grid-plus-fill:before {
  content: "\ea87";
}

.ni-grid-add-fill-c:before {
  content: "\ea7c";
}

.ni-grid-box-alt-fill:before {
  content: "\ea7f";
}

.ni-grid-box-alt:before {
  content: "\ea80";
}

.ni-grid-box:before {
  content: "\ea82";
}

.ni-grid-box-fill:before {
  content: "\ea81";
}

.ni-grid-line:before {
  content: "\ea86";
}

.ni-menu-alt-left:before {
  content: "\eae6";
}

.ni-menu-alt-r:before {
  content: "\eae7";
}

.ni-menu-alt:before {
  content: "\eae8";
}

.ni-menu-center:before {
  content: "\eae9";
}

.ni-menu-left:before {
  content: "\eaea";
}

.ni-menu-right:before {
  content: "\eaeb";
}

.ni-menu:before {
  content: "\eaec";
}

.ni-trend-up:before {
  content: "\ec0a";
}

.ni-trend-down:before {
  content: "\ec09";
}

.ni-line-chart-down:before {
  content: "\eac2";
}

.ni-line-chart-up:before {
  content: "\eac3";
}

.ni-line-chart:before {
  content: "\eac4";
}

.ni-bar-chart:before {
  content: "\e95e";
}

.ni-bar-chart-alt:before {
  content: "\e95c";
}

.ni-chart-up:before {
  content: "\e9b0";
}

.ni-chart-down:before {
  content: "\e9af";
}

.ni-growth:before {
  content: "\ea8c";
}

.ni-growth-fill:before {
  content: "\ea8b";
}

.ni-bar-chart-fill:before {
  content: "\e95d";
}

.ni-bar-c:before {
  content: "\e95b";
}

.ni-bar-fill-c:before {
  content: "\e95f";
}

.ni-pie:before {
  content: "\eb30";
}

.ni-pie-alt:before {
  content: "\eb2e";
}

.ni-pie-fill:before {
  content: "\eb2f";
}

., .ni-other:before, .ni-action:before {
  content: "\e906";
}

.ni-activity-alt:before {
  content: "\e903";
}

.ni-activity-round:before {
  content: "\e905";
}

.ni-activity-round-fill:before {
  content: "\e904";
}

.ni-meter:before {
  content: "\eaed";
}

.ni-speed:before {
  content: "\ebc5";
}

.ni-happy:before {
  content: "\ea8e";
}

.ni-sad:before {
  content: "\eb66";
}

.ni-meh:before {
  content: "\eae5";
}

.ni-happyf-fill:before {
  content: "\ea8f";
}

.ni-sad-fill:before {
  content: "\eb65";
}

.ni-meh-fill:before {
  content: "\eae4";
}

.ni-home:before {
  content: "\ea9c";
}

.ni-home-alt:before {
  content: "\ea9a";
}

.ni-home-fill:before {
  content: "\ea9b";
}

.ni-img:before {
  content: "\eaa0";
}

.ni-img-fill:before {
  content: "\ea9f";
}

.ni-inbox:before {
  content: "\eaa6";
}

.ni-inbox-in:before {
  content: "\eaa3";
}

.ni-inbox-out:before {
  content: "\eaa5";
}

.ni-inbox-fill:before {
  content: "\eaa1";
}

.ni-inbox-in-fill:before {
  content: "\eaa2";
}

.ni-inbox-out-fill:before {
  content: "\eaa4";
}

.ni-link-group:before {
  content: "\eac6";
}

.ni-lock:before {
  content: "\ead7";
}

.ni-lock-alt:before {
  content: "\ead5";
}

.ni-lock-fill:before {
  content: "\ead6";
}

.ni-lock-alt-fill:before {
  content: "\ead4";
}

.ni-unlock:before {
  content: "\ec1a";
}

.ni-unlock-fill:before {
  content: "\ec19";
}

.ni-mail:before {
  content: "\eada";
}

.ni-emails:before {
  content: "\ea2e";
}

.ni-mail-fill:before {
  content: "\ead9";
}

.ni-emails-fill:before {
  content: "\ea2d";
}

.ni-map-pin:before {
  content: "\eadc";
}

.ni-location:before {
  content: "\ead3";
}

.ni-map:before {
  content: "\eadd";
}

.ni-map-pin-fill:before {
  content: "\eadb";
}

.ni-list:before {
  content: "\ead0";
}
.ni-system-status-fill:before {
  content: "\ed59";
}
.ni-list-ol:before {
  content: "\eace";
}

.ni-align-center:before {
  content: "\e911";
}

.ni-align-justify:before {
  content: "\e912";
}

.ni-align-left:before {
  content: "\e913";
}

.ni-align-right:before {
  content: "\e914";
}

.ni-list-check:before {
  content: "\eacc";
}

.ni-list-round:before {
  content: "\eacf";
}

.ni-card-view:before {
  content: "\e995";
}

.ni-list-fill:before {
  content: "\eacd";
}

.ni-save:before {
  content: "\eb68";
}

.ni-save-fill:before {
  content: "\eb67";
}

.ni-move:before {
  content: "\eb04";
}

.ni-scissor:before {
  content: "\eb6b";
}

.ni-text:before {
  content: "\ebf2";
}

.ni-text-a:before {
  content: "\ebf0";
}

.ni-bold:before {
  content: "\e96e";
}

.ni-italic:before {
  content: "\eaad";
}

.ni-underline:before {
  content: "\ec13";
}

.ni-percent:before {
  content: "\eb2c";
}

.ni-at:before {
  content: "\e952";
}

.ni-hash:before {
  content: "\ea91";
}

.ni-code:before {
  content: "\e9ee";
}

.ni-code-download:before {
  content: "\e9ed";
}

.ni-terminal:before {
  content: "\ebef";
}

.ni-cmd:before {
  content: "\e9ec";
}

.ni-sun:before {
  content: "\ebd9";
}

.ni-sun-fill:before {
  content: "\ebd8";
}

.ni-moon-fill:before {
  content: "\eafe";
}

.ni-moon:before {
  content: "\eaff";
}

.ni-light:before {
  content: "\eac1";
}

.ni-light-fill:before {
  content: "\eac0";
}

.ni-more-v:before {
  content: "\eb03";
}

.ni-more-h:before, .ni-other:before {
  content: "\eb01";
}

.ni-more-h-alt:before {
  content: "\eb00";
}

.ni-more-v-alt:before {
  content: "\eb02";
}

.ni-music:before {
  content: "\eb0a";
}

.ni-movie:before {
  content: "\eb05";
}

.ni-offer:before {
  content: "\eb18";
}

.ni-offer-fill:before {
  content: "\eb17";
}

.ni-opt-alt:before {
  content: "\eb1a";
}

.ni-opt:before {
  content: "\eb1e";
}

.ni-opt-dot-alt:before {
  content: "\eb1b";
}

.ni-opt-dot:before {
  content: "\eb1d";
}

.ni-opt-dot-fill:before {
  content: "\eb1c";
}

.ni-opt-alt-fill:before {
  content: "\eb19";
}

.ni-user-alt:before {
  content: "\ec24";
}

.ni-user-alt-fill:before {
  content: "\ec23";
}

.ni-user:before, .ni-identifiers:before {
  content: "\ec33";
}

.ni-users:before {
  content: "\ec35";
}

.ni-user-add:before {
  content: "\ec22";
}

.ni-user-remove:before {
  content: "\ec31";
}

.ni-user-check:before {
  content: "\ec27";
}

.ni-user-cross:before {
  content: "\ec2b";
}

.ni-account-setting:before {
  content: "\e902";
}

.ni-account-setting-alt:before {
  content: "\e900";
}

.ni-user-list:before {
  content: "\ec2f";
}

.ni-user-fill:before {
  content: "\ec2d";
}

.ni-users-fill:before {
  content: "\ec34";
}

.ni-user-add-fill:before {
  content: "\ec21";
}

.ni-user-remove-fill:before {
  content: "\ec30";
}

.ni-user-check-fill:before {
  content: "\ec26";
}

.ni-user-cross-fill:before {
  content: "\ec2a";
}

.ni-account-setting-fill:before {
  content: "\e901";
}

.ni-user-list-fill:before {
  content: "\ec2e";
}

.ni-user-circle:before {
  content: "\ec28";
}

.ni-user-circle-fill:before {
  content: "\ec29";
}

.ni-user-c:before {
  content: "\ec25";
}

.ni-user-fill-c:before {
  content: "\ec2c";
}

.ni-user-round:before {
  content: "\ec32";
}

.ni-printer:before {
  content: "\eb31";
}

.ni-printer-fill:before {
  content: "\eb48";
}

.ni-laptop:before {
  content: "\eab6";
}

.ni-monitor:before {
  content: "\eafd";
}

.ni-tablet:before {
  content: "\ebe0";
}

.ni-mobile:before {
  content: "\eafb";
}

.ni-undo:before {
  content: "\ec14";
}

.ni-redo:before {
  content: "\eb51";
}

.ni-reload-alt:before {
  content: "\eb54";
}

.ni-reload:before {
  content: "\eb55";
}

.ni-regen-alt:before {
  content: "\eb52";
}

.ni-regen:before {
  content: "\eb53";
}

.ni-invest:before {
  content: "\eaac";
}

.ni-history:before {
  content: "\ea99";
}

.ni-update:before {
  content: "\ec1b";
}

.ni-repeat:before {
  content: "\eb57";
}

.ni-repeat-v:before {
  content: "\eb56";
}

.ni-tranx:before {
  content: "\ec03";
}

.ni-reply-all:before {
  content: "\eb59";
}

.ni-reply:before {
  content: "\eb5b";
}

.ni-reply-fill:before {
  content: "\eb5a";
}

.ni-reply-all-fill:before {
  content: "\eb58";
}

.ni-notes:before {
  content: "\eb15";
}

.ni-note-add:before {
  content: "\eb13";
}

.ni-notes-alt:before {
  content: "\eb14";
}

.ni-article:before {
  content: "\e951";
}

.ni-text-rich:before {
  content: "\ebf1";
}

.ni-todo:before {
  content: "\ebfe";
}

.ni-report-profit:before {
  content: "\eb5d";
}

.ni-reports-alt:before {
  content: "\eb5f";
}

.ni-reports:before {
  content: "\eb60";
}

.ni-task:before {
  content: "\ebea";
}

.ni-note-add-c:before {
  content: "\eb11";
}

.ni-task-c:before {
  content: "\ebe8";
}

.ni-todo-fill:before {
  content: "\ebfd";
}

.ni-note-add-fill-c:before {
  content: "\eb12";
}

.ni-task-fill-c:before {
  content: "\ebe9";
}

.ni-scan-fill:before {
  content: "\eb69";
}

.ni-scan:before {
  content: "\eb6a";
}

.ni-qr:before {
  content: "\eb4a";
}

.ni-money:before {
  content: "\eafc";
}

.ni-coins:before {
  content: "\e9f4";
}

.ni-coin:before {
  content: "\e9f3";
}

.ni-coin-alt:before {
  content: "\e9f2";
}

.ni-coin-alt-fill:before {
  content: "\e9f1";
}

.ni-setting-alt-fill:before {
  content: "\eb72";
}

.ni-setting-alt:before {
  content: "\eb73";
}

.ni-setting-fill:before {
  content: "\eb74";
}

.ni-setting:before,.ni-system:before {
  content: "\eb75";
}

.ni-share-alt:before {
  content: "\eb76";
}

.ni-share-fill:before {
  content: "\eb77";
}

.ni-share:before {
  content: "\eb78";
}

.ni-network:before {
  content: "\eb10";
}

.ni-rss:before {
  content: "\eb64";
}

.ni-shield:before,.ni-security:before {
  content: "\eb82";
}

.ni-shield-star:before {
  content: "\eb81";
}

.ni-shield-check:before {
  content: "\eb7c";
}

.ni-shield-alert:before {
  content: "\eb7a";
}

.ni-shield-off:before {
  content: "\eb7f";
}

.ni-security:before {
  content: "\eb6d";
}

.ni-policy:before {
  content: "\eb46";
}

.ni-shield-alert-fill:before {
  content: "\eb79";
}

.ni-shield-check-fill:before {
  content: "\eb7b";
}

.ni-shield-fill:before {
  content: "\eb7d";
}

.ni-shield-half:before {
  content: "\eb7e";
}

.ni-shield-star-fill:before {
  content: "\eb80";
}

.ni-policy-fill:before {
  content: "\eb45";
}

.ni-spark:before {
  content: "\ebc4";
}

.ni-spark-off:before {
  content: "\ebc3";
}

.ni-spark-fill:before {
  content: "\ebc1";
}

.ni-spark-off-fill:before {
  content: "\ebc2";
}

.ni-wallet:before {
  content: "\ec47";
}

.ni-wallet-alt:before {
  content: "\ec42";
}

.ni-wallet-in:before {
  content: "\ec44";
}

.ni-wallet-out:before {
  content: "\ec45";
}

.ni-wallet-saving:before {
  content: "\ec46";
}

.ni-wallet-fill:before {
  content: "\ec43";
}

.ni-star:before {
  content: "\ebd0";
}

.ni-star-half:before {
  content: "\ebce";
}

.ni-star-half-fill:before {
  content: "\ebcd";
}

.ni-star-fill:before {
  content: "\ebcc";
}

.ni-star-round:before {
  content: "\ebcf";
}

.ni-heart:before, .ni-health:before {
  content: "\ea95";
}

.ni-heart-fill:before {
  content: "\ea94";
}

.ni-swap-alt-fill:before {
  content: "\ebda";
}

.ni-swap-alt:before {
  content: "\ebdb";
}

.ni-thumbs-down:before {
  content: "\ebf3";
}

.ni-thumbs-up:before {
  content: "\ebf4";
}

.ni-tag:before {
  content: "\ebe4";
}

.ni-tag-alt:before {
  content: "\ebe2";
}

.ni-tags:before {
  content: "\ebe6";
}

.ni-tag-fill:before {
  content: "\ebe3";
}

.ni-tag-alt-fill:before {
  content: "\ebe1";
}

.ni-tags-fill:before {
  content: "\ebe5";
}

.ni-bookmark:before {
  content: "\e973";
}

.ni-bookmark-fill:before {
  content: "\e972";
}

.ni-label:before {
  content: "\eab5";
}

.ni-label-fill:before {
  content: "\eab4";
}

.ni-piority:before {
  content: "\eb36";
}

.ni-piority-fill:before {
  content: "\eb35";
}

.ni-label-alt:before {
  content: "\eab3";
}

.ni-label-alt-fill:before {
  content: "\eab2";
}

.ni-ticket-alt:before {
  content: "\ebf6";
}

.ni-ticket:before {
  content: "\ebfc";
}

.ni-ticket-minus:before {
  content: "\ebf9";
}

.ni-ticket-plus:before {
  content: "\ebfb";
}

.ni-ticket-alt-fill:before {
  content: "\ebf5";
}

.ni-ticket-fill:before {
  content: "\ebf7";
}

.ni-ticket-minus-fill:before {
  content: "\ebf8";
}

.ni-ticket-plus-fill:before {
  content: "\ebfa";
}

.ni-toggle-off:before {
  content: "\ebff";
}

.ni-toggle-on:before {
  content: "\ec00";
}

.ni-trash-alt:before {
  content: "\ec04";
}

.ni-trash-empty:before {
  content: "\ec06";
}

.ni-trash:before {
  content: "\ec08";
}

.ni-trash-fill:before {
  content: "\ec07";
}

.ni-trash-empty-fill:before {
  content: "\ec05";
}

.ni-delete-fill:before {
  content: "\ea17";
}

.ni-delete:before {
  content: "\ea18";
}

.ni-alarm-alt:before {
  content: "\e909";
}

.ni-alarm:before {
  content: "\e90a";
}

.ni-bugs:before {
  content: "\e97b";
}

.ni-building:before {
  content: "\e97d";
}

.ni-building-fill:before {
  content: "\e97c";
}

.ni-headphone:before {
  content: "\ea93";
}

.ni-headphone-fill:before {
  content: "\ea92";
}

.ni-aperture:before {
  content: "\e91b";
}

.ni-help-alt:before {
  content: "\ea96";
}

.ni-award:before {
  content: "\e953";
}

.ni-briefcase:before {
  content: "\e978";
}

.ni-gift:before {
  content: "\ea6f";
}

.ni-globe:before {
  content: "\ea74";
}

.ni-umbrela:before {
  content: "\ec10";
}

.ni-truck:before {
  content: "\ec0b";
}

.ni-sign-usd:before {
  content: "\eba7";
}

.ni-sign-dollar:before {
  content: "\eba7";
}

.ni-sign-mxn:before {
  content: "\eb99";
}

.ni-sign-sgd:before {
  content: "\eba0";
}

.ni-sign-euro:before {
  content: "\eb94";
}

.ni-sign-eur:before {
  content: "\eb94";
}

.ni-sign-gbp:before {
  content: "\eb89";
}

.ni-sign-pound:before {
  content: "\eb89";
}

.ni-sign-thb:before {
  content: "\eba4";
}

.ni-sign-inr:before {
  content: "\eb97";
}

.ni-sign-jpy:before {
  content: "\eb98";
}

.ni-sign-yen:before {
  content: "\eb98";
}

.ni-sign-cny:before {
  content: "\eb8e";
}

.ni-sign-kobo:before {
  content: "\eba1";
}

.ni-sign-chf:before {
  content: "\eb8d";
}

.ni-sign-vnd:before {
  content: "\ebaa";
}

.ni-sign-php:before {
  content: "\eb9c";
}

.ni-sign-brl:before {
  content: "\eb8b";
}

.ni-sign-idr:before {
  content: "\eb96";
}

.ni-sign-czk:before {
  content: "\eb8f";
}

.ni-sign-hkd:before {
  content: "\eb95";
}

.ni-sign-kr:before {
  content: "\eb9f";
}

.ni-sign-dkk:before {
  content: "\eb9f";
}

.ni-sign-nok:before {
  content: "\eb9f";
}

.ni-sign-sek:before {
  content: "\eb9f";
}

.ni-sign-rub:before {
  content: "\eb9e";
}

.ni-sign-myr:before {
  content: "\eb9b";
}

.ni-sign-pln:before {
  content: "\eb9d";
}

.ni-sign-try:before {
  content: "\eba6";
}

.ni-sign-waves:before {
  content: "\ebab";
}

.ni-waves:before {
  content: "\ebab";
}

.ni-sign-trx:before {
  content: "\eba5";
}

.ni-tron:before {
  content: "\eba5";
}

.ni-sign-xem:before {
  content: "\ebac";
}

.ni-nem:before {
  content: "\ebac";
}

.ni-sign-mxr:before {
  content: "\eb9a";
}

.ni-monero:before {
  content: "\eb9a";
}

.ni-sign-usdc:before {
  content: "\eba8";
}

.ni-sign-steller:before {
  content: "\eba3";
}

.ni-sign-steem:before {
  content: "\eba2";
}

.ni-sign-usdt:before {
  content: "\eba9";
}

.ni-tether:before {
  content: "\eba9";
}

.ni-sign-btc:before {
  content: "\eb8c";
}

.ni-bitcoin:before {
  content: "\eb8c";
}

.ni-sign-bch:before {
  content: "\eb88";
}

.ni-bitcoin-cash:before {
  content: "\eb88";
}

.ni-sign-bnb:before {
  content: "\eb8a";
}

.ni-binance:before {
  content: "\eb8a";
}

.ni-sign-ada:before {
  content: "\eb87";
}

.ni-sign-zcash:before {
  content: "\ebaf";
}

.ni-sign-eth:before {
  content: "\eb93";
}

.ni-ethereum:before {
  content: "\eb93";
}

.ni-sign-dash:before {
  content: "\eb90";
}

.ni-dash:before {
  content: "\eb90";
}

.ni-sign-xrp-old:before {
  content: "\ebae";
}

.ni-ripple-old:before {
  content: "\ebae";
}

.ni-sign-eos:before {
  content: "\eb92";
}

.ni-eos:before {
  content: "\eb92";
}

.ni-sign-xrp:before {
  content: "\ebad";
}

.ni-ripple:before {
  content: "\ebad";
}

.ni-american-express:before {
  content: "\e918";
}

.ni-jcb:before {
  content: "\eaae";
}

.ni-cc-jcb:before {
  content: "\eaae";
}

.ni-mc:before {
  content: "\eae0";
}

.ni-cc-mc:before {
  content: "\eae0";
}

.ni-discover:before {
  content: "\ea1a";
}

.ni-cc-discover:before {
  content: "\ea1a";
}

.ni-visa:before {
  content: "\ec3d";
}

.ni-cc-visa:before {
  content: "\ec3d";
}

.ni-cc-paypal:before {
  content: "\eb27";
}

.ni-cc-stripe:before {
  content: "\e9ad";
}

.ni-amazon-pay:before {
  content: "\e916";
}

.ni-amazon-pay-fill:before {
  content: "\e915";
}

.ni-google-pay:before {
  content: "\ea77";
}

.ni-google-pay-fill:before {
  content: "\ea76";
}

.ni-apple-pay:before {
  content: "\e91d";
}

.ni-apple-pay-fill:before {
  content: "\e91c";
}

.ni-angular:before {
  content: "\e91a";
}

.ni-react:before {
  content: "\eb4d";
}

.ni-laravel:before {
  content: "\eab7";
}

.ni-html5:before {
  content: "\ea9e";
}

.ni-css3-fill:before {
  content: "\ea09";
}

.ni-css3:before {
  content: "\ea0a";
}

.ni-js:before {
  content: "\eab0";
}

.ni-php:before {
  content: "\eb2d";
}

.ni-python:before {
  content: "\eb49";
}

.ni-bootstrap:before {
  content: "\e974";
}

.ni-ebay:before {
  content: "\ea27";
}

.ni-google-wallet:before {
  content: "\ea79";
}

.ni-google-drive:before {
  content: "\ea75";
}

.ni-google-play-store:before {
  content: "\ea78";
}

.ni-android:before {
  content: "\e919";
}

.ni-blogger-fill:before {
  content: "\e96b";
}

.ni-blogger:before {
  content: "\e96c";
}

.ni-hangout:before {
  content: "\ea8d";
}

.ni-apple-store:before {
  content: "\e91f";
}

.ni-apple-store-ios:before {
  content: "\e91e";
}

.ni-stripe:before {
  content: "\ebd7";
}

.ni-apple:before {
  content: "\e920";
}

.ni-microsoft:before {
  content: "\eaf0";
}

.ni-windows:before {
  content: "\ec4c";
}

.ni-amazon:before {
  content: "\e917";
}

.ni-paypal-alt:before {
  content: "\eb28";
}

.ni-airbnb:before {
  content: "\e908";
}

.ni-adobe:before {
  content: "\e907";
}

.ni-mailchimp:before {
  content: "\ead8";
}

.ni-dropbox:before {
  content: "\ea26";
}

.ni-digital-ocean:before {
  content: "\ea19";
}

.ni-slack:before {
  content: "\ebb5";
}

.ni-slack-hash:before {
  content: "\ebb4";
}

.ni-stack-overflow:before {
  content: "\ebcb";
}

.ni-soundcloud:before {
  content: "\ebc0";
}

.ni-blackberry:before {
  content: "\e966";
}

.ni-spotify:before {
  content: "\ebc6";
}

.ni-kickstarter:before {
  content: "\eab1";
}

.ni-houzz:before {
  content: "\ea9d";
}

.ni-vine:before {
  content: "\ec3c";
}

.ni-yelp:before {
  content: "\ec4f";
}

.ni-yoast:before {
  content: "\ec50";
}

.ni-envato:before {
  content: "\ea2f";
}

.ni-wordpress:before {
  content: "\ec4e";
}

.ni-wp:before {
  content: "\ec4e";
}

.ni-wordpress-fill:before {
  content: "\ec4d";
}

.ni-elementor:before {
  content: "\ea2c";
}

.ni-joomla:before {
  content: "\eaaf";
}

.ni-megento:before {
  content: "\eae3";
}

.ni-git:before {
  content: "\ea70";
}

.ni-github:before {
  content: "\ea73";
}

.ni-github-round:before {
  content: "\ea72";
}

.ni-github-circle:before {
  content: "\ea71";
}

.ni-dribbble:before {
  content: "\ea25";
}

.ni-dribbble-round:before {
  content: "\ea24";
}

.ni-behance:before {
  content: "\e961";
}

.ni-behance-fill:before {
  content: "\e960";
}

.ni-flickr:before {
  content: "\ea5d";
}

.ni-flickr-round:before {
  content: "\ea5c";
}

.ni-medium:before {
  content: "\eae2";
}

.ni-medium-round:before {
  content: "\eae1";
}

.ni-reddit:before {
  content: "\eb50";
}

.ni-reddit-round:before {
  content: "\eb4f";
}

.ni-reddit-circle:before {
  content: "\eb4e";
}

.ni-google:before {
  content: "\ea7a";
}

.ni-facebook-f:before {
  content: "\ea3e";
}

.ni-facebook-fill:before {
  content: "\ea3f";
}

.ni-facebook-circle:before {
  content: "\ea3d";
}

.ni-instagram:before {
  content: "\eaab";
}

.ni-instagram-round:before {
  content: "\eaaa";
}

.ni-linkedin:before {
  content: "\eacb";
}

.ni-linkedin-round:before {
  content: "\eaca";
}

.ni-twitter:before {
  content: "\ec0f";
}

.ni-twitter-round:before {
  content: "\ec0e";
}

.ni-pinterest:before {
  content: "\eb34";
}

.ni-pinterest-round:before {
  content: "\eb33";
}

.ni-pinterest-circle:before {
  content: "\eb32";
}

.ni-tumblr:before {
  content: "\ec0d";
}

.ni-tumblr-round:before {
  content: "\ec0c";
}

.ni-skype:before {
  content: "\ebb3";
}

.ni-viber:before {
  content: "\ec36";
}

.ni-whatsapp:before {
  content: "\ec49";
}

.ni-whatsapp-round:before {
  content: "\ec48";
}

.ni-snapchat:before {
  content: "\ebb7";
}

.ni-snapchat-fill:before {
  content: "\ebb6";
}

.ni-telegram:before {
  content: "\ebec";
}

.ni-telegram-circle:before {
  content: "\ebeb";
}

.ni-youtube-line:before {
  content: "\ec52";
}

.ni-youtube:before {
  content: "\ec52";
}

.ni-youtube-fill:before {
  content: "\ec53";
}

.ni-youtube-round:before {
  content: "\ec51";
}

.ni-vimeo:before {
  content: "\ec3b";
}

.ni-vimeo-fill:before {
  content: "\ec3a";
}

/**
 * Swiper 8.4.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 12, 2022
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.large-slide {
  width: calc((100% / 3) * 2 - 6px) !important;
}
@media (min-width: 992px) {
  .large-slide { width: calc((100% / 4) * 2 - 6px) !important; }
}
@media (min-width: 1400px) {
  .large-slide { width: calc((100% / 5) * 2 - 6px) !important; }
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 3.375rem;
  height: 3.375rem;
  margin-top: calc(0px - (3.375rem / 2));
  border-radius: 50rem;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f0f12;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  transition: 0.2s;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #0f0f12;
  color: #fff;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: "Nioicon";
  font-size: 1.75rem;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 6px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "\e9cc";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 6px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "\e9d3";
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;  display: flex;
justify-content: center;align-items: center;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
  background: #e5e7eb;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #0f0f12;
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.scroll-carousel-viewport {
  overflow: hidden;
  position: relative;
}

.scroll-carousel-slider {
  position: relative;
  display: inline-flex;
}

.sc-slide {
  position: relative;
  display: inline-block;
}
.sc-slide img,
.sc-slide video {
  max-width: fit-content !important;
}

/** LAYOUTS */
.nk-body {
  outline: none;
}
.nk-app-root {
  outline: none;
}

@media (max-width: 360px) {
  .nk-body {
    min-width: 350px;
  }
}
.logo-wrap {
  display: inline-flex;
  position: relative;
}
.logo-link {
  display: inline-flex;
}
.logo-img {
  height: 100%;
}
.logo-img:not(:first-child) {
  position: absolute;
  left: 0;
}
.logo-light {
  opacity: 0;
  visibility: hidden;
}

.is-theme .logo-light {
  opacity: 1;
  visibility: visible;
}
.is-theme .logo-dark {
  opacity: 0;
  visibility: hidden;
}

.nk-header-main {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 0.8438rem 0px;
  transition: padding 0.2s linear;
  background-color: #fff;
  position: fixed;
}
.nk-header-main.has-separate {
  border-bottom: 1px solid #e5e7eb;
}
.nk-header-main.has-fixed {
  padding: 6px 0px;
  box-shadow: 4px 4px 36px 0px rgba(192, 192, 192, 0.16), -4px -4px 36px 0px rgba(192, 192, 192, 0.12) !important;
  background-color: #fff;
}
.nk-header-wrap {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nk-header-logo {
  display: inline-flex;
}
.nk-header-action {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.nk-navbar-toggle .btn .icon {
  font-size: 1.375rem;
}

.navbar-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(73, 80, 87, 0.4);
  z-index: 1025;
  animation: overlay-fade-out 400ms ease 1;
}
.navbar-shown {
  overflow: hidden;
}
.navbar-shown .navbar-overlay {
  animation: overlay-fade-in 400ms ease 1;
}

@keyframes overlay-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes overlay-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.nk-nav {
  display: flex;
  flex-direction: column; 
  max-height: 100%;
  overflow: auto;
}
.nk-nav-item {
  position: relative;
}
@media (max-width: 991.98px) {
  .nk-nav-item.has-sub {
    overflow: hidden;
  }
}
.nk-nav-link {
  display: flex;
  align-items: center;
  color: #0a1425;
  font-weight: 600;
  font-size: 1rem;
  background-color: transparent;
  padding: 0.625rem 1rem;
}
.nk-nav-link em {
  font-size: 1.5rem;
  line-height: 2rem;
}
.nk-nav-toggle:after {
  font-size: 0.875rem;
  position: relative;
  content: "\e9c5";
  font-family: "Nioicon";
  margin-left: auto;
  right: -0.25rem;
  top: 1px;
  transition: transform 0.3s linear;
}
.nk-nav-btns {
  display: flex;
  margin: -0.5rem;
}
.nk-nav-btns > * {
  padding: 0.5rem;
}
.nk-nav-sub {
  padding: 0 0.75rem;
  z-index: 1;
  overflow: hidden;
  display: none;
}
.user-menu-item {padding:4px !important;}
 
@media (min-width: 992px) {
  .nk-nav-item.user-menu-item > .nk-nav-sub {
    left: auto;
    right: 0;
    transform: translateY(5px) translateX(20%);
  }
  
  .nk-nav-item.user-menu-item:hover > .nk-nav-sub {
    transform: translateY(0) translateX(20%);
  }
}
 
.nk-nav.user-menu {
    margin-left: auto;
}

.nk-nav-sub.user-submenu {
    left: auto !important;
    right: 0;
    transform-origin: right top;
}
И обновите


.nk-nav-sub .nk-nav-link {
  color: #0a1425;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.6;
}
.nk-nav-sub .nk-nav-link:hover {
  color: #2b5cfd;
  background-color: rgba(99, 102, 241, 0.1);
}
.nk-nav-link:hover {
  color: #2b5cfd;
  background-color: rgba(99, 102, 241, 0.1);
  border-radius: 0.5rem;
}

.nk-nav-sub .nk-nav-link .media-group {
  align-items: center;
}
.nk-nav-sub .nk-nav-sub {
  border-left: 1px solid #e5e7eb;
  margin-left: 1.5rem;
  box-shadow: none;
}
.nk-nav-sub ul {
  width: 100%;
}
.nk-nav-mega .nk-nav-item {
  padding: 0rem;
}
.nk-nav-mega .nk-nav-link {
  padding: 0.625rem;
  border-radius: 0.5rem;
}
@media (min-width: 992px) {
  .nk-nav-mega-lg-home {
    left: -200px !important;
  }
}

.nk-navbar {
  top: 0;
  left: 0;
  bottom: 0;
  width: 85%;
  height: 100%;
  display: flex;
  position: fixed;
  flex-direction: column;
  z-index: 1025;
  justify-content: space-between;
  background-color: #fff;
  transform: translateX(-100%);
  box-shadow: 0px 0px 10px rgba(10, 20, 37, 0.1);
}
.nk-navbar.navbar-active {
  transform: none;
}
.nk-navbar.navbar-mobile {
  transition: all 0.4s ease;
}
.nk-navbar.navbar-mobile > .nk-nav {
  max-height: 560px;
}
.nk-navbar.navbar-mobile > .nk-nav-item ul li .nk-nav-link {
  font-size: 12px;
  line-height: 16px;
}
.nk-navbar-btn {
  padding: 1rem;
}

.is-theme .nk-header-action a:not([class*=btn-outline-]) {
  color: #fff;
}
.is-theme .nk-nav-link {
  color: #fff;
  opacity: 0.9;
}
.is-theme .nk-nav-link:hover {
  opacity: 1;
  color: #fff;
}
.is-theme .nk-nav-sub .nk-nav-link {
  opacity: 1;
}
.is-theme-bg .nk-nav-sub {
  background-color: #1c2b43;
  box-shadow: -4px -4px 36px rgba(19, 20, 44, 0.12), 4px 4px 36px rgba(19, 20, 44, 0.16);
}
.is-theme-bg .nk-navbar {
  background-color: #000;
}

@media (min-width: 480px) {
  .nk-navbar {
    width: 330px;
  }
}
@media (min-width: 992px) {
  .nk-nav {
    flex-direction: row;
    padding: 0;
    overflow: visible;
  }
  .nk-nav-item {
    display: flex;
    position: relative;
    align-items: center;
  }
  .nk-nav-item:hover > .nk-nav-sub {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .nk-nav-item > .nk-nav-link {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .nk-nav-sub {
    padding: 0.938rem 0.75rem;
    display: block !important;
    position: absolute;
    top: 100%;
    background-color: #fff;
    transition: 0.2s;
    min-width: 232px;
    box-shadow: 0 2px 13px 0px rgba(173, 181, 189, 0.15);
    border-radius: 1rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
  }
  .nk-nav-sub .nk-nav-link {
    flex-grow: 1;
  }
  .nk-nav-sub.nk-nav-sub-lg {
    min-width: 340px;
  }
  .nk-nav-mega {
    width: 430px;
    display: flex !important;
  }
  .nk-nav-mega .nk-nav-item {
    padding-left: 0.625rem;
    padding-right: 0.625rem;

    flex-grow: 1;
    min-width: 214px;
    display: block;
  }
  .nk-nav-mega-lg {
    left: -390px;
    width: 620px;
  }
  .nk-nav-media {
    flex-shrink: 1;
    padding: 0.5rem 0px;
  }
  .nk-navbar {
    width: auto;
    height: auto;
    transform: none;
    position: static;
    box-shadow: none;
    flex-direction: row;
    background-color: transparent;
  }
  .nk-navbar-toggle {
    display: none;
  }
  .is-theme-bg .nk-navbar {
    background-color: transparent;
  }
}
@media (min-width: 1200px) {
  .nk-nav-mega .nk-nav-item {
    flex-grow: 1;
    min-width: 214px;
    display: block;
  }
}
@media (max-width: 991.98px) {
  .nk-navbar.navbar-mobile {
    overflow-y: scroll;
  }
  .nk-navbar.navbar-mobile > div {
    padding: 32px 10px 0px 10px;
  }
}
.shape-44::before, .shape-43::before, .shape-43::after, .shape-43-a::before, .shape-43-a::after, .shape-42::before, .shape-42::after, .shape-41::after, .shape-37::before, .shape-37::after, .shape-36::after, .shape-36::before, .shape-35::before, .shape-35::after, .shape-34::after, .shape-34::before, .shape-33::after, .shape-32::before, .shape-32::after, .shape-31::after, .shape-30::before, .shape-30::after, .shape-30-a::before, .shape-30-a::after, .shape-29::before, .shape-29::after, .shape-28::before, .shape-28::after, .shape-22::before, .shape-22::after, .shape-21::after, .shape-20::after, .shape-19::after, .shape-18::after, .shape-17::after, .shape-16::after, .shape-15::after, .shape-14::after, .shape-13::after, .shape-12::after, .shape-11::after, .shape-10::after, .shape-6::before, .shape-6::after, .shape-5::after, .shape-4::after, .shape-4-a::after, .shape-4-b::after, .shape-3::after, .shape-1::after, .home-live-chat-app .nk-section-support::after, .home-bs-solution .nk-section-content .nk-mask.shape::before, .home-bs-solution .nk-section-content .nk-mask.shape::after, .nk-banner-saas::after, .nk-banner-dg-business .nk-banner-content .nk-mask::before, .nk-banner-dg-business .nk-banner-content .nk-mask::after {
  content: "";
  z-index: -1;
  opacity: 0.6;
  user-select: none;
  position: absolute;
  pointer-events: none;
  background-size: cover;
  background-repeat: no-repeat;
}

.nk-banner {
  z-index: 1;
  position: relative;
}
.nk-banner[data-bg-image] {
  background-size: cover;
  background-position: center;
}
.nk-banner-wrap {
  z-index: 5;
  padding: 40px 0px;
  padding-top: 120px;
  position: relative;
}
@media (min-width: 992px) {
  .nk-banner-wrap {
    padding: 80px 0px;
    padding-top: 120px;
  }
}
@media (min-width: 1200px) {
  .nk-banner-wrap {
    padding-top: 132px;
  }
}
.nk-banner-wrap-kids-course {
  padding-top: 3.75rem;
  padding-bottom: 0px !important;
}
.nk-banner-wrap-2 {
  padding-bottom: 120px;
}
@media (max-width: 767.98px) {
  .nk-banner-content p {
    font-size: 16px !important;
  }
}
.nk-banner-img-s1 .thumb {
  position: absolute;
}
.nk-banner-img-s1 .thumb-1 {
  left: -14.92%;
  bottom: 0;
  width: 34.0726%;
}
.nk-banner-img-s1 .thumb-2 {
  right: -14.92%;
  bottom: 7.5%;
  width: 46.5726%;
}
.nk-banner-img-s3 {
  right: 0;
  top: 0px;
  user-select: none;
  position: absolute;
  pointer-events: none;
}
@media (min-width: 768px) {
  .nk-banner-img-s3 {
    top: 30px;
  }
}
.nk-banner-landing::before {
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/inside-pages/bg/landing-bg.png");
}
.nk-banner-landing .nk-mask.blur::after, .nk-banner-landing .nk-mask.blur::before {
  content: "";
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
}
.nk-banner-landing .nk-mask.blur::after {
  right: 0;
  bottom: -280px;
  width: 819px;
  height: 100%;
  background-size: auto;
  background-image: url("../../assets/images/blur/d.png");
}
.nk-banner-landing .nk-mask.blur::before {
  width: 100%;
  left: 60px;
  bottom: 0px;
  height: 49.9375rem;
  background-size: contain;
  background-image: url("../../assets/images/blur/c.png");
}
.nk-banner-landing .nk-mask.shape::before, .nk-banner-landing .nk-mask.shape::after {
  content: "";
  z-index: -1;
  opacity: 0.6;
  user-select: none;
  position: absolute;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  mix-blend-mode: luminosity !important;
}
.nk-banner-landing .nk-mask.shape::before {
  top: 50%;
  width: 1142px;
  height: 569px;
  transform: translateY(-50%);
  background-image: url("../../assets/images/shape/geo-2.png");
}
@media (min-width: 1200px) {
  .nk-banner-landing .nk-mask.shape::after {
    right: -30%;
    width: 506px;
    height: 497px;
    top: calc(50% - 170px);
    background-size: contain;
    transform: translateY(-50%);
    background-image: url("../../assets/images/shape/geo-1.png");
  }
}
@media (min-width: 1400px) {
  .nk-banner-landing .nk-mask.shape::after {
    right: -24%;
  }
}
@media (min-width: 1600px) {
  .nk-banner-landing .nk-mask.shape::after {
    right: -20%;
  }
}
.nk-banner-landing .nk-frame-base {
  z-index: 1;
  width: 420px;
  height: auto;
}
@media (min-width: 768px) {
  .nk-banner-landing .nk-frame-base {
    width: 480px;
    height: auto;
  }
}
@media (min-width: 992px) {
  .nk-banner-landing .nk-frame-base {
    width: auto;
    height: auto;
  }
}
.nk-banner-landing .nk-frame-children {
  display: none;
}
@media (min-width: 576px) {
  .nk-banner-landing .nk-frame-children {
    bottom: 0;
    z-index: -1;
    display: block;
  }
}
@media (min-width: 576px) {
  .nk-banner-landing .nk-frame-children img {
    width: auto;
    height: 200px;
  }
}
@media (min-width: 768px) {
  .nk-banner-landing .nk-frame-children img {
    height: 230px;
  }
}
@media (min-width: 992px) {
  .nk-banner-landing .nk-frame-children img {
    height: 320px;
  }
}
@media (min-width: 1400px) {
  .nk-banner-landing .nk-frame-children img {
    height: 460px;
  }
}
@media (min-width: 576px) {
  .nk-banner-landing .nk-frame-children-one {
    left: -20px;
  }
}
@media (min-width: 768px) {
  .nk-banner-landing .nk-frame-children-one {
    left: 0;
  }
}
@media (min-width: 992px) {
  .nk-banner-landing .nk-frame-children-one {
    left: -150px;
  }
}
@media (min-width: 1400px) {
  .nk-banner-landing .nk-frame-children-one {
    left: -230px;
  }
}
@media (min-width: 576px) {
  .nk-banner-landing .nk-frame-children-two {
    right: -20px;
  }
}
@media (min-width: 768px) {
  .nk-banner-landing .nk-frame-children-two {
    right: 0;
  }
}
@media (min-width: 992px) {
  .nk-banner-landing .nk-frame-children-two {
    right: -150px;
  }
}
@media (min-width: 1400px) {
  .nk-banner-landing .nk-frame-children-two {
    right: -230px;
  }
}
.nk-banner-landing .nk-banner-wrap {
  padding-top: 120px;
}
@media (min-width: 992px) {
  .nk-banner-landing .nk-banner-wrap {
    padding-top: 160px;
  }
}
@media (min-width: 992px) {
  .nk-banner-kd-course .nk-banner-wrap {
    padding-top: 150px;
  }
}
@media (min-width: 576px) {
  .nk-banner-kd-course .title-shape::after, .nk-banner-kd-course .title-shape::before {
    content: "";
    top: 50%;
    width: 45px;
    height: 1px;
    position: absolute;
    background-color: #e5e7eb;
  }
}
@media (min-width: 576px) {
  .nk-banner-kd-course .title-shape::after, .nk-banner-kd-course .title-shape::before {
    width: 90px;
  }
}
@media (min-width: 576px) {
  .nk-banner-kd-course .title-shape::before {
    left: -100px;
  }
}
@media (min-width: 992px) {
  .nk-banner-kd-course .title-shape::before {
    content: none;
  }
}
@media (min-width: 576px) {
  .nk-banner-kd-course .title-shape::after {
    right: -100px;
  }
}
@media (min-width: 768px) {
  .nk-banner-project-manage .nk-banner-wrap, .nk-banner-career-project-manage .nk-banner-wrap, .nk-banner-saas .nk-banner-wrap {
    padding-top: 140px;
  }
}
@media (min-width: 992px) {
  .nk-banner-project-manage .nk-banner-wrap, .nk-banner-career-project-manage .nk-banner-wrap, .nk-banner-saas .nk-banner-wrap {
    padding-top: 190px;
  }
}
.nk-banner-business-feature {
  overflow: hidden;
  padding-top: 5.25rem;
  padding-top: 100px !important;
  background-color: #0a1425 !important;
}
@media (min-width: 768px) {
  .nk-banner-collab .nk-banner-wrap {
    padding-bottom: 120px;
  }
}
@media (min-width: 1200px) {
  .nk-banner-collab .nk-banner-wrap {
    padding-bottom: 200px;
  }
}
@media (max-width: 767.98px) {
  .nk-banner-collab .nk-banner-content p {
    font-size: 16px !important;
  }
}
.nk-banner-collab .nk-banner-grids {
  padding-top: 60px;
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  .nk-banner-collab .nk-banner-grids {
    z-index: 9;
    padding: 0px;
    margin-top: -80px;
  }
}
@media (min-width: 992px) {
  .nk-banner-collab .nk-banner-grids {
    margin-top: -100px;
  }
}
@media (min-width: 1200px) {
  .nk-banner-collab .nk-banner-grids {
    margin-top: -140px;
  }
}
.nk-banner-collab .nk-banner-grids-content {
  display: none;
}
@media (min-width: 1400px) {
  .nk-banner-collab .nk-banner-grids-content {
    gap: 32px;
    display: inline-flex;
  }
}
@media (min-width: 1400px) {
  .nk-banner-collab .nk-banner-grids-content .left,
  .nk-banner-collab .nk-banner-grids-content .right {
    gap: 30px;
    display: flex;
  }
}
@media (min-width: 1400px) {
  .nk-banner-collab .nk-banner-grids-content .left img,
  .nk-banner-collab .nk-banner-grids-content .right img {
    flex-shrink: 0;
  }
}
@media (min-width: 1400px) {
  .nk-banner-collab .nk-banner-grids-content .left {
    width: 30%;
    flex-direction: column;
  }
}
@media (min-width: 1400px) {
  .nk-banner-collab .nk-banner-grids-content .right {
    width: 70%;
    flex-shrink: 0;
    flex-wrap: wrap;
  }
}
@media (min-width: 1400px) {
  .nk-banner-collab .nk-banner-grids-content .right-row {
    gap: 30px;
    display: flex;
  }
}
@media (min-width: 1400px) {
  .nk-banner-collab .nk-banner-grids-alter {
    display: none;
  }
}
.nk-banner-collab .nk-mask::after {
  left: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  width: 100%;
  opacity: 0.6;
  height: 140px;
  user-select: none;
  position: absolute;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/shape/b.png");
}
@media (min-width: 768px) {
  .nk-banner-collab .nk-mask::after {
    height: 260px;
  }
}
@media (min-width: 1200px) {
  .nk-banner-collab .nk-mask::after {
    height: 390px;
  }
}
@media (min-width: 992px) {
  .nk-banner-features {
    padding-top: 115px;
  }
}
.nk-banner-features-content {
  position: relative;
}
.nk-banner-features-base {
  z-index: 2;
  height: auto;
}
.nk-banner-features-children {
  z-index: -1;
  position: absolute;
}
.nk-banner-features-children.one, .nk-banner-features-children.three {
  z-index: 1;
}
.nk-banner-features-children.one, .nk-banner-features-children.two, .nk-banner-features-children.three {
  display: none;
}
@media (min-width: 992px) {
  .nk-banner-fintech::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 480px;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../../assets/images/inside-pages/bg/fintech-banner-bg.png");
  }
}
@media (min-width: 1200px) {
  .nk-banner-fintech .nk-banner-wrap {
    padding-top: 155px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767.98px) {
  .nk-banner-fintech .nk-banner-wrap p {
    font-size: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-banner-fintech .nk-frame {
    margin-bottom: -160px;
  }
}
.nk-banner-green-tech {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.nk-banner-green-tech::after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  position: absolute;
  background: rgba(11, 41, 37, 0.4);
}
@media (max-width: 767.98px) {
  .nk-banner-green-tech .nk-banner-wrap {
    padding-bottom: 120px;
  }
}
.nk-banner-podcast::before {
  content: "";
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../assets/images/inside-pages/bg/podcast-banner-bg.png");
}
.nk-banner-podcast .brand-content > p {
  position: relative;
}
.nk-banner-podcast .brand-content > p::after, .nk-banner-podcast .brand-content > p::before {
  content: "";
  top: 50%;
  height: 1px;
  width: 30px;
  position: absolute;
  transform: translateY(-50%);
  background-color: #e5e7eb;
}
@media (min-width: 576px) {
  .nk-banner-podcast .brand-content > p::after, .nk-banner-podcast .brand-content > p::before {
    width: 15%;
  }
}
@media (min-width: 768px) {
  .nk-banner-podcast .brand-content > p::after, .nk-banner-podcast .brand-content > p::before {
    width: 180px;
  }
}
.nk-banner-podcast .brand-content > p::before {
  left: -6px;
}
@media (min-width: 576px) {
  .nk-banner-podcast .brand-content > p::before {
    left: 50px;
  }
}
@media (min-width: 768px) {
  .nk-banner-podcast .brand-content > p::before {
    left: 20px;
  }
}
.nk-banner-podcast .brand-content > p::after {
  right: -6px;
}
@media (min-width: 576px) {
  .nk-banner-podcast .brand-content > p::after {
    right: 50px;
  }
}
@media (min-width: 768px) {
  .nk-banner-podcast .brand-content > p::after {
    right: 20px;
  }
}
.nk-banner-podcast .nk-frame {
  width: 100%;
  height: 100%;
  position: absolute;
}
.nk-banner-podcast .nk-frame-children {
  display: none;
}
@media (min-width: 992px) {
  .nk-banner-podcast .nk-frame-children {
    z-index: 1;
    display: block;
  }
}
@media (min-width: 992px) {
  .nk-banner-podcast .nk-frame-children img {
    width: auto;
    height: 360px;
    object-fit: contain;
  }
}
@media (min-width: 1200px) {
  .nk-banner-podcast .nk-frame-children img {
    height: 480px;
  }
}
@media (min-width: 1601px) {
  .nk-banner-podcast .nk-frame-children img {
    height: auto;
  }
}
@media (min-width: 992px) {
  .nk-banner-podcast .nk-frame-children-one {
    top: 100px;
    left: 30px;
  }
}
@media (min-width: 992px) {
  .nk-banner-podcast .nk-frame-children-one .sub {
    left: 50%;
    bottom: -100px;
    position: absolute;
    transform: translateX(-50%);
  }
}
@media (min-width: 992px) {
  .nk-banner-podcast .nk-frame-children-two {
    bottom: 0;
    right: 30px;
  }
}
@media (min-width: 1601px) {
  .nk-banner-podcast .nk-banner-wrap {
    padding-bottom: 220px;
  }
}
@media (max-width: 767.98px) {
  .nk-banner-podcast .nk-banner-content p {
    font-size: 16px !important;
  }
}
.nk-banner-bs-management {
  z-index: 1;
  width: 100%;
  position: relative;
}
.nk-banner-bs-management::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../assets/images/mask/waves-bg.png");
}
@media (min-width: 1601px) {
  .nk-banner-bs-management::after {
    content: "";
    left: 0;
    width: 100%;
    height: 116px;
    bottom: -70px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../../assets/images/mask/waves-bg-1.png");
  }
}
.nk-banner-bs-management .nk-banner-wrap {
  padding-top: 120px;
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  .nk-banner-bs-management .nk-banner-wrap {
    padding-bottom: 120px;
  }
}
@media (min-width: 992px) {
  .nk-banner-bs-management .nk-banner-wrap {
    padding-top: 160px;
    padding-bottom: 190px;
  }
}
@media (min-width: 1200px) {
  .nk-banner-bs-management .nk-banner-wrap {
    padding-bottom: 240px;
  }
}
.nk-banner-bs-subscription {
  z-index: 1;
  width: 100%;
  position: relative;
  background-color: #2e2951;
}
.nk-banner-bs-subscription::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 530px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../assets/images/mask/skew-banner-1.png");
}
@media (min-width: 1420px) {
  .nk-banner-bs-subscription .nk-banner-cover {
    top: 50%;
    right: -80px;
    position: absolute;
    transform: translateY(-50%);
  }
}
@media (min-width: 1680px) {
  .nk-banner-bs-subscription .nk-banner-cover {
    right: -160px;
  }
}
.nk-banner-bs-driven {
  position: relative;
  margin-top: 90px;
}
@media (min-width: 992px) {
  .nk-banner-bs-driven {
    margin-top: 98px;
  }
}
.nk-banner-bs-driven[data-bg-image] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.nk-banner-bs-driven::after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
  background: rgba(28, 45, 79, 0.715);
}
.nk-banner-bs-driven .nk-banner-wrap {
  padding-top: 60px;
}
@media (min-width: 768px) {
  .nk-banner-bs-driven .nk-banner-wrap {
    padding-top: 120px;
  }
}
.nk-banner-bs-consulting::after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(90deg, rgba(17, 61, 90, 0.9) 32.81%, rgba(17, 60, 89, 0.12) 100%);
}
@media (min-width: 1200px) {
  .nk-banner-bs-consulting .nk-banner-wrap {
    padding-bottom: 280px;
  }
}
.nk-banner-language {
  position: relative;
}
.nk-banner-language::before {
  content: "";
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/inside-pages/bg/world-map.png");
}
.nk-banner-language::after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  position: absolute;
  background: #3f53d8;
}
@media (max-width: 991.98px) {
  .nk-banner-language h1, .nk-banner-language .h1 {
    white-space: nowrap;
  }
}
.nk-banner-language h1 span, .nk-banner-language .h1 span {
  padding: 12px;
  font-weight: 500;
  border-radius: 16px;
  display: inline-block;
}
@media (min-width: 576px) {
  .nk-banner-language h1 span, .nk-banner-language .h1 span {
    margin: 0px 5px;
    padding: 16px 26px;
    border-radius: 24px;
  }
}
.nk-banner-language h1 span:first-child, .nk-banner-language .h1 span:first-child {
  padding: 16px 15px;
  margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
  .nk-banner-language h1 span:first-child, .nk-banner-language .h1 span:first-child {
    width: 40%;
    display: block;
    margin: 0px auto;
    margin-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .nk-banner-language h1 span:first-child, .nk-banner-language .h1 span:first-child {
    width: 60%;
  }
}
@media (max-width: 575.98px) {
  .nk-banner-language h1 span:first-child, .nk-banner-language .h1 span:first-child {
    width: 100%;
    margin-bottom: 12px;
  }
}
.nk-banner-language h1 span:nth-child(2), .nk-banner-language .h1 span:nth-child(2) {
  font-weight: 600;
}
@media (max-width: 575.98px) {
  .nk-banner-language h1 span:nth-child(2), .nk-banner-language .h1 span:nth-child(2) {
    margin-bottom: 12px;
  }
}
@media (max-width: 575.98px) {
  .nk-banner-language h1 span:nth-child(2), .nk-banner-language .h1 span:nth-child(2), .nk-banner-language h1 span:nth-child(3), .nk-banner-language .h1 span:nth-child(3) {
    width: 100%;
    display: block;
  }
}
@media (max-width: 991.98px) {
  .nk-banner-language .nk-banner-wrap {
    padding-top: 120px;
  }
}
.nk-banner-project-manage {
  z-index: 1;
  position: relative;
}
.nk-banner-project-manage::before {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/inside-pages/bg/project-management-banner.svg");
}
@media (max-width: 767.98px) {
  .nk-banner-project-manage .nk-banner-wrap {
    padding-top: 120px;
  }
}
.nk-banner-career-project-manage {
  z-index: 1;
  position: relative;
}
.nk-banner-career-project-manage::before {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/inside-pages/bg/project-management-banner.svg");
}
@media (max-width: 767.98px) {
  .nk-banner-career-project-manage .nk-banner-wrap {
    padding-top: 120px;
  }
}
@media (min-width: 992px) {
  .nk-banner-career-project-manage .nk-banner-wrap {
    padding-top: 160px;
  }
}
@media (min-width: 1200px) {
  .nk-banner-career-project-manage .nk-banner-wrap {
    padding-top: 220px;
  }
}
.nk-banner-career-project-manage .nk-frame {
  width: 100%;
  height: 482px;
  margin: auto;
}
@media (min-width: 768px) {
  .nk-banner-career-project-manage .nk-frame {
    width: 612px;
  }
}
@media (min-width: 1400px) {
  .nk-banner-career-project-manage .nk-frame {
    margin-left: 30px;
  }
}
.nk-banner-career-project-manage .nk-frame img {
  border-radius: 8px;
}
@media (max-width: 575.98px) {
  .nk-banner-career-project-manage .nk-frame-children-two, .nk-banner-career-project-manage .nk-frame-children-four {
    width: 100%;
    height: 240px;
    position: static;
    margin-bottom: 24px;
  }
}
@media (max-width: 575.98px) {
  .nk-banner-career-project-manage .nk-frame-children-two img, .nk-banner-career-project-manage .nk-frame-children-four img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.nk-banner-career-project-manage .nk-frame-children-one {
  display: none;
}
@media (min-width: 576px) {
  .nk-banner-career-project-manage .nk-frame-children-one {
    top: 100px;
    left: 50px;
    display: block;
  }
}
@media (min-width: 768px) {
  .nk-banner-career-project-manage .nk-frame-children-one {
    top: 0px;
    left: 112px;
  }
}
.nk-banner-career-project-manage .nk-frame-children-two {
  top: 0;
  right: 0px;
}
@media (min-width: 768px) {
  .nk-banner-career-project-manage .nk-frame-children-two {
    right: 45px;
  }
}
.nk-banner-career-project-manage .nk-frame-children-three {
  display: none;
}
@media (min-width: 768px) {
  .nk-banner-career-project-manage .nk-frame-children-three {
    left: 0px;
    top: 143px;
    display: block;
  }
}
.nk-banner-career-project-manage .nk-frame-children-four {
  bottom: 0;
  right: 0px;
}
@media (min-width: 768px) {
  .nk-banner-career-project-manage .nk-frame-children-four {
    right: 48px;
  }
}
@media (min-width: 768px) {
  .nk-banner-career-project-manage .nk-frame-children-four {
    right: 0;
  }
}
.nk-banner-career-project-manage .nk-frame-children-five {
  display: none;
}
@media (min-width: 576px) {
  .nk-banner-career-project-manage .nk-frame-children-five {
    left: 10px;
    display: block;
    bottom: 100px;
  }
}
@media (min-width: 768px) {
  .nk-banner-career-project-manage .nk-frame-children-five {
    left: 112px;
    bottom: 0px;
  }
}
@media (max-width: 767.98px) {
  .nk-banner-career-project-manage .nk-search-group {
    gap: 24px;
    padding: 24px;
    flex-direction: column;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .nk-banner-career-project-manage .nk-search-group {
    gap: 12px;
    padding: 24px;
    flex-direction: column;
  }
}
@media (max-width: 767.98px) {
  .nk-banner-career-project-manage .nk-search-group .nk-search-element {
    width: 100%;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .nk-banner-career-project-manage .nk-search-group .nk-search-element {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media (max-width: 767.98px) {
  .nk-banner-career-project-manage .nk-search-group .nk-search-field {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .nk-banner-career-project-manage .nk-search-group .nk-search-field input {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .nk-banner-career-project-manage .nk-search-group .nk-dropdown-select {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .nk-banner-career-project-manage .nk-search-group .nk-search-action {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .nk-banner-career-project-manage .nk-search-group .nk-search-action {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .nk-banner-career-project-manage .nk-search-group .nk-search-action button {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .nk-banner-career-project-manage .nk-search-group .nk-search-action button {
    width: 100%;
    display: inline-block;
  }
}
.nk-banner-career-job-details {
  z-index: 1;
  position: relative;
}
.nk-banner-career-job-details::before {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/inside-pages/bg/career-details-bg.svg");
}
.nk-banner-business-analytics {
  position: relative;
  background-color: #2b5cfd;
}
.nk-banner-business-analytics::after, .nk-banner-business-analytics::before {
  content: "";
  top: 0;
  position: absolute;
}
.nk-banner-business-analytics::before {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 80%;
  background-color: #e8ebff;
}
@media (min-width: 768px) {
  .nk-banner-business-analytics::before {
    height: 60%;
  }
}
@media (min-width: 1200px) {
  .nk-banner-business-analytics::before {
    top: auto;
    bottom: 0;
    width: 54.73%;
    height: 100%;
    height: calc(100% - 104px);
  }
}
.nk-banner-business-analytics::after {
  right: 0;
  height: 40%;
  width: 100%;
  background-color: #2b5cfd;
}
@media (min-width: 1200px) {
  .nk-banner-business-analytics::after {
    width: 45.27%;
    height: 100%;
  }
}
@media (max-width: 1199.98px) {
  .nk-banner-business-analytics .container {
    max-width: 100%;
    padding: 0px;
  }
}
@media (min-width: 992px) {
  .nk-banner-business-analytics .nk-banner-wrap {
    padding-top: 220px;
  }
}
@media (max-width: 1199.98px) {
  .nk-banner-business-analytics .nk-banner-wrap {
    padding-bottom: 0px;
  }
}
.nk-banner-business-analytics .nk-banner-brand {
  gap: 12px;
  width: 250px;
  display: flex;
  padding: 0px 16px;
  background: #fff;
  border-radius: 12px;
  padding-bottom: 12px;
  align-items: center;
  border: 1px solid #2b5cfd;
}
@media (max-width: 1199.98px) {
  .nk-banner-business-analytics .nk-banner-brand {
    margin: 0px auto;
  }
}
.nk-banner-business-analytics .nk-banner-brand .icon {
  flex-shrink: 0;
  margin-top: 6px;
}
.nk-banner-business-analytics .nk-banner-brand .info {
  gap: 16px;
  display: flex;
  align-items: flex-end;
}
.nk-banner-business-analytics .nk-banner-brand .info > div span,
.nk-banner-business-analytics .nk-banner-brand .info > div h6,
.nk-banner-business-analytics .nk-banner-brand .info > div .h6 {
  color: #2b5cfd;
  font-weight: 700;
}
.nk-banner-business-analytics .nk-banner-brand .info > div span {
  font-size: 9px;
  line-height: 0.8;
  text-transform: uppercase;
}
.nk-banner-business-analytics .nk-banner-brand .info > div h6, .nk-banner-business-analytics .nk-banner-brand .info > div .h6 {
  line-height: 1;
  font-size: 20px;
  margin-top: -4px;
}
.nk-banner-business-analytics .nk-banner-brand .count {
  display: flex;
  flex-direction: column;
}
.nk-banner-business-analytics .nk-banner-brand .count p {
  line-height: 1;
  font-weight: 700;
}
.nk-banner-codebase {
  z-index: 1;
  position: relative;
}
.nk-banner-codebase::before {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/inside-pages/bg/codebase-banner-bg.png");
}
@media (max-width: 991.98px) {
  .nk-banner-codebase .nk-frame-children {
    display: none;
  }
}
.nk-banner-codebase .nk-frame-children-one {
  top: 154px;
  right: -100px;
}
.nk-banner-codebase .nk-frame-children-two {
  left: -100px;
  bottom: -154px;
}
.nk-banner-codebase .nk-banner-wrap {
  padding-top: 120px;
}
@media (min-width: 992px) {
  .nk-banner-codebase .nk-banner-wrap {
    padding-top: 220px;
    padding-bottom: 270px;
  }
}
@media (min-width: 1200px) {
  .nk-banner-project-management .nk-banner-wrap {
    padding: 100px 0px;
    padding-top: 114px;
  }
}
@media (min-width: 992px) {
  .nk-banner-dg-business .nk-banner-wrap {
    padding-top: 164px;
  }
}
.nk-banner-dg-business .nk-banner-content .nk-mask {
  z-index: 1;
}
.nk-banner-dg-business .nk-banner-content .nk-mask::before, .nk-banner-dg-business .nk-banner-content .nk-mask::after {
  opacity: 1 !important;
}
@media (min-width: 992px) {
  .nk-banner-dg-business .nk-banner-content .nk-mask::before {
    left: 30px;
    bottom: 0px;
    width: 160px;
    height: 160px;
    background-position: center;
    background-size: contain !important;
    background-image: url("../../assets/images/shape/c1.png");
  }
}
@media (min-width: 992px) {
  .nk-banner-dg-business .nk-banner-content .nk-mask::after {
    top: 0px;
    right: 30px;
    width: 160px;
    height: 160px;
    background-position: center;
    background-size: contain !important;
    background-image: url("../../assets/images/shape/b1.png");
  }
}
.nk-banner-coaching-service .nk-banner-wrap {
  padding-top: 120px;
}
@media (min-width: 1200px) {
  .nk-banner-coaching-service .nk-banner-wrap {
    padding-top: 248px;
    padding-bottom: 220px;
  }
}
.nk-banner-shop {
  position: relative;
  padding-top: 60px;
}
@media (min-width: 992px) {
  .nk-banner-shop {
    padding-top: 100px;
  }
}
.nk-banner-shop .nk-banner-wrap {
  z-index: 1;
  padding: 30px;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}
@media (min-width: 576px) {
  .nk-banner-shop .nk-banner-wrap {
    padding: 60px;
  }
}
.nk-banner-shop .nk-banner-wrap::after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/inside-pages/bg/shop-banner-bg.svg");
}
.nk-banner-shop .nk-countdown {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 576px) {
  .nk-banner-shop .nk-countdown {
    grid-template-columns: repeat(4, 100px);
  }
}
@media (max-width: 1199.98px) {
  .nk-banner-shop .nk-countdown {
    justify-content: center;
  }
}
.nk-banner-saas::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-image: url("../../assets/images/shape/k.png");
}
.nk-banner-crypto::before {
  content: "";
  top: 0;
  left: 0;
  width: 300px;
  height: 800px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/blur/blur-9-a.png");
}
@media (min-width: 1200px) {
  .nk-banner-crypto .nk-banner-wrap {
    padding-top: 271px;
  }
}
.nk-banner-crypto .nk-frame {
  right: 0;
  top: 0px;
  z-index: -1;
  user-select: none;
  position: absolute;
  pointer-events: none;
}
@media (min-width: 768px) {
  .nk-banner-crypto .nk-frame {
    top: 30px;
  }
}
.nk-banner-live-chat-app {
  z-index: 1;
  position: relative;
}
.nk-banner-live-chat-app::before {
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: bottom;
  background-image: url("../../assets/images/inside-pages/bg/live-chat-bg.svg");
}
@media (max-width: 1400px) {
  .nk-banner-live-chat-app::before {
    background-size: contain;
  }
}
.nk-banner-live-chat-app .nk-banner-brands h6, .nk-banner-live-chat-app .nk-banner-brands .h6 {
  position: relative;
}
.nk-banner-live-chat-app .nk-banner-brands h6::before, .nk-banner-live-chat-app .nk-banner-brands .h6::before, .nk-banner-live-chat-app .nk-banner-brands h6::after, .nk-banner-live-chat-app .nk-banner-brands .h6::after {
  content: "";
  top: 50%;
  width: 15%;
  height: 1px;
  position: absolute;
  transform: translateY(-50%);
  background-color: #e5e7eb;
}
@media (min-width: 576px) {
  .nk-banner-live-chat-app .nk-banner-brands h6::before, .nk-banner-live-chat-app .nk-banner-brands .h6::before, .nk-banner-live-chat-app .nk-banner-brands h6::after, .nk-banner-live-chat-app .nk-banner-brands .h6::after {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .nk-banner-live-chat-app .nk-banner-brands h6::before, .nk-banner-live-chat-app .nk-banner-brands .h6::before, .nk-banner-live-chat-app .nk-banner-brands h6::after, .nk-banner-live-chat-app .nk-banner-brands .h6::after {
    width: 50%;
  }
}
.nk-banner-live-chat-app .nk-banner-brands h6::before, .nk-banner-live-chat-app .nk-banner-brands .h6::before {
  left: 0px;
}
@media (min-width: 576px) {
  .nk-banner-live-chat-app .nk-banner-brands h6::before, .nk-banner-live-chat-app .nk-banner-brands .h6::before {
    left: 16px;
  }
}
@media (min-width: 768px) {
  .nk-banner-live-chat-app .nk-banner-brands h6::before, .nk-banner-live-chat-app .nk-banner-brands .h6::before {
    left: 30px;
  }
}
@media (min-width: 992px) {
  .nk-banner-live-chat-app .nk-banner-brands h6::before, .nk-banner-live-chat-app .nk-banner-brands .h6::before {
    left: 50px;
  }
}
@media (min-width: 1200px) {
  .nk-banner-live-chat-app .nk-banner-brands h6::before, .nk-banner-live-chat-app .nk-banner-brands .h6::before {
    content: none;
  }
}
.nk-banner-live-chat-app .nk-banner-brands h6::after, .nk-banner-live-chat-app .nk-banner-brands .h6::after {
  right: 0px;
}
@media (min-width: 576px) {
  .nk-banner-live-chat-app .nk-banner-brands h6::after, .nk-banner-live-chat-app .nk-banner-brands .h6::after {
    right: 16px;
  }
}
@media (min-width: 768px) {
  .nk-banner-live-chat-app .nk-banner-brands h6::after, .nk-banner-live-chat-app .nk-banner-brands .h6::after {
    right: 30px;
  }
}
@media (min-width: 992px) {
  .nk-banner-live-chat-app .nk-banner-brands h6::after, .nk-banner-live-chat-app .nk-banner-brands .h6::after {
    right: 50px;
  }
}
@media (min-width: 1200px) {
  .nk-banner-live-chat-app .nk-banner-brands h6::after, .nk-banner-live-chat-app .nk-banner-brands .h6::after {
    right: 30px;
  }
}
.nk-banner-help-desk {
  background: linear-gradient(101.8deg, rgba(199, 204, 255, 0.9) 0%, rgba(211, 216, 255, 0.9) 50%, rgba(191, 198, 255, 0.9) 100%);
}
@media (min-width: 1200px) {
  .nk-banner-help-desk .nk-banner-wrap {
    padding-top: 220px;
  }
}
@media (max-width: 991.98px) {
  .nk-banner-help-desk .nk-frame {
    text-align: right;
  }
}
.nk-banner-help-desk .nk-frame-base, .nk-banner-help-desk .nk-frame-children {
  padding: 6px;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
  background-color: #fff;
}
@media (max-width: 767.98px) {
  .nk-banner-help-desk .nk-frame-base {
    width: 100%;
  }
}
.nk-banner-help-desk .nk-frame-children {
  display: none;
}
@media (min-width: 992px) {
  .nk-banner-help-desk .nk-frame-children {
    left: 10px;
    bottom: 290px;
    display: block;
    position: absolute;
  }
}
@media (min-width: 1200px) {
  .nk-banner-help-desk .nk-frame-children {
    left: -80px;
    bottom: -40px;
  }
}
@media (min-width: 1600px) {
  .nk-banner-help-desk .nk-frame-children {
    left: -100px;
    bottom: -80px;
  }
}

.nk-ribbon {
  background-color: #122544;
  padding: 4px 10px 4px 4px;
  display: inline-flex;
  align-items: center;
  border-radius: 30px;
}
.nk-ribbon a {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}
.nk-ribbon a span + .icon,
.nk-ribbon a .icon + span {
  margin-left: 6px;
}

.home-saas .nk-header.is-theme .banner-text {
  opacity: 0.7;
}

.features-banner {
  display: flex;
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
  align-items: center;
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.features-banner-info, .features-banner-cover {
  width: 100%;
}
.features-banner-info {
  order: 2;
}
.features-banner-cover {
  order: 1;
  height: 22.5rem;
  position: relative;
  background-color: #eaefff;
}
.features-banner-cover img {
  top: 50%;
  right: 0px;
  position: absolute;
  transform: translateY(-50%);
}

@media (min-width: 576px) {
  .features-banner-cover {
    height: 32rem;
  }
}
@media (min-width: 768px) {
  .nk-banner-img-s1 .thumb {
    position: absolute;
  }
  .nk-banner-img-s1 .thumb-1 {
    bottom: -12%;
  }
  .nk-banner-features-children.one {
    top: -36px;
    left: -12px;
    display: block;
  }
  .nk-banner-features-children.three {
    right: -70px;
    bottom: -70px;
    display: block;
  }
}
@media (min-width: 992px) {
  .nk-banner-wrap-analytics {
    padding-top: 210px !important;
  }
  .nk-banner-card {
    padding: 140px 100px;
  }
  .nk-banner-business-feature {
    padding-top: 108px !important;
  }
  .nk-banner-features-base {
    height: 500px;
  }
  .nk-banner-features-children.one {
    top: 86px;
    left: -24px;
  }
  .nk-banner-features-children.two {
    top: -120px;
    right: 0px;
    display: block;
  }
  .nk-banner-features-children.three {
    bottom: 0px;
    left: -45px;
  }
  .features-banner {
    align-items: center;
    flex-direction: row !important;
  }
  .features-banner-info {
    order: 1;
    width: 55%;
  }
  .features-banner-cover {
    order: 2;
    width: 45%;
    height: auto;
  }
  .features-banner-cover img {
    position: static;
    transform: translateY(0);
  }
}
@media (min-width: 1200px) {
  .nk-banner-features-children.one {
    top: 75px;
    left: 190px;
  }
  .nk-banner-features-children.two {
    top: -115px;
    right: 80px;
  }
  .nk-banner-features-children.three {
    left: -30px;
    bottom: -75px;
  }
}
.shape-44::before, .shape-43::before, .shape-43::after, .shape-43-a::before, .shape-43-a::after, .shape-42::before, .shape-42::after, .shape-41::after, .shape-37::before, .shape-37::after, .shape-36::after, .shape-36::before, .shape-35::before, .shape-35::after, .shape-34::after, .shape-34::before, .shape-33::after, .shape-32::before, .shape-32::after, .shape-31::after, .shape-30::before, .shape-30::after, .shape-30-a::before, .shape-30-a::after, .shape-29::before, .shape-29::after, .shape-28::before, .shape-28::after, .shape-22::before, .shape-22::after, .shape-21::after, .shape-20::after, .shape-19::after, .shape-18::after, .shape-17::after, .shape-16::after, .shape-15::after, .shape-14::after, .shape-13::after, .shape-12::after, .shape-11::after, .shape-10::after, .shape-6::before, .shape-6::after, .shape-5::after, .shape-4::after, .shape-4-a::after, .shape-4-b::after, .shape-3::after, .shape-1::after, .home-live-chat-app .nk-section-support::after, .home-bs-solution .nk-section-content .nk-mask.shape::before, .home-bs-solution .nk-section-content .nk-mask.shape::after, .nk-banner-dg-business .nk-banner-content .nk-mask::before, .nk-banner-dg-business .nk-banner-content .nk-mask::after, .nk-banner-saas::after {
  content: "";
  z-index: -1;
  opacity: 0.6;
  user-select: none;
  position: absolute;
  pointer-events: none;
  background-size: cover;
  background-repeat: no-repeat;
}

.nk-section[class^=bg-] {
  display: none;
}

.nk-section {
  z-index: 1;
  position: relative;
  padding: 30px 0px;
}
@media (min-width: 992px) {
  .nk-section {
    padding: 30px 0px;
  }
}
.nk-section-head {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .nk-section-head {
    padding-bottom: 60px;
  }
}
.nk-section-subtitle {
  display: inline-block;
  color: #2b5cfd;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0px;
  line-height: 1.14;
  margin-bottom: 16px;
  text-transform: uppercase;
  background: none;
  border-radius: none;
}
.nk-section-title {
  font-size: 1.75rem;
  color: #0a1425;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .nk-section-title {
    font-size: 2.5rem;
  }
}
.nk-section-text {
  font-size: 16px;
  margin: 0;
  color: #64728f;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .nk-section-text {
    font-size: 1.25rem;
  }
}

.nk-section-space {
  padding: 30px 0px;
}
@media (min-width: 576px) {
  .nk-section-space {
    padding: 3.75rem 0px;
  }
}
.nk-section-space-lg {
  padding: 30px 0px;
}
@media (min-width: 576px) {
  .nk-section-space-lg {
    padding: 3.75rem 0px;
  }
}
@media (min-width: 992px) {
  .nk-section-space-lg {
    padding: 7.5rem 0px;
  }
}

.nk-section-tools {
  z-index: 1;
  overflow: hidden;
  position: relative;
}
.nk-section-integrate .nk-block-head-content {
  padding: 60px 0px;
}
.nk-section-teams .nk-section-content .swiper-slide {
  transform: scale(0.8);
  transition: all 0.3s linear;
}
.nk-section-teams .nk-section-content .swiper-slide img {
  transition: all 0.3s ease-in;
  filter: grayscale(100%) blur(1px);
  -webkit-filter: grayscale(100%) blur(1px);
}
.nk-section-teams .nk-section-content .swiper-slide-active {
  transform: scale(1);
}
.nk-section-teams .nk-section-content .swiper-slide-active img {
  filter: grayscale(0%) blur(0px);
  -webkit-filter: grayscale(0%) blur(0px);
}
.nk-section-teams .nk-section-content .swiper-pagination {
  margin: 0px auto;
  position: static;
  padding-top: 30px;
}
@media (min-width: 992px) {
  .nk-section-teams .nk-section-content .swiper-pagination {
    padding-top: 60px;
  }
}
.nk-section-teams .nk-section-content .swiper-pagination-bullet {
  transition: all 0.2s linear;
}
.nk-section-teams .nk-section-content .swiper-pagination-bullet-active {
  width: 24px;
  border-radius: 6px;
}
.nk-section-info-about .nk-frame-children {
  display: none;
}
@media (min-width: 768px) {
  .nk-section-info-about .nk-frame-children {
    bottom: 0;
    left: -30px;
    display: block;
  }
}
@media (min-width: 992px) {
  .nk-section-info-about .nk-frame-children {
    bottom: -30px;
  }
}
@media (min-width: 992px) {
  .nk-section-job-details {
    margin-top: -280px;
  }
}
@media (max-width: 767.98px) {
  .nk-section-job-details .nk-section-wrap {
    padding-top: 120px;
  }
}
@media (min-width: 992px) {
  .nk-section-job-details .nk-section-content {
    border-radius: 16px;
    background-color: #fff;
    border: 1px solid #e5e7eb;
  }
}
@media (min-width: 992px) {
  .nk-section-job-details .nk-entry {
    border-right: 1px solid #e5e7eb;
  }
}
@media (min-width: 992px) {
  .nk-section-products .nk-section-content-sidebar {
    left: 0;
    top: 120px;
    position: sticky;
  }
}
.nk-section-product-details {
  z-index: 1;
  position: relative;
}
.nk-section-product-details::before {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
 
}
.nk-section-product-details .nk-product-specification {
  gap: 14px;
  display: flex;
  flex-direction: column;
}
.nk-section-product-details .nk-product-specification-content {
  gap: 50px;
  display: flex;
  max-width: 300px;
  align-items: center;
  justify-content: space-between;
}
.nk-section-product-details .nk-product-specification-content .color-select {
  gap: 10px;
  display: flex;
  align-items: center;
}
.nk-section-product-details .nk-product-specification-content .color-select .form-check-input {
  width: 18px;
  height: 18px;
}
.nk-section-product-details .nk-product-specification-content .color-select .form-check-input:checked {
  box-shadow: none;
  background: none;
  transition: all 0.2s ease-in-out;
}
.nk-section-product-details .nk-product-specification-content .color-select .form-check-input.almond {
  border-color: transparent;
  background-color: #eed5c1;
}
.nk-section-product-details .nk-product-specification-content .color-select .form-check-input.almond:checked {
  border-color: #faf3ed;
}
.nk-section-product-details .nk-product-specification-content .color-select .form-check-input.steel-blue {
  border-color: transparent;
  background-color: #64728f;
}
.nk-section-product-details .nk-product-specification-content .color-select .form-check-input.steel-blue:checked {
  border-color: #d1d5de;
}
.nk-section-product-details .nk-product-specification-content .color-select .form-check-input.electric-blue {
  border-color: transparent;
  background-color: #13d5ff;
}
.nk-section-product-details .nk-product-specification-content .color-select .form-check-input.electric-blue:checked {
  border-color: #b9f3ff;
}
.nk-section-product-details .nk-product-specification-content .color-select .form-check-input.dark-olive {
  border-color: transparent;
  background-color: #49430b;
}
.nk-section-product-details .nk-product-specification-content .color-select .form-check-input.dark-olive:checked {
  border-color: #c9c7b6;
}
.nk-section-product-details .nk-social > ul {
  gap: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.nk-section-product-details .nk-social > ul li {
  position: relative;
}
.nk-section-product-details .nk-social > ul li::after {
  content: "";
  width: 1px;
  height: 50%;
  top: 50%;
  right: -7px;
  position: absolute;
  transform: translateY(-50%);
  background-color: #64728f;
}
.nk-section-product-details .nk-social > ul li:nth-last-child(1)::after {
  display: none;
}
.nk-section-product-details .nk-nav-tabs .nav-tabs {
  gap: 12px;
  border-bottom: 1px solid #e5e7eb;
}
@media (min-width: 768px) {
  .nk-section-product-details .nk-nav-tabs .nav-tabs {
    gap: 20px;
  }
}
.nk-section-product-details .nk-nav-tabs .nav-tabs .nav-link {
  border: 0;
  padding: 0px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.14;
  border-radius: 0px;
  color: #64728f;
  padding-bottom: 12px;
  text-transform: uppercase;
  transition: all 0.3s linear;
  border-bottom: 2px solid transparent;
}
@media (min-width: 768px) {
  .nk-section-product-details .nk-nav-tabs .nav-tabs .nav-link {
    padding-bottom: 24px;
  }
}
.nk-section-product-details .nk-nav-tabs .nav-tabs .nav-link.active {
  color: #0a1425;
  border-color: #2b5cfd;
}
.nk-section-product-details .swiper.product-slider-lg .swiper-slide {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.nk-section-product-details .swiper.product-slider-sm .swiper-slide {
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  transition: all 0.3s linear;
  border: 2px solid transparent;
}
.nk-section-product-details .swiper.product-slider-sm .swiper-slide-thumb-active {
  border-color: #2b5cfd;
}
.nk-section-product-details .swiper-button-next, .nk-section-product-details .swiper-button-prev {
  opacity: 0.6;
  transition: all 0.3s linear;
}
.nk-section-product-details .swiper-button-next:hover, .nk-section-product-details .swiper-button-prev:hover {
  opacity: 1;
}
@media (min-width: 768px) {
  .nk-section-complishment .nk-section-content {
    padding: 30px;
    border-radius: 24px;
    background-color: #fff;
    box-shadow: 4px 4px 36px 0px rgba(192, 192, 192, 0.1607843137), -4px -4px 36px 0px rgba(192, 192, 192, 0.1215686275);
  }
}
@media (min-width: 992px) {
  .nk-section-complishment .nk-section-content {
    padding: 60px;
  }
}
@media (min-width: 1200px) {
  .nk-section-complishment .nk-section-content {
    margin-top: -180px;
  }
}

.careers .nk-section-career-details .nk-section-blog-details ul li p:nth-child(1) {
  width: 30%;
}
.careers .nk-section-career-details .nk-section-blog-details ul li p:last-child(1) {
  width: 70%;
}

/** Home Pages **/
.home-bs-consulting .nk-section-case {
  background-size: cover;
  background-position: center;
}
.home-bs-consulting .nk-section-case::after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  position: absolute;
  background: linear-gradient(90deg, #2f5f70 10.12%, rgba(47, 95, 112, 0) 100%);
}
.home-bs-solution .nk-section-content .nk-mask {
  z-index: 1;
}
.home-bs-solution .nk-section-content .nk-mask.shape::before, .home-bs-solution .nk-section-content .nk-mask.shape::after {
  top: 0;
  z-index: 1;
  height: 100%;
  width: 558px;
  background-position: center;
}
.home-bs-solution .nk-section-content .nk-mask.shape::before {
  left: 0;
  background-image: url("../../assets/images/shape/y.png");
}
.home-bs-solution .nk-section-content .nk-mask.shape::after {
  right: 0;
  background-image: url("../../assets/images/shape/z.png");
}
@media (max-width: 767.98px) {
  .home-bs-management .nk-section-player {
    padding-bottom: 30px;
  }
}
.home-bs-management .nk-section-player .nk-frame {
  z-index: 1;
}
@media (max-width: 767.98px) {
  .home-bs-management .nk-section-player .nk-frame-children {
    display: none;
  }
}
.home-bs-management .nk-section-player .nk-frame-children-one {
  top: -50px;
  left: -45px;
}
.home-bs-management .nk-section-player .nk-frame-children-two {
  right: 0px;
  z-index: -1;
  bottom: -45px;
}
@media (min-width: 768px) {
  .home-bs-management .nk-section-player .nk-frame-children-two {
    right: -50px;
  }
}
.home-bs-management .nk-section-player .nk-video {
  height: auto;
  margin-top: 60px;
}
@media (min-width: 992px) {
  .home-bs-management .nk-section-player .nk-video {
    margin-top: -130px;
  }
}
.home-bs-management .nk-section-player .nk-video-img {
  width: 100%;
}
.home-bs-management .nk-section-player .nk-video-counter {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .home-bs-management .nk-section-player .nk-video-counter {
    z-index: 6;
    width: 80%;
    margin: 0px auto;
    margin-top: -80px;
    position: relative;
  }
}
@media (min-width: 992px) {
  .home-bs-management .nk-section-player .nk-video-counter {
    width: 95%;
  }
}
@media (min-width: 1200px) {
  .home-bs-management .nk-section-player .nk-video-counter {
    width: 928px;
  }
}
@media (min-width: 992px) {
  .home-fintech .nk-section-testimonial::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 480px;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../../assets/images/inside-pages/bg/fintech-banner-bg.png");
  }
}
@media (min-width: 992px) {
  .home-fintech .nk-section-testimonial .swiper-button-group {
    bottom: 0px;
    right: 120px;
    position: absolute;
  }
}
@media (min-width: 992px) {
  .home-fintech .nk-section-testimonial .swiper-button-prev, .home-fintech .nk-section-testimonial .swiper-button-next {
    position: static;
  }
}
@media (min-width: 992px) {
  .home-fintech .nk-section-call-action .nk-section-content {
    margin-bottom: -90px;
  }
}
@media (min-width: 992px) {
  .home-green-tech .nk-section-testimonials {
    z-index: 2;
    margin-top: -124px;
  }
}
@media (min-width: 992px) {
  .home-green-tech .nk-section-testimonials .nk-button {
    left: 0;
    top: 50px;
    position: absolute;
  }
}
@media (min-width: 1200px) {
  .home-green-tech .nk-section-testimonials .nk-button {
    top: 48px;
  }
}
.home-green-tech .nk-section-revolution {
  padding: 60px 0px;
}
.home-green-tech .nk-section-revolution::before {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/inside-pages/bg/green-tech-bg-1.svg");
}
@media (min-width: 992px) {
  .home-green-tech .nk-section-revolution {
    margin-top: -212px;
    padding-top: 280px;
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) {
  .home-green-tech .nk-section-revolution {
    margin-top: -244px;
    padding-top: 370px;
    padding-bottom: 220px;
  }
}
@media (max-width: 1199.98px) {
  .home-green-tech .nk-section-power-info {
    padding: 60px 0px;
  }
}
@media (min-width: 1200px) {
  .home-green-tech .nk-section-power-info {
    margin-top: -60px;
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) {
  .home-green-tech .nk-section-power-info {
    margin-top: -100px;
  }
}
@media (min-width: 1200px) {
  .home-green-tech .nk-section-power-info .nk-frame-info {
    width: 650px;
    height: auto;
    position: absolute;
  }
}
@media (max-width: 767.98px) {
  .home-green-tech .nk-section-power-info .nk-frame-info p {
    font-size: 16px !important;
  }
}
@media (min-width: 1200px) {
  .home-green-tech .nk-section-power-info .nk-frame-one .nk-frame-info {
    right: 0;
    top: 180px;
  }
}
@media (min-width: 1200px) {
  .home-green-tech .nk-section-power-info .nk-frame-two {
    text-align: right;
    margin-top: 172px;
  }
}
.home-green-tech .nk-section-power-info .nk-frame-two .nk-frame-info {
  left: 0;
  top: -170px;
  text-align: left;
}
@media (max-width: 1199.98px) {
  .home-green-tech .nk-section-community .nk-frame > img {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .home-green-tech .nk-section-community .nk-frame-info {
    top: 50%;
    right: 0;
    width: 645px;
    position: absolute;
    transform: translateY(-50%);
  }
}
@media (max-width: 767.98px) {
  .home-green-tech .nk-section-community .nk-frame-info p {
    font-size: 16px !important;
  }
}
.home-green-tech .nk-section-stories::before {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/inside-pages/bg/green-tech-cta-bg.png");
}
@media (min-width: 992px) {
  .home-green-tech .nk-section-stories .nk-frame .nk-video-btn {
    top: auto;
    left: auto;
    right: 30px;
    bottom: 30px;
    transform: none;
  }
}
.home-help-desk .nk-section-goals-term {
  z-index: 2;
  width: 100%;
  position: relative;
}
.home-help-desk .nk-section-goals-term[data-bg-image] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.home-help-desk .nk-section-goals-term::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  position: absolute;
  background-color: rgba(0, 10, 99, 0.4);
}
.home-live-chat-app .nk-section-support::after {
  right: 0;
  top: -60px;
  width: 36.9%;
  height: calc(100% + 60px);
  border-top-left-radius: 240px;
  background-color: #e3f1ef;
}
.home-live-chat-app .nk-section-support .nk-mask.shape::after, .home-live-chat-app .nk-section-support .nk-mask.shape::before {
  content: "";
  z-index: -1;
  opacity: 0.6;
  user-select: none;
  position: absolute;
  pointer-events: none;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .home-live-chat-app .nk-section-support .nk-mask.shape::before {
    top: 0;
    left: 0;
    width: 266px;
    height: 449px;
    background-size: contain;
    background-image: url("../../assets/images/inside-pages/objects/object-2.png");
  }
}
@media (min-width: 992px) {
  .home-live-chat-app .nk-section-support .nk-mask.shape::after {
    right: 0;
    bottom: 0;
    width: 330px;
    height: 330px;
    background-size: contain;
    background-image: url("../../assets/images/inside-pages/objects/object-1.png");
  }
}
.home-live-chat-app .nk-section-cta::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/inside-pages/bg/live-chat-cta-bg.png");
}
.home-podcast-app .nk-section-feature .swiper-button-group {
  position: static;
}
.home-podcast-app .nk-section-feature .swiper-button-prev, .home-podcast-app .nk-section-feature .swiper-button-next {
  position: static;
}
.home-podcast-app .nk-section-podcast-cta .nk-section-content {
  z-index: 1;
  position: relative;
}
.home-podcast-app .nk-section-podcast-cta .nk-section-content .nk-mask.blur::after, .home-podcast-app .nk-section-podcast-cta .nk-section-content .nk-mask.blur::before {
  content: "";
  width: auto;
  height: auto;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
.home-podcast-app .nk-section-podcast-cta .nk-section-content .nk-mask.blur::before {
  top: -260px;
  width: 977px;
  height: 923px;
  background-image: url("../../assets/images//blur/cta-podcast-blur-1.png");
}
.home-podcast-app .nk-section-podcast-cta .nk-section-content .nk-mask.blur::after {
  bottom: 0px;
  right: -32px;
  width: 572px;
  height: 540px;
  background-image: url("../../assets/images//blur/cta-podcast-blur-2.png");
}
@media (max-width: 767.98px) {
  .home-podcast-app .nk-section-podcast-cta .nk-section-content p {
    font-size: 16px !important;
  }
}

.nk-section-help-desk-feature .nk-frame img {
  overflow: hidden;
  border-radius: 1rem;
}
.nk-section-help-desk-feature .layout-one .nk-frame {
  width: 100%;
}
@media (min-width: 768px) {
  .nk-section-help-desk-feature .layout-one .nk-frame {
    width: 712.37px;
    height: 603.83px;
  }
}
@media (min-width: 768px) {
  .nk-section-help-desk-feature .layout-one .nk-frame {
    margin: auto;
  }
}
.nk-section-help-desk-feature .layout-one .nk-frame-children {
  position: relative;
}
@media (min-width: 1200px) {
  .nk-section-help-desk-feature .layout-one .nk-frame-children {
    position: absolute;
  }
}
@media (min-width: 1200px) {
  .nk-section-help-desk-feature .layout-one .nk-frame-children-one {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
@media (max-width: 767.98px) {
  .nk-section-help-desk-feature .layout-one .nk-frame-children-one img {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .nk-section-help-desk-feature .layout-one .nk-frame-children-two, .nk-section-help-desk-feature .layout-one .nk-frame-children-three {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .nk-section-help-desk-feature .layout-one .nk-frame-children-two, .nk-section-help-desk-feature .layout-one .nk-frame-children-three {
    position: absolute;
  }
}
@media (min-width: 768px) {
  .nk-section-help-desk-feature .layout-one .nk-frame-children-two {
    top: 0px;
    right: 70px;
  }
}
@media (min-width: 768px) {
  .nk-section-help-desk-feature .layout-one .nk-frame-children-three {
    width: 252px;
    right: 70px;
    bottom: 48px;
  }
}
@media (min-width: 1400px) {
  .nk-section-help-desk-feature .layout-one .nk-frame-children-three {
    right: 0;
    bottom: 0;
    width: auto;
  }
}

.careers .nk-section-space {
  padding: 30px 0px;
}
@media (min-width: 992px) {
  .careers .nk-section-space {
    padding: 3.75rem 0px;
  }
}
.careers .nk-section-space-lg {
  padding: 30px 0px;
}
@media (min-width: 992px) {
  .careers .nk-section-space-lg {
    padding: 7.5rem 0px;
  }
}

@media (min-width: 992px) {
  .nk-section-blog-sidebar {
    top: 120px;
    left: 0px;
    position: sticky;
  }
  .nk-section-terms .nk-entry-sidebar {
    top: 120px;
    left: 0px;
    position: sticky;
  }
  .nk-section-integrate .nk-block-head-content {
    padding: 120px 0px;
  }
  .nk-section-integrate::before {
    display: none;
  }
}
@media (min-width: 1200px) {
  .nk-section-integrate .nk-block-head-content {
    padding: 245px 0px;
  }
}
.nk-platform {
  position: relative;
}
.nk-platform-nav {
  gap: 24px;
  z-index: 1;
  position: relative;
  padding-bottom: 1.875rem;
}
.nk-platform-nav .nav-link {
  font-size: 1.5rem;
  overflow: hidden;
  border-radius: 50%;
  align-items: center;
  display: inline-flex;
  width: 3.3333333333rem;
  height: 3.3333333333rem;
  background-color: #fff;
  justify-content: center;
}
.nk-platform-tab-content {
  position: relative;
}
.nk-platform-tiles {
  position: relative;
  text-align: center;
  border-radius: 0.75rem;
}

.platform-content {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 576px) {
  .platform-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .platform-content {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .platform-content {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1400px) {
  .platform-content {
    gap: 32px;
  }
}
@media (min-width: 768px) {
  .nk-platform-nav {
    gap: 48px;
    padding-bottom: 3.75rem;
  }
  .nk-platform-nav .nav-link {
    width: 4.1666666667rem;
    height: 4.1666666667rem;
  }
}
@media (min-width: 992px) {
  .nk-platform-nav {
    gap: 48px;
    padding-bottom: 3.75rem;
  }
  .nk-platform-nav .nav-link {
    width: 5rem;
    height: 5rem;
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .nk-platform-tiles img {
    height: auto !important;
  }
}
.nk-footer {
  background-color: #fff;
}
.nk-footer-top .nk-footer-content {
  border-bottom: 1px solid #e5e7eb;
  padding: 3.125rem 0px;
}
@media (min-width: 768px) {
  .nk-footer-top .nk-footer-content {
    padding: 3.75rem 0px;
  }
}
.nk-footer-bottom .nk-footer-content {
  padding: 0.9375rem 0px;
}
@media (min-width: 768px) {
  .nk-footer-bottom .nk-footer-content {
    padding: 1.875rem 0px;
  }
}
.nk-footer-menu {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .nk-footer-menu {
    flex-wrap: nowrap;
    gap: 48px;
  }
}
@media (min-width: 992px) {
  .nk-footer-menu {
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .nk-footer-menu {
    gap: 90px;
  }
}
.nk-footer-menu li a {
  color: #0a1425;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.14;
  text-align: right;
  text-transform: uppercase;
  transition: all 0.3s linear;
}
.nk-footer-menu li a:hover {
  color: #2b5cfd;
}
.nk-footer-text {
  color: #0a1425;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  text-transform: capitalize;
}
.nk-footer-text:hover {
  color: #2b5cfd;
}
.nk-footer-copyright-text {
  color: #0a1425;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  text-transform: capitalize;
}
.nk-footer-brand-info .nk-footer-logo {
  margin-bottom: 16px;
}
.nk-footer-brand-info p {
  font-size: 16px;
  line-height: 1.5;
}
.nk-footer-social {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}
.nk-footer-social li a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  width: 40px;
  height: 40px;
  color: #fff;
  border: 0px solid #e5e7eb;
  border-radius: 6px;
  background-color: #2b5cfd;
}
@media (max-width: 575.98px) {
  .nk-footer-info {
    margin-bottom: 24px;
  }
}
.nk-footer-info .title {
  margin-bottom: 24px;
  color: #0a1425;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 700;
  text-transform: capitalize;
}
@media (min-width: 576px) {
  .nk-footer-info .title {
    margin-bottom: 24px;
  }
}
.nk-footer-info ul li a {
  transition: all 0.3s linear;
  color: #64728f;
  font-size: 1rem;
  text-transform: capitalize;
  line-height: 1.5;
}
.nk-footer-info ul li a:hover {
  color: #2b5cfd;
}
.nk-footer-copyright {
  gap: 6px;
  display: flex;
  align-items: center;
}
@media (min-width: 576px) {
  .nk-footer-copyright {
    gap: 16px;
  }
}
.nk-footer-copyright li {
  position: relative;
}
.nk-footer-copyright li::after {
  content: "";
  width: 1px;
  right: -4px;
  position: absolute;
  top: calc(50% + 3px);
  height: calc(100% - 12px);
  background-color: #dadbdd;
  transform: translateY(-50%);
}
@media (min-width: 576px) {
  .nk-footer-copyright li::after {
    right: -8px;
  }
}
.nk-footer-copyright li:nth-last-child(1)::after {
  display: none;
}
.nk-footer-copyright li a {
  white-space: nowrap;
}

.nk-footer-landing-copyright {
  text-align: center;
  background-color: #122544;
}
.nk-footer-landing-copyright span {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.nk-footer-bottom .nk-list-link li {
  position: relative;
}
.nk-footer-bottom .nk-list-link li::after {
  content: "";
  width: 1px;
  top: 50%;
  right: 0px;
  height: 80%;
  position: absolute;
  background-color: #0a1425;
  transform: translateY(-50%);
}
.nk-footer-bottom .nk-list-link li:nth-last-child(1)::after {
  display: none;
}

/** UTILITES */
canvas {
  width: 100%;
  max-width: 100%;
}

body {
  color: #64728f;
  font-size: 1rem;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}

a {
  transition: color 0.2s, background-color 0.2s, border 0.2s, box-shadow 0.2s;
}

h1,
.h1,
h2,
h3,
h4,
h5,
h6,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: bold;
  color: #0a1425;
}

h1:where(:last-child),
h2:where(:last-child),
h3:where(:last-child),
h4:where(:last-child),
h5:where(:last-child),
h6:where(:last-child),
.h1:where(:last-child),
.h2:where(:last-child),
.h3:where(:last-child),
.h4:where(:last-child),
.h5:where(:last-child),
.h6:where(:last-child),
p:where(:last-child) {
  margin-bottom: 0;
}
.is-theme h1,
.is-theme h2,
.is-theme h3,
.is-theme h4,
.is-theme h5,
.is-theme h6,
.is-theme .h1,
.is-theme .h2,
.is-theme .h3,
.is-theme .h4,
.is-theme .h5,
.is-theme .h6,
.is-theme p {
  color: #fff;
}

.point-none:hover {
  color: inherit;
}

.is-theme .nk-nav-btns .btn,
.is-theme .nk-nav-btns .btn:hover {
  color: #fff;
}
.is-theme .nk-nav-btns .btn-primary:hover,
.is-theme .nk-nav-btns .btn-danger:hover,
.is-theme .nk-nav-btns .btn-success:hover,
.is-theme .nk-nav-btns .btn-info:hover,
.is-theme .nk-nav-btns .btn-secondary:hover,
.is-theme .nk-nav-btns .btn-white:hover,
.is-theme .nk-nav-btns .btn-outline-primary:hover,
.is-theme .nk-nav-btns .btn-outline-danger:hover,
.is-theme .nk-nav-btns .btn-outline-success:hover,
.is-theme .nk-nav-btns .btn-outline-info:hover,
.is-theme .nk-nav-btns .btn-outline-secondary:hover,
.is-theme .nk-nav-btns .btn-outline-white:hover {
  color: #0a1425;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

hr {
  border: 0;
  color: inherit;
  margin: 1rem 0;
  border-top: 1px solid #e5e7eb;
  opacity: 1;
}

.display-6 {
  letter-spacing: -0.025em;
  line-height: 1.32;
}

h1,
.h1 {
  line-height: 1.33;
}

h2,
.h2 {
  line-height: 1.2;
}

h3,
.h3 {
  line-height: 1.61;
  letter-spacing: -0.02em;
}

h4,
.h4 {
  line-height: 1.68;
  letter-spacing: -0.015em;
}

h5,
.h5 {
  line-height: 1.6;
  letter-spacing: -0.01em;
}

h6,
.h6 {
  line-height: 1.58;
}

.smaller {
  line-height: 1.7;
}

.small {
  line-height: 1.6;
}

.rounded-16 {
  border-radius: 1rem;
}

@media (max-width: 575.98px) {
  .home-collaboration-tool .nk-section-space {
    padding: 60px 0px;
  }
}
@media (max-width: 575.98px) {
  .home-collaboration-tool .nk-section-space-lg {
    padding: 60px 0px;
  }
}
@media (max-width: 767.98px) {
  .home-codebase .btn, .home-bs-consulting .btn {
    padding: 8px 16px;
  }
}

.home-live-chat-app .display-6 {
  letter-spacing: -0.025em;
  line-height: 1.12;
}
.home-live-chat-app h1,
.home-live-chat-app .h1 {
  line-height: 1.33;
  letter-spacing: -0.02em;
}
.home-live-chat-app h2,
.home-live-chat-app .h2 {
  line-height: 1.41;
  letter-spacing: -0.02em;
}
.home-live-chat-app h3,
.home-live-chat-app .h3 {
  line-height: 1.4;
}
.home-live-chat-app h4,
.home-live-chat-app .h4 {
  line-height: 1.68;
}
.home-live-chat-app h5,
.home-live-chat-app .h5 {
  line-height: 1.6;
  letter-spacing: -0.01em;
}
.home-live-chat-app h6,
.home-live-chat-app .h6 {
  line-height: 1.58;
  letter-spacing: -0.01em;
}

.home-kids-course h1,
.home-kids-course h2,
.home-kids-course h3,
.home-kids-course h4,
.home-kids-course h5,
.home-kids-course h6,
.home-kids-course .h1,
.home-kids-course .h2,
.home-kids-course .h3,
.home-kids-course .h4,
.home-kids-course .h5,
.home-kids-course .h6 {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}
.home-kids-course .display-6 {
  letter-spacing: -0.025em;
  line-height: 1.25;
}
.home-kids-course h1,
.home-kids-course .h1 {
  line-height: 1.33;
  letter-spacing: -0.02em;
}
.home-kids-course h2,
.home-kids-course .h2 {
  line-height: 1.41;
  letter-spacing: -0.02em;
}
.home-kids-course h3,
.home-kids-course .h3 {
  line-height: 1.61;
  letter-spacing: -0.02em;
}
.home-kids-course h4,
.home-kids-course .h4 {
  line-height: 1.68;
  letter-spacing: -0.015rem;
}
.home-kids-course h5,
.home-kids-course .h5 {
  line-height: 1.6;
  letter-spacing: -0.01em;
}
.home-kids-course h6,
.home-kids-course .h6 {
  line-height: 1.58;
  letter-spacing: -0.01em;
}

.home-business-expense-tracker .display-6 {
  letter-spacing: -0.025em;
  line-height: 1.32;
}
.home-business-expense-tracker h1,
.home-business-expense-tracker .h1 {
  line-height: 1.33;
  letter-spacing: -0.02em;
}
.home-business-expense-tracker h2,
.home-business-expense-tracker .h2 {
  line-height: 1.41;
  letter-spacing: -0.02em;
}
.home-business-expense-tracker h3,
.home-business-expense-tracker .h3 {
  line-height: 1.5;
  letter-spacing: -0.01em;
}
.home-business-expense-tracker h4,
.home-business-expense-tracker .h4 {
  line-height: 1.5;
}
.home-business-expense-tracker h5,
.home-business-expense-tracker .h5 {
  line-height: 1.6;
  letter-spacing: -0.01em;
}
.home-business-expense-tracker h6,
.home-business-expense-tracker .h6 {
  line-height: 1.58;
  letter-spacing: -0.01em;
}

.home-crypto-portfolio {
  z-index: 1;
  position: relative;
}
.home-crypto-portfolio::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/mask/mask-body-1.png");
}
.home-crypto-portfolio .nk-header-main.has-fixed {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
@media (min-width: 992px) {
  .home-crypto-portfolio .display-6 {
    font-size: 4rem;
    line-height: 4.5rem;
    letter-spacing: -0.025em !important;
  }
}
.home-crypto-portfolio h1,
.home-crypto-portfolio .h1 {
  line-height: 1.16;
}
.home-crypto-portfolio h4,
.home-crypto-portfolio .h4 {
  line-height: 1.33;
}
.home-crypto-portfolio h5,
.home-crypto-portfolio .h5 {
  line-height: 1.4;
  letter-spacing: -0.015em;
}

.home-data-driven h4,
.home-data-driven .h4 {
  line-height: 1.5;
}

.home-coaching-service h3,
.home-coaching-service .h3 {
  line-height: 1.3;
}

.home-project-manage .h4,
.home-project-manage h4 {
  line-height: 1.6;
}

.home-codebase .display-6 {
  line-height: 1.25;
}
.home-codebase h1,
.home-codebase .h1 {
  line-height: 1.3;
}
.home-codebase h2,
.home-codebase .h2 {
  line-height: 1.5;
}
.home-codebase .badge {
  background: linear-gradient(90deg, #9097f7 0%, #64a2f9 100%);
}
.home-codebase .btn-primary {
  background: linear-gradient(90deg, #9097f7 0%, #64a2f9 100%);
}
.home-codebase .nk-nav .badge {
  color: #fff !important;
  background: #2b5cfd !important;
}

.home-business-analytics .display-2 {
  line-height: 1.21;
}

.home-business-management .swiper-pagination-bullet {
  background-color: #e5e7eb !important;
}
.home-business-management .swiper-pagination-bullet-active {
  background-color: #2b5cfd !important;
}

.gap {
  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));
}
.gap[class*=gy-], .gap[class*=gx-] {
  margin-left: 0;
  margin-right: 0;
}
.gap[class*=gy-] > *, .gap[class*=gx-] > * {
  padding-left: 0;
  padding-right: 0;
}
.gap > * {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.nk-space-0 {
  padding: 0;
}

.nk-space-y-0 {
  padding: 0 0px;
}

.nk-space-y-s-0 {
  padding-top: 0;
}

.nk-space-y-e-0 {
  padding-bottom: 0;
}

.nk-space-x-0 {
  padding: 0px 0;
}

.nk-space-x-s-0 {
  padding-left: 0;
}

.nk-space-x-e-0 {
  padding-right: 0;
}

@media (min-width: 576px) {
  .nk-space-sm-0 {
    padding: 0 !important;
  }
  .nk-space-sm-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .nk-space-sm-y-s-0 {
    padding-top: 0 !important;
  }
  .nk-space-sm-y-e-0 {
    padding-bottom: 0 !important;
  }
  .nk-space-sm-x-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .nk-space-sm-x-s-0 {
    padding-left: 0 !important;
  }
  .nk-space-sm-x-e-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-0 {
    padding: 0 !important;
  }
  .nk-space-md-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .nk-space-md-y-s-0 {
    padding-top: 0 !important;
  }
  .nk-space-md-y-e-0 {
    padding-bottom: 0 !important;
  }
  .nk-space-md-x-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .nk-space-md-x-s-0 {
    padding-left: 0 !important;
  }
  .nk-space-md-x-e-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-0 {
    padding: 0 !important;
  }
  .nk-space-lg-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .nk-space-lg-y-s-0 {
    padding-top: 0 !important;
  }
  .nk-space-lg-y-e-0 {
    padding-bottom: 0 !important;
  }
  .nk-space-lg-x-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .nk-space-lg-x-s-0 {
    padding-left: 0 !important;
  }
  .nk-space-lg-x-e-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-0 {
    padding: 0 !important;
  }
  .nk-space-xl-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .nk-space-xl-y-s-0 {
    padding-top: 0 !important;
  }
  .nk-space-xl-y-e-0 {
    padding-bottom: 0 !important;
  }
  .nk-space-xl-x-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .nk-space-xl-x-s-0 {
    padding-left: 0 !important;
  }
  .nk-space-xl-x-e-0 {
    padding-right: 0 !important;
  }
}
.nk-space-sm {
  padding: 3.75rem;
}

.nk-space-y-sm {
  padding: 3.75rem 0px;
}

.nk-space-y-s-sm {
  padding-top: 3.75rem;
}

.nk-space-y-e-sm {
  padding-bottom: 3.75rem;
}

.nk-space-x-sm {
  padding: 0px 3.75rem;
}

.nk-space-x-s-sm {
  padding-left: 3.75rem;
}

.nk-space-x-e-sm {
  padding-right: 3.75rem;
}

@media (min-width: 576px) {
  .nk-space-sm-sm {
    padding: 3.75rem !important;
  }
  .nk-space-sm-y-sm {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .nk-space-sm-y-s-sm {
    padding-top: 3.75rem !important;
  }
  .nk-space-sm-y-e-sm {
    padding-bottom: 3.75rem !important;
  }
  .nk-space-sm-x-sm {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
  .nk-space-sm-x-s-sm {
    padding-left: 3.75rem !important;
  }
  .nk-space-sm-x-e-sm {
    padding-right: 3.75rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-sm {
    padding: 3.75rem !important;
  }
  .nk-space-md-y-sm {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .nk-space-md-y-s-sm {
    padding-top: 3.75rem !important;
  }
  .nk-space-md-y-e-sm {
    padding-bottom: 3.75rem !important;
  }
  .nk-space-md-x-sm {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
  .nk-space-md-x-s-sm {
    padding-left: 3.75rem !important;
  }
  .nk-space-md-x-e-sm {
    padding-right: 3.75rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-sm {
    padding: 3.75rem !important;
  }
  .nk-space-lg-y-sm {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .nk-space-lg-y-s-sm {
    padding-top: 3.75rem !important;
  }
  .nk-space-lg-y-e-sm {
    padding-bottom: 3.75rem !important;
  }
  .nk-space-lg-x-sm {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
  .nk-space-lg-x-s-sm {
    padding-left: 3.75rem !important;
  }
  .nk-space-lg-x-e-sm {
    padding-right: 3.75rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-sm {
    padding: 3.75rem !important;
  }
  .nk-space-xl-y-sm {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .nk-space-xl-y-s-sm {
    padding-top: 3.75rem !important;
  }
  .nk-space-xl-y-e-sm {
    padding-bottom: 3.75rem !important;
  }
  .nk-space-xl-x-sm {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
  .nk-space-xl-x-s-sm {
    padding-left: 3.75rem !important;
  }
  .nk-space-xl-x-e-sm {
    padding-right: 3.75rem !important;
  }
}
.nk-space-lg {
  padding: 7.5rem;
}

.nk-space-y-lg {
  padding: 7.5rem 0px;
}

.nk-space-y-s-lg {
  padding-top: 7.5rem;
}

.nk-space-y-e-lg {
  padding-bottom: 7.5rem;
}

.nk-space-x-lg {
  padding: 0px 7.5rem;
}

.nk-space-x-s-lg {
  padding-left: 7.5rem;
}

.nk-space-x-e-lg {
  padding-right: 7.5rem;
}

@media (min-width: 576px) {
  .nk-space-sm-lg {
    padding: 7.5rem !important;
  }
  .nk-space-sm-y-lg {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .nk-space-sm-y-s-lg {
    padding-top: 7.5rem !important;
  }
  .nk-space-sm-y-e-lg {
    padding-bottom: 7.5rem !important;
  }
  .nk-space-sm-x-lg {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .nk-space-sm-x-s-lg {
    padding-left: 7.5rem !important;
  }
  .nk-space-sm-x-e-lg {
    padding-right: 7.5rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-lg {
    padding: 7.5rem !important;
  }
  .nk-space-md-y-lg {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .nk-space-md-y-s-lg {
    padding-top: 7.5rem !important;
  }
  .nk-space-md-y-e-lg {
    padding-bottom: 7.5rem !important;
  }
  .nk-space-md-x-lg {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .nk-space-md-x-s-lg {
    padding-left: 7.5rem !important;
  }
  .nk-space-md-x-e-lg {
    padding-right: 7.5rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-lg {
    padding: 7.5rem !important;
  }
  .nk-space-lg-y-lg {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .nk-space-lg-y-s-lg {
    padding-top: 7.5rem !important;
  }
  .nk-space-lg-y-e-lg {
    padding-bottom: 7.5rem !important;
  }
  .nk-space-lg-x-lg {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .nk-space-lg-x-s-lg {
    padding-left: 7.5rem !important;
  }
  .nk-space-lg-x-e-lg {
    padding-right: 7.5rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-lg {
    padding: 7.5rem !important;
  }
  .nk-space-xl-y-lg {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .nk-space-xl-y-s-lg {
    padding-top: 7.5rem !important;
  }
  .nk-space-xl-y-e-lg {
    padding-bottom: 7.5rem !important;
  }
  .nk-space-xl-x-lg {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .nk-space-xl-x-s-lg {
    padding-left: 7.5rem !important;
  }
  .nk-space-xl-x-e-lg {
    padding-right: 7.5rem !important;
  }
}
.nk-space-30 {
  padding: 1.875rem;
}

.nk-space-y-30 {
  padding: 1.875rem 0px;
}

.nk-space-y-s-30 {
  padding-top: 1.875rem;
}

.nk-space-y-e-30 {
  padding-bottom: 1.875rem;
}

.nk-space-x-30 {
  padding: 0px 1.875rem;
}

.nk-space-x-s-30 {
  padding-left: 1.875rem;
}

.nk-space-x-e-30 {
  padding-right: 1.875rem;
}

@media (min-width: 576px) {
  .nk-space-sm-30 {
    padding: 1.875rem !important;
  }
  .nk-space-sm-y-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .nk-space-sm-y-s-30 {
    padding-top: 1.875rem !important;
  }
  .nk-space-sm-y-e-30 {
    padding-bottom: 1.875rem !important;
  }
  .nk-space-sm-x-30 {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
  .nk-space-sm-x-s-30 {
    padding-left: 1.875rem !important;
  }
  .nk-space-sm-x-e-30 {
    padding-right: 1.875rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-30 {
    padding: 1.875rem !important;
  }
  .nk-space-md-y-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .nk-space-md-y-s-30 {
    padding-top: 1.875rem !important;
  }
  .nk-space-md-y-e-30 {
    padding-bottom: 1.875rem !important;
  }
  .nk-space-md-x-30 {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
  .nk-space-md-x-s-30 {
    padding-left: 1.875rem !important;
  }
  .nk-space-md-x-e-30 {
    padding-right: 1.875rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-30 {
    padding: 1.875rem !important;
  }
  .nk-space-lg-y-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .nk-space-lg-y-s-30 {
    padding-top: 1.875rem !important;
  }
  .nk-space-lg-y-e-30 {
    padding-bottom: 1.875rem !important;
  }
  .nk-space-lg-x-30 {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
  .nk-space-lg-x-s-30 {
    padding-left: 1.875rem !important;
  }
  .nk-space-lg-x-e-30 {
    padding-right: 1.875rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-30 {
    padding: 1.875rem !important;
  }
  .nk-space-xl-y-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .nk-space-xl-y-s-30 {
    padding-top: 1.875rem !important;
  }
  .nk-space-xl-y-e-30 {
    padding-bottom: 1.875rem !important;
  }
  .nk-space-xl-x-30 {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
  .nk-space-xl-x-s-30 {
    padding-left: 1.875rem !important;
  }
  .nk-space-xl-x-e-30 {
    padding-right: 1.875rem !important;
  }
}
.nk-space-60 {
  padding: 3.75rem;
}

.nk-space-y-60 {
  padding: 3.75rem 0px;
}

.nk-space-y-s-60 {
  padding-top: 3.75rem;
}

.nk-space-y-e-60 {
  padding-bottom: 3.75rem;
}

.nk-space-x-60 {
  padding: 0px 3.75rem;
}

.nk-space-x-s-60 {
  padding-left: 3.75rem;
}

.nk-space-x-e-60 {
  padding-right: 3.75rem;
}

@media (min-width: 576px) {
  .nk-space-sm-60 {
    padding: 3.75rem !important;
  }
  .nk-space-sm-y-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .nk-space-sm-y-s-60 {
    padding-top: 3.75rem !important;
  }
  .nk-space-sm-y-e-60 {
    padding-bottom: 3.75rem !important;
  }
  .nk-space-sm-x-60 {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
  .nk-space-sm-x-s-60 {
    padding-left: 3.75rem !important;
  }
  .nk-space-sm-x-e-60 {
    padding-right: 3.75rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-60 {
    padding: 3.75rem !important;
  }
  .nk-space-md-y-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .nk-space-md-y-s-60 {
    padding-top: 3.75rem !important;
  }
  .nk-space-md-y-e-60 {
    padding-bottom: 3.75rem !important;
  }
  .nk-space-md-x-60 {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
  .nk-space-md-x-s-60 {
    padding-left: 3.75rem !important;
  }
  .nk-space-md-x-e-60 {
    padding-right: 3.75rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-60 {
    padding: 3.75rem !important;
  }
  .nk-space-lg-y-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .nk-space-lg-y-s-60 {
    padding-top: 3.75rem !important;
  }
  .nk-space-lg-y-e-60 {
    padding-bottom: 3.75rem !important;
  }
  .nk-space-lg-x-60 {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
  .nk-space-lg-x-s-60 {
    padding-left: 3.75rem !important;
  }
  .nk-space-lg-x-e-60 {
    padding-right: 3.75rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-60 {
    padding: 3.75rem !important;
  }
  .nk-space-xl-y-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .nk-space-xl-y-s-60 {
    padding-top: 3.75rem !important;
  }
  .nk-space-xl-y-e-60 {
    padding-bottom: 3.75rem !important;
  }
  .nk-space-xl-x-60 {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
  .nk-space-xl-x-s-60 {
    padding-left: 3.75rem !important;
  }
  .nk-space-xl-x-e-60 {
    padding-right: 3.75rem !important;
  }
}
.nk-space-70 {
  padding: 4.375rem;
}

.nk-space-y-70 {
  padding: 4.375rem 0px;
}

.nk-space-y-s-70 {
  padding-top: 4.375rem;
}

.nk-space-y-e-70 {
  padding-bottom: 4.375rem;
}

.nk-space-x-70 {
  padding: 0px 4.375rem;
}

.nk-space-x-s-70 {
  padding-left: 4.375rem;
}

.nk-space-x-e-70 {
  padding-right: 4.375rem;
}

@media (min-width: 576px) {
  .nk-space-sm-70 {
    padding: 4.375rem !important;
  }
  .nk-space-sm-y-70 {
    padding-top: 4.375rem !important;
    padding-bottom: 4.375rem !important;
  }
  .nk-space-sm-y-s-70 {
    padding-top: 4.375rem !important;
  }
  .nk-space-sm-y-e-70 {
    padding-bottom: 4.375rem !important;
  }
  .nk-space-sm-x-70 {
    padding-left: 4.375rem !important;
    padding-right: 4.375rem !important;
  }
  .nk-space-sm-x-s-70 {
    padding-left: 4.375rem !important;
  }
  .nk-space-sm-x-e-70 {
    padding-right: 4.375rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-70 {
    padding: 4.375rem !important;
  }
  .nk-space-md-y-70 {
    padding-top: 4.375rem !important;
    padding-bottom: 4.375rem !important;
  }
  .nk-space-md-y-s-70 {
    padding-top: 4.375rem !important;
  }
  .nk-space-md-y-e-70 {
    padding-bottom: 4.375rem !important;
  }
  .nk-space-md-x-70 {
    padding-left: 4.375rem !important;
    padding-right: 4.375rem !important;
  }
  .nk-space-md-x-s-70 {
    padding-left: 4.375rem !important;
  }
  .nk-space-md-x-e-70 {
    padding-right: 4.375rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-70 {
    padding: 4.375rem !important;
  }
  .nk-space-lg-y-70 {
    padding-top: 4.375rem !important;
    padding-bottom: 4.375rem !important;
  }
  .nk-space-lg-y-s-70 {
    padding-top: 4.375rem !important;
  }
  .nk-space-lg-y-e-70 {
    padding-bottom: 4.375rem !important;
  }
  .nk-space-lg-x-70 {
    padding-left: 4.375rem !important;
    padding-right: 4.375rem !important;
  }
  .nk-space-lg-x-s-70 {
    padding-left: 4.375rem !important;
  }
  .nk-space-lg-x-e-70 {
    padding-right: 4.375rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-70 {
    padding: 4.375rem !important;
  }
  .nk-space-xl-y-70 {
    padding-top: 4.375rem !important;
    padding-bottom: 4.375rem !important;
  }
  .nk-space-xl-y-s-70 {
    padding-top: 4.375rem !important;
  }
  .nk-space-xl-y-e-70 {
    padding-bottom: 4.375rem !important;
  }
  .nk-space-xl-x-70 {
    padding-left: 4.375rem !important;
    padding-right: 4.375rem !important;
  }
  .nk-space-xl-x-s-70 {
    padding-left: 4.375rem !important;
  }
  .nk-space-xl-x-e-70 {
    padding-right: 4.375rem !important;
  }
}
.nk-space-80 {
  padding: 5rem;
}

.nk-space-y-80 {
  padding: 5rem 0px;
}

.nk-space-y-s-80 {
  padding-top: 5rem;
}

.nk-space-y-e-80 {
  padding-bottom: 5rem;
}

.nk-space-x-80 {
  padding: 0px 5rem;
}

.nk-space-x-s-80 {
  padding-left: 5rem;
}

.nk-space-x-e-80 {
  padding-right: 5rem;
}

@media (min-width: 576px) {
  .nk-space-sm-80 {
    padding: 5rem !important;
  }
  .nk-space-sm-y-80 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .nk-space-sm-y-s-80 {
    padding-top: 5rem !important;
  }
  .nk-space-sm-y-e-80 {
    padding-bottom: 5rem !important;
  }
  .nk-space-sm-x-80 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .nk-space-sm-x-s-80 {
    padding-left: 5rem !important;
  }
  .nk-space-sm-x-e-80 {
    padding-right: 5rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-80 {
    padding: 5rem !important;
  }
  .nk-space-md-y-80 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .nk-space-md-y-s-80 {
    padding-top: 5rem !important;
  }
  .nk-space-md-y-e-80 {
    padding-bottom: 5rem !important;
  }
  .nk-space-md-x-80 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .nk-space-md-x-s-80 {
    padding-left: 5rem !important;
  }
  .nk-space-md-x-e-80 {
    padding-right: 5rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-80 {
    padding: 5rem !important;
  }
  .nk-space-lg-y-80 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .nk-space-lg-y-s-80 {
    padding-top: 5rem !important;
  }
  .nk-space-lg-y-e-80 {
    padding-bottom: 5rem !important;
  }
  .nk-space-lg-x-80 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .nk-space-lg-x-s-80 {
    padding-left: 5rem !important;
  }
  .nk-space-lg-x-e-80 {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-80 {
    padding: 5rem !important;
  }
  .nk-space-xl-y-80 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .nk-space-xl-y-s-80 {
    padding-top: 5rem !important;
  }
  .nk-space-xl-y-e-80 {
    padding-bottom: 5rem !important;
  }
  .nk-space-xl-x-80 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .nk-space-xl-x-s-80 {
    padding-left: 5rem !important;
  }
  .nk-space-xl-x-e-80 {
    padding-right: 5rem !important;
  }
}
.nk-space-100 {
  padding: 6.25rem;
}

.nk-space-y-100 {
  padding: 6.25rem 0px;
}

.nk-space-y-s-100 {
  padding-top: 6.25rem;
}

.nk-space-y-e-100 {
  padding-bottom: 6.25rem;
}

.nk-space-x-100 {
  padding: 0px 6.25rem;
}

.nk-space-x-s-100 {
  padding-left: 6.25rem;
}

.nk-space-x-e-100 {
  padding-right: 6.25rem;
}

@media (min-width: 576px) {
  .nk-space-sm-100 {
    padding: 6.25rem !important;
  }
  .nk-space-sm-y-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .nk-space-sm-y-s-100 {
    padding-top: 6.25rem !important;
  }
  .nk-space-sm-y-e-100 {
    padding-bottom: 6.25rem !important;
  }
  .nk-space-sm-x-100 {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
  .nk-space-sm-x-s-100 {
    padding-left: 6.25rem !important;
  }
  .nk-space-sm-x-e-100 {
    padding-right: 6.25rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-100 {
    padding: 6.25rem !important;
  }
  .nk-space-md-y-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .nk-space-md-y-s-100 {
    padding-top: 6.25rem !important;
  }
  .nk-space-md-y-e-100 {
    padding-bottom: 6.25rem !important;
  }
  .nk-space-md-x-100 {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
  .nk-space-md-x-s-100 {
    padding-left: 6.25rem !important;
  }
  .nk-space-md-x-e-100 {
    padding-right: 6.25rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-100 {
    padding: 6.25rem !important;
  }
  .nk-space-lg-y-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .nk-space-lg-y-s-100 {
    padding-top: 6.25rem !important;
  }
  .nk-space-lg-y-e-100 {
    padding-bottom: 6.25rem !important;
  }
  .nk-space-lg-x-100 {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
  .nk-space-lg-x-s-100 {
    padding-left: 6.25rem !important;
  }
  .nk-space-lg-x-e-100 {
    padding-right: 6.25rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-100 {
    padding: 6.25rem !important;
  }
  .nk-space-xl-y-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .nk-space-xl-y-s-100 {
    padding-top: 6.25rem !important;
  }
  .nk-space-xl-y-e-100 {
    padding-bottom: 6.25rem !important;
  }
  .nk-space-xl-x-100 {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
  .nk-space-xl-x-s-100 {
    padding-left: 6.25rem !important;
  }
  .nk-space-xl-x-e-100 {
    padding-right: 6.25rem !important;
  }
}
.nk-space-120 {
  padding: 7.5rem;
}

.nk-space-y-120 {
  padding: 7.5rem 0px;
}

.nk-space-y-s-120 {
  padding-top: 7.5rem;
}

.nk-space-y-e-120 {
  padding-bottom: 7.5rem;
}

.nk-space-x-120 {
  padding: 0px 7.5rem;
}

.nk-space-x-s-120 {
  padding-left: 7.5rem;
}

.nk-space-x-e-120 {
  padding-right: 7.5rem;
}

@media (min-width: 576px) {
  .nk-space-sm-120 {
    padding: 7.5rem !important;
  }
  .nk-space-sm-y-120 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .nk-space-sm-y-s-120 {
    padding-top: 7.5rem !important;
  }
  .nk-space-sm-y-e-120 {
    padding-bottom: 7.5rem !important;
  }
  .nk-space-sm-x-120 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .nk-space-sm-x-s-120 {
    padding-left: 7.5rem !important;
  }
  .nk-space-sm-x-e-120 {
    padding-right: 7.5rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-120 {
    padding: 7.5rem !important;
  }
  .nk-space-md-y-120 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .nk-space-md-y-s-120 {
    padding-top: 7.5rem !important;
  }
  .nk-space-md-y-e-120 {
    padding-bottom: 7.5rem !important;
  }
  .nk-space-md-x-120 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .nk-space-md-x-s-120 {
    padding-left: 7.5rem !important;
  }
  .nk-space-md-x-e-120 {
    padding-right: 7.5rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-120 {
    padding: 7.5rem !important;
  }
  .nk-space-lg-y-120 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .nk-space-lg-y-s-120 {
    padding-top: 7.5rem !important;
  }
  .nk-space-lg-y-e-120 {
    padding-bottom: 7.5rem !important;
  }
  .nk-space-lg-x-120 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .nk-space-lg-x-s-120 {
    padding-left: 7.5rem !important;
  }
  .nk-space-lg-x-e-120 {
    padding-right: 7.5rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-120 {
    padding: 7.5rem !important;
  }
  .nk-space-xl-y-120 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .nk-space-xl-y-s-120 {
    padding-top: 7.5rem !important;
  }
  .nk-space-xl-y-e-120 {
    padding-bottom: 7.5rem !important;
  }
  .nk-space-xl-x-120 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .nk-space-xl-x-s-120 {
    padding-left: 7.5rem !important;
  }
  .nk-space-xl-x-e-120 {
    padding-right: 7.5rem !important;
  }
}
.nk-space-160 {
  padding: 10rem;
}

.nk-space-y-160 {
  padding: 10rem 0px;
}

.nk-space-y-s-160 {
  padding-top: 10rem;
}

.nk-space-y-e-160 {
  padding-bottom: 10rem;
}

.nk-space-x-160 {
  padding: 0px 10rem;
}

.nk-space-x-s-160 {
  padding-left: 10rem;
}

.nk-space-x-e-160 {
  padding-right: 10rem;
}

@media (min-width: 576px) {
  .nk-space-sm-160 {
    padding: 10rem !important;
  }
  .nk-space-sm-y-160 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .nk-space-sm-y-s-160 {
    padding-top: 10rem !important;
  }
  .nk-space-sm-y-e-160 {
    padding-bottom: 10rem !important;
  }
  .nk-space-sm-x-160 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .nk-space-sm-x-s-160 {
    padding-left: 10rem !important;
  }
  .nk-space-sm-x-e-160 {
    padding-right: 10rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-160 {
    padding: 10rem !important;
  }
  .nk-space-md-y-160 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .nk-space-md-y-s-160 {
    padding-top: 10rem !important;
  }
  .nk-space-md-y-e-160 {
    padding-bottom: 10rem !important;
  }
  .nk-space-md-x-160 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .nk-space-md-x-s-160 {
    padding-left: 10rem !important;
  }
  .nk-space-md-x-e-160 {
    padding-right: 10rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-160 {
    padding: 10rem !important;
  }
  .nk-space-lg-y-160 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .nk-space-lg-y-s-160 {
    padding-top: 10rem !important;
  }
  .nk-space-lg-y-e-160 {
    padding-bottom: 10rem !important;
  }
  .nk-space-lg-x-160 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .nk-space-lg-x-s-160 {
    padding-left: 10rem !important;
  }
  .nk-space-lg-x-e-160 {
    padding-right: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-160 {
    padding: 10rem !important;
  }
  .nk-space-xl-y-160 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .nk-space-xl-y-s-160 {
    padding-top: 10rem !important;
  }
  .nk-space-xl-y-e-160 {
    padding-bottom: 10rem !important;
  }
  .nk-space-xl-x-160 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .nk-space-xl-x-s-160 {
    padding-left: 10rem !important;
  }
  .nk-space-xl-x-e-160 {
    padding-right: 10rem !important;
  }
}
.nk-space-180 {
  padding: 11.25rem;
}

.nk-space-y-180 {
  padding: 11.25rem 0px;
}

.nk-space-y-s-180 {
  padding-top: 11.25rem;
}

.nk-space-y-e-180 {
  padding-bottom: 11.25rem;
}

.nk-space-x-180 {
  padding: 0px 11.25rem;
}

.nk-space-x-s-180 {
  padding-left: 11.25rem;
}

.nk-space-x-e-180 {
  padding-right: 11.25rem;
}

@media (min-width: 576px) {
  .nk-space-sm-180 {
    padding: 11.25rem !important;
  }
  .nk-space-sm-y-180 {
    padding-top: 11.25rem !important;
    padding-bottom: 11.25rem !important;
  }
  .nk-space-sm-y-s-180 {
    padding-top: 11.25rem !important;
  }
  .nk-space-sm-y-e-180 {
    padding-bottom: 11.25rem !important;
  }
  .nk-space-sm-x-180 {
    padding-left: 11.25rem !important;
    padding-right: 11.25rem !important;
  }
  .nk-space-sm-x-s-180 {
    padding-left: 11.25rem !important;
  }
  .nk-space-sm-x-e-180 {
    padding-right: 11.25rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-180 {
    padding: 11.25rem !important;
  }
  .nk-space-md-y-180 {
    padding-top: 11.25rem !important;
    padding-bottom: 11.25rem !important;
  }
  .nk-space-md-y-s-180 {
    padding-top: 11.25rem !important;
  }
  .nk-space-md-y-e-180 {
    padding-bottom: 11.25rem !important;
  }
  .nk-space-md-x-180 {
    padding-left: 11.25rem !important;
    padding-right: 11.25rem !important;
  }
  .nk-space-md-x-s-180 {
    padding-left: 11.25rem !important;
  }
  .nk-space-md-x-e-180 {
    padding-right: 11.25rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-180 {
    padding: 11.25rem !important;
  }
  .nk-space-lg-y-180 {
    padding-top: 11.25rem !important;
    padding-bottom: 11.25rem !important;
  }
  .nk-space-lg-y-s-180 {
    padding-top: 11.25rem !important;
  }
  .nk-space-lg-y-e-180 {
    padding-bottom: 11.25rem !important;
  }
  .nk-space-lg-x-180 {
    padding-left: 11.25rem !important;
    padding-right: 11.25rem !important;
  }
  .nk-space-lg-x-s-180 {
    padding-left: 11.25rem !important;
  }
  .nk-space-lg-x-e-180 {
    padding-right: 11.25rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-180 {
    padding: 11.25rem !important;
  }
  .nk-space-xl-y-180 {
    padding-top: 11.25rem !important;
    padding-bottom: 11.25rem !important;
  }
  .nk-space-xl-y-s-180 {
    padding-top: 11.25rem !important;
  }
  .nk-space-xl-y-e-180 {
    padding-bottom: 11.25rem !important;
  }
  .nk-space-xl-x-180 {
    padding-left: 11.25rem !important;
    padding-right: 11.25rem !important;
  }
  .nk-space-xl-x-s-180 {
    padding-left: 11.25rem !important;
  }
  .nk-space-xl-x-e-180 {
    padding-right: 11.25rem !important;
  }
}
.nk-space-200 {
  padding: 12.5rem;
}

.nk-space-y-200 {
  padding: 12.5rem 0px;
}

.nk-space-y-s-200 {
  padding-top: 12.5rem;
}

.nk-space-y-e-200 {
  padding-bottom: 12.5rem;
}

.nk-space-x-200 {
  padding: 0px 12.5rem;
}

.nk-space-x-s-200 {
  padding-left: 12.5rem;
}

.nk-space-x-e-200 {
  padding-right: 12.5rem;
}

@media (min-width: 576px) {
  .nk-space-sm-200 {
    padding: 12.5rem !important;
  }
  .nk-space-sm-y-200 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  .nk-space-sm-y-s-200 {
    padding-top: 12.5rem !important;
  }
  .nk-space-sm-y-e-200 {
    padding-bottom: 12.5rem !important;
  }
  .nk-space-sm-x-200 {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
  .nk-space-sm-x-s-200 {
    padding-left: 12.5rem !important;
  }
  .nk-space-sm-x-e-200 {
    padding-right: 12.5rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-200 {
    padding: 12.5rem !important;
  }
  .nk-space-md-y-200 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  .nk-space-md-y-s-200 {
    padding-top: 12.5rem !important;
  }
  .nk-space-md-y-e-200 {
    padding-bottom: 12.5rem !important;
  }
  .nk-space-md-x-200 {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
  .nk-space-md-x-s-200 {
    padding-left: 12.5rem !important;
  }
  .nk-space-md-x-e-200 {
    padding-right: 12.5rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-200 {
    padding: 12.5rem !important;
  }
  .nk-space-lg-y-200 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  .nk-space-lg-y-s-200 {
    padding-top: 12.5rem !important;
  }
  .nk-space-lg-y-e-200 {
    padding-bottom: 12.5rem !important;
  }
  .nk-space-lg-x-200 {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
  .nk-space-lg-x-s-200 {
    padding-left: 12.5rem !important;
  }
  .nk-space-lg-x-e-200 {
    padding-right: 12.5rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-200 {
    padding: 12.5rem !important;
  }
  .nk-space-xl-y-200 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  .nk-space-xl-y-s-200 {
    padding-top: 12.5rem !important;
  }
  .nk-space-xl-y-e-200 {
    padding-bottom: 12.5rem !important;
  }
  .nk-space-xl-x-200 {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
  .nk-space-xl-x-s-200 {
    padding-left: 12.5rem !important;
  }
  .nk-space-xl-x-e-200 {
    padding-right: 12.5rem !important;
  }
}
.nk-space-220 {
  padding: 13.75rem;
}

.nk-space-y-220 {
  padding: 13.75rem 0px;
}

.nk-space-y-s-220 {
  padding-top: 13.75rem;
}

.nk-space-y-e-220 {
  padding-bottom: 13.75rem;
}

.nk-space-x-220 {
  padding: 0px 13.75rem;
}

.nk-space-x-s-220 {
  padding-left: 13.75rem;
}

.nk-space-x-e-220 {
  padding-right: 13.75rem;
}

@media (min-width: 576px) {
  .nk-space-sm-220 {
    padding: 13.75rem !important;
  }
  .nk-space-sm-y-220 {
    padding-top: 13.75rem !important;
    padding-bottom: 13.75rem !important;
  }
  .nk-space-sm-y-s-220 {
    padding-top: 13.75rem !important;
  }
  .nk-space-sm-y-e-220 {
    padding-bottom: 13.75rem !important;
  }
  .nk-space-sm-x-220 {
    padding-left: 13.75rem !important;
    padding-right: 13.75rem !important;
  }
  .nk-space-sm-x-s-220 {
    padding-left: 13.75rem !important;
  }
  .nk-space-sm-x-e-220 {
    padding-right: 13.75rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-220 {
    padding: 13.75rem !important;
  }
  .nk-space-md-y-220 {
    padding-top: 13.75rem !important;
    padding-bottom: 13.75rem !important;
  }
  .nk-space-md-y-s-220 {
    padding-top: 13.75rem !important;
  }
  .nk-space-md-y-e-220 {
    padding-bottom: 13.75rem !important;
  }
  .nk-space-md-x-220 {
    padding-left: 13.75rem !important;
    padding-right: 13.75rem !important;
  }
  .nk-space-md-x-s-220 {
    padding-left: 13.75rem !important;
  }
  .nk-space-md-x-e-220 {
    padding-right: 13.75rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-220 {
    padding: 13.75rem !important;
  }
  .nk-space-lg-y-220 {
    padding-top: 13.75rem !important;
    padding-bottom: 13.75rem !important;
  }
  .nk-space-lg-y-s-220 {
    padding-top: 13.75rem !important;
  }
  .nk-space-lg-y-e-220 {
    padding-bottom: 13.75rem !important;
  }
  .nk-space-lg-x-220 {
    padding-left: 13.75rem !important;
    padding-right: 13.75rem !important;
  }
  .nk-space-lg-x-s-220 {
    padding-left: 13.75rem !important;
  }
  .nk-space-lg-x-e-220 {
    padding-right: 13.75rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-220 {
    padding: 13.75rem !important;
  }
  .nk-space-xl-y-220 {
    padding-top: 13.75rem !important;
    padding-bottom: 13.75rem !important;
  }
  .nk-space-xl-y-s-220 {
    padding-top: 13.75rem !important;
  }
  .nk-space-xl-y-e-220 {
    padding-bottom: 13.75rem !important;
  }
  .nk-space-xl-x-220 {
    padding-left: 13.75rem !important;
    padding-right: 13.75rem !important;
  }
  .nk-space-xl-x-s-220 {
    padding-left: 13.75rem !important;
  }
  .nk-space-xl-x-e-220 {
    padding-right: 13.75rem !important;
  }
}
.nk-space-240 {
  padding: 15rem;
}

.nk-space-y-240 {
  padding: 15rem 0px;
}

.nk-space-y-s-240 {
  padding-top: 15rem;
}

.nk-space-y-e-240 {
  padding-bottom: 15rem;
}

.nk-space-x-240 {
  padding: 0px 15rem;
}

.nk-space-x-s-240 {
  padding-left: 15rem;
}

.nk-space-x-e-240 {
  padding-right: 15rem;
}

@media (min-width: 576px) {
  .nk-space-sm-240 {
    padding: 15rem !important;
  }
  .nk-space-sm-y-240 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .nk-space-sm-y-s-240 {
    padding-top: 15rem !important;
  }
  .nk-space-sm-y-e-240 {
    padding-bottom: 15rem !important;
  }
  .nk-space-sm-x-240 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
  }
  .nk-space-sm-x-s-240 {
    padding-left: 15rem !important;
  }
  .nk-space-sm-x-e-240 {
    padding-right: 15rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-240 {
    padding: 15rem !important;
  }
  .nk-space-md-y-240 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .nk-space-md-y-s-240 {
    padding-top: 15rem !important;
  }
  .nk-space-md-y-e-240 {
    padding-bottom: 15rem !important;
  }
  .nk-space-md-x-240 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
  }
  .nk-space-md-x-s-240 {
    padding-left: 15rem !important;
  }
  .nk-space-md-x-e-240 {
    padding-right: 15rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-240 {
    padding: 15rem !important;
  }
  .nk-space-lg-y-240 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .nk-space-lg-y-s-240 {
    padding-top: 15rem !important;
  }
  .nk-space-lg-y-e-240 {
    padding-bottom: 15rem !important;
  }
  .nk-space-lg-x-240 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
  }
  .nk-space-lg-x-s-240 {
    padding-left: 15rem !important;
  }
  .nk-space-lg-x-e-240 {
    padding-right: 15rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-240 {
    padding: 15rem !important;
  }
  .nk-space-xl-y-240 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .nk-space-xl-y-s-240 {
    padding-top: 15rem !important;
  }
  .nk-space-xl-y-e-240 {
    padding-bottom: 15rem !important;
  }
  .nk-space-xl-x-240 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
  }
  .nk-space-xl-x-s-240 {
    padding-left: 15rem !important;
  }
  .nk-space-xl-x-e-240 {
    padding-right: 15rem !important;
  }
}
.nk-space-310 {
  padding: 19.375rem;
}

.nk-space-y-310 {
  padding: 19.375rem 0px;
}

.nk-space-y-s-310 {
  padding-top: 19.375rem;
}

.nk-space-y-e-310 {
  padding-bottom: 19.375rem;
}

.nk-space-x-310 {
  padding: 0px 19.375rem;
}

.nk-space-x-s-310 {
  padding-left: 19.375rem;
}

.nk-space-x-e-310 {
  padding-right: 19.375rem;
}

@media (min-width: 576px) {
  .nk-space-sm-310 {
    padding: 19.375rem !important;
  }
  .nk-space-sm-y-310 {
    padding-top: 19.375rem !important;
    padding-bottom: 19.375rem !important;
  }
  .nk-space-sm-y-s-310 {
    padding-top: 19.375rem !important;
  }
  .nk-space-sm-y-e-310 {
    padding-bottom: 19.375rem !important;
  }
  .nk-space-sm-x-310 {
    padding-left: 19.375rem !important;
    padding-right: 19.375rem !important;
  }
  .nk-space-sm-x-s-310 {
    padding-left: 19.375rem !important;
  }
  .nk-space-sm-x-e-310 {
    padding-right: 19.375rem !important;
  }
}
@media (min-width: 768px) {
  .nk-space-md-310 {
    padding: 19.375rem !important;
  }
  .nk-space-md-y-310 {
    padding-top: 19.375rem !important;
    padding-bottom: 19.375rem !important;
  }
  .nk-space-md-y-s-310 {
    padding-top: 19.375rem !important;
  }
  .nk-space-md-y-e-310 {
    padding-bottom: 19.375rem !important;
  }
  .nk-space-md-x-310 {
    padding-left: 19.375rem !important;
    padding-right: 19.375rem !important;
  }
  .nk-space-md-x-s-310 {
    padding-left: 19.375rem !important;
  }
  .nk-space-md-x-e-310 {
    padding-right: 19.375rem !important;
  }
}
@media (min-width: 992px) {
  .nk-space-lg-310 {
    padding: 19.375rem !important;
  }
  .nk-space-lg-y-310 {
    padding-top: 19.375rem !important;
    padding-bottom: 19.375rem !important;
  }
  .nk-space-lg-y-s-310 {
    padding-top: 19.375rem !important;
  }
  .nk-space-lg-y-e-310 {
    padding-bottom: 19.375rem !important;
  }
  .nk-space-lg-x-310 {
    padding-left: 19.375rem !important;
    padding-right: 19.375rem !important;
  }
  .nk-space-lg-x-s-310 {
    padding-left: 19.375rem !important;
  }
  .nk-space-lg-x-e-310 {
    padding-right: 19.375rem !important;
  }
}
@media (min-width: 1200px) {
  .nk-space-xl-310 {
    padding: 19.375rem !important;
  }
  .nk-space-xl-y-310 {
    padding-top: 19.375rem !important;
    padding-bottom: 19.375rem !important;
  }
  .nk-space-xl-y-s-310 {
    padding-top: 19.375rem !important;
  }
  .nk-space-xl-y-e-310 {
    padding-bottom: 19.375rem !important;
  }
  .nk-space-xl-x-310 {
    padding-left: 19.375rem !important;
    padding-right: 19.375rem !important;
  }
  .nk-space-xl-x-s-310 {
    padding-left: 19.375rem !important;
  }
  .nk-space-xl-x-e-310 {
    padding-right: 19.375rem !important;
  }
}
.bg-primary {
  background-color: #2b5cfd !important;
}

.text-bg-primary {
  background-color: #2b5cfd !important;
}

.bg-primary-100 {
  background-color: #eaefff !important;
}

.text-bg-primary-100 {
  background-color: #eaefff !important;
}

.bg-secondary {
  background-color: #0f0f12 !important;
}

.text-bg-secondary {
  background-color: #0f0f12 !important;
}

.bg-gray {
  background-color: #f7f8f9 !important;
}

.text-bg-gray {
  background-color: #f7f8f9 !important;
}

.bg-gray-50 {
  background-color: #e5e7eb !important;
}

.text-bg-gray-50 {
  background-color: #e5e7eb !important;
}

.bg-gray-100 {
  background-color: #faf9ff !important;
}

.text-bg-gray-100 {
  background-color: #faf9ff !important;
}

.bg-gray-200 {
  background-color: #f2f8fb !important;
}

.text-bg-gray-200 {
  background-color: #f2f8fb !important;
}

.bg-gray-300 {
  background-color: #f9f7fa !important;
}

.text-bg-gray-300 {
  background-color: #f9f7fa !important;
}

.bg-gray-400 {
  background-color: #faf9f4 !important;
}

.text-bg-gray-400 {
  background-color: #faf9f4 !important;
}

.bg-gray-500 {
  background-color: #c9c9d4 !important;
}

.text-bg-gray-500 {
  background-color: #c9c9d4 !important;
}

.bg-gray-600 {
  background-color: #c5c5ca !important;
}

.text-bg-gray-600 {
  background-color: #c5c5ca !important;
}

.bg-gray-700 {
  background-color: #adb5bd !important;
}

.text-bg-gray-700 {
  background-color: #adb5bd !important;
}

.bg-gray-800 {
  background-color: #64728f !important;
}

.text-bg-gray-800 {
  background-color: #64728f !important;
}

.bg-gray-900 {
  background-color: #495057 !important;
}

.text-bg-gray-900 {
  background-color: #495057 !important;
}

.bg-gray-1000 {
  background-color: #2b292c !important;
}

.text-bg-gray-1000 {
  background-color: #2b292c !important;
}

.bg-gray-1100 {
  background-color: #0f0f12 !important;
}

.text-bg-gray-1100 {
  background-color: #0f0f12 !important;
}

.bg-gray-1200 {
  background-color: #0a1425 !important;
}

.text-bg-gray-1200 {
  background-color: #0a1425 !important;
}

.bg-gray-1300 {
  background-color: #181921 !important;
}

.text-bg-gray-1300 {
  background-color: #181921 !important;
}

.bg-gray-1400 {
  background-color: #232340 !important;
}

.text-bg-gray-1400 {
  background-color: #232340 !important;
}

.bg-red {
  background-color: #fa5b68 !important;
}

.text-bg-red {
  background-color: #fa5b68 !important;
}

.bg-red-50 {
  background-color: #feebed !important;
}

.text-bg-red-50 {
  background-color: #feebed !important;
}

.bg-yellow {
  background-color: #fdb52a !important;
}

.text-bg-yellow {
  background-color: #fdb52a !important;
}

.bg-yellow-50 {
  background-color: #fef6ea !important;
}

.text-bg-yellow-50 {
  background-color: #fef6ea !important;
}

.bg-yellow-100 {
  background-color: #fdeaba !important;
}

.text-bg-yellow-100 {
  background-color: #fdeaba !important;
}

.bg-yellow-200 {
  background-color: #ffde70 !important;
}

.text-bg-yellow-200 {
  background-color: #ffde70 !important;
}

.bg-green {
  background-color: #22c55e !important;
}

.text-bg-green {
  background-color: #22c55e !important;
}

.bg-green-50 {
  background-color: #e9f9ef !important;
}

.text-bg-green-50 {
  background-color: #e9f9ef !important;
}

.bg-green-100 {
  background-color: #f0f6f5 !important;
}

.text-bg-green-100 {
  background-color: #f0f6f5 !important;
}

.bg-green-200 {
  background-color: #dcfce7 !important;
}

.text-bg-green-200 {
  background-color: #dcfce7 !important;
}

.bg-green-300 {
  background-color: #bde5d3 !important;
}

.text-bg-green-300 {
  background-color: #bde5d3 !important;
}

.bg-green-400 {
  background-color: #45c9c1 !important;
}

.text-bg-green-400 {
  background-color: #45c9c1 !important;
}

.bg-green-500 {
  background-color: #0acf83 !important;
}

.text-bg-green-500 {
  background-color: #0acf83 !important;
}

.bg-green-600 {
  background-color: #54a8c7 !important;
}

.text-bg-green-600 {
  background-color: #54a8c7 !important;
}

.bg-green-700 {
  background-color: #2a9d8f !important;
}

.text-bg-green-700 {
  background-color: #2a9d8f !important;
}

.bg-green-800 {
  background-color: #071a17 !important;
}

.text-bg-green-800 {
  background-color: #071a17 !important;
}

.bg-blue {
  background-color: #0062ff !important;
}

.text-bg-blue {
  background-color: #0062ff !important;
}

.bg-blue-50 {
  background-color: #f4f8ff !important;
}

.text-bg-blue-50 {
  background-color: #f4f8ff !important;
}

.bg-blue-100 {
  background-color: #ebf2ff !important;
}

.text-bg-blue-100 {
  background-color: #ebf2ff !important;
}

.bg-blue-200 {
  background-color: #f3f4ff !important;
}

.text-bg-blue-200 {
  background-color: #f3f4ff !important;
}

.bg-blue-300 {
  background-color: #eaefff !important;
}

.text-bg-blue-300 {
  background-color: #eaefff !important;
}

.bg-blue-400 {
  background-color: #e7fbff !important;
}

.text-bg-blue-400 {
  background-color: #e7fbff !important;
}

.bg-blue-500 {
  background-color: #e8ebff !important;
}

.text-bg-blue-500 {
  background-color: #e8ebff !important;
}

.bg-blue-600 {
  background-color: #f9faff !important;
}

.text-bg-blue-600 {
  background-color: #f9faff !important;
}

.bg-blue-700 {
  background-color: #c3c9f1 !important;
}

.text-bg-blue-700 {
  background-color: #c3c9f1 !important;
}

.bg-blue-800 {
  background-color: #6472b9 !important;
}

.text-bg-blue-800 {
  background-color: #6472b9 !important;
}

.bg-blue-900 {
  background-color: #8c9bff !important;
}

.text-bg-blue-900 {
  background-color: #8c9bff !important;
}

.bg-blue-1000 {
  background-color: #589bff !important;
}

.text-bg-blue-1000 {
  background-color: #589bff !important;
}

.bg-blue-1100 {
  background-color: #6576ff !important;
}

.text-bg-blue-1100 {
  background-color: #6576ff !important;
}

.bg-blue-1200 {
  background-color: #3f78e0 !important;
}

.text-bg-blue-1200 {
  background-color: #3f78e0 !important;
}

.bg-blue-1300 {
  background-color: #2b5cfd !important;
}

.text-bg-blue-1300 {
  background-color: #2b5cfd !important;
}

.bg-blue-1400 {
  background-color: #3f53d8 !important;
}

.text-bg-blue-1400 {
  background-color: #3f53d8 !important;
}

.bg-blue-1500 {
  background-color: #2b5cfd !important;
}

.text-bg-blue-1500 {
  background-color: #2b5cfd !important;
}

.bg-blue-1600 {
  background-color: #3b3482 !important;
}

.text-bg-blue-1600 {
  background-color: #3b3482 !important;
}

.bg-blue-1700 {
  background-color: #172166 !important;
}

.text-bg-blue-1700 {
  background-color: #172166 !important;
}

.bg-blue-1800 {
  background-color: #122544 !important;
}

.text-bg-blue-1800 {
  background-color: #122544 !important;
}

.bg-blue-1900 {
  background-color: #141834 !important;
}

.text-bg-blue-1900 {
  background-color: #141834 !important;
}

.bg-blue-2000 {
  background-color: #080829 !important;
}

.text-bg-blue-2000 {
  background-color: #080829 !important;
}

.bg-purple {
  background-color: #6e61f3 !important;
}

.text-bg-purple {
  background-color: #6e61f3 !important;
}

.bg-purple-50 {
  background-color: #eeecff !important;
}

.text-bg-purple-50 {
  background-color: #eeecff !important;
}

.bg-purple-100 {
  background-color: #fceff4 !important;
}

.text-bg-purple-100 {
  background-color: #fceff4 !important;
}

.bg-purple-200 {
  background-color: #edebfe !important;
}

.text-bg-purple-200 {
  background-color: #edebfe !important;
}

.bg-purple-300 {
  background-color: #e1cbfd !important;
}

.text-bg-purple-300 {
  background-color: #e1cbfd !important;
}

.bg-purple-400 {
  background-color: #ffc8cc !important;
}

.text-bg-purple-400 {
  background-color: #ffc8cc !important;
}

.bg-purple-500 {
  background-color: #eb7ca6 !important;
}

.text-bg-purple-500 {
  background-color: #eb7ca6 !important;
}

.bg-purple-600 {
  background-color: #9d90f1 !important;
}

.text-bg-purple-600 {
  background-color: #9d90f1 !important;
}

.bg-purple-700 {
  background-color: #9097f7 !important;
}

.text-bg-purple-700 {
  background-color: #9097f7 !important;
}

.bg-purple-800 {
  background-color: #725efe !important;
}

.text-bg-purple-800 {
  background-color: #725efe !important;
}

.bg-cyan {
  background-color: #00ffd5 !important;
}

.text-bg-cyan {
  background-color: #00ffd5 !important;
}

.bg-cyan-50 {
  background-color: #c0f2fd !important;
}

.text-bg-cyan-50 {
  background-color: #c0f2fd !important;
}

.bg-cyan-100 {
  background-color: #97f2ff !important;
}

.text-bg-cyan-100 {
  background-color: #97f2ff !important;
}

.bg-cyan-200 {
  background-color: #13d5ff !important;
}

.text-bg-cyan-200 {
  background-color: #13d5ff !important;
}

.bg-orange {
  background-color: #fdd6c8 !important;
}

.text-bg-orange {
  background-color: #fdd6c8 !important;
}

.bg-orange-100 {
  background-color: #ef652a !important;
}

.text-bg-orange-100 {
  background-color: #ef652a !important;
}

.bg-primary-gradient {
  background: linear-gradient(98.64deg, #524a90 0%, rgba(255, 116, 104, 0.21) 57.39%);
}

.bg-primary-gradient-soft {
  background: linear-gradient(180deg, #e3edff 0%, rgba(255, 255, 255, 0) 100%);
}

.bg-primary-dark {
  background-color: #0f0f12;
}

.img-fit-cover {
  object-fit: cover;
}

.rotate-0 {
  transform: rotate(0deg);
}

.rotate-45 {
  transform: rotate(45deg);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.overlay-1::before {
  z-index: 1;
  content: "";
  position: absolute;
}

.overlay-1::before {
  width: 100%;
  height: 178px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
@media (min-width: 992px) and (max-width: 1200px) {
  .overlay-2::before {
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.overlay-bottom::before {
  left: 0;
  bottom: 0;
}

.line-clamp-4, .line-clamp-3, .line-clamp-2, .line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  -webkit-line-clamp: 4;
}

/** COMPONENTS */
.on {
  display: block;
}

.off {
  display: none;
}

.form-note {
  font-size: 0.813rem;
  font-weight: 400;
}

.sep {
  position: relative;
  height: 1px;
  background-color: #faf9ff;
}
.sep-overlap {
  background-color: #fff;
  display: inline-block;
  position: absolute;
  top: -11px;
  padding: 0 10px 0 0;
}

.lead {
  line-height: 1.6;
  letter-spacing: -0.01em;
}

@media (max-width: 1399.98px) {
  .display-6 {
    font-size: 2.625rem;
  }
}
@media (max-width: 767.98px) {
  .display-6 {
    font-size: 2.375rem;
  }
}
@media (max-width: 575.98px) {
  .display-6 {
    font-size: 1.75rem;
  }
  .h1,
  h1 {
    font-size: 1.625rem;
  }
  .h2,
  h2 {
    font-size: 1.5rem;
  }
  .h5,
  h5 {
    font-size: 1.125rem;
  }
  .lead,
  p {
    font-size: 1rem;
  }
  .nk-block-title {
    font-size: 1.125rem;
  }
  .card-title {
    font-size: 1.1875rem;
  }
}
.btn-primary {
  background-color: #2b5cfd !important;
}

.btn-outline-primary {
  color: #2b5cfd;
  border-color: #2b5cfd;
}

.btn-primary-100 {
  background-color: #eaefff !important;
}

.btn-outline-primary-100 {
  color: #eaefff;
  border-color: #eaefff;
}

.btn-secondary {
  background-color: #0f0f12 !important;
}

.btn-outline-secondary {
  color: #0f0f12;
  border-color: #0f0f12;
}

.btn-gray {
  background-color: #f7f8f9 !important;
}

.btn-outline-gray {
  color: #f7f8f9;
  border-color: #f7f8f9;
}

.btn-gray-50 {
  background-color: #e5e7eb !important;
}

.btn-outline-gray-50 {
  color: #e5e7eb;
  border-color: #e5e7eb;
}

.btn-gray-100 {
  background-color: #faf9ff !important;
}

.btn-outline-gray-100 {
  color: #faf9ff;
  border-color: #faf9ff;
}

.btn-gray-200 {
  background-color: #f2f8fb !important;
}

.btn-outline-gray-200 {
  color: #f2f8fb;
  border-color: #f2f8fb;
}

.btn-gray-300 {
  background-color: #f9f7fa !important;
}

.btn-outline-gray-300 {
  color: #f9f7fa;
  border-color: #f9f7fa;
}

.btn-gray-400 {
  background-color: #faf9f4 !important;
}

.btn-outline-gray-400 {
  color: #faf9f4;
  border-color: #faf9f4;
}

.btn-gray-500 {
  background-color: #c9c9d4 !important;
}

.btn-outline-gray-500 {
  color: #c9c9d4;
  border-color: #c9c9d4;
}

.btn-gray-600 {
  background-color: #c5c5ca !important;
}

.btn-outline-gray-600 {
  color: #c5c5ca;
  border-color: #c5c5ca;
}

.btn-gray-700 {
  background-color: #adb5bd !important;
}

.btn-outline-gray-700 {
  color: #adb5bd;
  border-color: #adb5bd;
}

.btn-gray-800 {
  background-color: #64728f !important;
}

.btn-outline-gray-800 {
  color: #64728f;
  border-color: #64728f;
}

.btn-gray-900 {
  background-color: #495057 !important;
}

.btn-outline-gray-900 {
  color: #495057;
  border-color: #495057;
}

.btn-gray-1000 {
  background-color: #2b292c !important;
}

.btn-outline-gray-1000 {
  color: #2b292c;
  border-color: #2b292c;
}

.btn-gray-1100 {
  background-color: #0f0f12 !important;
}

.btn-outline-gray-1100 {
  color: #0f0f12;
  border-color: #0f0f12;
}

.btn-gray-1200 {
  background-color: #0a1425 !important;
}

.btn-outline-gray-1200 {
  color: #0a1425;
  border-color: #0a1425;
}

.btn-gray-1300 {
  background-color: #181921 !important;
}

.btn-outline-gray-1300 {
  color: #181921;
  border-color: #181921;
}

.btn-gray-1400 {
  background-color: #232340 !important;
}

.btn-outline-gray-1400 {
  color: #232340;
  border-color: #232340;
}

.btn-red {
  background-color: #fa5b68 !important;
}

.btn-outline-red {
  color: #fa5b68;
  border-color: #fa5b68;
}

.btn-red-50 {
  background-color: #feebed !important;
}

.btn-outline-red-50 {
  color: #feebed;
  border-color: #feebed;
}

.btn-yellow {
  background-color: #fdb52a !important;
}

.btn-outline-yellow {
  color: #fdb52a;
  border-color: #fdb52a;
}

.btn-yellow-50 {
  background-color: #fef6ea !important;
}

.btn-outline-yellow-50 {
  color: #fef6ea;
  border-color: #fef6ea;
}

.btn-yellow-100 {
  background-color: #fdeaba !important;
}

.btn-outline-yellow-100 {
  color: #fdeaba;
  border-color: #fdeaba;
}

.btn-yellow-200 {
  background-color: #ffde70 !important;
}

.btn-outline-yellow-200 {
  color: #ffde70;
  border-color: #ffde70;
}

.btn-green {
  background-color: #22c55e !important;
}

.btn-outline-green {
  color: #22c55e;
  border-color: #22c55e;
}

.btn-green-50 {
  background-color: #e9f9ef !important;
}

.btn-outline-green-50 {
  color: #e9f9ef;
  border-color: #e9f9ef;
}

.btn-green-100 {
  background-color: #f0f6f5 !important;
}

.btn-outline-green-100 {
  color: #f0f6f5;
  border-color: #f0f6f5;
}

.btn-green-200 {
  background-color: #dcfce7 !important;
}

.btn-outline-green-200 {
  color: #dcfce7;
  border-color: #dcfce7;
}

.btn-green-300 {
  background-color: #bde5d3 !important;
}

.btn-outline-green-300 {
  color: #bde5d3;
  border-color: #bde5d3;
}

.btn-green-400 {
  background-color: #45c9c1 !important;
}

.btn-outline-green-400 {
  color: #45c9c1;
  border-color: #45c9c1;
}

.btn-green-500 {
  background-color: #0acf83 !important;
}

.btn-outline-green-500 {
  color: #0acf83;
  border-color: #0acf83;
}

.btn-green-600 {
  background-color: #54a8c7 !important;
}

.btn-outline-green-600 {
  color: #54a8c7;
  border-color: #54a8c7;
}

.btn-green-700 {
  background-color: #2a9d8f !important;
}

.btn-outline-green-700 {
  color: #2a9d8f;
  border-color: #2a9d8f;
}

.btn-green-800 {
  background-color: #071a17 !important;
}

.btn-outline-green-800 {
  color: #071a17;
  border-color: #071a17;
}

.btn-blue {
  background-color: #0062ff !important;
}

.btn-outline-blue {
  color: #0062ff;
  border-color: #0062ff;
}

.btn-blue-50 {
  background-color: #f4f8ff !important;
}

.btn-outline-blue-50 {
  color: #f4f8ff;
  border-color: #f4f8ff;
}

.btn-blue-100 {
  background-color: #ebf2ff !important;
}

.btn-outline-blue-100 {
  color: #ebf2ff;
  border-color: #ebf2ff;
}

.btn-blue-200 {
  background-color: #f3f4ff !important;
}

.btn-outline-blue-200 {
  color: #f3f4ff;
  border-color: #f3f4ff;
}

.btn-blue-300 {
  background-color: #eaefff !important;
}

.btn-outline-blue-300 {
  color: #eaefff;
  border-color: #eaefff;
}

.btn-blue-400 {
  background-color: #e7fbff !important;
}

.btn-outline-blue-400 {
  color: #e7fbff;
  border-color: #e7fbff;
}

.btn-blue-500 {
  background-color: #e8ebff !important;
}

.btn-outline-blue-500 {
  color: #e8ebff;
  border-color: #e8ebff;
}

.btn-blue-600 {
  background-color: #f9faff !important;
}

.btn-outline-blue-600 {
  color: #f9faff;
  border-color: #f9faff;
}

.btn-blue-700 {
  background-color: #c3c9f1 !important;
}

.btn-outline-blue-700 {
  color: #c3c9f1;
  border-color: #c3c9f1;
}

.btn-blue-800 {
  background-color: #6472b9 !important;
}

.btn-outline-blue-800 {
  color: #6472b9;
  border-color: #6472b9;
}

.btn-blue-900 {
  background-color: #8c9bff !important;
}

.btn-outline-blue-900 {
  color: #8c9bff;
  border-color: #8c9bff;
}

.btn-blue-1000 {
  background-color: #589bff !important;
}

.btn-outline-blue-1000 {
  color: #589bff;
  border-color: #589bff;
}

.btn-blue-1100 {
  background-color: #6576ff !important;
}

.btn-outline-blue-1100 {
  color: #6576ff;
  border-color: #6576ff;
}

.btn-blue-1200 {
  background-color: #3f78e0 !important;
}

.btn-outline-blue-1200 {
  color: #3f78e0;
  border-color: #3f78e0;
}

.btn-blue-1300 {
  background-color: #2b5cfd !important;
}

.btn-outline-blue-1300 {
  color: #2b5cfd;
  border-color: #2b5cfd;
}

.btn-blue-1400 {
  background-color: #3f53d8 !important;
}

.btn-outline-blue-1400 {
  color: #3f53d8;
  border-color: #3f53d8;
}

.btn-blue-1500 {
  background-color: #2b5cfd !important;
}

.btn-outline-blue-1500 {
  color: #2b5cfd;
  border-color: #2b5cfd;
}

.btn-blue-1600 {
  background-color: #3b3482 !important;
}

.btn-outline-blue-1600 {
  color: #3b3482;
  border-color: #3b3482;
}

.btn-blue-1700 {
  background-color: #172166 !important;
}

.btn-outline-blue-1700 {
  color: #172166;
  border-color: #172166;
}

.btn-blue-1800 {
  background-color: #122544 !important;
}

.btn-outline-blue-1800 {
  color: #122544;
  border-color: #122544;
}

.btn-blue-1900 {
  background-color: #141834 !important;
}

.btn-outline-blue-1900 {
  color: #141834;
  border-color: #141834;
}

.btn-blue-2000 {
  background-color: #080829 !important;
}

.btn-outline-blue-2000 {
  color: #080829;
  border-color: #080829;
}

.btn-purple {
  background-color: #6e61f3 !important;
}

.btn-outline-purple {
  color: #6e61f3;
  border-color: #6e61f3;
}

.btn-purple-50 {
  background-color: #eeecff !important;
}

.btn-outline-purple-50 {
  color: #eeecff;
  border-color: #eeecff;
}

.btn-purple-100 {
  background-color: #fceff4 !important;
}

.btn-outline-purple-100 {
  color: #fceff4;
  border-color: #fceff4;
}

.btn-purple-200 {
  background-color: #edebfe !important;
}

.btn-outline-purple-200 {
  color: #edebfe;
  border-color: #edebfe;
}

.btn-purple-300 {
  background-color: #e1cbfd !important;
}

.btn-outline-purple-300 {
  color: #e1cbfd;
  border-color: #e1cbfd;
}

.btn-purple-400 {
  background-color: #ffc8cc !important;
}

.btn-outline-purple-400 {
  color: #ffc8cc;
  border-color: #ffc8cc;
}

.btn-purple-500 {
  background-color: #eb7ca6 !important;
}

.btn-outline-purple-500 {
  color: #eb7ca6;
  border-color: #eb7ca6;
}

.btn-purple-600 {
  background-color: #9d90f1 !important;
}

.btn-outline-purple-600 {
  color: #9d90f1;
  border-color: #9d90f1;
}

.btn-purple-700 {
  background-color: #9097f7 !important;
}

.btn-outline-purple-700 {
  color: #9097f7;
  border-color: #9097f7;
}

.btn-purple-800 {
  background-color: #725efe !important;
}

.btn-outline-purple-800 {
  color: #725efe;
  border-color: #725efe;
}

.btn-cyan {
  background-color: #00ffd5 !important;
}

.btn-outline-cyan {
  color: #00ffd5;
  border-color: #00ffd5;
}

.btn-cyan-50 {
  background-color: #c0f2fd !important;
}

.btn-outline-cyan-50 {
  color: #c0f2fd;
  border-color: #c0f2fd;
}

.btn-cyan-100 {
  background-color: #97f2ff !important;
}

.btn-outline-cyan-100 {
  color: #97f2ff;
  border-color: #97f2ff;
}

.btn-cyan-200 {
  background-color: #13d5ff !important;
}

.btn-outline-cyan-200 {
  color: #13d5ff;
  border-color: #13d5ff;
}

.btn-orange {
  background-color: #fdd6c8 !important;
}

.btn-outline-orange {
  color: #fdd6c8;
  border-color: #fdd6c8;
}

.btn-orange-100 {
  background-color: #ef652a !important;
}

.btn-outline-orange-100 {
  color: #ef652a;
  border-color: #ef652a;
}

.nk-btn-group {
  gap: 1rem;
  display: flex;
}
.nk-btn-group.sm {
  gap: -0.5rem;
}
.nk-btn-group.sm > * {
  gap: 0.5rem;
}
@media (max-width: 575.98px) {
  .nk-btn-group .btn {
    padding: 8px 16px;
    font-size: 14px !important;
  }
}

@media (min-width: 768px) {
  .nk-btn > * {
    gap: 0.75rem;
  }
}
.title-shape-3::after, .title-shape-2::after, .title-shape-1::after {
  content: "";
  z-index: -1;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}

.blur-11::before, .blur-10::before, .blur-9::before, .blur-7::before, .blur-6::after, .blur-6::before, .nk-banner-landing .nk-mask.blur::after, .nk-banner-landing .nk-mask.blur::before {
  content: "";
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
}

.shape-44::before, .shape-43::before, .shape-43::after, .shape-43-a::before, .shape-43-a::after, .shape-42::before, .shape-42::after, .shape-41::after, .shape-37::before, .shape-37::after, .shape-36::after, .shape-36::before, .shape-35::before, .shape-35::after, .shape-34::after, .shape-34::before, .shape-33::after, .shape-32::before, .shape-32::after, .shape-31::after, .shape-30::before, .shape-30::after, .shape-30-a::before, .shape-30-a::after, .shape-29::before, .shape-29::after, .shape-28::before, .shape-28::after, .shape-22::before, .shape-22::after, .shape-21::after, .shape-20::after, .shape-19::after, .shape-18::after, .shape-17::after, .shape-16::after, .shape-15::after, .shape-14::after, .shape-13::after, .shape-12::after, .shape-11::after, .shape-10::after, .shape-6::before, .shape-6::after, .shape-5::after, .shape-4::after, .shape-4-a::after, .shape-4-b::after, .shape-3::after, .shape-1::after, .nk-banner-dg-business .nk-banner-content .nk-mask::before, .nk-banner-dg-business .nk-banner-content .nk-mask::after, .nk-banner-saas::after, .home-bs-solution .nk-section-content .nk-mask.shape::before, .home-bs-solution .nk-section-content .nk-mask.shape::after, .home-live-chat-app .nk-section-support::after {
  content: "";
  z-index: -1;
  opacity: 0.6;
  user-select: none;
  position: absolute;
  pointer-events: none;
  background-size: cover;
  background-repeat: no-repeat;
}

.title-shape {
  z-index: 5;
  position: relative;
  display: inline-block;
}
.title-shape-1::after {
  width: 100%;
  left: 50%;
  bottom: -12px;
  height: 1.4375rem;
  transform: translateX(-50%);
  background-image: url("../../assets/images/line/a.png");
}
.title-shape-2::after {
  display: none;
  right: -12px;
  top: calc(-100% + 12px);
  background-image: url("../../assets/images/line/b.png");
}
.title-shape-3::after {
  top: 74%;
  left: 50%;
  width: 100%;
  height: 2.1875rem;
  transform: translateX(-50%);
  background-image: url("../../assets/images/line/c.png");
}
.title-shape-3_one::after {
  width: 8.75rem;
  height: 1.375rem;
}
.title-shape-3_two::after {
  width: 11.875rem;
  height: 1.875rem;
}

.nk-mask {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  user-select: none;
  position: absolute;
  pointer-events: none;
}

.blur-1 {
  display: none;
}
@media (min-width: 768px) {
  .blur-1 {
    display: block;
  }
}
.blur-1.left::before {
  left: 0;
  opacity: 0.4;
  width: 212px;
  content: "";
  height: 500px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/blur/a.png");
}
.blur-1.left.top::before {
  top: 0px;
}
.blur-1.left.center::before {
  top: 50%;
  transform: translateY(-50%);
}
.blur-1.left.bottom::before {
  bottom: 0;
}
.blur-1.right::after {
  right: 0;
  opacity: 0.4;
  width: 212px;
  content: "";
  height: 500px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/blur/b.png");
}
.blur-1.right.top::after {
  top: -60px;
}
.blur-1.right.center::after {
  top: 50%;
  transform: translateY(-50%);
}
.blur-1.right.bottom::after {
  bottom: 0;
}
.blur-6::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 23.8194rem;
  background-size: contain;
  background-image: url("../../assets/images/blur/f.png");
}
.blur-6::after {
  right: 0;
  opacity: 1 !important;
  width: 440px;
  bottom: 0px;
  display: none;
  height: 27.5rem;
  background-size: cover;
  background-image: url("../../assets/images/blur/g.png");
}
.blur-7::before {
  left: 50%;
  width: 100%;
  height: 100%;
  top: calc(50% + 120px);
  background-size: contain;
  transform: translate(-50%, -50%);
  background-image: url("../../assets/images/blur/h.png");
}
.blur-9::before {
  bottom: 0;
  right: 0;
  width: 384px;
  height: 860px;
  background-size: contain;
  background-image: url("../../assets/images/blur/blur-9-b.png");
}
.blur-10::before {
  left: 0;
  width: 384px;
  height: 860px;
  top: calc(100% - 120px);
  background-size: contain;
  background-image: url("../../assets/images/blur/blur-9-d.png");
}
.blur-11::before {
  top: -100px;
  left: -130px;
  z-index: -1;
  width: 380px;
  height: 360px;
  background-size: contain;
  background-image: url("../../assets/images/blur/codebase-blur-1.png");
}

.shape-1::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../assets/images/shape/a.png");
}
.shape-3::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  mix-blend-mode: overlay;
  background-image: url("../../assets/images/shape/c.png");
}
.shape-4::after, .shape-4-a::after, .shape-4-b::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.shape-4::after {
  background-image: url("../../assets/images/shape/d.png");
}
.shape-4-a::after {
  background-image: url("../../assets/images/inside-pages/bg/tool-bg-1-b.png");
}
.shape-4-b::after {
  background-image: url("../../assets/images/inside-pages/bg/podcast-shape-bg.png");
}
.shape-5 {
  z-index: -2;
}
.shape-5::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../assets/images/shape/e.png");
}
.shape-6::after {
  left: 0;
  bottom: 0;
  opacity: 1;
  width: 100%;
  height: 80px;
  display: none;
  background-image: url("../../assets/images/shape/f.png");
}
.shape-6::before {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-image: url("../../assets/images/shape/g.png");
}
.shape-10::after {
  left: 0;
  top: 0;
  height: 100%;
  width: 651px;
  background-image: url("../../assets/images/shape/l.png");
}
.shape-11::after {
  right: 0;
  bottom: 0;
  width: 639px;
  height: 65%;
  object-fit: contain;
  background-image: url("../../assets/images/shape/m.png");
}
.shape-12::after {
  left: 0;
  top: 0;
  height: 100%;
  width: 150px;
  background-size: contain;
  background-position: center;
  background-image: url("../../assets/images/shape/n.png");
}
.shape-13::after {
  left: 0;
  width: 100%;
  height: 260px;
  top: calc(50% + 160px);
  background-size: contain;
  transform: translateY(-50%);
  background-image: url("../../assets/images/shape/o.png");
}
.shape-14::after {
  left: 0;
  width: 100%;
  height: 267px;
  top: calc(50% + 40px);
  transform: translateY(-50%);
  background-image: url("../../assets/images/shape/p.png");
}
.shape-15::after {
  left: 0;
  top: 0;
  width: 445px;
  height: 308px;
  background-size: contain;
  background-image: url("../../assets/images/shape/r.png");
}
.shape-16::after {
  top: 0;
  right: 0;
  width: 80px;
  height: 60px;
  background-image: url("../../assets/images/shape/s.png");
  background-size: contain;
}
.shape-17 {
  display: none;
}
.shape-17::after {
  opacity: 1;
  right: 0;
  width: 220px;
  bottom: -50px;
  height: 206px;
  background-image: url("../../assets/images/shape/t.png");
}
.shape-18::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-image: url("../../assets/images/shape/u.png");
}
.shape-19::after {
  top: 0;
  left: 0;
  width: 1085px;
  height: 100%;
  background-position: center;
  background-image: url("../../assets/images/shape/v.png");
}
.shape-20::after {
  top: 170px;
  right: 170px;
  width: 493px;
  height: 570px;
  background-position: center;
  background-image: url("../../assets/images/shape/w.png");
}
.shape-21::after {
  z-index: -1;
  width: 100%;
  height: 100%;
  top: calc(50% + 24px);
  opacity: 1 !important;
  left: calc(50% - 40px);
  background-size: contain;
  background-position: center;
  transform: translate(-50%, -50%);
  background-image: url("../../assets/images/shape/x.png");
}
.shape-22::before, .shape-22::after {
  top: 0;
  z-index: 1;
  height: 100%;
  width: 34.875rem;
  background-position: center;
}
.shape-22::before {
  left: 0;
  background-image: url("../../assets/images/shape/y.png");
}
.shape-22::after {
  right: 0;
  background-image: url("../../assets/images/shape/z.png");
}
.shape-28::before, .shape-28::after {
  background-position: center;
}
.shape-28::before {
  top: -40px;
  right: -40px;
  width: 9.75rem;
  height: 9.75rem;
  background-image: url("../../assets/images/shape/f1.png");
}
.shape-28::after {
  left: -44px;
  bottom: -40px;
  width: 11.25rem;
  height: 6.875rem;
  background-image: url("../../assets/images/shape/g1.png");
}
.shape-29::before, .shape-29::after {
  top: 50%;
  opacity: 0.2;
  width: 20.75rem;
  height: 14.5rem;
  background-position: center;
}
.shape-29::before {
  left: 0;
  transform: translateY(-50%);
  background-image: url("../../assets/images/quote/b.png");
}
.shape-29::after {
  right: 0;
  background-image: url("../../assets/images/quote/c.png");
}
.shape-30::before, .shape-30::after, .shape-30-a::before, .shape-30-a::after {
  z-index: -1;
  width: 20.75rem;
  height: 14.5rem;
  background-position: center;
}
.shape-30::before, .shape-30-a::before {
  left: 0;
  top: 36%;
  transform: translateY(-50%);
  background-image: url("../../assets/images/quote/d.png");
}
.shape-30::after, .shape-30-a::after {
  right: 0;
  top: 70%;
  background-image: url("../../assets/images/quote/e.png");
}
.shape-30-a::before {
  background-image: url("../../assets/images/quote/quote-red-1.png");
}
.shape-30-a::after {
  background-image: url("../../assets/images/quote/quote-red-2.png");
}
.shape-31::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-image: url("../../assets/images/shape/h1.png");
}
.shape-32::before, .shape-32::after {
  background-position: center;
}
.shape-32::before {
  top: 80px;
  right: 100px;
  width: 3.75rem;
  height: 2.625rem;
  background-image: url("../../assets/images/shape/i1.png");
}
.shape-32::after {
  left: 90px;
  bottom: 70px;
  width: 4.6875rem;
  height: 4.3125rem;
  background-image: url("../../assets/images/shape/j1.png");
}
.shape-33::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-image: url("../../assets/images/shape/o1.png");
}
.shape-34::before {
  top: 0;
  width: 100%;
  height: 100%;
  left: calc(-20% - 50px);
  background-position: center;
  background-image: url("../../assets/images/shape/waves-7.png");
}
.shape-34::after {
  z-index: -1;
  right: -60px;
  bottom: -180px;
  width: 30.75rem;
  height: 35.625rem;
  background-size: contain;
  background-position: center;
  background-image: url("../../assets/images/shape/dots-row-14.png");
}
.shape-35::before, .shape-35::after {
  opacity: 0.2;
  width: 30.75rem;
  height: 35.625rem;
  background-position: center;
  mix-blend-mode: luminosity !important;
}
.shape-35::before {
  top: -10px;
  left: calc(-2% + 30px);
  background-image: url("../../assets/images/shape/dots-col-17.png");
}
.shape-35::after {
  right: -88px;
  bottom: -80px;
  background-image: url("../../assets/images/shape/dots-col-17.png");
}
.shape-36::before {
  top: 0;
  width: 100%;
  height: 100%;
  left: calc(-20% - 12px);
  background-position: center;
  background-image: url("../../assets/images/shape/waves-7.png");
}
.shape-36::after {
  width: 30.75rem;
  height: 35.625rem;
  top: 50%;
  right: 0px;
  background-size: contain;
  transform: translateY(-50%);
  background-position: center;
  background-image: url("../../assets/images/shape/dots-col-18.png");
}
.shape-37::before, .shape-37::after {
  width: 30.75rem;
  height: 35.625rem;
  background-size: contain;
}
.shape-37::before {
  left: -110px;
  top: -90px;
  background: url("../../assets/images/shape/dots-row-14.png") center/contain no-repeat;
}
.shape-37::after {
  right: -110px;
  bottom: -240px;
  background: url("../../assets/images/shape/dots-row-14.png") center/contain no-repeat;
}
.shape-41 {
  width: 100%;
}
.shape-41::after {
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center bottom;
  background-image: url("../../assets/images/mask/waves-bg-1.svg");
}
.shape-42::before, .shape-42::after {
  z-index: -1;
  width: 6.25rem;
  height: 4.375rem;
  background-position: center;
}
.shape-42::before {
  left: 0;
  top: 36%;
  transform: translateY(-50%);
  background-image: url("../../assets/images/quote/quote-red-1.png");
}
.shape-42::after {
  right: 0;
  top: 70%;
  background-image: url("../../assets/images/quote/quote-red-2.png");
}
.shape-43::before, .shape-43::after, .shape-43-a::before, .shape-43-a::after {
  opacity: 0.6;
  opacity: 1;
  z-index: -1;
  width: 322px;
  height: 406px;
  background-size: contain;
  background-position: center;
}
@media (max-width: 991.98px) {
  .shape-43::before, .shape-43::after, .shape-43-a::before, .shape-43-a::after {
    display: none;
  }
}
.shape-43::before, .shape-43-a::before {
  top: 0;
  left: -24px;
  background-image: url("../../assets/images/inside-pages/bg/coaching-service-bg-shape-blue-a.png");
}
.shape-43::after, .shape-43-a::after {
  right: 0;
  bottom: -28px;
  background-image: url("../../assets/images/inside-pages/bg/coaching-service-bg-shape-blue-b.png");
}
.shape-43-a::before {
  background-image: url("../../assets/images/inside-pages/bg/coaching-service-bg-shape-red-a.png");
}
.shape-43-a::after {
  background-image: url("../../assets/images/inside-pages/bg/coaching-service-bg-shape-red-b.png");
}
.shape-44::before {
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url("../../assets/images/mask/mask-line-2.png");
}

.bg-masks {
  z-index: -1;
  display: none;
  user-select: none;
  position: absolute;
  pointer-events: none;
}
.bg-masks img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.bg-masks-1 {
  top: 0;
  left: -50px;
  width: auto;
  display: none;
  height: 180px;
}
.bg-masks-2 {
  width: auto;
  right: -30px;
  height: 180px;
  bottom: -50px;
  display: none;
}
.bg-masks-3 {
  top: -120px;
  right: -100px;
}
.bg-masks-4 {
  left: -60px;
  top: -80px;
}
.bg-masks-5 {
  left: -200px;
  bottom: 120px;
}
.bg-masks-6 {
  right: 0px;
  bottom: 0px;
  background-image: url("../../assets/images/shape/b.png");
}

.bg-1 {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(#e8ebff 64%, #fff 36%);
  top: 0;
  right: 0;
}
.bg-2 {
  position: relative;
}
.bg-2::before {
  content: "";
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/inside-pages/bg/cta-cover-1.png");
}
.bg-2::after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  position: absolute;
  background: #2b5cfd;
}
.bg-3 {
  z-index: 1;
  position: relative;
}
.bg-3::before {
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/inside-pages/bg/business-consulting-cta-bg.png");
}

@media (min-width: 576px) {
  .shape-6::after {
    display: inline-block;
  }
  .bg-masks {
    display: block;
  }
  .blur-1::before {
    width: 350px;
  }
  .blur-1::after {
    width: 370px;
  }
}
@media (min-width: 768px) {
  .shape-6::after {
    height: 160px;
  }
  .shape-7 {
    display: inline-block;
  }
  .shape-16::after {
    width: 201px;
    height: 184px;
  }
  .shape-17 {
    display: inline-block;
  }
  .blur-6::after {
    bottom: 0px;
    display: block;
  }
  .bg-masks-1 {
    display: block;
    height: 260px;
  }
  .bg-masks-2 {
    display: block;
    height: 218px;
  }
}
@media (min-width: 992px) {
  .title-shape-1::after {
    display: inline-block;
  }
  .title-shape-3::after {
    display: inline-block;
  }
  .shape-23::after, .shape-26::after {
    width: 219px;
    height: 219px;
  }
  .shape-24::after, .shape-25::after {
    width: 204px;
    height: 124px;
  }
  .shape-30::before, .shape-30::after {
    width: 332px;
    height: 232px;
    top: 50%;
  }
  .shape-38::after {
    left: -20%;
  }
}
@media (min-width: 1200px) {
  .mask-1 {
    display: block;
  }
  .mask-1::before {
    width: 240px;
    height: 225px;
  }
  .mask-1::after {
    width: 260px;
    height: 230px;
  }
  .title-shape-1::after {
    bottom: -6px;
    left: calc(50% + 40px);
  }
  .title-shape-2::after {
    width: 100px;
    height: 60px;
    right: -70px;
    top: calc(-100% + 16px);
  }
  .title-shape-6::after {
    height: 289px;
  }
  .title-shape-2::after {
    display: block;
  }
  .shape-6::after {
    height: 200px;
  }
  .shape-6::before {
    background-position: center;
    right: 10px;
    top: 70px;
  }
  .shape-12::after {
    width: 651px;
    top: -300px;
  }
  .shape-13 {
    display: inline-block;
  }
  .shape-13::after {
    bottom: 210px;
  }
}
@media (min-width: 1400px) {
  .mask-1::before {
    width: 415px;
    height: 388px;
  }
  .mask-1::after {
    width: 414px;
    height: 308px;
  }
  .shape-6::after {
    height: 289px;
  }
  .shape-7::before {
    width: 345px;
    height: 100%;
  }
  .shape-7::after {
    width: 474px;
    height: 100%;
  }
  .shape-38::after {
    left: 0px;
  }
  .title-shape-2::after {
    right: -8px;
    width: 100px;
    height: 120px;
    top: calc(-100% + 16px);
  }
  .bg-masks-1 {
    height: 380px;
  }
  .bg-masks-2 {
    height: 340px;
  }
}
@media (max-width: 991.98px) {
  .shape-34::after, .shape-36::after {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .shape-35::before {
    left: -180px;
    top: -220px;
  }
}
.text-primary {
  color: #2b5cfd !important;
}

.text-primary-100 {
  color: #eaefff !important;
}

.text-secondary {
  color: #0f0f12 !important;
}

.text-gray {
  color: #f7f8f9 !important;
}

.text-gray-50 {
  color: #e5e7eb !important;
}

.text-gray-100 {
  color: #faf9ff !important;
}

.text-gray-200 {
  color: #f2f8fb !important;
}

.text-gray-300 {
  color: #f9f7fa !important;
}

.text-gray-400 {
  color: #faf9f4 !important;
}

.text-gray-500 {
  color: #c9c9d4 !important;
}

.text-gray-600 {
  color: #c5c5ca !important;
}

.text-gray-700 {
  color: #adb5bd !important;
}

.text-gray-800 {
  color: #64728f !important;
}

.text-gray-900 {
  color: #495057 !important;
}

.text-gray-1000 {
  color: #2b292c !important;
}

.text-gray-1100 {
  color: #0f0f12 !important;
}

.text-gray-1200 {
  color: #0a1425 !important;
}

.text-gray-1300 {
  color: #181921 !important;
}

.text-gray-1400 {
  color: #232340 !important;
}

.text-red {
  color: #fa5b68 !important;
}

.text-red-50 {
  color: #feebed !important;
}

.text-yellow {
  color: #fdb52a !important;
}

.text-yellow-50 {
  color: #fef6ea !important;
}

.text-yellow-100 {
  color: #fdeaba !important;
}

.text-yellow-200 {
  color: #ffde70 !important;
}

.text-green {
  color: #22c55e !important;
}

.text-green-50 {
  color: #e9f9ef !important;
}

.text-green-100 {
  color: #f0f6f5 !important;
}

.text-green-200 {
  color: #dcfce7 !important;
}

.text-green-300 {
  color: #bde5d3 !important;
}

.text-green-400 {
  color: #45c9c1 !important;
}

.text-green-500 {
  color: #0acf83 !important;
}

.text-green-600 {
  color: #54a8c7 !important;
}

.text-green-700 {
  color: #2a9d8f !important;
}

.text-green-800 {
  color: #071a17 !important;
}

.text-blue {
  color: #0062ff !important;
}

.text-blue-50 {
  color: #f4f8ff !important;
}

.text-blue-100 {
  color: #ebf2ff !important;
}

.text-blue-200 {
  color: #f3f4ff !important;
}

.text-blue-300 {
  color: #eaefff !important;
}

.text-blue-400 {
  color: #e7fbff !important;
}

.text-blue-500 {
  color: #e8ebff !important;
}

.text-blue-600 {
  color: #f9faff !important;
}

.text-blue-700 {
  color: #c3c9f1 !important;
}

.text-blue-800 {
  color: #6472b9 !important;
}

.text-blue-900 {
  color: #8c9bff !important;
}

.text-blue-1000 {
  color: #589bff !important;
}

.text-blue-1100 {
  color: #6576ff !important;
}

.text-blue-1200 {
  color: #3f78e0 !important;
}

.text-blue-1300 {
  color: #2b5cfd !important;
}

.text-blue-1400 {
  color: #3f53d8 !important;
}

.text-blue-1500 {
  color: #2b5cfd !important;
}

.text-blue-1600 {
  color: #3b3482 !important;
}

.text-blue-1700 {
  color: #172166 !important;
}

.text-blue-1800 {
  color: #122544 !important;
}

.text-blue-1900 {
  color: #141834 !important;
}

.text-blue-2000 {
  color: #080829 !important;
}

.text-purple {
  color: #6e61f3 !important;
}

.text-purple-50 {
  color: #eeecff !important;
}

.text-purple-100 {
  color: #fceff4 !important;
}

.text-purple-200 {
  color: #edebfe !important;
}

.text-purple-300 {
  color: #e1cbfd !important;
}

.text-purple-400 {
  color: #ffc8cc !important;
}

.text-purple-500 {
  color: #eb7ca6 !important;
}

.text-purple-600 {
  color: #9d90f1 !important;
}

.text-purple-700 {
  color: #9097f7 !important;
}

.text-purple-800 {
  color: #725efe !important;
}

.text-cyan {
  color: #00ffd5 !important;
}

.text-cyan-50 {
  color: #c0f2fd !important;
}

.text-cyan-100 {
  color: #97f2ff !important;
}

.text-cyan-200 {
  color: #13d5ff !important;
}

.text-orange {
  color: #fdd6c8 !important;
}

.text-orange-100 {
  color: #ef652a !important;
}

.text-base {
  color: #64728f !important;
}
.text-light {
  color: #64728f !important;
}
.text-layout-secondary {
  color: #0f0f12 !important;
}

.smaller {
  font-size: 0.75rem;
}

.lead-text {
  font-weight: 700;
  color: #0a1425;
  display: block;
}

.sub-text {
  font-size: 0.75rem;
  color: #64728f;
  display: block;
  font-weight: 500;
}

.is-theme .sub-text,
.is-theme .lead-text {
  color: #fff;
}
.is-theme .sub-text {
  font-weight: 400;
}

.nk-block-title + .nk-block-text {
  margin-top: 1rem;
}
.nk-block-title {
  margin: 0.75rem 0px;
  letter-spacing: -0.025rem;
  text-transform: capitalize;
}
.nk-block-title br {
  display: none;
}
.nk-block-title span {
  color: #2b5cfd;
}
.nk-block-text {
  margin: 0px;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: -0.01em;
}
.nk-block-head {
  margin-bottom: 3.75rem;
}
.nk-block-head-between {
  display: flex;
  justify-content: space-between;
}
.nk-block-head.sm {
  margin-bottom: 1.875rem;
}
.nk-block-head.md {
  margin-bottom: 1.875rem;
}
.nk-block-head.lg {
  margin-bottom: 6.25rem;
}
.nk-block-head-content {
  margin-bottom: 3.75rem;
}
.nk-block-head-content .nk-block-text {
  margin-top: 0px !important;
}
.nk-block-actions {
  display: flex;
  align-items: center;
}

.nk-split-page {
  display: flex;
  min-height: 100vh;
}
.nk-split-col {
  flex-grow: 1;
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .nk-block-text {
    max-width: 75%;
    margin: 0px auto;
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
@media (min-width: 992px) {
  .nk-block-title br {
    display: inline-block;
  }
  .nk-block-text {
    max-width: 85%;
  }
}
.media {
  flex-shrink: 0;
  width: 3.25rem;
  height: 3.25rem;
  overflow: hidden;
  color: #0a1425;
  font-size: 1.0833333333rem;
  border-radius: 0.5rem;
}
.media .icon {
  font-size: 1.625rem;
}
.media img {
  border-radius: 25px;
}
.media-circle {
  border-radius: 50rem !important;
}
.media-middle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.media-border {
  border: 1px solid #e5e7eb;
}
.media-group {
  display: flex;
  flex-grow: 1;
}
.media-group .media + .media-text {
  margin-left: 0.75rem;
}
.media-group .media + .media-text.md {
  margin-left: 1.75rem;
}
.media-group .media-text + .media-text {
  margin-left: 1.5rem;
}
.media-group .lead-text + .sub-text {
  margin-top: 0.25rem;
}
.media-group-overlap .media + .media {
  margin-left: -0.75rem;
}
.media-group-column {
  flex-direction: column;
}
.media-group-column .media + .media-text {
  margin-left: 0;
  margin-top: 0.75rem;
}
.media-xl {
  border-radius: 1.5rem;
}

.media-xs {
  z-index: 1;
  width: 2rem;
  height: 2rem;
  font-size: 0.6666666667rem;
}
.media-xs .icon {
  font-size: 1rem;
}

.media-sm {
  z-index: 1;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0.8333333333rem;
}
.media-sm .icon {
  font-size: 1.25rem;
}

.media-md {
  z-index: 1;
  width: 2.2rem;
  height: 2.2rem;
  font-size: 1rem;
}
.media-md .icon {
  font-size: 1.5rem;
}

.media-rg {
  z-index: 1;
  width: 3.25rem;
  height: 3.25rem;
  font-size: 1.0833333333rem;
}
.media-rg .icon {
  font-size: 1.625rem;
}

.media-lg {
  z-index: 1;
  width: 4rem;
  height: 4rem;
  font-size: 1.3333333333rem;
}
.media-lg .icon {
  font-size: 2rem;
}

.media-xl {
  z-index: 1;
  width: 5.625rem;
  height: 5.625rem;
  font-size: 1.875rem;
}
.media-xl .icon {
  font-size: 2.8125rem;
}

.media-xxl {
  z-index: 1;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 2.0833333333rem;
}
.media-xxl .icon {
  font-size: 3.125rem;
}

.nk-video {
  height: 300px;
  position: relative;
}
.nk-video-section.is-theme .nk-block-text {
  opacity: 0.7;
}
.nk-video-section.is-theme .media-text .lead {
  color: #e1cbfd;
}
.nk-video-inner {
  position: relative;
  z-index: 5;
  height: 100%;
}
.nk-video-img {
  bottom: 0;
  left: 50%;
  width: 328px;
  position: absolute;
  transform: translateX(-50%);
}
.nk-video-btn {
  top: 50%;
  left: 50%;
  z-index: 1;
  position: absolute;
  transform: translate(-50%, -50%);
}
.nk-video-btn-s1 {
  position: inherit;
  top: auto;
  left: auto;
  transform: none;
  border: 2px dashed #fa5b68;
  border-radius: 50%;
  padding: 7px;
}
.nk-video-s1 {
  height: auto;
}
.nk-video-s1 .nk-video-inner {
  height: auto;
}
.nk-video-s1 .nk-video-img {
  position: relative;
  left: auto;
  transform: none;
  width: auto;
}
.nk-video-s2 {
  height: auto !important;
}
.nk-video-s2 .nk-video-img {
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.nk-video-s2 .nk-video-content {
  z-index: 1;
  overflow: hidden;
  margin: 0px auto;
  position: relative;
  border-radius: 50%;
  width: 17.8977272727rem;
  height: 17.8977272727rem;
}
.nk-video-s2 .nk-video-content::before {
  content: "";
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
  background: url("../../assets/images/inside-pages/bg/bg-circle-1.png") center center/cover no-repeat;
}

@media (min-width: 576px) {
  .nk-video-img {
    width: 240px;
  }
  .nk-video-s2 .nk-video-content {
    width: 32.8125rem;
    height: 32.8125rem;
  }
}
@media (min-width: 768px) {
  .nk-video {
    height: 460px;
  }
  .nk-video-img {
    width: 385px;
  }
  .nk-video-s1 {
    height: auto;
  }
}
@media (min-width: 1400px) {
  .nk-video-s2 .nk-video-content {
    width: 39.375rem;
    height: 39.375rem;
  }
}
.nk-list-meta {
  display: flex;
  align-items: center;
}
.nk-list-meta li {
  padding-right: 1.5rem;
  position: relative;
}
.nk-list-meta li a {
  color: #64728f;
}
.nk-list-meta li a:hover {
  color: #2b5cfd;
}
.nk-list-meta li::after {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 4px;
  height: 4px;
  background-color: #0a1425;
  border-radius: 50%;
  transform: translateY(-50%);
  content: "";
  opacity: 0.3;
}
.nk-list-meta li:last-child {
  padding-right: 0;
}
.nk-list-meta li:last-child::after {
  display: none;
}
.nk-list-link.column-2 {
  column-count: 2;
}
.nk-list-link li {
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.nk-list-link li a {
  line-height: 1.5;
  display: block;
  color: #64728f;
}
.nk-list-link li a:hover {
  color: #2b5cfd;
}
.nk-list-link.horizontal {
  display: flex;
  flex-wrap: wrap;
}
.nk-list-link.horizontal li {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.nk-list-link.horizontal.separator li {
  position: relative;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.nk-list-link.horizontal.separator li::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 5px;
  height: 1px;
  background-color: #2b5cfd;
}
.nk-list-link.horizontal.separator li:last-child {
  padding-right: 0;
}
.nk-list-link.horizontal.separator li:last-child::after {
  display: none;
}
.nk-list-link.flush > li:not(:last-child) {
  border-bottom: 1px solid #e5e7eb;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.nk-list-link-page li {
  font-weight: 600;
}
.nk-list-link-page li a:not(:hover) {
  color: #0a1425;
}
.nk-list-link-page li.active a {
  color: #2b5cfd;
}
.nk-list-link-collapse li {
  display: flex;
  flex-direction: column;
}
.nk-list-link-collapse .nk-list-dot {
  padding-left: 1rem;
  font-weight: 500;
}
.nk-list-link-collapse-link {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  color: #0a1425 !important;
  font-weight: 600;
}
.nk-list-link-collapse-link[aria-expanded=true] {
  color: #2b5cfd !important;
}
.nk-list-link-collapse-link[aria-expanded=true] .on {
  display: none;
}
.nk-list-link-collapse-link[aria-expanded=true] .off {
  display: block;
}
.nk-list-dot-item {
  position: relative;
  padding-left: 1.25rem;
  padding-bottom: 1.25rem;
}
.nk-list-dot-item::after {
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #c9c9d4;
  border-radius: 50%;
}
.nk-list-dot-sm .nk-list-dot-item {
  padding-left: 0.75rem;
  font-size: 0.875rem;
}
.nk-list-dot-sm .nk-list-dot-item::after {
  top: 20px;
  width: 3px;
  height: 3px;
}

.social-links {
  gap: 40px;
  display: flex;
  align-items: center;
}
.social-links .icon {
  font-size: 1.625rem;
}
.social-links a {
  color: #0a1425;
}
.social-links a:hover {
  color: #2b5cfd;
}
.social-links.active-color a {
  color: #2b5cfd;
}

.nk-timeline-item:not(:last-child) {
  padding-bottom: 1.625rem;
}
.nk-timeline-item-inner {
  display: flex;
}
.nk-timeline-symbol {
  width: 2.25rem;
  flex-shrink: 0;
  position: relative;
}
.nk-timeline-symbol::after {
  top: 10px;
  z-index: 2;
  content: "";
  left: 0.25rem;
  position: absolute;
  border-radius: 50%;
  width: 0.625rem;
  height: 0.625rem;
  background-color: #2b5cfd;
  box-shadow: 0 0 0 0.25rem #eff0fe;
}
.nk-timeline-symbol.color-1::after {
  background-color: #fdb52a;
  box-shadow: 0 0 0 0.25rem #fff8ea;
}
.nk-timeline-symbol.color-2::after {
  background-color: #fa5b68;
  box-shadow: 0 0 0 0.25rem #ffeff0;
}
.nk-timeline-group {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .nk-timeline-group.has-divider .nk-timeline-group-item {
    z-index: 1;
    position: relative;
  }
}
@media (min-width: 992px) {
  .nk-timeline-group.has-divider .nk-timeline-group-item::after {
    content: "";
    left: 50%;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 2rem;
    height: 1px;
    background-color: #e5e7eb;
  }
}
@media (min-width: 992px) {
  .nk-timeline-group.has-divider .nk-timeline-group-item:last-child::after {
    display: none;
  }
}
@media (min-width: 576px) {
  .nk-timeline-group-item {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .nk-timeline-group-item {
    width: 25%;
  }
}

.timeline-dots {
  padding-left: 1rem;
}
.timeline-dots li {
  position: relative;
}
.timeline-dots li .circle {
  top: 12px;
  z-index: 1;
  left: -24px;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 1rem;
  height: 1rem;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.0588235294);
}
.timeline-dots li .circle::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  background-color: #2b5cfd;
  width: 0.5rem;
  height: 0.5rem;
}
.timeline-dots li::after {
  content: "";
  top: 0px;
  left: -16px;
  height: 100%;
  position: absolute;
  width: 1px;
  background-color: #e5e7eb;
}
.timeline-dots li:nth-child(1)::after {
  top: 12px;
}
.timeline-dots li:nth-last-child(1)::after {
  height: calc(100% - 70px);
}
@media (min-width: 576px) {
  .timeline-dots li:nth-last-child(1)::after {
    height: calc(100% - 34px);
  }
}
.timeline-dots li:nth-last-child(1) .circle {
  top: 8px;
}
.timeline-dots li:nth-last-child(1) .circle::after {
  background-color: #fa5b68;
}

.nk-testimonial-card {
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: -4px -4px 36px rgba(192, 192, 192, 0.12), 4px 4px 36px rgba(192, 192, 192, 0.16);
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 1px solid #e5e7eb;
}
.nk-testimonial-card-s1 {
  padding: 0px;
}
@media (min-width: 768px) {
  .nk-testimonial-card-s1 {
    padding: 2rem;
  }
}
.nk-testimonial-card-s1 .nk-testimonial-cover {
  border-radius: 0.75rem 0.75rem 0 0;
  background-color: #e0e0fc;
}
@media (min-width: 1200px) {
  .nk-testimonial-card-s1 .nk-testimonial-cover {
    padding-top: 0px;
    border-radius: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .nk-testimonial-card-s1 .nk-testimonial-cover img {
    margin-top: -40px;
  }
}
.nk-testimonial-card-s1 .nk-testimonial-content {
  z-index: 1;
  position: relative;
}
.nk-testimonial-card-s1 .nk-testimonial-content .nk-testimonial-icon {
  opacity: 0.6;
  top: -50px;
  left: -12px;
  z-index: -1;
  position: absolute;
}
@media (max-width: 1199.98px) {
  .nk-testimonial-card-s1 .nk-testimonial-content .nk-testimonial-icon {
    display: none;
  }
}
@media (min-width: 1200px) {
  .nk-testimonial-card-s1 .nk-testimonial-content .nk-testimonial-icon {
    opacity: 1;
    z-index: 1;
    position: static;
  }
}
.nk-testimonial-card-s1 .nk-testimonial-content .nk-testimonial-icon .icon {
  font-size: 5.625rem;
  background: linear-gradient(90deg, #9097f7 0%, #64a2f9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1200px) {
  .nk-testimonial-card-s1 .nk-testimonial-content h3, .nk-testimonial-card-s1 .nk-testimonial-content .h3 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .nk-testimonial-card-s1 .nk-testimonial-content h3, .nk-testimonial-card-s1 .nk-testimonial-content .h3 {
    font-size: 20px;
  }
}
.nk-testimonial-card-s2 {
  box-shadow: 0 0px 6px rgba(10, 20, 37, 0.1);
  position: relative;
}
.nk-testimonial-card-s2 .nk-testimonial-content {
  position: relative;
  z-index: 5;
}
.nk-testimonial-card-s2 .nk-testimonial-media {
  margin-top: -80px;
}
.nk-testimonial-card-s2::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 160px;
  height: 110px;
  background-image: url("../../assets/images/quote/a.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.nk-testimonial-card-s2::before {
  position: absolute;
  content: "";
  top: -145px;
  left: -36px;
  background-image: url("../../assets/images/shape/q.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 426px;
  height: 524px;
  z-index: -1;
  transition: 0.8s;
  display: none;
}
.nk-testimonial-card-s3 {
  box-shadow: -4px -4px 10px rgba(192, 192, 192, 0.12), 4px 4px 10px rgba(192, 192, 192, 0.16);
  border-radius: 1rem;
}
.nk-testimonial-card-s3 p {
  color: #0a1425;
}
.nk-testimonial-card-s3 .nk-testimonial-icon .icon {
  font-size: 5.25rem;
  background: linear-gradient(90deg, #9097f7 0%, #64a2f9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nk-testimonial-card-s4 {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0 !important;
  text-align: center;
}
.nk-testimonial-card-s4 .nk-testimonial-content {
  padding-left: 0 !important;
}
.nk-testimonial-card-s5 {
  padding: 24px;
  border-top: 8px solid #2b5cfd;
  box-shadow: 4px 4px 36px 0px rgba(192, 192, 192, 0.1607843137), -4px -4px 36px 0px rgba(192, 192, 192, 0.1215686275);
  border-radius: 0px 0px 1.5rem 1.5rem;
}
@media (min-width: 768px) {
  .nk-testimonial-card-s5 {
    padding: 3.75rem;
  }
}

@media (min-width: 576px) {
  .nk-testimonial .card-s1 .nk-testimonial-img {
    height: 23.75rem;
  }
}
@media (min-width: 768px) {
  .nk-testimonial-card-s2 .nk-testimonial-media {
    margin-top: -108px;
  }
}
@media (min-width: 1200px) {
  .nk-testimonial-card {
    flex-direction: row;
  }
  .nk-testimonial-card .nk-testimonial-img {
    margin-bottom: 0;
  }
  .nk-testimonial-card-s3 {
    padding: 2rem;
  }
  .nk-testimonial-card-s3 .nk-testimonial-content {
    padding-left: 0;
  }
  .nk-testimonial-card-s2 {
    padding: 3rem;
  }
  .nk-testimonial-card-s2 .nk-testimonial-content {
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  .nk-testimonial-content p.h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .nk-testimonial-card-s1 .nk-testimonial-wrap {
    padding: 24px;
  }
  .nk-testimonial-card-s1 .nk-testimonial-wrap .nk-testimonial-card {
    box-shadow: -4px -4px 24px rgba(192, 192, 192, 0.12), 4px 4px 24px rgba(192, 192, 192, 0.16);
  }
}
.nk-integrate {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -1.5rem;
}
.nk-integrate-brand {
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 50rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nk-integrate-brand img {
  height: 2.25rem;
}
.nk-integrate-item {
  padding: 1rem;
}

@media (min-width: 992px) {
  .nk-integrate-item:nth-child(1) .nk-integrate-brand {
    width: 148px;
    height: 148px;
  }
  .nk-integrate-item:nth-child(2) {
    margin-top: 50px;
  }
  .nk-integrate-item:nth-child(2) .nk-integrate-brand {
    width: 111px;
    height: 111px;
  }
  .nk-integrate-item:nth-child(3) {
    margin-top: 10px;
  }
  .nk-integrate-item:nth-child(3) .nk-integrate-brand {
    width: 130px;
    height: 130px;
  }
  .nk-integrate-item:nth-child(4) {
    margin-top: 30px;
  }
  .nk-integrate-item:nth-child(4) .nk-integrate-brand {
    width: 139px;
    height: 139px;
  }
  .nk-integrate-item:nth-child(5) .nk-integrate-brand {
    width: 156px;
    height: 156px;
  }
  .nk-integrate-item:nth-child(6) .nk-integrate-brand {
    width: 120px;
    height: 120px;
  }
  .nk-integrate-item:nth-child(7) {
    margin-top: 20px;
  }
  .nk-integrate-item:nth-child(7) .nk-integrate-brand {
    width: 130px;
    height: 130px;
  }
  .nk-integrate-item:nth-child(8) .nk-integrate-brand {
    width: 158px;
    height: 158px;
  }
  .nk-integrate-item:nth-child(9) .nk-integrate-brand {
    width: 112px;
    height: 112px;
  }
  .nk-integrate-item:nth-child(10) .nk-integrate-brand {
    width: 148px;
    height: 148px;
  }
  .nk-integrate-item:nth-child(11) .nk-integrate-brand {
    width: 112px;
    height: 112px;
  }
  .nk-integrate-brand img {
    height: auto;
  }
}
@media (min-width: 1200px) {
  .nk-integrate {
    margin: -1.5rem -2.5rem;
  }
  .nk-integrate-item {
    padding: 1.5rem 2.5rem;
  }
}
@media (max-width: 767.98px) {
  .nk-integrate-tools .tool {
    width: 30%;
  }
}
.nk-schedule-item {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  overflow: hidden;
}
.nk-schedule-item:not(:last-child) .nk-schedule-item-inner {
  padding-bottom: 1.25rem;
}
.nk-schedule-item-inner {
  display: flex;
}
.nk-schedule-item:last-child .nk-schedule-symbol::before {
  display: none;
}
.nk-schedule-symbol {
  position: relative;
  align-self: flex-start;
  display: inline-flex;
}
.nk-schedule-symbol::before {
  position: absolute;
  content: "";
  top: calc(100% + 0.25rem);
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100rem;
  background-color: #2b5cfd;
  z-index: 1;
  opacity: 0.4;
}
.nk-schedule-symbol + .nk-schedule-content {
  padding-left: 1rem;
}
.nk-schedule-center .nk-schedule-item-inner {
  align-items: center;
}
.nk-schedule-s1 .nk-schedule-item {
  overflow: inherit;
  padding-top: 0;
  padding-bottom: 1.875rem;
}
.nk-schedule-s1 .nk-schedule-item-inner {
  align-items: center;
}
.nk-schedule-s1 .nk-schedule-item:last-child {
  padding-bottom: 0;
}
.nk-schedule-s1 .nk-schedule-symbol {
  display: none;
  margin-left: -2rem;
}
.nk-schedule-s1 .nk-schedule-symbol::before {
  display: none;
}
.nk-schedule-s1 .nk-schedule-content {
  padding-left: 0px;
}
.nk-schedule-s2 .nk-schedule-item {
  padding-top: 0;
  padding-bottom: 3rem;
  position: relative;
  overflow: inherit;
}
.nk-schedule-s2 .nk-schedule-item:not(:last-child) .nk-schedule-item-inner {
  padding-bottom: 0;
}
.nk-schedule-s2 .nk-schedule-item:last-child {
  padding-bottom: 0;
}
.nk-schedule-s2 .nk-schedule-item:last-child::after {
  display: none;
}
.nk-schedule-s2 .nk-schedule-item::after {
  position: absolute;
  top: 76px;
  left: 22px;
  content: "";
  height: 100%;
  border-left: 2px dashed #0f0f12;
  opacity: 0.3;
}
.nk-schedule-s2 .nk-schedule-symbol {
  align-self: inherit;
  margin-top: 34px;
}
.nk-schedule-s2 .nk-schedule-symbol + .nk-schedule-content {
  padding-left: 2rem;
}
.nk-schedule-s2 .nk-schedule-symbol::before {
  display: none;
}
.nk-schedule-s3 .nk-schedule-item .nk-schedule-symbol::before {
  top: 100%;
}
.nk-schedule-s3 .nk-schedule-item:nth-last-child(2) .nk-schedule-symbol::before {
  width: 0px;
  background-color: transparent;
  border: 1px dashed #2b5cfd;
}
.nk-schedule-s4 .nk-schedule-symbol::before {
  content: none;
}

@media (min-width: 576px) {
  .nk-schedule-s1 {
    border-left: 1px solid #0f0f12;
  }
  .nk-schedule-s1 .nk-schedule-symbol {
    display: inline-flex;
  }
  .nk-schedule-s1 .nk-schedule-content {
    padding-left: 1.5rem;
  }
}
@media (min-width: 768px) {
  .nk-schedule-s1 .nk-schedule-content {
    padding-left: 3rem;
  }
}
.swiper-wrapper.has-pagination {
  padding-bottom: 60px;
}
.swiper-wrapper.has-pagination-and-navigation {
  padding-bottom: 100px;
}
.swiper-wrapper.has-pagination-and-navigation + .swiper-pagination-fraction,
.swiper-wrapper.has-pagination-and-navigation + .swiper-pagination-custom,
.swiper-wrapper.has-pagination-and-navigation + .swiper-horizontal > .swiper-pagination-bullets,
.swiper-wrapper.has-pagination-and-navigation + .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 100px;
}
.swiper-wrapper.has-navigation {
  padding-bottom: 40px;
}
.swiper-button-group-s1 {
  display: flex;
  align-items: center;
}
.swiper-button-group-s1 .swiper-button-prev,
.swiper-button-group-s1 .swiper-button-next {
  position: inherit;
  top: auto;
  margin: 8px;
}
.swiper-button-group-s1 .swiper-button-prev {
  left: auto;
}
.swiper-button-group-s1 .swiper-button-next {
  right: auto;
}
.swiper-button-group-s2 .swiper-button-disabled {
  display: none;
}
.swiper-button-group-s2 .swiper-button-next,
.swiper-button-group-s2 .swiper-rtl .swiper-button-prev {
  right: -8px;
}
.swiper-button-group.has-bg .swiper-button-prev,
.swiper-button-group.has-bg .swiper-button-next {
  background-color: #faf9ff;
  box-shadow: none;
  color: #0a1425;
}
.swiper-button-group.has-bg .swiper-button-prev:hover,
.swiper-button-group.has-bg .swiper-button-next:hover {
  background-color: #0f0f12;
  color: #fff;
}
.swiper-pagination-s1 {
  bottom: 0 !important;
}
.swiper-pagination-s1 .swiper-pagination-bullet {
  width: 48px;
  height: 4px;
  background-color: #e5e7eb;
  border-radius: 2px;
  opacity: 1;
}
.swiper-pagination-s1 .swiper-pagination-bullet:hover, .swiper-pagination-s1 .swiper-pagination-bullet-active {
  background-color: #2b5cfd;
}
.swiper-pagination-4 .swiper-pagination-bullet {
  background-color: #fff;
}
.swiper-pagination-4 .swiper-pagination-bullet-active {
  background-color: #2b5cfd;
}

.is-theme .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
}
.is-theme .swiper-pagination-bullet-active {
  background-color: #0f0f12;
}
.is-theme .swiper-button-group.has-bg .swiper-button-prev,
.is-theme .swiper-button-group.has-bg .swiper-button-next {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.is-theme .swiper-button-group.has-bg .swiper-button-prev:hover,
.is-theme .swiper-button-group.has-bg .swiper-button-next:hover {
  background-color: #fff;
  color: #0a1425;
}

.nk-swiper-s2 .swiper-button-prev {
  left: 0;
}
.nk-swiper-s2 .swiper-button-next {
  right: 0;
}
.nk-swiper-s2 .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.7;
  pointer-events: none;
}
.nk-swiper-s2 .swiper-pagination-bullet {
  opacity: 1;
  background-color: #faf9ff;
}
.nk-swiper-s2 .swiper-pagination-bullet-active {
  background-color: #2b5cfd;
}
.nk-swiper-s2.overflow-visible .swiper-button-prev {
  transform: translateX(-50%);
}
.nk-swiper-s2.overflow-visible .swiper-button-next {
  transform: translateX(50%);
}
.nk-swiper-s3 .swiper-button-prev.swiper-button-disabled, .nk-swiper-s3 .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.nk-swiper-s4 .swiper-button-prev, .nk-swiper-s4 .swiper-button-next {
  transform: translateY(-50%);
}
.nk-swiper-s4 .swiper-button-prev {
  left: 12px;
}
.nk-swiper-s4 .swiper-button-next {
  right: 12px;
}
.nk-swiper-s4 .swiper-slide {
  transition: all 0.2s linear;
}
.nk-swiper-s4 .swiper-pagination-bullet {
  opacity: 1;
  background-color: #e5e7eb;
}
.nk-swiper-s4 .swiper-pagination-bullet-active {
  background-color: #2b5cfd;
}
.nk-swiper-s4.overflow-visible .swiper-button-prev {
  transform: translateX(-50%);
}
.nk-swiper-s4.overflow-visible .swiper-button-next {
  transform: translateX(50%);
}

@media (min-width: 992px) {
  .nk-swiper-s1 .swiper-slide {
    transition: 0.5s;
    transform: scale(0.6);
  }
  .nk-swiper-s1 .swiper-slide-active {
    transform: scale(1);
    transform-origin: center;
  }
  .nk-swiper-s1 .swiper-slide-prev {
    transform-origin: right;
  }
  .nk-swiper-s1 .swiper-slide-next {
    transform-origin: left;
  }
  .nk-swiper-s4 .swiper-slide {
    transition: all 0.2s linear;
  }
  .nk-swiper-s4 .swiper-slide-active {
    padding-left: 100px;
  }
  .nk-swiper-s4 .swiper-slide-next {
    padding-right: 100px;
  }
}
@media (min-width: 1400px) {
  .swiper-button-group-s2 .swiper-button-next,
  .swiper-button-group-s2 .swiper-rtl .swiper-button-prev {
    right: -60px;
  }
  .swiper-button-group-s2 .swiper-button-prev,
  .swiper-button-group-s2 .swiper-rtl .swiper-button-next {
    left: -60px;
  }
}

 
.nk-pricing {
  background-color: #e5e7eb;
  border-radius: 1rem;
  padding: 1.1rem;
  border: 1px solid #e5e7eb;
}
.nk-pricing-s1 {
  padding: 0px;
  position: relative;
  border: 0;
  background-color: transparent;
  border-radius: 1rem;
  flex-grow: 1;
}
.nk-pricing-s1 .nk-pricing-body .nk-list-link .icon {
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.813rem;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ecedfd;
  color: #2b5cfd;
}
.nk-pricing-s1 .nk-pricing-body .nk-list-link li.active .icon {
  color: #2b5cfd;
}
.nk-pricing-s1 .nk-pricing-badge-wrap {
  padding-bottom: 12px;
}
@media (min-width: 576px) {
  .nk-pricing-s1 .nk-pricing-badge-wrap {
    top: 40px;
    right: 32px;
    position: absolute;
    text-align: right;
    padding-bottom: 0px;
  }
}
.nk-pricing-s1 .nk-pricing-badge-wrap .badge {
  color: #0a1425;
}
.nk-pricing-s1.active {
  border-radius: 0px;
  position: relative;
  background-color: #2b5cfd;
  color: #2b5cfd;
}
.nk-pricing-s1.active h1,
.nk-pricing-s1.active h2,
.nk-pricing-s1.active h3,
.nk-pricing-s1.active h4,
.nk-pricing-s1.active h5,
.nk-pricing-s1.active h6,
.nk-pricing-s1.active .h1,
.nk-pricing-s1.active .h2,
.nk-pricing-s1.active .h3,
.nk-pricing-s1.active .h4,
.nk-pricing-s1.active .h5,
.nk-pricing-s1.active .h6,
.nk-pricing-s1.active p {
  color: #2b5cfd;
}
.nk-pricing-s1.active p,
.nk-pricing-s1.active li,
.nk-pricing-s1.active .amount-text {
  font-weight: 400;
}
.nk-pricing-s1.active::after {
  content: "";
  top: 0;
  z-index: -1;
  right: -50%;
  width: 100%;
  height: 100%;
  user-select: none;
  position: absolute;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../assets/images/mask/mask-line-1.png");
}
.nk-pricing-s1.active .nk-pricing-body .nk-list-link .icon {
  background-color: rgba(10, 20, 37, 0.4);
  color: #2b5cfd;
}
.nk-pricing-s1.active .nk-pricing-body .nk-list-link li.active {
  color: #2b5cfd;
}
.nk-pricing-s1.active .nk-pricing-body .nk-list-link li.active .icon {
  color: #2b5cfd;
}
.nk-pricing-s1.active .btn-outline-primary {
  background-color: #2b5cfd;
  color: #fff;
  border-color: #2b5cfd;
}
.nk-pricing-s2 {
  background-color: #fff;
  border-radius: 1rem;
}
.nk-pricing-s2 .nk-pricing-head .text {
  font-size: 1rem;
}
.nk-pricing-s2 sub {
  bottom: 3px;
  font-size: 2rem;
}
.nk-pricing-s2 .btn-light {
  background-color: #f7f8f9;
}
.nk-pricing-s2 .nk-pricing-body .nk-list-link li.active .icon {
  color: #2b5cfd;
}
.nk-pricing-s2.active {
  border-width: 2px;
  border-color: #2b5cfd;
}
.nk-pricing-s2.active .nk-pricing-body .nk-list-link li.active .icon {
  color: #2b5cfd;
}
.nk-pricing-s2.active .btn-outline-primary {
  background-color: #2b5cfd;
  color: #fff;
  border-color: #2b5cfd;
}
.nk-pricing-s3 {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 1rem;
}
.nk-pricing-s3.active {
  background-color: #2b5cfd;
  color: #2b5cfd;
}
.nk-pricing-s3.active h1,
.nk-pricing-s3.active h2,
.nk-pricing-s3.active h3,
.nk-pricing-s3.active h4,
.nk-pricing-s3.active h5,
.nk-pricing-s3.active h6,
.nk-pricing-s3.active .h1,
.nk-pricing-s3.active .h2,
.nk-pricing-s3.active .h3,
.nk-pricing-s3.active .h4,
.nk-pricing-s3.active .h5,
.nk-pricing-s3.active .h6,
.nk-pricing-s3.active p {
  color: #2b5cfd;
}
.nk-pricing-s3.active p,
.nk-pricing-s3.active li,
.nk-pricing-s3.active .amount-text {
  font-weight: 400;
}
.nk-pricing-s3.active .nk-pricing-body .nk-list-link .icon {
  color: #2b5cfd;
}
.nk-pricing-s3.active .nk-pricing-body .nk-list-link li.active {
  color: #2b5cfd;
}
.nk-pricing-s3.active .nk-pricing-body .nk-list-link li.active .icon {
  color: #2b5cfd;
}
.nk-pricing-s3.active .btn-outline-primary {
  background-color: #2b5cfd;
  color: #fff;
  border-color: #2b5cfd;
}
.nk-pricing-s3 .nk-pricing-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.nk-pricing-toggle .text {
  margin-bottom: 0;
}
.nk-pricing-toggle-s1, .nk-pricing-toggle-s2 {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0.5rem;
  border-radius: 30px;
}
.nk-pricing-toggle-s1 input[type=radio], .nk-pricing-toggle-s2 input[type=radio] {
  position: absolute;
  opacity: 0;
}
.nk-pricing-toggle-s1 input[type=radio]:checked + label + .switch-highlight,
.nk-pricing-toggle-s1 input[type=radio]:checked + label:nth-of-type(n) + .switch-highlight, .nk-pricing-toggle-s2 input[type=radio]:checked + label + .switch-highlight,
.nk-pricing-toggle-s2 input[type=radio]:checked + label:nth-of-type(n) + .switch-highlight {
  transform: translateX(90px);
}
.nk-pricing-toggle-s1 label, .nk-pricing-toggle-s2 label {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 90px;
  line-height: 40px;
  cursor: pointer;
  font-size: 1rem;
  color: #fff;
}
.nk-pricing-toggle-s1 {
  background-color: #0a1425;
}
.nk-pricing-toggle-s2 {
  background-color: #fff;
  border: 1px solid #e5e7eb;
}
.nk-pricing-toggle-s2 label {
  color: #0a1425;
}
.nk-pricing-toggle-s2 input[type=radio]:checked + label {
  color: #fff;
}
.nk-pricing-toggle .switch-highlight {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  height: 40px;
  width: 90px;
  background-color: #2b5cfd;
  border-radius: 30px;
  transition: transform 0.5s;
}
.nk-pricing-toggle-s3 .form-check input:not(:checked) + .two {
  opacity: 0.6;
}
.nk-pricing-head .icon:not(.badge .icon) {
  font-size: 3.875rem;
  color: #2b5cfd;
  margin-right: 0.75rem;
}
.nk-pricing-head .text {
  font-size: 1.125rem;
}
.nk-pricing-head .text-2 {
  font-size: 1rem;
}
.nk-pricing-title-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nk-pricing-body .amount-text {
  font-size: 1.125rem;
}
.nk-pricing-body .nk-list-link li.active {
  color: #0a1425;
}
.nk-pricing-body .nk-list-link li.active .icon {
  color: #2b5cfd;
}
.nk-pricing-body .nk-list-link .icon {
  font-size: 1.25rem;
  position: relative;
  top: 2px;
}
.nk-pricing .nk-year-amount {
  display: none;
}
.nk-pricing.is-active .nk-year-amount {
  display: block;
}
.nk-pricing.is-active .nk-month-amount {
  display: none;
}
.nk-pricing-wrap-s1 {
  padding: 1.875rem;
  background-color: #f4f8ff;
  border-radius: 1rem;
  border: 0px solid #faf9ff;
}
.nk-pricing-group {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 1.5rem;
}

.nk-compare {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  background-color: #fff;
}
.nk-compare .table {
  margin-bottom: 0;
}
.nk-compare-col {
  padding: 1.5rem 1rem !important;
}
.nk-compare-col.empty-col {
  border-bottom-width: 0;
}
.nk-compare-col.lg {
  width: 600px;
}
.nk-compare-col.active {
  background-color: #eaefff;
}
.nk-compare-col.center {
  text-align: center;
}
.nk-compare-col .lead {
  white-space: nowrap;
  font-size: 18px;
  color: #64728f;
}
.nk-compare thead .nk-compare-col {
  padding-top: 3rem !important;
  padding-bottom: 0 !important;
}

@media (min-width: 992px) {
  .nk-compare {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .nk-pricing-group .nk-pricing {
    width: 50%;
  }
  .nk-pricing-wrap-s1 {
    padding: 3.75rem;
  }
}
@media (min-width: 1400px) {
  .nk-pricing-group .nk-pricing {
    width: 25%;
  }
  .nk-pricing-s1 .nk-pricing-badge-wrap {
    width: 100%;
    top: -62px;
    left: 0;
    right: 0;
    background-color: #2b5cfd;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
}
@media (max-width: 767.98px) {
  .nk-compare-col {
    padding: 12px 16px !important;
  }
}
.icon-md {
  font-size: 1.625rem !important;
}
.icon-lg {
  font-size: 2.25rem !important;
}

.nk-course-overview-list {
  display: flex;
  align-items: center;
}
.nk-course-overview-media + .nk-course-overview-content {
  margin-left: 0.5rem;
}
.nk-course-overview-media .icon {
  color: #2b5cfd;
  font-size: 1.125rem;
}
.nk-course-overview-content .title {
  font-weight: 700;
  color: #0a1425;
}

.nk-contact-box {
  background-color: #f7f8f9;
  border: 1px solid #faf9ff;
  border-radius: 0.5rem;
}
.nk-contact-box.with-transparent {
  background-color: #fff;
}
.nk-contact-content {
  padding: 1.875rem;
}

.nk-form-card .nk-mask {
  z-index: inherit;
}
.nk-form-card .title {
  color: #0a1425;
}
.nk-form-card .text {
  color: #64728f;
}

.nk-cta-one .nk-cta-wrap {
  padding: 60px 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/inside-pages/bg/project-manage-bg-2.svg");
}
@media (min-width: 576px) {
  .nk-cta-one .nk-cta-wrap {
    padding: 60px;
  }
}
@media (min-width: 768px) {
  .nk-cta-one .nk-cta-wrap {
    padding: 80px 60px;
  }
}

.nk-cta-card {
  z-index: 1;
  position: relative;
}
.nk-cta-card .nk-block-head-content {
  padding: 32px;
}
@media (min-width: 1400px) {
  .nk-cta-card-cover.one {
    right: 0;
    z-index: -1;
    user-select: none;
    position: absolute;
    pointer-events: none;
    top: calc(50% - 30px);
    transform: translateY(-50%);
  }
}
@media (min-width: 1200px) {
  .nk-cta-card-cover.two {
    top: calc(50% - 23px);
  }
}
@media (min-width: 1400px) {
  .nk-cta-card-cover.two {
    right: 60px;
    z-index: -1;
    user-select: none;
    position: absolute;
    pointer-events: none;
    top: calc(50% - 62px);
    transform: translateY(-50%);
  }
}

.nk-cta-wrap.is-theme .nk-block-text,
.nk-cta-wrap.is-theme .media-text p {
  opacity: 0.7;
}

@media (min-width: 768px) {
  .nk-cta-card .nk-block-head-content {
    padding: 60px;
  }
}
@media (min-width: 1400px) {
  .nk-cta-img-wrap-negative {
    margin-top: -5rem;
  }
  .nk-cta-card .nk-block-head-content {
    padding: 106px 116px;
  }
  .nk-cta-card-s1 .nk-block-head-content {
    padding: 60px;
  }
}
.nk-feature-card {
  background: linear-gradient(180deg, #feebed -0.03%, #ffc7cb 99.93%);
  border-radius: 0.5rem;
  padding-top: 3.75rem;
  padding-right: 3.75rem;
  padding-left: 3.75rem;
}
.nk-feature-card-text.line-1, .nk-feature-card-text.line-2, .nk-feature-card-text.line-3 {
  position: relative;
  padding-left: 1.5rem;
}
.nk-feature-card-text.line-1::after, .nk-feature-card-text.line-2::after, .nk-feature-card-text.line-3::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  border-radius: 0.25rem;
}
.nk-feature-card-text.line-1::after {
  background-color: #2b5cfd;
}
.nk-feature-card-text.line-2::after {
  background-color: #fdb52a;
}
.nk-feature-card-text.line-3::after {
  background-color: #fa5b68;
}

.nk-feature-overview-img {
  position: relative;
}
.nk-feature-overview-img .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12px;
  width: 88%;
  height: 80%;
  z-index: -1;
}
.nk-feature-overview-img .overlay-bg::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../../assets/images/shape/k1.png");
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  opacity: 0.6;
}
.nk-feature-overview-img .overlay-bg-2 {
  height: 100%;
}
.nk-feature-overview-img .overlay-bg-2::after {
  background-image: url("../../assets/images/shape/l1.png");
}
.nk-feature-overview-img .overlay-bg-3 {
  height: 100%;
  width: 80%;
}
.nk-feature-overview-img .overlay-bg-3::after {
  opacity: 0.4;
}
.nk-feature-overview-img .overlay-bg-4 {
  width: 100%;
  height: 100%;
}
.nk-feature-overview-img .overlay-bg-4::after {
  background-image: url("../../assets/images/shape/m1.png");
}
.nk-feature-overview-img .overlay-bg-5 {
  width: 100%;
  height: 100%;
}
.nk-feature-overview-img .overlay-bg-5::after {
  background-image: url("../../assets/images/shape/n1.png");
}
.nk-feature-overview-img .base {
  z-index: 1;
}
.nk-feature-overview-img .children {
  position: absolute;
}
.nk-feature-overview-img .children-1 {
  right: -24px;
  bottom: 0px;
}
.nk-feature-overview-img .children-2, .nk-feature-overview-img .children-3 {
  right: 0px;
  bottom: 0;
}
.nk-feature-overview-img .children-4 {
  right: 0px;
  bottom: 0px;
}
.nk-feature-overview-img .children-left-top {
  top: 15%;
  left: 0px;
}
.nk-feature-overview-img .children-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.nk-feature-overview-img .children-right-bottom {
  right: 0;
  bottom: 15%;
}

@media (max-width: 1199.98px) {
  .children-rs {
    width: 50%;
    height: auto !important;
  }
}
@media (max-width: 991.98px) {
  .nk-feature-mobile-img {
    max-width: 65%;
    margin: 0px auto;
  }
}
@media (max-width: 575.98px) {
  .children {
    height: auto !important;
  }
}
.tb-col-end, .tb-col-action {
  text-align: right;
}
.tb-col-middle {
  vertical-align: middle;
}

.nk-table-crypto tbody tr:nth-last-child(1) {
  border-color: transparent;
}

.nk-tag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -0.5rem;
}
.nk-tag > * {
  padding: 0.5rem;
}
.nk-tag-item {
  background-color: #f7f8f9;
  border: 1px solid #e5e7eb;
  border-radius: 50px;
  padding: 0.5rem 1rem;
  color: #0a1425;
  font-size: 0.875rem;
  font-weight: 600;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.nk-tag-item:hover {
  background-color: #2b5cfd;
  color: #fff;
  border-color: #2b5cfd;
}

.nk-entry {
  color: #0a1425;
  font-weight: 400;
}
.nk-entry img {
  border-radius: 0.5rem;
}
.nk-entry h1 + p, .nk-entry .h1 + p,
.nk-entry h2 + p,
.nk-entry .h2 + p,
.nk-entry h3 + p,
.nk-entry .h3 + p {
  margin-top: 1rem;
}
.nk-entry h1 + img, .nk-entry .h1 + img,
.nk-entry h2 + img,
.nk-entry .h2 + img,
.nk-entry h3 + img,
.nk-entry .h3 + img {
  margin-top: 0.75rem;
}
.nk-entry h4 + p, .nk-entry .h4 + p,
.nk-entry h5 + p,
.nk-entry .h5 + p,
.nk-entry h6 + p,
.nk-entry .h6 + p {
  margin-top: 0.75rem;
}
.nk-entry img:not(:last-child) {
  margin-bottom: 2rem;
}
.nk-entry p + h1, .nk-entry p + .h1,
.nk-entry p + h2,
.nk-entry p + .h2,
.nk-entry p + h3,
.nk-entry p + .h3,
.nk-entry p + h4,
.nk-entry p + .h4,
.nk-entry p + h5,
.nk-entry p + .h5,
.nk-entry p + h6,
.nk-entry p + .h6 {
  margin-top: 2rem;
}
.nk-entry ul + h1, .nk-entry ul + .h1,
.nk-entry ul + h2,
.nk-entry ul + .h2,
.nk-entry ul + h3,
.nk-entry ul + .h3,
.nk-entry ul + h4,
.nk-entry ul + .h4,
.nk-entry ul + h5,
.nk-entry ul + .h5,
.nk-entry ul + h6,
.nk-entry ul + .h6,
.nk-entry ul + p,
.nk-entry ol + h1,
.nk-entry ol + .h1,
.nk-entry ol + h2,
.nk-entry ol + .h2,
.nk-entry ol + h3,
.nk-entry ol + .h3,
.nk-entry ol + h4,
.nk-entry ol + .h4,
.nk-entry ol + h5,
.nk-entry ol + .h5,
.nk-entry ol + h6,
.nk-entry ol + .h6,
.nk-entry ol + p {
  margin-top: 1.25rem;
}
.nk-entry ul + img,
.nk-entry ol + img {
  margin-top: 2rem;
}
.nk-entry pre + h1, .nk-entry pre + .h1,
.nk-entry pre + h2,
.nk-entry pre + .h2,
.nk-entry pre + h3,
.nk-entry pre + .h3,
.nk-entry pre + p {
  margin-top: 1.75rem;
}
.nk-entry blockquote {
  background-color: #faf9ff;
  padding: 1rem;
}
.nk-entry ul,
.nk-entry ol {
  list-style: inherit;
  padding-left: 1rem;
}
.nk-entry ol {
  list-style-type: decimal;
}
.nk-entry ul li,
.nk-entry ol li {
  line-height: 1.8;
}
.nk-entry p + img {
  margin-top: 1.25rem;
}

.error-number {
  font-size: 156px;
  color: #2b5cfd;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.025em;
}

@media (min-width: 576px) {
  .error-number {
    font-size: 256px;
  }
}
.nk-auth-quote {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.nk-auth-quote-inner {
  padding: 10px 32px;
}
.nk-auth-col {
  padding: 60px 30px;
}

.is-theme .nk-auth-quote p {
  font-weight: 300;
}
.is-theme .media-text span {
  color: #fff;
}

@media (min-width: 576px) {
  .nk-auth-quote {
    position: relative;
  }
  .nk-auth-quote::after {
    position: absolute;
    top: 22px;
    left: 0;
    content: "";
    width: 48px;
    height: 1px;
    background-color: #fff;
    opacity: 0.2;
  }
  .nk-auth-quote-inner {
    padding: 10px 32px 10px 70px;
  }
  .nk-auth-col {
    padding: 60px;
  }
}
@media (min-width: 1200px) {
  .nk-auth-form-card {
    width: 580px;
  }
  .nk-auth-col-content {
    width: 660px;
    flex-grow: inherit;
  }
}
.password-toggle.is-shown .on {
  display: none;
}
.password-toggle.is-shown .off {
  display: block;
}

.nk-copyright-text p {
  color: #0a1425;
}
.nk-copyright-text p a {
  color: inherit;
}
.nk-copyright-text p a:hover {
  color: #2b5cfd;
}

.nk-footer-bottom .nk-list-link li a {
  color: #0a1425;
}
.nk-footer-bottom .nk-list-link li a:hover {
  color: #2b5cfd;
}

.journey-contents {
  gap: 12px;
  display: flex;
  position: relative;
  flex-direction: column;
  grid-template-columns: 1fr;
}
.journey-item {
  padding-left: 12px;
  position: relative;
  align-items: center;
}
.journey-item:nth-child(1)::after {
  display: none;
}
.journey-item:nth-last-child(1)::before {
  display: none;
}
.journey-item::after, .journey-item::before {
  content: "";
  width: 2px;
  left: 0px;
  height: calc(50% + 12px);
  position: absolute;
  background-color: #2b5cfd;
}
.journey-item::after {
  top: -20px;
}
.journey-item::before {
  bottom: -18px;
}
.journey-item .circle {
  z-index: 1;
  top: 50%;
  left: -7px;
  width: 16px;
  height: 16px;
  display: flex;
  overflow: hidden;
  position: absolute;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  border: 2px solid #2b5cfd;
  transform: translate(0, -50%);
}
.journey-item .circle-dot {
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  overflow: hidden;
  position: absolute;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: #2b5cfd;
}

@media (min-width: 768px) {
  .journey-item {
    padding-left: 24px;
  }
}
@media (min-width: 992px) {
  .journey-card {
    min-width: 400px;
    max-width: calc(50% - 34px);
  }
  .journey-contents {
    gap: 36px;
  }
  .journey-item {
    display: flex;
    padding-left: 0px;
  }
  .journey-item:nth-child(odd) {
    justify-content: flex-end;
  }
  .journey-item::before {
    bottom: -18px;
  }
  .journey-item::after {
    top: -20px;
  }
  .journey-item::after, .journey-item::before {
    left: 50%;
    transform: translateX(-50%);
  }
  .journey-item .circle {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 1200px) {
  .journey-card {
    min-width: 540px;
    max-width: calc(50% - 68px);
  }
}
.description-block {
  gap: 19px;
  display: flex;
}
.description-block .icon {
  font-size: 1.5rem;
  margin-top: 0.5rem;
  display: inline-block;
}
.description-block .info h6, .description-block .info .h6 {
  margin: 0px;
  font-size: 1rem;
  line-height: 2rem;
}
.description-block .info p {
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.call-to {
  overflow: hidden;
  position: relative;
  background-color: #0a1425;
}
.call-to-action {
  gap: 0.75rem;
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.call-to-action a:nth-child(2) {
  gap: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.call-to-action a:nth-child(2) span {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.call-to-info p {
  margin: 0;
  opacity: 0.6;
}

.nk-miscell-include ul {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
.nk-miscell-include ul li a {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.625rem;
}
.nk-miscell-include ul li a em {
  color: #2b5cfd;
}
.nk-miscell-include ul li a span {
  color: #0a1425;
  position: relative;
  display: inline-block;
}
.nk-miscell-include ul li a span::after {
  left: 0px;
  content: "";
  bottom: 0px;
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #0a1425;
}

@media (min-width: 992px) {
  .nk-miscell-include ul {
    max-width: 27.5rem;
    padding-top: 1.875rem;
  }
  .nk-miscell-include ul li a {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.infinite-scroll-duration-1 {
  animation-duration: 2s !important;
}

.infinite-scroll-duration-2 {
  animation-duration: 4s !important;
}

.infinite-scroll-duration-3 {
  animation-duration: 6s !important;
}

.infinite-scroll-duration-4 {
  animation-duration: 8s !important;
}

.infinite-scroll-duration-5 {
  animation-duration: 10s !important;
}

.infinite-scroll-duration-6 {
  animation-duration: 12s !important;
}

.infinite-scroll-duration-7 {
  animation-duration: 14s !important;
}

.infinite-scroll-duration-8 {
  animation-duration: 16s !important;
}

.infinite-scroll-duration-9 {
  animation-duration: 18s !important;
}

.infinite-scroll-duration-10 {
  animation-duration: 20s !important;
}

.infinite-scroll-duration-11 {
  animation-duration: 22s !important;
}

.infinite-scroll-duration-12 {
  animation-duration: 24s !important;
}

.infinite-scroll-duration-13 {
  animation-duration: 26s !important;
}

.infinite-scroll-duration-14 {
  animation-duration: 28s !important;
}

.infinite-scroll-duration-15 {
  animation-duration: 30s !important;
}

.infinite-scroll-duration-16 {
  animation-duration: 32s !important;
}

.infinite-scroll-duration-17 {
  animation-duration: 34s !important;
}

.infinite-scroll-duration-18 {
  animation-duration: 36s !important;
}

.infinite-scroll-duration-19 {
  animation-duration: 38s !important;
}

.infinite-scroll-duration-20 {
  animation-duration: 40s !important;
}

.infinite-scroll-duration-21 {
  animation-duration: 42s !important;
}

.infinite-scroll-duration-22 {
  animation-duration: 44s !important;
}

.infinite-scroll-duration-23 {
  animation-duration: 46s !important;
}

.infinite-scroll-duration-24 {
  animation-duration: 48s !important;
}

.infinite-scroll-duration-25 {
  animation-duration: 50s !important;
}

.infinite-scroll-duration-26 {
  animation-duration: 52s !important;
}

.infinite-scroll-duration-27 {
  animation-duration: 54s !important;
}

.infinite-scroll-duration-28 {
  animation-duration: 56s !important;
}

.infinite-scroll-duration-29 {
  animation-duration: 58s !important;
}

.infinite-scroll-duration-30 {
  animation-duration: 60s !important;
}

.infinite-scroll-duration-31 {
  animation-duration: 62s !important;
}

.infinite-scroll-duration-32 {
  animation-duration: 64s !important;
}

.infinite-scroll-duration-33 {
  animation-duration: 66s !important;
}

.infinite-scroll-duration-34 {
  animation-duration: 68s !important;
}

.infinite-scroll-duration-35 {
  animation-duration: 70s !important;
}

.infinite-scroll-duration-36 {
  animation-duration: 72s !important;
}

.infinite-scroll-duration-37 {
  animation-duration: 74s !important;
}

.infinite-scroll-duration-38 {
  animation-duration: 76s !important;
}

.infinite-scroll-duration-39 {
  animation-duration: 78s !important;
}

.infinite-scroll-duration-40 {
  animation-duration: 80s !important;
}

.infinite-scroll-duration-41 {
  animation-duration: 82s !important;
}

.infinite-scroll-duration-42 {
  animation-duration: 84s !important;
}

.infinite-scroll-duration-43 {
  animation-duration: 86s !important;
}

.infinite-scroll-duration-44 {
  animation-duration: 88s !important;
}

.infinite-scroll-duration-45 {
  animation-duration: 90s !important;
}

.infinite-scroll-duration-46 {
  animation-duration: 92s !important;
}

.infinite-scroll-duration-47 {
  animation-duration: 94s !important;
}

.infinite-scroll-duration-48 {
  animation-duration: 96s !important;
}

.infinite-scroll-duration-49 {
  animation-duration: 98s !important;
}

.infinite-scroll-duration-50 {
  animation-duration: 100s !important;
}

.infinite-scroll-duration-51 {
  animation-duration: 102s !important;
}

.infinite-scroll-duration-52 {
  animation-duration: 104s !important;
}

.infinite-scroll-duration-53 {
  animation-duration: 106s !important;
}

.infinite-scroll-duration-54 {
  animation-duration: 108s !important;
}

.infinite-scroll-duration-55 {
  animation-duration: 110s !important;
}

.infinite-scroll-duration-56 {
  animation-duration: 112s !important;
}

.infinite-scroll-duration-57 {
  animation-duration: 114s !important;
}

.infinite-scroll-duration-58 {
  animation-duration: 116s !important;
}

.infinite-scroll-duration-59 {
  animation-duration: 118s !important;
}

.infinite-scroll-duration-60 {
  animation-duration: 120s !important;
}

.infinite-scroll-init {
  animation-fill-mode: forwards !important;
  animation-direction: alternate-reverse !important;
}
.infinite-scroll-init.infinite-scroll-horizontal {
  animation: horizontal linear infinite;
}
.infinite-scroll-init.infinite-scroll-horizontalAlternate {
  animation: horizontalAlternate linear infinite;
}
.infinite-scroll-init.infinite-scroll-vertical {
  animation: vertical linear infinite;
}
.infinite-scroll-init.infinite-scroll-verticalAlternate {
  animation: verticalAlternate linear infinite;
}

.infinite-scroll {
  gap: 12px;
  width: 100%;
  height: 100%;
  margin: auto;
  display: grid;
  overflow: hidden;
  position: relative;
  place-items: center;
  grid-template-columns: 1fr;
}
.infinite-scroll-col {
  gap: 12px;
  height: auto;
  display: flex;
  width: 360px;
}
.infinite-scroll-card {
  width: 120px;
  height: auto;
  flex-shrink: 0;
  border-radius: 4px;
  position: relative;
}
.infinite-scroll-card img {
  width: 120px;
  height: auto;
}

@media (min-width: 992px) {
  .infinite-scroll {
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }
  .infinite-scroll-col {
    gap: 30px;
    width: auto;
    flex-direction: column;
    height: 582px;
  }
  .infinite-scroll-card {
    width: auto;
    height: 170px;
    flex-shrink: 1;
  }
  .infinite-scroll-card img {
    width: auto;
    height: auto;
  }
  .infinite-scroll-init.infinite-scroll-lg-vertical {
    animation: vertical linear infinite;
  }
  .infinite-scroll-init.infinite-scroll-lg-verticalAlternate {
    animation: verticalAlternate linear infinite;
  }
}
@media (min-width: 1400px) {
  .infinite-scroll-card {
    height: 194px;
  }
  .infinite-scroll-init.infinite-scroll-lg-vertical {
    animation: vertical linear infinite;
  }
  .infinite-scroll-init.infinite-scroll-lg-verticalAlternate {
    animation: verticalAlternate linear infinite;
  }
}
@media (max-width: 991.98px) {
  .infinite-scroll {
    width: 160%;
    margin-left: -30%;
  }
}
@keyframes horizontal {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-600px);
  }
}
@keyframes horizontalAlternate {
  from {
    transform: translateX(-600px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes vertical {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-970px);
  }
}
@keyframes verticalAlternate {
  from {
    transform: translateY(-970px);
  }
  to {
    transform: translateY(0);
  }
}
.scroll-top {
  right: 12px;
  bottom: 70px;
  width: 60px;
  height: 60px;
  z-index: 9999;
  display: flex;
  font-size: 24px;
  cursor: pointer;
  position: fixed;
  overflow: hidden;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all 0.2s linear;
  background-color: #2b5cfd;
  opacity: 0;
  user-select: none;
  pointer-events: none;
}
@media (min-width: 576px) {
  .scroll-top {
    bottom: 50px;
  }
}
@media (min-width: 768px) {
  .scroll-top {
    bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .scroll-top {
    right: 24px;
  }
}
.scroll-top:hover {
  color: #fff;
  background-color: #8285f4;
}
.scroll-top.active {
  opacity: 1;
  user-select: all;
  pointer-events: all;
}

.animate {
  animation-fill-mode: both;
  animation-duration: 1s;
}

.animate-infinite {
  animation-iteration-count: infinite;
}

.animate-delay-1 {
  animation-delay: 1s;
}

.animate-duration-1 {
  animation-duration: 1s;
}

.animate-delay-2 {
  animation-delay: 2s;
}

.animate-duration-2 {
  animation-duration: 2s;
}

.animate-delay-3 {
  animation-delay: 3s;
}

.animate-duration-3 {
  animation-duration: 3s;
}

.animate-delay-4 {
  animation-delay: 4s;
}

.animate-duration-4 {
  animation-duration: 4s;
}

.animate-delay-5 {
  animation-delay: 5s;
}

.animate-duration-5 {
  animation-duration: 5s;
}

.animate-delay-6 {
  animation-delay: 6s;
}

.animate-duration-6 {
  animation-duration: 6s;
}

.animate-delay-7 {
  animation-delay: 7s;
}

.animate-duration-7 {
  animation-duration: 7s;
}

.animate-delay-8 {
  animation-delay: 8s;
}

.animate-duration-8 {
  animation-duration: 8s;
}

.animate-delay-9 {
  animation-delay: 9s;
}

.animate-duration-9 {
  animation-duration: 9s;
}

.animate-delay-10 {
  animation-delay: 10s;
}

.animate-duration-10 {
  animation-duration: 10s;
}

.animate-delay-11 {
  animation-delay: 11s;
}

.animate-duration-11 {
  animation-duration: 11s;
}

.animate-delay-12 {
  animation-delay: 12s;
}

.animate-duration-12 {
  animation-duration: 12s;
}

.animate-shakeY {
  animation-name: shakeY;
  animation-iteration-count: infinite;
}

.animate-pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}

.animate-slide-right {
  animation-name: slideRight;
}

@keyframes shakeY {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.nk-error input,
.nk-error input:active {
  border-color: rgba(255, 0, 0, 0.6);
  background-color: rgba(253, 212, 212, 0.431372549) !important;
}
.nk-error input::placeholder,
.nk-error input:active::placeholder {
  color: #0a1425;
}
.nk-message {
  left: 0;
  font-weight: bold;
  position: absolute;
  font-size: 12px;
  line-height: 1rem;
  top: calc(100% + 6px);
  display: inline-block;
}
.nk-message-error {
  color: rgba(255, 0, 0, 0.6);
}

.nk-toast {
  top: 100px;
  right: 0px;
  gap: 12px;
  z-index: 9999;
  width: 420px;
  display: flex;
  overflow: hidden;
  align-items: center;
  background-color: #fff;
  padding: 12px 18px 16px 20px;
}
.nk-toast.nk-toast-success::after, .nk-toast.nk-toast-warning::after, .nk-toast.nk-toast-error::after {
  content: "";
  left: 0;
  width: 100%;
  height: 4px;
  position: absolute;
  top: calc(100% - 4px);
  background-color: #ddd;
}
.nk-toast.nk-toast-success::after {
  background-color: #22c55e;
}
.nk-toast.nk-toast-success .nk-toast-icon {
  background-color: #22c55e;
}
.nk-toast.nk-toast-error::after {
  background-color: #fa5b68;
}
.nk-toast.nk-toast-error .nk-toast-icon {
  background-color: #fa5b68;
}
.nk-toast.nk-toast-warning::after {
  background-color: #fdb52a;
}
.nk-toast.nk-toast-warning .nk-toast-icon {
  background-color: #fdb52a;
}
.nk-toast-icon {
  width: 24px;
  height: 24px;
  color: #fff;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  background-color: #ddd;
}
.nk-toast-info p {
  color: #0a1425;
  font-size: 14px;
  line-height: 22px;
}
.nk-toast-btn {
  top: 12px;
  border: 0;
  padding: 0;
  outline: 0;
  right: 12px;
  font-size: 18px;
  position: absolute;
  display: inline-block;
  background: transparent;
  box-shadow: none !important;
}
.nk-toast-btn:focus {
  outline: none;
  box-shadow: none;
}

@media (max-width: 767.98px) {
  .nk-toast {
    width: 90%;
  }
}
.nk-sticky-badge {
  right: 0px;
  top: 50%;
  z-index: 999;
  position: fixed;
  overflow: hidden;
  transform: translateY(-50%);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.nk-sticky-badge-icon {
  color: #fff;
  font-size: 18px;
  padding: 8px 12px;
  overflow: hidden;
  transform: scale(1);
  display: block;
  transition: all 0.2s linear;
}
.nk-sticky-badge-icon:hover {
  color: #fff;
}
.nk-sticky-badge-icon:active {
  transform: scale(0.9);
}
.nk-sticky-badge-home {
  background-color: #2B5CFD;
}
.nk-sticky-badge-purchase {
  background-color: #07ba63;
}

.label {
  font-size: 14px;
  color: #2b5cfd;
  font-weight: 600;
  line-height: 16px;
  padding: 8px 16px;
  text-align: center;
  border-radius: 18px;
  display: inline-block;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border: 1px solid #2b5cfd;
  background-color: transparent;
}
.label-white {
  color: #fff;
  border-color: #fff;
}

@media (min-width: 768px) {
  .label {
    font-size: 1rem;
    line-height: 1rem;
    padding: 8px 24px;
  }
}
.nk-frame {
  position: relative;
}
.nk-frame-children {
  position: absolute;
  transition: all 0.3s linear;
}
.nk-frame-one .nk-frame-children-one {
  top: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 576px) {
  .nk-frame-one .nk-frame-children-one {
    width: auto;
    top: 145px;
    left: -15px;
  }
}
@media (min-width: 992px) {
  .nk-frame-one .nk-frame-children-one {
    left: -100px;
  }
}
.nk-frame-one .nk-frame-children-two {
  right: 0;
  width: 100%;
  bottom: 0px;
}
@media (min-width: 576px) {
  .nk-frame-one .nk-frame-children-two {
    width: auto;
    right: 20px;
    bottom: 185px;
  }
}
@media (min-width: 992px) {
  .nk-frame-one .nk-frame-children-two {
    right: -20px;
  }
}
@media (max-width: 575.98px) {
  .nk-frame-three .nk-frame-children {
    display: none;
  }
}
.nk-frame-three .nk-frame-children-one {
  top: -30px;
  z-index: -1;
}
@media (min-width: 1200px) {
  .nk-frame-three .nk-frame-children-one {
    z-index: 1;
    top: -70px;
  }
}
@media (min-width: 992px) {
  .nk-frame-three .nk-frame-children-one {
    top: -60px;
  }
}
@media (min-width: 768px) {
  .nk-frame-three .nk-frame-children-one {
    left: -60px;
  }
}
@media (min-width: 576px) {
  .nk-frame-three .nk-frame-children-one {
    left: -30px;
  }
}
@media (min-width: 576px) {
  .nk-frame-three .nk-frame-children-two {
    right: 0px;
    bottom: 24px;
  }
}
@media (min-width: 768px) {
  .nk-frame-three .nk-frame-children-two {
    right: -40px;
  }
}
@media (min-width: 992px) {
  .nk-frame-three .nk-frame-children-two {
    bottom: -35px;
  }
}
.nk-frame-four .nk-frame-children {
  display: none;
  transition: all 0.3s linear;
}
@media (min-width: 992px) {
  .nk-frame-four .nk-frame-children {
    display: block;
  }
}
.nk-frame-four .nk-frame-children-one {
  top: 140px;
  left: 60px;
}
@media (min-width: 1680px) {
  .nk-frame-four .nk-frame-children-one {
    top: 218px;
    left: 455px;
  }
}
.nk-frame-four .nk-frame-children-two {
  top: 160px;
  right: 60px;
}
@media (min-width: 1680px) {
  .nk-frame-four .nk-frame-children-two {
    top: 207px;
    right: 446px;
  }
}
.nk-frame-four .nk-frame-children-three {
  top: 600px;
  left: 185px;
}
@media (min-width: 1200px) {
  .nk-frame-four .nk-frame-children-three {
    top: 485px;
    left: 275px;
  }
}
@media (min-width: 1620px) {
  .nk-frame-four .nk-frame-children-three {
    top: 565px;
    left: 438px;
  }
}
.nk-frame-four .nk-frame-children-four {
  right: 140px;
  top: 620px;
}
@media (min-width: 1200px) {
  .nk-frame-four .nk-frame-children-four {
    right: 320px;
  }
}
@media (min-width: 1620px) {
  .nk-frame-four .nk-frame-children-four {
    right: 415px;
    top: 595px;
  }
}
.nk-frame-five .nk-frame-children-one {
  top: -32px;
  left: -32px;
  z-index: -1;
}
.nk-frame-five .nk-frame-children-two {
  top: -24px;
  right: 0;
}
@media (min-width: 768px) {
  .nk-frame-five .nk-frame-children-two {
    right: -24px;
  }
}
.nk-frame-five .nk-frame-children-three {
  right: 0;
  bottom: -30px;
  z-index: -1;
}
@media (min-width: 768px) {
  .nk-frame-five .nk-frame-children-three {
    right: -18px;
  }
}
@media (max-width: 767.98px) {
  .nk-frame-six .nk-frame-children {
    display: none;
  }
}
.nk-frame-six .nk-frame-children-one {
  top: 100px;
}
@media (min-width: 768px) {
  .nk-frame-six .nk-frame-children-one {
    right: 30px;
  }
}
@media (min-width: 992px) {
  .nk-frame-six .nk-frame-children-one {
    right: 268px;
  }
}
@media (min-width: 1200px) {
  .nk-frame-six .nk-frame-children-one {
    right: 40px;
  }
}
@media (min-width: 1400px) {
  .nk-frame-six .nk-frame-children-one {
    right: 92px;
  }
}
.nk-frame-six .nk-frame-children-two {
  left: -22px;
  bottom: 82px;
}
@media (min-width: 768px) {
  .nk-frame-six .nk-frame-children-two {
    left: -13px;
    bottom: 158px;
  }
}
@media (min-width: 992px) {
  .nk-frame-six .nk-frame-children-two {
    bottom: 181px;
    left: 0px;
  }
}
@media (min-width: 1200px) {
  .nk-frame-six .nk-frame-children-two {
    bottom: 82px;
    left: -22px;
  }
}
@media (min-width: 1400px) {
  .nk-frame-six .nk-frame-children-two {
    left: 0;
    bottom: 122px;
  }
}
.nk-frame-six .nk-frame-children-three {
  bottom: 80px;
  right: 60px;
}
@media (min-width: 768px) {
  .nk-frame-six .nk-frame-children-three {
    right: 80px;
    bottom: 158px;
  }
}
@media (min-width: 992px) {
  .nk-frame-six .nk-frame-children-three {
    right: 278px;
    bottom: 181px;
  }
}
@media (min-width: 1200px) {
  .nk-frame-six .nk-frame-children-three {
    right: 64px;
    bottom: 79px;
  }
}
@media (min-width: 1400px) {
  .nk-frame-six .nk-frame-children-three {
    right: 0px;
    top: 234px;
  }
}
@media (max-width: 575.98px) {
  .nk-frame-seven-a .nk-frame-children-one {
    display: none;
  }
}
@media (min-width: 576px) {
  .nk-frame-seven-a .nk-frame-children-one {
    top: 76px;
    right: calc(50% - 24px);
  }
}
@media (min-width: 1200px) {
  .nk-frame-seven-a .nk-frame-children-one {
    top: 195px;
    right: 0px;
  }
}
@media (min-width: 1400px) {
  .nk-frame-seven-a .nk-frame-children-one {
    right: 60px;
  }
}
@media (max-width: 767.98px) {
  .nk-frame-seven-a .nk-frame-children-two {
    display: none;
  }
}
@media (min-width: 768px) {
  .nk-frame-seven-a .nk-frame-children-two {
    left: -40px;
    bottom: -20px;
  }
}
@media (min-width: 992px) {
  .nk-frame-seven-a .nk-frame-children-two {
    left: 90px;
  }
}
@media (min-width: 1200px) {
  .nk-frame-seven-a .nk-frame-children-two {
    left: -90px;
  }
}
@media (min-width: 1400px) {
  .nk-frame-seven-a .nk-frame-children-two {
    left: -46px;
    bottom: -32px;
  }
}
@media (max-width: 575.98px) {
  .nk-frame-seven-a .nk-frame-children-three {
    display: none;
  }
}
@media (min-width: 576px) {
  .nk-frame-seven-a .nk-frame-children-three {
    bottom: 0px;
    right: -35px;
  }
}
@media (min-width: 992px) {
  .nk-frame-seven-a .nk-frame-children-three {
    right: 30px;
  }
}
@media (min-width: 1200px) {
  .nk-frame-seven-a .nk-frame-children-three {
    right: -22px;
    bottom: -130px;
  }
}
@media (min-width: 1400px) {
  .nk-frame-seven-a .nk-frame-children-three {
    right: -42px;
    bottom: 10px;
  }
}
.nk-frame-seven-b .nk-frame-children-one {
  z-index: -1;
  left: 50%;
  width: 90%;
  top: calc(50% - 24px);
  transform: translate(-50%, -50%);
}
.nk-frame-seven-c {
  margin-bottom: -45px;
}
@media (min-width: 576px) {
  .nk-frame-seven-c {
    margin-bottom: -90px;
  }
}
@media (min-width: 768px) {
  .nk-frame-seven-c {
    margin-bottom: 0px;
  }
}
.nk-frame-seven-c .nk-frame-children-one {
  width: 75%;
  left: 50%;
  z-index: -1;
  top: calc(50% - 24px);
  transform: translate(-50%, -50%);
}
.nk-frame-seven-c .nk-frame-children-two {
  top: -6px;
  z-index: -2;
}
@media (min-width: 576px) {
  .nk-frame-seven-c .nk-frame-children-two {
    right: calc(50% - 175px);
    transform: translateX(50%);
  }
}
@media (min-width: 1200px) {
  .nk-frame-seven-c .nk-frame-children-two {
    right: 0;
    transform: translateX(0);
  }
}
@media (min-width: 1400px) {
  .nk-frame-seven-c .nk-frame-children-two {
    right: 60px;
  }
}
@media (min-width: 1400px) {
  .nk-frame-eight {
    right: -140px;
    position: absolute;
    top: calc(50% + 60px);
    transform: translateY(-50%);
  }
}
.nk-frame-eight .nk-frame-children-one {
  display: none;
}
@media (min-width: 1400px) {
  .nk-frame-eight .nk-frame-children-one {
    top: 0;
    right: 80px;
    z-index: -1;
    display: block;
  }
}
.nk-frame-nine {
  text-align: center;
}
@media (min-width: 1200px) {
  .nk-frame-nine {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
  }
}
@media (min-width: 1500px) {
  .nk-frame-nine {
    right: 90px;
  }
}
@media (min-width: 1680px) {
  .nk-frame-nine {
    right: 0;
  }
}
.nk-frame-nine::after {
  content: "";
  left: 50%;
  bottom: 30px;
  width: 50%;
  opacity: 0.6;
  height: 288px;
  position: absolute;
  background: linear-gradient(90deg, #44bcff -0.55%, #44b0ff 22.86%, #ff44ec 48.36%, #ff44ec 73.33%, #ff675e 99.34%);
  filter: blur(58.1664px);
  transform: rotate(0deg) translateX(-50%);
}
@media (min-width: 768px) {
  .nk-frame-nine::after {
    width: 100%;
    bottom: 0px;
  }
}
.nk-frame-nine .nk-frame-children-one, .nk-frame-nine .nk-frame-children-two {
  bottom: 18px;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .nk-frame-nine .nk-frame-children-one, .nk-frame-nine .nk-frame-children-two {
    display: none;
  }
}
.nk-frame-nine .nk-frame-children-one {
  right: 0;
}
@media (min-width: 1200px) {
  .nk-frame-nine .nk-frame-children-one {
    right: -90px;
  }
}
@media (max-width: 1400) {
  .nk-frame-nine .nk-frame-children-one {
    right: -120px;
  }
}
.nk-frame-nine .nk-frame-children-two {
  left: 0;
}
@media (min-width: 1200px) {
  .nk-frame-nine .nk-frame-children-two {
    left: -120px;
  }
}
.nk-frame-nine .nk-frame-children-three {
  top: -30px;
}
@media (min-width: 768px) {
  .nk-frame-nine .nk-frame-children-three {
    left: 75px;
  }
}
@media (min-width: 992px) {
  .nk-frame-nine .nk-frame-children-three {
    left: 150px;
  }
}
@media (min-width: 1200px) {
  .nk-frame-nine .nk-frame-children-three {
    top: -16px;
    left: -60px;
  }
}
.nk-frame-nine .nk-frame-children-four {
  z-index: -2;
  bottom: -120px;
  left: calc(50% - 30px);
  transform: translateX(-50%);
}
@media (min-width: 1400px) {
  .nk-frame-nine .nk-frame-children-four {
    width: 180%;
  }
}
@media (min-width: 768px) {
  .nk-frame-nine .nk-frame-children-four {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .nk-frame-nine .nk-frame-children-four {
    display: none;
  }
}
.nk-frame-ten .nk-frame-children-one {
  top: 0;
  left: 12px;
}
@media (min-width: 1400px) {
  .nk-frame-ten .nk-frame-children-one {
    top: 70px;
    left: 90px;
  }
}
.nk-frame-ten .nk-frame-children-two {
  display: none;
}
@media (min-width: 768px) {
  .nk-frame-ten .nk-frame-children-two {
    top: 60px;
    left: 180px;
    display: block;
  }
}
@media (min-width: 1200px) {
  .nk-frame-ten .nk-frame-children-two {
    top: 68px;
    left: 140px;
  }
}
@media (min-width: 1400px) {
  .nk-frame-ten .nk-frame-children-two {
    top: 172.31px;
    left: 215.15px;
  }
}
.nk-frame-ten .nk-frame-children-three {
  top: 0;
  right: 0px;
}
@media (min-width: 576px) {
  .nk-frame-ten .nk-frame-children-three {
    right: auto;
    top: 180px;
    left: 400px;
  }
}
@media (min-width: 768px) {
  .nk-frame-ten .nk-frame-children-three {
    left: 320px;
  }
}
@media (min-width: 992px) {
  .nk-frame-ten .nk-frame-children-three {
    top: 0;
    right: 0;
  }
}
@media (min-width: 1200px) {
  .nk-frame-ten .nk-frame-children-three {
    top: auto;
    bottom: 0px;
    right: 60px;
  }
}
@media (min-width: 1400px) {
  .nk-frame-ten .nk-frame-children-three {
    right: auto;
    bottom: 78.46px;
    left: 313.02px;
  }
}
.nk-frame-ten .nk-frame-children-four {
  left: 120px;
  bottom: 60px;
}
@media (min-width: 576px) {
  .nk-frame-ten .nk-frame-children-four {
    left: 80px;
  }
}
@media (min-width: 768px) {
  .nk-frame-ten .nk-frame-children-four {
    bottom: 80px;
    left: 230px;
  }
}
@media (min-width: 992px) {
  .nk-frame-ten .nk-frame-children-four {
    bottom: 30px;
    left: 110px;
  }
}
@media (min-width: 1200px) {
  .nk-frame-ten .nk-frame-children-four {
    bottom: auto;
    top: 160px;
    left: 265px;
  }
}
@media (min-width: 1400px) {
  .nk-frame-ten .nk-frame-children-four {
    left: auto;
    top: auto;
    right: 120.16px;
    bottom: 12.31px;
  }
}
.nk-frame-ten .nk-frame-children-five {
  display: none;
}
@media (min-width: 768px) {
  .nk-frame-ten .nk-frame-children-five {
    left: 0;
    bottom: 50px;
    display: block;
  }
}
@media (min-width: 992px) {
  .nk-frame-ten .nk-frame-children-five {
    display: none;
  }
}
@media (min-width: 1200px) {
  .nk-frame-ten .nk-frame-children-five {
    bottom: 0;
    left: 41.2px;
    display: block;
  }
}
.nk-frame-ten .nk-frame-children-six {
  display: none;
}
@media (min-width: 768px) {
  .nk-frame-ten .nk-frame-children-six {
    right: 0;
    top: 120px;
    display: block;
  }
}
@media (min-width: 992px) {
  .nk-frame-ten .nk-frame-children-six {
    display: none;
  }
}
@media (min-width: 1200px) {
  .nk-frame-ten .nk-frame-children-six {
    top: 0;
    right: 0;
    display: block;
  }
}
@media (min-width: 1400px) {
  .nk-frame-ten .nk-frame-children-six {
    right: 41.26px;
  }
}
.nk-frame-eleven .nk-frame-children-one {
  left: 80px;
  bottom: -30px;
  display: none;
}
@media (min-width: 992px) {
  .nk-frame-eleven .nk-frame-children-one {
    display: block;
  }
}
@media (min-width: 1400px) {
  .nk-frame-eleven .nk-frame-children-one {
    left: 160px;
  }
}
@media (min-width: 1680px) {
  .nk-frame-eleven .nk-frame-children-one {
    left: 370px;
  }
}
.nk-frame-eleven .nk-frame-children-two {
  bottom: 140px;
  display: none;
}
@media (min-width: 992px) {
  .nk-frame-eleven .nk-frame-children-two {
    right: 24px;
    display: block;
  }
}
@media (min-width: 1200px) {
  .nk-frame-eleven .nk-frame-children-two {
    right: 155px;
  }
}
@media (min-width: 1680px) {
  .nk-frame-eleven .nk-frame-children-two {
    right: 350px;
  }
}
.nk-frame-twelve .nk-frame-children-one {
  top: 0px;
  right: 0px;
}
@media (min-width: 992px) {
  .nk-frame-twelve .nk-frame-children-one {
    top: -30px;
    right: -30px;
  }
}
@media (min-width: 1200px) {
  .nk-frame-twelve .nk-frame-children-one {
    top: -40px;
    right: -45px;
  }
}
@media (min-width: 1400px) {
  .nk-frame-twelve .nk-frame-children-one {
    top: -46px;
    right: -38px;
  }
}
.nk-frame-twelve-a .nk-frame-children-one {
  display: none;
}
@media (min-width: 768px) {
  .nk-frame-twelve-a .nk-frame-children-one {
    top: -30px;
    right: -30px;
    display: block;
  }
}
@media (min-width: 992px) {
  .nk-frame-twelve-a .nk-frame-children-one {
    top: auto;
    right: auto;
    bottom: -30px;
    left: -30px;
  }
}
@media (min-width: 1200px) {
  .nk-frame-twelve-a .nk-frame-children-one {
    bottom: -40px;
    left: -45px;
  }
}
@media (min-width: 1400px) {
  .nk-frame-twelve-a .nk-frame-children-one {
    bottom: -46px;
    left: -38px;
  }
}
.nk-frame-13 {
  width: 90%;
  margin-left: auto;
  transition: all 0.3s linear;
}
@media (min-width: 768px) {
  .nk-frame-13 {
    width: 60%;
  }
}
@media (min-width: 1200px) {
  .nk-frame-13 {
    right: 0;
    width: 500px;
    height: 440px;
    bottom: -32px;
    position: absolute;
  }
}
@media (min-width: 1400px) {
  .nk-frame-13 {
    width: 600px;
    height: 525px;
  }
}
@media (min-width: 1600px) {
  .nk-frame-13 {
    width: 660px;
  }
}
@media (min-width: 1800px) {
  .nk-frame-13 {
    height: 662px;
    width: 770px;
  }
}
.nk-frame-14 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  position: absolute;
}
.nk-frame-14 .nk-frame-children-one, .nk-frame-14 .nk-frame-children-two {
  top: 50%;
  width: 25%;
  transform: translateY(-50%);
}
@media (min-width: 1800px) {
  .nk-frame-14 .nk-frame-children-one, .nk-frame-14 .nk-frame-children-two {
    width: auto;
  }
}
.nk-frame-14 .nk-frame-children-one {
  left: 0;
}
.nk-frame-14 .nk-frame-children-two {
  right: 0;
}
.nk-frame-14 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  position: absolute;
}
.nk-frame-14 .nk-frame-children-one, .nk-frame-14 .nk-frame-children-two {
  top: 50%;
  width: 25%;
  transform: translateY(-50%);
}
@media (min-width: 1800px) {
  .nk-frame-14 .nk-frame-children-one, .nk-frame-14 .nk-frame-children-two {
    width: auto;
  }
}
.nk-frame-14 .nk-frame-children-one {
  left: 0;
}
.nk-frame-14 .nk-frame-children-two {
  right: 0;
}
.nk-frame-15 .nk-frame-children-one {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.nk-frame-16 {
  z-index: 1;
  position: relative;
}
.nk-frame-16::before {
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0px;
  bottom: -100px;
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/blur/codebase-blur-1.png");
}
@media (min-width: 768px) {
  .nk-frame-16::before {
    bottom: -200px;
  }
}
@media (min-width: 768px) {
  .nk-frame-16 .nk-frame-children-one {
    right: 0;
    bottom: -30px;
  }
}
@media (min-width: 992px) {
  .nk-frame-16 .nk-frame-children-one {
    right: -60px;
    bottom: -60px;
  }
}
@media (min-width: 1400px) {
  .nk-frame-16 .nk-frame-children-one {
    right: 0px;
    bottom: -30px;
  }
}
@media (min-width: 992px) {
  .nk-frame-17 .nk-frame-children-one {
    top: 130px;
    left: -100px;
  }
}
@media (min-width: 992px) {
  .nk-frame-17 .nk-frame-children-two {
    top: 100px;
    right: -100px;
  }
}
.nk-frame-18 .nk-frame-children {
  z-index: -1;
}
.nk-frame-18 .nk-frame-children-left {
  left: 0;
}
.nk-frame-18 .nk-frame-children-left-bottom {
  bottom: 0;
}
.nk-frame-18 .nk-frame-children-right {
  right: 0;
}
.nk-frame-18 .nk-frame-children-right-top {
  bottom: 240px;
}
.nk-frame-19 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.nk-frame-19 .nk-frame-children {
  display: none;
  user-select: none;
  pointer-events: none;
  transition: all 0.3s linear;
}
@media (min-width: 992px) {
  .nk-frame-19 .nk-frame-children {
    display: block;
  }
}
@media (min-width: 992px) {
  .nk-frame-19 .nk-frame-children-one {
    top: 60px;
    left: 60px;
  }
}
.nk-frame-19 .nk-frame-children-two {
  display: none;
}
@media (min-width: 1200px) {
  .nk-frame-19 .nk-frame-children-two {
    left: 200px;
    bottom: 98px;
    display: block;
  }
}
@media (min-width: 992px) {
  .nk-frame-19 .nk-frame-children-three {
    left: 60px;
    bottom: 30px;
  }
}
.nk-frame-19 .nk-frame-children-four {
  right: 80px;
  bottom: 60px;
}
@media (min-width: 992px) {
  .nk-frame-19 .nk-frame-children-five {
    top: 60px;
    right: 60px;
  }
}
@media (min-width: 1200px) {
  .nk-frame-19 .nk-frame-children-five {
    top: 100px;
    right: 130px;
  }
}

.nk-newsletter-one .form-control-wrap .form-control,
.nk-newsletter-one .form-control-wrap input {
  padding: 0.65rem;
  color: #64728f;
  background-color: #fff;
}
.nk-newsletter-one .form-control-wrap .form-control:focus,
.nk-newsletter-one .form-control-wrap input:focus {
  box-shadow: none;
  border-color: #2b5cfd;
}
.nk-newsletter-two .form-control-wrap .form-control,
.nk-newsletter-two .form-control-wrap input {
  border: 0px;
  background-color: #fff;
  border-bottom: 1px solid #e5e7eb;
  color: #64728f;
}
.nk-newsletter-two .form-control-wrap .form-control:focus,
.nk-newsletter-two .form-control-wrap input:focus {
  box-shadow: none;
  border-bottom-color: #2b5cfd;
}
.nk-newsletter-two .form-control-wrap .form-control::placeholder,
.nk-newsletter-two .form-control-wrap input::placeholder {
  color: #64728f;
}
.nk-newsletter-three .form-control-wrap .form-control,
.nk-newsletter-three .form-control-wrap input {
  border-radius: 0.5rem;
  padding: 1rem 1rem;
  color: #64728f;
  border: 0px solid #e5e7eb;
}
.nk-newsletter-three .form-control-wrap .form-control:focus,
.nk-newsletter-three .form-control-wrap input:focus {
  border-color: #2b5cfd;
}
.nk-newsletter-three .form-control-wrap .form-control::placeholder,
.nk-newsletter-three .form-control-wrap input::placeholder {
  color: #64728f;
}
.nk-newsletter-three .form-control-wrap button {
  top: 50%;
  right: 12px;
  position: absolute;
  transform: translateY(-50%);
}

.preloader {
  top: 0;
  left: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  z-index: 99999;
  position: fixed;
  transition: all 0.5s ease;
  background-color: #e0e0fc;
}
.preloader.hide {
  opacity: 0;
  display: none;
  pointer-events: none;
}

.loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #2b5cfd;
  animation: spin 2s linear infinite;
}
.loader::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #9294f5;
  animation: spin 3s linear infinite;
}
.loader::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #c1c2f9;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.nk-filter-menu {
  gap: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.nk-filter-control {
  gap: 10px;
  border: 0;
  outline: 0;
  opacity: 0.7;
  display: flex;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  padding: 12px 16px;
  align-items: center;
  color: #0a1425;
  transition: all 0.2s linear;
  background-color: transparent;
  border-bottom: 1px solid #e5e7eb;
}
.nk-filter-control.active {
  opacity: 1;
  color: #2b5cfd;
  border-bottom-color: #2b5cfd;
}

.nk-dropdown {
  width: 100%;
  position: relative;
}
.nk-dropdown-field:checked + .nk-dropdown-menu .nk-dropdown-select {
  transform: scaleY(1);
}
.nk-dropdown-field:checked + .nk-dropdown-menu .nk-dropdown-filter:after {
  transform: rotate(180deg);
}
.nk-dropdown-menu {
  width: 100%;
  cursor: pointer;
}
.nk-dropdown-filter {
  padding: 0px;
  transition: 0.3s;
  position: relative;
}
.nk-dropdown-filter:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
.nk-dropdown-filter::after {
  top: 0px;
  right: 0px;
  position: absolute;
  font-size: 0.875rem;
  content: "\e9c5";
  font-family: "Nioicon";
  transition: transform 0.3s linear;
  transform: rotate(0deg);
}
.nk-dropdown-filter-selected {
  gap: 8px;
  display: flex;
  align-items: center;
}
.nk-dropdown-select {
  left: 0;
  top: 100%;
  z-index: 2;
  width: 100%;
  margin-top: 12px;
  font-weight: 300;
  overflow: hidden;
  position: absolute;
  transform: scaleY(0);
  transform-origin: top;
  transition: 0.2s ease-in-out;
  box-shadow: -4px -4px 36px rgba(192, 192, 192, 0.12), 4px 4px 36px rgba(192, 192, 192, 0.16);
}
.nk-dropdown-select-option {
  gap: 8px;
  display: flex;
  transition: 0.3s;
  padding: 12px 16px;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.nk-dropdown-select-option:last-of-type {
  border-bottom: 0;
}
.nk-dropdown-select-option:hover {
  background-color: #f9f9f9;
}

.nk-search-group {
  gap: 45px;
  display: flex;
  border-radius: 8px;
  padding: 12px 24px;
  padding-right: 12px;
  position: relative;
  align-items: center;
  background-color: #fff;
  justify-content: space-between;
  border: 1px solid #e5e7eb;
}
.nk-search-group .nk-search-element {
  gap: 14px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.nk-search-group .nk-search-element > div {
  position: relative;
}
@media (min-width: 768px) {
  .nk-search-group .nk-search-element > div::after {
    content: "";
    top: 50%;
    width: 1px;
    right: -7px;
    height: 50%;
    position: absolute;
    transform: translateY(-50%);
    background-color: rgba(10, 20, 37, 0.4);
  }
}
@media (min-width: 768px) {
  .nk-search-group .nk-search-element > div:nth-last-child(1)::after {
    display: none;
  }
}
.nk-search-group .nk-search-action {
  flex-shrink: 0;
}
.nk-search-group .nk-search-field {
  gap: 8px;
  display: flex;
  align-items: center;
}
.nk-search-group .nk-search-field .icon {
  opacity: 0.4;
}
.nk-search-group .nk-search-field input {
  border: 0px;
}
.nk-search-group .nk-search-field input:focus, .nk-search-group .nk-search-field input:active {
  border: none;
  outline: none;
  box-shadow: none;
}
.nk-search-group .nk-dropdown {
  text-align: left;
}
.nk-search-group .nk-dropdown .icon {
  opacity: 0.4;
}
.nk-search-group .nk-dropdown span {
  opacity: 0.8;
}
.nk-search-group .nk-dropdown-select {
  width: 110%;
}
.nk-search-group .nk-dropdown-select-option {
  padding: 8px;
}

.nk-countdown-content {
  width: 100%;
  height: 120px;
  display: flex;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #e5e7eb;
}

.nk-counter {
  gap: 12px;
  width: 80px;
  display: flex;
  padding: 2px 8px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #e5e7eb;
}
.nk-counter button {
  outline: 0;
  border: 0;
  padding: 0;
  color: #64728f;
  background-color: transparent;
}
.nk-counter span {
  color: #2b5cfd;
  font-size: 14px;
  line-height: 1.5;
}

.nav-btn-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding-top: 20px;
}

.nav-btn-group li {
  list-style: none;
}

.nav-btn-group a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  color: #6c757d;
  border: 1px solid #d1d5db;
  background-color: #ffffff;  
  transition: all 0.3s ease;
}

.nav-btn-group a.nav-btn-outline {
  background-color: #ffffff;  
  color: #6c757d;  
  border-color: #d1d5db;  
}

.nav-btn-group a.nav-btn-primary {
  background-color: #e6ebff;  
  color: #1f2937;  
  border-color: #c9d3f9;  
}

.nav-btn-group a:hover {
  background-color: #e6ebff;  
  color: #1f2937;  
  border-color: #c9d3f9;  
}

.nav-btn-group a em {
  font-size: 16px;
  color: inherit;
}


.nash-big-icon {
  position: relative;
  width: 120px;
  height: 120px;
  display: inline-block;
  border-radius: 15px;
  overflow: visible !important;
}

.nash-big-icon-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.nash-big-icon-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(10px);
  transform: scale(1.2);
  z-index: 1;
  opacity: 20%;

}

.nash-big-icon a {
  position: relative;
  z-index: 2;
}

.icon-foreground {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}


#grid-container-ns {
  display: flex;
  flex-direction: column;
  grid-template-columns: repeat(21, var(--tile-ns-size));
    gap: var(--tile-ns-gap-size); 
  width: 100%;
}

.row-ns {
  display: grid;
  grid-template-columns: repeat(21, 1fr);  
  gap:  var(--tile-ns-gap-size); 
  width: 100%;
}

.tile-ns {
  width: 100%;
  aspect-ratio: 1; 
  border-radius: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.tile-ns img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 1s ease-in-out;  
}

.empty-ns {
  visibility: hidden;  
}

.fade-out {
  opacity: 0;  
}

.fade-in {
  opacity: 1;  
}


.nk-r  {
  justify-content: center;
  align-items: center;
}

.nk-r ul ,.nk-r a ,.nk-r img ,.nk-r li  {
  text-align: center;
  justify-content: center;
  margin: auto;
}

@media (min-width: 767px) {
  .nk-r  {
    justify-content: right;
    align-items: right !important;
  }
  
  .nk-r ul ,.nk-r a ,.nk-r img ,.nk-r li  {
    text-align: right;
    justify-content: right; 
  }

}
 
@media (max-width: 767px) {

  .nk-banner-d  {
    justify-content: center;
}

.nk-banner-d h4 ,
.nk-banner-d a ,
.nk-banner-d li ,
.nk-banner-d p  {
    text-align: center;
    justify-content: center;
    margin: auto;
}



  .nk-banner-d  {
      justify-content: center;
  }

  .nk-banner-d h4 ,
  .nk-banner-d a ,
  .nk-banner-d li ,
  .nk-banner-d p  {
      text-align: center;
      justify-content: center;
      margin: auto;
  }

  .nk-banner-d ul {
      justify-content: center;
  }

  .nk-banner-d .btn {
      display: inline-block;
      margin-top: 10px;
  }

  .nk-banner-d img {
      display: block;
      margin: 0 auto;
  }
}


 

@media (max-width: 768px) {
  .filter-categories-wrapper {
    display: none;
}

.filter-categories-wrapper.active {
    display: block;
}

.form-check-label {
    word-wrap: break-word;
}
 
  .nk-footer-copyright {
      flex-wrap: wrap;
      gap: 8px;
  }

  .nk-footer-copyright li {
      flex-basis: 100%;
  }
}


.filter-categories-wrapper {
  max-height: 300px;
  overflow-y: auto;
  display: block;
}

.filter-categories-wrapper.active {
  display: block;
}

.social-icon {
  display: inline-flex;  
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--bg-color, #f3f6f9);  
  transition: background-color 0.3s;
  text-decoration: none;
  color: inherit;  
}

.social-icon:hover {
  background-color: var(--hover-color, #d1e7ff);  
}

.social-icon em {
  font-size: 20px;  
  line-height: 1;
}

.social-icon.vk {
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDBGN0ZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTggMmExMCAxMCAwIDAgMCAwIDIwIDEwIDEwIDAgMCAwIDAtMjB6bTAgMGMtNC44MSAwLTguNjggMy44Ny04LjY4IDguNjggMCA0LjMwMiAzLjAxNSA3LjkzMyA3LjA5IDguNTQ2LjA1Ni4wOTguMTQyLjE4OS4yMy4xMDcgMy41NDQgMS4xNDIgNi4zMjYgMi42NzUgOC41MzQgMi42NzUgMC0uMzY3LjAwMS0uNzAyLjAwMy0xLjAxNy0zLjA4OC43MDktMy42NjUtMy42ODUtMy42NjUtMy42ODUtMS4yMDQtMS45MzgtMi45NDMtMi40NTYtMi45NDMtMi40NTYtMi41MjEtMS43MjItLjAxMy0zLjI3LjI0NS0zLjU4LjMwNi0uMjU3LjIxMy0uMzE0LjY0Mi0uMTM5Ljk2NS42MS4xMyAxLjI5LjU5IDEuNjQ3IDEuMTg4LjUxOC45Mi4zNjIgMS45NDcuMjg3IDIuMDU0LjA2Ni4yMzIuMjA5LjQwOS40MTIuNTUzLTEuNzguNDkxLTMuNjcyLjQ1Ni01LjQyLS4xMzcuMzQ0IDIuMjM0LjI1IDQuMzA0LS4wNjQgNS41M3oiLz48L3N2Zz4='); /* VK SVG */
}

.social-icon.ok {
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkY3NzAwIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMTJhMyAzIDAgMSAxIDAtNiAzIDMgMCAwIDEgMCA2bTAgMWMtMi43NjcgMC01IDEuMzI4LTUgNC45NjkgMCAyLjQ3NiAxLjQ2MiAzLjYxMiAzLjMzOCAzLjA1NyAxLjAzOC0uNTg1IDEuMzI1LTEuNDU1IDIuNjYyLTEuNDQ4IDEuMzQ3LjAwNyAxLjYyNS44NTMgMi42NTMgMS40NzcgMS44NzYuNTU0IDMuMzQxLS41NzggMy4zNDEtMy4wNjggMC0zLjY0MS0yLjIzMy00Ljk4LTUtNC45OHoiLz48L3N2Zz4='); /* OK SVG */
}

.social-icon.whatsapp {
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDA3NzAwIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMmE5LjkgOS45IDAgMCAwIDAgMTkuOCA5LjkgOS45IDAgMCAwIDAtMTkuOHpNMTIuNSAxNy4yYy0xLjI1IDEuMjUtMi42NCAxLjA2LTMuNzctLjA3LS43LTEuNTEtMS41Mi0xLjY2LTIuMzItLjM1LTEuMDYtMS4zOC0uNDEtMS41OS0uNTUuNjguNjggMS4zIDEuMjMgMS43NS4zMi44Ny0xLjEyIDIuODQtMy4wNiAzLjI0LTEuMjUgLjMtMi42LS4xNi0zLjM5LTEuMTYtMS4wNi0xLjUtMS4yNi0zLjI2LS40OC00Ljc2QzUuMSA3LjA1IDYuMzkgNS4xNCA3LjU1IDQuN2EyLjcgMi43IDAgMCAxIDMuNjQgMy4wM2MxLjIgMi4yMy40NCA0LjU5LS4xMSA1LjM0eiIvPjwvc3ZnPg=='); /* WhatsApp SVG */
}


#sort-comments {
  max-width: 150px;
  height: auto;
}
.d-flex.justify-content-between.align-items-center label {
  font-size: 14px;
  color: #6c757d;
}

.app-number {
  font-size: 1.5rem;
  font-weight: bold;
  color: #007bff;  
  margin-bottom: 0.5rem;
}


.filter-categories-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: auto;  
}

@media (min-width: 992px) {  
    .nk-section-content-sidebar {
        height: 100%;
    }

    .nk-section-content-sidebar .filter-categories-wrapper {
        height: calc(100vh - 240px);  
    }
}

@media (max-width: 768px) {
  .hide-mobile {
      display: none;
  }
}


 
.avatar {
    margin-bottom: 0rem !important;
    width: 50px;
    border-radius: 1rem !important;
}



.skeleton-loader {
  height: 100px;
  background: #f5f5f5;
  border-radius: 4px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.skeleton-loader::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, 
      rgba(255,255,255,0) 0%, 
      rgba(255,255,255,0.8) 50%, 
      rgba(255,255,255,0) 100%);
  animation: skeletonShimmer 1.5s infinite;
}

@keyframes skeletonShimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

@media (min-width: 1400px) {
  .nk-ns { height: auto; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .nk-ns { height: auto; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .nk-ns { height: auto; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .nk-ns { height: auto; }
}
@media (min-width: 576px) and (max-width: 767px) {
  .nk-ns { height: auto; }
}
/* ===== END style-nashstore.css ===== */

/* ===== BEGIN style-local.css ===== */
body.is-dark {
  --bs-blue: #080829;
  --bs-indigo: #6610f2;
  --bs-purple: #2b5cfd;
  --bs-pink: #d63384;
  --bs-red: #fa5b68;
  --bs-orange: #ef652a;
  --bs-yellow: #fdb52a;
  --bs-green: #071a17;
  --bs-teal: #20c997;
  --bs-cyan: #00ffd5;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #64728f;
  --bs-gray-dark: #495057;
  --bs-gray-50: #2b292c;
  --bs-gray-100: #0f0f12;
  --bs-gray-200: #0a1425;
  --bs-gray-300: #181921;
  --bs-gray-400: #232340;
  --bs-gray-500: #0a1425;
  --bs-primary: #2b5cfd;
  --bs-secondary: #c5c5ca;
  --bs-success: #22c55e;
  --bs-info: #00ffd5;
  --bs-warning: #fdb52a;
  --bs-danger: #fa5b68;
  --bs-light: #faf9ff;
  --bs-dark: #0a1425;
  --bs-primary-text-emphasis: #495057;
  --bs-secondary-text-emphasis: #495057;
  --bs-success-text-emphasis: #495057;
  --bs-info-text-emphasis: #495057;
  --bs-warning-text-emphasis: #495057;
  --bs-danger-text-emphasis: #495057;
 
  --bs-dark-text-emphasis: #faf9ff;
  --bs-primary-bg-subtle: #3f53d8;
  --bs-secondary-bg-subtle: #0a1425;
  --bs-success-bg-subtle: #2a9d8f;
  --bs-info-bg-subtle: #0062ff;
  --bs-warning-bg-subtle: #ffde70;
  --bs-danger-bg-subtle: #fa5b68;
  --bs-light-bg-subtle: #e5e7eb;
  --bs-dark-bg-subtle: #0a1425;

  --bs-blue: #ff9d00;
  --bs-indigo: #99ef0d;
  --bs-purple: #919e0c;
  --bs-pink: #29cc7b;
  --bs-red: #05a497;
  --bs-orange: #022937;
  --bs-yellow: #024ad5;
  --bs-green: #dd3aa1;
  --bs-teal: #df3608;
  --bs-cyan: #ff002a;
  --bs-white: #000;
  --bs-gray: #3a3a35;
  --bs-gray-dark: #9b8d70;
  --bs-primary: #d4a302;
  --bs-secondary: #3a3a35;
  --bs-success: #dd3aa1;
  --bs-info: #ff002a;
  --bs-warning: #024ad5;
  --bs-danger: #05a497;
  --bs-light: #050000;
 
  --bs-blue: #0062ff;
  --bs-indigo: #6610f2;
  --bs-purple: #6e61f3;
  --bs-pink: #d63384;
  --bs-red: #fa5b68;
  --bs-orange: #fdd6c8;
  --bs-yellow: #fdb52a;
  --bs-green: #22c55e;
  --bs-teal: #20c997;
  --bs-cyan: #00ffd5;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #c5c5ca;
  --bs-gray-dark: #64728f;
  --bs-gray-50: #e5e7eb;
  --bs-gray-100: #faf9ff;
  --bs-gray-200: #f2f8fb;
  --bs-gray-300: #f9f7fa;
  --bs-gray-400: #faf9f4;
  --bs-gray-500: #c9c9d4;
  --bs-gray-600: #c5c5ca;
  --bs-gray-700: #adb5bd;
  --bs-gray-800: #64728f;
  --bs-gray-900: #495057;
  --bs-primary: #6e61f3;
  --bs-secondary: #c5c5ca;
  --bs-success: #22c55e;
  --bs-info: #00ffd5;
  --bs-warning: #fdb52a;
  --bs-danger: #fa5b68;
  --bs-light: #faf9ff;
  --bs-lighter: #e5e7eb;
  --bs-dark: #0a1425;
  --bs-dark-blue: #080829;
  --bs-darker: #0a1425;
  --bs-white: #fff;
  --bs-gray: #f7f8f9;
  --bs-gray-50: #e5e7eb;
  --bs-gray-100: #faf9ff;
  --bs-gray-200: #f2f8fb;
  --bs-gray-300: #f9f7fa;
  --bs-gray-400: #faf9f4;
  --bs-gray-500: #c9c9d4;
  --bs-gray-600: #c5c5ca;
  --bs-gray-700: #adb5bd;
  --bs-gray-800: #64728f;
  --bs-gray-900: #495057;
  --bs-gray-1000: #2b292c;
  --bs-gray-1100: #0f0f12;
  --bs-gray-1200: #0a1425;
  --bs-gray-1300: #181921;
  --bs-gray-1400: #232340;
  --bs-red: #fa5b68;
  --bs-red-50: #feebed;
  --bs-yellow: #fdb52a;
  --bs-yellow-50: #fef6ea;
  --bs-yellow-100: #fdeaba;
  --bs-yellow-200: #ffde70;
  --bs-green: #22c55e;
  --bs-green-50: #e9f9ef;
  --bs-green-100: #f0f6f5;
  --bs-green-200: #dcfce7;
  --bs-green-300: #bde5d3;
  --bs-green-400: #45c9c1;
  --bs-green-500: #0acf83;
  --bs-green-600: #54a8c7;
  --bs-green-700: #2a9d8f;
  --bs-green-800: #071a17;
  --bs-blue: #0062ff;
  --bs-blue-50: #f4f8ff;
  --bs-blue-100: #ebf2ff;
  --bs-blue-200: #f3f4ff;
  --bs-blue-300: #eaefff;
  --bs-blue-400: #e7fbff;
  --bs-blue-500: #e8ebff;
  --bs-blue-600: #f9faff;
  --bs-blue-700: #c3c9f1;
  --bs-blue-800: #6472b9;
  --bs-blue-900: #8c9bff;
  --bs-blue-1000: #589bff;
  --bs-blue-1100: #6576ff;
  --bs-blue-1200: #3f78e0;
  --bs-blue-1300: #6366f1;
  --bs-blue-1400: #3f53d8;
  --bs-blue-1500: #2b5cfd;
  --bs-blue-1600: #3b3482;
  --bs-blue-1700: #172166;
  --bs-blue-1800: #122544;
  --bs-blue-1900: #141834;
  --bs-blue-2000: #080829;
  --bs-purple: #6e61f3;
  --bs-purple-50: #eeecff;
  --bs-purple-100: #fceff4;
  --bs-purple-200: #edebfe;
  --bs-purple-300: #e1cbfd;
  --bs-purple-400: #ffc8cc;
  --bs-purple-500: #eb7ca6;
  --bs-purple-600: #9d90f1;
  --bs-purple-700: #9097f7;
  --bs-purple-800: #725efe;
  --bs-cyan: #00ffd5;
  --bs-cyan-50: #c0f2fd;
  --bs-cyan-100: #97f2ff;
  --bs-cyan-200: #13d5ff;
  --bs-orange: #fdd6c8;
  --bs-orange-100: #ef652a;
  --bs-primary-rgb: 110, 97, 243;
  --bs-secondary-rgb: 197, 197, 202;
  --bs-success-rgb: 34, 197, 94;
  --bs-info-rgb: 0, 255, 213;
  --bs-warning-rgb: 253, 181, 42;
  --bs-danger-rgb: 250, 91, 104;
  --bs-light-rgb: 250, 249, 255;
  --bs-lighter-rgb: 229, 231, 235;
  --bs-dark-rgb: 10, 20, 37;
  --bs-dark-blue-rgb: 8, 8, 41;
  --bs-darker-rgb: 10, 20, 37;
  --bs-white-rgb: 255, 255, 255;
  --bs-gray-rgb: 247, 248, 249;
  --bs-gray-50-rgb: 229, 231, 235;
  --bs-gray-100-rgb: 250, 249, 255;
  --bs-gray-200-rgb: 242, 248, 251;
  --bs-gray-300-rgb: 249, 247, 250;
  --bs-gray-400-rgb: 250, 249, 244;
  --bs-gray-500-rgb: 201, 201, 212;
  --bs-gray-600-rgb: 197, 197, 202;
  --bs-gray-700-rgb: 173, 181, 189;
  --bs-gray-800-rgb: 100, 114, 143;
  --bs-gray-900-rgb: 73, 80, 87;
  --bs-gray-1000-rgb: 43, 41, 44;
  --bs-gray-1100-rgb: 15, 15, 18;
  --bs-gray-1200-rgb: 10, 20, 37;
  --bs-gray-1300-rgb: 24, 25, 33;
  --bs-gray-1400-rgb: 35, 35, 64;
  --bs-red-rgb: 250, 91, 104;
  --bs-red-50-rgb: 254, 235, 237;
  --bs-yellow-rgb: 253, 181, 42;
  --bs-yellow-50-rgb: 254, 246, 234;
  --bs-yellow-100-rgb: 253, 234, 186;
  --bs-yellow-200-rgb: 255, 222, 112;
  --bs-green-rgb: 34, 197, 94;
  --bs-green-50-rgb: 233, 249, 239;
  --bs-green-100-rgb: 240, 246, 245;
  --bs-green-200-rgb: 220, 252, 231;
  --bs-green-300-rgb: 189, 229, 211;
  --bs-green-400-rgb: 69, 201, 193;
  --bs-green-500-rgb: 10, 207, 131;
  --bs-green-600-rgb: 84, 168, 199;
  --bs-green-700-rgb: 42, 157, 143;
  --bs-green-800-rgb: 7, 26, 23;
  --bs-blue-rgb: 0, 98, 255;
  --bs-blue-50-rgb: 244, 248, 255;
  --bs-blue-100-rgb: 235, 242, 255;
  --bs-blue-200-rgb: 243, 244, 255;
  --bs-blue-300-rgb: 234, 239, 255;
  --bs-blue-400-rgb: 231, 251, 255;
  --bs-blue-500-rgb: 232, 235, 255;
  --bs-blue-600-rgb: 249, 250, 255;
  --bs-blue-700-rgb: 195, 201, 241;
  --bs-blue-800-rgb: 100, 114, 185;
  --bs-blue-900-rgb: 140, 155, 255;
  --bs-blue-1000-rgb: 88, 155, 255;
  --bs-blue-1100-rgb: 101, 118, 255;
  --bs-blue-1200-rgb: 63, 120, 224;
  --bs-blue-1300-rgb: 99, 102, 241;
  --bs-blue-1400-rgb: 63, 83, 216;
  --bs-blue-1500-rgb: 43, 92, 253;
  --bs-blue-1600-rgb: 59, 52, 130;
  --bs-blue-1700-rgb: 23, 33, 102;
  --bs-blue-1800-rgb: 18, 37, 68;
  --bs-blue-1900-rgb: 20, 24, 52;
  --bs-blue-2000-rgb: 8, 8, 41;
  --bs-purple-rgb: 110, 97, 243;
  --bs-purple-50-rgb: 238, 236, 255;
  --bs-purple-100-rgb: 252, 239, 244;
  --bs-purple-200-rgb: 237, 235, 254;
  --bs-purple-300-rgb: 225, 203, 253;
  --bs-purple-400-rgb: 255, 200, 204;
  --bs-purple-500-rgb: 235, 124, 166;
  --bs-purple-600-rgb: 157, 144, 241;
  --bs-purple-700-rgb: 144, 151, 247;
  --bs-purple-800-rgb: 114, 94, 254;
  --bs-cyan-rgb: 0, 255, 213;
  --bs-cyan-50-rgb: 192, 242, 253;
  --bs-cyan-100-rgb: 151, 242, 255;
  --bs-cyan-200-rgb: 19, 213, 255;
  --bs-orange-rgb: 253, 214, 200;
  --bs-orange-100-rgb: 239, 101, 42;
  --bs-primary-text-emphasis: #2c2761;
  --bs-secondary-text-emphasis: #0a0a0d;
  --bs-success-text-emphasis: #0e4f26;
  --bs-info-text-emphasis: #006655;
  --bs-warning-text-emphasis: #654811;
  --bs-danger-text-emphasis: #64242a;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #e2dffd;
  --bs-secondary-bg-subtle: #d1d1d3;
  --bs-success-bg-subtle: #d3f3df;
  --bs-info-bg-subtle: #ccfff7;
  --bs-warning-bg-subtle: #fff0d4;
  --bs-danger-bg-subtle: #fedee1;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #c5c0fa;
  --bs-secondary-border-subtle: #a3a3a6;
  --bs-success-border-subtle: #a7e8bf;
  --bs-info-border-subtle: #99ffee;
  --bs-warning-border-subtle: #fee1aa;
  --bs-danger-border-subtle: #fdbdc3;
  --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: "Plus Jakarta Sans", sans-serif;
  --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.4;
  --bs-body-color: #495057;
  --bs-body-color-rgb: 73, 80, 87;
  --bs-body-bg: #0f0f12;
  --bs-body-bg-rgb: 15, 15, 18;
  --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: ;
  --bs-link-color: #6e61f3;
  --bs-link-color-rgb: 110, 97, 243;
  --bs-link-decoration: none;
  --bs-link-hover-color: #584ec2;
  --bs-link-hover-color-rgb: 88, 78, 194;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff0d4;
  --bs-border-width: 0px;
  --bs-border-style: solid;
  --bs-border-color: #2b292c;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.75rem;
  --bs-border-radius-xl: 1.5rem;
  --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(110, 97, 243, 0.25);
  --bs-form-valid-color: #22c55e;
  --bs-form-valid-border-color: #22c55e;
  --bs-form-invalid-color: #fa5b68;
  --bs-form-invalid-border-color: #fa5b68;

  --bs-blue-600-rgb: 34, 35, 40;
  background-color: var(--bs-dark);
  color: var(--bs-light-text-emphasis);
}

/* DARK */


.is-dark  .bg-blue-600 {
  --bs-bg-opacity: 1;

  background-color: #f9faff !important;
  background-color: rgba(var(--bs-blue-600-rgb), var(--bs-bg-opacity)) !important;

}


body.is-dark{
  --bs-heading-color: white;
}

.is-dark h1, .is-dark .h1, .is-dark h2, .is-dark h3, .is-dark h4, .is-dark h5, .is-dark h6, .is-dark .h2, .is-dark .h3, .is-dark .h4, .is-dark .h5, .is-dark .h6 {
    color: #eaeff2;
}

.is-dark .nk-section-title {
    color: #eaeff2;
}

.is-dark .nk-section-text {
    color: #a8b0c3;
}

.is-dark .nk-section-subtitle { 
    color: #4f75e7;
}

.is-dark .text-primary {
    color: #4f75e7 !important;
}

.is-dark .text-bg-primary-soft {
    color: #4f75e7 !important;
    background-color: #1d2238 !important;
}

.is-dark .text-gray-800 {
    color: #a8b0c3 !important;
}

.is-dark .nk-pricing-s2 {
    background-color: #1f2128;
}

.is-dark .nk-footer {
    background-color: #1f2128;
}

.is-dark .nk-footer-info .title { 
    color: #eaeff2;
}

.is-dark .nk-footer-text {
    color: #eaeff2;
}

.is-dark body {
    color: #a8b0c3;
}

.is-dark .nk-footer-copyright-text {
    color: #888;
}

.is-dark .nk-footer-info ul li a {
    color: #a8b0c3;
}

body.is-dark {
  --bs-heading-color: #a8b0c3;
  --bs-white-rgb: 34, 35, 40;
  --bs-card-color: #343638;
}

.is-dark hr {
    border-top: 1px solid #4a4e55;
}

.is-dark .btn-light, .is-dark .btn-outline-light {
    color: #eaeff2;
}

.is-dark .bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.is-dark .nk-header-main.has-fixed {
    box-shadow: 4px 4px 36px 0px rgba(64, 64, 64, 0.16), -4px -4px 36px 0px rgba(64, 64, 64, 0.12) !important;
    background-color: #1f2128;
}

.is-dark .nk-header-main {
    background-color: #1f2128;
}

.is-dark .nk-header-main.has-separate {
    border-bottom: 1px solid #4a4e55;
}

.is-dark .nk-nav-link {
    color: #eaeff2;
}

.is-dark .nk-nav-sub {
    background-color: #1f2128;
}

.is-dark .nk-nav-sub .nk-nav-link {
    color: #eaeff2;
}

.is-dark .form-group .form-control-wrap input {
    border: 1px solid #4a4e55;
    border-radius: 0.5rem;
    background-color: transparent;
    color: white !important;
    background-color: #1f2128;
    border: 1px solid #4a4e55;
}

.is-dark .dark-mode-toggle {
    background-color: rgba(0,0,0,0);
    background: #4a4e55;
    color: white;
}

.is-dark .dark-mode-toggle {
    background-color: rgba(0,0,0,0);
    background: #4a4e55;
    color: white;
}
.is-dark .btn-outline-light {
    --bs-btn-color: #1f2128;
    --bs-btn-border-color: #1f2128;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1f2128;
    --bs-btn-hover-border-color: #1f2128;
    --bs-btn-focus-shadow-rgb: 34, 35, 40;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1f2128;
    --bs-btn-active-border-color: #1f2128;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1f2128;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1f2128;
    --bs-gradient: none;
}



/* light */ 




.download-link {width:220px;}


.logo-img {
    max-width: 150px;
}

.form-control
{
color: black !important;
}

.dark-mode-toggle {
    flex-shrink: 0;
    border: none;
    background-color: rgba(0,0,0,0);
    background: #eaebee;
    color: #293a51;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border-radius: 50%;
margin-top:0.25rem;
    height: 2rem;
    width: 2rem;
}

.nk-section-title, .btn , .nk-footer-info .title, .nk-footer-info ul li a,
.nk-footer-copyright li a{
text-transform: none;
}

.nk-footer-info .title {     font-size: 1rem; }
.nk-footer-info ul li a {font-size: 16px;}
.icon_ns {
    width: 20px;
    margin-left: 5px;
    margin-top: -2px;
}


.nk-nav-mega-qr {
	left: -100px !important;
	min-width: 170px !important;
}

 .accordion-s3 {
    border: 1px solid #e5e7eb;
    padding: 0px 1.875rem;
    border-radius: 0.5rem;
}

.accordion {
    --bs-accordion-color: #0a1425;
    --bs-accordion-bg: #fff;
    --bs-accordion-transition: 0.15s ease;
    --bs-accordion-border-color: #e5e7eb;
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.5rem;
    --bs-accordion-inner-border-radius: subtract(0.5rem, 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #0a1425;
    --bs-accordion-btn-bg: #fff;
     --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-focus-border-color: rgba(63, 120, 224, 0.65);
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #3f78e0;
    --bs-accordion-active-bg: #e8effb;
}

.nk-nav-med .nk-nav-link {
  padding: 0.625rem;
  border-radius: 0.5rem;
}
 

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    line-height: 1.06 !important;
}


.icon_new {
    width: 25px; 
}

.nk-footer-brand-info p.info {
    font-size: 12px;
    line-height: 1.4;
}



.nk-footer-copyright-text , .nk-footer-copyright-text a , .nk-footer-copyright li a { 
    font-size: 15px !important; 
    color: gray;
}

  .nk-footer-text { 
    font-size: 15px !important;  
}

.nk-footer-top .nk-footer-content {
    padding: 2.75rem 0px;
}

/* apps */
.apps h6, .apps  .h6 {
    font-size: 1rem !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;


}

.apps .fs-16 {
    font-size: 14px !important;
}

.media-lgx {
    z-index: 1;
    width: 5.5rem;
    height: 5.5rem; 
}

.nk-lang
{
min-width: 157px !important;
}

.apps-search  {width:190px;}
.apps-search input {font-size: 0.8rem;}


.apps-download .btn{ 
   padding: 0.4rem 0.95rem !important;
}

.apps-search .form-control {
    padding: 0.5rem 0.35rem;
} 

.nk-header-main , .nk-header-main.has-fixed { padding: 0.2438rem 0px; }


.card {
    --bs-card-spacer-y: 1.875rem;
    --bs-card-spacer-x: 1.875rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: 1px;
    --bs-card-border-color: #e5e7eb;
    --bs-card-border-radius: 0.75rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(0.5rem - 1px);
    --bs-card-cap-padding-y: 0.9375rem;
    --bs-card-cap-padding-x: 1.875rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.9375rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: black;
    word-wrap: break-word; 
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}
 

.nash-app {
    margin: 2px;
    /* R26.3: для img.nash-app финальный радиус задаётся в header-cleanup.css
       (22% — squircle вместо круга). Здесь оставляем умеренный fallback,
       чтобы у не-img-элементов с тем же классом не было слишком круглых углов. */
    border-radius: 22%;
    border-width: 0;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
    max-width:144px;
    max-height:144px;
    background-color: #fff;
  }
 

.nash-app:hover {
   
    box-shadow: 0 1px 2px 0 rgba(20, 30, 37, .15), 0 1px 3px 1px rgba(20, 30, 37, 0.25);
 

  }


 .nash-screen {
    max-width: 250px;
max-height: 250px;
   }

.app-info, .apps .swiper-slide {
border-radius: 0.5rem;
/* margin:-10px;*/
 padding:10px;
}


.app-info:hover , .apps .swiper-slide:hover {
  color: #2b5cfd;
  background-color: rgb(99 102 241 / 4%);
}


.apps0 .nk-pricing:hover {  background-color: rgb(99 102 241 / 4%);
    border-color: #2b5cfd; }



.cat-t .card:hover { background-color: #eaefff;
}


.cat-t .card:hover { background-color: #d4dcf5;
}


.media-lgxx {
    z-index: 1;
    width: 10rem;
    height: 10rem; 
}

.media-lgxxx {
    z-index: 1;
    width: 15rem;
    height: 15rem; 
}

.nk-nav-tabs ul, .nk-nav-tabs ol {
list-style: none;
 margin: 0; 
     padding: 0;
padding-left: 0px;
}

.text-yellow0 {
    color: #f9e0ae !important;
}

.w-35 {
  width: 35% !important;
}
.w-65 {
  width: 65% !important;
}

 .star {
            color:#fdb52a;
        }
.ava {margin-bottom:0px !important;}

.ao {overflow: visible;}

/*lang*/
.modal-lang .modal-content {
 
    border-radius: 0.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.modal-lang .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #dee2e6;
}

.modal-lang .modal-header h5 {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
}

.modal-lang .modal-header .btn-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

.modal-lang .modal-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 15px 0;
}

.language-list .language-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 calc(33.333% - 10px);
    min-width: 100px;
    max-width: 150px;
    padding: 10px 15px; 
    border-color: #d1d5db!important;
    border-radius: 0.5rem;
    text-align: center;
    color: #495057;
    font-size: 1rem;
    font-weight: 500;
    text-transform: capitalize;
    transition: background 0.3s, color 0.3s, border-color 0.3s;
    cursor: pointer;
}

.language-list .language-btn img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;
}
.language-list .language-btn:hover {
    background-color: rgba(99, 102, 241, 0.1);
    color: #2b5cfd;
}
.language-list .btn-primary {
    background-color: rgba(223, 223, 255, 0.8) !important;

    color: #2b5cfd; 
    font-weight: bold;
}
.language-list .btn-outline-primary {
 
    border-color: #d1d5db;
    color: #0a1425;
}
.language-list .btn-outline-primary:hover {
   
    border-color: #2b5cfd;
    color: #2b5cfd;
}
.app_search{ margin:0px;}
@media (max-width: 1400px) {
    .show-1400 {
        display: none !important;
    }
}

.width-100 {max-width:100px !important;}
.wu,.form-res {display: none;}

/* === Login Modal (Modern Redesign) === */
.login-modal-card {
    border: none;
    border-radius: 1.25rem;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

/* Декоративный градиент сверху */
.login-modal-header-accent {
    height: 4px;
    background: linear-gradient(90deg, #2b5cfd 0%, #7c3aed 50%, #ec4899 100%);
    border-radius: 1.25rem 1.25rem 0 0;
}

/* Логотип в пузырьке */
.login-modal-logo-wrap {
    display: flex;
    justify-content: center;
}
.login-modal-logo-bubble {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(43,92,253,0.08) 0%, rgba(124,58,237,0.08) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}
.login-modal-logo-bubble:hover {
    transform: scale(1.05);
}
.login-modal-logo {
    opacity: 0.9;
    transition: opacity 0.2s;
}
.login-modal-logo:hover {
    opacity: 1;
}

/* Поля ввода — тонкие, с мягким фокусом */
.form-floating-modern .form-control {
    border: 1.5px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 1rem 0.875rem 0.4rem 0.875rem;
    height: auto;
    background: #f8fafc;
    transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}
.form-floating-modern .form-control:focus {
    border-color: #2b5cfd;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(43, 92, 253, 0.1);
}
.form-floating-modern .form-control::placeholder {
    color: #94a3b8;
}
.form-floating-modern label {
    color: #94a3b8;
    padding-left: 0.875rem;
    transition: color 0.2s;
}
.form-floating-modern .form-control:focus ~ label {
    color: #2b5cfd;
}

/* Кнопка входа */
.btn-login-modern {
    border: none;
    border-radius: 0.75rem;
    padding: 0.8rem 1.5rem;
    font-weight: 600;
    font-size: 1rem;
    color: #fff;
    background: linear-gradient(135deg, #2b5cfd 0%, #6366f1 100%);
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(43, 92, 253, 0.25);
}
.btn-login-modern:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(43, 92, 253, 0.35);
    color: #fff;
}
.btn-login-modern:active:not(:disabled) {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(43, 92, 253, 0.2);
}
.btn-login-modern:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Соцсети — стилизованные кнопки */
.social-btn {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.875rem;
    transition: all 0.25s ease;
    border: 1.5px solid #e2e8f0;
    background: #f8fafc;
}
.social-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    background: #fff;
    border-color: #cbd5e1;
}
.social-btn img {
    max-width: 28px;
    height: auto;
}

/* Разделитель соцсетей */
.social-divider {
    font-size: 0.8rem;
    position: relative;
}
.social-divider::before,
.social-divider::after {
    content: '';
    position: absolute;
    top: 50%;
    width: calc(50% - 100px);
    height: 1px;
    background: #e2e8f0;
}
.social-divider::before { left: 0; }
.social-divider::after { right: 0; }

/* Ссылки в модалке */
.login-modal-link {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s;
}
.login-modal-link:hover {
    color: #2b5cfd;
}

/* === User Panel — smooth transition === */
#user-panel {
    transition: opacity 0.15s ease;
}
#user-panel .auth-btn {
    white-space: nowrap;
    padding: 0 0.75rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.8125rem;
    background: rgba(43, 92, 253, 0.1);
    color: #2b5cfd;
    border: 0px;
    transition: background 0.15s, box-shadow 0.15s;
}
#user-panel .auth-btn:hover {
    background: rgba(43, 92, 253, 0.15);
    color: #2b5cfd;
    box-shadow: 0 2px 8px rgba(43, 92, 253, 0.2);
}

/* === Copy Button — icon-only with feedback === */
.js-copy {
    min-width: 36px;
    min-height: 36px;
    justify-content: center;
    transition: background 0.15s, color 0.15s;
}
.js-copy.is-copied {
    background: #10b981;
    border-color: #10b981;
    color: #fff;
}
.js-copy.is-copied .icon::before {
    content: '\ea52'; /* ni-check icon */
}

/* === Login Modal — error messages === */
#login-message.alert-danger {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    border-radius: 0.5rem;
}
#login-message.alert-info {
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e40af;
    border-radius: 0.5rem;
}

.res-message {font-weight: 500 !important; color: #64728f; text-align: center; font-size: 1.25rem;}

.fslightbox-source {     background-color: white; }

/* ===================================
   СЛАЙДЕР СКРИНШОТОВ - FIX
   =================================== */

/* Улучшение отображения скриншотов в слайдере */
.screenshot-img {
    width: 100%;
    height: auto;
    object-fit: contain;
    cursor: zoom-in;
    transition: transform 0.2s ease;
}

.screenshot-img:hover {
    transform: scale(1.02);
}

/* Фикс для swiper слайдера скриншотов */
.swiper.nk-swiper {
    overflow: hidden;
    width: 100%;
}

.swiper.nk-swiper .swiper-wrapper {
    display: flex;
}

.swiper.nk-swiper .swiper-slide {
    height: auto;
    flex-shrink: 0;
}

/* Адаптивность для скриншотов */
@media (max-width: 768px) {
    .screenshot-img {
        max-height: 250px;
    }

    .nk-swiper .swiper-slide {
        margin-right: 8px !important;
    }
}

/* Улучшение пагинации слайдера */
.swiper-pagination-s1 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    margin-top: 1rem !important;
}

.swiper-pagination-s1 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    opacity: 0.5;
    background: #2b5cfd;
}

.swiper-pagination-s1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #2b5cfd;
}

/* Фикс для лайтбокса - полноэкранный режим */
.fslightbox-container {
    background: rgba(0, 0, 0, 0.9) !important;
}

.fslightbox-image {
    max-height: 90vh !important;
    max-width: 90vw !important;
    object-fit: contain;
}

/* Индикатор загрузки для скриншотов */
.screenshot-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    background: #f5f5f5;
    border-radius: 0.5rem;
}

body.is-dark .screenshot-loading {
    background: #1f2128;
}

@media screen and (max-width: 768px) {
    .hmob {
      display: none;
    }
    .nk-banner-wrap {
      padding-top: 80px !important;
      padding-bottom: 100px !important;
    }
    /* Размер иконки app-страницы задаётся в header-cleanup.css (Round 13: 144→120→96) */
    .nk-banner h1 {
      font-size: 1.5rem !important;
    }
    .apps-download {
      width: 100% !important;
    }
  }



  .social_sign_in {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    justify-items: center;
    margin-top: 10px;
  }
  
  .social {
    display: inline-block;
    border-radius: 12px;
    background-color: #dfdfdf;
 
    padding: 10px; 


    transition: background-color 0.3s, box-shadow 0.3s;
  }
  
  .social img { 
    height: 30px;
    /*height: 52px;*/
    display: block;
    transition: filter 0.3s;
  }
  
  .social:hover {
    filter: brightness(0.85);
  }
  
  .social.vk { background-color: #0077FF; }
  .social.yandex { background-color: #fc3f1d; }
  .social.tinkoff { background-color: #303030; }
  .social.sber { background-color: #22a136; }
  .social.google { background-color: #f2f2f2; }
  
  .social-divider {
    font-size: 14px;
    color: #888;
    margin-bottom: 8px;
    position: relative;
  }

/* Изображения новостей и подборок - cropping по центру без искажений */
.news-item img,
.featuring-item img,
.selection-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
}

/* Универсальный класс для изображений с aspect ratio 16:9 */
.img-cover-16-9 {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
}

.img-cover-16-9 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Изображения в карточках приложений */
.app-item img,
.app-item-feat img {
    width: 100%;
    height: auto;
    object-fit: contain;
}


/* ===================================
   ОПТИМИЗАЦИЯ ПРОИЗВОДИТЕЛЬНОСТИ
   =================================== */

/* Lazy loading для изображений */
img.lazy {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

img.lazy.loaded {
  opacity: 1;
}

/* Placeholder для изображений */
img.lazy,
img[data-src] {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
}

@keyframes loading {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Предзагрузка критических изображений */
.link-prefetch:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMmI1Y2ZkIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuNSIvPjwvc3ZnPg==') no-repeat center;
  pointer-events: none;
}

/* Оптимизация анимаций */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Баннер-нотификация: Скачайте NashStore */
.nashstore-banner-notification {
  position: fixed;
  bottom: -100px;
  left: 0;
  right: 0;
  background: linear-gradient(135deg, #2b5cfd 0%, #1e40d4 100%);
  color: white;
  padding: 16px 24px;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
  z-index: 9999;
  display: none;
  animation: slideUp 0.3s ease-out forwards;
}
.nashstore-banner-notification.show { bottom: 0; }
.nashstore-banner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.nashstore-banner-text {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
}
.nashstore-banner-text .icon {
  font-size: 24px;
}
.nashstore-banner-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.nashstore-banner-close {
  background: rgba(255,255,255,0.2);
  border: none;
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.nashstore-banner-close:hover {
  background: rgba(255,255,255,0.3);
}
@keyframes slideUp {
  from { bottom: -100px; }
  to { bottom: 0; }
}
@media (max-width: 768px) {
  .nashstore-banner-content {
    flex-direction: column;
    gap: 12px;
  }
  .nashstore-banner-text {
    flex-direction: column;
    text-align: center;
  }
  .nashstore-banner-actions {
    width: 100%;
    justify-content: center;
  }
}

/* ===================================
   МОБИЛЬНАЯ ОПТИМИЗАЦИЯ
   =================================== */

/* Touch-friendly кнопки и ссылки */
@media (max-width: 768px) {
  /* Минимальный размер touch-целей 44x44px */
  a, button, .btn, input[type="submit"], input[type="button"] {
    min-height: 44px;
    min-width: 44px;
  }

  /* Увеличенные отступы для кнопок */
  .btn {
    padding: 0.75rem 1.5rem !important;
  }

  /* Оптимизация навигации */
  .nk-header-main {
    padding: 0.5rem 0 !important;
  }

  /* Крупные элементы управления */
  .dark-mode-toggle {
    width: 2.5rem;
    height: 2.5rem;
  }

  /* Увеличенные поля для форм */
  .form-control {
    font-size: 16px; /* Предотвращает zoom на iOS */
    padding: 0.75rem 1rem;
  }

  /* Оптимизация карточек приложений */
  .nash-app {
    max-width: 120px;
    max-height: 120px;
  }

  /* Слайдеры на всю ширину */
  .swiper-init {
    width: 100%;
  }

  /* Увеличенные интервалы для читаемости */
  p, li {
    line-height: 1.6;
    font-size: 1rem;
  }

  /* Заголовки */
  h1 { font-size: 1.75rem !important; }
  h2 { font-size: 1.5rem !important; }
  h3 { font-size: 1.25rem !important; }

  /* Отступы секций */
  .nk-section {
    padding: 2rem 1rem !important;
  }

  /* Карточки с тенью для глубины */
  .card {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }

  /* Липкий CTA внизу экрана */
  .mobile-sticky-cta {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    padding: 1rem;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
  }
}

/* Пейзажная ориентация */
@media (max-width: 896px) and (orientation: landscape) {
  .nk-banner {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  /* Скрываем не критичный контент */
  .hide-on-landscape {
    display: none !important;
  }
}

/* Большие телефоны (phablets) */
@media (min-width: 576px) and (max-width: 767px) {
  .container {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Оптимизация для iPhone */
@supports (-webkit-touch-callout: none) {
  /* iOS specific fixes */
  .nk-header-main {
    position: -webkit-sticky;
    position: sticky;
  }

  /* Предотвращение случайного зума */
  input, select, textarea {
    font-size: 16px !important;
  }
}

/* Android Chrome */
@supports (-moz-appearance: none) {
  /* Android specific fixes */
  .btn {
    -webkit-tap-highlight-color: transparent;
  }
}

/* Темы для мобильных */
@media (max-width: 768px) {
  body.is-dark {
    /* Более тёмная тема для AMOLED экранов */
    --bs-body-bg: #000000;
    --bs-dark: #000000;
  }
}

/* ===================================
   КРАСОТА И UX (UI/UX IMPROVEMENTS)
   =================================== */

/* Плавные переходы для всех интерактивных элементов */
a, button, .btn, .card, .app-item, .nash-app {
  transition: all 0.2s ease-in-out;
}

/* Эффект наведения на карточки приложений */
.app-item:hover,
.nash-app:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* Градиентные акценты для CTA кнопок */
.btn-primary {
  background: linear-gradient(135deg, #2b5cfd 0%, #6e61f3 100%);
  border: none;
  position: relative;
  overflow: hidden;
}

.btn-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.5s;
}

.btn-primary:hover::before {
  left: 100%;
}

/* Анимация появления контента */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  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; }

/* Улучшенные бейджи и метки */
.badge {
  padding: 0.35rem 0.75rem;
  border-radius: 2rem;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Бейдж "Новое" */
.badge-new {
  background: linear-gradient(135deg, #22c55e 0%, #0acf83 100%);
  color: white;
  animation: pulse 2s infinite;
}

/* Бейдж "Хит" */
.badge-hot {
  background: linear-gradient(135deg, #fa5b68 0%, #ef652a 100%);
  color: white;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* Улучшенная типографика */
.text-gradient {
  background: linear-gradient(135deg, #2b5cfd 0%, #6e61f3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Карточки с эффектом стекла */
.glass-card {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

body.is-dark .glass-card {
  background: rgba(31, 33, 40, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Разделители с градиентом */
.divider-gradient {
  height: 2px;
  background: linear-gradient(90deg, transparent, #2b5cfd, transparent);
  border: none;
  margin: 2rem 0;
}

/* Улучшенные тени для глубины */
.shadow-elevation-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.shadow-elevation-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.12);
}

.shadow-elevation-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.1);
}

/* Анимация загрузки скелетон */
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 0.5rem;
}

body.is-dark .skeleton {
  background: linear-gradient(90deg, #1f2128 25%, #2a2d35 50%, #1f2128 75%);
}

/* Улучшенные формы ввода */
.form-control:focus {
  border-color: #2b5cfd;
  box-shadow: 0 0 0 3px rgba(43, 92, 253, 0.15);
}

/* Визуальная обратная связь для кнопок */
.btn:active {
  transform: scale(0.98);
}

/* Улучшенная навигация с индикатором активной страницы */
.nk-nav-link.active {
  position: relative;
}

.nk-nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 3px;
  background: #2b5cfd;
  border-radius: 2px;
}

/* Scrollbar кастомизация */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

body.is-dark ::-webkit-scrollbar-track {
  background: #1f2128;
}

body.is-dark ::-webkit-scrollbar-thumb {
  background: #4a4e55;
}

body.is-dark ::-webkit-scrollbar-thumb:hover {
  background: #5a5e65;
}

/* Улучшенные карточки с hover-эффектом */
.card-hover-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover-lift:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

/* Индикаторы загрузки */
.spinner-gradient {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(43, 92, 253, 0.2);
  border-top-color: #2b5cfd;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Улучшенные изображения с рамкой */
.img-rounded-xl {
  border-radius: 1rem;
  overflow: hidden;
}

/* Эффект свечения для важных элементов */
.glow-effect {
  box-shadow: 0 0 20px rgba(43, 92, 253, 0.4);
}

.glow-effect:hover {
  box-shadow: 0 0 30px rgba(43, 92, 253, 0.6);
}

/* CTA Block: Скачать NashStore с QR */
.nk-cta-download {
  position: relative;
  overflow: hidden;
}

.nk-cta-download::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(43, 92, 253, 0.1) 0%, transparent 70%);
  animation: pulse-bg 8s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

@keyframes pulse-bg {
  0%, 100% {
    transform: scale(1);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
}

.nk-cta-download .btn-primary {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
}

.nk-cta-download .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(43, 92, 253, 0.4);
}

.nk-cta-download .bg-white {
  position: relative;
  z-index: 1;
}

.nk-cta-download img {
  transition: transform 0.3s ease;
}

.nk-cta-download img:hover {
  transform: scale(1.05);
}

/* Адаптивность для CTA блока */
@media (max-width: 991.98px) {
  .nk-cta-download .text-lg-start {
    text-align: center !important;
  }
  .nk-cta-download .justify-content-lg-start {
    justify-content: center !important;
  }
}

/* Bottom Banner: Скачать NashStore */
.download-banner {
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  background: linear-gradient(135deg, #2b5cfd 0%, #1e40d4 100%);
  color: white;
  padding: 1rem 0;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  transition: bottom 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.download-banner.show {
  bottom: 0;
}

.download-banner .banner-app-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: white;
  padding: 4px;
}

.download-banner h5 {
  color: white !important;
  font-size: 1rem;
}

.download-banner .btn-primary {
  background: white;
  color: #2b5cfd;
  border: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.download-banner .btn-primary:hover {
  background: #f0f0f0;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.download-banner .btn-outline-secondary {
  border-color: rgba(255, 255, 255, 0.5);
  color: white;
}

.download-banner .btn-outline-secondary:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: white;
}

.download-banner .text-muted {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Адаптивность для баннера */
@media (max-width: 767.98px) {
  .download-banner .banner-app-icon {
    width: 40px;
    height: 40px;
  }

  .download-banner h5 {
    font-size: 0.9rem;
  }

  .download-banner p {
    font-size: 0.75rem !important;
  }

  .download-banner .btn {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
  }

  .download-banner .gap-3 {
    gap: 0.75rem !important;
  }
}

/* Footer social links */
.nk-footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.nk-footer-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(43, 92, 253, 0.1);
  transition: all 0.3s ease;
}

.nk-footer-social-link:hover {
  background: rgba(43, 92, 253, 0.25);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(43, 92, 253, 0.2);
}

.nk-footer-social-link img {
  transition: transform 0.3s ease;
}

.nk-footer-social-link:hover img {
  transform: scale(1.1);
}

/* Home page layout - moved from inline styles */
.ns-grid-container {
    padding: 0 10px;
    padding-top: 10px;
}

.ns-banner-offset {
    margin-top: -170px;
}

@media (max-width: 768px) {
    .ns-banner-offset {
        margin-top: -80px;
    }
    .ns-grid-container {
        padding-top: 40px;
    }
}

/* ============================================================================
 * FIXES (round 2): улучшение контраста и читаемости
 * См. REPORT.md → раздел "Стили и оформление"
 * ============================================================================ */

/* /devs banner — повышаем контраст заголовка и подзаголовка
   Раньше: светлый текст на светлом фоне (issue: hero contrast). */
.nk-banner.nk-banner-codebase h1,
.nk-banner.nk-banner-codebase .display-6 {
    color: #0d1b2a !important;
    text-shadow: 0 1px 2px rgba(255,255,255,0.45);
    font-weight: 700;
}
.nk-banner.nk-banner-codebase .nk-section-subtitle {
    color: #1d4ed8 !important;
    font-weight: 600;
    letter-spacing: 0.02em;
}
.nk-banner.nk-banner-codebase p {
    color: #1f2937 !important;
}

/* Кнопки в hero /devs — гарантируем видимость на любом фоне */
.nk-banner.nk-banner-codebase .btn.btn-dark {
    background-color: #0d1b2a !important;
    border-color: #0d1b2a !important;
    color: #ffffff !important;
}
.nk-banner.nk-banner-codebase .btn.btn-outline-dark {
    color: #0d1b2a !important;
    border-color: #0d1b2a !important;
    background: transparent;
}
.nk-banner.nk-banner-codebase .btn.btn-outline-dark:hover {
    background-color: #0d1b2a !important;
    color: #ffffff !important;
}

/* Заглушка для битых обложек новостей и приложений */
.nk-news-img.is-broken,
img.is-broken,
.nk-cover-fallback {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    min-height: 160px;
    border-radius: 8px;
}

/* Фикс пустого hero на главной (когда .home_hero фон не загрузился) */
.nk-banner-home {
    background-color: #f8fafc;
    min-height: 480px;
}
.nk-banner-home h1 {
    color: #0d1b2a !important;
}
.nk-banner-home p {
    color: #334155 !important;
}

/* R9: убрано глобальное min-height: 60vh на .nk-section-text — било по всем страницам
   (/news, /news/store/3, /about, /contacts, /download, /search) и оставляло пустую дыру ~540px в hero.
   Для auth-страниц (если была задумка) лучше использовать отдельный класс на layout, а не информационный <p>. */
.is-auth-page main.nk-pages .nk-section-text {
    min-height: 60vh;
}

/* Подписи "(0)" к категориям — приглушенный цвет, чтобы пустые не отвлекали */
.nk-category-card .nk-category-count[data-count="0"],
.nk-category-card .nk-category-count.is-zero {
    color: #94a3b8;
    opacity: 0.7;
}

/* Поиск — пустые результаты visual */
.nk-search-empty {
    text-align: center;
    padding: 60px 20px;
    color: #64748b;
}
.nk-search-empty h3 {
    margin-bottom: 12px;
    color: #0f172a;
}

/* ============================================================================
 * FIXES (round 3): аудит nsbeta.ru — фиксы дизайна и оформления
 * ============================================================================ */

/* Раунд 3 #6: dropdown nav-link — мельче размер */
.dropdown-menu .nk-nav-link,
.nk-nav-sub .nk-nav-link,
.dropdown-menu li > a,
.nk-nav-sub li > a {
    font-size: 14px !important;
}

/* Раунд 3 #9: /games/categories — иконки приложений и категорий должны быть квадратами */
.cat-t .nk-frame,
.cat-t .app-info img,
.cat-t .nash-app,
.nk-section-categories .nash-app,
.nk-section-categories .nk-frame img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100% !important;
    height: auto !important;
    border-radius: 12px;
}
.cat-t .col-12.col-md-4.col-xl-2 a > img,
.cat-t .col-xl-2 img.rounded-2 {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    max-width: 288px;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
}

/* Раунд 3 #9: счётчик "(0)" в категориях — приглушённый, чтобы пустые категории не отвлекали */
.cat-t .btn-link {
    color: #1d4ed8;
}
.cat-t .btn-link[href]:has(+ * .text-muted) {
    opacity: 0.6;
}

/* Раунд 4 #10: страница приложения — кнопка "Скопировать" — ТОЛЬКО ИКОНКА */
.app-copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #1d4ed8;
    cursor: pointer;
    transition: all .2s ease;
    flex-shrink: 0;
}
.app-copy-btn:hover {
    background: #eff6ff;
    border-color: #bfdbfe;
}
.app-copy-btn em.icon {
    font-size: 16px;
    color: #1d4ed8;
    line-height: 1;
}
.app-copy-btn.is-copied {
    background: #dcfce7;
    border-color: #86efac;
}
.app-copy-btn.is-copied em.icon {
    color: #15803d;
}

/* Раунд 6: мягкие синие кнопки — без бордера, более жирный текст */
.app-report-btn,
.btn.text-bg-primary-soft {
    background-color: #dbeafe !important;
    border: 0 !important;
    color: #1d4ed8 !important;
    padding: 10px 16px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
}
.app-report-btn:hover,
.btn.text-bg-primary-soft:hover {
    background-color: #bfdbfe !important;
    color: #1e40af !important;
}

/* Раунд 6: кнопка "Войти" — размер как у кнопки выбора языка */
.auth-btn {
    padding: 0.4rem 0.95rem !important;
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
    font-weight: 500;
    border-radius: 8px;
    height: auto;
    display: inline-flex;
    align-items: center;
}
.auth-btn .icon {
    font-size: 16px;
    line-height: 1;
}

/* Раунд 6: иконки приложений — квадрат 1:1, фиксированный размер */
.nash-app {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    max-width: 144px !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 22% !important;
}

/* Скрины: не плющить — фиксированное соотношение 9:16, object-fit:cover */
.nash-screen {
    aspect-ratio: 9 / 16 !important;
    width: 100% !important;
    max-width: 220px !important;
    height: auto !important;
    object-fit: cover !important;
    background-color: #f3f4f6;
}
.nash-screen.large-slide,
.swiper-slide.large-slide .nash-screen,
.swiper-slide.large-slide .screenshot-img {
    aspect-ratio: 16 / 9 !important;
    max-width: 100% !important;
}
.screenshot-img {
    aspect-ratio: 9 / 16;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    background-color: #f3f4f6;
}

/* Раунд 6: блок "Другие подборки" — если пусто, не показывать */
.featuring-widget-empty,
.featuring-list:empty,
.nk-section-featuring:has(.row.gy-5:empty),
.featuring-widget-row:empty {
    display: none !important;
}

/* Раунд 3 #11: кнопка "Скрыть разрешения" в релизах */
.release-permissions-list.is-hidden {
    display: none;
}
.toggle-perm {
    margin-top: 8px;
}

/* Раунд 3 #15: правый блок в /news/* — если пуст, скрываем */
.news-sidebar:empty,
.nk-side-empty,
.nk-news-sidebar:empty {
    display: none !important;
}

/* Раунд 6: AOS — НИКОГДА не скрываем контент через opacity:0.
   Элементы [data-aos] всегда видимы. Анимация (если AOS отработает) — только лёгкий transform.
   Это гарантирует что страница не "прыгает" и не остаётся пустой если AOS не инициализирован,
   медленно стартует, или его JS вообще не загрузился. */
[data-aos] {
    opacity: 1 !important;
    visibility: visible !important;
}
[data-aos]:not(.aos-animate) {
    transform: none !important;
}
[data-aos].aos-init {
    transition: transform .35s ease;
}
@media (prefers-reduced-motion: reduce) {
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
    }
}
/* Reservируем высоту блоков чтобы избежать layout-shift */
.nk-section-apps-list,
.nk-section-trending,
.nk-section-popular {
    min-height: 320px;
}

/* Раунд 3 #1: главная — первые 2 экрана hero и steps должны быть видимы СРАЗУ (без ждания AOS) */
.nk-pages > .nk-banner:nth-of-type(-n+3),
.nk-pages > .nk-frame:nth-of-type(-n+2),
.nk-pages section.nk-banner:nth-of-type(-n+3),
main.nk-pages > section:nth-of-type(-n+3),
.nk-banner-home,
.nk-section-banner,
.nk-section-steps,
.nk-banner.nk-banner-codebase,
.nk-banner-content.home-codebase {
    opacity: 1 !important;
    visibility: visible !important;
    display: block;
}
.nk-pages > .nk-banner:nth-of-type(-n+3) [data-aos],
main.nk-pages > section:nth-of-type(-n+3) [data-aos],
.nk-banner-home [data-aos],
.nk-section-banner [data-aos],
.nk-section-steps [data-aos],
.home-codebase [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}
/* Принудительно видимый hero */
.nk-banner-content {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Раунд 3 #22: broken section-cover изображения — скрываем и рисуем градиентный fallback */
img[alt="section-cover"],
img[alt="section-cover-children"],
img[alt="cover-frame-children"] {
    background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 50%, #ddd6fe 100%);
    border-radius: 16px;
    min-height: 200px;
    object-fit: contain;
}
img[alt="section-cover"]:not([src]),
img[alt="section-cover"][src=""] {
    display: block;
    width: 100%;
    height: 300px;
}

/* Раунд 3 #1: список приложений на главной — обрыв исправлен через сетку */
.nk-section-apps-grid .row {
    align-items: stretch;
}
.nk-section-apps-grid .app-info {
    display: flex;
    flex-direction: column;
}

/* Раунд 3 #14: рейтинг в карточке dev-страницы должен быть виден */
.nk-dev-apps .app-info .rating,
.nk-dev-apps .nk-app-rating {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    font-size: 13px;
}

/* Раунд 3 #2: непереведённые ключи [static.xxx] не показывать как сырой текст */
[data-i18n-fallback] {
    display: inline-block;
}

/* === Раунд 3 #17 — /enterprise: фикс контраста текста на тёмном фоне === */
.nk-banner-enterprise,
.nk-banner-enterprise * {
    color: #f3f4f6 !important;
}
.nk-banner-enterprise .text-muted,
.nk-banner-enterprise p,
.nk-banner-enterprise small {
    color: #d1d5db !important;
}
.nk-banner-enterprise h1,
.nk-banner-enterprise h2,
.nk-banner-enterprise h3 {
    color: #ffffff !important;
}
/* Универсальный фикс: тёмный фон + темный текст в хедерах */
[class*="bg-dark"] .text-muted,
[class*="bg-purple"] .text-muted,
[style*="background"][style*="#1a"]  .text-muted {
    color: #cbd5e1 !important;
}

/* === Раунд 3 #16 — /download: контраст subtitle === */
.nk-banner-download .text-muted,
.nk-banner-download p {
    color: #4b5563 !important;
}

/* === Раунд 3 #7,8: /devs, /about, /privacy — пустые страницы. Минимальный fallback fillet === */
.nk-pages:empty::after,
main.nk-pages:not(:has(section)):not(:has(.nk-banner))::after {
    content: "Загрузка содержимого…";
    display: block;
    text-align: center;
    padding: 80px 20px;
    color: #6b7280;
    font-size: 18px;
}

/* === Раунд 3 #13 — /news: карточки новостей без обложек — добавляем плейсхолдер === */
.news-thumb img:not([src]),
.news-thumb img[src=""],
.nk-news-thumb img:not([src]),
.nk-news-thumb img[src=""] {
    display: block;
    width: 100%;
    height: 200px;
    background: linear-gradient(135deg, #ddd6fe, #c7d2fe);
    border-radius: 8px;
}

/* === Раунд 3 — модал входа: гарантия видимости === */
.login-modal-modern.modal.show {
    display: block !important;
}
.login-modal-modern .modal-dialog {
    margin-top: 5vh;
}
.login-modal-card {
    border-radius: 16px;
    overflow: hidden;
}
.login-modal-header-accent {
    height: 6px;
    background: linear-gradient(90deg, #8b5cf6, #ec4899, #3b82f6);
}

/* === Раунд 3 #4 — search placeholder в header сейчас всегда RU из-за неперевода === */
/* Фикс — после правки переводов уже работает, но добавим стиль search input */
.app_search .form-control[placeholder]:lang(ar) {
    text-align: right;
}

/* === Enterprise: форма поверх SVG-декора === */
.nk-banner-form-wrap {
    position: relative;
    z-index: 5;
}
.nk-form-card {
    position: relative;
    z-index: 5;
}

/* === Раунд 4 #1: фикс пустого hero на главной =================
 * Корневая причина: пустой #grid-container-ns не имеет высоты,
 * а следующая секция .ns-banner-offset имеет margin-top: -170px,
 * поэтому hero визуально перекрывается. Добавляем min-height
 * к контейнеру и убираем отрицательный margin когда контейнер пуст.
 */
#grid-container-ns,
.ns-grid-container {
    min-height: 1px;
}
.ns-grid-container:empty {
    display: none;
}
.ns-grid-container:empty + .ns-banner-offset,
.ns-banner-offset {
    margin-top: 60px !important;
}
@media (max-width: 768px) {
    .ns-banner-offset {
        margin-top: 30px !important;
    }
}
/* Гарантируем видимость hero-контента */
#grid-container-next,
#grid-container-next .nk-banner-content,
#grid-container-next .nk-banner-content.home-codebase {
    opacity: 1 !important;
    visibility: visible !important;
    display: block;
    position: relative;
    z-index: 2;
}
#grid-container-next .nk-banner-content > * {
    opacity: 1 !important;
    transform: none !important;
}
#grid-container-next h1,
#grid-container-next .display-6 {
    position: relative;
    z-index: 3;
}
#grid-container-next .d-flex.gap-3 {
    position: relative;
    z-index: 3;
}
/* === Раунд 7 (баг #1, #5): убираем огромный пустой gap между hero/launcher и блоком stats =================
 * Раньше: inline margin-bottom: 70px + дубль pt-5 pt-lg-6 + nk-feature-abouts.pb-7 pb-lg-120 давали ~500px пустоты.
 * Теперь: nk-banner-launcher имеет умеренные верхний/нижний паддинги и не накладывается на стартовую секцию.
 */
.nk-banner-launcher {
    padding-top: 12px;
    padding-bottom: 24px;
    margin-bottom: 24px;
}
.nk-banner-launcher .nk-r {
    text-align: center;
    justify-content: center !important;
    align-items: center !important;
}
.nk-banner-launcher .nk-r ul,
.nk-banner-launcher .nk-r a,
.nk-banner-launcher .nk-r img,
.nk-banner-launcher .nk-r li {
    text-align: center;
    justify-content: center;
}
.nk-banner-launcher .nk-banner-d {
    text-align: center;
}
@media (min-width: 992px) {
    .nk-banner-launcher .nk-r { text-align: right; justify-content: flex-end !important; align-items: flex-end !important; }
    .nk-banner-launcher .nk-r ul,
    .nk-banner-launcher .nk-r a,
    .nk-banner-launcher .nk-r img,
    .nk-banner-launcher .nk-r li { text-align: right; justify-content: flex-end; }
    .nk-banner-launcher .nk-banner-d { text-align: left; }
}
.nk-banner-launcher + .nk-section.nk-feature-abouts {
    padding-top: 32px;
}
.nk-banner-launcher .nk-banner-notice {
    margin-top: 8px;
    padding-top: 0;
}
.nk-banner-launcher .nk-banner-notice .nk-section-text {
    line-height: 1.5;
    font-size: 16px;
    margin: 0;
}

/* === Раунд 7 (баг #14): /services и /service/* — слишком большие отступы =================== */
.nk-section-services-detail,
.nk-section-services {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}
.nk-section-services-detail .container,
.nk-section-services .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
@media (max-width: 768px) {
    .nk-section-services-detail,
    .nk-section-services {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
}

/* === Раунд 7 (баг #10): кнопка Войти — стиль как у языка (transparent + dark text) ====== */
.nk-header .btn-login,
.nk-header a[href*="sign_in"],
.nk-header a[href*="/login"] {
    background: transparent !important;
    color: var(--bs-primary, #1B56D4) !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
}
.nk-header .btn-login:hover,
.nk-header a[href*="sign_in"]:hover,
.nk-header a[href*="/login"]:hover {
    background: rgba(0,0,0,0.04) !important;
    color: var(--bs-primary, #1B56D4) !important;
}

/* === Раунд 7 (баг #9): хедер на планшетах — кнопки на одной строке, без переноса ===== */
@media (max-width: 991px) {
    .nk-header .nk-header-tools {
        flex-wrap: nowrap;
        gap: 8px;
    }
    .nk-header .nk-header-tools > * {
        flex-shrink: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .nk-header .nk-header-tools {
        white-space: nowrap;
    }
    .nk-header .nk-header-tools .btn-login,
    .nk-header .nk-header-tools .lang-switcher {
        font-size: 14px;
        padding: 6px 12px;
    }
}

/* === Раунд 7 (баг #11): форма входа — расширяем до читаемой ширины и логотип отображаем === */
.login-form-wrap,
.nk-login-form,
.nk-auth-card {
    min-width: 360px;
    max-width: 480px;
    margin: 0 auto;
}
@media (max-width: 480px) {
    .login-form-wrap,
    .nk-login-form,
    .nk-auth-card {
        min-width: 0;
        width: 100%;
    }
}
.nk-login-form img.login-logo,
.nk-auth-card img.login-logo,
.nk-login-form .auth-logo img {
    display: block !important;
    max-width: 96px;
    height: auto;
    margin: 0 auto 16px;
}

/* === Раунд 7 (баг #12): /news/store/N — увеличиваем мелкие лого/иконки в новостях === */
.nk-section-blog-content .nk-entry img[alt*="logo"],
.nk-section-blog-content .nk-entry img[width="40"],
.nk-section-blog-content .nk-entry img[width="48"],
.nk-section-blog-content .nk-entry img[width="56"] {
    min-width: 64px;
    width: auto;
    height: auto;
    max-height: 96px;
}

/* === Раунд 8 (BUG-24): /devs — скрываем admin dropdowns/edit-widgets,
       которые могут быть инжектированы внешними расширениями или
       admin-bar'ами. Защитный CSS для непривилегированных пользователей. === */
body:not(.is-admin-authenticated) [data-admin-widget],
body:not(.is-admin-authenticated) .admin-edit-dropdown,
body:not(.is-admin-authenticated) .nk-admin-floating,
body:not(.is-admin-authenticated) [data-role="admin-edit"],
body:not(.is-admin-authenticated) .admin-context-menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* === Раунд 8 (BUG-19/20): EN/DE — placeholder и UI-строки на русском === */
/* Этот fix выполнен на уровне templates/components/header.html, см. ниже. */

/* ============================================================================
 * AUDIT nsbeta: дизайн-фиксы (#449–#502)
 * ============================================================================ */

/* #462: Hero CTA кнопки — одинаковый визуальный вес */
.home-codebase .btn-primary,
.home-codebase .btn-outline-primary {
    font-weight: 600;
    padding: 0.75rem 2rem;
    border-radius: 0.625rem;
}
.home-codebase .btn-outline-primary {
    border-width: 2px;
}

/* #467: text-transform: none уже глобально, доп. для breadcrumb */
.page-header .breadcrumb-eyebrow,
.nk-section-subtitle {
    text-transform: none !important;
}

/* #470: карточки приложений одной высоты */
.apps .app-info {
    min-height: 220px;
}
.apps .app-info img.nash-app {
    width: 100% !important;
    max-width: 144px !important;
    aspect-ratio: 1 / 1;
}

/* #475: App шапка — уменьшить высоту */
.app-header-wrap {
    padding-top: 24px !important;
    padding-bottom: 16px !important;
}
.app-header-wrap .media-lgxxx {
    width: 8rem;
    height: 8rem;
}

/* #478: активный таб — усиленный акцент */
.nav-tabs .nav-link.active,
.nk-nav-tabs .nav-link.active {
    border-bottom-width: 3px !important;
    border-bottom-color: var(--bs-primary, #2b5cfd) !important;
    font-weight: 600;
}

/* #479: полузвезда рейтинга */
.rating-stars .star-half {
    position: relative;
    display: inline-block;
    color: #e5e7eb;
}
.rating-stars .star-half::before {
    content: '\2605';
    position: absolute;
    left: 0;
    overflow: hidden;
    color: #fdb52a;
}

/* #480: аватары отзывов — нормальный placeholder */
.review-card .avatar img,
.review-avatar img {
    background-color: #e5e7eb;
    border-radius: 50%;
}
.review-card .avatar img[src=""],
.review-card .avatar img:not([src]) {
    background: linear-gradient(135deg, #dbeafe, #e0e7ff);
}

/* #481: кнопки лайк/дизлайк — уменьшить */
.review-card .reactions button,
.review-actions button {
    font-size: 13px;
    padding: 4px 10px;
    min-width: auto;
}

/* #482: бейдж версии — нормальный регистр */
.release-card .release-badge,
.release-badge {
    text-transform: none !important;
}

/* #484: зелёная галочка — aria-label уже есть в шаблоне, добавим тултип стиль */
.verified-icon,
.ni-check-circle-fill[title] {
    cursor: help;
}

/* #485: Enterprise hero — разный вес CTA */
.nk-banner-enterprise .btn-primary {
    font-weight: 700;
}
.nk-banner-enterprise .btn-outline-light,
.nk-banner-enterprise a[href^="mailto"] {
    font-weight: 400;
    opacity: 0.85;
}

/* #486: Enterprise submit — не full-width */
.enterprise-form button[type="submit"],
.feedback-form button[type="submit"] {
    max-width: 280px;
}

/* #487: партнёрские лого — единая высота */
.partners-row img,
.nk-partners img,
.partner-logo {
    height: 40px;
    width: auto;
    object-fit: contain;
    border-radius: 8px;
}

/* #489: контакты — иконки все filled */
.contact-card .card-icon .icon,
.nk-section .media .icon {
    font-weight: 900;
}

/* #492: секции — единая spacing-шкала */
.nk-section {
    padding-top: 48px;
    padding-bottom: 48px;
}
@media (min-width: 992px) {
    .nk-section {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}

/* #499: a11y — декоративные img с пустым alt */
img[alt="section-cover"],
img[alt="section-cover-children"] {
    aria-hidden: true;
}

/* #500: хедер адаптивность — поле поиска не обрезается */
@media (max-width: 1200px) {
    .apps-search {
        width: 160px;
    }
    .apps-search input {
        font-size: 0.75rem;
    }
}
@media (max-width: 991px) {
    .apps-search {
        display: none !important;
    }
}

/* #501: кнопка «вверх» не перекрывает карточки */
.scroll-to-top,
.nk-scroll-top {
    right: 16px !important;
    bottom: 80px !important;
    z-index: 99;
}
@media (max-width: 768px) {
    .scroll-to-top,
    .nk-scroll-top {
        right: 12px !important;
        bottom: 70px !important;
        width: 36px !important;
        height: 36px !important;
    }
}

/* ============================================================================
 * AUDIT nsbeta: дизайн-фиксы batch2 (#449–#502)
 * ============================================================================ */

/* #449: Активный пункт меню на вложенных страницах */
.nk-nav > .nk-nav-item.current-page > .nk-nav-link > .nk-nav-text {
    color: var(--bs-primary, #2b5cfd);
    font-weight: 600;
}
.nk-nav > .nk-nav-item.current-page > .nk-nav-link::after {
    display: none !important;
}
.nk-nav > .nk-nav-item.current-page > .nk-nav-link {
    position: relative;
}

/* #457: Хедер поиск — увеличить ширину на десктопе */
@media (min-width: 1201px) {
    .nk-header-action .apps-search {
        width: 280px;
    }
    .nk-header-action .apps-search input {
        font-size: 0.875rem;
    }
}

/* #458: Кнопки «Скачать» и «Войти» — согласованные стили */
.nk-header-action .auth-btn {
    font-size: 0.8125rem;
    padding: 0.5rem 1.25rem;
    border-radius: 0.5rem;
}
.nk-header-action .apps-download > .btn-primary {
    font-size: 0.8125rem;
    padding: 0.5rem 1.25rem;
    border-radius: 0.5rem;
}

/* #466: QR-карточка — согласованный стиль */
.nk-cta-download .bg-white {
    border: 1px solid rgba(0,0,0,0.08);
}
.nk-nav-mega-qr img {
    border-radius: 8px;
}

/* #468: Чипы-фильтры — увеличить gap между рядами */
.nk-section-head .nav-btn-group + .nav-btn-group {
    margin-top: 16px !important;
    padding-top: 12px;
    border-top: 1px solid rgba(0,0,0,0.06);
}
.nav-btn-group {
    gap: 8px !important;
}

/* #469: Дублирующая строка поиска /android — убрать лишний воздух */
.nk-filter-wrap {
    padding-top: 0;
    padding-bottom: 0;
}
.nk-section-pricing + .nk-section-pricing {
    padding-top: 0 !important;
}

/* #483: Dev шапка-баннер — центрировать контент */
.nk-banner-shop .nk-banner-wrap {
    max-width: 100%;
}
.nk-banner-shop .nk-banner-content {
    max-width: 800px;
    margin: 0 auto;
}

/* #476: Кнопка «...» — увеличить кликабельную зону */
.app-report-btn {
    min-width: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* #477: Метаполоса — иконки все filled */
.nk-banner-career-job-details .text-primary .icon {
    font-weight: 900;
}

/* #491: CSS custom properties — системная палитра */
:root {
    --ns-primary: #2b5cfd;
    --ns-primary-soft: #e8eeff;
    --ns-accent: #6366f1;
    --ns-neutral-50: #f9fafb;
    --ns-neutral-100: #f3f4f6;
    --ns-neutral-200: #e5e7eb;
    --ns-neutral-300: #d1d5db;
    --ns-neutral-500: #6b7280;
    --ns-neutral-700: #374151;
    --ns-neutral-900: #111827;
    --ns-success: #10b981;
    --ns-warning: #f59e0b;
    --ns-danger: #ef4444;
}

/* #493: Типографическая иерархия — modular scale */
h1, .display-6 { font-size: clamp(1.75rem, 3vw + 0.5rem, 3rem); }
h2 { font-size: clamp(1.5rem, 2vw + 0.5rem, 2.25rem); }
h3 { font-size: clamp(1.25rem, 1.5vw + 0.5rem, 1.75rem); }
h4 { font-size: clamp(1.125rem, 1vw + 0.5rem, 1.5rem); }
.nk-section-title {
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* #456: Соцсети в одну линию на мобильных */

/* #473: Топ badge — compact badge рядом с иконкой */
.app-number {
    font-size: 1rem !important;
}

/* #474: Топ — согласованные стили контролов */
#top-filter-form .form-select {
    border-radius: 2rem;
    border: 2px solid #dee2e6;
    font-size: 0.875rem;
    padding: 0.5rem 2rem 0.5rem 1rem;
    background-color: #fff;
}
#top-filter-form .nk-pricing-toggle label {
    font-size: 0.875rem;
    padding: 0.5rem 1.5rem;
}

/* #472: Категории — чередование цветов блоков */
.cat-t .col-12:nth-child(odd) .card {
    background-color: #e8eeff !important;
}
.cat-t .col-12:nth-child(even) .card {
    background-color: #f0fdf4 !important;
}

/* #454: Категории — поиск скрыт через шаблон (store-header.html) */
.nk-footer-social {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
@media (max-width: 576px) {
    .nk-footer-social li a {
        width: 40px;
        height: 40px;
    }
    .nk-footer-social .icon_new {
        width: 20px;
        height: 20px;
    }
}

/* #518: Permissions — длинные строки не выезжают за блок */
.nk-timeline-content {
    overflow-wrap: break-word;
    word-break: break-all;
    max-width: 100%;
}

/* #525: Кнопки лайков в отзывах — компактнее */
.review-actions .btn {
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
}

/* #524: Кнопка "Вверх" — проще и меньше */
.scroll-top {
    width: 36px;
    height: 36px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: none !important;
    z-index: 999;
}

/* #645: Scroll-top не перекрывает карточки на мобильных */
@media (max-width: 767px) {
    .scroll-top { bottom: 16px; right: 8px; }
}

/* Гамбургер компактнее на мобиле */
.nk-navbar-toggle .btn {
    padding: 4px 8px;
    line-height: 1;
}
.nk-navbar-toggle .btn .icon {
    font-size: 1.1rem;
}

/* btn-link: скрыть текст на мобиле, оставить иконку */
@media (max-width: 767px) {
    .btn-link > span { display: none; }
    .btn-link .icon + span,
    .btn-link span + .icon { margin-left: 0; }
}

/* #630: Alt-текст не ломает вёрстку иконки приложения */
.nash-big-icon {
    overflow: hidden;
}
.nash-big-icon img {
    object-fit: cover;
}
img.nash-app {
    font-size: 0;
    color: transparent;
}

/* #632: Truncate заголовок и описание на карточках */
/* Round 13: убрали white-space:nowrap — тайтлы обрезались в 1 строку.
   Сейчас .app-card-title сам делает line-clamp:2 (см. ниже). */
.app-info h6 {
    overflow: hidden;
    text-overflow: ellipsis;
}
.app-info p.text-gray-800 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* #534: App баннер — уменьшить отступ снизу в мобилке */
@media (max-width: 991px) {
    .nk-banner-wrap.pb-lg-320 {
        padding-bottom: 60px !important;
    }
}

/* #503: nk-frame-seven-a — ограничение размеров картинок */
.nk-frame-seven-a img {
    max-width: 100%;
    object-fit: contain;
}

/* #514: Скрыть mobile-sticky-cta на мобилке */
@media (max-width: 991px) {
    .mobile-sticky-cta {
        display: none !important;
    }
}

/* #513: Кнопки навигации store — компактнее на мобилке */
@media (max-width: 767px) {
    .nk-store-nav .btn,
    .nav-btn-group .btn {
        padding: 0.35rem 0.75rem;
        font-size: 0.8rem;
    }
}

/* #506: Отступ сверху на статических страницах (кроме app page с собственным pt-100) */
.nk-pages > section:first-child:not(.nk-banner-career-job-details) {
    padding-top: 120px !important;
}
@media (max-width: 991px) {
    .nk-pages > section:first-child:not(.nk-banner-career-job-details) {
        padding-top: 80px !important;
    }
}

/* Аватар с буквами (когда нет фото пользователя) */
.avatar-letters {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* #530: Кнопка «Войти» — выровнять высоту с «Язык» и «Скачать» */
.nk-header-action .auth-btn {
    padding: 0.5rem 1rem;
    line-height: 1.5;
}

/* #509: Активный пункт навигации — фоновая подсветка вместо полоски */
.nk-nav > .nk-nav-item.current-page > .nk-nav-link {
    background: rgba(43, 92, 253, 0.08);
    border-radius: 8px;
    border-bottom: none !important;
}
.nk-nav > .nk-nav-item.current-page > .nk-nav-link::after {
    display: none !important;
}
.nk-nav > .nk-nav-item.current-page.has-sub > .nk-nav-toggle::after {
    display: inline-block !important;
}

/* #547: Skeleton-анимация для иконок приложений — фиолетовый «блик по металлу» */
.nash-app {
    background: linear-gradient(110deg, #c4b5fd 0%, #a78bfa 30%, #ddd6fe 50%, #a78bfa 70%, #c4b5fd 100%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.4s ease-in-out infinite;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 22%;
}
.nash-app.is-loaded,
.nash-app.is-broken {
    animation: none;
    background: none;
}
@keyframes skeleton-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Nav buttons — small gap between action buttons in header */
.nk-header-action .nk-btn-group > li + li {
    margin-left: 4px;
}
.nk-header-action .nk-btn-group {
    align-items: center;
}
.nk-header-action .nk-btn-group > li {
    display: flex;
    align-items: center;
}

/* #538: About — фото не заезжает на кнопки на мобилке */
@media (max-width: 767px) {
    .nk-video-img img {
        max-height: 300px;
        object-fit: contain;
    }
}

/* #536: Enterprise мобилка — увеличить иконки партнёров */
@media (max-width: 767px) {
    .nk-banner-business-solution .nk-brand img {
        min-width: 48px;
        min-height: 48px;
    }
}

/* #531: Login modal — шире, тёмные шрифты, кнопка читаемая */
.login-modal-modern .modal-dialog {
    max-width: 420px !important;
}
.login-modal-modern .modal-body {
    padding: 1.5rem 2rem !important;
}
.login-modal-modern .login-modal-logo-bubble {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
.login-modal-modern .login-modal-logo {
    width: 70% !important;
    max-width: 180px;
}
.login-modal-modern h5,
.login-modal-modern label,
.login-modal-modern .form-floating-modern label {
    color: #1f2937 !important;
}
.login-modal-modern p {
    color: #4b5563 !important;
}
.login-modal-modern .btn-login-modern {
    background: var(--ns-primary, #2b5cfd) !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.65rem 1.5rem;
    border: none;
}
.login-modal-modern .btn-login-modern:disabled {
    opacity: 0.6;
}

/* #515: App кнопки Скачать/Видео — позиционирование */
@media (min-width: 992px) {
    .nk-banner-career-job-details .col-md-2 .mt-8 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
}
@media (max-width: 991px) {
    .nk-banner-career-job-details .col-md-2 .mt-8 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }
}

/* #508: Бургер-меню — кнопки стеком */
@media (max-width: 991px) {
    .nk-navbar-btn .nk-btn-group {
        flex-direction: column !important;
        gap: 8px;
    }
    .nk-navbar-btn .nk-btn-group > li {
        width: 100%;
    }
    .nk-navbar-btn .nk-btn-group > li > .btn,
    .nk-navbar-btn .nk-btn-group > li > a {
        width: 100%;
    }
    .nk-navbar-btn .nk-btn-group > li.d-flex {
        flex-direction: row !important;
        gap: 8px;
    }
}

/* #526: Категории мобилка — уменьшить иконки */
@media (max-width: 767px) {
    .nk-section-categories .col-12 .col-md-4 img {
        max-width: 80px;
    }
}

/* #539: Docs мобилка — отступ от шапки, компактное меню */
@media (max-width: 991px) {
    .nk-docs-content {
        padding-top: 24px;
    }
    .nk-docs-sidebar .nav-link {
        padding: 0.4rem 0.75rem;
    }
}
/* #36: Docs — название впритык к шапке, меню воздушное */
@media (max-width: 991px) {
    .nk-section.pt-120 .nk-section-head h2,
    .nk-section.pt-120 .nk-block-head h2 {
        margin-top: 0;
    }
    .nk-entry-sidebar .nk-list-link li {
        padding: 0.25rem 0;
    }
    .nk-entry-sidebar .nk-list-link a {
        padding: 0.4rem 0.75rem;
        font-size: 0.9rem;
    }
}

/* #543: Главная — кнопки hero уменьшить ~30% */
.home-codebase .btn-lg {
    font-size: 0.9rem;
    padding: 0.6rem 1.5rem;
}

/* #516: Горизонтальные скриншоты — double width */
.swiper-slide.large-slide {
    width: 50% !important;
    flex-shrink: 0;
}
@media (max-width: 575px) {
    .swiper-slide.large-slide {
        width: 100% !important;
    }
}

/* #519: Dev sort — единый стиль с поиском */
.dev-sort-dropdown .dropdown-toggle {
    border: 1px solid #e5e7eb !important;
    background: #fff;
    color: #333;
}

/* #520: Top page — фильтры */
#top-filter-form .form-select {
    text-align: left !important;
}

/* #546: Header — user-panel: фиксированная высота для предотвращения layout shift */
#user-panel {
    height: 36px;
    min-width: 80px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
#user-panel .nk-nav {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
#user-panel .nk-nav .nk-nav-item {
    height: 100%;
    display: flex;
    align-items: center;
}
.nk-header .user-avatar-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 0.75rem;
    border-radius: 0.5rem;
    background: var(--ns-primary-soft, rgba(43, 92, 253, 0.1));
    transition: background 0.2s;
}
.nk-header .user-avatar-btn:hover {
    background: var(--ns-primary-soft-hover, rgba(43, 92, 253, 0.18));
}
.nk-header .user-avatar-btn img.user-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}
.nk-header .user-skeleton-btn {
    display: block;
    width: 80px;
    height: 36px;
    border-radius: 0.5rem;
    background: linear-gradient(90deg, #e8ecf1 25%, #dce3ea 50%, #e8ecf1 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s infinite;
}
#user-panel .auth-btn {
    display: inline-flex;
    align-items: center;
    height: 36px;
    white-space: nowrap;
}
.auth-btn {
    white-space: nowrap;
}

/* #541: Главная — скрыть декоративные блюр-картинки (лишний элемент) */
.nk-frame-18 {
    overflow: hidden;
    pointer-events: none;
    max-height: 0;
}

/* #41: Утилита pb-lg-60 — отступ 60px снизу на десктопе */
@media (min-width: 992px) {
    .pb-lg-60 {
        padding-bottom: 60px !important;
    }
}

/* #520: Top — фильтры компактнее */
.nk-pricing-toggle-s1 {
    min-width: auto;
}

/* Fix 13: Screenshots — prevent full-width flash before Swiper init */
.swiper-init:not(.swiper-initialized) {
    overflow: hidden;
    display: flex;
    gap: 12px;
}
.swiper-init:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
}
.swiper-init:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 auto;
    width: 25%;
    max-width: 220px;
}
.swiper-init:not(.swiper-initialized) .swiper-slide.large-slide {
    width: 50%;
    max-width: 440px;
}
@media (max-width: 767px) {
    .swiper-init:not(.swiper-initialized) .swiper-slide {
        width: 50%;
    }
    .swiper-init:not(.swiper-initialized) .swiper-slide.large-slide {
        width: 100%;
    }
}

/* BUG-020: About page — уменьшить вертикальные пустоты между секциями */
[data-page="about"] .nk-section {
    padding-top: 32px;
    padding-bottom: 32px;
}
@media (min-width: 992px) {
    [data-page="about"] .nk-section {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}

/* BUG-024: Меню NashStore → переименовать в навигации, дублирование с Company */

/* R23: удалено дублирующее #nashstore-download-banner { right:16px; bottom:16px }
   конфликтовавшее с .nashstore-banner-notification (левая плашка на всю ширину).
   Баннер теперь позиционируется только правилами .nashstore-banner-notification. */

/* #9c: Sort dropdown — поверх футера на мобилке */
@media (max-width: 991px) {
    .search-sort-dropdown .dropdown-menu,
    .dev-sort-dropdown .dropdown-menu,
    #top-filter-form .dropdown-menu {
        z-index: 1050 !important;
        position: fixed !important;
        bottom: auto !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 90vw;
        max-width: 320px;
    }
}

/* Task 1: breadcrumb top padding на app page */
.nk-banner-career-job-details .nk-banner-wrap.pt-100 {
    padding-top: 80px !important;
}
@media (min-width: 992px) {
    .nk-banner-career-job-details .nk-banner-wrap.pt-lg-100 {
        padding-top: 90px !important;
    }
}

/* Task 7: tab border 1px вместо 3px — убрать скачок */
.nav-tabs .nav-link.active,
.nk-nav-tabs .nav-link.active {
    border-bottom-width: 2px !important;
}

/* Task 9: Screenshots — фиксированная высота до Swiper init */
.swiper-init {
    min-height: 280px;
    overflow: hidden;
}
@media (max-width: 575px) {
    .swiper-init {
        min-height: 200px;
    }
}

/* Task 11: кнопка языка — уже горизонтальные отступы */
.language-selector .btn {
    padding-left: 0.5rem;
    padding-right: 0.75rem;
    gap: 4px;
}
.language-selector .btn .me-1 {
    margin-right: 0 !important;
}

/* Task 12: Language modal — флаги выровнены, модал уже */
.language-modal .modal-dialog {
    max-width: 480px;
}
.language-modal .btn {
    justify-content: flex-start;
    text-align: left;
}
.language-modal .btn img {
    flex-shrink: 0;
}

/* Task 17: app cards — aspect ratio на мобилке */
@media (max-width: 767px) {
    .apps.app-info img.nash-app {
        aspect-ratio: 1/1;
        object-fit: cover;
    }
}

/* Описание приложения — CSS-clamp вместо JS-вычисления высоты */
.description-container.is-collapsed {
    display: -webkit-box;
    -webkit-line-clamp: 30;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* #565: Модалка языка — шире на 25% */
.language-modal .modal-dialog {
    max-width: 600px;
}

/* #566: Иконки приложений — скруглённые в диапазоне 385-768px */
@media (min-width: 385px) and (max-width: 767px) {
    .apps.app-info img.nash-app {
        border-radius: 22% !important;
    }
}

/* #566: Иконки категорий — не расти при <1200px */
@media (max-width: 1199px) {
    .nk-section-categories .media-lgxxx img,
    .nk-cta-card .media-lgxxx img {
        max-width: 64px;
        max-height: 64px;
    }
    .nk-cta-card .media-lgxxx {
        min-width: auto;
    }
}

/* #569: Top — переключатель периода: убрать чёрный фон, компактный */
.nk-pricing-toggle-s1 {
    background: var(--ns-primary-soft, rgba(43, 92, 253, 0.08));
    border-radius: 0.5rem;
    padding: 2px;
    min-height: auto !important;
    height: auto !important;
}
.nk-pricing-toggle-s1 label {
    color: #333;
    font-size: 0.85rem;
    padding: 4px 14px;
    min-height: auto !important;
    line-height: 1.4;
    margin: 0;
}
.nk-pricing-toggle-s1 .switch-highlight {
    background: var(--ns-primary, #2b5cfd);
    border-radius: 0.375rem;
    height: auto !important;
}

/* #571: Категория — меньше отступы, убрать фиолетовый */
.nk-cta-card.bg-purple-600 {
    background: var(--ns-primary, #2b5cfd) !important;
}
.nk-cta-card .nk-banner-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (max-width: 767px) {
    .nk-cta-card .nk-banner-wrap {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

/* #574: Разрешения — названия кодовые, описания с переносом */
.nk-timeline-content .text-gray-700 {
    font-family: monospace;
    font-size: 0.8rem;
    font-weight: 600;
    color: #555 !important;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.nk-timeline-content > div:last-child {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

/* #563: Кнопки приложения (Скачать/Видео/Жалоба) — не разваливать в столбец */
@media (max-width: 991px) {
    .nk-banner-career-job-details .col-md-2 .mt-8 {
        flex-direction: row;
        align-items: center;
    }
    .nk-banner-career-job-details .col-md-2 .apps-download {
        margin-bottom: 0;
    }
}

/* #599: Truncate заголовков и описаний в карточках приложений */
.app-info h6,
.apps h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.app-info .fs-16,
.apps .fs-16 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* #669: App-card unified — корректное выравнивание сетки и обрезка текста */
.apps .app-info {
    height: 100%;
    overflow: visible;
}
.app-card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: anywhere;
    line-height: 1.25;
    min-height: 2.5em;
    margin-bottom: 0.25rem;
    font-size: 1rem !important;
}
.app-card-meta {
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6b7280;
}
.app-card-stats { white-space: nowrap; overflow: hidden; }
.app-card-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: anywhere;
    margin-top: 0.25rem;
    color: #6b7280;
    font-size: 0.8125rem !important;
}
@media (max-width: 575.98px) {
    /* Round 13: оставляем 2 строки для названия, чтобы длинные тайтлы не обрезались */
    .app-card-title {
        -webkit-line-clamp: 2;
        min-height: 2.5em;
        white-space: normal;
    }
    .app-card-desc { display: none !important; }
}
/* Round 13: градиентный хедер на страницах категории (был плоский bg-purple-600) */
.nk-cta-card.bg-purple-600,
section.nk-cta-card.bg-purple-600 {
    background: linear-gradient(135deg, #7c3aed 0%, #6366f1 50%, #2b5cfd 100%) !important;
    position: relative;
    overflow: hidden;
}
.nk-cta-card.bg-purple-600::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(800px 360px at 90% 0%, rgba(255,255,255,.18), transparent 60%),
                radial-gradient(600px 280px at 0% 100%, rgba(255,255,255,.10), transparent 60%);
    pointer-events: none;
    z-index: 0;
}
.nk-cta-card.bg-purple-600 > .container { position: relative; z-index: 1; }

/* Round 14: блок "Откройте для себя" — внутри узких карточек app-item используют col-xl-2 и выходят за пределы.
   Делаем в этом блоке всегда 4 карточки в ряд, без разрывов и без col-xl-2 переписывания. */
.discover-block .row > [class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
@media (min-width: 576px) {
    .discover-block .row > [class*="col-"] {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}
/* Скрыть описание внутри блока — в узких колонках оно ломается в вертикаль по символу. */
.discover-block .app-card-desc { display: none !important; }
/* Ограничим высоту и позволим тайтлу переноситься нормально (по словам) */
.discover-block .app-card-title {
    font-size: 14px !important;
    line-height: 1.25 !important;
    word-break: keep-all;
    overflow-wrap: break-word;
}
.discover-block .app-card-meta,
.discover-block .app-card-stats { font-size: 13px !important; }
.discover-block img.nash-app { max-width: 80px !important; }

/* Round 13: блок "Откройте для себя" и др. — иконки не раздавливать в овалы */
.apps .app-info img.nash-app {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100% !important;
    max-width: 144px !important;
    height: auto !important;
}
/* Отключаем сплющивание h6 в .app-info — иначе переписывает .app-card-title */
.app-info h6.app-card-title {
    white-space: normal !important;
}
.apps .row > [class*="col-"] { display: flex; }
.apps .row > [class*="col-"] > .app-info { width: 100%; }

/* #601: Sticky-баннер — компенсация перекрытия контента */
body.has-nashstore-banner {
    padding-bottom: 80px;
}
@media (max-width: 575.98px) {
    body.has-nashstore-banner {
        padding-bottom: 100px;
    }
}
/* R23: пока виден баннер «Скачайте NashStore» — скрываем стрелку наверх.
   Баннер и стрелка раньше визуально дрались. У баннера есть свой крестик × —
   закрыл баннер, стрелка вернулась. */
body.has-nashstore-banner .scroll-top {
    display: none !important;
}

/* #603: Типографика для /docs */
.docs-content {
    max-width: 760px;
    font-size: 1rem;
    line-height: 1.6;
    color: #1a1a1a;
}
.docs-content h1, .docs-content h2, .docs-content h3 {
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    line-height: 1.3;
    font-weight: 600;
}
.docs-content h1 { font-size: 2rem; }
.docs-content h2 { font-size: 1.5rem; }
.docs-content h3 { font-size: 1.25rem; }
.docs-content p { margin: 0 0 1rem; }
.docs-content ul, .docs-content ol { margin: 0 0 1rem 1.25rem; }
.docs-content li { margin: 0.25rem 0; }
.docs-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
}
.docs-content table th, .docs-content table td {
    border: 1px solid #e5e7eb;
    padding: 0.5rem 0.75rem;
    text-align: left;
}
.docs-content table th { background: #f3f4f6; font-weight: 600; }
.docs-content blockquote {
    border-left: 4px solid #e5e7eb;
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    color: #4b5563;
}
.docs-content a { color: #2563eb; text-decoration: underline; }
.docs-content a:hover { color: #1e40af; }

/* Recommended apps horizontal scroll */
.ns-rec-scroll {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1rem;
    scrollbar-width: thin;
}
.ns-rec-scroll::-webkit-scrollbar { height: 6px; }
.ns-rec-scroll::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
.ns-rec-card {
    flex: 0 0 160px;
    scroll-snap-align: start;
    text-align: center;
}
.ns-rec-card img.ns-rec-icon {
    border-radius: 22%;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}
.ns-rec-card a { text-decoration: none; color: inherit; }
.ns-rec-card h6 {
    font-size: 14px;
    margin: 8px 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ns-rec-card p { font-size: 13px; color: #6c757d; margin: 0; }

/* Fallback background — без тяжёлого PNG.
   Пусть работает skeleton-shimmer выше (.nash-app). */
img.nash-app, .categories-grid img {
    background-color: #f0f2f5;
}

/* #666: Sticky header для всех страниц */
.nk-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--bs-body-bg, #fff);
    box-shadow: 0 1px 0 rgba(0,0,0,0.06);
    transition: box-shadow 0.2s ease;
}
.nk-header.has-fixed {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
body.is-dark .nk-header {
    background: #0a0a1f;
}

/* #665: Горизонтальный скролл — infinite-scroll overflow */
.infinite-scroll { overflow: hidden; }

/* #665: Глобальная страховка от overflow на phone */
@media (max-width: 575.98px) {
    html, body { overflow-x: clip; }
}

/* #667: QR-коды скрыты на мобайл */
@media (max-width: 767.98px) {
    .nk-nav-mega-qr,
    img[alt*="QR" i],
    img[alt*="qr-code" i] {
        display: none !important;
    }
}

/* #676: Кнопка «Войти» — резервирование места для CLS */
#user-panel {
    min-width: 96px;
    min-height: 36px;
}
#user-panel .auth-btn {
    white-space: nowrap;
    font-size: 0.8125rem;
    padding: 0.375rem 0.875rem;
}
.user-skeleton-btn {
    width: 96px;
    height: 36px;
    background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
    background-size: 200% 100%;
    border-radius: 0.5rem;
    animation: skeleton-shimmer 1.4s infinite linear;
}
@keyframes skeleton-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* #670: Кнопки — min-height 44px touch target */
.nk-header-action .btn,
.nk-header-action .btn-primary,
.nk-header-action .btn-outline-primary {
    min-height: 36px;
    padding: 0.375rem 0.875rem;
    font-size: 0.8125rem;
}

/* #675: Footer — аккордеон на mobile */
@media (max-width: 575.98px) {
    .nk-footer-info {
        border-top: 1px solid rgba(255,255,255,0.08);
        padding-top: 0.5rem;
    }
    .nk-footer-info .title {
        cursor: pointer;
        position: relative;
        padding: 0.75rem 0;
        margin: 0;
        font-size: 0.9375rem;
        user-select: none;
    }
    .nk-footer-info .title::after {
        content: '\002B';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 400;
        transition: transform 0.2s;
    }
    .nk-footer-info.is-open .title::after {
        content: '\2212';
    }
    .nk-footer-info ul {
        display: none;
        padding: 0 0 0.75rem 0;
    }
    .nk-footer-info.is-open ul {
        display: block;
    }
    .nk-footer-brand { padding-bottom: 1.5rem; }
}

/* #684: Tab панель — единый text-transform */
.nk-tabs .nav-tabs .nav-link,
.nk-tabs.app-tabs .nav-tabs .nav-link {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
}

/* #687: Breadcrumb — активный пункт серый, не ссылка */
.breadcrumb-item.active,
.breadcrumb-item.active span {
    color: #6b7280;
    font-weight: 500;
}
.breadcrumb-item a {
    color: #2b5cfd;
    text-decoration: none;
}
.breadcrumb-item a:hover { text-decoration: underline; }

/* #689: Pill-переключатели — единый border-radius */
.nav-pills .nav-link {
    border-radius: 999px;
}

/* Category palette dots */
.category-color-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.6);
    display: inline-block;
    flex-shrink: 0;
}

/* Gradient card on categories listing */
.category-card-gradient,
.category-card-gradient a,
.category-card-gradient h4,
.category-card-gradient h6,
.category-card-gradient .btn-link {
    color: #fff !important;
}
.category-card-gradient .text-gray-800 {
    color: rgba(255,255,255,0.85) !important;
}
.category-card-gradient .nav-btn-outline {
    border-color: rgba(255,255,255,0.4) !important;
}

/* Оверлей для обложек — затемнение + белый текст */
.nk-banner-wrap[style*="background-image"]::before,
.nk-banner-career-job-details[style*="background-image"]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
}

/* Белый текст на обложках */
.nk-banner-wrap[style*="background-image"] h2,
.nk-banner-wrap[style*="background-image"] p,
.nk-banner-wrap[style*="background-image"] a,
.nk-banner-career-job-details[style*="background-image"] h1,
.nk-banner-career-job-details[style*="background-image"] p,
.nk-banner-career-job-details[style*="background-image"] a,
.nk-banner-career-job-details[style*="background-image"] .text-primary,
.nk-banner-career-job-details[style*="background-image"] .text-gray-1200 {
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}

/* Иконки тоже белые на обложках */
.nk-banner-career-job-details[style*="background-image"] .icon {
    color: #fff !important;
}

/* Контент поверх оверлея */
.nk-banner-wrap[style*="background-image"] .nk-banner-content,
.nk-banner-career-job-details[style*="background-image"] .nk-banner-wrap {
    position: relative;
    z-index: 1;
}

/* Блок с установками/размером — отступ слева на мобильной */
@media (max-width: 767px) {
    .nk-banner-career-job-details ul.d-flex.gap-3 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* QR-код выпадающее меню — поверх секций */
.apps-download .nk-nav-sub {
    z-index: 1050 !important;
    position: absolute !important;
}

/* Белый фон только для иконок приложений, не для контейнера */
img.nash-app {
    background-color: #fff;
}
    color: #fff !important;
}

/* ===== END style-local.css ===== */

/* ===== BEGIN store.css ===== */
/* Основной контейнер */
.custom-section-stories {
    display: flex;
    justify-content: flex-start; /* Выровняли влево */
    overflow: hidden;
    gap: 10px;
    padding: 10px;
    position: relative;
}

.custom-stories-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: nowrap;  
    overflow-x: auto;
    padding: 0;
    scroll-snap-type: x mandatory;
    overflow: visible; 
    scroll-behavior: smooth;  
    -webkit-overflow-scrolling: touch; 
}
.custom-story-group-wrapper {
    display: none; /* Скрытые элементы по умолчанию */
}

.custom-story-group-wrapper[style*="block"] {
    display: block; /* Видимые элементы */
}
/* Скрытие полосы прокрутки */
.custom-stories-wrapper::-webkit-scrollbar {
    height: 8px;
    background-color: #f3f3f3;
}

.custom-stories-wrapper::-webkit-scrollbar-thumb {
    background-color: #2b5cfd;
    border-radius: 10px;
}

/* Группы сториз */
.custom-story-group {
    position: relative;
    flex: 0 0 auto;
    width: 150px;
    height: 150px;
    border: 2px solid #6d8df5;
    border-radius: 14px;
    overflow: visible;
    scroll-snap-align: center;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);  
}

.custom-story-group:hover {
    transform: scale(1.05);
    z-index: 2;
}

/* Картинка */
.custom-story-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

/* Название */
.custom-story-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    color: white;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    border-radius: 12px;
}

/* Модальное окно */
.custom-story-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.8);
}

/* Активное состояние модального окна */
.custom-story-modal.active {
    display: flex;
}

/* Заблюренный фон */
.custom-story-modal-blur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(10px);
    background-size: cover;
    background-position: center;
    z-index: 1;
}

/* Контент модального окна */
.custom-story-modal-content {
    z-index: 9999;
    max-width: 600px;
    width: 100%;
    border-radius: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background-color: #fff;
}

/* Кнопка выхода */
.custom-story-modal-exit {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    border: 2px solid #2b5cfd;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    z-index: 10000;
    transition: background 0.3s ease, transform 0.3s ease;
}

.custom-story-modal-exit:hover {
    background: #2b5cfd;
    color: white;
    transform: scale(1.1);
}

/* Кнопки навигации */
.custom-story-prev,
.custom-story-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.3s ease, transform 0.3s ease;
    z-index: 1000;
}

.custom-story-prev:hover,
.custom-story-next:hover {
    background: #2b5cfd;
    color: white; 
}

.custom-story-prev {
    left: 10px;
}

.custom-story-next {
    right: 10px;
}
/* Картинка в модальном окне */
.custom-story-modal-image {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Индикатор сториз */
.custom-story-indicator-wrapper {
    display: flex;
    width: 100%;
    margin: 10px 0;
}


.custom-story-indicators {
    display: flex;
    width: 100%;
    height: 5px;
    gap: 5px;
}

.custom-story-indicator {
    flex: 1;
    height: 100%;
    background: #ddd;
    position: relative;
}

.custom-story-indicator.active {
    background: #2b5cfd;
}

/* Футер */
.custom-story-details {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding: 10px 0;
}

.story-link {
    color: #2b5cfd;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

.story-link:hover {
    text-decoration: underline;
}

/* ===== END store.css ===== */

/* ===== BEGIN header-cleanup.css ===== */
/* =====================================================================
   Round 11 — патч поверх style-local.css
   Унификация 4 кнопок хедера + страница /app/* (иконка / "..." / табы)
   ===================================================================== */

/* --------- 1. ХЕДЕР — единая кнопка-токен 36×auto ---------------------- */
.nk-header-action .nk-btn-group > li > .btn,
.nk-header-action .language-selector > .btn,
.nk-header-action .apps-download > .btn,
.nk-header-action .auth-btn,
.nk-header-action .navbar-toggle {
    height: 36px;
    min-height: 36px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-shadow: none;
    transition: background-color .15s ease, border-color .15s ease;
}

/* убираем !important-перебивашки apps-download */
.nk-header-action .apps-download .btn {
    padding: 0 14px !important;
    height: 36px !important;
}

/* селектор языка: лёгкая пилюля, флаг 16px */
.nk-header-action .language-selector .btn {
    background: #eaf0ff;
    color: #2b5cfd;
    border: 0;
}
.nk-header-action .language-selector .btn img {
    width: 16px !important;
    height: 16px;
    border-radius: 3px;
    object-fit: cover;
}
.nk-header-action .language-selector .btn:hover {
    background: #dde6ff;
}

/* «Скачать» — единственный gradient-CTA, тот же 36px */
.nk-header-action .apps-download .btn-primary {
    background: linear-gradient(135deg, #2b5cfd 0%, #6e61f3 100%);
    border: 0;
    color: #fff;
}

/* «Войти» — тот же visual-вес что у RU, без border */
.nk-header-action .auth-btn,
#user-panel .auth-btn {
    background: #eaf0ff !important;
    border: 0 !important;
    color: #2b5cfd !important;
    padding: 0 12px !important;
    height: 36px !important;
    border-radius: 8px !important;
}
.nk-header-action .auth-btn:hover,
#user-panel .auth-btn:hover {
    background: #dde6ff !important;
    color: #2b5cfd !important;
}
.nk-header-action .auth-btn .icon {
    font-size: 16px;
    margin-right: 4px;
}

/* Бургер 36×36, та же заливка-пилюля что у RU/Войти */
.nk-navbar-toggle .btn,
.nk-header-action .navbar-toggle {
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    background: #eaf0ff !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #2b5cfd !important;
    box-shadow: none !important;
}
.nk-navbar-toggle .btn:hover {
    background: #dde6ff !important;
}
.nk-navbar-toggle .btn .icon {
    font-size: 18px !important;
    line-height: 1;
    color: #2b5cfd !important;
}

/* отступы между кнопками одинаковые */
.nk-header-action .nk-btn-group > li + li {
    margin-left: 8px;
}

@media (max-width: 991.98px) {
    .nk-header-action .nk-btn-group {
        gap: 8px;
    }
}

.user-skeleton-btn {
    width: 88px !important;
    height: 36px !important;
    border-radius: 8px !important;
}

/* --------- 2. СТРАНИЦА ПРИЛОЖЕНИЯ — иконка как в Google Play -----------
   Структура: .nash-big-icon > .nash-big-icon-bg (фон-blur)
                              > a > img.icon-foreground (передний слой)
   Передний слой ВПИСЫВАЕТСЯ (contain), а не cover — края лого не режутся.
   Фон (.nash-big-icon-bg) — наоборот cover + blur, чтобы заполнить углы. */
.nash-big-icon {
    position: relative;
    width: 144px !important;
    height: 144px !important;
    border-radius: 28px;
    overflow: hidden;
    background: #f3f4f6;
    flex: 0 0 144px;
}
.nash-big-icon-bg,
.nash-big-icon img.icon-foreground {
    border-radius: 28px !important;
}
@media (max-width: 991.98px) {
    .nash-big-icon {
        width: 120px !important;
        height: 120px !important;
        flex: 0 0 120px;
        border-radius: 24px;
    }
    .nash-big-icon-bg,
    .nash-big-icon img.icon-foreground {
        border-radius: 24px !important;
    }
}
.nash-big-icon-bg {
    position: absolute;
    inset: 0;
    border-radius: 22px;
    overflow: hidden;
    z-index: 0;
}
.nash-big-icon-bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: blur(14px) saturate(1.1);
    transform: scale(1.15);
    display: block;
}
.nash-big-icon > a {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}
.nash-big-icon img.icon-foreground {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 22px !important;
    background: transparent !important;
    display: block;
    padding: 0;
}
@media (max-width: 575.98px) {
    .nash-big-icon {
        width: 96px !important;
        height: 96px !important;
        flex: 0 0 96px;
        border-radius: 20px;
    }
    .nash-big-icon-bg,
    .nash-big-icon img.icon-foreground {
        border-radius: 20px !important;
    }
}

/* --------- 3. КНОПКИ «СКАЧАТЬ» и «…» НА /app/* ------------------------ */
.nk-banner .apps-download > .btn-primary,
#open-app.btn-primary {
    height: 44px;
    min-height: 44px;
    padding: 0 24px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.app-report-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    background: #f3f4f6 !important;
    color: #4b5563 !important;
    border: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.app-report-btn:hover {
    background: #e5e7eb !important;
    color: #111827 !important;
}
.app-report-btn .icon {
    font-size: 20px;
    line-height: 1;
    margin: 0;
}

/* --------- 4. TABS на /app/* — горизонтальный скролл ------------------ */
.nk-nav-tabs.nav-tabs-s2 .nav-tabs,
.tab-nav-scroll .nav-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.nk-nav-tabs.nav-tabs-s2 .nav-tabs::-webkit-scrollbar { display: none; }

.nk-nav-tabs.nav-tabs-s2 .nav-tabs .nav-link {
    white-space: nowrap;
    flex: 0 0 auto;
}

/* --------- 5. КАРТОЧКИ ПРИЛОЖЕНИЙ — название не режем в 1 строку ------- */
@media (max-width: 575.98px) {
    .app-card-title {
        -webkit-line-clamp: 2 !important;
        white-space: normal !important;
        min-height: 2.4em !important;
    }
    .app-card-desc {
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
    }
}

/* --------- 6. Фолбэк-плейсхолдер для битых иконок --------------------- */
img[alt][src=""],
img:not([src]) {
    visibility: hidden;
}

/* --------- 7. МОБИЛЬНЫЙ ХЕДЕР — показываем язык, прячем «Войти» -------
   На ≤991px десктопный «Войти» и «Скачать» съедают ширину под лого.
   Заменяем их на компактный селектор языка + бургер. */
@media (max-width: 991.98px) {
    .nk-header-action #user-panel,
    .nk-header-action .auth-btn,
    .nk-header-action .apps-download {
        display: none !important;
    }
    .nk-header-action .language-selector {
        display: inline-flex !important;
    }
    .nk-header-action .language-selector > .btn {
        display: inline-flex !important;
    }
}

/* --------- 8. Tab-scroll: лёгкий fade справа на узком экране ---------- */
@media (max-width: 575.98px) {
    .nk-nav-tabs.nav-tabs-s2,
    .tab-nav-scroll {
        position: relative;
    }
    .nk-nav-tabs.nav-tabs-s2::after,
    .tab-nav-scroll::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        pointer-events: none;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
        z-index: 2;
    }
}

/* --------- 8.5. Round 16: chip «САМОЕ ПОПУЛЯРНОЕ ПРИЛОЖЕНИЕ» — синий, не дефолт-чёрный.
   Был дефолтный bootstrap-badge → чёрный фон, выпадал из дизайн-системы. */
.badge.chip-popular {
    background: rgba(43, 92, 253, 0.10) !important;
    color: #2b5cfd !important;
    border: 1px solid rgba(43, 92, 253, 0.20);
    padding: 0.4rem 0.85rem !important;
}

/* --------- 9. QR-дропдаун над контентом на /app/* ---------------------
   Round 15: .nk-nav-sub в .apps-download выпадал ПОД контентом ниже.
   Поднимаем z-index и задаём позиционирование. */
.apps-download .nk-nav-sub,
.nk-banner .apps-download .nk-nav-sub,
.nk-banner-career-job-details .apps-download .nk-nav-sub {
    z-index: 50 !important;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 36px rgba(0,0,0,.18);
    padding: 12px !important;
    border: 1px solid rgba(0,0,0,.06);
}
.apps-download .nk-nav-sub img {
    display: block;
    border-radius: 8px;
}

/* --------- 10. Round 18: MOBILE-ВЕРСИЯ /app/* (переделка R15) -----
   R15 был слишком агрессивным: прижал иконку к хедеру, кнопки
   разъехались по вертикали. Делаем лучше: */
@media (max-width: 767.98px) {
    /* Banner: разумный воздух, не прижимаем иконку к хедеру */
    .nk-banner-career-job-details .nk-banner-wrap.pt-100,
    .nk-banner-career-job-details .nk-banner-wrap {
        padding-top: 56px !important;
        padding-bottom: 32px !important;
    }
    .nk-banner-career-job-details .mb-4 {
        margin-bottom: 0.75rem !important;
    }
    /* Не скрываем .me-5 — это воздух между иконкой и текстом. Просто сжимаем. */
    .nk-banner-career-job-details .me-5 {
        margin-right: 1rem !important;
        margin-bottom: 0.75rem !important;
    }
    .nk-banner-career-job-details .mt-3.mt-md-0 {
        margin-top: 0.5rem !important;
    }
    /* Блок кнопок "Скачать + ...": выравниваем по вертикали,
       одинаковые отступы. align-items: stretch чтобы высоты совпадали. */
    .nk-banner-career-job-details .col-md-2 .mt-8 {
        margin-top: 1.5rem !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 10px !important;
    }
    .nk-banner-career-job-details .apps-download {
        flex: 1 1 auto;
        margin: 0 !important;
    }
    .nk-banner .apps-download > .btn-primary,
    #open-app.btn-primary {
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        font-size: 14px;
        padding: 0 16px !important;
        margin: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .app-report-btn {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        flex: 0 0 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: stretch;
    }
    /* Меташка (УСТАНОВОК / 3.9 / МБ / ...) */
    .nk-banner-career-job-details ul.d-flex.gap-3 {
        margin-top: 1.5rem !important;
        gap: 0.5rem !important;
        row-gap: 0.4rem !important;
        flex-wrap: wrap;
    }
    .nk-banner-career-job-details ul.d-flex.gap-3 li p {
        font-size: 12px !important;
        margin-bottom: 0 !important;
        line-height: 1.3;
    }
    .nk-banner-career-job-details ul.d-flex.gap-3 li {
        flex: 0 0 auto;
    }
    /* QR-дропдаун на мобилке */
    .apps-download .nk-nav-sub {
        left: auto !important;
        right: 0 !important;
        max-width: calc(100vw - 32px);
    }
}
@media (max-width: 575.98px) {
    .nk-banner-career-job-details .nk-banner-wrap.pt-100,
    .nk-banner-career-job-details .nk-banner-wrap {
        padding-top: 40px !important;
        padding-bottom: 24px !important;
    }
    .nk-banner-career-job-details h1 {
        font-size: 1.4rem !important;
        margin-bottom: 0.25rem !important;
    }
    .nk-banner-career-job-details .fs-16 {
        font-size: 13px !important;
    }
}

/* --------- 12. Round 18: мобильный поиск в верху бургер-меню ---- */
@media (max-width: 991.98px) {
    .mobile-search-top {
        padding: 0 0 12px 0 !important;
        margin-bottom: 8px !important;
        border-bottom: 1px solid rgba(0,0,0,0.06);
    }
    .mobile-search-top .apps-search,
    .mobile-search-top .app_search {
        width: 100% !important;
    }
    .mobile-search-top .form-control {
        width: 100% !important;
        height: 42px;
        font-size: 14px;
        padding-left: 38px;
        background: #f6f7fb;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
    }
    .mobile-search-top .form-control-icon.start {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #6b7280;
        z-index: 2;
    }
    .mobile-search-top .form-control-wrap {
        position: relative;
    }
}


/* --------- 11. Round 17: свайпер-fallback до инициализации и placeholder для иконок -
   Если JS ещё не выполнился / упал / кеш SW не сменился — страница
   не расплывается, иконки не бывают пустыми белыми квадратами. */
.swiper:not(.swiper-initialized) {
    overflow: hidden;
}
.swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.swiper:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar { display: none; }
.swiper:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 auto;
    width: clamp(140px, 18%, 220px);
    scroll-snap-align: start;
}
@media (max-width: 575.98px) {
    .swiper:not(.swiper-initialized) .swiper-slide {
        width: 70%;
    }
}

/* Round 18: форсим квадратность иконок приложений в любом свайпере (даже клонах
   при data-loop=true и до инициализации). Без этого иконки могут "плющиться"
   горизонтально, если CSS-каскад не успел подхватить aspect-ratio. */
.swiper .swiper-slide img.nash-app,
.swiper-slide.app-info img.nash-app,
.apps .swiper-slide img.nash-app {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    max-width: 144px !important;
    object-fit: cover;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* На клонах (swiper duplicate) поведение то же */
.swiper-slide-duplicate img.nash-app {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
}

/* Placeholder для иконок, пока не загрузились (вместо пустого белого квадрата).
   Используем CSS-shimmer (фиолетовый, как в виджете скачивания). */
img.nash-app,
img.app-icon,
img.icon-foreground {
    background-color: #efe9ff;
    background-image: linear-gradient(110deg, #efe9ff 30%, #d8c8ff 50%, #efe9ff 70%);
    background-size: 200% 100%;
    animation: ns-icon-shimmer 1.4s ease-in-out infinite;
}
img.nash-app[src],
img.app-icon[src],
img.icon-foreground[src] {
    /* Когда src установлен — браузер рисует изображение поверх фона.
       Если оно загрузится — белый PNG перекроет фон. Если упадёт (broken icon)
       — alt-текст покажется поверх shimmer'a, не на пустом белом квадрате. */
}
@keyframes ns-icon-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* Для логотипов, иконок вне списка приложений — отключаем shimmer */
img[src*="/images/icon/labels/"],
img.brand-logo,
img[alt="NashStore"] {
    background: transparent !important;
    animation: none !important;
}

/* --------- 13. Round 19: скрытие категорий на странице поиска (мобилка) ---
   На десктопе (≥1200) — список виден всегда.
   На планшете/мобилке (<992) — скрыт пока не нажатие кнопки "Категории". */
@media (max-width: 991.98px) {
    #category-sidebar.mobile-collapsed {
        display: none !important;
    }
    #category-sidebar.mobile-open {
        display: block !important;
        margin-bottom: 1.5rem;
    }
}
@media (min-width: 992px) {
    /* На десктопе класс mobile-collapsed игнорируем — список виден. */
    #category-sidebar.mobile-collapsed,
    #category-sidebar.mobile-open {
        display: block !important;
    }
}

/* --------- 14. Round 19: виджет "Приложение дня" — схлопываем пустоту ---
   Если у promo_application нет скриншотов, .nk-frame всё равно резервирует
   огромную высоту. Ограничиваем. */
.swiper-slide .nk-frame:empty,
.swiper-slide .nk-frame:has(> a:empty),
.swiper-slide .nk-frame > a:empty {
    display: none !important;
}
.swiper-slide .nk-frame {
    min-height: 0;
}
/* Если внутри .nk-frame нет никакого <img> — не рисуем пустой блок. */
.nk-frame:not(:has(img)) {
    display: none !important;
}
/* R19: фрейм без скринов — центрируем большую иконку. */
.nk-frame.nk-frame-no-screens {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #f6f7fb;
    border-radius: 16px;
    padding: 24px;
    aspect-ratio: 9 / 16;
    max-height: 360px;
}
.nk-frame.nk-frame-no-screens > a {
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.nk-frame.nk-frame-no-screens img.big-app-icon,
img.big-app-icon {
    width: 50% !important;
    max-width: 160px !important;
    max-height: 160px !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    object-fit: cover;
    border-radius: 22%;
    background: transparent !important;
    animation: none !important;
}

/* --------- 15. Round 19: фолбэк-плашка для категории без .Icon ---
   Раньше все категории показывали одинаковую серую картинку category.jpg.
   Теперь — градиентная плашка с первой буквой в брендовых цветах. */
.category-cover-letter {
    aspect-ratio: 1 / 1;
    width: 100% !important;
    max-width: 200px;
    height: auto;
    background: linear-gradient(135deg, #6a5cff 0%, #8b6dff 50%, #b794f6 100%);
    position: relative;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(106, 92, 255, 0.18);
    margin-left: auto;
    margin-right: auto;
}
.category-cover-letter::before {
    content: attr(data-letter);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 800;
    font-size: clamp(36px, 6vw, 72px);
    text-transform: uppercase;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    line-height: 1;
}
.category-cover-letter::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.22) 0%, transparent 50%);
    pointer-events: none;
}
/* Если .Icon был, но упал с onerror — показываем родителя-ссылку как плашку. */
.category-cover-link.category-cover-fallback {
    display: block;
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: 200px;
    background: linear-gradient(135deg, #6a5cff 0%, #8b6dff 50%, #b794f6 100%);
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
}
.category-cover-link.category-cover-fallback::before {
    content: attr(data-letter);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 800;
    font-size: clamp(36px, 6vw, 72px);
    line-height: 1;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

/* ============================================================
   ROUND 20 — performance + visual cleanup (v=9)
   Проблемы: длинные тяжёлые списки тормозят на холодном кеше,
   обрывы названий посреди слова, переполнения tabs/counters,
   broken breadcrumbs, пустые hero-блоки.
   ============================================================ */

/* --------- 16. Skeleton переливающийся фиолетовый для иконок ---
   Пользователь явно попросил: «скелетон загрузки иконок приложений
   должна быть переливающийся фиолетовый, но никак не картинка-заглушка».
   Применяется к img.nash-app пока он не имеет класса is-loaded.
   Брендовые оттенки фиолетового совпадают с category-cover-letter. */
@keyframes ns-skeleton-shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
img.nash-app:not(.is-loaded):not(.is-broken) {
    background: linear-gradient(
        90deg,
        #6a5cff 0%,
        #8b6dff 25%,
        #b794f6 50%,
        #8b6dff 75%,
        #6a5cff 100%
    );
    background-size: 200% 100%;
    animation: ns-skeleton-shimmer 1.6s ease-in-out infinite;
    border-radius: 22%;
    /* На случай alt-text у broken img — прячем его, чтобы не торчал. */
    color: transparent !important;
    font-size: 0 !important;
}
img.nash-app.is-loaded {
    background: transparent !important;
    animation: none !important;
}
img.nash-app.is-broken {
    background: linear-gradient(135deg, #6a5cff 0%, #8b6dff 50%, #b794f6 100%) !important;
    animation: none !important;
}

/* --------- 17. Обрезка длинных названий по 2 строкам ----------
   До: «Моя История - Мой Мир. Интеракт…» (cut посередине слова).
   После: 2 строки с многоточием по словам. */
.app-item-title,
.nk-store-card .nk-store-card-title,
.nk-store-card h6,
.nk-store-card h5,
.nk-card .card-title,
.app-name,
.product-card-title,
[class*="app-item"] .title,
[class*="app-item"] h6,
[class*="app-item"] h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    overflow-wrap: anywhere;
    line-height: 1.25;
    /* Гарантированная высота, чтобы карточки в гриде были одинаковые. */
    min-height: calc(1.25em * 2);
}
/* Названия в swiper-слайдах */
.swiper-slide .title,
.swiper-slide h6,
.swiper-slide h5,
.swiper-slide .nk-store-card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    overflow-wrap: anywhere;
    line-height: 1.25;
}

/* --------- 18. Карточки одинаковой высоты в /search и каталоге --
   До: ragged grid из-за переменной высоты описания.
   После: flex-колонки одинаковой высоты, кнопка прижата к низу. */
.nk-section-results .row > [class*="col-"],
.search-results .row > [class*="col-"],
[data-section="search-results"] [class*="col-"] {
    display: flex;
}
.nk-section-results .row > [class*="col-"] > *,
.search-results .row > [class*="col-"] > * {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

/* --------- 19. Breadcrumbs «Android - NashStore» → «Android / NashStore» -
   До: дефис между ссылками выглядел как одна синяя кнопка.
   После: явный разделитель «/» серым цветом. */
.breadcrumb,
.nk-breadcrumb,
ol.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    padding-left: 0;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before,
.nk-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: #9ca3af;
    padding: 0 0.25rem;
}
/* Текстовые «-» между ссылками в крошках на /android — заменяем визуально. */
.breadcrumb-text-separator {
    display: inline-block;
    width: 1ch;
    color: #9ca3af;
    text-align: center;
}
.breadcrumb-text-separator::before {
    content: "/";
}

/* --------- 20. Скролл табов в карточке приложения (mobile) -----
   До: «РАЗРЕШ…» обрезается, нельзя прочитать.
   После: горизонтальная прокрутка, табы видны полностью. */
@media (max-width: 768px) {
    .nav-tabs,
    .nk-tabs,
    [role="tablist"] {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .nav-tabs::-webkit-scrollbar,
    .nk-tabs::-webkit-scrollbar,
    [role="tablist"]::-webkit-scrollbar {
        display: none;
    }
    .nav-tabs .nav-item,
    .nk-tabs .nav-item,
    [role="tablist"] > * {
        flex: 0 0 auto;
    }
    .nav-tabs .nav-link,
    .nk-tabs .nav-link {
        white-space: nowrap;
    }
}

/* --------- 21. Counter «Показано N» + сортировка не наезжают (mobile) -
   До: «Показано 24 приложения» горизонтально перекрывалось дропдауном.
   После: на мобиле — стак, на десктопе — обычный flex. */
@media (max-width: 575.98px) {
    .nk-section-results .nk-section-head,
    .search-toolbar,
    [data-section="search-toolbar"] {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.5rem !important;
    }
    .nk-section-results .nk-section-head > *,
    .search-toolbar > * {
        width: 100%;
    }
}

/* --------- 22. Уменьшаем гигантский hero-padding на /devs, /download ---
   До: пустой блок 40-50% экрана до контента.
   После: разумный отступ. Не трогаем главную (там анимированные ряды). */
.nk-banner-codebase .nk-banner-wrap,
.nk-banner-download .nk-banner-wrap,
.nk-banner-developers .nk-banner-wrap {
    padding-top: clamp(1.5rem, 4vw, 4rem) !important;
    padding-bottom: clamp(1.5rem, 4vw, 4rem) !important;
}
.nk-banner-codebase .text-center,
.nk-banner-download .text-center,
.nk-banner-developers .text-center {
    padding-bottom: clamp(1rem, 3vw, 3rem) !important;
}

/* --------- 23. Mobile nav-pills (3 ряда → 2-3 равномерных) ------
   До: «Главная / Игры / Приложения / Топ / Категории / Новинки»
   уезжает на 3 неравных ряда.
   После: flex-wrap с равными ширинами.  */
@media (max-width: 768px) {
    .nk-mobile-nav,
    .android-tabs,
    [data-mobile-nav] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.4rem;
        justify-content: center;
    }
    .nk-mobile-nav > *,
    .android-tabs > *,
    [data-mobile-nav] > * {
        flex: 1 1 calc(50% - 0.4rem);
        min-width: 0;
        text-align: center;
    }
    .nk-mobile-nav > * > a,
    .android-tabs > * > a {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* --------- 24. Закрываем щель ~150px между hero и «Хиты загрузок» -----
   До: на главной gigantic пустой gap, если promo_application
   виджет рендерится без скринов (и без icon).
   После: коллапсим пустой section с .nk-section-promo. */
.nk-section.nk-section-promo:has(.nk-frame[hidden]),
.nk-section.nk-section-promo:has(.nk-frame:empty),
.nk-section.nk-section-promo:not(:has(img)) {
    display: none !important;
}
/* Минимизируем зазор между подряд идущими секциями */
.nk-section + .nk-section {
    margin-top: 0;
}

/* ============================================================
   ROUND 20 FOLLOWUP — точные селекторы под HTML nsbeta (v=10)
   ============================================================ */

/* --------- 25. Названия в карточках .app-info h6 ----------------
   Реальный HTML на /android: <div class="app-info"><h6>Моя История…</h6>.
   Раньше line-clamp применялся только к [class*="app-item"] h6,
   а .app-info карточка не подходила под этот селектор. */
.app-info h6,
.app-info h5,
.media + div h6,
.media + div h5,
a.d-inline-block h6,
a.d-inline-block h5,
.swiper-slide a h6,
.swiper-slide a h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    overflow-wrap: anywhere;
    line-height: 1.25;
    max-height: calc(1.25em * 2);
}

/* --------- 26. Subtitle «Android - NashStore» — не как кнопка ---
   Реальный HTML: <span class="nk-section-subtitle">Android - NashStore</span>.
   Это надзаголовок, а не breadcrumb. Чтобы дефис не читался как
   склейка двух кликабельных элементов — нейтрализуем кнопочный вид:
   только цвет, без подчёркивания/фона/border. */
.nk-section-subtitle,
.nk-section-subtitle a {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
    font-size: 0.85em;
    color: #6a5cff !important;
    padding: 0 !important;
    display: inline-block;
}
/* Если внутри subtitle есть дефис как разделитель платформ — заменяем
   на «·» средней точкой, визуально яснее. Пробелы вокруг сохраняются. */
.nk-section-subtitle {
    /* нативная замена символа недоступна, но мы добавим
       свой класс через JS ниже. Для статики просто красим. */
}

/* --------- 27. Сжимаем большой паддинг bg-blue-700 секций ------
   Зазор ~100px между «Android - NashStore» и «Популярное сейчас»
   на /android — это большой default-padding nk-section.bg-blue-700. */
.nk-section.bg-blue-700,
section.nk-section[class*="bg-blue"] {
    padding-top: clamp(1.5rem, 3vw, 3rem) !important;
    padding-bottom: clamp(1.5rem, 3vw, 3rem) !important;
}
.nk-section-head.text-center.pb-0 + .nk-section,
.nk-section-head + .nk-section {
    margin-top: clamp(1rem, 2vw, 2rem) !important;
}

/* --------- 28. Закрываем зазор между nk-section-head и контентом */
.nk-section-head.text-center.pb-0 {
    padding-bottom: 0.5rem !important;
    margin-bottom: 0 !important;
}

/* ============================================================
   ROUND 21 — кросс-вьюпорт фиксы (mobile/tablet/desktop, v=11)
   ============================================================ */


/* ============================================================
   ROUND 22 — откат регрессий R21 + точечные фиксы (v=12)
   ============================================================
   В R21 было 18 секций (29-46). Регрессии вызвали:
   - 30 (Скачать-блок flex 100%) — поломала home page 780-1000px
   - 36 (выравнивание высот карточек) — поломала /android/apps/top
   - 37 + 40 (shimmer на :not(:has(img))) — превратили буквенные
     плейсхолдеры в гигантские фиолетовые квадраты
   - 31 (overflow-x:hidden на section:has(canvas)) — обрезала контент
   - 41 (padding-top на main>section:first-of-type) — слишком широко

   В R22 оставляем только безопасные точечные фиксы. */

/* --------- R22.1. Tab-bar /app/* — горизонтальный скролл -------
   Безопасно: только nav-tabs внутри страницы приложения. */
@media (max-width: 767.98px) {
    .modular-app .nav-tabs,
    .app-tabs-wrapper .nav-tabs,
    [class*="app-page"] .nav-tabs {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        white-space: nowrap;
    }
    .modular-app .nav-tabs::-webkit-scrollbar,
    .app-tabs-wrapper .nav-tabs::-webkit-scrollbar {
        display: none;
    }
    .modular-app .nav-tabs .nav-link,
    .app-tabs-wrapper .nav-tabs .nav-link {
        flex: 0 0 auto !important;
        white-space: nowrap;
    }
}

/* --------- R22.2. Meta-row на /app/* — wrap на мобиле ----------
   Безопасно: только под классом app-meta. */
@media (max-width: 767.98px) {
    .app-meta {
        flex-wrap: wrap !important;
        gap: 0.4rem 0.75rem !important;
        font-size: 0.8125rem;
    }
    .app-meta > * {
        white-space: nowrap;
    }
}

/* --------- R22.3. /app/* screenshots — фикс «бесконечной» высоты
   Симптом: на /app/ru.rutube.app скрины растут в высоту/ширину
   до бесконечности, потому что у swiper-контейнера нет ограничений.
   Накладываем aspect-ratio + max-height + overflow:hidden. */
.app-screenshots,
.modular-app .swiper-screenshots,
[class*="screenshot-slider"] {
    overflow: hidden !important;
    max-height: clamp(280px, 50vw, 520px);
}
.app-screenshots img,
.modular-app .swiper-screenshots img,
[class*="screenshot-slider"] img {
    max-height: clamp(280px, 50vw, 520px);
    width: auto;
    height: auto;
    object-fit: contain;
}
.swiper-container .swiper-slide:first-child,
.swiper .swiper-slide:first-child {
    margin-left: 0 !important;
}

/* --------- R22.4. Бургер-меню — body lock + поиск -------------
   Для мобилки добавляем lock body при открытом меню. */
body.menu-open {
    overflow: hidden !important;
    touch-action: none;
}
.navbar-collapse.show,
.offcanvas.show,
.nk-header-menu.open {
    overflow-y: auto !important;
    max-height: 100vh;
    -webkit-overflow-scrolling: touch;
}

/* --------- R22.5. /search — счётчик + dropdown в столбик -----
   Безопасно: только внутри search-страницы. */
@media (max-width: 767.98px) {
    .search-results-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.75rem !important;
    }
    .search-results-header > * {
        width: 100% !important;
    }
}

/* --------- R22.6. /category/* hero — не съедает экран -------
   Безопасно: целевой класс page-category. */
@media (max-width: 767.98px) {
    body.page-category .nk-hero-section,
    body.page-category section.nk-section.nk-hero,
    body.page-category .category-hero {
        padding-top: clamp(1rem, 4vw, 2rem) !important;
        padding-bottom: clamp(1rem, 4vw, 2rem) !important;
        min-height: auto !important;
    }
    body.page-category .nk-hero h1 {
        font-size: clamp(1.5rem, 5vw, 2rem);
    }
}

/* --------- R22.7. Тексты на /app/* — не вылезают за край ----
   Безопасно: только в описании приложения. */
@media (max-width: 767.98px) {
    .app-description,
    .app-description p,
    .app-content > p,
    .modular-app .nk-block-text p {
        word-break: break-word;
        overflow-wrap: anywhere;
        max-width: 100%;
    }
    .app-description img,
    .modular-app .nk-block-text img {
        max-width: 100%;
        height: auto;
    }
}

/* --------- R22.8. About page — фото и логотип -----------------
   Безопасно: только под классом about-page. */
@media (max-width: 575.98px) {
    body.page-about img.team-photo,
    body.page-about img[alt*="CEO" i] {
        max-width: 200px !important;
        height: auto !important;
    }
}

/* --------- R22.9. /devs форма — не наезжает на hero ----------
   Безопасно: только под about/devs страницами. */
@media (max-width: 991.98px) {
    body.page-devs .devs-form,
    body.page-devs section.devs-cta {
        margin-top: clamp(2rem, 5vw, 4rem) !important;
        clear: both;
    }
}

/* --------- R22.10. /app/* — фикс заголовка обрезается справа -
   Для широких заголовков на мобиле + не вылезали при desktop. */
@media (max-width: 767.98px) {
    .modular-app h1,
    .app-name-h1,
    [class*="app-page"] h1 {
        font-size: clamp(1.25rem, 5vw, 2rem);
        word-break: break-word;
        overflow-wrap: anywhere;
        line-height: 1.2;
    }
}

/* --------- R22.11. Главная 780-1000px — Скачать-блок ---------
   В R21 секция 30 поломала layout: row > * получили flex 100%.
   Возвращаем нормальное поведение. Здесь НИЧЕГО НЕ ДЕЛАЕМ —
   просто комментарий. */

/* --------- R22.12. Mobile burger menu — поиск поверх всего --
   В открытом бургер-меню .mobile-search-top должен быть виден.
   Скриншот пользователя показывает что поиск пропал между
   логотипом и пунктами меню. */
@media (max-width: 991.98px) {
    .nk-header-menu.open .mobile-search-top,
    .navbar-collapse.show .mobile-search-top,
    .nk-header-menu.menu-on .mobile-search-top {
        display: block !important;
        order: -1;
    }
    .nk-header-menu.open .nk-nav,
    .navbar-collapse.show .nk-nav {
        display: flex !important;
        flex-direction: column;
    }
    /* Чтобы поиск был первым визуально */
    .nk-header-menu.open .mobile-search-top {
        order: -10;
        margin-top: 0;
    }
}

/* ===================== R24 ============================================
   Полировка верстки категорий.
   ====================================================================== */

/* --------- R24.1. /android/apps/category/:id — hero-иконка -------
   На скриншоте пользователя иконка сплющена: контейнер .media-lgxxx
   240×240px, но img внутри ограничен 64×64px из-за #566. Согласовываем. */
.nk-cta-card .media-lgxxx,
.bg-purple-600 .media-lgxxx {
    width: clamp(96px, 18vw, 160px);
    height: clamp(96px, 18vw, 160px);
    flex-shrink: 0;
}
.nk-cta-card .media-lgxxx img,
.bg-purple-600 .media-lgxxx img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
    display: block;
}
@media (max-width: 575.98px) {
    .nk-cta-card .media-lgxxx,
    .bg-purple-600 .media-lgxxx {
        width: 88px;
        height: 88px;
    }
}

/* --------- R24.2. /android/apps/categories — иконки категорий ----
   Иконки категорий рисуются в столбце .col-12.col-md-4.col-xl-2,
   из-за w-100 растут до огромного квадрата на мобиле (288×288px).
   Ограничиваем разумным максимумом и по высоте (aspect-ratio). */
.category-cover,
.category-cover-letter {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    max-width: 144px;
    max-height: 144px;
}
@media (min-width: 576px) {
    .category-cover,
    .category-cover-letter {
        max-width: 160px;
        max-height: 160px;
    }
}
@media (min-width: 1200px) {
    .category-cover,
    .category-cover-letter {
        max-width: 144px;
        max-height: 144px;
    }
}
.category-cover-link {
    display: inline-block;
    max-width: 100%;
}

/* --------- R24.3. Главная — карточка "Скачать NashStore" -----
   Баг: на ширине ~780-1000px иконка launcher.png "вываливается"
   вправо выходя за вьюпорт, а название/кнопка/рейтинг устремляются
   влево без выравнивания. Причина: в templates/static/home.html в блоке
   <section class="nk-banner ..."> второй ряд обёрнут в голый <div> без .container,
   и .row с своими negative margin выходит за flex-вьюпорт.
   Чиним CSS-only: ограничиваем внутренний div по ширине,
   выравниваем колонки по центру и даём иконке разумный максимум. */
main.nk-pages > section.nk-banner.d-flex.align-items-center.justify-content-center > div:not(.container) {
    width: 100%;
    max-width: 1140px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
/* Иконка launcher.png — ограничиваем и центрируем */
main.nk-pages > section.nk-banner ul .download-link.nash-app {
    width: 100%;
    max-width: 200px;
    height: auto;
}
main.nk-pages > section.nk-banner ul {
    text-align: center;
    padding: 0;
    margin: 0;
}
/* На планшете/узком десктопе (768-1199) выравниваем колонки по центру */
@media (min-width: 768px) and (max-width: 1199.98px) {
    main.nk-pages > section.nk-banner > div:not(.container) > .row {
        justify-content: center !important;
    }
    main.nk-pages > section.nk-banner > div:not(.container) > .row > .col-12.col-lg-6 {
        text-align: center;
    }
    main.nk-pages > section.nk-banner > div:not(.container) > .row > .col-12.col-lg-6 .nk-banner-d {
        text-align: center;
    }
    main.nk-pages > section.nk-banner > div:not(.container) > .row > .col-12.col-lg-6 .nk-banner-d > p {
        text-align: center;
    }
}
/* На мобиле (до 767) — иконка и текст подряд, выровнены по центру */
@media (max-width: 767.98px) {
    main.nk-pages > section.nk-banner > div:not(.container) > .row {
        justify-content: center !important;
    }
    main.nk-pages > section.nk-banner > div:not(.container) > .row > .col-12 {
        text-align: center;
    }
    main.nk-pages > section.nk-banner > div:not(.container) > .row > .col-12 .nk-banner-d {
        text-align: center;
    }
}

/* --------- R25.1. Главная — блок "Откройте для себя" -------
   Заголовок выпал из общего стиля — выглядит как обычный h4.
   Приводим к виду соседних блоков (Новости, Отзывы) и добавляем верхний отступ. */
.discover-block {
    margin-top: 1.5rem;
}
.nk-section .nk-section-head h4:not([class]),
.nk-section .nk-section-head h4.discover-title {
    /* оставляем без изменений в других местах */
}
/* Точный селектор для "Откройте для себя" */
section.nk-section .row.justify-content-between.align-items-center.pt-5.pt-md-7 + .row.discover-block,
.discover-block {
    margin-top: 0;
}
.nk-section .row.justify-content-between.align-items-center.pt-5.pt-md-7 .nk-section-head h4 {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 1.5rem 0;
    color: var(--bs-heading-color, #1a1a1a);
}
@media (min-width: 992px) {
    .nk-section .row.justify-content-between.align-items-center.pt-5.pt-md-7 .nk-section-head {
        padding-bottom: 1.5rem !important;
    }
}

/* --------- R25.2. /android/apps/top — toggle Месяц/Год -----
   Баг: подсветка .switch-highlight не видна из-за рассогласованных
   отступов в #569 (style-local.css). Сделаем надёжнее: активный
   label сам получает фон/цвет через :checked + label. */
.nk-pricing-toggle.nk-pricing-toggle-s1 {
    background: rgba(43, 92, 253, 0.08) !important;
    border-radius: 999px !important;
    padding: 4px !important;
    display: inline-flex !important;
    gap: 2px;
    position: relative;
}
.nk-pricing-toggle.nk-pricing-toggle-s1 .price-toggle-input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none;
}
.nk-pricing-toggle.nk-pricing-toggle-s1 label {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: auto !important;
    min-width: 78px;
    line-height: 1 !important;
    padding: 8px 18px !important;
    margin: 0 !important;
    font-size: 0.9rem !important;
    font-weight: 500;
    color: #333 !important;
    background: transparent !important;
    border-radius: 999px !important;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    text-align: center;
}
.nk-pricing-toggle.nk-pricing-toggle-s1 .price-toggle-input:checked + label {
    background: var(--ns-primary, #2b5cfd) !important;
    color: #fff !important;
    box-shadow: 0 1px 4px rgba(43, 92, 253, 0.25);
}
/* Старый элемент .switch-highlight больше не нужен — скрываем */
.nk-pricing-toggle.nk-pricing-toggle-s1 .switch-highlight {
    display: none !important;
}

/* ============================================================
   R26: правки страницы /search и /dev/:id (10.05.2026)
   1) Иконки приложений — всегда квадратные 1:1 с border-radius 22%.
   2) На /search (моб) — «Показано N приложений» и сортировка не наезжают.
   3) Пагинация на flex-wrap чтобы не вылетала за пределы.
   ============================================================ */

/* R26.1: квадратные иконки приложений во всех карточках, не только в swiper.
   На скриншотах из R25 видно — некоторые иконки были прямоугольными,
   потому что aspect-ratio был выставлен только внутри .swiper. */
.app-info img.nash-app,
.apps img.nash-app,
img.nash-app {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 22% !important;
    display: block;
}
/* Skeleton (когда src ещё не подгружен) тоже квадратный */
img.nash-app:not(.is-loaded):not(.is-broken),
img.nash-app.is-broken {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
}

/* R26.2: на мобилке выводим "Показано N приложений" и сортировку
   столбиком, чтобы не наезжали друг на друга. Уже добавили классы
   через шаблон search.html, но дополним стилями для надёжности. */
.search-results-toolbar {
    flex-wrap: wrap;
    row-gap: 0.75rem;
}
.search-results-toolbar .search-results-count {
    flex: 1 1 100%;
    min-width: 0;
}
.search-results-toolbar .search-results-sort {
    flex: 1 1 100%;
    min-width: 0;
}
@media (min-width: 768px) {
    .search-results-toolbar .search-results-count {
        flex: 0 1 auto;
    }
    .search-results-toolbar .search-results-sort {
        flex: 0 0 auto;
        max-width: 320px;
    }
}
.search-results-toolbar .dropdown-menu {
    max-width: 100%;
}

/* R26.3: пагинация — не выходить за пределы, переноситься на маленьких экранах. */
.pagination.flex-wrap {
    row-gap: 0.5rem;
}
.pagination .page-link {
    min-width: 36px;
    text-align: center;
}
@media (max-width: 575.98px) {
    .pagination .page-link {
        min-width: 32px;
        padding: 0.35rem 0.5rem;
        font-size: 0.85rem;
    }
}

/* ======================================================================
   R27 — большой пакет фиксов
   ====================================================================== */

/* --------- R27.1. Hero десктоп — иконка + инфо в одну строку --------
   На ≥1200 раньше иконка и текст центрировались близко к центру,
   выглядели как мелкая карточка. Делаем нормальный двух-колоночный hero:
   иконка справа от центра (выравнивание к правому краю своей колонки),
   текст слева от центра (выравнивание к левому краю), оба по вертикали
   по середине. */
@media (min-width: 1200px) {
    main.nk-pages > section.nk-banner.d-flex.align-items-center.justify-content-center > div:not(.container) {
        max-width: 1140px;
    }
    main.nk-pages > section.nk-banner > div:not(.container) > .row {
        align-items: center !important;
    }
    main.nk-pages > section.nk-banner > div:not(.container) > .row > .col-12.col-lg-6:first-child {
        display: flex;
        justify-content: flex-end;
        padding-right: 2.5rem;
    }
    main.nk-pages > section.nk-banner > div:not(.container) > .row > .col-12.col-lg-6:last-child {
        text-align: left;
    }
    main.nk-pages > section.nk-banner > div:not(.container) > .row > .col-12.col-lg-6 .nk-banner-d {
        text-align: left;
        margin-top: 0 !important;
    }
    main.nk-pages > section.nk-banner > div:not(.container) > .row > .col-12.col-lg-6 .nk-banner-d > h4 {
        font-size: 2rem;
        margin-bottom: 0.75rem;
    }
    main.nk-pages > section.nk-banner ul .download-link.nash-app {
        max-width: 240px;
    }
}

/* --------- R27.2. Line-clamp на карточках приложений ----------------
   Раньше длинные названия и описания обрезались сурово (одна третья
   строка появлялась без многоточия). Делаем строгий 2-line clamp для
   названий и 3-line clamp для описаний с эллипсисом. */
.app-card-title,
.card-title,
.nk-feature-info h6,
.nk-feature-info .title,
.app-list-item .title,
.app-block-item .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
.app-card-desc,
.card-text,
.nk-feature-info p,
.app-list-item .desc,
.app-block-item .desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
/* В новостях / featuring карточках тоже */
.feat-card .feat-title,
.news-card .news-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.feat-card .feat-desc,
.news-card .news-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --------- R27.3. Кнопки на странице приложения /app/* --------------
   "Скачать" / "Видео" / "..." / "Пожаловаться" должны быть одного
   размера и выровнены по одной линии. */
.app-actions-row .btn,
.app-actions-row .app-report-btn,
.app-actions-row > a,
.app-actions-row > button {
    height: 44px;
    min-width: 44px;
    padding: 0 1rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    line-height: 1;
}
/* Кнопка "Пожаловаться" — нормальный размер, не сжатая */
.app-report-btn {
    height: 44px;
    padding: 0 1rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 0.95rem;
    line-height: 1;
}
/* Видео и три точки — одинаковые квадратные кнопки */
.app-video-btn,
.app-more-btn,
button.app-video-btn,
button.app-more-btn {
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

/* --------- R27.4. Кнопка пользователя в хедере — отступы ------------
   Сейчас иконка/имя стоят впритык к границе кнопки. */
.header-user-btn,
.user-menu-toggle,
header .user-btn,
header .nk-header-user > a,
header .nk-header-user > button {
    padding: 0.4rem 0.85rem !important;
}

/* --------- R27.5. Микро-fix FOUC: критический CSS для хедера -------
   Чтобы при первой отрисовке хедер не «прыгал» — фиксим базовые
   inline-fallback стили заранее (на случай если основные CSS догружаются). */
.nk-header,
header.nk-header {
    min-height: 64px;
}

/* --------- R27.2-bis. Карточки .app-info — clamp заголовка/описания --
   В блоках selection_install / selection2 / selection3 карточки имеют
   разметку <div class="app-info"><h6>...</h6><p>...</p></div>.
   Длинные названия и описания вылезают за правый край без эллипсиса. */
.app-info {
    min-width: 0; /* позволяет flex-сжатие до родителя */
}
.app-info > div,
.app-info .media + div {
    min-width: 0;
    overflow: hidden;
}
.app-info h6,
.app-info .h6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    margin-bottom: 0.25rem;
}
.app-info p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

/* ======================================================================
   R28 — пост-R27 регрессии и недоделки
   ====================================================================== */

/* --------- R28.1. /android/top — иконки в карточках топа -----------
   Контейнер .media-lgx + класс pt-8 = padding-top:80px при высоте 88px.
   Картинка съезжала вниз и обрезалась контейнером overflow:hidden.
   В шаблоне store_top.html заменил pt-8 на store-top-icon. */
.app-info .media.media-lgx.store-top-icon,
.app-info .media-lgx.store-top-icon {
    padding: 0 !important;
    width: 5rem;
    height: 5rem;
    overflow: visible;
    flex: 0 0 auto;
}
.app-info .media-lgx.store-top-icon img.nash-app {
    margin: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 18px;
    max-width: 100%;
    max-height: 100%;
}

/* Подстраховка: на других страницах с .app-info > .media-lgx тоже
   ограничиваем максимальный border-radius картинки, чтобы не было
   видимого «срезания углов». .nash-app имеет 2.8em (~45px) что
   слишком много для 80-88px контейнера. */
.app-info .media-lgx img.nash-app {
    border-radius: 22%;
}

/* --------- R28.2. /app мобильный — табы с горизонтальной прокруткой -
   .nk-nav-tabs > .nav-tabs обрезались справа без скролла. Делаем
   nowrap + overflow-x:auto с тонкой полосой. */
@media (max-width: 991.98px) {
    .nk-nav-tabs.nav-tabs-s2,
    .nk-nav-tabs.nav-tabs-s2 .nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    .nk-nav-tabs.nav-tabs-s2 .nav-tabs {
        flex-wrap: nowrap !important;
        white-space: nowrap;
        padding-bottom: 4px;
    }
    .nk-nav-tabs.nav-tabs-s2 .nav-tabs .nav-item {
        flex: 0 0 auto;
    }
    .nk-nav-tabs.nav-tabs-s2 .nav-tabs .nav-link {
        white-space: nowrap;
    }
    /* лёгкий fade-индикатор справа, что есть прокрутка */
    .nk-nav-tabs.nav-tabs-s2 {
        position: relative;
        mask-image: linear-gradient(to right, black calc(100% - 24px), transparent 100%);
        -webkit-mask-image: linear-gradient(to right, black calc(100% - 24px), transparent 100%);
    }
}

/* --------- R28.3. /app мобильный — отступы слева/справа у блока
   «УСТАНОВОК / ОТЗЫВ / MB / ДАТА / ВОЗРАСТ»: контейнер .container
   на странице /app имеет inline padding 0 15px, но на узких экранах
   список вылезает за рамку и прижимается к краю. Добавляем gap
   и горизонтальную прокрутку как страховку. */
@media (max-width: 767.98px) {
    .nk-banner-career-job-details .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .nk-banner-career-job-details ul.d-flex.text-primary {
        flex-wrap: wrap;
        gap: 0.5rem 1rem !important;
        margin-top: 1.5rem !important;
    }
    .nk-banner-career-job-details ul.d-flex.text-primary > li {
        white-space: nowrap;
    }
    /* убираем «светлый артефакт справа» — это правый край градиентного
       фона nk-banner. На мобиле гасим протекание за вьюпорт. */
    .nk-banner-career-job-details {
        overflow-x: hidden;
    }
}

/* --------- R28.4. Carcass карточек с большой иконкой (selection_big /
   .nk-cta-card) — clamp R27.2-bis в широкой колонке давал 2 строки
   которые в узкой карточке физически не помещаются и режутся снизу.
   Делаем фиксированную min-height у h6, чтобы 3-я строка не появлялась. */
.app-info h6,
.app-info .h6 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    line-height: 1.25;
    /* без min-height — позволим естественную высоту до clamp */
}
/* В свайпер-слайдах (карточки на главной/категориях с большой
   иконкой над названием) ограничиваем заголовок ОДНОЙ-ДВУМЯ строками
   и принудительно показываем эллипсис. */
.swiper-slide .app-info h6,
.nk-cta-card .app-info h6,
.app-card .app-info h6 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    min-height: 2.5em;     /* стабильная высота под 2 строки */
    max-height: 2.5em;
}
/* Описание (p) в свайпер-карточке тоже фикс — 2 строки, не 4. */
.swiper-slide .app-info p,
.nk-cta-card .app-info p,
.app-card .app-info p {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    min-height: 2.6em;
    max-height: 2.6em;
}

/* --------- R28.5. Пагинация — увеличить кнопки до читаемого размера
   На десктопе .page-link была min-width:36px / стандартный bootstrap-
   размер. По жалобам пользователя — слишком мелкая, плохо различима.
   Делаем 40-44px высоту и отчётливые границы. */
.pagination {
    --bs-pagination-padding-x: 0.85rem;
    --bs-pagination-padding-y: 0.5rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-border-width: 1px;
    gap: 0.25rem;
}
.pagination .page-item .page-link {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 10px !important;
    border: 1px solid #e5e7eb;
}
.pagination .page-item.active .page-link {
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(96, 70, 232, 0.25);
}
.pagination .page-item .page-link:hover {
    background-color: #f5f3ff;
    border-color: #c7c0f5;
}
@media (max-width: 575.98px) {
    .pagination .page-item .page-link {
        min-width: 38px;
        min-height: 38px;
        font-size: 0.95rem;
        padding: 0.4rem 0.6rem;
    }
}

/* --------- R28.6. Юзер-меню — фактические селекторы из user.js -----
   Кнопка залогиненного юзера: <a class="nk-nav-link nk-nav-toggle
   user-menu-item user-avatar-btn"><img class="user-avatar"><span
   class="user-display-name">Имя</span></a>.
   Старый R27.4 не попадал по этим селекторам. */
.user-avatar-btn,
a.user-avatar-btn,
.user-menu-item.user-avatar-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.85rem !important;
    border-radius: 10px;
    transition: background-color 0.15s ease;
}
.user-avatar-btn:hover {
    background-color: rgba(96, 70, 232, 0.06);
}
.user-avatar-btn .user-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 auto;
}
.user-avatar-btn .user-display-name {
    margin-left: 0 !important;
    margin-right: 0.25rem;
}
/* Чтобы между кнопкой "Скачать" и юзер-меню был чёткий gap */
header .nk-nav > .nk-nav-item.apps-download + .nk-nav-item,
header #user-panel {
    margin-left: 0.5rem;
}
/* Внешний li#user-panel — чтобы аватар не прижимался к правому краю шапки */
header #user-panel {
    padding-right: 0.25rem;
}

/* R31: .nk-r внутри баннера NashStore на главной — центрировать до 992px.
   Перебиваем style-nashstore.css @media(min-width:767px) .nk-r {justify-content:right} */
main.nk-pages > section.nk-banner .nk-r {
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
}
main.nk-pages > section.nk-banner .nk-r ul,
main.nk-pages > section.nk-banner .nk-r a,
main.nk-pages > section.nk-banner .nk-r img,
main.nk-pages > section.nk-banner .nk-r li {
    text-align: center;
    justify-content: center;
}
main.nk-pages > section.nk-banner .nk-banner-d {
    text-align: center;
}
@media (min-width: 992px) {
    main.nk-pages > section.nk-banner .nk-r {
        justify-content: flex-end !important;
        align-items: flex-end !important;
        text-align: right;
    }
    main.nk-pages > section.nk-banner .nk-r ul,
    main.nk-pages > section.nk-banner .nk-r a,
    main.nk-pages > section.nk-banner .nk-r img,
    main.nk-pages > section.nk-banner .nk-r li {
        text-align: right;
        justify-content: flex-end;
    }
    main.nk-pages > section.nk-banner .nk-banner-d {
        text-align: left;
    }
}

/* ========== R31: убираем двойную полоску под хедером ==========
   Было: .nk-header-main.has-separate имел свой border-bottom, а .nk-header
   (sticky-обёртка из style-local) — собственный box-shadow снизу. Между ними
   ~7px вертикального зазора, поэтому глаз видит две линии. Оставляем только
   тонкую тень снизу .nk-header, а внутреннюю границу убираем. */
header.nk-header .nk-header-main.has-separate {
    border-bottom: 0 !important;
}

/* ===== END header-cleanup.css ===== */
