@font-face {
  font-family: "HeadingFont";
  src: url(/static/fonts/MADE-Tommy-Soft-Bold.otf);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "HeadingFont";
  src: url(/static/fonts/MADE-Tommy-Soft-Medium.otf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CustomFont";
  src: url(/static/fonts/Brooklyn-Normal.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CustomFont";
  src: url(/static/fonts/Brooklyn-Bold.ttf);
  font-weight: 700;
  font-style: normal;
}

:root,
[data-bs-theme="light"] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #3d00ae;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #02266b;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-accent: #9b0a0a;
  --bs-primary-rgb: 2, 38, 107;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-accent-rgb: 155, 10, 10;
  --bs-primary-text-emphasis: #010f2b;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-accent-text-emphasis: #3e0404;
  --bs-primary-bg-subtle: #e6e9f0;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-accent-bg-subtle: #f5e7e7;
  --bs-primary-border-subtle: #b3bed3;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-accent-border-subtle: #e1b6b6;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: "CustomFont", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: #212529bf;
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: #21252980;
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #3539b5;
  --bs-link-color-rgb: 53, 57, 181;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #2a2e91;
  --bs-link-hover-color-rgb: 42, 46, 145;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem #00000026;
  --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-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
  --bs-footer-link: var(--bs-primary);
}

[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: #dee2e6bf;
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: #dee2e680;
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6d8bb3;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-accent-text-emphasis: #d06c6c;
  --bs-primary-bg-subtle: #010614;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-accent-bg-subtle: #1a0000;
  --bs-primary-border-subtle: #031a4a;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-accent-border-subtle: #5d0606;
  --bs-heading-color: #fff;
  --bs-link-color: #8688d3;
  --bs-link-hover-color: #9ea0dc;
  --bs-link-color-rgb: 134, 136, 211;
  --bs-link-hover-color-rgb: 158, 160, 220;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: #ffffff26;
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
  --bs-footer-link: var(--bs-white);
}

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

html {
  scroll-snap-type: y proximity;
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
  scroll-padding-bottom: 1rem;
  overflow-y: scroll;
}

.content-section {
  scroll-snap-align: start;
  scroll-snap-stop: normal;
  -webkit-overflow-scrolling: touch;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "HeadingFont", "CustomFont", sans-serif;
}

a {
  text-decoration: none;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.form-control {
  border: var(--bs-border-width) solid var(--bs-primary);
}

.form-control:focus {
  border-color: #9a9cda;
  box-shadow: 0 0 0 0.25rem var(--bs-primary-border-subtle);
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #9a9cda;
  box-shadow: 0 0 0 0.25rem #3539b540;
}

.form-check-input:checked {
  background-color: #3539b5;
  border-color: #3539b5;
}

.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3E%3C/svg%3E");
}

.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%272%27 fill=%27%23fff%27/%3E%3C/svg%3E");
}

.form-check-input[type="checkbox"]:indeterminate {
  background-color: #3539b5;
  border-color: #3539b5;
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3E%3C/svg%3E");
}

.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3E%3C/svg%3E");
  background-image: var(--bs-form-switch-bg);
}

.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%273%27 fill=%27%239a9cda%27/%3E%3C/svg%3E");
}

.form-switch .form-check-input:checked {
  background-position: 100%;
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%273%27 fill=%27%23fff%27/%3E%3C/svg%3E");
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem #3539b540;
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem #3539b540;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #02266b;
  --bs-btn-border-color: #02266b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #021f5a;
  --bs-btn-hover-border-color: #021d50;
  --bs-btn-focus-shadow-rgb: 13, 61, 139;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #02194a;
  --bs-btn-active-border-color: #021640;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #02266b;
  --bs-btn-disabled-border-color: #02266b;
}

.btn-accent {
  --bs-btn-color: #fff;
  --bs-btn-bg: #9b0a0a;
  --bs-btn-border-color: #9b0a0a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8c0909;
  --bs-btn-hover-border-color: #840909;
  --bs-btn-focus-shadow-rgb: 205, 60, 60;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7c0808;
  --bs-btn-active-border-color: #740808;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #9b0a0a;
  --bs-btn-disabled-border-color: #9b0a0a;
}

.btn-outline-primary {
  --bs-btn-color: #02266b;
  --bs-btn-border-color: #02266b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #02266b;
  --bs-btn-hover-border-color: #02266b;
  --bs-btn-focus-shadow-rgb: 2, 38, 107;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #021f5a;
  --bs-btn-active-border-color: #021f5a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #02266b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #02266b;
  --bs-gradient: none;
}

.btn-outline-accent {
  --bs-btn-color: #9b0a0a;
  --bs-btn-border-color: #9b0a0a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9b0a0a;
  --bs-btn-hover-border-color: #9b0a0a;
  --bs-btn-focus-shadow-rgb: 155, 10, 10;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8c0909;
  --bs-btn-active-border-color: #8c0909;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #9b0a0a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #9b0a0a;
  --bs-gradient: none;
}

.navbar {
  --bs-navbar-active-color: #02266be6;
  --bs-navbar-brand-color: #02266be6;
  --bs-navbar-brand-hover-color: #02266be6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.start-10 {
  left: 10% !important;
}

.start-20 {
  left: 20% !important;
}

.start-30 {
  left: 30% !important;
}

.start-40 {
  left: 40% !important;
}

.start-60 {
  left: 60% !important;
}

.start-70 {
  left: 70% !important;
}

.start-80 {
  left: 80% !important;
}

.start-90 {
  left: 90% !important;
}

.end-10 {
  right: 10% !important;
}

.end-20 {
  right: 20% !important;
}

.end-30 {
  right: 30% !important;
}

.end-40 {
  right: 40% !important;
}

.end-60 {
  right: 60% !important;
}

.end-70 {
  right: 70% !important;
}

.end-80 {
  right: 80% !important;
}

.end-90 {
  right: 90% !important;
}

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

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

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

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

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

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

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

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

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

.min-h-100 {
  min-height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.me-7 {
  margin-right: 4rem !important;
}

.me-8 {
  margin-right: 4.5rem !important;
}

.me-9 {
  margin-right: 5rem !important;
}

.me-10 {
  margin-right: 5.5rem !important;
}

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

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

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

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

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

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

.ms-7 {
  margin-left: 4rem !important;
}

.ms-8 {
  margin-left: 4.5rem !important;
}

.ms-9 {
  margin-left: 5rem !important;
}

.ms-10 {
  margin-left: 5.5rem !important;
}

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

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

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

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

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

.p-10 {
  padding: 5.5rem !important;
}

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

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

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

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

.px-10 {
  padding-left: 5.5rem !important;
  padding-right: 5.5rem !important;
}

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

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

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

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

.py-10 {
  padding-bottom: 5.5rem !important;
  padding-top: 5.5rem !important;
}

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

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

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

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

.pt-10 {
  padding-top: 5.5rem !important;
}

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

.pe-7 {
  padding-right: 4rem !important;
}

.pe-8 {
  padding-right: 4.5rem !important;
}

.pe-9 {
  padding-right: 5rem !important;
}

.pe-10 {
  padding-right: 5.5rem !important;
}

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

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

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

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

.pb-10 {
  padding-bottom: 5.5rem !important;
}

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

.ps-7 {
  padding-left: 4rem !important;
}

.ps-8 {
  padding-left: 4.5rem !important;
}

.ps-9 {
  padding-left: 5rem !important;
}

.ps-10 {
  padding-left: 5.5rem !important;
}

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

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

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

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

.gap-10 {
  gap: 5.5rem !important;
}

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

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

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

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

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

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

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

.column-gap-8 {
  column-gap: 4.5rem !important;
}

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

.column-gap-10 {
  column-gap: 5.5rem !important;
}

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

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

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

.text-accent-emphasis {
  color: var(--bs-accent-text-emphasis) !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-accent {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    var(--bs-accent-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}

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

.link-underline-opacity-0,
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10,
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25,
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50,
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75,
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100,
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

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

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

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}

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

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

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

@media (min-width: 576px) {
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

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

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .me-sm-0 {
    margin-right: 0 !important;
  }

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

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

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

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

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

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

  .me-sm-7 {
    margin-right: 4rem !important;
  }

  .me-sm-8 {
    margin-right: 4.5rem !important;
  }

  .me-sm-9 {
    margin-right: 5rem !important;
  }

  .me-sm-10 {
    margin-right: 5.5rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .ms-sm-0 {
    margin-left: 0 !important;
  }

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

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

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

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

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

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

  .ms-sm-7 {
    margin-left: 4rem !important;
  }

  .ms-sm-8 {
    margin-left: 4.5rem !important;
  }

  .ms-sm-9 {
    margin-left: 5rem !important;
  }

  .ms-sm-10 {
    margin-left: 5.5rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

  .p-sm-10 {
    padding: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .px-sm-10 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .py-sm-10 {
    padding-bottom: 5.5rem !important;
    padding-top: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .pt-sm-10 {
    padding-top: 5.5rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

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

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

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

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

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

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

  .pe-sm-7 {
    padding-right: 4rem !important;
  }

  .pe-sm-8 {
    padding-right: 4.5rem !important;
  }

  .pe-sm-9 {
    padding-right: 5rem !important;
  }

  .pe-sm-10 {
    padding-right: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .pb-sm-10 {
    padding-bottom: 5.5rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

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

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

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

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

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

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

  .ps-sm-7 {
    padding-left: 4rem !important;
  }

  .ps-sm-8 {
    padding-left: 4.5rem !important;
  }

  .ps-sm-9 {
    padding-left: 5rem !important;
  }

  .ps-sm-10 {
    padding-left: 5.5rem !important;
  }

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

  .gap-sm-7 {
    gap: 4rem !important;
  }

  .gap-sm-8 {
    gap: 4.5rem !important;
  }

  .gap-sm-9 {
    gap: 5rem !important;
  }

  .gap-sm-10 {
    gap: 5.5rem !important;
  }

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

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

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

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

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

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

  .column-gap-sm-7 {
    column-gap: 4rem !important;
  }

  .column-gap-sm-8 {
    column-gap: 4.5rem !important;
  }

  .column-gap-sm-9 {
    column-gap: 5rem !important;
  }

  .column-gap-sm-10 {
    column-gap: 5.5rem !important;
  }
}

@media (min-width: 768px) {
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

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

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .me-md-0 {
    margin-right: 0 !important;
  }

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

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

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

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

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

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

  .me-md-7 {
    margin-right: 4rem !important;
  }

  .me-md-8 {
    margin-right: 4.5rem !important;
  }

  .me-md-9 {
    margin-right: 5rem !important;
  }

  .me-md-10 {
    margin-right: 5.5rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .ms-md-0 {
    margin-left: 0 !important;
  }

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

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

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

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

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

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

  .ms-md-7 {
    margin-left: 4rem !important;
  }

  .ms-md-8 {
    margin-left: 4.5rem !important;
  }

  .ms-md-9 {
    margin-left: 5rem !important;
  }

  .ms-md-10 {
    margin-left: 5.5rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

  .p-md-10 {
    padding: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .px-md-10 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .py-md-10 {
    padding-bottom: 5.5rem !important;
    padding-top: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .pt-md-10 {
    padding-top: 5.5rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

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

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

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

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

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

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

  .pe-md-7 {
    padding-right: 4rem !important;
  }

  .pe-md-8 {
    padding-right: 4.5rem !important;
  }

  .pe-md-9 {
    padding-right: 5rem !important;
  }

  .pe-md-10 {
    padding-right: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .pb-md-10 {
    padding-bottom: 5.5rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

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

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

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

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

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

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

  .ps-md-7 {
    padding-left: 4rem !important;
  }

  .ps-md-8 {
    padding-left: 4.5rem !important;
  }

  .ps-md-9 {
    padding-left: 5rem !important;
  }

  .ps-md-10 {
    padding-left: 5.5rem !important;
  }

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

  .gap-md-7 {
    gap: 4rem !important;
  }

  .gap-md-8 {
    gap: 4.5rem !important;
  }

  .gap-md-9 {
    gap: 5rem !important;
  }

  .gap-md-10 {
    gap: 5.5rem !important;
  }

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

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

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

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

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

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

  .column-gap-md-7 {
    column-gap: 4rem !important;
  }

  .column-gap-md-8 {
    column-gap: 4.5rem !important;
  }

  .column-gap-md-9 {
    column-gap: 5rem !important;
  }

  .column-gap-md-10 {
    column-gap: 5.5rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }

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

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

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .me-lg-0 {
    margin-right: 0 !important;
  }

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

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

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

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

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

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

  .me-lg-7 {
    margin-right: 4rem !important;
  }

  .me-lg-8 {
    margin-right: 4.5rem !important;
  }

  .me-lg-9 {
    margin-right: 5rem !important;
  }

  .me-lg-10 {
    margin-right: 5.5rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .ms-lg-0 {
    margin-left: 0 !important;
  }

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

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

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

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

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

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

  .ms-lg-7 {
    margin-left: 4rem !important;
  }

  .ms-lg-8 {
    margin-left: 4.5rem !important;
  }

  .ms-lg-9 {
    margin-left: 5rem !important;
  }

  .ms-lg-10 {
    margin-left: 5.5rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

  .p-lg-10 {
    padding: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .px-lg-10 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .py-lg-10 {
    padding-bottom: 5.5rem !important;
    padding-top: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .pt-lg-10 {
    padding-top: 5.5rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

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

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

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

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

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

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

  .pe-lg-7 {
    padding-right: 4rem !important;
  }

  .pe-lg-8 {
    padding-right: 4.5rem !important;
  }

  .pe-lg-9 {
    padding-right: 5rem !important;
  }

  .pe-lg-10 {
    padding-right: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .pb-lg-10 {
    padding-bottom: 5.5rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

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

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

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

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

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

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

  .ps-lg-7 {
    padding-left: 4rem !important;
  }

  .ps-lg-8 {
    padding-left: 4.5rem !important;
  }

  .ps-lg-9 {
    padding-left: 5rem !important;
  }

  .ps-lg-10 {
    padding-left: 5.5rem !important;
  }

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

  .gap-lg-7 {
    gap: 4rem !important;
  }

  .gap-lg-8 {
    gap: 4.5rem !important;
  }

  .gap-lg-9 {
    gap: 5rem !important;
  }

  .gap-lg-10 {
    gap: 5.5rem !important;
  }

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

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

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

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

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

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

  .column-gap-lg-7 {
    column-gap: 4rem !important;
  }

  .column-gap-lg-8 {
    column-gap: 4.5rem !important;
  }

  .column-gap-lg-9 {
    column-gap: 5rem !important;
  }

  .column-gap-lg-10 {
    column-gap: 5.5rem !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

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

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .me-xl-0 {
    margin-right: 0 !important;
  }

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

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

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

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

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

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

  .me-xl-7 {
    margin-right: 4rem !important;
  }

  .me-xl-8 {
    margin-right: 4.5rem !important;
  }

  .me-xl-9 {
    margin-right: 5rem !important;
  }

  .me-xl-10 {
    margin-right: 5.5rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .ms-xl-0 {
    margin-left: 0 !important;
  }

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

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

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

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

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

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

  .ms-xl-7 {
    margin-left: 4rem !important;
  }

  .ms-xl-8 {
    margin-left: 4.5rem !important;
  }

  .ms-xl-9 {
    margin-left: 5rem !important;
  }

  .ms-xl-10 {
    margin-left: 5.5rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

  .p-xl-10 {
    padding: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .px-xl-10 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .py-xl-10 {
    padding-bottom: 5.5rem !important;
    padding-top: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .pt-xl-10 {
    padding-top: 5.5rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

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

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

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

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

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

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

  .pe-xl-7 {
    padding-right: 4rem !important;
  }

  .pe-xl-8 {
    padding-right: 4.5rem !important;
  }

  .pe-xl-9 {
    padding-right: 5rem !important;
  }

  .pe-xl-10 {
    padding-right: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .pb-xl-10 {
    padding-bottom: 5.5rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

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

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

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

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

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

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

  .ps-xl-7 {
    padding-left: 4rem !important;
  }

  .ps-xl-8 {
    padding-left: 4.5rem !important;
  }

  .ps-xl-9 {
    padding-left: 5rem !important;
  }

  .ps-xl-10 {
    padding-left: 5.5rem !important;
  }

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

  .gap-xl-7 {
    gap: 4rem !important;
  }

  .gap-xl-8 {
    gap: 4.5rem !important;
  }

  .gap-xl-9 {
    gap: 5rem !important;
  }

  .gap-xl-10 {
    gap: 5.5rem !important;
  }

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

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

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

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

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

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

  .column-gap-xl-7 {
    column-gap: 4rem !important;
  }

  .column-gap-xl-8 {
    column-gap: 4.5rem !important;
  }

  .column-gap-xl-9 {
    column-gap: 5rem !important;
  }

  .column-gap-xl-10 {
    column-gap: 5.5rem !important;
  }
}

@media (min-width: 1400px) {
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

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

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .me-xxl-0 {
    margin-right: 0 !important;
  }

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

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

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

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

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

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

  .me-xxl-7 {
    margin-right: 4rem !important;
  }

  .me-xxl-8 {
    margin-right: 4.5rem !important;
  }

  .me-xxl-9 {
    margin-right: 5rem !important;
  }

  .me-xxl-10 {
    margin-right: 5.5rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

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

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

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

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

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

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

  .ms-xxl-7 {
    margin-left: 4rem !important;
  }

  .ms-xxl-8 {
    margin-left: 4.5rem !important;
  }

  .ms-xxl-9 {
    margin-left: 5rem !important;
  }

  .ms-xxl-10 {
    margin-left: 5.5rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

  .p-xxl-10 {
    padding: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .px-xxl-10 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .py-xxl-10 {
    padding-bottom: 5.5rem !important;
    padding-top: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .pt-xxl-10 {
    padding-top: 5.5rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

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

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

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

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

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

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

  .pe-xxl-7 {
    padding-right: 4rem !important;
  }

  .pe-xxl-8 {
    padding-right: 4.5rem !important;
  }

  .pe-xxl-9 {
    padding-right: 5rem !important;
  }

  .pe-xxl-10 {
    padding-right: 5.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

  .pb-xxl-10 {
    padding-bottom: 5.5rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .ps-xxl-6 {
    padding-left: 3.5rem !important;
  }

  .ps-xxl-7 {
    padding-left: 4rem !important;
  }

  .ps-xxl-8 {
    padding-left: 4.5rem !important;
  }

  .ps-xxl-9 {
    padding-left: 5rem !important;
  }

  .ps-xxl-10 {
    padding-left: 5.5rem !important;
  }

  .gap-xxl-6 {
    gap: 3.5rem !important;
  }

  .gap-xxl-7 {
    gap: 4rem !important;
  }

  .gap-xxl-8 {
    gap: 4.5rem !important;
  }

  .gap-xxl-9 {
    gap: 5rem !important;
  }

  .gap-xxl-10 {
    gap: 5.5rem !important;
  }

  .row-gap-xxl-6 {
    row-gap: 3.5rem !important;
  }

  .row-gap-xxl-7 {
    row-gap: 4rem !important;
  }

  .row-gap-xxl-8 {
    row-gap: 4.5rem !important;
  }

  .row-gap-xxl-9 {
    row-gap: 5rem !important;
  }

  .row-gap-xxl-10 {
    row-gap: 5.5rem !important;
  }

  .column-gap-xxl-6 {
    column-gap: 3.5rem !important;
  }

  .column-gap-xxl-7 {
    column-gap: 4rem !important;
  }

  .column-gap-xxl-8 {
    column-gap: 4.5rem !important;
  }

  .column-gap-xxl-9 {
    column-gap: 5rem !important;
  }

  .column-gap-xxl-10 {
    column-gap: 5.5rem !important;
  }
}

@media (min-width: 576px) {
  .bsb-navbar.navbar-expand-sm {
    --bs-navbar-padding-y: 0;
    --bs-navbar-nav-link-padding-x: 1rem;
  }

  .bsb-navbar.navbar-expand-sm .navbar-nav {
    --bs-nav-link-padding-y: 1.5rem;
  }
}

@media (min-width: 768px) {
  .bsb-navbar.navbar-expand-md {
    --bs-navbar-padding-y: 0;
    --bs-navbar-nav-link-padding-x: 1rem;
  }

  .bsb-navbar.navbar-expand-md .navbar-nav {
    --bs-nav-link-padding-y: 1.5rem;
  }
}

@media (min-width: 992px) {
  .bsb-navbar.navbar-expand-lg {
    --bs-navbar-padding-y: 0;
    --bs-navbar-nav-link-padding-x: 0.4rem;
  }
}

@media (min-width: 1200px) {
  .bsb-navbar.navbar-expand-xl {
    --bs-navbar-padding-y: 0;
    --bs-navbar-nav-link-padding-x: 0.6rem;
  }

  .bsb-navbar.navbar-expand-xl .navbar-nav {
    --bs-nav-link-padding-y: 1.5rem;
  }
}

@media (min-width: 1400px) {
  .bsb-navbar.navbar-expand-xxl {
    --bs-navbar-padding-y: 0;
    --bs-navbar-nav-link-padding-x: 0.6rem;
  }
}

.bsb-navbar.navbar-expand {
  --bs-navbar-padding-y: 0;
  --bs-navbar-nav-link-padding-x: 1rem;
}

.bsb-navbar.navbar-expand .navbar-nav {
  --bs-nav-link-padding-y: 1.5rem;
}

.bsb-overlay {
  --bsb-overlay-opacity: 0.5;
  --bsb-overlay-bg-color: var(--bs-black-rgb);
  position: relative;
}

.bsb-overlay:after {
  background-color: rgba(
    var(--bsb-overlay-bg-color),
    var(--bsb-overlay-opacity)
  );
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.bsb-overlay > * {
  position: relative;
  z-index: 1;
}

.bsb-overlay-figure {
  --bsb-overlay-figure-opacity: 0.5;
  --bsb-overlay-figure-bg-color: var(--bs-black-rgb);
  position: relative;
}

.bsb-overlay-figure:after {
  background-color: rgba(
    var(--bsb-overlay-figure-bg-color),
    var(--bsb-overlay-figure-opacity)
  );
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.accordion {
  --bs-accordion-active-color: #000;
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.bsb-tpl-bg-lotion {
  background: #fafafa !important;
}

.bsb-tpl-border-lg-cyan {
  border-color: #dddddd !important;
}

[data-bs-theme="dark"] p {
  color: #fff;
}

[data-bs-theme="dark"].navbar {
  --bs-navbar-color: #ffffffca;
  --bs-navbar-active-color: #ffffff;
}

.bsb-tpl-font {
  font-family: Roboto Condensed, sans-serif !important;
}

.bsb-tpl-logo-footer {
  height: 60px;
  width: auto;
}

@media (min-width: 1200px) {
  .navbar-brand {
    padding-bottom: 15px;
    padding-top: 15px;
  }
}

.navbar-brand .bsb-tpl-logo {
  max-height: 95px;
  transition: all 0.5s;
  width: auto;
}

@media (min-width: 1200px) {
  .navbar-brand .bsb-tpl-logo {
    max-height: 100px;
  }
}

.navbar.stuck .navbar-brand .bsb-tpl-logo {
  max-height: 60px;
}

.bsb-navbar .nav-link {
  --bs-nav-link-font-weight: 700;
}

.navbar {
  min-height: 72px;
}

@media (min-width: 1200px) {
  .navbar {
    min-height: 125px;
  }
}

.navbar.bsb-tpl-navbar-float {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1030;
}

.navbar.bsb-tpl-navbar-sticky.fixed-top.stuck {
  max-height: 72px;
  min-height: 72px;
}

.bsb-tpl-navbar-sticky {
  transition: background-color 0.2s linear;
}

.stuck {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1020;
  transition: smooth 5s !important;
}

.navbar.bsb-tpl-navbar-sticky.bsb-tpl-navbar-float.pre-stuck {
  top: -150px;
}

.navbar.bsb-tpl-navbar-sticky.bsb-tpl-navbar-float.stuck {
  max-height: 80px;
  min-height: 80px;
  position: fixed;
  top: 0;
  transition: background-color 0.2s linear;
}

@media (min-width: 1400px) {
  .bsb-section-py-xxl-1 {
    padding-top: 8.5rem !important;
  }

  .bsb-section-pb-xxl-1,
  .bsb-section-py-xxl-1 {
    padding-bottom: 8.5rem !important;
  }
}

@media (min-width: 768px) {
  .bsb-section-mt-md-1 {
    margin-top: 8.5rem !important;
  }
}

/* Clients Section */

@keyframes slide {
  0% {
    transform: translateX(5%);
  }

  100% {
    transform: translateX(-50%);
  }
}

.clients-text {
  position: absolute;
  width: 19%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  z-index: 3;
}

@media (max-width: 1200px) {
  .clients-text {
    width: 25%;
  }
}

@media (max-width: 992px) {
  .clients-text {
    width: 30%;
  }
}

@media (max-width: 768px) {
  .clients-text {
    width: 38%;
  }
}

.logos {
  overflow: hidden;
  padding: 1rem 0;
  white-space: nowrap;
  position: relative;
}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 13rem;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.logos-slide {
  display: flex;
  width: 200%;
  animation: slide 30s infinite linear;
  will-change: transform;
  gap: 1.5rem;
}

.logos:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide img {
  height: 5rem;
  margin: 0;
  transition: filter 0.3s;
  filter: grayscale(1);
}

.logos-slide img:hover {
  filter: grayscale(0);
}

/* Testimonials */

.testimonials-slide {
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-snap-type: x mandatory;
  transition: scroll 5s ease-in-out;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.testimonials-slide::-webkit-scrollbar {
  display: none;
}

.testimonials {
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  min-width: 30rem;
  scroll-snap-align: start;
  transition: transform 5s ease-in-out;
  user-select: none;
}

@media (max-width: 500px) {
  .testimonials {
    min-width: 100%;
  }
}

.card-body .img-area {
  width: 5.5rem;
  height: 5.5rem;
  position: relative;
  margin: 0 auto;
  z-index: 1;
  border: 5px solid #fff;
  border-radius: 50%;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.35);
}

.card-body .img-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.cursor-pointer {
  cursor: pointer;
}

/* Achievements */

.achievements .carousel-item img {
  height: 30rem;
}

/* Blog Page */

.content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(transparent 1%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 1;
  transition: opacity 0.3s ease;
}

.card:hover .content-overlay {
  background: linear-gradient(transparent 0, rgba(0, 0, 0, 0.95) 100%);
}

.meta-info {
  transition: all 0.3s ease;
}

.card:hover .meta-info {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.translate-y-10 {
  transform: translateY(10px);
}

.card-img-overlay {
  z-index: 2;
}

@media (max-width: 768px) {
  .meta-info {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  .card-title {
    font-size: 1.7rem !important;
  }
  .card-text {
    font-size: 1rem !important;
  }
}

@media (max-width: 375px) {
  .card-title {
    font-size: 1.2rem !important;
  }
}

/* Card Styles for Latest Releases */

.card-img-top {
  cursor: pointer;
  height: 200px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.read-more {
  color: #6c757d;
  transition: color 0.2s;
}

.read-more:hover {
  color: var(--bs-primary);
}

/* News Page */

.hero-c {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hero-c .hero-c-article {
  margin-top: 8rem;
}

.hero-c-article,
.cms-posts {
  width: 100%;
}

.hero-article-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-article-item.for-hero-c {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.hero-article-image {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40vw;
  max-height: 576px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-article-image.for-home-c {
  flex: none;
  width: 60%;
  height: 34vw;
  max-height: 480px;
}

.cover-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}

.cover-image:hover {
  scale: 1.05;
}

.hero-article-info {
  z-index: 10;
  padding-right: 2rem;
  padding-left: 2rem;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 672px;
  margin-top: -128px;
  display: flex;
  position: relative;
}

.hero-article-info.for-hero-c {
  max-width: 416px;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.hero-article-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  text-decoration: none;
}

.heading-xlarge {
  font-size: 56px;
  font-weight: 900;
}

.heading-xlarge.is-smaller {
  font-size: 40px;
}

.heading-xlarge.for-hero-article:hover {
  text-decoration: underline;
}

.text-serif {
  font-family: var(--bs-font-monospace);
  font-size: 20px;
  font-weight: 300;
}

.text-serif.for-hero-article:hover {
  text-decoration: underline;
}

.text-tiny {
  font-size: 12px;
  font-weight: 400;
}

.tags-simple {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  margin-top: auto;
}

.top-stories {
  padding-top: 2rem;
  width: 36%;
  max-width: 372px;
}

.top-stories.for-hero-c {
  flex: none;
  width: 100%;
  height: 100%;
  max-width: none;
  padding-top: 0;
}

.top-stories-list {
  width: 100%;
}

.title-bar {
  padding-bottom: 1rem;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--bs-gray);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.heading-tiny {
  font-size: 16px;
  font-weight: 700;
}

.top-stories-list {
  width: 100%;
}

.top-stories-list.for-hero-c {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.top-story {
  padding-top: 1rem;
  padding-bottom: 1rem;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid var(--bs-gray);
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.top-story-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.article-link {
  text-decoration: none;
}

.article-link:hover {
  text-decoration: underline;
}

.heading-small {
  font-size: 20px;
  font-weight: 700;
}

.spacer-regular {
  width: 100%;
  height: 75px;
}

.the-latest {
  position: relative;
}

.title-bar.for-grids {
  margin-bottom: 32px;
}

.heading-large {
  font-size: 32px;
  font-weight: 700;
}

.button-tiny {
  padding: 4px 8px;
  background-color: rgb(0 0 0 / 11%);
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-tiny:hover {
  text-decoration: underline;
}

.text-small {
  font-size: 14px;
  font-weight: 400;
}

.grid-4-column {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  grid-row-end: auto;
}

.article-small-thumb {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 14vw;
  max-height: 192px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.article-small {
  width: 100%;
}

.article-small-info {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-bar {
  padding-bottom: 1rem;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--bs-gray);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.title-bar.for-grids {
  margin-bottom: 32px;
}

@media screen and (max-width: 1024px) {
  .hero-c {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-c-article {
    width: 100%;
    max-width: none;
    position: static;
  }

  .hero-article-item {
    justify-content: center;
    align-items: flex-start;
  }

  .hero-article-item.for-hero-c {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .hero-article-image,
  .hero-article-image {
    height: 60vw;
    max-height: none;
  }

  .hero-article-image.for-home-c {
    width: 100%;
    height: 60vw;
    max-height: none;
  }

  .hero-article-info.for-hero-c {
    padding-right: 2rem;
    padding-left: 2rem;
    max-width: fit-content;
    margin-top: -128px;
  }

  .hero-article-image .cover-image {
    opacity: 75%;
  }
}

@media screen and (max-width: 991px) {
  .top-stories {
    padding-top: 0;
    padding-right: 2rem;
    padding-left: 2rem;
    width: 100%;
    max-width: none;
  }

  .top-stories-list.for-hero-c {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .top-stories-list.for-hero-c {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .grid-4-column {
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .heading-xlarge.is-smaller {
    font-size: 35px;
  }

  .article-small-thumb {
    height: 20vw;
    max-height: none;
  }
}

@media screen and (max-width: 767px) {
  .hero-article-info,
  .hero-article-info.for-hero-c {
    padding-right: 1rem;
    padding-left: 1rem;
    margin-top: -96px;
  }

  .heading-xlarge {
    font-size: 48px;
  }

  .heading-xlarge.is-smaller {
    font-size: 30px;
  }

  .top-stories {
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .spacer-regular {
    height: 65px;
  }

  .title-bar.for-grids {
    margin-bottom: 16px;
  }

  .heading-large {
    font-size: 28px;
  }

  .grid-4-column {
    grid-template-columns: 1fr 1fr;
  }

  .article-small-thumb {
    height: 30vw;
  }

  .article-small-info {
    padding: 1rem 0 1rem 1rem;
  }

  .title-bar.for-grids {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 479px) {
  .hero-article-info,
  .hero-article-info.for-hero-c {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    max-width: none;
    margin-top: -64px;
  }

  .heading-xlarge {
    font-size: 40px;
  }

  .top-stories {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .grid-4-column {
    flex-flow: column;
    display: flex;
  }
}

/* FAQ */

.faq img {
  height: 190px;
  object-fit: cover;
}

.faq div .input-group input {
  font-size: 14px;
}

.responsive-heading {
  font-size: 3rem;
}

@media (max-width: 360px) {
  .responsive-heading {
    font-size: 1.5rem;
  }
}

@media (min-width: 361px) and (max-width: 575px) {
  .responsive-heading {
    font-size: 1.75rem;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .responsive-heading {
    font-size: 1.9rem;
  }
}

@media (min-width: 768px) and (max-width: 1300px) {
  .responsive-heading {
    font-size: 2rem;
  }
}

.accordion .accordion-item {
  border-radius: 0.5rem;
  box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15),
    -6px -6px 10px -1px rgba(225, 225, 225, 0.7);
}

/* Products */

.offer-banner {
  position: relative;
  width: 100%;
  height: 100vh;
  max-height: 50rem;
  min-height: 25rem;
  overflow: hidden;
}

.offer-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.offer-banner .carousel-control-prev,
.offer-banner .carousel-control-next {
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  width: 2.5rem;
  height: 2.5rem;;
}

.offer-banner .carousel-indicators {
  z-index: 2;
  bottom: 1.5rem;
}

@media (max-width: 460px) {
  .offer-banner {
    height: 50vh;
    min-height: 18.75rem;
    padding-top: 4.8rem;
  }
  .offer-banner::before {
    background: linear-gradient(black 20%, transparent 90%);
  }
  .offer-banner .carousel-indicators {
    bottom: 0.62rem;
  }
}

.category {
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
  height: 100%;
}

.category img {
  width: 8rem;
  height: 3rem;
  min-height: 100%;
  min-width: 100%;
}

@media (max-width: 576px) {
  .category img {
    width: 6rem;
    height: 2.5rem;
  }
}

.hover-effect {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-effect:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Contact */

.iframe-div iframe {
  border: 0;
  width: 100%;
  height: 390px;
}

.iframe-div {
  min-width: 85vw;
}

/* Product Details */

.product-view h6 {
  font-size: 0.8rem;
}

#no-service-found {
  max-width: 35%;
}

@media (max-width: 768px) {
  #no-service-found {
    max-width: 50%;
  }
}

@media (max-width: 576px) {
  #no-service-found {
    max-width: 75%;
  }
}

@media (max-width: 320px) {
  #no-service-found {
    max-width: 110%;
  }
}

/* Login Page */

.back-home {
  margin-left: -1rem !important;
}

.welcome-text {
  margin-left: -4rem !important;
}

.login-card {
  width: 90%;
}

.login-card img {
  object-fit: contain;
  width: 100%;
  max-height: 485px;
}

.login-par {
  bottom: 5px;
  background-color: rgba(248, 249, 250, 0.5);
  min-width: 85%;
}

.login-input {
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%;
  margin: 3.5% 0;
  height: 2rem;
  border-color: var(--bs-primary);
}

.login-input.is-signup {
  background-color: var(--bs-body-bg);
  margin: 1% 0;
  border-radius: 0;
}

.login-input:focus {
  outline: 0;
  box-shadow: none;
  border-color: var(--bs-primary);
}

@media (max-width: 1200px) {
  .welcome-text {
    margin-left: -2rem !important;
    font-size: 1.1rem !important;
  }
}

@media (max-width: 992px) {
  .welcome-text {
    margin-left: -4rem !important;
    font-size: 1.1rem !important;
    min-width: 80%;
  }

  .login-par {
    min-width: 90%;
    bottom: 0;
  }

  .login-card {
    margin: auto;
    min-width: 100%;
  }
}

@media (max-width: 768px) {
  .welcome-text {
    margin-left: -2rem !important;
    min-width: 50%;
  }
}

@media (max-width: 500px) {
  .welcome-text {
    max-width: 80%;
  }
}

.footer-links {
  color: var(--bs-footer-link) !important;
}

/* Signup Page */

.signup-card {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgba(17, 25, 40, 0.75);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.125);
}

.image-overlay-content {
  z-index: 1;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
}

.logo-container {
  max-width: 300px;
  width: 40vw;
}

.overlay-text h2 {
  font-size: 2rem;
}

.overlay-text .lead {
  font-size: 1.25rem;
  line-height: 1.4;
  max-width: 500px;
  margin: 0 auto;
}

@media (max-width: 992px) {
  .overlay-text h2 {
    font-size: 2rem;
  }
  .overlay-text .lead {
    font-size: 1.2rem;
  }
}

@media (max-width: 768px) {
  .overlay-text h2 {
    font-size: 1.75rem;
  }
  .overlay-text .lead {
    font-size: 1.2rem;
  }
}

@media (max-width: 576px) {
  .logo-container {
    width: 60vw;
  }

  .image-overlay-content {
    padding: 10% 5%;
  }

  .overlay-text h2 {
    font-size: 1.5rem;
  }

  .overlay-text .lead {
    font-size: 0.9rem;
  }
}

@media (max-width: 425px) {
  .overlay-text h2 {
    font-size: 1.3rem;
  }

  .overlay-text .lead {
    font-size: 0.8rem;
  }
}

@media (max-width: 375px) {
  .overlay-text h2 {
    font-size: 1rem;
  }

  .overlay-text .lead {
    font-size: 0.75rem;
  }
}

/* Navbar color change to primary according to background */
.white-bg-page .navbar {
  background-color: var(--bs-primary);
}

/* Service Details Page */

.icon-container svg {
  max-width: 28rem;
  max-height: 10rem;
  min-width: 18rem;
  min-height: 18rem;
}

.service-name {
  font-size: 4rem;
}

@media (max-width: 768px) {
  .service-name {
    font-size: 3.5rem;
  }
}

@media (max-width: 576px) {
  .service-name {
    font-size: 2.5rem;
  }
}

.glass-card {
  backdrop-filter: blur(0px) saturate(200%);
  -webkit-backdrop-filter: blur(0px) saturate(200%);
  background-color: rgba(147, 181, 242, 0.44);
  border: 1px solid rgba(255, 255, 255, 0.125);
}

.service-icon svg {
  max-width: 15rem;
  max-height: 10rem;
  min-width: 5rem;
  min-height: 5rem;
}

/* Service Details */

.feature-card,
.problem-card,
.solution-card,
.mission-card,
.vision-card {
  padding: 2.5rem;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.feature-card:hover,
.problem-card:hover,
.solution-card:hover,
.mission-card:hover,
.vision-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.animate-rotate {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

/* Decorative Icons */
.decorative-icon {
  position: absolute;
  opacity: 0.1;
  font-size: 6rem;
  z-index: 0;
}

@media (max-width: 576px) {
  .stat-box {
    width: 100%;
    min-width: 100%;
  }

  .stat-box span {
    white-space: normal;
  }
}

.problem-icon {
  color: #dc3545;
  right: -1rem;
  top: -1rem;
}
.solution-icon {
  color: #28a745;
  left: -1rem;
  top: -1rem;
}
.mission-icon {
  color: #007bff;
  right: -1rem;
  bottom: -1rem;
}
.vision-icon {
  color: #6f42c1;
  left: -1rem;
  bottom: -1rem;
}

/* Section Decorations */
.decorative-line {
  position: absolute;
  width: 80%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #007bff, transparent);
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.decorative-dots {
  position: absolute;
  width: 120px;
  height: 120px;
  background: radial-gradient(
    circle,
    rgba(0, 123, 255, 0.1) 20%,
    transparent 60%
  );
  right: -50px;
  top: -50px;
}

.decorative-circle {
  position: absolute;
  width: 80px;
  height: 80px;
  border: 2px dashed rgba(0, 123, 255, 0.3);
  border-radius: 50%;
  left: -40px;
  bottom: -40px;
}

/* Content Styling */
.problem-content,
.solution-content {
  position: relative;
  z-index: 1;
  font-size: 1.05rem;
  line-height: 1.8;
}

.problem-card .text-danger,
.solution-card .text-success,
.mission-card .text-primary,
.vision-card .text-dark {
  position: relative;
  padding-bottom: 1rem;
  border-bottom: 2px solid;
  display: inline-block;
}

.decorative-space {
  min-height: 300px;
  position: relative;
  overflow: hidden;
}

/* Problems & Solutions Section Decorations */
.left-decoration::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 100%;
  background: linear-gradient(
    135deg,
    rgba(220, 53, 69, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(220, 53, 69, 0.1) 50%,
    rgba(220, 53, 69, 0.1) 75%,
    transparent 75%
  );
  background-size: 40px 40px;
  transform: rotate(-5deg) translateX(-20%);
}

.right-decoration::after {
  content: "";
  position: absolute;
  width: 150%;
  height: 100%;
  right: 0;
  background: radial-gradient(
    circle at 70% 50%,
    rgba(25, 135, 84, 0.15) 20%,
    transparent 20%
  );
  transform: rotate(5deg) translateX(20%);
}

/* Mission & Vision Section Decorations */
.mission-vision .left-decoration::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      150deg,
      rgba(13, 110, 253, 0.1) 40%,
      transparent 40%
    ),
    url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20L0 20z' fill='%230d6efd' fill-opacity='0.1'/%3E%3C/svg%3E");
}

.mission-vision .right-decoration::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  background: linear-gradient(
      -30deg,
      rgba(102, 16, 242, 0.1) 40%,
      transparent 40%
    ),
    repeating-radial-gradient(
      circle at 30% 50%,
      rgba(102, 16, 242, 0.1) 0,
      rgba(102, 16, 242, 0.1) 10px,
      transparent 10px,
      transparent 20px
    );
}

/* Animation for decorative elements */
@keyframes subtleMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 40px 40px;
  }
}

.decorative-space::before,
.decorative-space::after {
  animation: subtleMove 20s linear infinite;
}

@media (max-width: 992px) {
  .decorative-space {
    min-height: 150px;
  }

  .left-decoration::before,
  .right-decoration::after {
    transform: none;
    width: 100%;
  }
}

/* Home Service Section */

:root {
  --cardHeight: 87vh;
  --mobileCardHeight: 70vh;
}

.service-section {
  margin: 0 auto;
}

.service-cards {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2vw;
}

.service-card {
  position: sticky;
  top: 5.5vw;
  z-index: 1;
}

.service-card-body img {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
}

.service-card-body {
  border-radius: 3rem;
  height: var(--cardHeight);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  overflow: hidden;
  position: relative;
}

.service-card-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}

@media (max-width: 768px) {
  :root {
    --cardHeight: var(--mobileCardHeight);
  }

  .service-card {
    top: 12vw;
  }

  .service-card-body {
    border-radius: 30px;
  }
}

@media (max-width: 480px) {
  .service-card {
    top: 20vw;
  }

  .service-card-body {
    border-radius: 20px;
  }
}

/* Job Application -PHONE NUMBER FIELD */

.iti.iti--allow-dropdown {
  width: 100% !important;
}

.iti-mobile .iti--container {
  top: 48vh !important;
  left: 10vw !important;
  right: 40vw !important;
}

.iti__country {
  font-size: 1rem !important;
}

@media (max-width: 680px) {
  .iti-mobile .iti--container {
    left: 10vw !important;
    right: 10vw !important;
  }
}

/* Blog Details */

.blog-img {
  width: -webkit-fill-available;
  height: 80vh;
}

.blog-head-wrapper {
  width: 80%;
  top: 62%;
}

.latest-card-img {
  height: 11.25rem;
}

@media (max-width: 768px) {
  .latest-card-img {
      height: 13.75rem;
  }
}

@media (min-width: 992px) {
  .latest-card-img {
      height: 9.4rem;
  }
}

@media (max-width: 576px) {
  .blog-head-wrapper {
    width: 100%;
  }
}

/* News Detail */

@media (min-width: 1024px) {
  .news-wrapper {
    width: 60vw;
  }
}

.news-img {
  height: 30rem;
}

@media (max-width: 767px) {
  .news-img {
    height: 60vw;
  }
}

/* Eror Page */

.page-not-found-title {
  font-size: 2rem;
  letter-spacing: -0.05rem;
  z-index: 1;
  margin-left: -0.8rem !important;
}
.error-badge {
  font-size: 0.4rem;
  left: -1.8rem;
  transform: translateY(-50%);
  z-index: 2;
}

@media (max-width: 768px) {
  .lead{
    font-size: 0.9rem;
  }

  .btn-sm{
    --bs-btn-font-size: 0.5rem;
  }
}

@media (min-width: 375px) {
  .page-not-found-title {
    font-size: 2.3rem;
  }
  .error-badge {
    font-size: 0.5rem;
    left: -1.5rem;
  }
}
@media (min-width: 425px) {
  .page-not-found-title {
    font-size: 2.7rem;
  }
  .error-badge {
    font-size: 0.5rem;
    left: -2rem;
  }
}

@media (min-width: 545px) {
  .page-not-found-title {
    font-size: 3rem;
  }
  .error-badge {
    font-size: 0.6rem;
    left: -1rem;
  }
}

@media (min-width: 768px) {
  .page-not-found-title {
    font-size: 4.5rem;
  }
  .error-badge {
    font-size: 0.8rem;
    left: -2rem;
  }
}

@media (min-width: 992px) {
  .page-not-found-title {
    font-size: 4.7rem;
  }
}

@media (min-width: 1200px) {
  .page-not-found-title {
    font-size: 6rem;
  }
  .error-badge {
    font-size: 1.3rem;
    left: -3rem;
  }
}