:root, [data-bs-theme=light] {
    --bs-blue:  #0d6efd;
    --bs-indigo:  #6610f2;
    --bs-purple:  #6f42c1;
    --bs-pink:  #d63384;
    --bs-red:  #dc3545;
    --bs-orange:  #fd7e14;
    --bs-yellow:  #ffc107;
    --bs-green:  #198754;
    --bs-teal:  #20c997;
    --bs-cyan:  #0dcaf0;
    --bs-black:  #000;
    --bs-white:  #fff;
    --bs-gray:  #6c757d;
    --bs-gray-dark:  #343a40;
    --bs-gray-100:  #f8f9fa;
    --bs-gray-200:  #e9ecef;
    --bs-gray-300:  #dee2e6;
    --bs-gray-400:  #ced4da;
    --bs-gray-500:  #adb5bd;
    --bs-gray-600:  #6c757d;
    --bs-gray-700:  #495057;
    --bs-gray-800:  #343a40;
    --bs-gray-900:  #212529;
    --bs-primary:  #4F46E5;
    --bs-secondary:  #64748B;
    --bs-success:  #16A34A;
    --bs-info:  #8B5CF6;
    --bs-warning:  #F59E0B;
    --bs-danger:  #EF4444;
    --bs-light:  #F8FAFC;
    --bs-dark:  #111827;
    --bs-primary-rgb:  79,  70,  229;
    --bs-secondary-rgb:  100,  116,  139;
    --bs-success-rgb:  22,  163,  74;
    --bs-info-rgb:  139,  92,  246;
    --bs-warning-rgb:  245,  158,  11;
    --bs-danger-rgb:  239,  68,  68;
    --bs-light-rgb:  248,  250,  252;
    --bs-dark-rgb:  17,  24,  39;
    --bs-primary-text-emphasis:  rgb(12.3921568627%,  10.9803921569%,  35.9215686275%);
    --bs-secondary-text-emphasis:  rgb(15.6862745098%,  18.1960784314%,  21.8039215686%);
    --bs-success-text-emphasis:  rgb(3.4509803922%,  25.568627451%,  11.6078431373%);
    --bs-info-text-emphasis:  rgb(21.8039215686%,  14.431372549%,  38.5882352941%);
    --bs-warning-text-emphasis:  rgb(38.431372549%,  24.7843137255%,  1.7254901961%);
    --bs-danger-text-emphasis:  rgb(37.4901960784%,  10.6666666667%,  10.6666666667%);
    --bs-light-text-emphasis:  #495057;
    --bs-dark-text-emphasis:  #495057;
    --bs-primary-bg-subtle:  rgb(86.1960784314%,  85.4901960784%,  97.9607843137%);
    --bs-secondary-bg-subtle:  rgb(87.8431372549%,  89.0980392157%,  90.9019607843%);
    --bs-success-bg-subtle:  rgb(81.7254901961%,  92.7843137255%,  85.8039215686%);
    --bs-info-bg-subtle:  rgb(90.9019607843%,  87.2156862745%,  99.2941176471%);
    --bs-warning-bg-subtle:  rgb(99.2156862745%,  92.3921568627%,  80.862745098%);
    --bs-danger-bg-subtle:  rgb(98.7450980392%,  85.3333333333%,  85.3333333333%);
    --bs-light-bg-subtle:  rgb(98.6274509804%,  98.8235294118%,  99.0196078431%);
    --bs-dark-bg-subtle:  #ced4da;
    --bs-primary-border-subtle:  rgb(72.3921568627%,  70.9803921569%,  95.9215686275%);
    --bs-secondary-border-subtle:  rgb(75.6862745098%,  78.1960784314%,  81.8039215686%);
    --bs-success-border-subtle:  rgb(63.4509803922%,  85.568627451%,  71.6078431373%);
    --bs-info-border-subtle:  rgb(81.8039215686%,  74.431372549%,  98.5882352941%);
    --bs-warning-border-subtle:  rgb(98.431372549%,  84.7843137255%,  61.7254901961%);
    --bs-danger-border-subtle:  rgb(97.4901960784%,  70.6666666667%,  70.6666666667%);
    --bs-light-border-subtle:  #e9ecef;
    --bs-dark-border-subtle:  #adb5bd;
    --bs-white-rgb:  255,  255,  255;
    --bs-black-rgb:  0,  0,  0;
    --bs-font-sans-serif:  "Inter",  "Manrope",  -apple-system,  BlinkMacSystemFont,  "Segoe UI",  sans-serif;
    --bs-font-monospace:  SFMono-Regular,  Menlo,  Monaco,  Consolas,  "Liberation Mono",  "Courier New",  monospace;
    --bs-gradient:  linear-gradient(180deg,  rgba(255,  255,  255,  .15),  rgba(255,  255,  255,  0));
    --bs-body-font-family:  "Inter",  "Manrope",  -apple-system,  BlinkMacSystemFont,  "Segoe UI",  sans-serif;
    --bs-body-font-size:  1rem;
    --bs-body-font-weight:  400;
    --bs-body-line-height:  1.5;
    --bs-body-color:  #111827;
    --bs-body-color-rgb:  17,  24,  39;
    --bs-body-bg:  #F8FAFC;
    --bs-body-bg-rgb:  248,  250,  252;
    --bs-emphasis-color:  #000;
    --bs-emphasis-color-rgb:  0,  0,  0;
    --bs-secondary-color:  rgba(17,  24,  39,  .75);
    --bs-secondary-color-rgb:  17,  24,  39;
    --bs-secondary-bg:  #e9ecef;
    --bs-secondary-bg-rgb:  233,  236,  239;
    --bs-tertiary-color:  rgba(17,  24,  39,  .5);
    --bs-tertiary-color-rgb:  17,  24,  39;
    --bs-tertiary-bg:  #f8f9fa;
    --bs-tertiary-bg-rgb:  248,  249,  250;
    --bs-heading-color:  inherit;
    --bs-link-color:  #4F46E5;
    --bs-link-color-rgb:  79,  70,  229;
    --bs-link-decoration:  underline;
    --bs-link-hover-color:  rgb(24.7843137255%,  21.9607843137%,  71.8431372549%);
    --bs-link-hover-color-rgb:  63,  56,  183;
    --bs-code-color:  #d63384;
    --bs-highlight-color:  #111827;
    --bs-highlight-bg:  rgb(100%,  95.137254902%,  80.5490196078%);
    --bs-border-width:  1px;
    --bs-border-style:  solid;
    --bs-border-color:  #E2E8F0;
    --bs-border-color-translucent:  rgba(0,  0,  0,  .175);
    --bs-border-radius:  12px;
    --bs-border-radius-sm:  8px;
    --bs-border-radius-lg:  16px;
    --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 .5rem 1rem rgba(0,  0,  0,  .15);
    --bs-box-shadow-sm:  0 .125rem .25rem rgba(0,  0,  0,  .075);
    --bs-box-shadow-lg:  0 1rem 3rem rgba(0,  0,  0,  .175);
    --bs-box-shadow-inset:  inset 0 1px 2px rgba(0,  0,  0,  .075);
    --bs-focus-ring-width:  .25rem;
    --bs-focus-ring-opacity:  .25;
    --bs-focus-ring-color:  rgba(79,  70,  229,  .25);
    --bs-form-valid-color:  #16A34A;
    --bs-form-valid-border-color:  #16A34A;
    --bs-form-invalid-color:  #EF4444;
    --bs-form-invalid-border-color:  #EF4444;
}
[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color:  #dee2e6;
    --bs-body-color-rgb:  222,  226,  230;
    --bs-body-bg:  #212529;
    --bs-body-bg-rgb:  33,  37,  41;
    --bs-emphasis-color:  #fff;
    --bs-emphasis-color-rgb:  255,  255,  255;
    --bs-secondary-color:  rgba(222,  226,  230,  .75);
    --bs-secondary-color-rgb:  222,  226,  230;
    --bs-secondary-bg:  #343a40;
    --bs-secondary-bg-rgb:  52,  58,  64;
    --bs-tertiary-color:  rgba(222,  226,  230,  .5);
    --bs-tertiary-color-rgb:  222,  226,  230;
    --bs-tertiary-bg:  rgb(16.6666666667%,  18.6274509804%,  20.5882352941%);
    --bs-tertiary-bg-rgb:  43,  48,  53;
    --bs-primary-text-emphasis:  rgb(58.5882352941%,  56.4705882353%,  93.8823529412%);
    --bs-secondary-text-emphasis:  rgb(63.5294117647%,  67.2941176471%,  72.7058823529%);
    --bs-success-text-emphasis:  rgb(45.1764705882%,  78.3529411765%,  57.4117647059%);
    --bs-info-text-emphasis:  rgb(72.7058823529%,  61.6470588235%,  97.8823529412%);
    --bs-warning-text-emphasis:  rgb(97.6470588235%,  77.1764705882%,  42.5882352941%);
    --bs-danger-text-emphasis:  rgb(96.2352941176%,  56%,  56%);
    --bs-light-text-emphasis:  #f8f9fa;
    --bs-dark-text-emphasis:  #dee2e6;
    --bs-primary-bg-subtle:  rgb(6.1960784314%,  5.4901960784%,  17.9607843137%);
    --bs-secondary-bg-subtle:  rgb(7.8431372549%,  9.0980392157%,  10.9019607843%);
    --bs-success-bg-subtle:  rgb(1.7254901961%,  12.7843137255%,  5.8039215686%);
    --bs-info-bg-subtle:  rgb(10.9019607843%,  7.2156862745%,  19.2941176471%);
    --bs-warning-bg-subtle:  rgb(19.2156862745%,  12.3921568627%,  .862745098%);
    --bs-danger-bg-subtle:  rgb(18.7450980392%,  5.3333333333%,  5.3333333333%);
    --bs-light-bg-subtle:  #343a40;
    --bs-dark-bg-subtle:  #1a1d20;
    --bs-primary-border-subtle:  rgb(18.5882352941%,  16.4705882353%,  53.8823529412%);
    --bs-secondary-border-subtle:  rgb(23.5294117647%,  27.2941176471%,  32.7058823529%);
    --bs-success-border-subtle:  rgb(5.1764705882%,  38.3529411765%,  17.4117647059%);
    --bs-info-border-subtle:  rgb(32.7058823529%,  21.6470588235%,  57.8823529412%);
    --bs-warning-border-subtle:  rgb(57.6470588235%,  37.1764705882%,  2.5882352941%);
    --bs-danger-border-subtle:  rgb(56.2352941176%,  16%,  16%);
    --bs-light-border-subtle:  #495057;
    --bs-dark-border-subtle:  #343a40;
    --bs-heading-color:  inherit;
    --bs-link-color:  rgb(58.5882352941%,  56.4705882353%,  93.8823529412%);
    --bs-link-hover-color:  rgb(66.8705882353%,  65.1764705882%,  95.1058823529%);
    --bs-link-color-rgb:  149,  144,  239;
    --bs-link-hover-color-rgb:  171,  166,  243;
    --bs-code-color:  rgb(90.3529411765%,  52%,  71.0588235294%);
    --bs-highlight-color:  #dee2e6;
    --bs-highlight-bg:  rgb(40%,  30.2745098039%,  1.0980392157%);
    --bs-border-color:  #495057;
    --bs-border-color-translucent:  rgba(255,  255,  255,  .15);
    --bs-form-valid-color:  rgb(45.8823529412%,  71.7647058824%,  59.7647058824%);
    --bs-form-valid-border-color:  rgb(45.8823529412%,  71.7647058824%,  59.7647058824%);
    --bs-form-invalid-color:  rgb(91.7647058824%,  52.4705882353%,  56.2352941176%);
    --bs-form-invalid-border-color:  rgb(91.7647058824%,  52.4705882353%,  56.2352941176%);
}
*, *:before, *:after {
    box-sizing: border-box;
}
@media(prefers-reduced-motion:no-preference) {
    :root {
    scroll-behavior: smooth;
}
}body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
}
h6, h5, h4, h3, h2, h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color);
}
h1 {
    font-size: calc(1.375rem + 1.5vw);
}
@media(min-width:1200px) {
    h1 {
    font-size: 2.5rem;
}
}h2 {
    font-size: calc(1.325rem + .9vw);
}
@media(min-width:1200px) {
    h2 {
    font-size: 2rem;
}
}h3 {
    font-size: calc(1.3rem + .6vw);
}
@media(min-width:1200px) {
    h3 {
    font-size: 1.75rem;
}
}h4 {
    font-size: calc(1.275rem + .3vw);
}
@media(min-width:1200px) {
    h4 {
    font-size: 1.5rem;
}
}h5 {
    font-size: 1.25rem;
}
h6 {
    font-size: 1rem;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none;
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}
ol, ul {
    padding-left: 2rem;
}
ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: .5rem;
    margin-left: 0;
}
blockquote {
    margin: 0 0 1rem;
}
b, strong {
    font-weight: bolder;
}
small {
    font-size: .875em;
}
mark {
    padding: .1875em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg);
}
sub, sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -.25em;
}
sup {
    top: -.5em;
}
a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity,  1));
    text-decoration: underline;
}
a:hover {
    --bs-link-color-rgb:  var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
pre, code, kbd, samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
}
pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em;
}
pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}
code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word;
}
a>code {
    color: inherit;
}
kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: 8px;
}
kbd kbd {
    padding: 0;
    font-size: 1em;
}
figure {
    margin: 0 0 1rem;
}
img, svg {
    vertical-align: middle;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}
caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}
thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
label {
    display: inline-block;
}
button {
    border-radius: 0;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, select {
    text-transform: none;
}
[role=button] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
select:disabled {
    opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none!important;
}
button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
}
button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
    cursor: pointer;
}
::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
textarea {
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    line-height: inherit;
    font-size: calc(1.275rem + .3vw);
}
@media(min-width:1200px) {
    legend {
    font-size: 1.5rem;
}
}legend+* {
    clear: left;
}
::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
    padding: 0;
}
::-webkit-inner-spin-button {
    height: auto;
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
    cursor: pointer;
    filter: grayscale(1);
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
    padding: 0;
}
::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
iframe {
    border: 0;
}
summary {
    display: list-item;
    cursor: pointer;
}
progress {
    vertical-align: baseline;
}
[hidden] {
    display: none!important;
}
:root {
    --bs-breakpoint-xs:  0;
    --bs-breakpoint-sm:  576px;
    --bs-breakpoint-md:  768px;
    --bs-breakpoint-lg:  992px;
    --bs-breakpoint-xl:  1200px;
    --bs-breakpoint-xxl:  1400px;
}
.row {
    --bs-gutter-x:  1.5rem;
    --bs-gutter-y:  0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.col {
    flex: 1 0 0;
}
.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto;
}
.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%}
.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%}
.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%}
.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%}
.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%}
.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%}
.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-3 {
    flex: 0 0 auto;
    width: 25%}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%}
.col-6 {
    flex: 0 0 auto;
    width: 50%}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%}
.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%}
.col-9 {
    flex: 0 0 auto;
    width: 75%}
.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%}
.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%}
.col-12 {
    flex: 0 0 auto;
    width: 100%}
.offset-1 {
    margin-left: 8.33333333%}
.offset-2 {
    margin-left: 16.66666667%}
.offset-3 {
    margin-left: 25%}
.offset-4 {
    margin-left: 33.33333333%}
.offset-5 {
    margin-left: 41.66666667%}
.offset-6 {
    margin-left: 50%}
.offset-7 {
    margin-left: 58.33333333%}
.offset-8 {
    margin-left: 66.66666667%}
.offset-9 {
    margin-left: 75%}
.offset-10 {
    margin-left: 83.33333333%}
.offset-11 {
    margin-left: 91.66666667%}
.g-0, .gx-0 {
    --bs-gutter-x:  0;
}
.g-0, .gy-0 {
    --bs-gutter-y:  0;
}
.g-1, .gx-1 {
    --bs-gutter-x:  .25rem;
}
.g-1, .gy-1 {
    --bs-gutter-y:  .25rem;
}
.g-2, .gx-2 {
    --bs-gutter-x:  .5rem;
}
.g-2, .gy-2 {
    --bs-gutter-y:  .5rem;
}
.g-3, .gx-3 {
    --bs-gutter-x:  1rem;
}
.g-3, .gy-3 {
    --bs-gutter-y:  1rem;
}
.g-4, .gx-4 {
    --bs-gutter-x:  1.5rem;
}
.g-4, .gy-4 {
    --bs-gutter-y:  1.5rem;
}
.g-5, .gx-5 {
    --bs-gutter-x:  3rem;
}
.g-5, .gy-5 {
    --bs-gutter-y:  3rem;
}
@media(min-width:576px) {
    .col-sm {
    flex: 1 0 0;
}
.row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto;
}
.row-cols-sm-1>* {
    flex: 0 0 auto;
    width: 100%}
.row-cols-sm-2>* {
    flex: 0 0 auto;
    width: 50%}
.row-cols-sm-3>* {
    flex: 0 0 auto;
    width: 33.33333333%}
.row-cols-sm-4>* {
    flex: 0 0 auto;
    width: 25%}
.row-cols-sm-5>* {
    flex: 0 0 auto;
    width: 20%}
.row-cols-sm-6>* {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-sm-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%}
.col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-sm-3 {
    flex: 0 0 auto;
    width: 25%}
.col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%}
.col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%}
.col-sm-6 {
    flex: 0 0 auto;
    width: 50%}
.col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%}
.col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%}
.col-sm-9 {
    flex: 0 0 auto;
    width: 75%}
.col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%}
.col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%}
.col-sm-12 {
    flex: 0 0 auto;
    width: 100%}
.offset-sm-0 {
    margin-left: 0;
}
.offset-sm-1 {
    margin-left: 8.33333333%}
.offset-sm-2 {
    margin-left: 16.66666667%}
.offset-sm-3 {
    margin-left: 25%}
.offset-sm-4 {
    margin-left: 33.33333333%}
.offset-sm-5 {
    margin-left: 41.66666667%}
.offset-sm-6 {
    margin-left: 50%}
.offset-sm-7 {
    margin-left: 58.33333333%}
.offset-sm-8 {
    margin-left: 66.66666667%}
.offset-sm-9 {
    margin-left: 75%}
.offset-sm-10 {
    margin-left: 83.33333333%}
.offset-sm-11 {
    margin-left: 91.66666667%}
.g-sm-0, .gx-sm-0 {
    --bs-gutter-x:  0;
}
.g-sm-0, .gy-sm-0 {
    --bs-gutter-y:  0;
}
.g-sm-1, .gx-sm-1 {
    --bs-gutter-x:  .25rem;
}
.g-sm-1, .gy-sm-1 {
    --bs-gutter-y:  .25rem;
}
.g-sm-2, .gx-sm-2 {
    --bs-gutter-x:  .5rem;
}
.g-sm-2, .gy-sm-2 {
    --bs-gutter-y:  .5rem;
}
.g-sm-3, .gx-sm-3 {
    --bs-gutter-x:  1rem;
}
.g-sm-3, .gy-sm-3 {
    --bs-gutter-y:  1rem;
}
.g-sm-4, .gx-sm-4 {
    --bs-gutter-x:  1.5rem;
}
.g-sm-4, .gy-sm-4 {
    --bs-gutter-y:  1.5rem;
}
.g-sm-5, .gx-sm-5 {
    --bs-gutter-x:  3rem;
}
.g-sm-5, .gy-sm-5 {
    --bs-gutter-y:  3rem;
}
}@media(min-width:768px) {
    .col-md {
    flex: 1 0 0;
}
.row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto;
}
.row-cols-md-1>* {
    flex: 0 0 auto;
    width: 100%}
.row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%}
.row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.33333333%}
.row-cols-md-4>* {
    flex: 0 0 auto;
    width: 25%}
.row-cols-md-5>* {
    flex: 0 0 auto;
    width: 20%}
.row-cols-md-6>* {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-md-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%}
.col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-md-3 {
    flex: 0 0 auto;
    width: 25%}
.col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%}
.col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%}
.col-md-6 {
    flex: 0 0 auto;
    width: 50%}
.col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%}
.col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%}
.col-md-9 {
    flex: 0 0 auto;
    width: 75%}
.col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%}
.col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%}
.col-md-12 {
    flex: 0 0 auto;
    width: 100%}
.offset-md-0 {
    margin-left: 0;
}
.offset-md-1 {
    margin-left: 8.33333333%}
.offset-md-2 {
    margin-left: 16.66666667%}
.offset-md-3 {
    margin-left: 25%}
.offset-md-4 {
    margin-left: 33.33333333%}
.offset-md-5 {
    margin-left: 41.66666667%}
.offset-md-6 {
    margin-left: 50%}
.offset-md-7 {
    margin-left: 58.33333333%}
.offset-md-8 {
    margin-left: 66.66666667%}
.offset-md-9 {
    margin-left: 75%}
.offset-md-10 {
    margin-left: 83.33333333%}
.offset-md-11 {
    margin-left: 91.66666667%}
.g-md-0, .gx-md-0 {
    --bs-gutter-x:  0;
}
.g-md-0, .gy-md-0 {
    --bs-gutter-y:  0;
}
.g-md-1, .gx-md-1 {
    --bs-gutter-x:  .25rem;
}
.g-md-1, .gy-md-1 {
    --bs-gutter-y:  .25rem;
}
.g-md-2, .gx-md-2 {
    --bs-gutter-x:  .5rem;
}
.g-md-2, .gy-md-2 {
    --bs-gutter-y:  .5rem;
}
.g-md-3, .gx-md-3 {
    --bs-gutter-x:  1rem;
}
.g-md-3, .gy-md-3 {
    --bs-gutter-y:  1rem;
}
.g-md-4, .gx-md-4 {
    --bs-gutter-x:  1.5rem;
}
.g-md-4, .gy-md-4 {
    --bs-gutter-y:  1.5rem;
}
.g-md-5, .gx-md-5 {
    --bs-gutter-x:  3rem;
}
.g-md-5, .gy-md-5 {
    --bs-gutter-y:  3rem;
}
}@media(min-width:992px) {
    .col-lg {
    flex: 1 0 0;
}
.row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto;
}
.row-cols-lg-1>* {
    flex: 0 0 auto;
    width: 100%}
.row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 50%}
.row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.33333333%}
.row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%}
.row-cols-lg-5>* {
    flex: 0 0 auto;
    width: 20%}
.row-cols-lg-6>* {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-lg-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%}
.col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-lg-3 {
    flex: 0 0 auto;
    width: 25%}
.col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%}
.col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%}
.col-lg-6 {
    flex: 0 0 auto;
    width: 50%}
.col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%}
.col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%}
.col-lg-9 {
    flex: 0 0 auto;
    width: 75%}
.col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%}
.col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%}
.col-lg-12 {
    flex: 0 0 auto;
    width: 100%}
.offset-lg-0 {
    margin-left: 0;
}
.offset-lg-1 {
    margin-left: 8.33333333%}
.offset-lg-2 {
    margin-left: 16.66666667%}
.offset-lg-3 {
    margin-left: 25%}
.offset-lg-4 {
    margin-left: 33.33333333%}
.offset-lg-5 {
    margin-left: 41.66666667%}
.offset-lg-6 {
    margin-left: 50%}
.offset-lg-7 {
    margin-left: 58.33333333%}
.offset-lg-8 {
    margin-left: 66.66666667%}
.offset-lg-9 {
    margin-left: 75%}
.offset-lg-10 {
    margin-left: 83.33333333%}
.offset-lg-11 {
    margin-left: 91.66666667%}
.g-lg-0, .gx-lg-0 {
    --bs-gutter-x:  0;
}
.g-lg-0, .gy-lg-0 {
    --bs-gutter-y:  0;
}
.g-lg-1, .gx-lg-1 {
    --bs-gutter-x:  .25rem;
}
.g-lg-1, .gy-lg-1 {
    --bs-gutter-y:  .25rem;
}
.g-lg-2, .gx-lg-2 {
    --bs-gutter-x:  .5rem;
}
.g-lg-2, .gy-lg-2 {
    --bs-gutter-y:  .5rem;
}
.g-lg-3, .gx-lg-3 {
    --bs-gutter-x:  1rem;
}
.g-lg-3, .gy-lg-3 {
    --bs-gutter-y:  1rem;
}
.g-lg-4, .gx-lg-4 {
    --bs-gutter-x:  1.5rem;
}
.g-lg-4, .gy-lg-4 {
    --bs-gutter-y:  1.5rem;
}
.g-lg-5, .gx-lg-5 {
    --bs-gutter-x:  3rem;
}
.g-lg-5, .gy-lg-5 {
    --bs-gutter-y:  3rem;
}
}@media(min-width:1200px) {
    .col-xl {
    flex: 1 0 0;
}
.row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto;
}
.row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%}
.row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%}
.row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.33333333%}
.row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%}
.row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%}
.row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-xl-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%}
.col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-xl-3 {
    flex: 0 0 auto;
    width: 25%}
.col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%}
.col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%}
.col-xl-6 {
    flex: 0 0 auto;
    width: 50%}
.col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%}
.col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%}
.col-xl-9 {
    flex: 0 0 auto;
    width: 75%}
.col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%}
.col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%}
.col-xl-12 {
    flex: 0 0 auto;
    width: 100%}
.offset-xl-0 {
    margin-left: 0;
}
.offset-xl-1 {
    margin-left: 8.33333333%}
.offset-xl-2 {
    margin-left: 16.66666667%}
.offset-xl-3 {
    margin-left: 25%}
.offset-xl-4 {
    margin-left: 33.33333333%}
.offset-xl-5 {
    margin-left: 41.66666667%}
.offset-xl-6 {
    margin-left: 50%}
.offset-xl-7 {
    margin-left: 58.33333333%}
.offset-xl-8 {
    margin-left: 66.66666667%}
.offset-xl-9 {
    margin-left: 75%}
.offset-xl-10 {
    margin-left: 83.33333333%}
.offset-xl-11 {
    margin-left: 91.66666667%}
.g-xl-0, .gx-xl-0 {
    --bs-gutter-x:  0;
}
.g-xl-0, .gy-xl-0 {
    --bs-gutter-y:  0;
}
.g-xl-1, .gx-xl-1 {
    --bs-gutter-x:  .25rem;
}
.g-xl-1, .gy-xl-1 {
    --bs-gutter-y:  .25rem;
}
.g-xl-2, .gx-xl-2 {
    --bs-gutter-x:  .5rem;
}
.g-xl-2, .gy-xl-2 {
    --bs-gutter-y:  .5rem;
}
.g-xl-3, .gx-xl-3 {
    --bs-gutter-x:  1rem;
}
.g-xl-3, .gy-xl-3 {
    --bs-gutter-y:  1rem;
}
.g-xl-4, .gx-xl-4 {
    --bs-gutter-x:  1.5rem;
}
.g-xl-4, .gy-xl-4 {
    --bs-gutter-y:  1.5rem;
}
.g-xl-5, .gx-xl-5 {
    --bs-gutter-x:  3rem;
}
.g-xl-5, .gy-xl-5 {
    --bs-gutter-y:  3rem;
}
}@media(min-width:1400px) {
    .col-xxl {
    flex: 1 0 0;
}
.row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto;
}
.row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%}
.row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%}
.row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.33333333%}
.row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%}
.row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%}
.row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%}
.col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%}
.col-xxl-3 {
    flex: 0 0 auto;
    width: 25%}
.col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%}
.col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%}
.col-xxl-6 {
    flex: 0 0 auto;
    width: 50%}
.col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%}
.col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%}
.col-xxl-9 {
    flex: 0 0 auto;
    width: 75%}
.col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%}
.col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%}
.col-xxl-12 {
    flex: 0 0 auto;
    width: 100%}
.offset-xxl-0 {
    margin-left: 0;
}
.offset-xxl-1 {
    margin-left: 8.33333333%}
.offset-xxl-2 {
    margin-left: 16.66666667%}
.offset-xxl-3 {
    margin-left: 25%}
.offset-xxl-4 {
    margin-left: 33.33333333%}
.offset-xxl-5 {
    margin-left: 41.66666667%}
.offset-xxl-6 {
    margin-left: 50%}
.offset-xxl-7 {
    margin-left: 58.33333333%}
.offset-xxl-8 {
    margin-left: 66.66666667%}
.offset-xxl-9 {
    margin-left: 75%}
.offset-xxl-10 {
    margin-left: 83.33333333%}
.offset-xxl-11 {
    margin-left: 91.66666667%}
.g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x:  0;
}
.g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y:  0;
}
.g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x:  .25rem;
}
.g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y:  .25rem;
}
.g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x:  .5rem;
}
.g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y:  .5rem;
}
.g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x:  1rem;
}
.g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y:  1rem;
}
.g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x:  1.5rem;
}
.g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y:  1.5rem;
}
.g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x:  3rem;
}
.g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y:  3rem;
}
}.align-baseline {
    vertical-align: baseline!important;
}
.align-top {
    vertical-align: top!important;
}
.align-middle {
    vertical-align: middle!important;
}
.align-bottom {
    vertical-align: bottom!important;
}
.align-text-bottom {
    vertical-align: text-bottom!important;
}
.align-text-top {
    vertical-align: text-top!important;
}
.float-start {
    float: left!important;
}
.float-end {
    float: right!important;
}
.float-none {
    float: none!important;
}
.object-fit-contain {
    object-fit: contain!important;
}
.object-fit-cover {
    object-fit: cover!important;
}
.object-fit-fill {
    object-fit: fill!important;
}
.object-fit-scale {
    object-fit: scale-down!important;
}
.object-fit-none {
    object-fit: none!important;
}
.opacity-0 {
    opacity: 0!important;
}
.opacity-25 {
    opacity: .25!important;
}
.opacity-50 {
    opacity: .5!important;
}
.opacity-75 {
    opacity: .75!important;
}
.opacity-100 {
    opacity: 1!important;
}
.overflow-auto {
    overflow: auto!important;
}
.overflow-hidden {
    overflow: hidden!important;
}
.overflow-visible {
    overflow: visible!important;
}
.overflow-scroll {
    overflow: scroll!important;
}
.overflow-x-auto {
    overflow-x: auto!important;
}
.overflow-x-hidden {
    overflow-x: hidden!important;
}
.overflow-x-visible {
    overflow-x: visible!important;
}
.overflow-x-scroll {
    overflow-x: scroll!important;
}
.overflow-y-auto {
    overflow-y: auto!important;
}
.overflow-y-hidden {
    overflow-y: hidden!important;
}
.overflow-y-visible {
    overflow-y: visible!important;
}
.overflow-y-scroll {
    overflow-y: scroll!important;
}
.d-inline {
    display: inline!important;
}
.d-inline-block {
    display: inline-block!important;
}
.d-block {
    display: block!important;
}
.d-grid {
    display: grid!important;
}
.d-inline-grid {
    display: inline-grid!important;
}
.d-table {
    display: table!important;
}
.d-table-row {
    display: table-row!important;
}
.d-table-cell {
    display: table-cell!important;
}
.d-flex {
    display: flex!important;
}
.d-inline-flex {
    display: inline-flex!important;
}
.d-none {
    display: none!important;
}
.shadow {
    box-shadow: var(--bs-box-shadow)!important;
}
.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm)!important;
}
.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg)!important;
}
.shadow-none {
    box-shadow: none!important;
}
.focus-ring-primary {
    --bs-focus-ring-color:  rgba(var(--bs-primary-rgb),  var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
    --bs-focus-ring-color:  rgba(var(--bs-secondary-rgb),  var(--bs-focus-ring-opacity));
}
.focus-ring-success {
    --bs-focus-ring-color:  rgba(var(--bs-success-rgb),  var(--bs-focus-ring-opacity));
}
.focus-ring-info {
    --bs-focus-ring-color:  rgba(var(--bs-info-rgb),  var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
    --bs-focus-ring-color:  rgba(var(--bs-warning-rgb),  var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
    --bs-focus-ring-color:  rgba(var(--bs-danger-rgb),  var(--bs-focus-ring-opacity));
}
.focus-ring-light {
    --bs-focus-ring-color:  rgba(var(--bs-light-rgb),  var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
    --bs-focus-ring-color:  rgba(var(--bs-dark-rgb),  var(--bs-focus-ring-opacity));
}
.position-static {
    position: static!important;
}
.position-relative {
    position: relative!important;
}
.position-absolute {
    position: absolute!important;
}
.position-fixed {
    position: fixed!important;
}
.position-sticky {
    position: sticky!important;
}
.top-0 {
    top: 0!important;
}
.top-50 {
    top: 50%!important;
}
.top-100 {
    top: 100%!important;
}
.bottom-0 {
    bottom: 0!important;
}
.bottom-50 {
    bottom: 50%!important;
}
.bottom-100 {
    bottom: 100%!important;
}
.start-0 {
    left: 0!important;
}
.start-50 {
    left: 50%!important;
}
.start-100 {
    left: 100%!important;
}
.end-0 {
    right: 0!important;
}
.end-50 {
    right: 50%!important;
}
.end-100 {
    right: 100%!important;
}
.translate-middle {
    transform: translate(-50%, -50%)!important;
}
.translate-middle-x {
    transform: translate(-50%)!important;
}
.translate-middle-y {
    transform: translateY(-50%)!important;
}
.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}
.border-0 {
    border: 0!important;
}
.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}
.border-top-0 {
    border-top: 0!important;
}
.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}
.border-end-0 {
    border-right: 0!important;
}
.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}
.border-bottom-0 {
    border-bottom: 0!important;
}
.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}
.border-start-0 {
    border-left: 0!important;
}
.border-primary {
    --bs-border-opacity:  1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity))!important;
}
.border-secondary {
    --bs-border-opacity:  1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity))!important;
}
.border-success {
    --bs-border-opacity:  1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity))!important;
}
.border-info {
    --bs-border-opacity:  1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity))!important;
}
.border-warning {
    --bs-border-opacity:  1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity))!important;
}
.border-danger {
    --bs-border-opacity:  1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity))!important;
}
.border-light {
    --bs-border-opacity:  1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity))!important;
}
.border-dark {
    --bs-border-opacity:  1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity))!important;
}
.border-black {
    --bs-border-opacity:  1;
    border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity))!important;
}
.border-white {
    --bs-border-opacity:  1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity))!important;
}
.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle)!important;
}
.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle)!important;
}
.border-success-subtle {
    border-color: var(--bs-success-border-subtle)!important;
}
.border-info-subtle {
    border-color: var(--bs-info-border-subtle)!important;
}
.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle)!important;
}
.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle)!important;
}
.border-light-subtle {
    border-color: var(--bs-light-border-subtle)!important;
}
.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle)!important;
}
.border-1 {
    border-width: 1px!important;
}
.border-2 {
    border-width: 2px!important;
}
.border-3 {
    border-width: 3px!important;
}
.border-4 {
    border-width: 4px!important;
}
.border-5 {
    border-width: 5px!important;
}
.border-opacity-10 {
    --bs-border-opacity:  .1;
}
.border-opacity-25 {
    --bs-border-opacity:  .25;
}
.border-opacity-50 {
    --bs-border-opacity:  .5;
}
.border-opacity-75 {
    --bs-border-opacity:  .75;
}
.border-opacity-100 {
    --bs-border-opacity:  1;
}
.w-25 {
    width: 25%!important;
}
.w-50 {
    width: 50%!important;
}
.w-75 {
    width: 75%!important;
}
.w-100 {
    width: 100%!important;
}
.w-auto {
    width: auto!important;
}
.mw-100 {
    max-width: 100%!important;
}
.vw-100 {
    width: 100vw!important;
}
.min-vw-100 {
    min-width: 100vw!important;
}
.h-25 {
    height: 25%!important;
}
.h-50 {
    height: 50%!important;
}
.h-75 {
    height: 75%!important;
}
.h-100 {
    height: 100%!important;
}
.h-auto {
    height: auto!important;
}
.mh-100 {
    max-height: 100%!important;
}
.vh-100 {
    height: 100vh!important;
}
.min-vh-100 {
    min-height: 100vh!important;
}
.flex-fill {
    flex: 1 1 auto!important;
}
.flex-row {
    flex-direction: row!important;
}
.flex-column {
    flex-direction: column!important;
}
.flex-row-reverse {
    flex-direction: row-reverse!important;
}
.flex-column-reverse {
    flex-direction: column-reverse!important;
}
.flex-grow-0 {
    flex-grow: 0!important;
}
.flex-grow-1 {
    flex-grow: 1!important;
}
.flex-shrink-0 {
    flex-shrink: 0!important;
}
.flex-shrink-1 {
    flex-shrink: 1!important;
}
.flex-wrap {
    flex-wrap: wrap!important;
}
.flex-nowrap {
    flex-wrap: nowrap!important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important;
}
.justify-content-start {
    justify-content: flex-start!important;
}
.justify-content-end {
    justify-content: flex-end!important;
}
.justify-content-center {
    justify-content: center!important;
}
.justify-content-between {
    justify-content: space-between!important;
}
.justify-content-around {
    justify-content: space-around!important;
}
.justify-content-evenly {
    justify-content: space-evenly!important;
}
.align-items-start {
    align-items: flex-start!important;
}
.align-items-end {
    align-items: flex-end!important;
}
.align-items-center {
    align-items: center!important;
}
.align-items-baseline {
    align-items: baseline!important;
}
.align-items-stretch {
    align-items: stretch!important;
}
.align-content-start {
    align-content: flex-start!important;
}
.align-content-end {
    align-content: flex-end!important;
}
.align-content-center {
    align-content: center!important;
}
.align-content-between {
    align-content: space-between!important;
}
.align-content-around {
    align-content: space-around!important;
}
.align-content-stretch {
    align-content: stretch!important;
}
.align-self-auto {
    align-self: auto!important;
}
.align-self-start {
    align-self: flex-start!important;
}
.align-self-end {
    align-self: flex-end!important;
}
.align-self-center {
    align-self: center!important;
}
.align-self-baseline {
    align-self: baseline!important;
}
.align-self-stretch {
    align-self: stretch!important;
}
.order-first {
    order: -1!important;
}
.order-0 {
    order: 0!important;
}
.order-1 {
    order: 1!important;
}
.order-2 {
    order: 2!important;
}
.order-3 {
    order: 3!important;
}
.order-4 {
    order: 4!important;
}
.order-5 {
    order: 5!important;
}
.order-last {
    order: 6!important;
}
.m-0 {
    margin: 0!important;
}
.m-1 {
    margin: .25rem!important;
}
.m-2 {
    margin: .5rem!important;
}
.m-3 {
    margin: 1rem!important;
}
.m-4 {
    margin: 1.5rem!important;
}
.m-5 {
    margin: 3rem!important;
}
.m-auto {
    margin: auto!important;
}
.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important;
}
.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important;
}
.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important;
}
.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important;
}
.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important;
}
.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
}
.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}
.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important;
}
.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important;
}
.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}
.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
}
.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
}
.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important;
}
.mt-0 {
    margin-top: 0!important;
}
.mt-1 {
    margin-top: .25rem!important;
}
.mt-2 {
    margin-top: .5rem!important;
}
.mt-3 {
    margin-top: 1rem!important;
}
.mt-4 {
    margin-top: 1.5rem!important;
}
.mt-5 {
    margin-top: 3rem!important;
}
.mt-auto {
    margin-top: auto!important;
}
.me-0 {
    margin-right: 0!important;
}
.me-1 {
    margin-right: .25rem!important;
}
.me-2 {
    margin-right: .5rem!important;
}
.me-3 {
    margin-right: 1rem!important;
}
.me-4 {
    margin-right: 1.5rem!important;
}
.me-5 {
    margin-right: 3rem!important;
}
.me-auto {
    margin-right: auto!important;
}
.mb-0 {
    margin-bottom: 0!important;
}
.mb-1 {
    margin-bottom: .25rem!important;
}
.mb-2 {
    margin-bottom: .5rem!important;
}
.mb-3 {
    margin-bottom: 1rem!important;
}
.mb-4 {
    margin-bottom: 1.5rem!important;
}
.mb-5 {
    margin-bottom: 3rem!important;
}
.mb-auto {
    margin-bottom: auto!important;
}
.ms-0 {
    margin-left: 0!important;
}
.ms-1 {
    margin-left: .25rem!important;
}
.ms-2 {
    margin-left: .5rem!important;
}
.ms-3 {
    margin-left: 1rem!important;
}
.ms-4 {
    margin-left: 1.5rem!important;
}
.ms-5 {
    margin-left: 3rem!important;
}
.ms-auto {
    margin-left: auto!important;
}
.m-n1 {
    margin: -.25rem!important;
}
.m-n2 {
    margin: -.5rem!important;
}
.m-n3 {
    margin: -1rem!important;
}
.m-n4 {
    margin: -1.5rem!important;
}
.m-n5 {
    margin: -3rem!important;
}
.mx-n1 {
    margin-right: -.25rem!important;
    margin-left: -.25rem!important;
}
.mx-n2 {
    margin-right: -.5rem!important;
    margin-left: -.5rem!important;
}
.mx-n3 {
    margin-right: -1rem!important;
    margin-left: -1rem!important;
}
.mx-n4 {
    margin-right: -1.5rem!important;
    margin-left: -1.5rem!important;
}
.mx-n5 {
    margin-right: -3rem!important;
    margin-left: -3rem!important;
}
.my-n1 {
    margin-top: -.25rem!important;
    margin-bottom: -.25rem!important;
}
.my-n2 {
    margin-top: -.5rem!important;
    margin-bottom: -.5rem!important;
}
.my-n3 {
    margin-top: -1rem!important;
    margin-bottom: -1rem!important;
}
.my-n4 {
    margin-top: -1.5rem!important;
    margin-bottom: -1.5rem!important;
}
.my-n5 {
    margin-top: -3rem!important;
    margin-bottom: -3rem!important;
}
.mt-n1 {
    margin-top: -.25rem!important;
}
.mt-n2 {
    margin-top: -.5rem!important;
}
.mt-n3 {
    margin-top: -1rem!important;
}
.mt-n4 {
    margin-top: -1.5rem!important;
}
.mt-n5 {
    margin-top: -3rem!important;
}
.me-n1 {
    margin-right: -.25rem!important;
}
.me-n2 {
    margin-right: -.5rem!important;
}
.me-n3 {
    margin-right: -1rem!important;
}
.me-n4 {
    margin-right: -1.5rem!important;
}
.me-n5 {
    margin-right: -3rem!important;
}
.mb-n1 {
    margin-bottom: -.25rem!important;
}
.mb-n2 {
    margin-bottom: -.5rem!important;
}
.mb-n3 {
    margin-bottom: -1rem!important;
}
.mb-n4 {
    margin-bottom: -1.5rem!important;
}
.mb-n5 {
    margin-bottom: -3rem!important;
}
.ms-n1 {
    margin-left: -.25rem!important;
}
.ms-n2 {
    margin-left: -.5rem!important;
}
.ms-n3 {
    margin-left: -1rem!important;
}
.ms-n4 {
    margin-left: -1.5rem!important;
}
.ms-n5 {
    margin-left: -3rem!important;
}
.p-0 {
    padding: 0!important;
}
.p-1 {
    padding: .25rem!important;
}
.p-2 {
    padding: .5rem!important;
}
.p-3 {
    padding: 1rem!important;
}
.p-4 {
    padding: 1.5rem!important;
}
.p-5 {
    padding: 3rem!important;
}
.px-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}
.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important;
}
.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important;
}
.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
}
.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important;
}
.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
}
.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}
.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.pt-0 {
    padding-top: 0!important;
}
.pt-1 {
    padding-top: .25rem!important;
}
.pt-2 {
    padding-top: .5rem!important;
}
.pt-3 {
    padding-top: 1rem!important;
}
.pt-4 {
    padding-top: 1.5rem!important;
}
.pt-5 {
    padding-top: 3rem!important;
}
.pe-0 {
    padding-right: 0!important;
}
.pe-1 {
    padding-right: .25rem!important;
}
.pe-2 {
    padding-right: .5rem!important;
}
.pe-3 {
    padding-right: 1rem!important;
}
.pe-4 {
    padding-right: 1.5rem!important;
}
.pe-5 {
    padding-right: 3rem!important;
}
.pb-0 {
    padding-bottom: 0!important;
}
.pb-1 {
    padding-bottom: .25rem!important;
}
.pb-2 {
    padding-bottom: .5rem!important;
}
.pb-3 {
    padding-bottom: 1rem!important;
}
.pb-4 {
    padding-bottom: 1.5rem!important;
}
.pb-5 {
    padding-bottom: 3rem!important;
}
.ps-0 {
    padding-left: 0!important;
}
.ps-1 {
    padding-left: .25rem!important;
}
.ps-2 {
    padding-left: .5rem!important;
}
.ps-3 {
    padding-left: 1rem!important;
}
.ps-4 {
    padding-left: 1.5rem!important;
}
.ps-5 {
    padding-left: 3rem!important;
}
.gap-0 {
    gap: 0!important;
}
.gap-1 {
    gap: .25rem!important;
}
.gap-2 {
    gap: .5rem!important;
}
.gap-3 {
    gap: 1rem!important;
}
.gap-4 {
    gap: 1.5rem!important;
}
.gap-5 {
    gap: 3rem!important;
}
.row-gap-0 {
    row-gap: 0!important;
}
.row-gap-1 {
    row-gap: .25rem!important;
}
.row-gap-2 {
    row-gap: .5rem!important;
}
.row-gap-3 {
    row-gap: 1rem!important;
}
.row-gap-4 {
    row-gap: 1.5rem!important;
}
.row-gap-5 {
    row-gap: 3rem!important;
}
.column-gap-0 {
    column-gap: 0!important;
}
.column-gap-1 {
    column-gap: .25rem!important;
}
.column-gap-2 {
    column-gap: .5rem!important;
}
.column-gap-3 {
    column-gap: 1rem!important;
}
.column-gap-4 {
    column-gap: 1.5rem!important;
}
.column-gap-5 {
    column-gap: 3rem!important;
}
.font-monospace {
    font-family: var(--bs-font-monospace)!important;
}
.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important;
}
.fs-2 {
    font-size: calc(1.325rem + .9vw)!important;
}
.fs-3 {
    font-size: calc(1.3rem + .6vw)!important;
}
.fs-4 {
    font-size: calc(1.275rem + .3vw)!important;
}
.fs-5 {
    font-size: 1.25rem!important;
}
.fs-6 {
    font-size: 1rem!important;
}
.fst-italic {
    font-style: italic!important;
}
.fst-normal {
    font-style: normal!important;
}
.fw-lighter {
    font-weight: lighter!important;
}
.fw-light {
    font-weight: 300!important;
}
.fw-normal {
    font-weight: 400!important;
}
.fw-medium {
    font-weight: 500!important;
}
.fw-semibold {
    font-weight: 600!important;
}
.fw-bold {
    font-weight: 700!important;
}
.fw-bolder {
    font-weight: bolder!important;
}
.lh-1 {
    line-height: 1!important;
}
.lh-sm {
    line-height: 1.25!important;
}
.lh-base {
    line-height: 1.5!important;
}
.lh-lg {
    line-height: 2!important;
}
.text-start {
    text-align: left!important;
}
.text-end {
    text-align: right!important;
}
.text-center {
    text-align: center!important;
}
.text-decoration-none {
    text-decoration: none!important;
}
.text-decoration-underline {
    text-decoration: underline!important;
}
.text-decoration-line-through {
    text-decoration: line-through!important;
}
.text-lowercase {
    text-transform: lowercase!important;
}
.text-uppercase {
    text-transform: uppercase!important;
}
.text-capitalize {
    text-transform: capitalize!important;
}
.text-wrap {
    white-space: normal!important;
}
.text-nowrap {
    white-space: nowrap!important;
}
.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important;
}
.text-primary {
    --bs-text-opacity:  1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity))!important;
}
.text-secondary {
    --bs-text-opacity:  1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity))!important;
}
.text-success {
    --bs-text-opacity:  1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity))!important;
}
.text-info {
    --bs-text-opacity:  1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity))!important;
}
.text-warning {
    --bs-text-opacity:  1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity))!important;
}
.text-danger {
    --bs-text-opacity:  1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity))!important;
}
.text-light {
    --bs-text-opacity:  1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity))!important;
}
.text-dark {
    --bs-text-opacity:  1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity))!important;
}
.text-black {
    --bs-text-opacity:  1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity))!important;
}
.text-white {
    --bs-text-opacity:  1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity))!important;
}
.text-body {
    --bs-text-opacity:  1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity))!important;
}
.text-muted {
    --bs-text-opacity:  1;
    color: var(--bs-secondary-color)!important;
}
.text-black-50 {
    --bs-text-opacity:  1;
    color: #00000080!important;
}
.text-white-50 {
    --bs-text-opacity:  1;
    color: #ffffff80!important;
}
.text-body-secondary {
    --bs-text-opacity:  1;
    color: var(--bs-secondary-color)!important;
}
.text-body-tertiary {
    --bs-text-opacity:  1;
    color: var(--bs-tertiary-color)!important;
}
.text-body-emphasis {
    --bs-text-opacity:  1;
    color: var(--bs-emphasis-color)!important;
}
.text-reset {
    --bs-text-opacity:  1;
    color: inherit!important;
}
.text-opacity-25 {
    --bs-text-opacity:  .25;
}
.text-opacity-50 {
    --bs-text-opacity:  .5;
}
.text-opacity-75 {
    --bs-text-opacity:  .75;
}
.text-opacity-100 {
    --bs-text-opacity:  1;
}
.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis)!important;
}
.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis)!important;
}
.text-success-emphasis {
    color: var(--bs-success-text-emphasis)!important;
}
.text-info-emphasis {
    color: var(--bs-info-text-emphasis)!important;
}
.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis)!important;
}
.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis)!important;
}
.text-light-emphasis {
    color: var(--bs-light-text-emphasis)!important;
}
.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis)!important;
}
.link-opacity-10, .link-opacity-10-hover:hover {
    --bs-link-opacity:  .1;
}
.link-opacity-25, .link-opacity-25-hover:hover {
    --bs-link-opacity:  .25;
}
.link-opacity-50, .link-opacity-50-hover:hover {
    --bs-link-opacity:  .5;
}
.link-opacity-75, .link-opacity-75-hover:hover {
    --bs-link-opacity:  .75;
}
.link-opacity-100, .link-opacity-100-hover:hover {
    --bs-link-opacity:  1;
}
.link-offset-1, .link-offset-1-hover:hover {
    text-underline-offset: .125em!important;
}
.link-offset-2, .link-offset-2-hover:hover {
    text-underline-offset: .25em!important;
}
.link-offset-3, .link-offset-3-hover:hover {
    text-underline-offset: .375em!important;
}
.link-underline-primary {
    --bs-link-underline-opacity:  1;
    text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity))!important;
}
.link-underline-secondary {
    --bs-link-underline-opacity:  1;
    text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity))!important;
}
.link-underline-success {
    --bs-link-underline-opacity:  1;
    text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity))!important;
}
.link-underline-info {
    --bs-link-underline-opacity:  1;
    text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity))!important;
}
.link-underline-warning {
    --bs-link-underline-opacity:  1;
    text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity))!important;
}
.link-underline-danger {
    --bs-link-underline-opacity:  1;
    text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity))!important;
}
.link-underline-light {
    --bs-link-underline-opacity:  1;
    text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity))!important;
}
.link-underline-dark {
    --bs-link-underline-opacity:  1;
    text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity))!important;
}
.link-underline {
    --bs-link-underline-opacity:  1;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity,  1))!important;
}
.link-underline-opacity-0, .link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity:  0;
}
.link-underline-opacity-10, .link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity:  .1;
}
.link-underline-opacity-25, .link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity:  .25;
}
.link-underline-opacity-50, .link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity:  .5;
}
.link-underline-opacity-75, .link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity:  .75;
}
.link-underline-opacity-100, .link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity:  1;
}
.bg-primary {
    --bs-bg-opacity:  1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity))!important;
}
.bg-secondary {
    --bs-bg-opacity:  1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity))!important;
}
.bg-success {
    --bs-bg-opacity:  1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity))!important;
}
.bg-info {
    --bs-bg-opacity:  1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity))!important;
}
.bg-warning {
    --bs-bg-opacity:  1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity))!important;
}
.bg-danger {
    --bs-bg-opacity:  1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity))!important;
}
.bg-light {
    --bs-bg-opacity:  1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity))!important;
}
.bg-dark {
    --bs-bg-opacity:  1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity))!important;
}
.bg-black {
    --bs-bg-opacity:  1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity))!important;
}
.bg-white {
    --bs-bg-opacity:  1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity))!important;
}
.bg-body {
    --bs-bg-opacity:  1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity))!important;
}
.bg-transparent {
    --bs-bg-opacity:  1;
    background-color: transparent!important;
}
.bg-body-secondary {
    --bs-bg-opacity:  1;
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity))!important;
}
.bg-body-tertiary {
    --bs-bg-opacity:  1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity))!important;
}
.bg-opacity-10 {
    --bs-bg-opacity:  .1;
}
.bg-opacity-25 {
    --bs-bg-opacity:  .25;
}
.bg-opacity-50 {
    --bs-bg-opacity:  .5;
}
.bg-opacity-75 {
    --bs-bg-opacity:  .75;
}
.bg-opacity-100 {
    --bs-bg-opacity:  1;
}
.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle)!important;
}
.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle)!important;
}
.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle)!important;
}
.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle)!important;
}
.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle)!important;
}
.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle)!important;
}
.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle)!important;
}
.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle)!important;
}
.bg-gradient {
    background-image: var(--bs-gradient)!important;
}
.user-select-all {
    -webkit-user-select: all!important;
    user-select: all!important;
}
.user-select-auto {
    -webkit-user-select: auto!important;
    user-select: auto!important;
}
.user-select-none {
    -webkit-user-select: none!important;
    user-select: none!important;
}
.pe-none {
    pointer-events: none!important;
}
.pe-auto {
    pointer-events: auto!important;
}
.rounded {
    border-radius: var(--bs-border-radius)!important;
}
.rounded-0 {
    border-radius: 0!important;
}
.rounded-1 {
    border-radius: var(--bs-border-radius-sm)!important;
}
.rounded-2 {
    border-radius: var(--bs-border-radius)!important;
}
.rounded-3 {
    border-radius: var(--bs-border-radius-lg)!important;
}
.rounded-4 {
    border-radius: var(--bs-border-radius-xl)!important;
}
.rounded-5 {
    border-radius: var(--bs-border-radius-xxl)!important;
}
.rounded-circle {
    border-radius: 50%!important;
}
.rounded-pill {
    border-radius: var(--bs-border-radius-pill)!important;
}
.rounded-top {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important;
}
.rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}
.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm)!important;
    border-top-right-radius: var(--bs-border-radius-sm)!important;
}
.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important;
}
.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg)!important;
    border-top-right-radius: var(--bs-border-radius-lg)!important;
}
.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl)!important;
    border-top-right-radius: var(--bs-border-radius-xl)!important;
}
.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-right-radius: var(--bs-border-radius-xxl)!important;
}
.rounded-top-circle {
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important;
}
.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill)!important;
    border-top-right-radius: var(--bs-border-radius-pill)!important;
}
.rounded-end {
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important;
}
.rounded-end-0 {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
.rounded-end-1 {
    border-top-right-radius: var(--bs-border-radius-sm)!important;
    border-bottom-right-radius: var(--bs-border-radius-sm)!important;
}
.rounded-end-2 {
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important;
}
.rounded-end-3 {
    border-top-right-radius: var(--bs-border-radius-lg)!important;
    border-bottom-right-radius: var(--bs-border-radius-lg)!important;
}
.rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xl)!important;
}
.rounded-end-5 {
    border-top-right-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
}
.rounded-end-circle {
    border-top-right-radius: 50%!important;
    border-bottom-right-radius: 50%!important;
}
.rounded-end-pill {
    border-top-right-radius: var(--bs-border-radius-pill)!important;
    border-bottom-right-radius: var(--bs-border-radius-pill)!important;
}
.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important;
}
.rounded-bottom-0 {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
}
.rounded-bottom-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm)!important;
    border-bottom-left-radius: var(--bs-border-radius-sm)!important;
}
.rounded-bottom-2 {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important;
}
.rounded-bottom-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg)!important;
    border-bottom-left-radius: var(--bs-border-radius-lg)!important;
}
.rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl)!important;
    border-bottom-left-radius: var(--bs-border-radius-xl)!important;
}
.rounded-bottom-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
}
.rounded-bottom-circle {
    border-bottom-right-radius: 50%!important;
    border-bottom-left-radius: 50%!important;
}
.rounded-bottom-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill)!important;
    border-bottom-left-radius: var(--bs-border-radius-pill)!important;
}
.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important;
}
.rounded-start-0 {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
}
.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm)!important;
    border-top-left-radius: var(--bs-border-radius-sm)!important;
}
.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important;
}
.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg)!important;
    border-top-left-radius: var(--bs-border-radius-lg)!important;
}
.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl)!important;
    border-top-left-radius: var(--bs-border-radius-xl)!important;
}
.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-left-radius: var(--bs-border-radius-xxl)!important;
}
.rounded-start-circle {
    border-bottom-left-radius: 50%!important;
    border-top-left-radius: 50%!important;
}
.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill)!important;
    border-top-left-radius: var(--bs-border-radius-pill)!important;
}
.visible {
    visibility: visible!important;
}
.invisible {
    visibility: hidden!important;
}
.z-n1 {
    z-index: -1!important;
}
.z-0 {
    z-index: 0!important;
}
.z-1 {
    z-index: 1!important;
}
.z-2 {
    z-index: 2!important;
}
.z-3 {
    z-index: 3!important;
}
@media(min-width:576px) {
    .float-sm-start {
    float: left!important;
}
.float-sm-end {
    float: right!important;
}
.float-sm-none {
    float: none!important;
}
.object-fit-sm-contain {
    object-fit: contain!important;
}
.object-fit-sm-cover {
    object-fit: cover!important;
}
.object-fit-sm-fill {
    object-fit: fill!important;
}
.object-fit-sm-scale {
    object-fit: scale-down!important;
}
.object-fit-sm-none {
    object-fit: none!important;
}
.d-sm-inline {
    display: inline!important;
}
.d-sm-inline-block {
    display: inline-block!important;
}
.d-sm-block {
    display: block!important;
}
.d-sm-grid {
    display: grid!important;
}
.d-sm-inline-grid {
    display: inline-grid!important;
}
.d-sm-table {
    display: table!important;
}
.d-sm-table-row {
    display: table-row!important;
}
.d-sm-table-cell {
    display: table-cell!important;
}
.d-sm-flex {
    display: flex!important;
}
.d-sm-inline-flex {
    display: inline-flex!important;
}
.d-sm-none {
    display: none!important;
}
.flex-sm-fill {
    flex: 1 1 auto!important;
}
.flex-sm-row {
    flex-direction: row!important;
}
.flex-sm-column {
    flex-direction: column!important;
}
.flex-sm-row-reverse {
    flex-direction: row-reverse!important;
}
.flex-sm-column-reverse {
    flex-direction: column-reverse!important;
}
.flex-sm-grow-0 {
    flex-grow: 0!important;
}
.flex-sm-grow-1 {
    flex-grow: 1!important;
}
.flex-sm-shrink-0 {
    flex-shrink: 0!important;
}
.flex-sm-shrink-1 {
    flex-shrink: 1!important;
}
.flex-sm-wrap {
    flex-wrap: wrap!important;
}
.flex-sm-nowrap {
    flex-wrap: nowrap!important;
}
.flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse!important;
}
.justify-content-sm-start {
    justify-content: flex-start!important;
}
.justify-content-sm-end {
    justify-content: flex-end!important;
}
.justify-content-sm-center {
    justify-content: center!important;
}
.justify-content-sm-between {
    justify-content: space-between!important;
}
.justify-content-sm-around {
    justify-content: space-around!important;
}
.justify-content-sm-evenly {
    justify-content: space-evenly!important;
}
.align-items-sm-start {
    align-items: flex-start!important;
}
.align-items-sm-end {
    align-items: flex-end!important;
}
.align-items-sm-center {
    align-items: center!important;
}
.align-items-sm-baseline {
    align-items: baseline!important;
}
.align-items-sm-stretch {
    align-items: stretch!important;
}
.align-content-sm-start {
    align-content: flex-start!important;
}
.align-content-sm-end {
    align-content: flex-end!important;
}
.align-content-sm-center {
    align-content: center!important;
}
.align-content-sm-between {
    align-content: space-between!important;
}
.align-content-sm-around {
    align-content: space-around!important;
}
.align-content-sm-stretch {
    align-content: stretch!important;
}
.align-self-sm-auto {
    align-self: auto!important;
}
.align-self-sm-start {
    align-self: flex-start!important;
}
.align-self-sm-end {
    align-self: flex-end!important;
}
.align-self-sm-center {
    align-self: center!important;
}
.align-self-sm-baseline {
    align-self: baseline!important;
}
.align-self-sm-stretch {
    align-self: stretch!important;
}
.order-sm-first {
    order: -1!important;
}
.order-sm-0 {
    order: 0!important;
}
.order-sm-1 {
    order: 1!important;
}
.order-sm-2 {
    order: 2!important;
}
.order-sm-3 {
    order: 3!important;
}
.order-sm-4 {
    order: 4!important;
}
.order-sm-5 {
    order: 5!important;
}
.order-sm-last {
    order: 6!important;
}
.m-sm-0 {
    margin: 0!important;
}
.m-sm-1 {
    margin: .25rem!important;
}
.m-sm-2 {
    margin: .5rem!important;
}
.m-sm-3 {
    margin: 1rem!important;
}
.m-sm-4 {
    margin: 1.5rem!important;
}
.m-sm-5 {
    margin: 3rem!important;
}
.m-sm-auto {
    margin: auto!important;
}
.mx-sm-0 {
    margin-right: 0!important;
    margin-left: 0!important;
}
.mx-sm-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important;
}
.mx-sm-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important;
}
.mx-sm-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important;
}
.mx-sm-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important;
}
.mx-sm-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
}
.mx-sm-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}
.my-sm-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.my-sm-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important;
}
.my-sm-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important;
}
.my-sm-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}
.my-sm-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
}
.my-sm-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
}
.my-sm-auto {
    margin-top: auto!important;
    margin-bottom: auto!important;
}
.mt-sm-0 {
    margin-top: 0!important;
}
.mt-sm-1 {
    margin-top: .25rem!important;
}
.mt-sm-2 {
    margin-top: .5rem!important;
}
.mt-sm-3 {
    margin-top: 1rem!important;
}
.mt-sm-4 {
    margin-top: 1.5rem!important;
}
.mt-sm-5 {
    margin-top: 3rem!important;
}
.mt-sm-auto {
    margin-top: auto!important;
}
.me-sm-0 {
    margin-right: 0!important;
}
.me-sm-1 {
    margin-right: .25rem!important;
}
.me-sm-2 {
    margin-right: .5rem!important;
}
.me-sm-3 {
    margin-right: 1rem!important;
}
.me-sm-4 {
    margin-right: 1.5rem!important;
}
.me-sm-5 {
    margin-right: 3rem!important;
}
.me-sm-auto {
    margin-right: auto!important;
}
.mb-sm-0 {
    margin-bottom: 0!important;
}
.mb-sm-1 {
    margin-bottom: .25rem!important;
}
.mb-sm-2 {
    margin-bottom: .5rem!important;
}
.mb-sm-3 {
    margin-bottom: 1rem!important;
}
.mb-sm-4 {
    margin-bottom: 1.5rem!important;
}
.mb-sm-5 {
    margin-bottom: 3rem!important;
}
.mb-sm-auto {
    margin-bottom: auto!important;
}
.ms-sm-0 {
    margin-left: 0!important;
}
.ms-sm-1 {
    margin-left: .25rem!important;
}
.ms-sm-2 {
    margin-left: .5rem!important;
}
.ms-sm-3 {
    margin-left: 1rem!important;
}
.ms-sm-4 {
    margin-left: 1.5rem!important;
}
.ms-sm-5 {
    margin-left: 3rem!important;
}
.ms-sm-auto {
    margin-left: auto!important;
}
.m-sm-n1 {
    margin: -.25rem!important;
}
.m-sm-n2 {
    margin: -.5rem!important;
}
.m-sm-n3 {
    margin: -1rem!important;
}
.m-sm-n4 {
    margin: -1.5rem!important;
}
.m-sm-n5 {
    margin: -3rem!important;
}
.mx-sm-n1 {
    margin-right: -.25rem!important;
    margin-left: -.25rem!important;
}
.mx-sm-n2 {
    margin-right: -.5rem!important;
    margin-left: -.5rem!important;
}
.mx-sm-n3 {
    margin-right: -1rem!important;
    margin-left: -1rem!important;
}
.mx-sm-n4 {
    margin-right: -1.5rem!important;
    margin-left: -1.5rem!important;
}
.mx-sm-n5 {
    margin-right: -3rem!important;
    margin-left: -3rem!important;
}
.my-sm-n1 {
    margin-top: -.25rem!important;
    margin-bottom: -.25rem!important;
}
.my-sm-n2 {
    margin-top: -.5rem!important;
    margin-bottom: -.5rem!important;
}
.my-sm-n3 {
    margin-top: -1rem!important;
    margin-bottom: -1rem!important;
}
.my-sm-n4 {
    margin-top: -1.5rem!important;
    margin-bottom: -1.5rem!important;
}
.my-sm-n5 {
    margin-top: -3rem!important;
    margin-bottom: -3rem!important;
}
.mt-sm-n1 {
    margin-top: -.25rem!important;
}
.mt-sm-n2 {
    margin-top: -.5rem!important;
}
.mt-sm-n3 {
    margin-top: -1rem!important;
}
.mt-sm-n4 {
    margin-top: -1.5rem!important;
}
.mt-sm-n5 {
    margin-top: -3rem!important;
}
.me-sm-n1 {
    margin-right: -.25rem!important;
}
.me-sm-n2 {
    margin-right: -.5rem!important;
}
.me-sm-n3 {
    margin-right: -1rem!important;
}
.me-sm-n4 {
    margin-right: -1.5rem!important;
}
.me-sm-n5 {
    margin-right: -3rem!important;
}
.mb-sm-n1 {
    margin-bottom: -.25rem!important;
}
.mb-sm-n2 {
    margin-bottom: -.5rem!important;
}
.mb-sm-n3 {
    margin-bottom: -1rem!important;
}
.mb-sm-n4 {
    margin-bottom: -1.5rem!important;
}
.mb-sm-n5 {
    margin-bottom: -3rem!important;
}
.ms-sm-n1 {
    margin-left: -.25rem!important;
}
.ms-sm-n2 {
    margin-left: -.5rem!important;
}
.ms-sm-n3 {
    margin-left: -1rem!important;
}
.ms-sm-n4 {
    margin-left: -1.5rem!important;
}
.ms-sm-n5 {
    margin-left: -3rem!important;
}
.p-sm-0 {
    padding: 0!important;
}
.p-sm-1 {
    padding: .25rem!important;
}
.p-sm-2 {
    padding: .5rem!important;
}
.p-sm-3 {
    padding: 1rem!important;
}
.p-sm-4 {
    padding: 1.5rem!important;
}
.p-sm-5 {
    padding: 3rem!important;
}
.px-sm-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}
.px-sm-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important;
}
.px-sm-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important;
}
.px-sm-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.px-sm-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.px-sm-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
}
.py-sm-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.py-sm-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important;
}
.py-sm-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
}
.py-sm-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.py-sm-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}
.py-sm-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.pt-sm-0 {
    padding-top: 0!important;
}
.pt-sm-1 {
    padding-top: .25rem!important;
}
.pt-sm-2 {
    padding-top: .5rem!important;
}
.pt-sm-3 {
    padding-top: 1rem!important;
}
.pt-sm-4 {
    padding-top: 1.5rem!important;
}
.pt-sm-5 {
    padding-top: 3rem!important;
}
.pe-sm-0 {
    padding-right: 0!important;
}
.pe-sm-1 {
    padding-right: .25rem!important;
}
.pe-sm-2 {
    padding-right: .5rem!important;
}
.pe-sm-3 {
    padding-right: 1rem!important;
}
.pe-sm-4 {
    padding-right: 1.5rem!important;
}
.pe-sm-5 {
    padding-right: 3rem!important;
}
.pb-sm-0 {
    padding-bottom: 0!important;
}
.pb-sm-1 {
    padding-bottom: .25rem!important;
}
.pb-sm-2 {
    padding-bottom: .5rem!important;
}
.pb-sm-3 {
    padding-bottom: 1rem!important;
}
.pb-sm-4 {
    padding-bottom: 1.5rem!important;
}
.pb-sm-5 {
    padding-bottom: 3rem!important;
}
.ps-sm-0 {
    padding-left: 0!important;
}
.ps-sm-1 {
    padding-left: .25rem!important;
}
.ps-sm-2 {
    padding-left: .5rem!important;
}
.ps-sm-3 {
    padding-left: 1rem!important;
}
.ps-sm-4 {
    padding-left: 1.5rem!important;
}
.ps-sm-5 {
    padding-left: 3rem!important;
}
.gap-sm-0 {
    gap: 0!important;
}
.gap-sm-1 {
    gap: .25rem!important;
}
.gap-sm-2 {
    gap: .5rem!important;
}
.gap-sm-3 {
    gap: 1rem!important;
}
.gap-sm-4 {
    gap: 1.5rem!important;
}
.gap-sm-5 {
    gap: 3rem!important;
}
.row-gap-sm-0 {
    row-gap: 0!important;
}
.row-gap-sm-1 {
    row-gap: .25rem!important;
}
.row-gap-sm-2 {
    row-gap: .5rem!important;
}
.row-gap-sm-3 {
    row-gap: 1rem!important;
}
.row-gap-sm-4 {
    row-gap: 1.5rem!important;
}
.row-gap-sm-5 {
    row-gap: 3rem!important;
}
.column-gap-sm-0 {
    column-gap: 0!important;
}
.column-gap-sm-1 {
    column-gap: .25rem!important;
}
.column-gap-sm-2 {
    column-gap: .5rem!important;
}
.column-gap-sm-3 {
    column-gap: 1rem!important;
}
.column-gap-sm-4 {
    column-gap: 1.5rem!important;
}
.column-gap-sm-5 {
    column-gap: 3rem!important;
}
.text-sm-start {
    text-align: left!important;
}
.text-sm-end {
    text-align: right!important;
}
.text-sm-center {
    text-align: center!important;
}
}@media(min-width:768px) {
    .float-md-start {
    float: left!important;
}
.float-md-end {
    float: right!important;
}
.float-md-none {
    float: none!important;
}
.object-fit-md-contain {
    object-fit: contain!important;
}
.object-fit-md-cover {
    object-fit: cover!important;
}
.object-fit-md-fill {
    object-fit: fill!important;
}
.object-fit-md-scale {
    object-fit: scale-down!important;
}
.object-fit-md-none {
    object-fit: none!important;
}
.d-md-inline {
    display: inline!important;
}
.d-md-inline-block {
    display: inline-block!important;
}
.d-md-block {
    display: block!important;
}
.d-md-grid {
    display: grid!important;
}
.d-md-inline-grid {
    display: inline-grid!important;
}
.d-md-table {
    display: table!important;
}
.d-md-table-row {
    display: table-row!important;
}
.d-md-table-cell {
    display: table-cell!important;
}
.d-md-flex {
    display: flex!important;
}
.d-md-inline-flex {
    display: inline-flex!important;
}
.d-md-none {
    display: none!important;
}
.flex-md-fill {
    flex: 1 1 auto!important;
}
.flex-md-row {
    flex-direction: row!important;
}
.flex-md-column {
    flex-direction: column!important;
}
.flex-md-row-reverse {
    flex-direction: row-reverse!important;
}
.flex-md-column-reverse {
    flex-direction: column-reverse!important;
}
.flex-md-grow-0 {
    flex-grow: 0!important;
}
.flex-md-grow-1 {
    flex-grow: 1!important;
}
.flex-md-shrink-0 {
    flex-shrink: 0!important;
}
.flex-md-shrink-1 {
    flex-shrink: 1!important;
}
.flex-md-wrap {
    flex-wrap: wrap!important;
}
.flex-md-nowrap {
    flex-wrap: nowrap!important;
}
.flex-md-wrap-reverse {
    flex-wrap: wrap-reverse!important;
}
.justify-content-md-start {
    justify-content: flex-start!important;
}
.justify-content-md-end {
    justify-content: flex-end!important;
}
.justify-content-md-center {
    justify-content: center!important;
}
.justify-content-md-between {
    justify-content: space-between!important;
}
.justify-content-md-around {
    justify-content: space-around!important;
}
.justify-content-md-evenly {
    justify-content: space-evenly!important;
}
.align-items-md-start {
    align-items: flex-start!important;
}
.align-items-md-end {
    align-items: flex-end!important;
}
.align-items-md-center {
    align-items: center!important;
}
.align-items-md-baseline {
    align-items: baseline!important;
}
.align-items-md-stretch {
    align-items: stretch!important;
}
.align-content-md-start {
    align-content: flex-start!important;
}
.align-content-md-end {
    align-content: flex-end!important;
}
.align-content-md-center {
    align-content: center!important;
}
.align-content-md-between {
    align-content: space-between!important;
}
.align-content-md-around {
    align-content: space-around!important;
}
.align-content-md-stretch {
    align-content: stretch!important;
}
.align-self-md-auto {
    align-self: auto!important;
}
.align-self-md-start {
    align-self: flex-start!important;
}
.align-self-md-end {
    align-self: flex-end!important;
}
.align-self-md-center {
    align-self: center!important;
}
.align-self-md-baseline {
    align-self: baseline!important;
}
.align-self-md-stretch {
    align-self: stretch!important;
}
.order-md-first {
    order: -1!important;
}
.order-md-0 {
    order: 0!important;
}
.order-md-1 {
    order: 1!important;
}
.order-md-2 {
    order: 2!important;
}
.order-md-3 {
    order: 3!important;
}
.order-md-4 {
    order: 4!important;
}
.order-md-5 {
    order: 5!important;
}
.order-md-last {
    order: 6!important;
}
.m-md-0 {
    margin: 0!important;
}
.m-md-1 {
    margin: .25rem!important;
}
.m-md-2 {
    margin: .5rem!important;
}
.m-md-3 {
    margin: 1rem!important;
}
.m-md-4 {
    margin: 1.5rem!important;
}
.m-md-5 {
    margin: 3rem!important;
}
.m-md-auto {
    margin: auto!important;
}
.mx-md-0 {
    margin-right: 0!important;
    margin-left: 0!important;
}
.mx-md-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important;
}
.mx-md-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important;
}
.mx-md-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important;
}
.mx-md-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important;
}
.mx-md-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
}
.mx-md-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}
.my-md-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.my-md-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important;
}
.my-md-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important;
}
.my-md-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}
.my-md-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
}
.my-md-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
}
.my-md-auto {
    margin-top: auto!important;
    margin-bottom: auto!important;
}
.mt-md-0 {
    margin-top: 0!important;
}
.mt-md-1 {
    margin-top: .25rem!important;
}
.mt-md-2 {
    margin-top: .5rem!important;
}
.mt-md-3 {
    margin-top: 1rem!important;
}
.mt-md-4 {
    margin-top: 1.5rem!important;
}
.mt-md-5 {
    margin-top: 3rem!important;
}
.mt-md-auto {
    margin-top: auto!important;
}
.me-md-0 {
    margin-right: 0!important;
}
.me-md-1 {
    margin-right: .25rem!important;
}
.me-md-2 {
    margin-right: .5rem!important;
}
.me-md-3 {
    margin-right: 1rem!important;
}
.me-md-4 {
    margin-right: 1.5rem!important;
}
.me-md-5 {
    margin-right: 3rem!important;
}
.me-md-auto {
    margin-right: auto!important;
}
.mb-md-0 {
    margin-bottom: 0!important;
}
.mb-md-1 {
    margin-bottom: .25rem!important;
}
.mb-md-2 {
    margin-bottom: .5rem!important;
}
.mb-md-3 {
    margin-bottom: 1rem!important;
}
.mb-md-4 {
    margin-bottom: 1.5rem!important;
}
.mb-md-5 {
    margin-bottom: 3rem!important;
}
.mb-md-auto {
    margin-bottom: auto!important;
}
.ms-md-0 {
    margin-left: 0!important;
}
.ms-md-1 {
    margin-left: .25rem!important;
}
.ms-md-2 {
    margin-left: .5rem!important;
}
.ms-md-3 {
    margin-left: 1rem!important;
}
.ms-md-4 {
    margin-left: 1.5rem!important;
}
.ms-md-5 {
    margin-left: 3rem!important;
}
.ms-md-auto {
    margin-left: auto!important;
}
.m-md-n1 {
    margin: -.25rem!important;
}
.m-md-n2 {
    margin: -.5rem!important;
}
.m-md-n3 {
    margin: -1rem!important;
}
.m-md-n4 {
    margin: -1.5rem!important;
}
.m-md-n5 {
    margin: -3rem!important;
}
.mx-md-n1 {
    margin-right: -.25rem!important;
    margin-left: -.25rem!important;
}
.mx-md-n2 {
    margin-right: -.5rem!important;
    margin-left: -.5rem!important;
}
.mx-md-n3 {
    margin-right: -1rem!important;
    margin-left: -1rem!important;
}
.mx-md-n4 {
    margin-right: -1.5rem!important;
    margin-left: -1.5rem!important;
}
.mx-md-n5 {
    margin-right: -3rem!important;
    margin-left: -3rem!important;
}
.my-md-n1 {
    margin-top: -.25rem!important;
    margin-bottom: -.25rem!important;
}
.my-md-n2 {
    margin-top: -.5rem!important;
    margin-bottom: -.5rem!important;
}
.my-md-n3 {
    margin-top: -1rem!important;
    margin-bottom: -1rem!important;
}
.my-md-n4 {
    margin-top: -1.5rem!important;
    margin-bottom: -1.5rem!important;
}
.my-md-n5 {
    margin-top: -3rem!important;
    margin-bottom: -3rem!important;
}
.mt-md-n1 {
    margin-top: -.25rem!important;
}
.mt-md-n2 {
    margin-top: -.5rem!important;
}
.mt-md-n3 {
    margin-top: -1rem!important;
}
.mt-md-n4 {
    margin-top: -1.5rem!important;
}
.mt-md-n5 {
    margin-top: -3rem!important;
}
.me-md-n1 {
    margin-right: -.25rem!important;
}
.me-md-n2 {
    margin-right: -.5rem!important;
}
.me-md-n3 {
    margin-right: -1rem!important;
}
.me-md-n4 {
    margin-right: -1.5rem!important;
}
.me-md-n5 {
    margin-right: -3rem!important;
}
.mb-md-n1 {
    margin-bottom: -.25rem!important;
}
.mb-md-n2 {
    margin-bottom: -.5rem!important;
}
.mb-md-n3 {
    margin-bottom: -1rem!important;
}
.mb-md-n4 {
    margin-bottom: -1.5rem!important;
}
.mb-md-n5 {
    margin-bottom: -3rem!important;
}
.ms-md-n1 {
    margin-left: -.25rem!important;
}
.ms-md-n2 {
    margin-left: -.5rem!important;
}
.ms-md-n3 {
    margin-left: -1rem!important;
}
.ms-md-n4 {
    margin-left: -1.5rem!important;
}
.ms-md-n5 {
    margin-left: -3rem!important;
}
.p-md-0 {
    padding: 0!important;
}
.p-md-1 {
    padding: .25rem!important;
}
.p-md-2 {
    padding: .5rem!important;
}
.p-md-3 {
    padding: 1rem!important;
}
.p-md-4 {
    padding: 1.5rem!important;
}
.p-md-5 {
    padding: 3rem!important;
}
.px-md-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}
.px-md-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important;
}
.px-md-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important;
}
.px-md-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.px-md-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.px-md-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
}
.py-md-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.py-md-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important;
}
.py-md-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
}
.py-md-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.py-md-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}
.py-md-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.pt-md-0 {
    padding-top: 0!important;
}
.pt-md-1 {
    padding-top: .25rem!important;
}
.pt-md-2 {
    padding-top: .5rem!important;
}
.pt-md-3 {
    padding-top: 1rem!important;
}
.pt-md-4 {
    padding-top: 1.5rem!important;
}
.pt-md-5 {
    padding-top: 3rem!important;
}
.pe-md-0 {
    padding-right: 0!important;
}
.pe-md-1 {
    padding-right: .25rem!important;
}
.pe-md-2 {
    padding-right: .5rem!important;
}
.pe-md-3 {
    padding-right: 1rem!important;
}
.pe-md-4 {
    padding-right: 1.5rem!important;
}
.pe-md-5 {
    padding-right: 3rem!important;
}
.pb-md-0 {
    padding-bottom: 0!important;
}
.pb-md-1 {
    padding-bottom: .25rem!important;
}
.pb-md-2 {
    padding-bottom: .5rem!important;
}
.pb-md-3 {
    padding-bottom: 1rem!important;
}
.pb-md-4 {
    padding-bottom: 1.5rem!important;
}
.pb-md-5 {
    padding-bottom: 3rem!important;
}
.ps-md-0 {
    padding-left: 0!important;
}
.ps-md-1 {
    padding-left: .25rem!important;
}
.ps-md-2 {
    padding-left: .5rem!important;
}
.ps-md-3 {
    padding-left: 1rem!important;
}
.ps-md-4 {
    padding-left: 1.5rem!important;
}
.ps-md-5 {
    padding-left: 3rem!important;
}
.gap-md-0 {
    gap: 0!important;
}
.gap-md-1 {
    gap: .25rem!important;
}
.gap-md-2 {
    gap: .5rem!important;
}
.gap-md-3 {
    gap: 1rem!important;
}
.gap-md-4 {
    gap: 1.5rem!important;
}
.gap-md-5 {
    gap: 3rem!important;
}
.row-gap-md-0 {
    row-gap: 0!important;
}
.row-gap-md-1 {
    row-gap: .25rem!important;
}
.row-gap-md-2 {
    row-gap: .5rem!important;
}
.row-gap-md-3 {
    row-gap: 1rem!important;
}
.row-gap-md-4 {
    row-gap: 1.5rem!important;
}
.row-gap-md-5 {
    row-gap: 3rem!important;
}
.column-gap-md-0 {
    column-gap: 0!important;
}
.column-gap-md-1 {
    column-gap: .25rem!important;
}
.column-gap-md-2 {
    column-gap: .5rem!important;
}
.column-gap-md-3 {
    column-gap: 1rem!important;
}
.column-gap-md-4 {
    column-gap: 1.5rem!important;
}
.column-gap-md-5 {
    column-gap: 3rem!important;
}
.text-md-start {
    text-align: left!important;
}
.text-md-end {
    text-align: right!important;
}
.text-md-center {
    text-align: center!important;
}
}@media(min-width:992px) {
    .float-lg-start {
    float: left!important;
}
.float-lg-end {
    float: right!important;
}
.float-lg-none {
    float: none!important;
}
.object-fit-lg-contain {
    object-fit: contain!important;
}
.object-fit-lg-cover {
    object-fit: cover!important;
}
.object-fit-lg-fill {
    object-fit: fill!important;
}
.object-fit-lg-scale {
    object-fit: scale-down!important;
}
.object-fit-lg-none {
    object-fit: none!important;
}
.d-lg-inline {
    display: inline!important;
}
.d-lg-inline-block {
    display: inline-block!important;
}
.d-lg-block {
    display: block!important;
}
.d-lg-grid {
    display: grid!important;
}
.d-lg-inline-grid {
    display: inline-grid!important;
}
.d-lg-table {
    display: table!important;
}
.d-lg-table-row {
    display: table-row!important;
}
.d-lg-table-cell {
    display: table-cell!important;
}
.d-lg-flex {
    display: flex!important;
}
.d-lg-inline-flex {
    display: inline-flex!important;
}
.d-lg-none {
    display: none!important;
}
.flex-lg-fill {
    flex: 1 1 auto!important;
}
.flex-lg-row {
    flex-direction: row!important;
}
.flex-lg-column {
    flex-direction: column!important;
}
.flex-lg-row-reverse {
    flex-direction: row-reverse!important;
}
.flex-lg-column-reverse {
    flex-direction: column-reverse!important;
}
.flex-lg-grow-0 {
    flex-grow: 0!important;
}
.flex-lg-grow-1 {
    flex-grow: 1!important;
}
.flex-lg-shrink-0 {
    flex-shrink: 0!important;
}
.flex-lg-shrink-1 {
    flex-shrink: 1!important;
}
.flex-lg-wrap {
    flex-wrap: wrap!important;
}
.flex-lg-nowrap {
    flex-wrap: nowrap!important;
}
.flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse!important;
}
.justify-content-lg-start {
    justify-content: flex-start!important;
}
.justify-content-lg-end {
    justify-content: flex-end!important;
}
.justify-content-lg-center {
    justify-content: center!important;
}
.justify-content-lg-between {
    justify-content: space-between!important;
}
.justify-content-lg-around {
    justify-content: space-around!important;
}
.justify-content-lg-evenly {
    justify-content: space-evenly!important;
}
.align-items-lg-start {
    align-items: flex-start!important;
}
.align-items-lg-end {
    align-items: flex-end!important;
}
.align-items-lg-center {
    align-items: center!important;
}
.align-items-lg-baseline {
    align-items: baseline!important;
}
.align-items-lg-stretch {
    align-items: stretch!important;
}
.align-content-lg-start {
    align-content: flex-start!important;
}
.align-content-lg-end {
    align-content: flex-end!important;
}
.align-content-lg-center {
    align-content: center!important;
}
.align-content-lg-between {
    align-content: space-between!important;
}
.align-content-lg-around {
    align-content: space-around!important;
}
.align-content-lg-stretch {
    align-content: stretch!important;
}
.align-self-lg-auto {
    align-self: auto!important;
}
.align-self-lg-start {
    align-self: flex-start!important;
}
.align-self-lg-end {
    align-self: flex-end!important;
}
.align-self-lg-center {
    align-self: center!important;
}
.align-self-lg-baseline {
    align-self: baseline!important;
}
.align-self-lg-stretch {
    align-self: stretch!important;
}
.order-lg-first {
    order: -1!important;
}
.order-lg-0 {
    order: 0!important;
}
.order-lg-1 {
    order: 1!important;
}
.order-lg-2 {
    order: 2!important;
}
.order-lg-3 {
    order: 3!important;
}
.order-lg-4 {
    order: 4!important;
}
.order-lg-5 {
    order: 5!important;
}
.order-lg-last {
    order: 6!important;
}
.m-lg-0 {
    margin: 0!important;
}
.m-lg-1 {
    margin: .25rem!important;
}
.m-lg-2 {
    margin: .5rem!important;
}
.m-lg-3 {
    margin: 1rem!important;
}
.m-lg-4 {
    margin: 1.5rem!important;
}
.m-lg-5 {
    margin: 3rem!important;
}
.m-lg-auto {
    margin: auto!important;
}
.mx-lg-0 {
    margin-right: 0!important;
    margin-left: 0!important;
}
.mx-lg-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important;
}
.mx-lg-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important;
}
.mx-lg-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important;
}
.mx-lg-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important;
}
.mx-lg-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
}
.mx-lg-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}
.my-lg-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.my-lg-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important;
}
.my-lg-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important;
}
.my-lg-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}
.my-lg-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
}
.my-lg-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
}
.my-lg-auto {
    margin-top: auto!important;
    margin-bottom: auto!important;
}
.mt-lg-0 {
    margin-top: 0!important;
}
.mt-lg-1 {
    margin-top: .25rem!important;
}
.mt-lg-2 {
    margin-top: .5rem!important;
}
.mt-lg-3 {
    margin-top: 1rem!important;
}
.mt-lg-4 {
    margin-top: 1.5rem!important;
}
.mt-lg-5 {
    margin-top: 3rem!important;
}
.mt-lg-auto {
    margin-top: auto!important;
}
.me-lg-0 {
    margin-right: 0!important;
}
.me-lg-1 {
    margin-right: .25rem!important;
}
.me-lg-2 {
    margin-right: .5rem!important;
}
.me-lg-3 {
    margin-right: 1rem!important;
}
.me-lg-4 {
    margin-right: 1.5rem!important;
}
.me-lg-5 {
    margin-right: 3rem!important;
}
.me-lg-auto {
    margin-right: auto!important;
}
.mb-lg-0 {
    margin-bottom: 0!important;
}
.mb-lg-1 {
    margin-bottom: .25rem!important;
}
.mb-lg-2 {
    margin-bottom: .5rem!important;
}
.mb-lg-3 {
    margin-bottom: 1rem!important;
}
.mb-lg-4 {
    margin-bottom: 1.5rem!important;
}
.mb-lg-5 {
    margin-bottom: 3rem!important;
}
.mb-lg-auto {
    margin-bottom: auto!important;
}
.ms-lg-0 {
    margin-left: 0!important;
}
.ms-lg-1 {
    margin-left: .25rem!important;
}
.ms-lg-2 {
    margin-left: .5rem!important;
}
.ms-lg-3 {
    margin-left: 1rem!important;
}
.ms-lg-4 {
    margin-left: 1.5rem!important;
}
.ms-lg-5 {
    margin-left: 3rem!important;
}
.ms-lg-auto {
    margin-left: auto!important;
}
.m-lg-n1 {
    margin: -.25rem!important;
}
.m-lg-n2 {
    margin: -.5rem!important;
}
.m-lg-n3 {
    margin: -1rem!important;
}
.m-lg-n4 {
    margin: -1.5rem!important;
}
.m-lg-n5 {
    margin: -3rem!important;
}
.mx-lg-n1 {
    margin-right: -.25rem!important;
    margin-left: -.25rem!important;
}
.mx-lg-n2 {
    margin-right: -.5rem!important;
    margin-left: -.5rem!important;
}
.mx-lg-n3 {
    margin-right: -1rem!important;
    margin-left: -1rem!important;
}
.mx-lg-n4 {
    margin-right: -1.5rem!important;
    margin-left: -1.5rem!important;
}
.mx-lg-n5 {
    margin-right: -3rem!important;
    margin-left: -3rem!important;
}
.my-lg-n1 {
    margin-top: -.25rem!important;
    margin-bottom: -.25rem!important;
}
.my-lg-n2 {
    margin-top: -.5rem!important;
    margin-bottom: -.5rem!important;
}
.my-lg-n3 {
    margin-top: -1rem!important;
    margin-bottom: -1rem!important;
}
.my-lg-n4 {
    margin-top: -1.5rem!important;
    margin-bottom: -1.5rem!important;
}
.my-lg-n5 {
    margin-top: -3rem!important;
    margin-bottom: -3rem!important;
}
.mt-lg-n1 {
    margin-top: -.25rem!important;
}
.mt-lg-n2 {
    margin-top: -.5rem!important;
}
.mt-lg-n3 {
    margin-top: -1rem!important;
}
.mt-lg-n4 {
    margin-top: -1.5rem!important;
}
.mt-lg-n5 {
    margin-top: -3rem!important;
}
.me-lg-n1 {
    margin-right: -.25rem!important;
}
.me-lg-n2 {
    margin-right: -.5rem!important;
}
.me-lg-n3 {
    margin-right: -1rem!important;
}
.me-lg-n4 {
    margin-right: -1.5rem!important;
}
.me-lg-n5 {
    margin-right: -3rem!important;
}
.mb-lg-n1 {
    margin-bottom: -.25rem!important;
}
.mb-lg-n2 {
    margin-bottom: -.5rem!important;
}
.mb-lg-n3 {
    margin-bottom: -1rem!important;
}
.mb-lg-n4 {
    margin-bottom: -1.5rem!important;
}
.mb-lg-n5 {
    margin-bottom: -3rem!important;
}
.ms-lg-n1 {
    margin-left: -.25rem!important;
}
.ms-lg-n2 {
    margin-left: -.5rem!important;
}
.ms-lg-n3 {
    margin-left: -1rem!important;
}
.ms-lg-n4 {
    margin-left: -1.5rem!important;
}
.ms-lg-n5 {
    margin-left: -3rem!important;
}
.p-lg-0 {
    padding: 0!important;
}
.p-lg-1 {
    padding: .25rem!important;
}
.p-lg-2 {
    padding: .5rem!important;
}
.p-lg-3 {
    padding: 1rem!important;
}
.p-lg-4 {
    padding: 1.5rem!important;
}
.p-lg-5 {
    padding: 3rem!important;
}
.px-lg-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}
.px-lg-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important;
}
.px-lg-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important;
}
.px-lg-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.px-lg-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.px-lg-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
}
.py-lg-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.py-lg-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important;
}
.py-lg-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
}
.py-lg-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.py-lg-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}
.py-lg-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.pt-lg-0 {
    padding-top: 0!important;
}
.pt-lg-1 {
    padding-top: .25rem!important;
}
.pt-lg-2 {
    padding-top: .5rem!important;
}
.pt-lg-3 {
    padding-top: 1rem!important;
}
.pt-lg-4 {
    padding-top: 1.5rem!important;
}
.pt-lg-5 {
    padding-top: 3rem!important;
}
.pe-lg-0 {
    padding-right: 0!important;
}
.pe-lg-1 {
    padding-right: .25rem!important;
}
.pe-lg-2 {
    padding-right: .5rem!important;
}
.pe-lg-3 {
    padding-right: 1rem!important;
}
.pe-lg-4 {
    padding-right: 1.5rem!important;
}
.pe-lg-5 {
    padding-right: 3rem!important;
}
.pb-lg-0 {
    padding-bottom: 0!important;
}
.pb-lg-1 {
    padding-bottom: .25rem!important;
}
.pb-lg-2 {
    padding-bottom: .5rem!important;
}
.pb-lg-3 {
    padding-bottom: 1rem!important;
}
.pb-lg-4 {
    padding-bottom: 1.5rem!important;
}
.pb-lg-5 {
    padding-bottom: 3rem!important;
}
.ps-lg-0 {
    padding-left: 0!important;
}
.ps-lg-1 {
    padding-left: .25rem!important;
}
.ps-lg-2 {
    padding-left: .5rem!important;
}
.ps-lg-3 {
    padding-left: 1rem!important;
}
.ps-lg-4 {
    padding-left: 1.5rem!important;
}
.ps-lg-5 {
    padding-left: 3rem!important;
}
.gap-lg-0 {
    gap: 0!important;
}
.gap-lg-1 {
    gap: .25rem!important;
}
.gap-lg-2 {
    gap: .5rem!important;
}
.gap-lg-3 {
    gap: 1rem!important;
}
.gap-lg-4 {
    gap: 1.5rem!important;
}
.gap-lg-5 {
    gap: 3rem!important;
}
.row-gap-lg-0 {
    row-gap: 0!important;
}
.row-gap-lg-1 {
    row-gap: .25rem!important;
}
.row-gap-lg-2 {
    row-gap: .5rem!important;
}
.row-gap-lg-3 {
    row-gap: 1rem!important;
}
.row-gap-lg-4 {
    row-gap: 1.5rem!important;
}
.row-gap-lg-5 {
    row-gap: 3rem!important;
}
.column-gap-lg-0 {
    column-gap: 0!important;
}
.column-gap-lg-1 {
    column-gap: .25rem!important;
}
.column-gap-lg-2 {
    column-gap: .5rem!important;
}
.column-gap-lg-3 {
    column-gap: 1rem!important;
}
.column-gap-lg-4 {
    column-gap: 1.5rem!important;
}
.column-gap-lg-5 {
    column-gap: 3rem!important;
}
.text-lg-start {
    text-align: left!important;
}
.text-lg-end {
    text-align: right!important;
}
.text-lg-center {
    text-align: center!important;
}
}@media(min-width:1200px) {
    .float-xl-start {
    float: left!important;
}
.float-xl-end {
    float: right!important;
}
.float-xl-none {
    float: none!important;
}
.object-fit-xl-contain {
    object-fit: contain!important;
}
.object-fit-xl-cover {
    object-fit: cover!important;
}
.object-fit-xl-fill {
    object-fit: fill!important;
}
.object-fit-xl-scale {
    object-fit: scale-down!important;
}
.object-fit-xl-none {
    object-fit: none!important;
}
.d-xl-inline {
    display: inline!important;
}
.d-xl-inline-block {
    display: inline-block!important;
}
.d-xl-block {
    display: block!important;
}
.d-xl-grid {
    display: grid!important;
}
.d-xl-inline-grid {
    display: inline-grid!important;
}
.d-xl-table {
    display: table!important;
}
.d-xl-table-row {
    display: table-row!important;
}
.d-xl-table-cell {
    display: table-cell!important;
}
.d-xl-flex {
    display: flex!important;
}
.d-xl-inline-flex {
    display: inline-flex!important;
}
.d-xl-none {
    display: none!important;
}
.flex-xl-fill {
    flex: 1 1 auto!important;
}
.flex-xl-row {
    flex-direction: row!important;
}
.flex-xl-column {
    flex-direction: column!important;
}
.flex-xl-row-reverse {
    flex-direction: row-reverse!important;
}
.flex-xl-column-reverse {
    flex-direction: column-reverse!important;
}
.flex-xl-grow-0 {
    flex-grow: 0!important;
}
.flex-xl-grow-1 {
    flex-grow: 1!important;
}
.flex-xl-shrink-0 {
    flex-shrink: 0!important;
}
.flex-xl-shrink-1 {
    flex-shrink: 1!important;
}
.flex-xl-wrap {
    flex-wrap: wrap!important;
}
.flex-xl-nowrap {
    flex-wrap: nowrap!important;
}
.flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse!important;
}
.justify-content-xl-start {
    justify-content: flex-start!important;
}
.justify-content-xl-end {
    justify-content: flex-end!important;
}
.justify-content-xl-center {
    justify-content: center!important;
}
.justify-content-xl-between {
    justify-content: space-between!important;
}
.justify-content-xl-around {
    justify-content: space-around!important;
}
.justify-content-xl-evenly {
    justify-content: space-evenly!important;
}
.align-items-xl-start {
    align-items: flex-start!important;
}
.align-items-xl-end {
    align-items: flex-end!important;
}
.align-items-xl-center {
    align-items: center!important;
}
.align-items-xl-baseline {
    align-items: baseline!important;
}
.align-items-xl-stretch {
    align-items: stretch!important;
}
.align-content-xl-start {
    align-content: flex-start!important;
}
.align-content-xl-end {
    align-content: flex-end!important;
}
.align-content-xl-center {
    align-content: center!important;
}
.align-content-xl-between {
    align-content: space-between!important;
}
.align-content-xl-around {
    align-content: space-around!important;
}
.align-content-xl-stretch {
    align-content: stretch!important;
}
.align-self-xl-auto {
    align-self: auto!important;
}
.align-self-xl-start {
    align-self: flex-start!important;
}
.align-self-xl-end {
    align-self: flex-end!important;
}
.align-self-xl-center {
    align-self: center!important;
}
.align-self-xl-baseline {
    align-self: baseline!important;
}
.align-self-xl-stretch {
    align-self: stretch!important;
}
.order-xl-first {
    order: -1!important;
}
.order-xl-0 {
    order: 0!important;
}
.order-xl-1 {
    order: 1!important;
}
.order-xl-2 {
    order: 2!important;
}
.order-xl-3 {
    order: 3!important;
}
.order-xl-4 {
    order: 4!important;
}
.order-xl-5 {
    order: 5!important;
}
.order-xl-last {
    order: 6!important;
}
.m-xl-0 {
    margin: 0!important;
}
.m-xl-1 {
    margin: .25rem!important;
}
.m-xl-2 {
    margin: .5rem!important;
}
.m-xl-3 {
    margin: 1rem!important;
}
.m-xl-4 {
    margin: 1.5rem!important;
}
.m-xl-5 {
    margin: 3rem!important;
}
.m-xl-auto {
    margin: auto!important;
}
.mx-xl-0 {
    margin-right: 0!important;
    margin-left: 0!important;
}
.mx-xl-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important;
}
.mx-xl-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important;
}
.mx-xl-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important;
}
.mx-xl-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important;
}
.mx-xl-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
}
.mx-xl-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}
.my-xl-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.my-xl-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important;
}
.my-xl-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important;
}
.my-xl-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}
.my-xl-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
}
.my-xl-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
}
.my-xl-auto {
    margin-top: auto!important;
    margin-bottom: auto!important;
}
.mt-xl-0 {
    margin-top: 0!important;
}
.mt-xl-1 {
    margin-top: .25rem!important;
}
.mt-xl-2 {
    margin-top: .5rem!important;
}
.mt-xl-3 {
    margin-top: 1rem!important;
}
.mt-xl-4 {
    margin-top: 1.5rem!important;
}
.mt-xl-5 {
    margin-top: 3rem!important;
}
.mt-xl-auto {
    margin-top: auto!important;
}
.me-xl-0 {
    margin-right: 0!important;
}
.me-xl-1 {
    margin-right: .25rem!important;
}
.me-xl-2 {
    margin-right: .5rem!important;
}
.me-xl-3 {
    margin-right: 1rem!important;
}
.me-xl-4 {
    margin-right: 1.5rem!important;
}
.me-xl-5 {
    margin-right: 3rem!important;
}
.me-xl-auto {
    margin-right: auto!important;
}
.mb-xl-0 {
    margin-bottom: 0!important;
}
.mb-xl-1 {
    margin-bottom: .25rem!important;
}
.mb-xl-2 {
    margin-bottom: .5rem!important;
}
.mb-xl-3 {
    margin-bottom: 1rem!important;
}
.mb-xl-4 {
    margin-bottom: 1.5rem!important;
}
.mb-xl-5 {
    margin-bottom: 3rem!important;
}
.mb-xl-auto {
    margin-bottom: auto!important;
}
.ms-xl-0 {
    margin-left: 0!important;
}
.ms-xl-1 {
    margin-left: .25rem!important;
}
.ms-xl-2 {
    margin-left: .5rem!important;
}
.ms-xl-3 {
    margin-left: 1rem!important;
}
.ms-xl-4 {
    margin-left: 1.5rem!important;
}
.ms-xl-5 {
    margin-left: 3rem!important;
}
.ms-xl-auto {
    margin-left: auto!important;
}
.m-xl-n1 {
    margin: -.25rem!important;
}
.m-xl-n2 {
    margin: -.5rem!important;
}
.m-xl-n3 {
    margin: -1rem!important;
}
.m-xl-n4 {
    margin: -1.5rem!important;
}
.m-xl-n5 {
    margin: -3rem!important;
}
.mx-xl-n1 {
    margin-right: -.25rem!important;
    margin-left: -.25rem!important;
}
.mx-xl-n2 {
    margin-right: -.5rem!important;
    margin-left: -.5rem!important;
}
.mx-xl-n3 {
    margin-right: -1rem!important;
    margin-left: -1rem!important;
}
.mx-xl-n4 {
    margin-right: -1.5rem!important;
    margin-left: -1.5rem!important;
}
.mx-xl-n5 {
    margin-right: -3rem!important;
    margin-left: -3rem!important;
}
.my-xl-n1 {
    margin-top: -.25rem!important;
    margin-bottom: -.25rem!important;
}
.my-xl-n2 {
    margin-top: -.5rem!important;
    margin-bottom: -.5rem!important;
}
.my-xl-n3 {
    margin-top: -1rem!important;
    margin-bottom: -1rem!important;
}
.my-xl-n4 {
    margin-top: -1.5rem!important;
    margin-bottom: -1.5rem!important;
}
.my-xl-n5 {
    margin-top: -3rem!important;
    margin-bottom: -3rem!important;
}
.mt-xl-n1 {
    margin-top: -.25rem!important;
}
.mt-xl-n2 {
    margin-top: -.5rem!important;
}
.mt-xl-n3 {
    margin-top: -1rem!important;
}
.mt-xl-n4 {
    margin-top: -1.5rem!important;
}
.mt-xl-n5 {
    margin-top: -3rem!important;
}
.me-xl-n1 {
    margin-right: -.25rem!important;
}
.me-xl-n2 {
    margin-right: -.5rem!important;
}
.me-xl-n3 {
    margin-right: -1rem!important;
}
.me-xl-n4 {
    margin-right: -1.5rem!important;
}
.me-xl-n5 {
    margin-right: -3rem!important;
}
.mb-xl-n1 {
    margin-bottom: -.25rem!important;
}
.mb-xl-n2 {
    margin-bottom: -.5rem!important;
}
.mb-xl-n3 {
    margin-bottom: -1rem!important;
}
.mb-xl-n4 {
    margin-bottom: -1.5rem!important;
}
.mb-xl-n5 {
    margin-bottom: -3rem!important;
}
.ms-xl-n1 {
    margin-left: -.25rem!important;
}
.ms-xl-n2 {
    margin-left: -.5rem!important;
}
.ms-xl-n3 {
    margin-left: -1rem!important;
}
.ms-xl-n4 {
    margin-left: -1.5rem!important;
}
.ms-xl-n5 {
    margin-left: -3rem!important;
}
.p-xl-0 {
    padding: 0!important;
}
.p-xl-1 {
    padding: .25rem!important;
}
.p-xl-2 {
    padding: .5rem!important;
}
.p-xl-3 {
    padding: 1rem!important;
}
.p-xl-4 {
    padding: 1.5rem!important;
}
.p-xl-5 {
    padding: 3rem!important;
}
.px-xl-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}
.px-xl-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important;
}
.px-xl-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important;
}
.px-xl-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.px-xl-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.px-xl-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
}
.py-xl-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.py-xl-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important;
}
.py-xl-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
}
.py-xl-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.py-xl-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}
.py-xl-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.pt-xl-0 {
    padding-top: 0!important;
}
.pt-xl-1 {
    padding-top: .25rem!important;
}
.pt-xl-2 {
    padding-top: .5rem!important;
}
.pt-xl-3 {
    padding-top: 1rem!important;
}
.pt-xl-4 {
    padding-top: 1.5rem!important;
}
.pt-xl-5 {
    padding-top: 3rem!important;
}
.pe-xl-0 {
    padding-right: 0!important;
}
.pe-xl-1 {
    padding-right: .25rem!important;
}
.pe-xl-2 {
    padding-right: .5rem!important;
}
.pe-xl-3 {
    padding-right: 1rem!important;
}
.pe-xl-4 {
    padding-right: 1.5rem!important;
}
.pe-xl-5 {
    padding-right: 3rem!important;
}
.pb-xl-0 {
    padding-bottom: 0!important;
}
.pb-xl-1 {
    padding-bottom: .25rem!important;
}
.pb-xl-2 {
    padding-bottom: .5rem!important;
}
.pb-xl-3 {
    padding-bottom: 1rem!important;
}
.pb-xl-4 {
    padding-bottom: 1.5rem!important;
}
.pb-xl-5 {
    padding-bottom: 3rem!important;
}
.ps-xl-0 {
    padding-left: 0!important;
}
.ps-xl-1 {
    padding-left: .25rem!important;
}
.ps-xl-2 {
    padding-left: .5rem!important;
}
.ps-xl-3 {
    padding-left: 1rem!important;
}
.ps-xl-4 {
    padding-left: 1.5rem!important;
}
.ps-xl-5 {
    padding-left: 3rem!important;
}
.gap-xl-0 {
    gap: 0!important;
}
.gap-xl-1 {
    gap: .25rem!important;
}
.gap-xl-2 {
    gap: .5rem!important;
}
.gap-xl-3 {
    gap: 1rem!important;
}
.gap-xl-4 {
    gap: 1.5rem!important;
}
.gap-xl-5 {
    gap: 3rem!important;
}
.row-gap-xl-0 {
    row-gap: 0!important;
}
.row-gap-xl-1 {
    row-gap: .25rem!important;
}
.row-gap-xl-2 {
    row-gap: .5rem!important;
}
.row-gap-xl-3 {
    row-gap: 1rem!important;
}
.row-gap-xl-4 {
    row-gap: 1.5rem!important;
}
.row-gap-xl-5 {
    row-gap: 3rem!important;
}
.column-gap-xl-0 {
    column-gap: 0!important;
}
.column-gap-xl-1 {
    column-gap: .25rem!important;
}
.column-gap-xl-2 {
    column-gap: .5rem!important;
}
.column-gap-xl-3 {
    column-gap: 1rem!important;
}
.column-gap-xl-4 {
    column-gap: 1.5rem!important;
}
.column-gap-xl-5 {
    column-gap: 3rem!important;
}
.text-xl-start {
    text-align: left!important;
}
.text-xl-end {
    text-align: right!important;
}
.text-xl-center {
    text-align: center!important;
}
}@media(min-width:1400px) {
    .float-xxl-start {
    float: left!important;
}
.float-xxl-end {
    float: right!important;
}
.float-xxl-none {
    float: none!important;
}
.object-fit-xxl-contain {
    object-fit: contain!important;
}
.object-fit-xxl-cover {
    object-fit: cover!important;
}
.object-fit-xxl-fill {
    object-fit: fill!important;
}
.object-fit-xxl-scale {
    object-fit: scale-down!important;
}
.object-fit-xxl-none {
    object-fit: none!important;
}
.d-xxl-inline {
    display: inline!important;
}
.d-xxl-inline-block {
    display: inline-block!important;
}
.d-xxl-block {
    display: block!important;
}
.d-xxl-grid {
    display: grid!important;
}
.d-xxl-inline-grid {
    display: inline-grid!important;
}
.d-xxl-table {
    display: table!important;
}
.d-xxl-table-row {
    display: table-row!important;
}
.d-xxl-table-cell {
    display: table-cell!important;
}
.d-xxl-flex {
    display: flex!important;
}
.d-xxl-inline-flex {
    display: inline-flex!important;
}
.d-xxl-none {
    display: none!important;
}
.flex-xxl-fill {
    flex: 1 1 auto!important;
}
.flex-xxl-row {
    flex-direction: row!important;
}
.flex-xxl-column {
    flex-direction: column!important;
}
.flex-xxl-row-reverse {
    flex-direction: row-reverse!important;
}
.flex-xxl-column-reverse {
    flex-direction: column-reverse!important;
}
.flex-xxl-grow-0 {
    flex-grow: 0!important;
}
.flex-xxl-grow-1 {
    flex-grow: 1!important;
}
.flex-xxl-shrink-0 {
    flex-shrink: 0!important;
}
.flex-xxl-shrink-1 {
    flex-shrink: 1!important;
}
.flex-xxl-wrap {
    flex-wrap: wrap!important;
}
.flex-xxl-nowrap {
    flex-wrap: nowrap!important;
}
.flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse!important;
}
.justify-content-xxl-start {
    justify-content: flex-start!important;
}
.justify-content-xxl-end {
    justify-content: flex-end!important;
}
.justify-content-xxl-center {
    justify-content: center!important;
}
.justify-content-xxl-between {
    justify-content: space-between!important;
}
.justify-content-xxl-around {
    justify-content: space-around!important;
}
.justify-content-xxl-evenly {
    justify-content: space-evenly!important;
}
.align-items-xxl-start {
    align-items: flex-start!important;
}
.align-items-xxl-end {
    align-items: flex-end!important;
}
.align-items-xxl-center {
    align-items: center!important;
}
.align-items-xxl-baseline {
    align-items: baseline!important;
}
.align-items-xxl-stretch {
    align-items: stretch!important;
}
.align-content-xxl-start {
    align-content: flex-start!important;
}
.align-content-xxl-end {
    align-content: flex-end!important;
}
.align-content-xxl-center {
    align-content: center!important;
}
.align-content-xxl-between {
    align-content: space-between!important;
}
.align-content-xxl-around {
    align-content: space-around!important;
}
.align-content-xxl-stretch {
    align-content: stretch!important;
}
.align-self-xxl-auto {
    align-self: auto!important;
}
.align-self-xxl-start {
    align-self: flex-start!important;
}
.align-self-xxl-end {
    align-self: flex-end!important;
}
.align-self-xxl-center {
    align-self: center!important;
}
.align-self-xxl-baseline {
    align-self: baseline!important;
}
.align-self-xxl-stretch {
    align-self: stretch!important;
}
.order-xxl-first {
    order: -1!important;
}
.order-xxl-0 {
    order: 0!important;
}
.order-xxl-1 {
    order: 1!important;
}
.order-xxl-2 {
    order: 2!important;
}
.order-xxl-3 {
    order: 3!important;
}
.order-xxl-4 {
    order: 4!important;
}
.order-xxl-5 {
    order: 5!important;
}
.order-xxl-last {
    order: 6!important;
}
.m-xxl-0 {
    margin: 0!important;
}
.m-xxl-1 {
    margin: .25rem!important;
}
.m-xxl-2 {
    margin: .5rem!important;
}
.m-xxl-3 {
    margin: 1rem!important;
}
.m-xxl-4 {
    margin: 1.5rem!important;
}
.m-xxl-5 {
    margin: 3rem!important;
}
.m-xxl-auto {
    margin: auto!important;
}
.mx-xxl-0 {
    margin-right: 0!important;
    margin-left: 0!important;
}
.mx-xxl-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important;
}
.mx-xxl-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important;
}
.mx-xxl-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important;
}
.mx-xxl-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important;
}
.mx-xxl-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
}
.mx-xxl-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}
.my-xxl-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.my-xxl-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important;
}
.my-xxl-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important;
}
.my-xxl-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}
.my-xxl-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
}
.my-xxl-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
}
.my-xxl-auto {
    margin-top: auto!important;
    margin-bottom: auto!important;
}
.mt-xxl-0 {
    margin-top: 0!important;
}
.mt-xxl-1 {
    margin-top: .25rem!important;
}
.mt-xxl-2 {
    margin-top: .5rem!important;
}
.mt-xxl-3 {
    margin-top: 1rem!important;
}
.mt-xxl-4 {
    margin-top: 1.5rem!important;
}
.mt-xxl-5 {
    margin-top: 3rem!important;
}
.mt-xxl-auto {
    margin-top: auto!important;
}
.me-xxl-0 {
    margin-right: 0!important;
}
.me-xxl-1 {
    margin-right: .25rem!important;
}
.me-xxl-2 {
    margin-right: .5rem!important;
}
.me-xxl-3 {
    margin-right: 1rem!important;
}
.me-xxl-4 {
    margin-right: 1.5rem!important;
}
.me-xxl-5 {
    margin-right: 3rem!important;
}
.me-xxl-auto {
    margin-right: auto!important;
}
.mb-xxl-0 {
    margin-bottom: 0!important;
}
.mb-xxl-1 {
    margin-bottom: .25rem!important;
}
.mb-xxl-2 {
    margin-bottom: .5rem!important;
}
.mb-xxl-3 {
    margin-bottom: 1rem!important;
}
.mb-xxl-4 {
    margin-bottom: 1.5rem!important;
}
.mb-xxl-5 {
    margin-bottom: 3rem!important;
}
.mb-xxl-auto {
    margin-bottom: auto!important;
}
.ms-xxl-0 {
    margin-left: 0!important;
}
.ms-xxl-1 {
    margin-left: .25rem!important;
}
.ms-xxl-2 {
    margin-left: .5rem!important;
}
.ms-xxl-3 {
    margin-left: 1rem!important;
}
.ms-xxl-4 {
    margin-left: 1.5rem!important;
}
.ms-xxl-5 {
    margin-left: 3rem!important;
}
.ms-xxl-auto {
    margin-left: auto!important;
}
.m-xxl-n1 {
    margin: -.25rem!important;
}
.m-xxl-n2 {
    margin: -.5rem!important;
}
.m-xxl-n3 {
    margin: -1rem!important;
}
.m-xxl-n4 {
    margin: -1.5rem!important;
}
.m-xxl-n5 {
    margin: -3rem!important;
}
.mx-xxl-n1 {
    margin-right: -.25rem!important;
    margin-left: -.25rem!important;
}
.mx-xxl-n2 {
    margin-right: -.5rem!important;
    margin-left: -.5rem!important;
}
.mx-xxl-n3 {
    margin-right: -1rem!important;
    margin-left: -1rem!important;
}
.mx-xxl-n4 {
    margin-right: -1.5rem!important;
    margin-left: -1.5rem!important;
}
.mx-xxl-n5 {
    margin-right: -3rem!important;
    margin-left: -3rem!important;
}
.my-xxl-n1 {
    margin-top: -.25rem!important;
    margin-bottom: -.25rem!important;
}
.my-xxl-n2 {
    margin-top: -.5rem!important;
    margin-bottom: -.5rem!important;
}
.my-xxl-n3 {
    margin-top: -1rem!important;
    margin-bottom: -1rem!important;
}
.my-xxl-n4 {
    margin-top: -1.5rem!important;
    margin-bottom: -1.5rem!important;
}
.my-xxl-n5 {
    margin-top: -3rem!important;
    margin-bottom: -3rem!important;
}
.mt-xxl-n1 {
    margin-top: -.25rem!important;
}
.mt-xxl-n2 {
    margin-top: -.5rem!important;
}
.mt-xxl-n3 {
    margin-top: -1rem!important;
}
.mt-xxl-n4 {
    margin-top: -1.5rem!important;
}
.mt-xxl-n5 {
    margin-top: -3rem!important;
}
.me-xxl-n1 {
    margin-right: -.25rem!important;
}
.me-xxl-n2 {
    margin-right: -.5rem!important;
}
.me-xxl-n3 {
    margin-right: -1rem!important;
}
.me-xxl-n4 {
    margin-right: -1.5rem!important;
}
.me-xxl-n5 {
    margin-right: -3rem!important;
}
.mb-xxl-n1 {
    margin-bottom: -.25rem!important;
}
.mb-xxl-n2 {
    margin-bottom: -.5rem!important;
}
.mb-xxl-n3 {
    margin-bottom: -1rem!important;
}
.mb-xxl-n4 {
    margin-bottom: -1.5rem!important;
}
.mb-xxl-n5 {
    margin-bottom: -3rem!important;
}
.ms-xxl-n1 {
    margin-left: -.25rem!important;
}
.ms-xxl-n2 {
    margin-left: -.5rem!important;
}
.ms-xxl-n3 {
    margin-left: -1rem!important;
}
.ms-xxl-n4 {
    margin-left: -1.5rem!important;
}
.ms-xxl-n5 {
    margin-left: -3rem!important;
}
.p-xxl-0 {
    padding: 0!important;
}
.p-xxl-1 {
    padding: .25rem!important;
}
.p-xxl-2 {
    padding: .5rem!important;
}
.p-xxl-3 {
    padding: 1rem!important;
}
.p-xxl-4 {
    padding: 1.5rem!important;
}
.p-xxl-5 {
    padding: 3rem!important;
}
.px-xxl-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}
.px-xxl-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important;
}
.px-xxl-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important;
}
.px-xxl-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.px-xxl-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.px-xxl-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
}
.py-xxl-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.py-xxl-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important;
}
.py-xxl-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
}
.py-xxl-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.py-xxl-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}
.py-xxl-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.pt-xxl-0 {
    padding-top: 0!important;
}
.pt-xxl-1 {
    padding-top: .25rem!important;
}
.pt-xxl-2 {
    padding-top: .5rem!important;
}
.pt-xxl-3 {
    padding-top: 1rem!important;
}
.pt-xxl-4 {
    padding-top: 1.5rem!important;
}
.pt-xxl-5 {
    padding-top: 3rem!important;
}
.pe-xxl-0 {
    padding-right: 0!important;
}
.pe-xxl-1 {
    padding-right: .25rem!important;
}
.pe-xxl-2 {
    padding-right: .5rem!important;
}
.pe-xxl-3 {
    padding-right: 1rem!important;
}
.pe-xxl-4 {
    padding-right: 1.5rem!important;
}
.pe-xxl-5 {
    padding-right: 3rem!important;
}
.pb-xxl-0 {
    padding-bottom: 0!important;
}
.pb-xxl-1 {
    padding-bottom: .25rem!important;
}
.pb-xxl-2 {
    padding-bottom: .5rem!important;
}
.pb-xxl-3 {
    padding-bottom: 1rem!important;
}
.pb-xxl-4 {
    padding-bottom: 1.5rem!important;
}
.pb-xxl-5 {
    padding-bottom: 3rem!important;
}
.ps-xxl-0 {
    padding-left: 0!important;
}
.ps-xxl-1 {
    padding-left: .25rem!important;
}
.ps-xxl-2 {
    padding-left: .5rem!important;
}
.ps-xxl-3 {
    padding-left: 1rem!important;
}
.ps-xxl-4 {
    padding-left: 1.5rem!important;
}
.ps-xxl-5 {
    padding-left: 3rem!important;
}
.gap-xxl-0 {
    gap: 0!important;
}
.gap-xxl-1 {
    gap: .25rem!important;
}
.gap-xxl-2 {
    gap: .5rem!important;
}
.gap-xxl-3 {
    gap: 1rem!important;
}
.gap-xxl-4 {
    gap: 1.5rem!important;
}
.gap-xxl-5 {
    gap: 3rem!important;
}
.row-gap-xxl-0 {
    row-gap: 0!important;
}
.row-gap-xxl-1 {
    row-gap: .25rem!important;
}
.row-gap-xxl-2 {
    row-gap: .5rem!important;
}
.row-gap-xxl-3 {
    row-gap: 1rem!important;
}
.row-gap-xxl-4 {
    row-gap: 1.5rem!important;
}
.row-gap-xxl-5 {
    row-gap: 3rem!important;
}
.column-gap-xxl-0 {
    column-gap: 0!important;
}
.column-gap-xxl-1 {
    column-gap: .25rem!important;
}
.column-gap-xxl-2 {
    column-gap: .5rem!important;
}
.column-gap-xxl-3 {
    column-gap: 1rem!important;
}
.column-gap-xxl-4 {
    column-gap: 1.5rem!important;
}
.column-gap-xxl-5 {
    column-gap: 3rem!important;
}
.text-xxl-start {
    text-align: left!important;
}
.text-xxl-end {
    text-align: right!important;
}
.text-xxl-center {
    text-align: center!important;
}
}@media(min-width:1200px) {
    .fs-1 {
    font-size: 2.5rem!important;
}
.fs-2 {
    font-size: 2rem!important;
}
.fs-3 {
    font-size: 1.75rem!important;
}
.fs-4 {
    font-size: 1.5rem!important;
}
}@media print {
    .d-print-inline {
    display: inline!important;
}
.d-print-inline-block {
    display: inline-block!important;
}
.d-print-block {
    display: block!important;
}
.d-print-grid {
    display: grid!important;
}
.d-print-inline-grid {
    display: inline-grid!important;
}
.d-print-table {
    display: table!important;
}
.d-print-table-row {
    display: table-row!important;
}
.d-print-table-cell {
    display: table-cell!important;
}
.d-print-flex {
    display: flex!important;
}
.d-print-inline-flex {
    display: inline-flex!important;
}
.d-print-none {
    display: none!important;
}
}:root {
    --color-navy:  #111827;
    --color-indigo:  #4F46E5;
    --color-indigo-light:  #EEF2FF;
    --color-bg:  #F8FAFC;
    --color-card:  #FFFFFF;
    --color-text:  #111827;
    --color-text-secondary:  #64748B;
    --color-border:  #E2E8F0;
    --color-success:  #16A34A;
    --color-warning:  #F59E0B;
    --color-renewal:  #F97316;
    --color-accent-pink:  #EC4899;
    --color-danger:  #EF4444;
    --color-purple:  #8B5CF6;
    --font-family-base:  "Inter",  "Manrope",  -apple-system,  BlinkMacSystemFont,  "Segoe UI",  sans-serif;
    --radius-sm:  8px;
    --radius-md:  12px;
    --radius-lg:  16px;
    --radius-pill:  999px;
    --shadow-sm:  0 1px 2px rgba(17,  24,  39,  .06);
    --shadow-md:  0 4px 12px rgba(17,  24,  39,  .08);
    --shadow-lg:  0 12px 32px rgba(17,  24,  39,  .12);
    --transition-fast:  .15s ease;
    --transition-base:  .2s ease;
    --transition-slow:  .25s ease;
    --bottom-nav-height:  64px;
    --header-height:  64px;
    --sidebar-width:  260px;
    --touch-target-min:  44px;
}
@media(prefers-reduced-motion:reduce) {
    :root {
    --transition-fast:  0ms;
    --transition-base:  0ms;
    --transition-slow:  0ms;
}
}html {
    -webkit-text-size-adjust: 100%}
body {
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-family-base);
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    overscroll-behavior-y: none;
}
svg[data-lucide], .icon {
    width: 20px;
    height: 20px;
    stroke-width: 2px;
    flex-shrink: 0;
}
.visually-hidden {
    position: absolute!important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
h1, h2, h3, h4, h5, h6 {
    color: var(--color-text);
    font-weight: 700;
    letter-spacing: -.01em;
}
a {
    color: var(--color-indigo);
    text-decoration: none;
}
.text-secondary {
    color: var(--color-text-secondary)!important;
}
.amount {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    letter-spacing: -.01em;
}
button, a.btn, .btn, input, select, textarea {
    min-height: var(--touch-target-min);
}
:focus-visible {
    outline: 2px solid var(--color-indigo);
    outline-offset: 2px;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 0 1.25rem;
    height: 44px;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: .9375rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);
    white-space: nowrap;
}
.btn:active {
    transform: scale(.98);
}
.btn:disabled, .btn.disabled {
    opacity: .55;
    cursor: not-allowed;
    pointer-events: none;
}
.btn-primary {
    background: var(--color-indigo);
    color: #fff;
}
.btn-primary:hover {
    background: #4338ca;
    color: #fff;
}
.btn-secondary {
    background: var(--color-card);
    color: var(--color-text);
    border-color: var(--color-border);
}
.btn-secondary:hover {
    background: var(--color-bg);
    color: var(--color-text);
}
.btn-danger {
    background: #fff;
    color: var(--color-danger);
    border-color: var(--color-border);
}
.btn-danger:hover {
    background: #fef2f2;
    color: var(--color-danger);
}
.btn-ghost {
    background: transparent;
    color: var(--color-text-secondary);
    border-color: transparent;
}
.btn-ghost:hover {
    background: var(--color-bg);
    color: var(--color-text);
}
.btn-link {
    background: transparent;
    color: var(--color-indigo);
    height: auto;
    padding: 0;
}
.btn-link:hover {
    text-decoration: underline;
}
.btn-block {
    width: 100%}
.btn-sm {
    height: 36px;
    padding: 0 .875rem;
    font-size: .875rem;
}
.btn-lg {
    height: 52px;
    padding: 0 1.5rem;
    font-size: 1rem;
}
.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    background: transparent;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: background-color var(--transition-fast), color var(--transition-fast);
}
.btn-icon:hover {
    background: var(--color-bg);
    color: var(--color-text);
}
.btn-icon:active {
    transform: scale(.94);
}
.btn-icon.btn-icon-sm {
    width: 32px;
    height: 32px;
}
.btn.is-loading {
    position: relative;
    color: transparent!important;
    pointer-events: none;
}
.btn.is-loading:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .5);
    border-top-color: #fff;
    animation: btn-spin .6s linear infinite;
}
.btn.is-loading.btn-secondary:after, .btn.is-loading.btn-danger:after, .btn.is-loading.btn-ghost:after {
    border-color: #11182726;
    border-top-color: var(--color-text);
}
@keyframes btn-spin {
    to {
    transform: rotate(360deg);
}
}.field {
    margin-bottom: 1.25rem;
}
.field-label {
    display: block;
    font-size: .875rem;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: .375rem;
}
.field-hint {
    display: block;
    font-size: .8125rem;
    color: var(--color-text-secondary);
    margin-top: .375rem;
}
.field-error {
    display: block;
    font-size: .8125rem;
    color: var(--color-danger);
    margin-top: .375rem;
}
.form-control {
    width: 100%;
    min-height: var(--touch-target-min);
    padding: 0 .875rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-card);
    color: var(--color-text);
    font-size: .9375rem;
    font-family: var(--font-family-base);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.form-control::placeholder {
    color: var(--color-text-secondary);
}
.form-control:focus {
    outline: none;
    border-color: var(--color-indigo);
    box-shadow: 0 0 0 3px var(--color-indigo-light);
}
.form-control.is-invalid {
    border-color: var(--color-danger);
}
.form-control.is-invalid:focus {
    box-shadow: 0 0 0 3px #ef444426;
}
textarea.form-control {
    min-height: 96px;
    padding-top: .625rem;
    padding-bottom: .625rem;
}
select.form-control {
    appearance: none;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .875rem center;
    padding-right: 2.25rem;
}
.form-check {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.form-check input[type=checkbox] {
    width: 20px;
    height: 20px;
    accent-color: var(--color-indigo);
}
.form-check label {
    font-size: .9375rem;
    color: var(--color-text);
}
.form-actions {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-top: 1.5rem;
}
.field-disclosure {
    margin: 1.25rem 0;
    border-top: 1px solid var(--color-border);
    padding-top: 1rem;
}
.field-disclosure summary {
    cursor: pointer;
    list-style: none;
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    color: var(--color-indigo);
    font-weight: 600;
    font-size: .9375rem;
}
.field-disclosure summary::-webkit-details-marker {
    display: none;
}
.field-disclosure summary svg {
    width: 16px;
    height: 16px;
    transition: transform var(--transition-fast);
}
.field-disclosure[open] summary svg {
    transform: rotate(180deg);
}
.field-disclosure .field-disclosure-body {
    margin-top: 1.25rem;
}
.toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.toggle input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}
.toggle .toggle-track {
    width: 44px;
    height: 26px;
    border-radius: var(--radius-pill);
    background: var(--color-border);
    transition: background-color var(--transition-fast);
    flex-shrink: 0;
    position: relative;
}
.toggle .toggle-track:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px #11182733;
    transition: transform var(--transition-fast);
}
.toggle input:checked+.toggle-track {
    background: var(--color-indigo);
}
.toggle input:checked+.toggle-track:after {
    transform: translate(18px);
}
.toggle input:focus-visible+.toggle-track {
    outline: 2px solid var(--color-indigo);
    outline-offset: 2px;
}
.toggle .toggle-label {
    font-size: .9375rem;
    color: var(--color-text);
}
.currency-field {
    position: relative;
}
.currency-field .currency-prefix {
    position: absolute;
    left: .875rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-text-secondary);
    font-size: .9375rem;
    pointer-events: none;
}
.currency-field .form-control {
    padding-left: 2.75rem;
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}
.search-field {
    position: relative;
    flex: 1;
    min-width: 0;
}
.search-field .search-icon {
    position: absolute;
    left: .875rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-text-secondary);
    pointer-events: none;
}
.search-field .form-control {
    padding-left: 2.5rem;
    border-radius: var(--radius-pill);
    background: var(--color-bg);
    border-color: transparent;
}
.search-field .form-control:focus {
    background: var(--color-card);
    border-color: var(--color-indigo);
}
.card {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}
.card-body {
    padding: 1.5rem;
}
.card-header {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--color-border);
}
.card-title {
    font-size: 1.0625rem;
    font-weight: 700;
    margin: 0;
}
.card-subtitle {
    font-size: .875rem;
    color: var(--color-text-secondary);
    margin-top: .25rem;
}
.card-pressable {
    cursor: pointer;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}
.card-pressable:hover {
    border-color: #c7d2fe;
    box-shadow: var(--shadow-md);
}
.card-pressable:active {
    transform: scale(.995);
}
.stat-card {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    display: flex;
    align-items: flex-start;
    gap: .875rem;
}





.stat-card-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.stat-card-icon svg {
    width: 20px;
    height: 20px;
}
.stat-card-icon-indigo {
    background: var(--color-indigo-light);
    color: var(--color-indigo);
}
.stat-card-icon-success {
    background: #f0fdf4;
    color: var(--color-success);
}
.stat-card-icon-warning {
    background: #fffbeb;
    color: var(--color-warning);
}
.stat-card-icon-danger {
    background: #fef2f2;
    color: var(--color-danger);
}
.stat-card-icon-purple {
    background: #f5f3ff;
    color: var(--color-purple);
}
.stat-card-icon-pink {
    background: #fdf2f8;
    color: var(--color-accent-pink);
}
.stat-card-icon-renewal {
    background: #fff7ed;
    color: var(--color-renewal);
}
.stat-card-body {
    min-width: 0;
}
.stat-card-value {
    /*font-size: 1.375rem;*/
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.01em;
    line-height: 1.2;
}
.stat-card-label {
    font-size: .8125rem;
    color: var(--color-text-secondary);
    margin-top: .125rem;
}
.entity-row {
    display: flex;
    align-items: center;
    gap: .625rem .875rem;
    padding: .875rem 0;
    flex-wrap: wrap;
}
.entity-row+.entity-row {
    border-top: 1px solid var(--color-border);
}
.entity-row-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    background: var(--color-bg);
    color: var(--color-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.entity-row-body {
    min-width: 180px;
    flex: 1 1 180px;
}
.entity-row-title-row {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.entity-row-title {
    font-weight: 600;
    color: var(--color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
.entity-row-subtitle {
    font-size: .8125rem;
    color: var(--color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.entity-row-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .5rem;
    font-size: .8125rem;
    color: var(--color-text-secondary);
    margin-top: .25rem;
}
.entity-row-meta-item {
    font-variant-numeric: tabular-nums;
}
.entity-row-meta-item strong {
    color: var(--color-text);
    font-weight: 600;
}
.entity-row-trailing {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    flex-shrink: 0;
    margin-left: auto;
    padding-left: calc(40px + .875rem);
}
@media(max-width:479px) {
    
    .stat-card {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    gap: .875rem;
    flex-direction: column;
}
    
    .entity-row-trailing {
    width: 100%
        
    }
    
    
    
}@media(min-width:480px) {
    .entity-row-trailing {
    padding-left: 0;
}
}.alert {
    display: flex;
    align-items: flex-start;
    gap: .625rem;
    padding: .875rem 1rem;
    border-radius: var(--radius-md);
    font-size: .9375rem;
    margin-bottom: 1.25rem;
    border: 1px solid transparent;
}
.alert-success {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #166534;
}
.alert-danger {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}
.alert-info {
    background: var(--color-indigo-light);
    border-color: #c7d2fe;
    color: #3730a3;
}
.status-pill {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .25rem .625rem;
    border-radius: var(--radius-pill);
    font-size: .75rem;
    font-weight: 600;
    background: var(--color-bg);
    color: var(--color-text-secondary);
}
.status-pill-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}
.status-pill-success {
    background: #f0fdf4;
    color: var(--color-success);
}
.status-pill-warning {
    background: #fffbeb;
    color: var(--color-warning);
}
.status-pill-danger {
    background: #fef2f2;
    color: var(--color-danger);
}
.status-pill-info {
    background: var(--color-indigo-light);
    color: var(--color-indigo);
}
.status-pill-purple {
    background: #f5f3ff;
    color: var(--color-purple);
}
.status-pill-renewal {
    background: #fff7ed;
    color: var(--color-renewal);
}
.status-pill-neutral {
    background: var(--color-bg);
    color: var(--color-text-secondary);
}
.status-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-text-secondary);
    flex-shrink: 0;
}
.status-dot-success {
    background: var(--color-success);
}
.status-dot-warning {
    background: var(--color-warning);
}
.status-dot-danger {
    background: var(--color-danger);
}
.status-dot-info {
    background: var(--color-indigo);
}
.status-dot-purple {
    background: var(--color-purple);
}
.status-dot-renewal {
    background: var(--color-renewal);
}
.auth-screen {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    background: linear-gradient(180deg, #f8fafc, #eef2ff);
}
.auth-card {
    width: 100%;
    max-width: 400px;
    background: var(--color-card);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: 2rem;
}
.auth-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 1.75rem;
}
.auth-brand-mark {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    background: var(--color-navy);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.125rem;
    margin-bottom: .875rem;
}
.auth-brand-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text);
}
.auth-brand-subtitle {
    font-size: .875rem;
    color: var(--color-text-secondary);
    margin-top: .25rem;
}
.app-shell {
    display: flex;
    min-height: 100vh;
}
.app-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.app-topbar {
    height: var(--header-height);
    background: var(--color-card);
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: 0 1rem;
    position: sticky;
    top: 0;
    z-index: 20;
    flex-shrink: 0;
}
.app-topbar-brand {
    font-weight: 700;
    color: var(--color-text);
    font-size: 1.0625rem;
    display: flex;
    align-items: center;
    gap: .5rem;
}
@media(min-width:768px) {
    .app-topbar-brand {
    display: none;
}
}.app-topbar-title {
    display: none;
    font-weight: 700;
    font-size: 1.0625rem;
    color: var(--color-text);
}
@media(min-width:768px) {
    .app-topbar-title {
    display: block;
}
}.app-topbar-actions {
    display: flex;
    align-items: center;
    gap: .375rem;
}
.app-topbar-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--color-indigo-light);
    color: var(--color-indigo);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .8125rem;
    flex-shrink: 0;
    border: none;
    cursor: pointer;
}
.app-content {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem 1rem calc(2rem + var(--bottom-nav-height) + env(safe-area-inset-bottom));
    flex: 1;
}
@media(min-width:768px) {
    .app-content {
    padding: 2rem 2rem 3rem;
}
}.app-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}
.app-page-title {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0;
}
.app-back-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    color: var(--color-text);
    background: transparent;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
}
.app-back-button:hover {
    background: var(--color-bg);
}
@media(min-width:768px) {
    .app-back-button {
    display: none;
}
}.notif-badge {
    position: absolute;
    top: 4px;
    right: 4px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: var(--radius-pill);
    background: var(--color-danger);
    color: #fff;
    font-size: .625rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app-sidebar {
    display: none;
}
@media(min-width:768px) {
    .app-sidebar {
    display: flex;
    flex-direction: column;
    width: var(--sidebar-width);
    flex-shrink: 0;
    height: 100vh;
    position: sticky;
    top: 0;
    background: var(--color-card);
    border-right: 1px solid var(--color-border);
}
}.sidebar-brand {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: 1.25rem 1.25rem 1rem;
    font-weight: 700;
    color: var(--color-text);
    flex-shrink: 0;
}
.sidebar-brand-mark {
    width: 32px;
    height: 32px;
    border-radius: var(--radius-sm);
    background: var(--color-navy);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .875rem;
    flex-shrink: 0;
}
.sidebar-nav {
    flex: 1;
    overflow-y: auto;
    padding: .5rem .75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .125rem;
}
.sidebar-nav-section {
    font-size: .6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--color-text-secondary);
    padding: 1rem .75rem .375rem;
}
.sidebar-nav-section:first-child {
    padding-top: .5rem;
}
.sidebar-nav-item {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .625rem .75rem;
    border-radius: var(--radius-md);
    color: var(--color-text-secondary);
    font-weight: 600;
    font-size: .9375rem;
    transition: background-color var(--transition-fast), color var(--transition-fast);
}
.sidebar-nav-item svg {
    flex-shrink: 0;
}
.sidebar-nav-item:hover {
    background: var(--color-bg);
    color: var(--color-text);
}
.sidebar-nav-item.is-active {
    background: var(--color-indigo-light);
    color: var(--color-indigo);
}
.bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    display: flex;
    align-items: stretch;
    height: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
    background: var(--color-card);
    border-top: 1px solid var(--color-border);
}
@media(min-width:768px) {
    .bottom-nav {
    display: none;
}
}.bottom-nav-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: var(--color-text-secondary);
    font-size: .6875rem;
    font-weight: 600;
    min-width: 44px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
}
.bottom-nav-item.is-active {
    color: var(--color-indigo);
}
.bottom-nav-create {
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 0;
}
.bottom-nav-create-button {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--color-indigo);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -22px;
    box-shadow: 0 8px 16px #4f46e559;
    transition: transform var(--transition-fast);
}
.bottom-nav-create-button:active {
    transform: scale(.94);
}
.bottom-nav-create-button svg {
    width: 24px;
    height: 24px;
}
.overlay {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: none;
    align-items: flex-end;
    justify-content: center;
}
.overlay.is-open {
    display: flex;
}
.overlay-backdrop {
    position: absolute;
    inset: 0;
    background: #11182780;
    opacity: 0;
    transition: opacity var(--transition-base);
}
.overlay.is-visible .overlay-backdrop {
    opacity: 1;
}
.overlay-panel {
    position: relative;
    width: 100%;
    max-height: 88vh;
    background: var(--color-card);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    box-shadow: var(--shadow-lg);
    display: flex;
    flex-direction: column;
    transform: translateY(100%);
    transition: transform var(--transition-base);
    padding-bottom: env(safe-area-inset-bottom);
}
.overlay.is-visible .overlay-panel {
    transform: translateY(0);
}
.overlay-handle {
    width: 36px;
    height: 4px;
    border-radius: var(--radius-pill);
    background: var(--color-border);
    margin: .625rem auto 0;
    flex-shrink: 0;
}
.overlay-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem .5rem;
    flex-shrink: 0;
}
.overlay-title {
    font-size: 1.0625rem;
    font-weight: 700;
    margin: 0;
}
.overlay-body {
    padding: .5rem 1.25rem 1.25rem;
    overflow-y: auto;
}
.overlay-footer {
    padding: 0 1.25rem 1.25rem;
    display: flex;
    gap: .75rem;
    flex-shrink: 0;
}
.overlay-footer .btn {
    flex: 1;
}
@media(min-width:768px) {
    .overlay {
    align-items: center;
    padding: 1.5rem;
}
.overlay-panel {
    max-width: 480px;
    max-height: 85vh;
    border-radius: var(--radius-lg);
    transform: translateY(12px) scale(.98);
    opacity: 0;
    transition: transform var(--transition-base), opacity var(--transition-base);
}
.overlay.is-visible .overlay-panel {
    transform: translateY(0) scale(1);
    opacity: 1;
}
.overlay-handle {
    display: none;
}
.overlay-footer .btn {
    flex: 0 0 auto;
}
.overlay-footer {
    justify-content: flex-end;
}
}.action-sheet-list {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
.action-sheet-item {
    display: flex;
    align-items: center;
    gap: .875rem;
    padding: .75rem .5rem;
    border-radius: var(--radius-md);
    color: var(--color-text);
    transition: background-color var(--transition-fast);
}
.action-sheet-item:hover {
    background: var(--color-bg);
    color: var(--color-text);
}
.action-sheet-item-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    background: var(--color-indigo-light);
    color: var(--color-indigo);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.action-sheet-item-label {
    font-weight: 600;
}
.confirm-message {
    color: var(--color-text-secondary);
    font-size: .9375rem;
}
.toast-container {
    position: fixed;
    z-index: 90;
    left: 16px;
    right: 16px;
    bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 16px);
    display: flex;
    flex-direction: column;
    gap: .625rem;
    pointer-events: none;
}
@media(min-width:768px) {
    .toast-container {
    left: auto;
    right: 24px;
    bottom: 24px;
    width: 360px;
}
}.toast {
    pointer-events: auto;
    display: flex;
    align-items: flex-start;
    gap: .625rem;
    background: var(--color-navy);
    color: #fff;
    padding: .875rem 1rem;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    font-size: .9375rem;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity var(--transition-base), transform var(--transition-base);
}
.toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}
.toast-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 1px;
}
.toast-success .toast-icon {
    color: #4ade80;
}
.toast-danger .toast-icon {
    color: #f87171;
}
.toast-warning .toast-icon {
    color: #fbbf24;
}
.toast-info .toast-icon {
    color: #818cf8;
}
.toast-body {
    flex: 1;
    min-width: 0;
}
.toast-close {
    flex-shrink: 0;
    background: transparent;
    border: none;
    color: #fff9;
    cursor: pointer;
    padding: 0;
    display: flex;
}
.toast-close:hover {
    color: #fff;
}
.dropdown {
    position: relative;
    display: inline-flex;
}
.dropdown-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 200px;
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    padding: .375rem;
    z-index: 60;
    display: none;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity var(--transition-fast), transform var(--transition-fast);
}
.dropdown-menu.is-open {
    display: block;
}
.dropdown-menu.is-visible {
    opacity: 1;
    transform: translateY(0);
}
.dropdown-menu-left {
    right: auto;
    left: 0;
}
.dropdown-item {
    display: flex;
    align-items: center;
    gap: .625rem;
    width: 100%;
    padding: .625rem .75rem;
    border-radius: var(--radius-sm);
    background: transparent;
    border: none;
    color: var(--color-text);
    font-size: .9375rem;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
}
.dropdown-item:hover {
    background: var(--color-bg);
}
.dropdown-item.dropdown-item-danger {
    color: var(--color-danger);
}
.dropdown-divider {
    height: 1px;
    background: var(--color-border);
    margin: .375rem .25rem;
}
.tabs {
    display: flex;
    gap: .25rem;
    border-bottom: 1px solid var(--color-border);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.tabs::-webkit-scrollbar {
    display: none;
}
.tab {
    flex-shrink: 0;
    padding: .75rem .875rem;
    font-size: .9375rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    border-bottom: 2px solid transparent;
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    cursor: pointer;
    white-space: nowrap;
    transition: color var(--transition-fast), border-color var(--transition-fast);
}
.tab:hover {
    color: var(--color-text);
}
.tab.is-active {
    color: var(--color-indigo);
    border-bottom-color: var(--color-indigo);
}
.tab-panel {
    display: none;
    padding-top: 1.25rem;
}
.tab-panel.is-active {
    display: block;
}
.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 3rem 1.5rem;
}
.empty-state-icon {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-lg);
    background: var(--color-bg);
    color: var(--color-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}
.empty-state-icon svg {
    width: 28px;
    height: 28px;
}
.empty-state-title {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0 0 .375rem;
}
.empty-state-description {
    font-size: .9375rem;
    color: var(--color-text-secondary);
    max-width: 360px;
    margin: 0 0 1.5rem;
}
.empty-state-actions {
    display: flex;
    align-items: center;
    gap: .75rem;
}
@keyframes skeleton-pulse {
    0%, to {
    opacity: 1;
}
50% {
    opacity: .5;
}
}.skeleton {
    background: var(--color-border);
    border-radius: var(--radius-sm);
    animation: skeleton-pulse 1.4s ease-in-out infinite;
}
@media(prefers-reduced-motion:reduce) {
    .skeleton {
    animation: none;
    opacity: .7;
}
}.skeleton-text {
    height: 12px;
    border-radius: 4px;
    margin-bottom: .5rem;
}
.skeleton-text:last-child {
    margin-bottom: 0;
    width: 60%}
.skeleton-title {
    height: 18px;
    width: 40%;
    border-radius: 4px;
    margin-bottom: .75rem;
}
.skeleton-avatar {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    flex-shrink: 0;
}
.skeleton-stat {
    height: 78px;
    border-radius: var(--radius-lg);
}
.skeleton-row {
    display: flex;
    align-items: center;
    gap: .875rem;
    padding: .875rem 0;
}
.skeleton-row+.skeleton-row {
    border-top: 1px solid var(--color-border);
}
.skeleton-row .skeleton-row-body {
    flex: 1;
}
.skeleton-card {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.page-item .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 .5rem;
    border-radius: var(--radius-sm);
    color: var(--color-text-secondary);
    font-size: .875rem;
    font-weight: 600;
    background: transparent;
}
.page-item:hover .page-link {
    background: var(--color-bg);
    color: var(--color-text);
}
.page-item.active .page-link {
    background: var(--color-indigo);
    color: #fff;
}
.page-item.disabled .page-link {
    color: var(--color-border);
    pointer-events: none;
}
.filter-bar {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.25rem;
    flex-wrap: nowrap;
}
.filter-bar-inline {
    display: none;
    align-items: center;
    gap: .75rem;
}
@media(min-width:768px) {
    .filter-bar-inline {
    display: flex;
}
.filter-bar-trigger {
    display: none;
}
}.filter-chip {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .375rem .75rem;
    border-radius: var(--radius-pill);
    border: 1px solid var(--color-border);
    background: var(--color-card);
    font-size: .8125rem;
    font-weight: 600;
    color: var(--color-text);
    white-space: nowrap;
}
.filter-chip.is-active {
    background: var(--color-indigo-light);
    border-color: #c7d2fe;
    color: var(--color-indigo);
}
.timeline {
    position: relative;
    padding-left: 1.75rem;
}
.timeline-item {
    position: relative;
    padding-bottom: 1.5rem;
}
.timeline-item:before {
    content: "";
    position: absolute;
    left: -1.375rem;
    top: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-indigo);
}
.timeline-item:after {
    content: "";
    position: absolute;
    left: -1.0625rem;
    top: 12px;
    bottom: -8px;
    width: 1px;
    background: var(--color-border);
}
.timeline-item:last-child {
    padding-bottom: 0;
}
.timeline-item:last-child:after {
    display: none;
}
.timeline-item-title {
    font-size: .9375rem;
    color: var(--color-text);
    font-weight: 600;
}
.timeline-item-meta {
    font-size: .8125rem;
    color: var(--color-text-secondary);
    margin-top: .125rem;
}
.quote-items {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-bottom: 1rem;
}
.quote-item-row {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    align-items: flex-end;
    padding: .875rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-card);
}
.quote-item-row .field {
    margin-bottom: 0;
}
.quote-item-service, .quote-item-description {
    flex: 1 1 220px;
}
.quote-item-quantity {
    flex: 0 1 90px;
}
.quote-item-price {
    flex: 0 1 140px;
}
.quote-item-amount {
    flex: 0 1 120px;
    text-align: right;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    padding-bottom: .75rem;
    color: var(--color-text);
    white-space: nowrap;
}
.quote-item-remove {
    flex: 0 0 auto;
    padding-bottom: .25rem;
}
.quote-items-summary {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.quote-items-summary-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .375rem .75rem;
    padding: .75rem 0;
    border-bottom: 1px solid var(--color-border);
}
.quote-items-summary-row:last-child {
    border-bottom: none;
}
.quote-items-summary-row.is-header {
    font-size: .8125rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: .02em;
}
.quote-items-summary-description {
    flex: 1 1 100%;
    min-width: 0;
}
.quote-items-summary-qty {
    flex: 1 1 0;
    text-align: center;
}
.quote-items-summary-price, .quote-items-summary-amount {
    flex: 1 1 0;
    text-align: right;
    font-variant-numeric: tabular-nums;
}
@media(min-width:576px) {
    .quote-items-summary-description {
    flex: 1 1 auto;
}
.quote-items-summary-qty {
    flex: 0 0 60px;
}
.quote-items-summary-price, .quote-items-summary-amount {
    flex: 0 0 110px;
}
}.quote-items-summary-amount {
    font-weight: 600;
}
.quote-totals {
    max-width: 360px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.quote-totals-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: .9375rem;
    color: var(--color-text-secondary);
}
.quote-totals-row.is-grand-total {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-text);
    border-top: 1px solid var(--color-border);
    padding-top: .5rem;
    margin-top: .25rem;
}
.payment-allocation-list {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    margin-bottom: 1rem;
}
.payment-allocation-row {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .75rem .875rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-card);
}
.payment-allocation-info {
    flex: 1 1 200px;
    min-width: 0;
}
.payment-allocation-number {
    font-weight: 600;
    color: var(--color-text);
}
.payment-allocation-meta {
    font-size: .8125rem;
    color: var(--color-text-secondary);
    margin-top: .125rem;
}
.payment-allocation-amount {
    flex: 0 0 160px;
}
.payment-allocation-amount input {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}
.payment-summary {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.payment-summary-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: .9375rem;
    color: var(--color-text-secondary);
}
.payment-summary-row.is-unallocated {
    font-weight: 700;
    color: var(--color-success);
    border-top: 1px solid var(--color-border);
    padding-top: .5rem;
    margin-top: .25rem;
}
.payment-summary-row.is-unallocated.is-mismatch {
    color: var(--color-danger);
}