@charset "UTF-8";
@layer overrides, base;
@layer base {
    :root {
        --custom-modal-backdrop-bg: #a6adbf;
        --custom-body-bg: #f8f7fa;
        --app-sidebar-bg: var(--custom-body-bg);
        --app-header-bg: var(--custom-body-bg);
    }

    /*!
     * Bootstrap  v5.3.8 (https://getbootstrap.com/)
     * Copyright 2011-2025 The Bootstrap Authors
     * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
     */
    :root {
        --bs-blue: #0d6efd;
        --bs-indigo: #6610f2;
        --bs-purple: #6f42c1;
        --bs-pink: #d63384;
        --bs-red: #dc3545;
        --bs-orange: #fd7e14;
        --bs-yellow: #ffc107;
        --bs-green: #198754;
        --bs-teal: #20c997;
        --bs-cyan: #0dcaf0;
        --bs-black: #000;
        --bs-white: #ffffff;
        --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: #FD6A03;
        --bs-secondary: #5A44BD;
        --bs-success: #22B07E;
        --bs-info: #02B4FA;
        --bs-warning: #FDBB1F;
        --bs-danger: #FF401C;
        --bs-light: #F8F8F8;
        --bs-dark: #0C243C;
        --bs-gray: #97A1C0;
        --bs-primary-rgb: 253, 106, 3;
        --bs-secondary-rgb: 90, 68, 189;
        --bs-success-rgb: 34, 176, 126;
        --bs-info-rgb: 2, 180, 250;
        --bs-warning-rgb: 253, 187, 31;
        --bs-danger-rgb: 255, 64, 28;
        --bs-light-rgb: 248, 248, 248;
        --bs-dark-rgb: 12, 36, 60;
        --bs-white-rgb: 255, 255, 255;
        --bs-gray-rgb: 151, 161, 192;
        --bs-primary-text-emphasis: rgb(101.2, 42.4, 1.2);
        --bs-secondary-text-emphasis: rgb(36, 27.2, 75.6);
        --bs-success-text-emphasis: rgb(13.6, 70.4, 50.4);
        --bs-info-text-emphasis: rgb(0.8, 72, 100);
        --bs-warning-text-emphasis: rgb(101.2, 74.8, 12.4);
        --bs-danger-text-emphasis: rgb(102, 25.6, 11.2);
        --bs-light-text-emphasis: #495057;
        --bs-dark-text-emphasis: #495057;
        --bs-primary-bg-subtle: rgb(254.8, 240.1, 229.8);
        --bs-secondary-bg-subtle: rgb(238.5, 236.3, 248.4);
        --bs-success-bg-subtle: rgb(232.9, 247.1, 242.1);
        --bs-info-bg-subtle: rgb(229.7, 247.5, 254.5);
        --bs-warning-bg-subtle: rgb(254.8, 248.2, 232.6);
        --bs-danger-bg-subtle: rgb(255, 235.9, 232.3);
        --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
        --bs-dark-bg-subtle: #ced4da;
        --bs-primary-border-subtle: rgb(254.5, 217.75, 192);
        --bs-secondary-border-subtle: rgb(213.75, 208.25, 238.5);
        --bs-success-border-subtle: rgb(199.75, 235.25, 222.75);
        --bs-info-border-subtle: rgb(191.75, 236.25, 253.75);
        --bs-warning-border-subtle: rgb(254.5, 238, 199);
        --bs-danger-border-subtle: rgb(255, 207.25, 198.25);
        --bs-light-border-subtle: #e9ecef;
        --bs-dark-border-subtle: #adb5bd;
        --bs-black-rgb: 0, 0, 0;
        --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
        --bs-body-font-family: "Plus Jakarta Sans", sans-serif;
        --bs-body-font-size: 1rem;
        --bs-body-font-weight: 500;
        --bs-body-line-height: 1.6;
        --bs-body-color: #4B536B;
        --bs-body-color-rgb: 75, 83, 107;
        --bs-body-bg: #fff;
        --bs-body-bg-rgb: 255, 255, 255;
        --bs-emphasis-color: #000;
        --bs-emphasis-color-rgb: 0, 0, 0;
        --bs-secondary-color: rgba(75, 83, 107, 0.75);
        --bs-secondary-color-rgb: 75, 83, 107;
        --bs-secondary-bg: #f9f9f9;
        --bs-secondary-bg-rgb: 249, 249, 249;
        --bs-tertiary-color: rgba(75, 83, 107, 0.5);
        --bs-tertiary-color-rgb: 75, 83, 107;
        --bs-tertiary-bg: #f8f9fa;
        --bs-tertiary-bg-rgb: 248, 249, 250;
        --bs-heading-color: #0C243C;
        --bs-link-color: #FD6A03;
        --bs-link-color-rgb: 253, 106, 3;
        --bs-link-decoration: none;
        --bs-link-hover-color: rgb(202.4, 84.8, 2.4);
        --bs-link-hover-color-rgb: 202, 85, 2;
        --bs-code-color: #d63384;
        --bs-highlight-color: #4B536B;
        --bs-highlight-bg: rgb(255, 242.6, 205.4);
        --bs-border-width: 1px;
        --bs-border-style: solid;
        --bs-border-color: #BFC6D5;
        --bs-border-color-translucent: rgba(0, 0, 0, 0.1);
        --bs-border-radius: 0.375rem;
        --bs-border-radius-sm: 0.25rem;
        --bs-border-radius-lg: 0.625rem;
        --bs-border-radius-xl: 1rem;
        --bs-border-radius-xxl: 2rem;
        --bs-border-radius-2xl: var(--bs-border-radius-xxl);
        --bs-border-radius-pill: 50rem;
        --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
        --bs-box-shadow-lg: 0 0.26rem 1.126rem 0 rgba(45, 42, 60, 0.15);
        --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
        --bs-focus-ring-width: 0.1rem;
        --bs-focus-ring-opacity: 0.25;
        --bs-focus-ring-color: rgba(253, 106, 3, 0.25);
        --bs-form-valid-color: #22B07E;
        --bs-form-valid-border-color: #22B07E;
        --bs-form-invalid-color: #FF401C;
        --bs-form-invalid-border-color: #FF401C;
        --bs-breakpoint-xs: 0;
        --bs-breakpoint-sm: 576px;
        --bs-breakpoint-md: 768px;
        --bs-breakpoint-lg: 992px;
        --bs-breakpoint-xl: 1200px;
        --bs-breakpoint-xxl: 1400px;
        --bs-btn-close-filter: ;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

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

    body {
        margin: 0;
        font-family: var(--bs-body-font-family), serif;
        font-size: var(--bs-body-font-size);
        font-weight: var(--bs-body-font-weight);
        line-height: var(--bs-body-line-height);
        color: var(--bs-body-color);
        text-align: var(--bs-body-text-align);
        background-color: var(--bs-body-bg);
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    hr {
        margin: 1rem 0;
        color: inherit;
        border: 0;
        border-top: var(--bs-border-width) solid;
        opacity: 0.25;
    }

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

    h1, .h1 {
        font-size: calc(1.34375rem + 1.125vw);
    }

    @media (min-width: 1200px) {
        h1, .h1 {
            font-size: 2.1875rem;
        }
    }

    h2, .h2 {
        font-size: calc(1.3rem + 0.6vw);
    }

    @media (min-width: 1200px) {
        h2, .h2 {
            font-size: 1.75rem;
        }
    }

    h3, .h3 {
        font-size: calc(1.278125rem + 0.3375vw);
    }

    @media (min-width: 1200px) {
        h3, .h3 {
            font-size: 1.53125rem;
        }
    }

    h4, .h4 {
        font-size: calc(1.25625rem + 0.075vw);
    }

    @media (min-width: 1200px) {
        h4, .h4 {
            font-size: 1.3125rem;
        }
    }

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

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

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

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

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

    ol,
    ul {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }

    b,
    strong {
        font-weight: bolder;
    }

    small, .small {
        font-size: 0.875em;
    }

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

    a:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
    }

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


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

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

    a > code {
        color: inherit;
    }

    img,
    svg {
        vertical-align: middle;
    }

    table {
        caption-side: bottom;
        border-collapse: collapse;
    }

    th {
        text-align: inherit;
        text-align: -webkit-match-parent;
    }


    tbody,
    tr,
    td,
    th {
        border-color: inherit;
        border-style: solid;
        border-width: 0;
    }

    label {
        display: inline-block;
    }

    button {
        border-radius: 0;
    }

    button:focus:not(:focus-visible) {
        outline: 0;
    }

    input,
    button {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }

    button {
        text-transform: none;
    }

    [role=button] {
        cursor: pointer;
    }

    button,
    [type=button],
    [type=reset],
    [type=submit] {
        -webkit-appearance: button;
    }

    button:not(:disabled),
    [type=button]:not(:disabled),
    [type=reset]:not(:disabled),
    [type=submit]:not(:disabled) {
        cursor: pointer;
    }

    ::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

    ::-webkit-datetime-edit-fields-wrapper,
    ::-webkit-datetime-edit-text,
    ::-webkit-datetime-edit-minute,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-year-field {
        padding: 0;
    }

    ::-webkit-inner-spin-button {
        height: auto;
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px;
    }

    [type=search]::-webkit-search-cancel-button {
        cursor: pointer;
        filter: grayscale(1);
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none;
    }

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

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

    output {
        display: inline-block;
    }

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

    [hidden] {
        display: none !important;
    }

    .display-6 {
        font-weight: 300;
        line-height: 1.2;
        font-size: calc(1.375rem + 1.5vw);
    }

    @media (min-width: 1200px) {
        .display-6 {
            font-size: 2.5rem;
        }
    }

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

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

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

    .container {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-right: auto;
        margin-left: auto;
    }

    @media (min-width: 576px) {
        .container {
            max-width: 540px;
        }
    }
    @media (min-width: 768px) {
        .container {
            max-width: 720px;
        }
    }
    @media (min-width: 992px) {
        .container {
            max-width: 960px;
        }
    }
    @media (min-width: 1200px) {
        .container {
            max-width: 1140px;
        }
    }
    @media (min-width: 1400px) {
        .container {
            max-width: 1320px;
        }
    }

    .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-0.5 * var(--bs-gutter-x));
        margin-left: calc(-0.5 * var(--bs-gutter-x));
    }

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-top: var(--bs-gutter-y);
    }

    .col {
        flex: 1 0 0;
    }

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

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

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

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

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

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

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

    .g-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-5 {
        --bs-gutter-x: 2.5rem;
    }

    .g-5 {
        --bs-gutter-y: 2.5rem;
    }

    @media (min-width: 768px) {
        .col-md-3 {
            flex: 0 0 auto;
            width: 25%;
        }

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

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

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

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

        .col-md-8 {
            flex: 0 0 auto;
            width: 66.66666667%;
        }
    }
    @media (min-width: 992px) {
        .col-lg-4 {
            flex: 0 0 auto;
            width: 33.33333333%;
        }

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

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

        .col-lg-7 {
            flex: 0 0 auto;
            width: 58.33333333%;
        }
    }
    .table {
        --bs-table-color-type: initial;
        --bs-table-bg-type: initial;
        --bs-table-color-state: initial;
        --bs-table-bg-state: initial;
        --bs-table-color: var(--bs-heading-color);
        --bs-table-bg: transparent;
        --bs-table-border-color: color-mix(in srgb, var(--bs-border-color) 40%, white 60%);
        --bs-table-accent-bg: transparent;
        --bs-table-striped-color: var(--bs-heading-color);
        --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
        --bs-table-active-color: var(--bs-heading-color);
        --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
        --bs-table-hover-color: var(--bs-heading-color);
        --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.025);
        width: 100%;
        margin-bottom: 1rem;
        vertical-align: middle;
        border-color: var(--bs-table-border-color);
    }

    .table > :not(caption) > * > * {
        padding: 10px 15px;
        color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
        background-color: var(--bs-table-bg);
        border-bottom-width: var(--bs-border-width);
        box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
    }

    .table > tbody {
        vertical-align: inherit;
    }

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

    .form-label {
        margin-bottom: 4px;
    }

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

    .form-control {
        display: block;
        width: 100%;
        padding: 0.532rem 1.2rem;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.6;
        color: var(--bs-body-color);
        appearance: none;
        background-color: var(--bs-body-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .form-control {
            transition: none;
        }
    }
    .form-control[type=file] {
        overflow: hidden;
    }

    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

    .form-control:focus {
        color: var(--bs-body-color);
        background-color: var(--bs-body-bg);
        border-color: var(--bs-primary);
        outline: 0;
        box-shadow: 0 0.1rem 0.3rem 0 rgba(var(--bs-primary-rgb), 0.2), 0 0 0 1px var(--bs-primary);
    }

    .form-control::-webkit-date-and-time-value {
        min-width: 85px;
        height: 1.6em;
        margin: 0;
    }

    .form-control::-webkit-datetime-edit {
        display: block;
        padding: 0;
    }

    .form-control::placeholder {
        color: rgb(204, 204, 204);
        opacity: 1;
    }

    .form-control:disabled {
        background-color: var(--bs-secondary-bg);
        opacity: 1;
    }

    .form-control::file-selector-button {
        padding: 0.532rem 1.2rem;
        margin: -0.532rem -1.2rem;
        margin-inline-end: 1.2rem;
        color: var(--bs-body-color);
        background-color: var(--bs-tertiary-bg);
        pointer-events: none;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        border-inline-end-width: var(--bs-border-width);
        border-radius: 0;
        transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .form-control::file-selector-button {
            transition: none;
        }
    }
    .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
        background-color: var(--bs-secondary-bg);
    }

    .form-control-plaintext {
        display: block;
        width: 100%;
        padding: 0.532rem 0;
        margin-bottom: 0;
        line-height: 1.6;
        color: var(--bs-body-color);
        background-color: transparent;
        border: solid transparent;
        border-width: var(--bs-border-width) 0;
    }

    .form-control-plaintext:focus {
        outline: 0;
    }

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0;
    }

    .form-control-sm {
        min-height: calc(1.6em + 0.7rem + calc(var(--bs-border-width) * 2));
        padding: 0.35rem 0.7rem;
        font-size: 0.8125rem;
        border-radius: 8px;
    }

    .form-control-sm::file-selector-button {
        padding: 0.35rem 0.7rem;
        margin: -0.35rem -0.7rem;
        margin-inline-end: 0.7rem;
    }

    .form-control-lg {
        min-height: calc(1.6em + 1.5rem + calc(var(--bs-border-width) * 2));
        padding: 0.75rem 1.4rem;
        font-size: 0.9375rem;
        border-radius: var(--bs-border-radius-lg);
    }

    .form-control-lg::file-selector-button {
        padding: 0.75rem 1.4rem;
        margin: -0.75rem -1.4rem;
        margin-inline-end: 1.4rem;
    }

    textarea.form-control {
        min-height: calc(1.6em + 1.064rem + calc(var(--bs-border-width) * 2));
    }

    textarea.form-control-sm {
        min-height: calc(1.6em + 0.7rem + calc(var(--bs-border-width) * 2));
    }

    textarea.form-control-lg {
        min-height: calc(1.6em + 1.5rem + calc(var(--bs-border-width) * 2));
    }

    .form-control-color {
        width: 3rem;
        height: calc(1.6em + 1.064rem + calc(var(--bs-border-width) * 2));
        padding: 0.532rem;
    }

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

    .form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: var(--bs-border-radius);
    }

    .form-control-color::-webkit-color-swatch {
        border: 0 !important;
        border-radius: var(--bs-border-radius);
    }

    .form-control-color.form-control-sm {
        height: calc(1.6em + 0.7rem + calc(var(--bs-border-width) * 2));
    }

    .form-control-color.form-control-lg {
        height: calc(1.6em + 1.5rem + calc(var(--bs-border-width) * 2));
    }

    .form-select {
        --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        display: block;
        width: 100%;
        padding: 0.532rem 3.6rem 0.532rem 1.2rem;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.6;
        color: var(--bs-body-color);
        appearance: none;
        background-color: var(--bs-body-bg);
        background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
        background-repeat: no-repeat;
        background-position: right 1.2rem center;
        background-size: 16px 12px;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .form-select {
            transition: none;
        }
    }
    .form-select:focus {
        border-color: var(--bs-primary);
        outline: 0;
        box-shadow: 0 0 0 0.1rem rgba(253, 106, 3, 0.25);
    }

    .form-select[multiple], .form-select[size]:not([size="1"]) {
        padding-right: 1.2rem;
        background-image: none;
    }

    .form-select:disabled {
        background-color: var(--bs-secondary-bg);
    }

    .form-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 var(--bs-body-color);
    }

    .form-select-sm {
        padding-top: 0.35rem;
        padding-bottom: 0.35rem;
        padding-left: 0.7rem;
        font-size: 0.8125rem;
        border-radius: 8px;
    }

    .form-select-lg {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 1.4rem;
        font-size: 0.9375rem;
        border-radius: var(--bs-border-radius-lg);
    }

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

    .form-check {
        display: block;
        min-height: 1.4rem;
        padding-left: 2em;
        margin-bottom: 0.125rem;
    }

    .form-check .form-check-input {
        float: left;
        margin-left: -2em;
    }

    .form-check-reverse {
        padding-right: 2em;
        padding-left: 0;
        text-align: right;
    }

    .form-check-reverse .form-check-input {
        float: right;
        margin-right: -2em;
        margin-left: 0;
    }

    .form-check-input {
        --bs-form-check-bg: var(--bs-body-bg);
        flex-shrink: 0;
        width: 1.5em;
        height: 1.5em;
        margin-top: 0.05em;
        vertical-align: top;
        appearance: none;
        background-color: var(--bs-form-check-bg);
        background-image: var(--bs-form-check-bg-image);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border: var(--bs-border-width) solid var(--bs-border-color);
        print-color-adjust: exact;
    }

    .form-check-input[type=checkbox] {
        border-radius: var(--bs-border-radius);
    }

    .form-check-input[type=radio] {
        border-radius: 50%;
    }

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

    .form-check-input:focus {
        border-color: var(--bs-primary);
        outline: 0;
        box-shadow: none;
    }

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

    .form-check-input:checked[type=checkbox] {
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 10l3 3 7-7'/%3e%3c/svg%3e");
    }

    .form-check-input:checked[type=radio] {
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
    }

    .form-check-input[type=checkbox]:indeterminate {
        background-color: #FD6A03;
        border-color: #FD6A03;
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    }

    .form-check-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: 0.5;
    }

    .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
        cursor: default;
        opacity: 0.5;
    }

    .form-switch {
        padding-left: 3.3em;
    }

    .form-switch .form-check-input {
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        width: 2.8em;
        margin-left: -3.3em;
        background-image: var(--bs-form-switch-bg);
        background-position: left center;
        border-radius: 2.8em;
        transition: background-position 0.15s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .form-switch .form-check-input {
            transition: none;
        }
    }
    .form-switch .form-check-input:focus {
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='var%28--bs-primary%29'/%3e%3c/svg%3e");
    }

    .form-switch .form-check-input:checked {
        background-position: right center;
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    }

    .form-switch.form-check-reverse {
        padding-right: 3.3em;
        padding-left: 0;
    }

    .form-switch.form-check-reverse .form-check-input {
        margin-right: -3.3em;
        margin-left: 0;
    }

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

    .btn-check {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

    .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
        pointer-events: none;
        filter: none;
        opacity: 0.65;
    }

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

    .form-range {
        width: 100%;
        height: calc(1rem + 2px);
        padding: 0;
        appearance: none;
        background-color: transparent;
    }

    .form-range:focus {
        outline: 0;
    }

    .form-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 5px rgba(var(--bs-primary-rgb), 0.25), 0 0.1rem 0.3rem 0 rgba(var(--bs-primary-rgb), 0.2), 0 0 0 1px var(--bs-primary);
    }

    .form-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 5px rgba(var(--bs-primary-rgb), 0.25), 0 0.1rem 0.3rem 0 rgba(var(--bs-primary-rgb), 0.2), 0 0 0 1px var(--bs-primary);
    }

    .form-range::-moz-focus-outer {
        border: 0;
    }

    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.3rem;
        appearance: none;
        background-color: var(--bs-primary);
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .form-range::-webkit-slider-thumb {
            transition: none;
        }
    }
    .form-range::-webkit-slider-thumb:active {
        background-color: var(--bs-primary);
    }

    .form-range::-webkit-slider-runnable-track {
        width: 100%;
        height: 0.4rem;
        color: transparent;
        cursor: pointer;
        background-color: rgba(var(--bs-primary-rgb), 0.25);
        border-color: transparent;
        border-radius: 1rem;
    }

    .form-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        appearance: none;
        background-color: var(--bs-primary);
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .form-range::-moz-range-thumb {
            transition: none;
        }
    }
    .form-range::-moz-range-thumb:active {
        background-color: var(--bs-primary);
    }

    .form-range::-moz-range-track {
        width: 100%;
        height: 0.4rem;
        color: transparent;
        cursor: pointer;
        background-color: rgba(var(--bs-primary-rgb), 0.25);
        border-color: transparent;
        border-radius: 1rem;
    }

    .form-range:disabled {
        pointer-events: none;
    }

    .form-range:disabled::-webkit-slider-thumb {
        background-color: var(--bs-body-color);
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: var(--bs-body-color);
    }

    .form-floating {
        position: relative;
    }

    .form-floating > .form-control,
    .form-floating > .form-control-plaintext,
    .form-floating > .form-select {
        height: calc(3.5rem + calc(var(--bs-border-width) * 2));
        min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
        line-height: 1.25;
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        max-width: 100%;
        height: 100%;
        padding: 1rem 1.2rem;
        overflow: hidden;
        color: rgba(var(--bs-body-color-rgb), 0.65);
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: var(--bs-border-width) solid transparent;
        transform-origin: 0 0;
        transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .form-floating > label {
            transition: none;
        }
    }
    .form-floating > .form-control,
    .form-floating > .form-control-plaintext {
        padding: 1rem 1.2rem;
    }

    .form-floating > .form-control::placeholder,
    .form-floating > .form-control-plaintext::placeholder {
        color: transparent;
    }

    .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
    .form-floating > .form-control-plaintext:focus,
    .form-floating > .form-control-plaintext:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

    .form-floating > .form-control:-webkit-autofill,
    .form-floating > .form-control-plaintext:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

    .form-floating > .form-select {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
        padding-left: 1.2rem;
    }

    .form-floating > .form-control:focus ~ label,
    .form-floating > .form-control:not(:placeholder-shown) ~ label,
    .form-floating > .form-control-plaintext ~ label,
    .form-floating > .form-select ~ label {
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }

    .form-floating > .form-control:-webkit-autofill ~ label {
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }

    .form-floating > textarea:focus ~ label::after,
    .form-floating > textarea:not(:placeholder-shown) ~ label::after {
        position: absolute;
        inset: 1rem 0.6rem;
        z-index: -1;
        height: 1.5em;
        content: "";
        background-color: var(--bs-body-bg);
        border-radius: var(--bs-border-radius);
    }

    .form-floating > textarea:disabled ~ label::after {
        background-color: var(--bs-secondary-bg);
    }

    .form-floating > .form-control-plaintext ~ label {
        border-width: var(--bs-border-width) 0;
    }

    .form-floating > :disabled ~ label,
    .form-floating > .form-control:disabled ~ label {
        color: #6c757d;
    }

    .input-group > .form-control,
    .input-group > .form-select,
    .input-group > .form-floating {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
    }

    .input-group > .form-control:focus,
    .input-group > .form-select:focus,
    .input-group > .form-floating:focus-within {
        z-index: 5;
    }

    .input-group .btn {
        position: relative;
        z-index: 2;
    }

    .input-group .btn:focus {
        z-index: 5;
    }

    .input-group-lg > .form-control,
    .input-group-lg > .form-select,
    .input-group-lg > .btn {
        padding: 0.75rem 1.4rem;
        font-size: 0.9375rem;
        border-radius: var(--bs-border-radius-lg);
    }

    .input-group-sm > .form-control,
    .input-group-sm > .form-select,
    .input-group-sm > .btn {
        padding: 0.35rem 0.7rem;
        font-size: 0.8125rem;
        border-radius: 8px;
    }

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


    .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
    .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
    .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
    .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
    .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group > .form-floating:not(:first-child) > .form-control,
    .input-group > .form-floating:not(:first-child) > .form-select {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .valid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 0.875em;
        color: var(--bs-form-valid-color);
    }

    .valid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 3px 8px;
        margin-top: 0.1rem;
        font-size: 0.6875rem;
        color: #fff;
        background-color: var(--bs-success);
        border-radius: var(--bs-border-radius-sm);
    }

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

    .was-validated .form-control:valid, .form-control.is-valid {
        border-color: var(--bs-form-valid-border-color);
        padding-right: calc(1.6em + 1.064rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2322B07E' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(0.4em + 0.266rem) center;
        background-size: calc(0.8em + 0.532rem) calc(0.8em + 0.532rem);
    }

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0 0 0.1rem rgba(var(--bs-success-rgb), 0.25);
    }

    .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
        padding-right: calc(1.6em + 1.064rem);
        background-position: top calc(0.4em + 0.266rem) right calc(0.4em + 0.266rem);
    }

    .was-validated .form-select:valid, .form-select.is-valid {
        border-color: var(--bs-form-valid-border-color);
    }

    .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2322B07E' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
        padding-right: 6.6rem;
        background-position: right 1.2rem center, center right 3.6rem;
        background-size: 16px 12px, calc(0.8em + 0.532rem) calc(0.8em + 0.532rem);
    }

    .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0 0 0.1rem rgba(var(--bs-success-rgb), 0.25);
    }

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

    .was-validated .form-check-input:valid, .form-check-input.is-valid {
        border-color: var(--bs-form-valid-border-color);
    }

    .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
        background-color: var(--bs-form-valid-color);
    }

    .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
        box-shadow: 0 0 0 0.1rem rgba(var(--bs-success-rgb), 0.25);
    }

    .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
        color: var(--bs-form-valid-color);
    }

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

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

    .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 0.875em;
        color: var(--bs-form-invalid-color);
    }

    .invalid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 3px 8px;
        margin-top: 0.1rem;
        font-size: 0.6875rem;
        color: #fff;
        background-color: var(--bs-danger);
        border-radius: var(--bs-border-radius-sm);
    }

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

    .was-validated .form-control:invalid, .form-control.is-invalid {
        border-color: var(--bs-form-invalid-border-color);
        padding-right: calc(1.6em + 1.064rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF401C'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF401C' stroke='none'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(0.4em + 0.266rem) center;
        background-size: calc(0.8em + 0.532rem) calc(0.8em + 0.532rem);
    }

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 0.1rem rgba(var(--bs-danger-rgb), 0.25);
    }

    .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
        padding-right: calc(1.6em + 1.064rem);
        background-position: top calc(0.4em + 0.266rem) right calc(0.4em + 0.266rem);
    }

    .was-validated .form-select:invalid, .form-select.is-invalid {
        border-color: var(--bs-form-invalid-border-color);
    }

    .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF401C'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF401C' stroke='none'/%3e%3c/svg%3e");
        padding-right: 6.6rem;
        background-position: right 1.2rem center, center right 3.6rem;
        background-size: 16px 12px, calc(0.8em + 0.532rem) calc(0.8em + 0.532rem);
    }

    .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 0.1rem rgba(var(--bs-danger-rgb), 0.25);
    }

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

    .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
        border-color: var(--bs-form-invalid-border-color);
    }

    .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
        background-color: var(--bs-form-invalid-color);
    }

    .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
        box-shadow: 0 0 0 0.1rem rgba(var(--bs-danger-rgb), 0.25);
    }

    .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
        color: var(--bs-form-invalid-color);
    }

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

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

    .btn {
        --bs-btn-padding-x: 1.2rem;
        --bs-btn-padding-y: 0.532rem;
        --bs-btn-font-family: ;
        --bs-btn-font-size: 0.875rem;
        --bs-btn-font-weight: 500;
        --bs-btn-line-height: 1.5;
        --bs-btn-color: var(--bs-body-color);
        --bs-btn-bg: transparent;
        --bs-btn-border-width: var(--bs-border-width);
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: 8px;
        --bs-btn-hover-border-color: transparent;
        --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
        --bs-btn-disabled-opacity: 0.65;
        --bs-btn-focus-box-shadow: 0 0 0 0.1rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
        display: inline-block;
        padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        font-family: var(--bs-btn-font-family);
        font-size: var(--bs-btn-font-size);
        font-weight: var(--bs-btn-font-weight);
        line-height: var(--bs-btn-line-height);
        color: var(--bs-btn-color);
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        user-select: none;
        border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius: var(--bs-btn-border-radius);
        background-color: var(--bs-btn-bg);
        transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .btn {
            transition: none;
        }
    }
    .btn:hover {
        color: var(--bs-btn-hover-color);
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
    }

    .btn-check + .btn:hover {
        color: var(--bs-btn-color);
        background-color: var(--bs-btn-bg);
        border-color: var(--bs-btn-border-color);
    }

    .btn:focus-visible {
        color: var(--bs-btn-hover-color);
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
        outline: 0;
        box-shadow: var(--bs-btn-focus-box-shadow);
    }

    .btn-check:focus-visible + .btn {
        border-color: var(--bs-btn-hover-border-color);
        outline: 0;
        box-shadow: var(--bs-btn-focus-box-shadow);
    }

    .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
        color: var(--bs-btn-active-color);
        background-color: var(--bs-btn-active-bg);
        border-color: var(--bs-btn-active-border-color);
    }

    .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
        box-shadow: var(--bs-btn-focus-box-shadow);
    }

    .btn-check:checked:focus-visible + .btn {
        box-shadow: var(--bs-btn-focus-box-shadow);
    }

    .btn:disabled, .btn.disabled, fieldset:disabled .btn {
        color: var(--bs-btn-disabled-color);
        pointer-events: none;
        background-color: var(--bs-btn-disabled-bg);
        border-color: var(--bs-btn-disabled-border-color);
        opacity: var(--bs-btn-disabled-opacity);
    }

    .btn-primary {
        --bs-btn-color: #ffffff;
        --bs-btn-bg: #FD6A03;
        --bs-btn-border-color: #FD6A03;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: rgb(215.05, 90.1, 2.55);
        --bs-btn-hover-border-color: rgb(202.4, 84.8, 2.4);
        --bs-btn-focus-shadow-rgb: 253, 128, 41;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: rgb(202.4, 84.8, 2.4);
        --bs-btn-active-border-color: rgb(189.75, 79.5, 2.25);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #ffffff;
        --bs-btn-disabled-bg: #FD6A03;
        --bs-btn-disabled-border-color: #FD6A03;
    }

    .btn-secondary {
        --bs-btn-color: #ffffff;
        --bs-btn-bg: #5A44BD;
        --bs-btn-border-color: #5A44BD;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: rgb(76.5, 57.8, 160.65);
        --bs-btn-hover-border-color: rgb(72, 54.4, 151.2);
        --bs-btn-focus-shadow-rgb: 115, 96, 199;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: rgb(72, 54.4, 151.2);
        --bs-btn-active-border-color: rgb(67.5, 51, 141.75);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #ffffff;
        --bs-btn-disabled-bg: #5A44BD;
        --bs-btn-disabled-border-color: #5A44BD;
    }

    .btn-success {
        --bs-btn-color: #ffffff;
        --bs-btn-bg: #22B07E;
        --bs-btn-border-color: #22B07E;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: rgb(28.9, 149.6, 107.1);
        --bs-btn-hover-border-color: rgb(27.2, 140.8, 100.8);
        --bs-btn-focus-shadow-rgb: 67, 188, 145;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: rgb(27.2, 140.8, 100.8);
        --bs-btn-active-border-color: rgb(25.5, 132, 94.5);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #ffffff;
        --bs-btn-disabled-bg: #22B07E;
        --bs-btn-disabled-border-color: #22B07E;
    }

    .btn-info {
        --bs-btn-color: #ffffff;
        --bs-btn-bg: #02B4FA;
        --bs-btn-border-color: #02B4FA;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: rgb(1.7, 153, 212.5);
        --bs-btn-hover-border-color: rgb(1.6, 144, 200);
        --bs-btn-focus-shadow-rgb: 40, 191, 251;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: rgb(1.6, 144, 200);
        --bs-btn-active-border-color: rgb(1.5, 135, 187.5);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #ffffff;
        --bs-btn-disabled-bg: #02B4FA;
        --bs-btn-disabled-border-color: #02B4FA;
    }

    .btn-warning {
        --bs-btn-color: #ffffff;
        --bs-btn-bg: #FDBB1F;
        --bs-btn-border-color: #FDBB1F;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: rgb(215.05, 158.95, 26.35);
        --bs-btn-hover-border-color: rgb(202.4, 149.6, 24.8);
        --bs-btn-focus-shadow-rgb: 253, 197, 65;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: rgb(202.4, 149.6, 24.8);
        --bs-btn-active-border-color: rgb(189.75, 140.25, 23.25);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #ffffff;
        --bs-btn-disabled-bg: #FDBB1F;
        --bs-btn-disabled-border-color: #FDBB1F;
    }

    .btn-danger {
        --bs-btn-color: #ffffff;
        --bs-btn-bg: #FF401C;
        --bs-btn-border-color: #FF401C;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: rgb(216.75, 54.4, 23.8);
        --bs-btn-hover-border-color: rgb(204, 51.2, 22.4);
        --bs-btn-focus-shadow-rgb: 255, 93, 62;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: rgb(204, 51.2, 22.4);
        --bs-btn-active-border-color: rgb(191.25, 48, 21);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #ffffff;
        --bs-btn-disabled-bg: #FF401C;
        --bs-btn-disabled-border-color: #FF401C;
    }

    .btn-light {
        --bs-btn-color: #000;
        --bs-btn-bg: #F8F8F8;
        --bs-btn-border-color: #F8F8F8;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: rgb(210.8, 210.8, 210.8);
        --bs-btn-hover-border-color: rgb(198.4, 198.4, 198.4);
        --bs-btn-focus-shadow-rgb: 211, 211, 211;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: rgb(198.4, 198.4, 198.4);
        --bs-btn-active-border-color: #bababa;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #F8F8F8;
        --bs-btn-disabled-border-color: #F8F8F8;
    }

    .btn-dark {
        --bs-btn-color: #ffffff;
        --bs-btn-bg: #0C243C;
        --bs-btn-border-color: #0C243C;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: rgb(48.45, 68.85, 89.25);
        --bs-btn-hover-border-color: rgb(36.3, 57.9, 79.5);
        --bs-btn-focus-shadow-rgb: 48, 69, 89;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: rgb(60.6, 79.8, 99);
        --bs-btn-active-border-color: rgb(36.3, 57.9, 79.5);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #ffffff;
        --bs-btn-disabled-bg: #0C243C;
        --bs-btn-disabled-border-color: #0C243C;
    }

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

    .btn-gray {
        --bs-btn-color: #ffffff;
        --bs-btn-bg: #97A1C0;
        --bs-btn-border-color: #97A1C0;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: rgb(128.35, 136.85, 163.2);
        --bs-btn-hover-border-color: rgb(120.8, 128.8, 153.6);
        --bs-btn-focus-shadow-rgb: 167, 175, 201;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: rgb(120.8, 128.8, 153.6);
        --bs-btn-active-border-color: rgb(113.25, 120.75, 144);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #ffffff;
        --bs-btn-disabled-bg: #97A1C0;
        --bs-btn-disabled-border-color: #97A1C0;
    }

    .btn-outline-primary {
        --bs-btn-color: #FD6A03;
        --bs-btn-border-color: #FD6A03;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: #FD6A03;
        --bs-btn-hover-border-color: #FD6A03;
        --bs-btn-focus-shadow-rgb: 253, 106, 3;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: #FD6A03;
        --bs-btn-active-border-color: #FD6A03;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #FD6A03;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #FD6A03;
        --bs-gradient: none;
    }

    .btn-outline-secondary {
        --bs-btn-color: #5A44BD;
        --bs-btn-border-color: #5A44BD;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: #5A44BD;
        --bs-btn-hover-border-color: #5A44BD;
        --bs-btn-focus-shadow-rgb: 90, 68, 189;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: #5A44BD;
        --bs-btn-active-border-color: #5A44BD;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #5A44BD;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #5A44BD;
        --bs-gradient: none;
    }

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

    .btn-outline-info {
        --bs-btn-color: #02B4FA;
        --bs-btn-border-color: #02B4FA;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: #02B4FA;
        --bs-btn-hover-border-color: #02B4FA;
        --bs-btn-focus-shadow-rgb: 2, 180, 250;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: #02B4FA;
        --bs-btn-active-border-color: #02B4FA;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #02B4FA;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #02B4FA;
        --bs-gradient: none;
    }

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

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

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

    .btn-outline-dark {
        --bs-btn-color: #0C243C;
        --bs-btn-border-color: #0C243C;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: #0C243C;
        --bs-btn-hover-border-color: #0C243C;
        --bs-btn-focus-shadow-rgb: 12, 36, 60;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: #0C243C;
        --bs-btn-active-border-color: #0C243C;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #0C243C;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #0C243C;
        --bs-gradient: none;
    }

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

    .btn-outline-gray {
        --bs-btn-color: #97A1C0;
        --bs-btn-border-color: #97A1C0;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: #97A1C0;
        --bs-btn-hover-border-color: #97A1C0;
        --bs-btn-focus-shadow-rgb: 151, 161, 192;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: #97A1C0;
        --bs-btn-active-border-color: #97A1C0;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #97A1C0;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #97A1C0;
        --bs-gradient: none;
    }

    .btn-link {
        --bs-btn-font-weight: 400;
        --bs-btn-color: var(--bs-link-color);
        --bs-btn-bg: transparent;
        --bs-btn-border-color: transparent;
        --bs-btn-hover-color: var(--bs-link-hover-color);
        --bs-btn-hover-border-color: transparent;
        --bs-btn-active-color: var(--bs-link-hover-color);
        --bs-btn-active-border-color: transparent;
        --bs-btn-disabled-color: #6c757d;
        --bs-btn-disabled-border-color: transparent;
        --bs-btn-box-shadow: 0 0 0 #000;
        --bs-btn-focus-shadow-rgb: 253, 128, 41;
        text-decoration: none;
    }

    .btn-link:focus-visible {
        color: var(--bs-btn-color);
    }

    .btn-link:hover {
        color: var(--bs-btn-hover-color);
    }

    .btn-lg, .btn-group-lg > .btn {
        --bs-btn-padding-y: 0.75rem;
        --bs-btn-padding-x: 1.4rem;
        --bs-btn-font-size: 0.9375rem;
        --bs-btn-border-radius: 10px;
    }

    .btn-group-lg > .btn, .btn-lg {
        --bs-btn-padding-y: .5rem;
        --bs-btn-padding-x: 1rem;
        --bs-btn-font-size: 1.25rem;
        --bs-btn-border-radius: var(--bs-border-radius-lg);
    }

    .btn-sm, .btn-group-sm > .btn {
        --bs-btn-padding-y: 0.35rem;
        --bs-btn-padding-x: 0.7rem;
        --bs-btn-font-size: 0.8125rem;
        --bs-btn-border-radius: 6px;
    }

    .fade {
        transition: opacity 0.15s linear;
    }

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

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

    .collapsing {
        height: 0;
        overflow: hidden;
        transition: height 0.35s ease;
    }

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

    @media (prefers-reduced-motion: reduce) {
        .collapsing.collapse-horizontal {
            transition: none;
        }
    }


    .dropdown,
    .dropdown-center {
        position: relative;
    }

    .dropdown-toggle {
        white-space: nowrap;
    }

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .dropdown-toggle:empty::after {
        margin-left: 0;
    }

    .dropdown-menu {
        --bs-dropdown-zindex: 1000;
        --bs-dropdown-min-width: 10rem;
        --bs-dropdown-padding-x: 6px;
        --bs-dropdown-padding-y: 6px;
        --bs-dropdown-spacer: 0.125rem;
        --bs-dropdown-font-size: 0.875rem;
        --bs-dropdown-color: var(--bs-body-color);
        --bs-dropdown-bg: var(--bs-body-bg);
        --bs-dropdown-border-color: var(--bs-border-color);
        --bs-dropdown-border-radius: var(--bs-border-radius);
        --bs-dropdown-border-width: var(--bs-border-width);
        --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
        --bs-dropdown-divider-bg: var(--bs-border-color);
        --bs-dropdown-divider-margin-y: 0.5rem;
        --bs-dropdown-box-shadow: var(--bs-box-shadow);
        --bs-dropdown-link-color: var(--bs-body-color);
        --bs-dropdown-link-hover-color: var(--bs-body-color);
        --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
        --bs-dropdown-link-active-color: var(--bs-primary);
        --bs-dropdown-link-active-bg: var(--bs-primary-bg-subtle);
        --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
        --bs-dropdown-item-padding-x: 15px;
        --bs-dropdown-item-padding-y: 8px;
        --bs-dropdown-header-color: #6c757d;
        --bs-dropdown-header-padding-x: 15px;
        --bs-dropdown-header-padding-y: 6px;
        position: absolute;
        z-index: var(--bs-dropdown-zindex);
        display: none;
        min-width: var(--bs-dropdown-min-width);
        padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
        margin: 0;
        font-size: var(--bs-dropdown-font-size);
        color: var(--bs-dropdown-color);
        text-align: left;
        list-style: none;
        background-color: var(--bs-dropdown-bg);
        background-clip: padding-box;
        border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
        border-radius: var(--bs-dropdown-border-radius);
    }

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: var(--bs-dropdown-spacer);
    }

    .dropdown-menu-start {
        --bs-position: start;
    }

    .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

    .dropdown-menu-end {
        --bs-position: end;
    }

    .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto;
    }

    @media (min-width: 576px) {
        .dropdown-menu-sm-start {
            --bs-position: start;
        }

        .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

        .dropdown-menu-sm-end {
            --bs-position: end;
        }

        .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
    }
    @media (min-width: 768px) {
        .dropdown-menu-md-start {
            --bs-position: start;
        }

        .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

        .dropdown-menu-md-end {
            --bs-position: end;
        }

        .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
    }
    @media (min-width: 992px) {
        .dropdown-menu-lg-start {
            --bs-position: start;
        }

        .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

        .dropdown-menu-lg-end {
            --bs-position: end;
        }

        .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
    }
    @media (min-width: 1200px) {
        .dropdown-menu-xl-start {
            --bs-position: start;
        }

        .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

        .dropdown-menu-xl-end {
            --bs-position: end;
        }

        .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
    }
    @media (min-width: 1400px) {
        .dropdown-menu-xxl-start {
            --bs-position: start;
        }

        .dropdown-menu-xxl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

        .dropdown-menu-xxl-end {
            --bs-position: end;
        }

        .dropdown-menu-xxl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
    }
    .dropup .dropdown-menu[data-bs-popper] {
        top: auto;
        bottom: 100%;
        margin-top: 0;
        margin-bottom: var(--bs-dropdown-spacer);
    }

    .dropup .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0;
        border-right: 0.3em solid transparent;
        border-bottom: 0.3em solid;
        border-left: 0.3em solid transparent;
    }

    .dropup .dropdown-toggle:empty::after {
        margin-left: 0;
    }

    .dropend .dropdown-menu[data-bs-popper] {
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: var(--bs-dropdown-spacer);
    }

    .dropend .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0;
        border-bottom: 0.3em solid transparent;
        border-left: 0.3em solid;
    }

    .dropend .dropdown-toggle:empty::after {
        margin-left: 0;
    }

    .dropend .dropdown-toggle::after {
        vertical-align: 0;
    }

    .dropstart .dropdown-menu[data-bs-popper] {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: var(--bs-dropdown-spacer);
    }

    .dropstart .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
    }

    .dropstart .dropdown-toggle::after {
        display: none;
    }

    .dropstart .dropdown-toggle::before {
        display: inline-block;
        margin-right: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0.3em solid;
        border-bottom: 0.3em solid transparent;
    }

    .dropstart .dropdown-toggle:empty::after {
        margin-left: 0;
    }

    .dropstart .dropdown-toggle::before {
        vertical-align: 0;
    }

    .dropdown-divider {
        height: 0;
        margin: var(--bs-dropdown-divider-margin-y) 0;
        overflow: hidden;
        border-top: 1px solid var(--bs-dropdown-divider-bg);
        opacity: 1;
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
        clear: both;
        font-weight: 400;
        color: var(--bs-dropdown-link-color);
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
        border-radius: var(--bs-dropdown-item-border-radius, 0);
    }

    .dropdown-item:hover, .dropdown-item:focus {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg);
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg);
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent;
    }

    .dropdown-menu.show {
        display: block;
    }

    .dropdown-header {
        display: block;
        padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
        margin-bottom: 0;
        font-size: 0.765625rem;
        color: var(--bs-dropdown-header-color);
        white-space: nowrap;
    }

    .dropdown-item-text {
        display: block;
        padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
        color: var(--bs-dropdown-link-color);
    }

    .dropdown-menu-dark {
        --bs-dropdown-color: #dee2e6;
        --bs-dropdown-bg: #343a40;
        --bs-dropdown-border-color: var(--bs-border-color);
        --bs-dropdown-box-shadow: ;
        --bs-dropdown-link-color: #dee2e6;
        --bs-dropdown-link-hover-color: #ffffff;
        --bs-dropdown-divider-bg: var(--bs-border-color);
        --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
        --bs-dropdown-link-active-color: var(--bs-primary);
        --bs-dropdown-link-active-bg: var(--bs-primary-bg-subtle);
        --bs-dropdown-link-disabled-color: #adb5bd;
        --bs-dropdown-header-color: #adb5bd;
    }

    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: inline-flex;
        vertical-align: middle;
    }

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        flex: 1 1 auto;
    }

    .btn-group > .btn-check:checked + .btn,
    .btn-group > .btn-check:focus + .btn,
    .btn-group > .btn:hover,
    .btn-group > .btn:focus,
    .btn-group > .btn:active,
    .btn-group > .btn.active,
    .btn-group-vertical > .btn-check:checked + .btn,
    .btn-group-vertical > .btn-check:focus + .btn,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
        z-index: 1;
    }

    .btn-toolbar {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .btn-toolbar .input-group {
        width: auto;
    }

    .btn-group {
        border-radius: 8px;
    }

    .btn-group > :not(.btn-check:first-child) + .btn,
    .btn-group > .btn-group:not(:first-child) {
        margin-left: calc(-1 * var(--bs-border-width));
    }

    .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
    .btn-group > .btn.dropdown-toggle-split:first-child,
    .btn-group > .btn-group:not(:last-child) > .btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group > .btn:nth-child(n+3),
    .btn-group > :not(.btn-check) + .btn,
    .btn-group > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .dropdown-toggle-split {
        padding-right: 0.9rem;
        padding-left: 0.9rem;
    }

    .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
        margin-left: 0;
    }

    .dropstart .dropdown-toggle-split::before {
        margin-right: 0;
    }

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

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

    .btn-group-vertical {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .btn-group-vertical > .btn,
    .btn-group-vertical > .btn-group {
        width: 100%;
    }

    .btn-group-vertical > .btn:not(:first-child),
    .btn-group-vertical > .btn-group:not(:first-child) {
        margin-top: calc(-1 * var(--bs-border-width));
    }

    .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
    .btn-group-vertical > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:nth-child(n+3),
    .btn-group-vertical > :not(.btn-check) + .btn,
    .btn-group-vertical > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .nav {
        --bs-nav-link-padding-x: 1.2rem;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-font-weight: ;
        --bs-nav-link-color: var(--bs-body-color);
        --bs-nav-link-hover-color: var(--bs-primary);
        --bs-nav-link-disabled-color: var(--bs-secondary-color);
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .nav-link {
        display: block;
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
        font-size: var(--bs-nav-link-font-size);
        font-weight: var(--bs-nav-link-font-weight);
        color: var(--bs-nav-link-color);
        background: none;
        border: 0;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .nav-link {
            transition: none;
        }
    }
    .nav-link:hover, .nav-link:focus {
        color: var(--bs-nav-link-hover-color);
    }

    .nav-link:focus-visible {
        outline: 0;
        box-shadow: 0 0 0 0.1rem rgba(253, 106, 3, 0.25);
    }

    .nav-link.disabled, .nav-link:disabled {
        color: var(--bs-nav-link-disabled-color);
        pointer-events: none;
        cursor: default;
    }

    .nav-tabs .nav-item.show .nav-link {
        color: var(--bs-nav-tabs-link-active-color);
        background-color: var(--bs-nav-tabs-link-active-bg);
        border-color: var(--bs-nav-tabs-link-active-border-color);
    }

    .nav-tabs .dropdown-menu {
        margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .nav-pills .show > .nav-link {
        color: var(--bs-nav-pills-link-active-color);
        background-color: var(--bs-nav-pills-link-active-bg);
    }

    .nav-underline .show > .nav-link {
        font-weight: 700;
        color: var(--bs-nav-underline-link-active-color);
        border-bottom-color: currentcolor;
    }

    .navbar {
        --bs-navbar-padding-x: 12px;
        --bs-navbar-padding-y: 10px;
        --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
        --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
        --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
        --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-brand-padding-y: 0.325rem;
        --bs-navbar-brand-margin-end: 1rem;
        --bs-navbar-brand-font-size: 1.09375rem;
        --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-nav-link-padding-x: 0.5rem;
        --bs-navbar-toggler-padding-y: 5px;
        --bs-navbar-toggler-padding-x: 5px;
        --bs-navbar-toggler-font-size: 1.09375rem;
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2875, 83, 107, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
        --bs-navbar-toggler-border-radius: 8px;
        --bs-navbar-toggler-focus-width: 0.1rem;
        --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
    }

    .navbar > .container,
    .navbar > .container-fluid,
    .navbar > .container-sm,
    .navbar > .container-md,
    .navbar > .container-lg,
    .navbar > .container-xl,
    .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
    }

    .navbar-brand {
        padding-top: var(--bs-navbar-brand-padding-y);
        padding-bottom: var(--bs-navbar-brand-padding-y);
        margin-right: var(--bs-navbar-brand-margin-end);
        font-size: var(--bs-navbar-brand-font-size);
        color: var(--bs-navbar-brand-color);
        white-space: nowrap;
    }

    .navbar-brand:hover, .navbar-brand:focus {
        color: var(--bs-navbar-brand-hover-color);
    }

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

    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
        color: var(--bs-navbar-active-color);
    }

    .navbar-nav .dropdown-menu {
        position: static;
    }

    .navbar-text {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        color: var(--bs-navbar-color);
    }

    .navbar-text a,
    .navbar-text a:hover,
    .navbar-text a:focus {
        color: var(--bs-navbar-active-color);
    }

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

    .navbar-toggler {
        padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        color: var(--bs-navbar-color);
        background-color: transparent;
        border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
    }

    @media (prefers-reduced-motion: reduce) {
        .navbar-toggler {
            transition: none;
        }
    }
    .navbar-toggler:hover {
        text-decoration: none;
    }

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
    }

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

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

    @media (min-width: 576px) {
        .navbar-expand-sm {
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row;
        }

        .navbar-expand-sm .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand-sm .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x);
        }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }

        .navbar-expand-sm .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none;
        }

        .navbar-expand-sm .offcanvas .offcanvas-header {
            display: none;
        }

        .navbar-expand-sm .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
    }
    @media (min-width: 768px) {
        .navbar-expand-md {
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

        .navbar-expand-md .navbar-nav {
            flex-direction: row;
        }

        .navbar-expand-md .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand-md .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x);
        }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }

        .navbar-expand-md .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none;
        }

        .navbar-expand-md .offcanvas .offcanvas-header {
            display: none;
        }

        .navbar-expand-md .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
    }
    @media (min-width: 992px) {
        .navbar-expand-lg {
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row;
        }

        .navbar-expand-lg .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x);
        }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }

        .navbar-expand-lg .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none;
        }

        .navbar-expand-lg .offcanvas .offcanvas-header {
            display: none;
        }

        .navbar-expand-lg .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
    }
    @media (min-width: 1200px) {
        .navbar-expand-xl {
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row;
        }

        .navbar-expand-xl .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand-xl .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x);
        }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }

        .navbar-expand-xl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none;
        }

        .navbar-expand-xl .offcanvas .offcanvas-header {
            display: none;
        }

        .navbar-expand-xl .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
    }
    @media (min-width: 1400px) {
        .navbar-expand-xxl {
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

        .navbar-expand-xxl .navbar-nav {
            flex-direction: row;
        }

        .navbar-expand-xxl .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand-xxl .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x);
        }

        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-xxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none;
        }

        .navbar-expand-xxl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none;
        }

        .navbar-expand-xxl .offcanvas .offcanvas-header {
            display: none;
        }

        .navbar-expand-xxl .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
    }
    .navbar-expand {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

    .navbar-expand .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

    .navbar-expand .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }

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

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

    .card {
        --bs-card-spacer-y: 20px;
        --bs-card-spacer-x: 20px;
        --bs-card-title-spacer-y: 0.5rem;
        --bs-card-title-color: ;
        --bs-card-subtitle-color: ;
        --bs-card-border-width: var(--bs-border-width);
        --bs-card-border-color: color-mix(in srgb, var(--bs-border-color) 40%, white 60%);
        --bs-card-border-radius: 0.625rem;
        --bs-card-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.03);
        --bs-card-inner-border-radius: calc(0.625rem - (var(--bs-border-width)));
        --bs-card-cap-padding-y: 20px;
        --bs-card-cap-padding-x: 20px;
        --bs-card-cap-bg: transparent;
        --bs-card-cap-color: ;
        --bs-card-height: none;
        --bs-card-color: ;
        --bs-card-bg: var(--bs-body-bg);
        --bs-card-img-overlay-padding: 1rem;
        --bs-card-group-margin: 0.75rem;
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        height: var(--bs-card-height);
        color: var(--bs-body-color);
        word-wrap: break-word;
        background-color: var(--bs-card-bg);
        background-clip: border-box;
        border: var(--bs-card-border-width) solid var(--bs-card-border-color);
        border-radius: var(--bs-card-border-radius);
    }

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

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

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

    .card-header:first-child {
        border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
    }

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

    .card-footer:last-child {
        border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
    }

    .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
        border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
        border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    }

    .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
        border-radius: 0;
    }

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

    .breadcrumb-item + .breadcrumb-item {
        padding-left: var(--bs-breadcrumb-item-padding-x);
    }

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

    .breadcrumb-item.active {
        color: var(--bs-breadcrumb-item-active-color);
    }

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

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

    .alert-heading {
        color: inherit;
    }

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

    .alert-dismissible {
        padding-right: 45px;
    }

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 15px 15px;
    }

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

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

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

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

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

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

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

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

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

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

    @keyframes progress-bar-stripes {
        0% {
            background-position-x: var(--bs-progress-height);
        }
    }

    .btn-close {
        --bs-btn-close-color: #000;
        --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
        --bs-btn-close-opacity: 0.5;
        --bs-btn-close-hover-opacity: 0.75;
        --bs-btn-close-focus-shadow: none;
        --bs-btn-close-focus-opacity: 1;
        --bs-btn-close-disabled-opacity: 0.25;
        box-sizing: content-box;
        width: 10px;
        height: 10px;
        padding: 0.25em 0.25em;
        color: var(--bs-btn-close-color);
        background: transparent var(--bs-btn-close-bg) center/10px auto no-repeat;
        filter: var(--bs-btn-close-filter);
        border: 0;
        border-radius: 0.375rem;
        opacity: var(--bs-btn-close-opacity);
    }

    .btn-close:hover {
        color: var(--bs-btn-close-color);
        text-decoration: none;
        opacity: var(--bs-btn-close-hover-opacity);
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: var(--bs-btn-close-focus-shadow);
        opacity: var(--bs-btn-close-focus-opacity);
    }

    .btn-close:disabled, .btn-close.disabled {
        pointer-events: none;
        user-select: none;
        opacity: var(--bs-btn-close-disabled-opacity);
    }

    .btn-close-white {
        --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
    }

    .toast {
        --bs-toast-zindex: 1090;
        --bs-toast-padding-x: 0.75rem;
        --bs-toast-padding-y: 0.5rem;
        --bs-toast-spacing: 1.5rem;
        --bs-toast-max-width: 350px;
        --bs-toast-font-size: 0.8125rem;
        --bs-toast-color: ;
        --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.9);
        --bs-toast-border-width: var(--bs-border-width);
        --bs-toast-border-color: var(--bs-border-color-translucent);
        --bs-toast-border-radius: var(--bs-border-radius);
        --bs-toast-box-shadow: var(--bs-box-shadow-lg);
        --bs-toast-header-color: var(--bs-heading-color);
        --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
        --bs-toast-header-border-color: var(--bs-border-color-translucent);
        width: var(--bs-toast-max-width);
        max-width: 100%;
        font-size: var(--bs-toast-font-size);
        color: var(--bs-toast-color);
        pointer-events: auto;
        background-color: var(--bs-toast-bg);
        background-clip: padding-box;
        border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
        box-shadow: var(--bs-toast-box-shadow);
        border-radius: var(--bs-toast-border-radius);
    }

    .toast.showing {
        opacity: 0;
    }

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

    .toast-container {
        --bs-toast-zindex: 1090;
        position: absolute;
        z-index: var(--bs-toast-zindex);
        width: max-content;
        max-width: 100%;
        pointer-events: none;
    }

    .toast-container > :not(:last-child) {
        margin-bottom: var(--bs-toast-spacing);
    }

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

    .toast-header .btn-close {
        margin-right: calc(-0.5 * var(--bs-toast-padding-x));
        margin-left: var(--bs-toast-padding-x);
    }

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

    .modal {
        --bs-modal-zindex: 1055;
        --bs-modal-width: 500px;
        --bs-modal-padding: 20px;
        --bs-modal-margin: 0.5rem;
        --bs-modal-color: var(--bs-body-color);
        --bs-modal-bg: var(--bs-body-bg);
        --bs-modal-border-color: var(--bs-border-color-translucent);
        --bs-modal-border-width: 0;
        --bs-modal-border-radius: var(--bs-border-radius-lg);
        --bs-modal-box-shadow: var(--bs-box-shadow-sm);
        --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - 0);
        --bs-modal-header-padding-x: 20px;
        --bs-modal-header-padding-y: 20px;
        --bs-modal-header-padding: 20px 20px;
        --bs-modal-header-border-color: var(--bs-border-color);
        --bs-modal-header-border-width: 1px;
        --bs-modal-title-line-height: 1.6;
        --bs-modal-footer-gap: 0.5rem;
        --bs-modal-footer-bg: ;
        --bs-modal-footer-border-color: var(--bs-border-color);
        --bs-modal-footer-border-width: 1px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-modal-zindex);
        display: none;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: var(--bs-modal-margin);
        pointer-events: none;
    }

    .modal.fade .modal-dialog {
        transform: translate(0, -35px);
        transition: transform 0.3s ease-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .modal.fade .modal-dialog {
            transition: none;
        }
    }
    .modal.show .modal-dialog {
        transform: none;
    }

    .modal.modal-static .modal-dialog {
        transform: scale(1.02);
    }

    .modal-dialog-scrollable {
        height: calc(100% - var(--bs-modal-margin) * 2);
    }

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

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

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

    .modal-backdrop {
        --bs-backdrop-zindex: 1050;
        --bs-backdrop-bg: var(--custom-modal-backdrop-bg);
        --bs-backdrop-opacity: 0.6;
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-backdrop-zindex);
        width: 100vw;
        height: 100vh;
        background-color: var(--bs-backdrop-bg);
    }

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: var(--bs-backdrop-opacity);
    }

    .modal-header {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        padding: var(--bs-modal-header-padding);
        border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
        border-top-left-radius: var(--bs-modal-inner-border-radius);
        border-top-right-radius: var(--bs-modal-inner-border-radius);
    }

    .modal-header .btn-close {
        padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
        margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
        margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
        margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
        margin-left: auto;
    }

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

    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: var(--bs-modal-padding);
    }

    .modal-footer {
        display: flex;
        flex-shrink: 0;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
        background-color: var(--bs-modal-footer-bg);
        border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
        border-bottom-right-radius: var(--bs-modal-inner-border-radius);
        border-bottom-left-radius: var(--bs-modal-inner-border-radius);
    }

    .modal-footer > * {
        margin: calc(var(--bs-modal-footer-gap) * 0.5);
    }

    @media (min-width: 576px) {
        .modal {
            --bs-modal-margin: 1.75rem;
            --bs-modal-box-shadow: var(--bs-box-shadow-lg);
        }

        .modal-dialog {
            max-width: var(--bs-modal-width);
            margin-right: auto;
            margin-left: auto;
        }

        .modal-sm {
            --bs-modal-width: 300px;
        }
    }
    @media (min-width: 992px) {
        .modal-lg,
        .modal-xl {
            --bs-modal-width: 800px;
        }
    }
    @media (min-width: 1200px) {
        .modal-xl {
            --bs-modal-width: 1140px;
        }
    }
    .modal-fullscreen {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen .modal-header,
    .modal-fullscreen .modal-footer {
        border-radius: 0;
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto;
    }

    @media (max-width: 575.98px) {
        .modal-fullscreen-sm-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }

        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-sm-down .modal-header,
        .modal-fullscreen-sm-down .modal-footer {
            border-radius: 0;
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto;
        }
    }
    @media (max-width: 767.98px) {
        .modal-fullscreen-md-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-md-down .modal-header,
        .modal-fullscreen-md-down .modal-footer {
            border-radius: 0;
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto;
        }
    }
    @media (max-width: 991.98px) {
        .modal-fullscreen-lg-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-header,
        .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto;
        }
    }
    @media (max-width: 1199.98px) {
        .modal-fullscreen-xl-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-xl-down .modal-header,
        .modal-fullscreen-xl-down .modal-footer {
            border-radius: 0;
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto;
        }
    }
    @media (max-width: 1399.98px) {
        .modal-fullscreen-xxl-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
        }

        .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-xxl-down .modal-header,
        .modal-fullscreen-xxl-down .modal-footer {
            border-radius: 0;
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto;
        }
    }
    .tooltip {
        --bs-tooltip-zindex: 1080;
        --bs-tooltip-max-width: 200px;
        --bs-tooltip-padding-x: 10px;
        --bs-tooltip-padding-y: 5px;
        --bs-tooltip-margin: ;
        --bs-tooltip-font-size: 0.765625rem;
        --bs-tooltip-color: var(--bs-body-bg);
        --bs-tooltip-bg: var(--bs-dark);
        --bs-tooltip-border-radius: var(--bs-border-radius);
        --bs-tooltip-opacity: 0.9;
        --bs-tooltip-arrow-width: 0.8rem;
        --bs-tooltip-arrow-height: 0.4rem;
        z-index: var(--bs-tooltip-zindex);
        display: block;
        margin: var(--bs-tooltip-margin);
        font-family: "Plus Jakarta Sans", sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.6;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        white-space: normal;
        word-spacing: normal;
        line-break: auto;
        font-size: var(--bs-tooltip-font-size);
        word-wrap: break-word;
        opacity: 0;
    }

    .tooltip.show {
        opacity: var(--bs-tooltip-opacity);
    }

    .tooltip .tooltip-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height);
    }

    .tooltip .tooltip-arrow::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid;
    }

    .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
        bottom: calc(-1 * var(--bs-tooltip-arrow-height));
    }

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

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

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

    /* rtl:end:ignore */
    .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
        top: calc(-1 * var(--bs-tooltip-arrow-height));
    }

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

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

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

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

    .popover {
        --bs-popover-zindex: 1070;
        --bs-popover-max-width: 276px;
        --bs-popover-font-size: 0.8125rem;
        --bs-popover-bg: var(--bs-body-bg);
        --bs-popover-border-width: 0px;
        --bs-popover-border-color: var(--bs-border-color-translucent);
        --bs-popover-border-radius: var(--bs-border-radius);
        --bs-popover-inner-border-radius: calc(var(--bs-border-radius) - 0px);
        --bs-popover-box-shadow: var(--bs-box-shadow-lg);
        --bs-popover-header-padding-x: 20px;
        --bs-popover-header-padding-y: 12px;
        --bs-popover-header-font-size: 0.875rem;
        --bs-popover-header-color: var(--bs-heading-color);
        --bs-popover-header-bg: var(--bs-light);
        --bs-popover-body-padding-x: 20px;
        --bs-popover-body-padding-y: 14px;
        --bs-popover-body-color: var(--bs-body-color);
        --bs-popover-arrow-width: 1rem;
        --bs-popover-arrow-height: 0.5rem;
        --bs-popover-arrow-border: var(--bs-popover-border-color);
        z-index: var(--bs-popover-zindex);
        display: block;
        max-width: var(--bs-popover-max-width);
        font-family: "Plus Jakarta Sans", sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.6;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        white-space: normal;
        word-spacing: normal;
        line-break: auto;
        font-size: var(--bs-popover-font-size);
        word-wrap: break-word;
        background-color: var(--bs-popover-bg);
        background-clip: padding-box;
        border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
        border-radius: var(--bs-popover-border-radius);
    }

    .popover .popover-arrow {
        display: block;
        width: var(--bs-popover-arrow-width);
        height: var(--bs-popover-arrow-height);
    }

    .popover .popover-arrow::before, .popover .popover-arrow::after {
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-style: solid;
        border-width: 0;
    }

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

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

    .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
        bottom: 0;
        border-top-color: var(--bs-popover-arrow-border);
    }

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

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

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

    .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
        left: 0;
        border-right-color: var(--bs-popover-arrow-border);
    }

    .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
        left: var(--bs-popover-border-width);
        border-right-color: var(--bs-popover-bg);
    }

    /* rtl:end:ignore */
    .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
        top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    }

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

    .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
        top: 0;
        border-bottom-color: var(--bs-popover-arrow-border);
    }

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

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

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

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

    .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
        right: 0;
        border-left-color: var(--bs-popover-arrow-border);
    }

    .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
        right: var(--bs-popover-border-width);
        border-left-color: var(--bs-popover-bg);
    }

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

    .popover-header:empty {
        display: none;
    }

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

    .carousel {
        position: relative;
    }

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

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }

    .carousel-item {
        position: relative;
        display: none;
        float: left;
        width: 100%;
        margin-right: -100%;
        backface-visibility: hidden;
        transition: transform 0.6s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
        .carousel-item {
            transition: none;
        }
    }

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

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

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

    .carousel-fade .carousel-item {
        opacity: 0;
        transition-property: opacity;
        transform: none;
    }

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-start,
    .carousel-fade .carousel-item-prev.carousel-item-end {
        z-index: 1;
        opacity: 1;
    }

    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        z-index: 0;
        opacity: 0;
        transition: opacity 0s 0.6s;
    }

    @media (prefers-reduced-motion: reduce) {
        .carousel-fade .active.carousel-item-start,
        .carousel-fade .active.carousel-item-end {
            transition: none;
        }
    }

    .carousel-control-prev,
    .carousel-control-next {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #ffffff;
        text-align: center;
        background: none;
        filter: var(--bs-carousel-control-icon-filter);
        border: 0;
        opacity: 0.5;
        transition: opacity 0.15s ease;
    }

    @media (prefers-reduced-motion: reduce) {
        .carousel-control-prev,
        .carousel-control-next {
            transition: none;
        }
    }
    .carousel-control-prev:hover, .carousel-control-prev:focus,
    .carousel-control-next:hover,
    .carousel-control-next:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        opacity: 0.9;
    }

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

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

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

    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
    }

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

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%;
    }

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: var(--bs-carousel-indicator-active-bg);
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 0.5;
        transition: opacity 0.6s ease;
    }

    @media (prefers-reduced-motion: reduce) {
        .carousel-indicators [data-bs-target] {
            transition: none;
        }
    }
    .carousel-indicators .active {
        opacity: 1;
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 1.25rem;
        left: 15%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: var(--bs-carousel-caption-color);
        text-align: center;
    }

    .carousel-dark {
        --bs-carousel-indicator-active-bg: #000;
        --bs-carousel-caption-color: #000;
        --bs-carousel-control-icon-filter: invert(1) grayscale(100);
    }

    :root {
        --bs-carousel-indicator-active-bg: #ffffff;
        --bs-carousel-caption-color: #ffffff;
        --bs-carousel-control-icon-filter: ;
    }

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

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

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

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

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

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

    @media (max-width: 575.98px) {
        .offcanvas-sm {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition);
        }
    }
    @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
        .offcanvas-sm {
            transition: none;
        }
    }
    @media (max-width: 575.98px) {
        .offcanvas-sm.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%);
        }

        .offcanvas-sm.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%);
        }

        .offcanvas-sm.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%);
        }

        .offcanvas-sm.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%);
        }

        .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
            transform: none;
        }

        .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
            visibility: visible;
        }
    }
    @media (min-width: 576px) {
        .offcanvas-sm {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }

        .offcanvas-sm .offcanvas-header {
            display: none;
        }

        .offcanvas-sm .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important;
        }
    }

    @media (max-width: 767.98px) {
        .offcanvas-md {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition);
        }
    }
    @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
        .offcanvas-md {
            transition: none;
        }
    }
    @media (max-width: 767.98px) {
        .offcanvas-md.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%);
        }

        .offcanvas-md.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%);
        }

        .offcanvas-md.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%);
        }

        .offcanvas-md.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%);
        }

        .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
            transform: none;
        }

        .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
            visibility: visible;
        }
    }
    @media (min-width: 768px) {
        .offcanvas-md {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }

        .offcanvas-md .offcanvas-header {
            display: none;
        }

        .offcanvas-md .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important;
        }
    }

    @media (max-width: 991.98px) {
        .offcanvas-lg {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition);
        }
    }
    @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
        .offcanvas-lg {
            transition: none;
        }
    }
    @media (max-width: 991.98px) {
        .offcanvas-lg.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%);
        }

        .offcanvas-lg.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%);
        }

        .offcanvas-lg.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%);
        }

        .offcanvas-lg.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%);
        }

        .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
            transform: none;
        }

        .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
            visibility: visible;
        }
    }
    @media (min-width: 992px) {
        .offcanvas-lg {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }

        .offcanvas-lg .offcanvas-header {
            display: none;
        }

        .offcanvas-lg .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important;
        }
    }

    @media (max-width: 1199.98px) {
        .offcanvas-xl {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition);
        }
    }
    @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
        .offcanvas-xl {
            transition: none;
        }
    }
    @media (max-width: 1199.98px) {
        .offcanvas-xl.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%);
        }

        .offcanvas-xl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%);
        }

        .offcanvas-xl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%);
        }

        .offcanvas-xl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%);
        }

        .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
            transform: none;
        }

        .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
            visibility: visible;
        }
    }
    @media (min-width: 1200px) {
        .offcanvas-xl {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }

        .offcanvas-xl .offcanvas-header {
            display: none;
        }

        .offcanvas-xl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important;
        }
    }

    @media (max-width: 1399.98px) {
        .offcanvas-xxl {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition);
        }
    }
    @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
        .offcanvas-xxl {
            transition: none;
        }
    }
    @media (max-width: 1399.98px) {
        .offcanvas-xxl.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%);
        }

        .offcanvas-xxl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%);
        }

        .offcanvas-xxl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%);
        }

        .offcanvas-xxl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%);
        }

        .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
            transform: none;
        }

        .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
            visibility: visible;
        }
    }
    @media (min-width: 1400px) {
        .offcanvas-xxl {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important;
        }

        .offcanvas-xxl .offcanvas-header {
            display: none;
        }

        .offcanvas-xxl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important;
        }
    }

    .offcanvas {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition);
    }

    @media (prefers-reduced-motion: reduce) {
        .offcanvas {
            transition: none;
        }
    }
    .offcanvas.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%);
    }

    .offcanvas.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%);
    }

    .offcanvas.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%);
    }

    .offcanvas.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%);
    }

    .offcanvas.showing, .offcanvas.show:not(.hiding) {
        transform: none;
    }

    .offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
        visibility: visible;
    }

    .offcanvas-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: var(--custom-modal-backdrop-bg);
    }

    .offcanvas-backdrop.fade {
        opacity: 0;
    }

    .offcanvas-backdrop.show {
        opacity: 0.6;
    }

    .offcanvas-header {
        display: flex;
        align-items: center;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    }

    .offcanvas-header .btn-close {
        padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
        margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
        margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
        margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
        margin-left: auto;
    }

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

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

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

    .placeholder.btn::before {
        display: inline-block;
        content: "";
    }

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

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

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

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

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

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

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

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

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

    .vstack {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        align-self: stretch;
    }

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

    .visually-hidden:not(caption) {
        position: absolute !important;
    }

    .visually-hidden * {
        overflow: hidden !important;
    }

    .object-fit-cover {
        object-fit: cover !important;
    }

    .overflow-hidden {
        overflow: hidden !important;
    }

    .d-inline-block {
        display: inline-block !important;
    }

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

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

    .shadow {
        box-shadow: var(--bs-box-shadow) !important;
    }

    .shadow-sm {
        box-shadow: var(--bs-box-shadow-sm) !important;
    }

    .border {
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

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

    .border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

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

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

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

    .flex-row {
        flex-direction: row !important;
    }

    .flex-column {
        flex-direction: column !important;
    }

    .justify-content-center {
        justify-content: center !important;
    }

    .justify-content-between {
        justify-content: space-between !important;
    }

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

    .align-items-center {
        align-items: center !important;
    }

    .align-self-center {
        align-self: center !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .row-gap-1 {
        row-gap: 0.25rem !important;
    }

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

    .fw-medium {
        font-weight: 500 !important;
    }

    .fw-semibold {
        font-weight: 600 !important;
    }

    .fw-bold {
        font-weight: 700 !important;
    }

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

    .text-center {
        text-align: center !important;
    }

    .text-start {
        text-align: left !important;
    }

    .text-end {
        text-align: right !important;
    }

    .text-decoration-none {
        text-decoration: none !important;
    }

    /* rtl:begin:remove */
    /* rtl:end:remove */
    .text-primary {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
    }

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

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

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

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

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

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

    .text-muted {
        --bs-text-opacity: 1;
        color: var(--bs-secondary-color) !important;
    }

    .text-reset {
        --bs-text-opacity: 1;
        color: inherit !important;
    }

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

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

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

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

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

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

    .visible {
        visibility: visible !important;
    }

    @media (min-width: 576px) {
        .p-sm-5 {
            padding: 2.5rem !important;
        }
    }
    @media (min-width: 768px) {
        .d-md-inline {
            display: inline !important;
        }

        .justify-content-md-start {
            justify-content: flex-start !important;
        }

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

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

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

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

        .text-md-start {
            text-align: left !important;
        }
    }
    @media (min-width: 992px) {
        .mb-lg-0 {
            margin-bottom: 0 !important;
        }

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

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

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

        .text-lg-end {
            text-align: right !important;
        }
    }
    @media (min-width: 1400px) {
        .mx-xxl-5 {
            margin-right: 2.5rem !important;
            margin-left: 2.5rem !important;
        }

        .mb-xxl-5 {
            margin-bottom: 2.5rem !important;
        }
    }
    body {
        background-color: var(--custom-body-bg);
    }

    i[class*=fi] {
        display: inline-flex;
        vertical-align: -1px;
    }

    code {
        background-color: rgba(214, 51, 132, 0.1);
        border-radius: 4px;
        padding: 2px;
    }

    a:not(.alert-link):not(.btn-link) {
        text-decoration: none;
    }

    b,
    strong {
        font-weight: 700;
    }

    @media (max-width: 575.98px) {
        .row:not(.g-0):not(.gy-0) {
            --bs-gutter-x: 1rem;
        }
    }

    .checkable-item.is-checked {
        background-color: rgba(var(--bs-light-rgb), 0.5);
    }

    :root {
        --app-sidebar-width: 250px;
        --app-header-height: 85px;
    }

    @media (max-width: 576px) {
        :root {
            --app-header-height: 70px;
        }
    }
    .app-menubar .navbar-nav li.menu-item {
        width: 100%;
    }

    .app-navbar-brand .navbar-brand-mini {
        transition-duration: 0.3s;
        transition-property: display;
    }

    .btn-app-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px;
        gap: 10px;
    }

    [data-app-sidebar=mini] .app-menubar .app-navbar-brand .navbar-brand-mini {
        display: none;
    }

    [data-app-sidebar=mini] .app-menubar .btn-app-nav .nav-text {
        display: none;
    }

    .app-page-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    @keyframes coverAnimation {
        0% {
            transform: translateY(0);
        }
        10% {
            transform: translateY(-10px);
        }
        20% {
            transform: translateY(0);
        }
        30% {
            transform: translateY(-10px);
        }
        40% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(0);
        }
    }
    .auth-frame-wrapper {
        height: 100vh;
    }

    .auth-frame-wrapper .auth-frame {
        min-height: 600px;
        height: 100%;
        text-align: center;
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 50px;
    }

    .auth-frame-wrapper .auth-frame .img-fluid {
        border-radius: 10px;
        box-shadow: var(--bs-box-shadow-sm);
    }

    @media (max-width: 575.98px) {
        .auth-frame-wrapper .auth-frame {
            min-height: auto;
            padding: 30px 20px;
        }

        .auth-frame-wrapper .auth-frame .img-fluid {
            border-radius: 6px;
        }
    }

    @keyframes frameAnimate1 {
        0% {
            transform: translateY(0);
        }
        10% {
            transform: translateY(-10px);
        }
        20% {
            transform: translateY(0);
        }
        30% {
            transform: translateY(-10px);
        }
        40% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(0);
        }
    }
    @keyframes frameAnimate2 {
        0% {
            transform: translateX(0);
        }
        10% {
            transform: translateX(-10px);
        }
        20% {
            transform: translateX(0);
        }
        30% {
            transform: translateX(-10px);
        }
        40% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(0);
        }
    }

    .card-action {
        transition: all 0.25s;
    }

    .text-xl {
        font-size: 24px;
    }

    .text-sm {
        font-size: 15px;
    }

    .maxw-450px {
        max-width: 450px !important;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .btn-sm, .btn-group-sm > .btn {
        --bs-btn-line-height: 1.448;
    }

    .btn-lg, .btn-group-lg > .btn {
        --bs-btn-line-height: 1.467;
    }

    .btn-xl {
        --bs-btn-line-height: 1.8;
        font-size: 18px;
        padding: 12px 24px;
    }

    .btn[class*=btn-subtle-]:hover, .btn[class*=btn-subtle-]:active, .btn[class*=btn-subtle-]:focus {
        color: #fff;
    }

    .btn-light {
        --bs-btn-hover-color: var(--bs-btn-color);
    }

    .btn-outline-light {
        --bs-btn-color: var(--bs-heading-color);
    }

    .btn-shadow {
        box-shadow: 0 2px 4px 0 rgba(225, 229, 237, 0.2);
    }

    [data-bs-theme=dark] .btn-shadow {
        box-shadow: 0 2px 4px 0 rgba(36, 37, 60, 0.1);
    }

    .btn-white {
        --bs-btn-color: var(--bs-heading-color);
        --bs-btn-bg: var(--bs-body-bg);
        --bs-btn-border-color: var(--bs-border-color);
        --bs-btn-hover-color: var(--bs-heading-color);
        --bs-btn-hover-bg: var(--bs-body-bg);
        --bs-btn-hover-border-color: var(--bs-border-color);
        --bs-btn-active-color: var(--bs-heading-color);
        --bs-btn-active-bg: var(--bs-body-bg);
        --bs-btn-active-border-color: var(--bs-border-color);
        --bs-btn-disabled-color: var(--bs-heading-color);
        --bs-btn-disabled-bg: var(--bs-body-bg);
        --bs-btn-disabled-border-color: var(--bs-body-bg);
    }

    .btn-outline-light {
        --bs-btn-color: var(--bs-heading-color);
        --bs-btn-border-color: var(--bs-border-color);
        --bs-btn-hover-color: var(--bs-heading-color);
        --bs-btn-hover-bg: var(--bs-light);
        --bs-btn-hover-border-color: var(--bs-light);
        --bs-btn-focus-shadow-rgb: 236, 242, 253;
        --bs-btn-active-color: var(--bs-heading-color);
        --bs-btn-active-bg: var(--bs-light);
        --bs-btn-active-border-color: var(--bs-border-color);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: var(--bs-light);
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: var(--bs-border-color);
    }

    .btn-outline-white {
        --bs-btn-border-color: rgba(255, 255, 255, 0.2);
    }

    .btn.btn-subtle-primary {
        background-color: var(--bs-primary-bg-subtle);
        border-color: var(--bs-primary-bg-subtle);
        color: var(--bs-primary);
    }

    .btn.btn-subtle-primary:hover, .btn.btn-subtle-primary:active, .btn.btn-subtle-primary:focus {
        border-color: var(--bs-primary);
        background-color: var(--bs-primary);
    }

    .btn.btn-action-primary {
        color: var(--bs-primary);
    }

    .btn.btn-action-primary:hover, .btn.btn-action-primary:active, .btn.btn-action-primary:focus {
        background-color: var(--bs-primary-bg-subtle);
        border-color: var(--bs-primary-bg-subtle);
        color: var(--bs-primary);
    }

    .btn.btn-subtle-secondary {
        background-color: var(--bs-secondary-bg-subtle);
        border-color: var(--bs-secondary-bg-subtle);
        color: var(--bs-secondary);
    }

    .btn.btn-subtle-secondary:hover, .btn.btn-subtle-secondary:active, .btn.btn-subtle-secondary:focus {
        border-color: var(--bs-secondary);
        background-color: var(--bs-secondary);
    }

    .btn.btn-action-secondary {
        color: var(--bs-secondary);
    }

    .btn.btn-action-secondary:hover, .btn.btn-action-secondary:active, .btn.btn-action-secondary:focus {
        background-color: var(--bs-secondary-bg-subtle);
        border-color: var(--bs-secondary-bg-subtle);
        color: var(--bs-secondary);
    }

    .btn.btn-subtle-success {
        background-color: var(--bs-success-bg-subtle);
        border-color: var(--bs-success-bg-subtle);
        color: var(--bs-success);
    }

    .btn.btn-subtle-success:hover, .btn.btn-subtle-success:active, .btn.btn-subtle-success:focus {
        border-color: var(--bs-success);
        background-color: var(--bs-success);
    }

    .btn.btn-action-success {
        color: var(--bs-success);
    }

    .btn.btn-action-success:hover, .btn.btn-action-success:active, .btn.btn-action-success:focus {
        background-color: var(--bs-success-bg-subtle);
        border-color: var(--bs-success-bg-subtle);
        color: var(--bs-success);
    }

    .btn.btn-subtle-info {
        background-color: var(--bs-info-bg-subtle);
        border-color: var(--bs-info-bg-subtle);
        color: var(--bs-info);
    }

    .btn.btn-subtle-info:hover, .btn.btn-subtle-info:active, .btn.btn-subtle-info:focus {
        border-color: var(--bs-info);
        background-color: var(--bs-info);
    }

    .btn.btn-action-info {
        color: var(--bs-info);
    }

    .btn.btn-action-info:hover, .btn.btn-action-info:active, .btn.btn-action-info:focus {
        background-color: var(--bs-info-bg-subtle);
        border-color: var(--bs-info-bg-subtle);
        color: var(--bs-info);
    }

    .btn.btn-subtle-warning {
        background-color: var(--bs-warning-bg-subtle);
        border-color: var(--bs-warning-bg-subtle);
        color: var(--bs-warning);
    }

    .btn.btn-subtle-warning:hover, .btn.btn-subtle-warning:active, .btn.btn-subtle-warning:focus {
        border-color: var(--bs-warning);
        background-color: var(--bs-warning);
    }

    .btn.btn-action-warning {
        color: var(--bs-warning);
    }

    .btn.btn-action-warning:hover, .btn.btn-action-warning:active, .btn.btn-action-warning:focus {
        background-color: var(--bs-warning-bg-subtle);
        border-color: var(--bs-warning-bg-subtle);
        color: var(--bs-warning);
    }

    .btn.btn-subtle-danger {
        background-color: var(--bs-danger-bg-subtle);
        border-color: var(--bs-danger-bg-subtle);
        color: var(--bs-danger);
    }

    .btn.btn-subtle-danger:hover, .btn.btn-subtle-danger:active, .btn.btn-subtle-danger:focus {
        border-color: var(--bs-danger);
        background-color: var(--bs-danger);
    }

    .btn.btn-action-danger {
        color: var(--bs-danger);
    }

    .btn.btn-action-danger:hover, .btn.btn-action-danger:active, .btn.btn-action-danger:focus {
        background-color: var(--bs-danger-bg-subtle);
        border-color: var(--bs-danger-bg-subtle);
        color: var(--bs-danger);
    }

    .btn.btn-subtle-light {
        background-color: var(--bs-light-bg-subtle);
        border-color: var(--bs-light-bg-subtle);
        color: var(--bs-light);
    }

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

    .btn.btn-action-light {
        color: var(--bs-light);
    }

    .btn.btn-action-light:hover, .btn.btn-action-light:active, .btn.btn-action-light:focus {
        background-color: var(--bs-light-bg-subtle);
        border-color: var(--bs-light-bg-subtle);
        color: var(--bs-light);
    }

    .btn.btn-subtle-dark {
        background-color: var(--bs-dark-bg-subtle);
        border-color: var(--bs-dark-bg-subtle);
        color: var(--bs-dark);
    }

    .btn.btn-subtle-dark:hover, .btn.btn-subtle-dark:active, .btn.btn-subtle-dark:focus {
        border-color: var(--bs-dark);
        background-color: var(--bs-dark);
    }

    .btn.btn-action-dark {
        color: var(--bs-dark);
    }

    .btn.btn-action-dark:hover, .btn.btn-action-dark:active, .btn.btn-action-dark:focus {
        background-color: var(--bs-dark-bg-subtle);
        border-color: var(--bs-dark-bg-subtle);
        color: var(--bs-dark);
    }

    .btn.btn-subtle-white {
        background-color: var(--bs-white-bg-subtle);
        border-color: var(--bs-white-bg-subtle);
        color: var(--bs-white);
    }

    .btn.btn-subtle-white:hover, .btn.btn-subtle-white:active, .btn.btn-subtle-white:focus {
        border-color: var(--bs-white);
        background-color: var(--bs-white);
    }

    .btn.btn-action-white {
        color: var(--bs-white);
    }

    .btn.btn-action-white:hover, .btn.btn-action-white:active, .btn.btn-action-white:focus {
        background-color: var(--bs-white-bg-subtle);
        border-color: var(--bs-white-bg-subtle);
        color: var(--bs-white);
    }

    .btn.btn-subtle-gray {
        background-color: var(--bs-gray-bg-subtle);
        border-color: var(--bs-gray-bg-subtle);
        color: var(--bs-gray);
    }

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

    .btn.btn-action-gray {
        color: var(--bs-gray);
    }

    .btn.btn-action-gray:hover, .btn.btn-action-gray:active, .btn.btn-action-gray:focus {
        background-color: var(--bs-gray-bg-subtle);
        border-color: var(--bs-gray-bg-subtle);
        color: var(--bs-gray);
    }

    .btn.btn-subtle-light {
        color: var(--bs-dark);
    }

    .btn:not(.dropdown-toggle) {
        transform: scale(1.002);
        transition: all 0.125s ease-in-out;
    }

    .btn[class*=btn-]:active:not(.dropdown-toggle),
    .btn[class*=btn-].active:not(.dropdown-toggle) {
        transform: scale(0.982);
        transition: all 0.125s ease-in-out;
    }

    .btn-icon {
        display: inline-flex;
        font-size: 16px;
        block-size: 40px;
        inline-size: 40px;
        min-inline-size: 40px;
        padding: 0;
        align-items: center;
        justify-content: center;
    }

    .btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
        font-size: 14px;
        block-size: 32px;
        inline-size: 32px;
        min-inline-size: 32px;
    }

    .btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn {
        font-size: 18px;
        block-size: 48px;
        inline-size: 48px;
        min-inline-size: 48px;
    }

    .btn-icon.btn-xl {
        font-size: 24px;
        block-size: 60px;
        inline-size: 60px;
        min-inline-size: 60px;
    }

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

    .btn.btn-facebook {
        --facebook-btn-bg: #1877F2;
        --facebook-btn-bg-hover: rgb(21.6, 107.1, 217.8);
        --facebook-btn-color: #fff;
        --facebook-btn-color-hover: #fff;
        background-color: var(--facebook-btn-bg);
        color: var(--facebook-btn-color);
    }

    .btn.btn-facebook:hover, .btn.btn-facebook:active, .btn.btn-facebook:focus {
        background-color: var(--facebook-btn-bg-hover);
        color: var(--facebook-btn-color-hover);
    }

    .btn.btn-subtle-facebook {
        --facebook-btn-bg: rgba(24, 119, 242, 0.2);
        --facebook-btn-bg-hover: #1877F2;
        --facebook-btn-color: #1877F2;
        --facebook-btn-color-hover: #fff;
        --facebook-btn-border-color: rgba(24, 119, 242, 0.1);
        --facebook-btn-border-color-hover: #1877F2;
        background-color: var(--facebook-btn-bg);
        color: var(--facebook-btn-color);
        border-color: var(--facebook-btn-border-color);
    }

    .btn.btn-subtle-facebook:hover, .btn.btn-subtle-facebook:active, .btn.btn-subtle-facebook:focus {
        background-color: var(--facebook-btn-bg-hover);
        color: var(--facebook-btn-color-hover);
        border-color: var(--facebook-btn-border-color-hover);
    }

    .btn.btn-outline-facebook {
        --facebook-btn-bg: rgba(24, 119, 242, 0.9);
        --facebook-btn-bg-hover: #1877F2;
        --facebook-btn-color: #1877F2;
        --facebook-btn-color-hover: #fff;
        --facebook-btn-border-color: #1877F2;
        --facebook-btn-border-color-hover: #1877F2;
        border: 1px solid var(--facebook-btn-border-color);
        color: var(--facebook-btn-color);
    }

    .btn.btn-outline-facebook:hover, .btn.btn-outline-facebook:active, .btn.btn-outline-facebook:focus {
        background-color: var(--facebook-btn-bg-hover);
        color: var(--facebook-btn-color-hover);
        border-color: var(--facebook-btn-border-color-hover);
    }

    .btn.btn-action-facebook {
        --facebook-btn-bg: rgba(24, 119, 242, 0.2);
        --facebook-btn-bg-hover: #1877F2;
        --facebook-btn-color: #1877F2;
        --facebook-btn-color-hover: #fff;
        --facebook-btn-border-color: #1877F2;
        --facebook-btn-border-color-hover: rgba(24, 119, 242, 0.1);
        color: var(--facebook-btn-color);
    }

    .btn.btn-action-facebook:hover, .btn.btn-action-facebook:active, .btn.btn-action-facebook:focus {
        background-color: var(--facebook-btn-bg);
        color: var(--facebook-btn-color);
        border-color: var(--facebook-btn-border-color-hover);
    }

    .btn.btn-twitter {
        --twitter-btn-bg: #000000;
        --twitter-btn-bg-hover: black;
        --twitter-btn-color: #fff;
        --twitter-btn-color-hover: #fff;
        background-color: var(--twitter-btn-bg);
        color: var(--twitter-btn-color);
    }

    .btn.btn-twitter:hover, .btn.btn-twitter:active, .btn.btn-twitter:focus {
        background-color: var(--twitter-btn-bg-hover);
        color: var(--twitter-btn-color-hover);
    }

    .btn.btn-subtle-twitter {
        --twitter-btn-bg: rgba(0, 0, 0, 0.2);
        --twitter-btn-bg-hover: #000000;
        --twitter-btn-color: #000000;
        --twitter-btn-color-hover: #fff;
        --twitter-btn-border-color: rgba(0, 0, 0, 0.1);
        --twitter-btn-border-color-hover: #000000;
        background-color: var(--twitter-btn-bg);
        color: var(--twitter-btn-color);
        border-color: var(--twitter-btn-border-color);
    }

    .btn.btn-subtle-twitter:hover, .btn.btn-subtle-twitter:active, .btn.btn-subtle-twitter:focus {
        background-color: var(--twitter-btn-bg-hover);
        color: var(--twitter-btn-color-hover);
        border-color: var(--twitter-btn-border-color-hover);
    }

    .btn.btn-outline-twitter {
        --twitter-btn-bg: rgba(0, 0, 0, 0.9);
        --twitter-btn-bg-hover: #000000;
        --twitter-btn-color: #000000;
        --twitter-btn-color-hover: #fff;
        --twitter-btn-border-color: #000000;
        --twitter-btn-border-color-hover: #000000;
        border: 1px solid var(--twitter-btn-border-color);
        color: var(--twitter-btn-color);
    }

    .btn.btn-outline-twitter:hover, .btn.btn-outline-twitter:active, .btn.btn-outline-twitter:focus {
        background-color: var(--twitter-btn-bg-hover);
        color: var(--twitter-btn-color-hover);
        border-color: var(--twitter-btn-border-color-hover);
    }

    .btn.btn-action-twitter {
        --twitter-btn-bg: rgba(0, 0, 0, 0.2);
        --twitter-btn-bg-hover: #000000;
        --twitter-btn-color: #000000;
        --twitter-btn-color-hover: #fff;
        --twitter-btn-border-color: #000000;
        --twitter-btn-border-color-hover: rgba(0, 0, 0, 0.1);
        color: var(--twitter-btn-color);
    }

    .btn.btn-action-twitter:hover, .btn.btn-action-twitter:active, .btn.btn-action-twitter:focus {
        background-color: var(--twitter-btn-bg);
        color: var(--twitter-btn-color);
        border-color: var(--twitter-btn-border-color-hover);
    }

    .btn.btn-instagram {
        --instagram-btn-bg: #ee7253;
        --instagram-btn-bg-hover: rgb(214.2, 102.6, 74.7);
        --instagram-btn-color: #fff;
        --instagram-btn-color-hover: #fff;
        background-color: var(--instagram-btn-bg);
        color: var(--instagram-btn-color);
    }

    .btn.btn-instagram:hover, .btn.btn-instagram:active, .btn.btn-instagram:focus {
        background-color: var(--instagram-btn-bg-hover);
        color: var(--instagram-btn-color-hover);
    }

    .btn.btn-subtle-instagram {
        --instagram-btn-bg: rgba(238, 114, 83, 0.2);
        --instagram-btn-bg-hover: #ee7253;
        --instagram-btn-color: #ee7253;
        --instagram-btn-color-hover: #fff;
        --instagram-btn-border-color: rgba(238, 114, 83, 0.1);
        --instagram-btn-border-color-hover: #ee7253;
        background-color: var(--instagram-btn-bg);
        color: var(--instagram-btn-color);
        border-color: var(--instagram-btn-border-color);
    }

    .btn.btn-subtle-instagram:hover, .btn.btn-subtle-instagram:active, .btn.btn-subtle-instagram:focus {
        background-color: var(--instagram-btn-bg-hover);
        color: var(--instagram-btn-color-hover);
        border-color: var(--instagram-btn-border-color-hover);
    }

    .btn.btn-outline-instagram {
        --instagram-btn-bg: rgba(238, 114, 83, 0.9);
        --instagram-btn-bg-hover: #ee7253;
        --instagram-btn-color: #ee7253;
        --instagram-btn-color-hover: #fff;
        --instagram-btn-border-color: #ee7253;
        --instagram-btn-border-color-hover: #ee7253;
        border: 1px solid var(--instagram-btn-border-color);
        color: var(--instagram-btn-color);
    }

    .btn.btn-outline-instagram:hover, .btn.btn-outline-instagram:active, .btn.btn-outline-instagram:focus {
        background-color: var(--instagram-btn-bg-hover);
        color: var(--instagram-btn-color-hover);
        border-color: var(--instagram-btn-border-color-hover);
    }

    .btn.btn-action-instagram {
        --instagram-btn-bg: rgba(238, 114, 83, 0.2);
        --instagram-btn-bg-hover: #ee7253;
        --instagram-btn-color: #ee7253;
        --instagram-btn-color-hover: #fff;
        --instagram-btn-border-color: #ee7253;
        --instagram-btn-border-color-hover: rgba(238, 114, 83, 0.1);
        color: var(--instagram-btn-color);
    }

    .btn.btn-action-instagram:hover, .btn.btn-action-instagram:active, .btn.btn-action-instagram:focus {
        background-color: var(--instagram-btn-bg);
        color: var(--instagram-btn-color);
        border-color: var(--instagram-btn-border-color-hover);
    }

    .btn.btn-github {
        --github-btn-bg: #22252c;
        --github-btn-bg-hover: rgb(30.6, 33.3, 39.6);
        --github-btn-color: #fff;
        --github-btn-color-hover: #fff;
        background-color: var(--github-btn-bg);
        color: var(--github-btn-color);
    }

    .btn.btn-github:hover, .btn.btn-github:active, .btn.btn-github:focus {
        background-color: var(--github-btn-bg-hover);
        color: var(--github-btn-color-hover);
    }

    .btn.btn-subtle-github {
        --github-btn-bg: rgba(34, 37, 44, 0.2);
        --github-btn-bg-hover: #22252c;
        --github-btn-color: #22252c;
        --github-btn-color-hover: #fff;
        --github-btn-border-color: rgba(34, 37, 44, 0.1);
        --github-btn-border-color-hover: #22252c;
        background-color: var(--github-btn-bg);
        color: var(--github-btn-color);
        border-color: var(--github-btn-border-color);
    }

    .btn.btn-subtle-github:hover, .btn.btn-subtle-github:active, .btn.btn-subtle-github:focus {
        background-color: var(--github-btn-bg-hover);
        color: var(--github-btn-color-hover);
        border-color: var(--github-btn-border-color-hover);
    }

    .btn.btn-outline-github {
        --github-btn-bg: rgba(34, 37, 44, 0.9);
        --github-btn-bg-hover: #22252c;
        --github-btn-color: #22252c;
        --github-btn-color-hover: #fff;
        --github-btn-border-color: #22252c;
        --github-btn-border-color-hover: #22252c;
        border: 1px solid var(--github-btn-border-color);
        color: var(--github-btn-color);
    }

    .btn.btn-outline-github:hover, .btn.btn-outline-github:active, .btn.btn-outline-github:focus {
        background-color: var(--github-btn-bg-hover);
        color: var(--github-btn-color-hover);
        border-color: var(--github-btn-border-color-hover);
    }

    .btn.btn-action-github {
        --github-btn-bg: rgba(34, 37, 44, 0.2);
        --github-btn-bg-hover: #22252c;
        --github-btn-color: #22252c;
        --github-btn-color-hover: #fff;
        --github-btn-border-color: #22252c;
        --github-btn-border-color-hover: rgba(34, 37, 44, 0.1);
        color: var(--github-btn-color);
    }

    .btn.btn-action-github:hover, .btn.btn-action-github:active, .btn.btn-action-github:focus {
        background-color: var(--github-btn-bg);
        color: var(--github-btn-color);
        border-color: var(--github-btn-border-color-hover);
    }

    .btn.btn-youtube {
        --youtube-btn-bg: #FF0000;
        --youtube-btn-bg-hover: rgb(229.5, 0, 0);
        --youtube-btn-color: #fff;
        --youtube-btn-color-hover: #fff;
        background-color: var(--youtube-btn-bg);
        color: var(--youtube-btn-color);
    }

    .btn.btn-youtube:hover, .btn.btn-youtube:active, .btn.btn-youtube:focus {
        background-color: var(--youtube-btn-bg-hover);
        color: var(--youtube-btn-color-hover);
    }

    .btn.btn-subtle-youtube {
        --youtube-btn-bg: rgba(255, 0, 0, 0.2);
        --youtube-btn-bg-hover: #FF0000;
        --youtube-btn-color: #FF0000;
        --youtube-btn-color-hover: #fff;
        --youtube-btn-border-color: rgba(255, 0, 0, 0.1);
        --youtube-btn-border-color-hover: #FF0000;
        background-color: var(--youtube-btn-bg);
        color: var(--youtube-btn-color);
        border-color: var(--youtube-btn-border-color);
    }

    .btn.btn-subtle-youtube:hover, .btn.btn-subtle-youtube:active, .btn.btn-subtle-youtube:focus {
        background-color: var(--youtube-btn-bg-hover);
        color: var(--youtube-btn-color-hover);
        border-color: var(--youtube-btn-border-color-hover);
    }

    .btn.btn-outline-youtube {
        --youtube-btn-bg: rgba(255, 0, 0, 0.9);
        --youtube-btn-bg-hover: #FF0000;
        --youtube-btn-color: #FF0000;
        --youtube-btn-color-hover: #fff;
        --youtube-btn-border-color: #FF0000;
        --youtube-btn-border-color-hover: #FF0000;
        border: 1px solid var(--youtube-btn-border-color);
        color: var(--youtube-btn-color);
    }

    .btn.btn-outline-youtube:hover, .btn.btn-outline-youtube:active, .btn.btn-outline-youtube:focus {
        background-color: var(--youtube-btn-bg-hover);
        color: var(--youtube-btn-color-hover);
        border-color: var(--youtube-btn-border-color-hover);
    }

    .btn.btn-action-youtube {
        --youtube-btn-bg: rgba(255, 0, 0, 0.2);
        --youtube-btn-bg-hover: #FF0000;
        --youtube-btn-color: #FF0000;
        --youtube-btn-color-hover: #fff;
        --youtube-btn-border-color: #FF0000;
        --youtube-btn-border-color-hover: rgba(255, 0, 0, 0.1);
        color: var(--youtube-btn-color);
    }

    .btn.btn-action-youtube:hover, .btn.btn-action-youtube:active, .btn.btn-action-youtube:focus {
        background-color: var(--youtube-btn-bg);
        color: var(--youtube-btn-color);
        border-color: var(--youtube-btn-border-color-hover);
    }

    .btn.btn-linkedin {
        --linkedin-btn-bg: #0A66C2;
        --linkedin-btn-bg-hover: rgb(9, 91.8, 174.6);
        --linkedin-btn-color: #fff;
        --linkedin-btn-color-hover: #fff;
        background-color: var(--linkedin-btn-bg);
        color: var(--linkedin-btn-color);
    }

    .btn.btn-linkedin:hover, .btn.btn-linkedin:active, .btn.btn-linkedin:focus {
        background-color: var(--linkedin-btn-bg-hover);
        color: var(--linkedin-btn-color-hover);
    }

    .btn.btn-subtle-linkedin {
        --linkedin-btn-bg: rgba(10, 102, 194, 0.2);
        --linkedin-btn-bg-hover: #0A66C2;
        --linkedin-btn-color: #0A66C2;
        --linkedin-btn-color-hover: #fff;
        --linkedin-btn-border-color: rgba(10, 102, 194, 0.1);
        --linkedin-btn-border-color-hover: #0A66C2;
        background-color: var(--linkedin-btn-bg);
        color: var(--linkedin-btn-color);
        border-color: var(--linkedin-btn-border-color);
    }

    .btn.btn-subtle-linkedin:hover, .btn.btn-subtle-linkedin:active, .btn.btn-subtle-linkedin:focus {
        background-color: var(--linkedin-btn-bg-hover);
        color: var(--linkedin-btn-color-hover);
        border-color: var(--linkedin-btn-border-color-hover);
    }

    .btn.btn-outline-linkedin {
        --linkedin-btn-bg: rgba(10, 102, 194, 0.9);
        --linkedin-btn-bg-hover: #0A66C2;
        --linkedin-btn-color: #0A66C2;
        --linkedin-btn-color-hover: #fff;
        --linkedin-btn-border-color: #0A66C2;
        --linkedin-btn-border-color-hover: #0A66C2;
        border: 1px solid var(--linkedin-btn-border-color);
        color: var(--linkedin-btn-color);
    }

    .btn.btn-outline-linkedin:hover, .btn.btn-outline-linkedin:active, .btn.btn-outline-linkedin:focus {
        background-color: var(--linkedin-btn-bg-hover);
        color: var(--linkedin-btn-color-hover);
        border-color: var(--linkedin-btn-border-color-hover);
    }

    .btn.btn-action-linkedin {
        --linkedin-btn-bg: rgba(10, 102, 194, 0.2);
        --linkedin-btn-bg-hover: #0A66C2;
        --linkedin-btn-color: #0A66C2;
        --linkedin-btn-color-hover: #fff;
        --linkedin-btn-border-color: #0A66C2;
        --linkedin-btn-border-color-hover: rgba(10, 102, 194, 0.1);
        color: var(--linkedin-btn-color);
    }

    .btn.btn-action-linkedin:hover, .btn.btn-action-linkedin:active, .btn.btn-action-linkedin:focus {
        background-color: var(--linkedin-btn-bg);
        color: var(--linkedin-btn-color);
        border-color: var(--linkedin-btn-border-color-hover);
    }

    .btn.btn-whatsapp {
        --whatsapp-btn-bg: #25D366;
        --whatsapp-btn-bg-hover: rgb(33.3, 189.9, 91.8);
        --whatsapp-btn-color: #fff;
        --whatsapp-btn-color-hover: #fff;
        background-color: var(--whatsapp-btn-bg);
        color: var(--whatsapp-btn-color);
    }

    .btn.btn-whatsapp:hover, .btn.btn-whatsapp:active, .btn.btn-whatsapp:focus {
        background-color: var(--whatsapp-btn-bg-hover);
        color: var(--whatsapp-btn-color-hover);
    }

    .btn.btn-subtle-whatsapp {
        --whatsapp-btn-bg: rgba(37, 211, 102, 0.2);
        --whatsapp-btn-bg-hover: #25D366;
        --whatsapp-btn-color: #25D366;
        --whatsapp-btn-color-hover: #fff;
        --whatsapp-btn-border-color: rgba(37, 211, 102, 0.1);
        --whatsapp-btn-border-color-hover: #25D366;
        background-color: var(--whatsapp-btn-bg);
        color: var(--whatsapp-btn-color);
        border-color: var(--whatsapp-btn-border-color);
    }

    .btn.btn-subtle-whatsapp:hover, .btn.btn-subtle-whatsapp:active, .btn.btn-subtle-whatsapp:focus {
        background-color: var(--whatsapp-btn-bg-hover);
        color: var(--whatsapp-btn-color-hover);
        border-color: var(--whatsapp-btn-border-color-hover);
    }

    .btn.btn-outline-whatsapp {
        --whatsapp-btn-bg: rgba(37, 211, 102, 0.9);
        --whatsapp-btn-bg-hover: #25D366;
        --whatsapp-btn-color: #25D366;
        --whatsapp-btn-color-hover: #fff;
        --whatsapp-btn-border-color: #25D366;
        --whatsapp-btn-border-color-hover: #25D366;
        border: 1px solid var(--whatsapp-btn-border-color);
        color: var(--whatsapp-btn-color);
    }

    .btn.btn-outline-whatsapp:hover, .btn.btn-outline-whatsapp:active, .btn.btn-outline-whatsapp:focus {
        background-color: var(--whatsapp-btn-bg-hover);
        color: var(--whatsapp-btn-color-hover);
        border-color: var(--whatsapp-btn-border-color-hover);
    }

    .btn.btn-action-whatsapp {
        --whatsapp-btn-bg: rgba(37, 211, 102, 0.2);
        --whatsapp-btn-bg-hover: #25D366;
        --whatsapp-btn-color: #25D366;
        --whatsapp-btn-color-hover: #fff;
        --whatsapp-btn-border-color: #25D366;
        --whatsapp-btn-border-color-hover: rgba(37, 211, 102, 0.1);
        color: var(--whatsapp-btn-color);
    }

    .btn.btn-action-whatsapp:hover, .btn.btn-action-whatsapp:active, .btn.btn-action-whatsapp:focus {
        background-color: var(--whatsapp-btn-bg);
        color: var(--whatsapp-btn-color);
        border-color: var(--whatsapp-btn-border-color-hover);
    }

    .btn.btn-pinterest {
        --pinterest-btn-bg: #BD081C;
        --pinterest-btn-bg-hover: rgb(170.1, 7.2, 25.2);
        --pinterest-btn-color: #fff;
        --pinterest-btn-color-hover: #fff;
        background-color: var(--pinterest-btn-bg);
        color: var(--pinterest-btn-color);
    }

    .btn.btn-pinterest:hover, .btn.btn-pinterest:active, .btn.btn-pinterest:focus {
        background-color: var(--pinterest-btn-bg-hover);
        color: var(--pinterest-btn-color-hover);
    }

    .btn.btn-subtle-pinterest {
        --pinterest-btn-bg: rgba(189, 8, 28, 0.2);
        --pinterest-btn-bg-hover: #BD081C;
        --pinterest-btn-color: #BD081C;
        --pinterest-btn-color-hover: #fff;
        --pinterest-btn-border-color: rgba(189, 8, 28, 0.1);
        --pinterest-btn-border-color-hover: #BD081C;
        background-color: var(--pinterest-btn-bg);
        color: var(--pinterest-btn-color);
        border-color: var(--pinterest-btn-border-color);
    }

    .btn.btn-subtle-pinterest:hover, .btn.btn-subtle-pinterest:active, .btn.btn-subtle-pinterest:focus {
        background-color: var(--pinterest-btn-bg-hover);
        color: var(--pinterest-btn-color-hover);
        border-color: var(--pinterest-btn-border-color-hover);
    }

    .btn.btn-outline-pinterest {
        --pinterest-btn-bg: rgba(189, 8, 28, 0.9);
        --pinterest-btn-bg-hover: #BD081C;
        --pinterest-btn-color: #BD081C;
        --pinterest-btn-color-hover: #fff;
        --pinterest-btn-border-color: #BD081C;
        --pinterest-btn-border-color-hover: #BD081C;
        border: 1px solid var(--pinterest-btn-border-color);
        color: var(--pinterest-btn-color);
    }

    .btn.btn-outline-pinterest:hover, .btn.btn-outline-pinterest:active, .btn.btn-outline-pinterest:focus {
        background-color: var(--pinterest-btn-bg-hover);
        color: var(--pinterest-btn-color-hover);
        border-color: var(--pinterest-btn-border-color-hover);
    }

    .btn.btn-action-pinterest {
        --pinterest-btn-bg: rgba(189, 8, 28, 0.2);
        --pinterest-btn-bg-hover: #BD081C;
        --pinterest-btn-color: #BD081C;
        --pinterest-btn-color-hover: #fff;
        --pinterest-btn-border-color: #BD081C;
        --pinterest-btn-border-color-hover: rgba(189, 8, 28, 0.1);
        color: var(--pinterest-btn-color);
    }

    .btn.btn-action-pinterest:hover, .btn.btn-action-pinterest:active, .btn.btn-action-pinterest:focus {
        background-color: var(--pinterest-btn-bg);
        color: var(--pinterest-btn-color);
        border-color: var(--pinterest-btn-border-color-hover);
    }

    .btn.btn-snapchat {
        --snapchat-btn-bg: #f7f400;
        --snapchat-btn-bg-hover: rgb(222.3, 219.6, 0);
        --snapchat-btn-color: #fff;
        --snapchat-btn-color-hover: #fff;
        background-color: var(--snapchat-btn-bg);
        color: var(--snapchat-btn-color);
    }

    .btn.btn-snapchat:hover, .btn.btn-snapchat:active, .btn.btn-snapchat:focus {
        background-color: var(--snapchat-btn-bg-hover);
        color: var(--snapchat-btn-color-hover);
    }

    .btn.btn-subtle-snapchat {
        --snapchat-btn-bg: rgba(247, 244, 0, 0.2);
        --snapchat-btn-bg-hover: #f7f400;
        --snapchat-btn-color: #f7f400;
        --snapchat-btn-color-hover: #fff;
        --snapchat-btn-border-color: rgba(247, 244, 0, 0.1);
        --snapchat-btn-border-color-hover: #f7f400;
        background-color: var(--snapchat-btn-bg);
        color: var(--snapchat-btn-color);
        border-color: var(--snapchat-btn-border-color);
    }

    .btn.btn-subtle-snapchat:hover, .btn.btn-subtle-snapchat:active, .btn.btn-subtle-snapchat:focus {
        background-color: var(--snapchat-btn-bg-hover);
        color: var(--snapchat-btn-color-hover);
        border-color: var(--snapchat-btn-border-color-hover);
    }

    .btn.btn-outline-snapchat {
        --snapchat-btn-bg: rgba(247, 244, 0, 0.9);
        --snapchat-btn-bg-hover: #f7f400;
        --snapchat-btn-color: #f7f400;
        --snapchat-btn-color-hover: #fff;
        --snapchat-btn-border-color: #f7f400;
        --snapchat-btn-border-color-hover: #f7f400;
        border: 1px solid var(--snapchat-btn-border-color);
        color: var(--snapchat-btn-color);
    }

    .btn.btn-outline-snapchat:hover, .btn.btn-outline-snapchat:active, .btn.btn-outline-snapchat:focus {
        background-color: var(--snapchat-btn-bg-hover);
        color: var(--snapchat-btn-color-hover);
        border-color: var(--snapchat-btn-border-color-hover);
    }

    .btn.btn-action-snapchat {
        --snapchat-btn-bg: rgba(247, 244, 0, 0.2);
        --snapchat-btn-bg-hover: #f7f400;
        --snapchat-btn-color: #f7f400;
        --snapchat-btn-color-hover: #fff;
        --snapchat-btn-border-color: #f7f400;
        --snapchat-btn-border-color-hover: rgba(247, 244, 0, 0.1);
        color: var(--snapchat-btn-color);
    }

    .btn.btn-action-snapchat:hover, .btn.btn-action-snapchat:active, .btn.btn-action-snapchat:focus {
        background-color: var(--snapchat-btn-bg);
        color: var(--snapchat-btn-color);
        border-color: var(--snapchat-btn-border-color-hover);
    }

    .btn.btn-telegram {
        --telegram-btn-bg: #0088CC;
        --telegram-btn-bg-hover: rgb(0, 122.4, 183.6);
        --telegram-btn-color: #fff;
        --telegram-btn-color-hover: #fff;
        background-color: var(--telegram-btn-bg);
        color: var(--telegram-btn-color);
    }

    .btn.btn-telegram:hover, .btn.btn-telegram:active, .btn.btn-telegram:focus {
        background-color: var(--telegram-btn-bg-hover);
        color: var(--telegram-btn-color-hover);
    }

    .btn.btn-subtle-telegram {
        --telegram-btn-bg: rgba(0, 136, 204, 0.2);
        --telegram-btn-bg-hover: #0088CC;
        --telegram-btn-color: #0088CC;
        --telegram-btn-color-hover: #fff;
        --telegram-btn-border-color: rgba(0, 136, 204, 0.1);
        --telegram-btn-border-color-hover: #0088CC;
        background-color: var(--telegram-btn-bg);
        color: var(--telegram-btn-color);
        border-color: var(--telegram-btn-border-color);
    }

    .btn.btn-subtle-telegram:hover, .btn.btn-subtle-telegram:active, .btn.btn-subtle-telegram:focus {
        background-color: var(--telegram-btn-bg-hover);
        color: var(--telegram-btn-color-hover);
        border-color: var(--telegram-btn-border-color-hover);
    }

    .btn.btn-outline-telegram {
        --telegram-btn-bg: rgba(0, 136, 204, 0.9);
        --telegram-btn-bg-hover: #0088CC;
        --telegram-btn-color: #0088CC;
        --telegram-btn-color-hover: #fff;
        --telegram-btn-border-color: #0088CC;
        --telegram-btn-border-color-hover: #0088CC;
        border: 1px solid var(--telegram-btn-border-color);
        color: var(--telegram-btn-color);
    }

    .btn.btn-outline-telegram:hover, .btn.btn-outline-telegram:active, .btn.btn-outline-telegram:focus {
        background-color: var(--telegram-btn-bg-hover);
        color: var(--telegram-btn-color-hover);
        border-color: var(--telegram-btn-border-color-hover);
    }

    .btn.btn-action-telegram {
        --telegram-btn-bg: rgba(0, 136, 204, 0.2);
        --telegram-btn-bg-hover: #0088CC;
        --telegram-btn-color: #0088CC;
        --telegram-btn-color-hover: #fff;
        --telegram-btn-border-color: #0088CC;
        --telegram-btn-border-color-hover: rgba(0, 136, 204, 0.1);
        color: var(--telegram-btn-color);
    }

    .btn.btn-action-telegram:hover, .btn.btn-action-telegram:active, .btn.btn-action-telegram:focus {
        background-color: var(--telegram-btn-bg);
        color: var(--telegram-btn-color);
        border-color: var(--telegram-btn-border-color-hover);
    }

    .btn.btn-tiktok {
        --tiktok-btn-bg: #010101;
        --tiktok-btn-bg-hover: rgb(0.9, 0.9, 0.9);
        --tiktok-btn-color: #fff;
        --tiktok-btn-color-hover: #fff;
        background-color: var(--tiktok-btn-bg);
        color: var(--tiktok-btn-color);
    }

    .btn.btn-tiktok:hover, .btn.btn-tiktok:active, .btn.btn-tiktok:focus {
        background-color: var(--tiktok-btn-bg-hover);
        color: var(--tiktok-btn-color-hover);
    }

    .btn.btn-subtle-tiktok {
        --tiktok-btn-bg: rgba(1, 1, 1, 0.2);
        --tiktok-btn-bg-hover: #010101;
        --tiktok-btn-color: #010101;
        --tiktok-btn-color-hover: #fff;
        --tiktok-btn-border-color: rgba(1, 1, 1, 0.1);
        --tiktok-btn-border-color-hover: #010101;
        background-color: var(--tiktok-btn-bg);
        color: var(--tiktok-btn-color);
        border-color: var(--tiktok-btn-border-color);
    }

    .btn.btn-subtle-tiktok:hover, .btn.btn-subtle-tiktok:active, .btn.btn-subtle-tiktok:focus {
        background-color: var(--tiktok-btn-bg-hover);
        color: var(--tiktok-btn-color-hover);
        border-color: var(--tiktok-btn-border-color-hover);
    }

    .btn.btn-outline-tiktok {
        --tiktok-btn-bg: rgba(1, 1, 1, 0.9);
        --tiktok-btn-bg-hover: #010101;
        --tiktok-btn-color: #010101;
        --tiktok-btn-color-hover: #fff;
        --tiktok-btn-border-color: #010101;
        --tiktok-btn-border-color-hover: #010101;
        border: 1px solid var(--tiktok-btn-border-color);
        color: var(--tiktok-btn-color);
    }

    .btn.btn-outline-tiktok:hover, .btn.btn-outline-tiktok:active, .btn.btn-outline-tiktok:focus {
        background-color: var(--tiktok-btn-bg-hover);
        color: var(--tiktok-btn-color-hover);
        border-color: var(--tiktok-btn-border-color-hover);
    }

    .btn.btn-action-tiktok {
        --tiktok-btn-bg: rgba(1, 1, 1, 0.2);
        --tiktok-btn-bg-hover: #010101;
        --tiktok-btn-color: #010101;
        --tiktok-btn-color-hover: #fff;
        --tiktok-btn-border-color: #010101;
        --tiktok-btn-border-color-hover: rgba(1, 1, 1, 0.1);
        color: var(--tiktok-btn-color);
    }

    .btn.btn-action-tiktok:hover, .btn.btn-action-tiktok:active, .btn.btn-action-tiktok:focus {
        background-color: var(--tiktok-btn-bg);
        color: var(--tiktok-btn-color);
        border-color: var(--tiktok-btn-border-color-hover);
    }

    .btn.btn-reddit {
        --reddit-btn-bg: #FF4500;
        --reddit-btn-bg-hover: rgb(229.5, 62.1, 0);
        --reddit-btn-color: #fff;
        --reddit-btn-color-hover: #fff;
        background-color: var(--reddit-btn-bg);
        color: var(--reddit-btn-color);
    }

    .btn.btn-reddit:hover, .btn.btn-reddit:active, .btn.btn-reddit:focus {
        background-color: var(--reddit-btn-bg-hover);
        color: var(--reddit-btn-color-hover);
    }

    .btn.btn-subtle-reddit {
        --reddit-btn-bg: rgba(255, 69, 0, 0.2);
        --reddit-btn-bg-hover: #FF4500;
        --reddit-btn-color: #FF4500;
        --reddit-btn-color-hover: #fff;
        --reddit-btn-border-color: rgba(255, 69, 0, 0.1);
        --reddit-btn-border-color-hover: #FF4500;
        background-color: var(--reddit-btn-bg);
        color: var(--reddit-btn-color);
        border-color: var(--reddit-btn-border-color);
    }

    .btn.btn-subtle-reddit:hover, .btn.btn-subtle-reddit:active, .btn.btn-subtle-reddit:focus {
        background-color: var(--reddit-btn-bg-hover);
        color: var(--reddit-btn-color-hover);
        border-color: var(--reddit-btn-border-color-hover);
    }

    .btn.btn-outline-reddit {
        --reddit-btn-bg: rgba(255, 69, 0, 0.9);
        --reddit-btn-bg-hover: #FF4500;
        --reddit-btn-color: #FF4500;
        --reddit-btn-color-hover: #fff;
        --reddit-btn-border-color: #FF4500;
        --reddit-btn-border-color-hover: #FF4500;
        border: 1px solid var(--reddit-btn-border-color);
        color: var(--reddit-btn-color);
    }

    .btn.btn-outline-reddit:hover, .btn.btn-outline-reddit:active, .btn.btn-outline-reddit:focus {
        background-color: var(--reddit-btn-bg-hover);
        color: var(--reddit-btn-color-hover);
        border-color: var(--reddit-btn-border-color-hover);
    }

    .btn.btn-action-reddit {
        --reddit-btn-bg: rgba(255, 69, 0, 0.2);
        --reddit-btn-bg-hover: #FF4500;
        --reddit-btn-color: #FF4500;
        --reddit-btn-color-hover: #fff;
        --reddit-btn-border-color: #FF4500;
        --reddit-btn-border-color-hover: rgba(255, 69, 0, 0.1);
        color: var(--reddit-btn-color);
    }

    .btn.btn-action-reddit:hover, .btn.btn-action-reddit:active, .btn.btn-action-reddit:focus {
        background-color: var(--reddit-btn-bg);
        color: var(--reddit-btn-color);
        border-color: var(--reddit-btn-border-color-hover);
    }

    .btn.btn-snapchat {
        --snapchat-btn-color: #000;
        --snapchat-btn-color-hover: #000;
    }

    .btn.btn-subtle-snapchat {
        --snapchat-btn-color: #000;
        --snapchat-btn-color-hover: #000;
    }

    .btn.btn-outline-snapchat {
        --snapchat-btn-color-hover: #000000;
    }

    .btn.btn-action-snapchat {
        --snapchat-btn-color: #000000;
        --snapchat-btn-color-hover: #000000;
    }

    .card {
        margin-bottom: var(--bs-gutter-x);
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.03);
        border: 0;
    }

    .modal-content {
        box-shadow: var(--bs-box-shadow-lg);
    }

    @keyframes modalIn {
        0% {
            opacity: 0;
            transform: translateY(-35px) scale(0.95);
        }
        50% {
            transform: translateY(0) scale(0.95);
            opacity: 1;
        }
        100% {
            transform: translateY(0) scale(1);
            opacity: 1;
        }
    }

    .alert i {
        vertical-align: -3px;
        font-size: 16px;
    }

    th {
        font-weight: 500;
    }

    .offcanvas {
        box-shadow: var(--bs-offcanvas-box-shadow);
    }

    .tooltip-primary {
        --bs-tooltip-color: #fff;
        --bs-tooltip-bg: var(--bs-primary);
    }

    .tooltip-secondary {
        --bs-tooltip-color: #fff;
        --bs-tooltip-bg: var(--bs-secondary);
    }

    .tooltip-success {
        --bs-tooltip-color: #fff;
        --bs-tooltip-bg: var(--bs-success);
    }

    .tooltip-info {
        --bs-tooltip-color: #fff;
        --bs-tooltip-bg: var(--bs-info);
    }

    .tooltip-dark {
        --bs-tooltip-color: #fff;
        --bs-tooltip-bg: var(--bs-dark);
    }

    .tooltip-warning {
        --bs-tooltip-color: #fff;
        --bs-tooltip-bg: var(--bs-warning);
    }

    .tooltip-danger {
        --bs-tooltip-color: #fff;
        --bs-tooltip-bg: var(--bs-danger);
    }

    .form-control {
        padding: 0.532rem 0.8rem;
    }

    .form-control-sm {
        padding: 0.35rem 0.6rem !important;
    }

    .form-select {
        padding: 0.532rem 1.6rem 0.532rem 0.8rem;
        background-position: right 0.5rem center;
    }

    .was-validated .form-control:invalid, .form-control.is-invalid,
    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
    .was-validated .form-select:invalid,
    .form-select.is-invalid {
        box-shadow: 0 0 0 1px var(--bs-danger);
    }

    .was-validated .form-control:valid, .form-control.is-valid,
    .was-validated .form-control:valid:focus, .form-control.is-valid:focus,
    .was-validated .form-select:valid,
    .form-select.is-valid {
        box-shadow: 0 0 0 1px var(--bs-success);
    }

    .dropdown-menu {
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    }

    .dropdown-item {
        border-radius: 0.375rem;
    }

    .dropdown-menu-right {
        --bs-position: end;
    }

    .dropdown.bootstrap-select {
        width: auto !important;
    }

    .dropdown.bootstrap-select .dropdown-toggle {
        outline: 0 !important;
    }

    .dropdown-toggle.btn-sm + .dropdown-menu, .btn-group-sm > .dropdown-toggle.btn + .dropdown-menu {
        --bs-dropdown-item-padding-x: 12px;
        --bs-dropdown-item-padding-y: 6px;
        --bs-dropdown-font-size: 13px;
        --bs-dropdown-min-width: 8rem;
    }

    .dropdown-toggle::after,
    .dropstart .dropdown-toggle::before,
    .dropend .dropdown-toggle::after,
    .dropup .dropdown-toggle::after {
        font-family: uicons-regular-rounded;
        font-size: 15px;
        width: 15px;
        height: 15px;
        display: inline-flex;
        align-items: center;
        color: inherit;
        transition: 0.2s all linear;
        border: 0;
        vertical-align: middle;
    }

    .dropdown-toggle::after {
        content: "\f376";
        margin-left: 2px;
        margin-right: -2px;
    }

    .dropdown-toggle.dropdown-toggle-split::after {
        margin-left: -2px;
    }

    .dropstart .dropdown-toggle::before {
        content: "\f377";
        margin-right: 1px;
    }

    .dropend .dropdown-toggle::after {
        content: "\f379";
        margin-left: 1px;
    }

    .dropup .dropdown-toggle::after {
        content: "\f37e";
        margin-left: 1px;
    }

    .dropdown-toggle-split {
        border-left: 1px solid rgba(255, 255, 255, 0.15);
    }

    .btn-icon.dropdown-toggle::before, .btn-icon.dropdown-toggle::after {
        content: none;
    }

    .popover {
        box-shadow: var(--bs-box-shadow-lg);
    }

    .popover-primary,
    .popover-secondary,
    .popover-success,
    .popover-danger,
    .popover-dark,
    .popover-info,
    .popover-warning {
        --bs-popover-body-color: #fff;
        --bs-popover-header-color: #fff;
        --bs-popover-header-bg: rgba(255, 255, 255, 0.1);
    }

    .popover-primary {
        --bs-popover-bg: var(--bs-primary);
    }

    .popover-secondary {
        --bs-popover-bg: var(--bs-secondary);
    }

    .popover-success {
        --bs-popover-bg: var(--bs-success);
    }

    .popover-danger {
        --bs-popover-bg: var(--bs-danger);
    }

    .popover-dark {
        --bs-popover-bg: var(--bs-dark);
    }

    .popover-info {
        --bs-popover-bg: var(--bs-info);
    }

    .popover-warning {
        --bs-popover-bg: var(--bs-warning);
    }

    .popover-header-primary {
        --bs-popover-header-color: #fff;
        --bs-popover-header-bg: var(--bs-primary);
    }

    .popover-header-secondary {
        --bs-popover-header-color: #fff;
        --bs-popover-header-bg: var(--bs-secondary);
    }

    .popover-header-success {
        --bs-popover-header-color: #fff;
        --bs-popover-header-bg: var(--bs-success);
    }

    .popover-header-danger {
        --bs-popover-header-color: #fff;
        --bs-popover-header-bg: var(--bs-danger);
    }

    .popover-header-dark {
        --bs-popover-header-color: #fff;
        --bs-popover-header-bg: var(--bs-dark);
    }

    .popover-header-info {
        --bs-popover-header-color: #fff;
        --bs-popover-header-bg: var(--bs-info);
    }

    .popover-header-warning {
        --bs-popover-header-color: #fff;
        --bs-popover-header-bg: var(--bs-warning);
    }

    .navbar.bg-dark,
    .navbar.bg-primary,
    .navbar.bg-secondary,
    .navbar.bg-info,
    .navbar.bg-warning,
    .navbar.bg-success,
    .navbar.bg-danger {
        --bs-navbar-active-color: #fff;
        --bs-navbar-disabled-color: rgba(255, 255, 255, 0.5);
        --bs-navbar-color: rgba(255, 255, 255, 0.8);
        --bs-navbar-hover-color: #fff;
        --bs-navbar-brand-color: #fff;
        --bs-navbar-brand-hover-color: #fff;
        --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.2);
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .tab-content .tab-pane.show {
        transform: unset !important;
        transition: all ease-out 0.2s;
    }

    .tab-content .tab-pane.tab-fade-up.show {
        transform: translateY(0);
    }

    .tab-content .tab-pane.tab-fade-down.show {
        transform: translateY(0);
    }

    .tab-content .tab-pane.tab-fade-end.show {
        transform: translateX(0);
    }

    .tab-content .tab-pane.tab-fade-up.show {
        transform: translateX(0);
    }


    .nav-underline .show > .nav-link {
        font-weight: 500;
    }

    :root {
        --fc-small-font-size: .85em;
        --fc-page-bg-color: #fff;
        --fc-neutral-bg-color: hsla(0, 0%, 82%, .3);
        --fc-neutral-text-color: grey;
        --fc-border-color: var(--bs-border-color);
        --fc-button-text-color: var(--bs-primary);
        --fc-button-bg-color: var(--bs-primary-bg-subtle);
        --fc-button-border-color: rgba(var(--bs-primary-rgb), 0.1);
        --fc-button-hover-bg-color: var(--bs-primary);
        --fc-button-hover-border-color: var(--bs-primary);
        --fc-button-active-bg-color: var(--bs-primary);
        --fc-button-active-border-color: var(--bs-primary);
        --fc-event-bg-color: #3788d8;
        --fc-event-border-color: #3788d8;
        --fc-event-text-color: #fff;
        --fc-event-selected-overlay-color: rgba(0, 0, 0, .25);
        --fc-more-link-bg-color: #d0d0d0;
        --fc-more-link-text-color: inherit;
        --fc-event-resizer-thickness: 8px;
        --fc-event-resizer-dot-total-width: 8px;
        --fc-event-resizer-dot-border-width: 1px;
        --fc-non-business-color: hsla(0, 0%, 84%, .3);
        --fc-bg-event-color: #8fdf82;
        --fc-bg-event-opacity: 0.3;
        --fc-highlight-color: rgba(188, 232, 241, .3);
        --fc-today-bg-color: var(--bs-light);
        --fc-now-indicator-color: red;
    }

    :root {
        --tagify-dd-color-primary: rgb(var(--bs-primary-rgb));
        --tagify-dd-text-color: var(--bs-heading-color);
        --tagify-dd-bg-color: var(--bs-body-bg);
        --tagify-dd-item-pad: 10px 10px;
    }

    :root {
        --swiper-navigation-size: 30px;
        --swiper-theme-color: var(--bs-primary);
    }

    .form-range:disabled::-webkit-slider-runnable-track {
        background-color: rgba(var(--bs-body-color-rgb), 0.25);
    }

    .mail-wrapper .sidebar-mobile-overlay.show {
        display: block;
    }

    .chat-wrapper .sidebar-mobile-overlay.show {
        display: block;
    }

    :root {
        --homepage-primary: #B54C04;
        --homepage-primary-light: rgba(181, 76, 4, 0.1);
        --homepage-gray-50: #fafafa;
        --homepage-gray-100: #f5f5f5;
        --homepage-gray-200: #e8e8e8;
        --homepage-gray-600: #666666;
        --homepage-gray-700: #4a4a4a;
        --homepage-gray-900: #1a1a1a;
    }

    .homepage-hero {
        background: linear-gradient(135deg, var(--homepage-gray-50) 0%, #ffffff 100%);
        border-radius: 24px;
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .homepage-hero:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
    }

    .homepage-hero-image {
        border-radius: 0;
        transition: transform 0.4s ease;
    }

    .homepage-hero:hover .homepage-hero-image {
        transform: scale(1.02);
    }

    .homepage-section-title {
        font-size: 2.5rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: var(--homepage-gray-900);
        line-height: 1.2;
    }

    .homepage-lead {
        font-size: 1.125rem;
        color: var(--homepage-gray-700);
        line-height: 1.7;
    }

    .homepage-text {
        color: var(--homepage-gray-600);
        line-height: 1.75;
    }

    .homepage-cta {
        background: linear-gradient(135deg, var(--homepage-primary) 0%, #C65102 100%);
        border-radius: 16px;
        padding: 3rem 2rem;
        box-shadow: 0 8px 32px rgba(253, 106, 3, 0.15);
        transition: all 0.3s ease;
    }

    .homepage-cta:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 48px rgba(253, 106, 3, 0.25);
    }

    .homepage-cta-title {
        font-size: 1.75rem;
        font-weight: 600;
        letter-spacing: -0.01em;
    }

    .homepage-btn-primary {
        background: #ffffff;
        color: var(--homepage-primary);
        border: none;
        padding: 0.875rem 2.5rem;
        font-weight: 600;
        border-radius: 50px;
        transition: all 0.3s ease;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    }

    .homepage-btn-primary:hover {
        background: var(--homepage-gray-50);
        transform: translateY(-2px);
        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
        color: var(--homepage-primary);
    }

    .homepage-card {
        background: #ffffff;
        border: 1px solid var(--homepage-gray-200);
        border-radius: 20px;
        padding: 2rem;
        height: 100%;
        transition: all 0.3s ease;
    }

    .homepage-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
        border-color: var(--homepage-gray-200);
    }

    .homepage-card-success {
        background: linear-gradient(135deg, rgba(34, 176, 126, 0.05) 0%, rgba(34, 176, 126, 0.02) 100%);
        border-color: rgba(34, 176, 126, 0.2);
    }

    .homepage-card-icon {
        font-size: 1.25rem;
        margin-right: 0.5rem;
    }

    .homepage-card-title {
        font-size: 1.125rem;
        font-weight: 600;
        margin-bottom: 1.25rem;
        letter-spacing: -0.01em;
    }

    /* Darker than Bootstrap's default text-success/text-danger, scoped to homepage cards only, to meet WCAG AA contrast on white */
    .homepage-card-title.text-success {
        color: #15754F !important;
    }

    .homepage-card-title.text-danger {
        color: #C22A0D !important;
    }

    .homepage-list-item {
        padding: 0.625rem 0;
        color: var(--homepage-gray-700);
        line-height: 1.6;
    }

    .homepage-list-icon {
        color: var(--homepage-gray-600);
        margin-right: 0.75rem;
    }

    .homepage-ide-badge {
        background: var(--homepage-gray-100);
        border: 1px solid var(--homepage-gray-200);
        border-radius: 12px;
        padding: 0.625rem 1rem;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--homepage-gray-700);
        text-align: center;
        transition: all 0.2s ease;
    }

    .homepage-ide-badge:hover {
        background: var(--homepage-primary-light);
        border-color: var(--homepage-primary);
        color: var(--homepage-primary);
        transform: translateY(-2px);
    }

    .homepage-info-box {
        background: linear-gradient(135deg, var(--homepage-gray-50) 0%, #ffffff 100%);
        border-left: 4px solid var(--homepage-primary);
        border-radius: 16px;
        padding: 1.5rem;
        margin-top: 1.5rem;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    }

    .homepage-settings-card {
        background: linear-gradient(135deg, var(--homepage-gray-900) 0%, #2a2a2a 100%);
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 16px 64px rgba(0, 0, 0, 0.2);
    }

    .homepage-step-badge {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: var(--homepage-primary);
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.875rem;
        flex-shrink: 0;
    }

    .homepage-step-text {
        color: rgba(255, 255, 255, 0.9);
        line-height: 1.6;
    }

    .homepage-step-text code {
        background: rgba(255, 255, 255, 0.15);
        padding: 0.25rem 0.5rem;
        border-radius: 6px;
        font-size: 0.875em;
        color: #ffffff;
    }

    .homepage-carousel {
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 16px 64px rgba(0, 0, 0, 0.12);
    }

    .homepage-carousel-item {
        background: var(--homepage-gray-50);
        padding: 3rem 2rem;
    }

    .homepage-carousel-img {
        border-radius: 16px;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease;
    }

    .homepage-carousel:hover .homepage-carousel-img {
        transform: scale(1.02);
    }

    .homepage-section {
        padding: 4rem 0;
    }

    .homepage-section-title-center {
        font-size: 2.25rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: var(--homepage-gray-900);
        margin-bottom: 1rem;
    }

    .homepage-section-subtitle {
        color: var(--homepage-gray-600);
        font-size: 1.0625rem;
        line-height: 1.7;
        max-width: 700px;
        margin: 0 auto;
    }

    .homepage-link {
        color: var(--homepage-primary);
        text-decoration: none;
        font-weight: 500;
        transition: color 0.2s ease;
    }

    .homepage-link:hover {
        color: #ff7d1a;
        text-decoration: underline;
    }

    .homepage-image-wrapper {
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease;
    }

    .homepage-image-wrapper:hover {
        transform: translateY(-4px);
    }

    @media (max-width: 768px) {
        .homepage-section-title {
            font-size: 2rem;
        }

        .homepage-section-title-center {
            font-size: 1.75rem;
        }

        .homepage-cta {
            padding: 2rem 1.5rem;
        }
    }
    .btn-danger {
        --bs-btn-bg: #FF3333;
    }

    label.required::after {
        content: " *";
        color: red;
        font-weight: bold;
    }

    .brand-logo {
        font-size: 1.2rem;
        font-weight: bold;
        color: #000000;
    }

    .btn-disabled {
        pointer-events: none;
        cursor: default;
    }

    .availability-item .form-select {
        min-height: calc(1.6em + 0.7rem + var(--bs-border-width) * 2);
        padding: 0.35rem 0.7rem;
        font-size: 0.8125rem;
        border-radius: 8px;
    }

    .form-tomsearch {
        color: #343a40;
        display: block;
        width: 100%;
        padding: 0.35rem 0.8rem;
        font-family: inherit;
        font-size: inherit;
        line-height: 1.6;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .antyCollapse.show {
        display: none !important;
    }


}