/*!
 * Made with <3 by Webpixels
 * Please purchase a license or subscription before using this theme
 * Website: https://webpixels.io
 * -----------------------------------------------------------------
 * Our utilities are built using the Bootstrap API
 * Learn more: https://webpixels.io/docs/css
 */
.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

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

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

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

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s
}

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

.gradient-bottom-right {
    background-image: linear-gradient(to bottom right, var(--x-gradient)) !important
}

.start-indigo {
    --x-start-color: var(--x-indigo);
    --x-gradient: var(--x-start-color), var(--x-end-color, transparent)
}

.start-purple {
    --x-start-color: var(--x-purple);
    --x-gradient: var(--x-start-color), var(--x-end-color, transparent)
}

.start-gray {
    --x-start-color: var(--x-gray);
    --x-gradient: var(--x-start-color), var(--x-end-color, transparent)
}

.middle-indigo {
    --x-middle-color: var(--x-indigo);
    --x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(92, 96, 245, 0))
}

.middle-purple {
    --x-middle-color: var(--x-purple);
    --x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(137, 87, 255, 0))
}

.middle-yellow {
    --x-middle-color: var(--x-yellow);
    --x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(255, 187, 0, 0))
}

.middle-black {
    --x-middle-color: var(--x-black);
    --x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, transparent)
}

.end-purple {
    --x-end-color: var(--x-purple)
}

.end-pink {
    --x-end-color: var(--x-pink)
}

.end-yellow {
    --x-end-color: var(--x-yellow)
}

.end-cyan {
    --x-end-color: var(--x-cyan)
}

.end-gray {
    --x-end-color: var(--x-gray)
}

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes bounce {

    0%,
    to {
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}

@keyframes slideLeft {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes slideRight {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

.scrollable-x {
    white-space: nowrap;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: auto;
    overflow-y: hidden
}

.scrollable-x::-webkit-scrollbar {
    display: none
}

.border-body {
    --x-border-color: var(--x-body-bg)
}

[class*=hover-] {
    transition: all .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    [class*=hover-] {
        transition: none
    }
}

[class*=shadow] {
    transition: all .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    [class*=shadow] {
        transition: none
    }
}

a.text-muted:hover,
a.text-heading:hover,
a.text-current:hover {
    color: #0e1421
}

.svg-icon {
    align-self: center;
    display: inline-flex
}

.svg-icon svg {
    width: 1em;
    height: 1em;
    position: relative
}

.svg-align-baseline svg {
    top: .125em
}

.group-item-invisible .group-item {
    visibility: hidden
}

.group-item-visible-hover:hover .group-item {
    visibility: visible
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

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

.overflow-y-auto {
    overflow-y: auto !important
}

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

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

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

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

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 3px 3px -1px rgba(10, 22, 70, .1), 0 0 1px rgba(10, 22, 70, .06) !important
}

.shadow-1 {
    box-shadow: 0 1px 1px rgba(10, 22, 70, .1), 0 0 1px rgba(10, 22, 70, .06) !important
}

.shadow-2 {
    box-shadow: 0 6px 6px -1px rgba(10, 22, 70, .1), 0 0 1px rgba(10, 22, 70, .06) !important
}

.shadow-3 {
    box-shadow: 0 9px 9px -1px rgba(10, 22, 70, .1), 0 0 1px rgba(10, 22, 70, .06) !important
}

.shadow-4 {
    box-shadow: 0 16px 16px -1px rgba(10, 22, 70, .1), 0 0 1px rgba(10, 22, 70, .06) !important
}

.shadow-5 {
    box-shadow: 0 32px 40px -2px rgba(10, 22, 70, .1), 0 0 1px rgba(10, 22, 70, .06) !important
}

.shadow-6-hover:hover {
    box-shadow: 0 36px 50px rgba(10, 22, 70, .1), 0 0 1px rgba(10, 22, 70, .06) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.top-0 {
    top: 0 !important
}

.bottom-0 {
    bottom: 0 !important
}

.start-0 {
    left: 0 !important
}

.end-0 {
    right: 0 !important
}

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

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--x-border-width)var(--x-border-style)var(--x-border-color) !important
}

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

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

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

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

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

.border-2 {
    border-width: 2px !important
}

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

.mw-screen-lg {
    max-width: 1024px !important
}

.mw-screen-xl {
    max-width: 1280px !important
}

.mw-read {
    max-width: 65ch !important
}

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

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: auto !important
}

.flex-none {
    flex: none !important
}

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

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

.flex-nowrap {
    flex-wrap: nowrap !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
}

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

.align-items-end {
    align-items: flex-end !important
}

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

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.m-0 {
    margin: 0 !important
}

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

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

.mx-auto {
    margin-left: auto !important;
    margin-right: 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-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.me-10 {
    margin-right: 2.5rem !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: .75rem !important
}

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

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

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

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

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

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

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

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

.ms-3 {
    margin-left: .75rem !important
}

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

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

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

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

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

.mx-n1 {
    margin-left: -.25rem !important;
    margin-right: -.25rem !important
}

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

.mx-n3 {
    margin-left: -.75rem !important;
    margin-right: -.75rem !important
}

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

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

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

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

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

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

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: .75rem !important
}

.p-4 {
    padding: 1rem !important
}

.p-5 {
    padding: 1.25rem !important
}

.p-6 {
    padding: 1.5rem !important
}

.p-7 {
    padding: 1.75rem !important
}

.p-8 {
    padding: 2rem !important
}

.p-12 {
    padding: 3rem !important
}

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

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

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

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

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

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

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

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

.px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !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: .75rem !important;
    padding-bottom: .75rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-56 {
    padding-top: 14rem !important
}

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

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

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

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

.pb-3 {
    padding-bottom: .75rem !important
}

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

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

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

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

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

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

.ps-1 {
    padding-left: .25rem !important
}

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

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

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

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

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: .75rem !important
}

.gap-4 {
    gap: 1rem !important
}

.gap-5 {
    gap: 1.25rem !important
}

.gap-6 {
    gap: 1.5rem !important
}

.gap-8 {
    gap: 2rem !important
}

.gap-10 {
    gap: 2.5rem !important
}

.gap-32 {
    gap: 8rem !important
}

.font-display {
    font-family: var(--x-font-display) !important
}

.font-code {
    font-family: var(--x-font-monospace) !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-semibold {
    font-weight: 500 !important
}

.fw-bold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: 700 !important
}

.lh-lg {
    line-height: 1.625 !important
}

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

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

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

.text-uppercase {
    text-transform: uppercase !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

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

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

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

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

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

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

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

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

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

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

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

.text-body-tertiary {
    --x-text-opacity: 1;
    color: var(--x-tertiary-color) !important
}

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

.text-heading {
    --x-text-opacity: 1;
    color: var(--x-heading-color) !important
}

.text-opacity-75 {
    --x-text-opacity: .75
}

.text-opacity-100-hover:hover {
    --x-text-opacity: 1
}

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

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

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

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

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

.bg-danger,
.bg-danger-hover:hover {
    --x-bg-opacity: 1;
    background-color: rgba(var(--x-danger-rgb), var(--x-bg-opacity)) !important
}

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

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

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

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

.bg-transparent {
    --x-bg-opacity: 1;
    background-color: transparent !important
}

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

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

.bg-opacity-10 {
    --x-bg-opacity: .1
}

.bg-opacity-25 {
    --x-bg-opacity: .25
}

.bg-opacity-50-hover:hover {
    --x-bg-opacity: .5
}

.bg-opacity-75 {
    --x-bg-opacity: .75
}

.bg-opacity-100-hover:hover {
    --x-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--x-primary-bg-subtle) !important
}

.bg-secondary-subtle {
    background-color: var(--x-secondary-bg-subtle) !important
}

.bg-success-subtle {
    background-color: var(--x-success-bg-subtle) !important
}

.bg-warning-subtle {
    background-color: var(--x-warning-bg-subtle) !important
}

.bg-danger-subtle {
    background-color: var(--x-danger-bg-subtle) !important
}

.bg-dark-subtle {
    background-color: var(--x-dark-bg-subtle) !important
}

.rounded {
    border-radius: .375rem !important
}

.rounded-2 {
    border-radius: .5rem !important
}

.rounded-3 {
    border-radius: .75rem !important
}

.rounded-4 {
    border-radius: 1rem !important
}

.rounded-5 {
    border-radius: 1.5rem !important
}

.rounded-pill {
    border-radius: 50rem !important
}

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

.rounded-top {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
}

.rounded-top-4 {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important
}

.rounded-end-pill {
    border-top-right-radius: 50rem !important;
    border-bottom-right-radius: 50rem !important
}

.rounded-bottom-4 {
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important
}

.rounded-start-3 {
    border-top-left-radius: .75rem !important;
    border-bottom-left-radius: .75rem !important
}

.rounded-start-pill {
    border-top-left-radius: 50rem !important;
    border-bottom-left-radius: 50rem !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.rounded-top-start-4 {
    border-top-left-radius: 1rem !important
}

.rounded-top-start-5 {
    border-top-left-radius: 1.5rem !important
}

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

.cursor-pointer {
    cursor: pointer !important
}

.text-xs {
    font-size: .75rem !important
}

.text-sm {
    font-size: .875rem !important
}

.text-base {
    font-size: 1rem !important
}

.text-lg {
    font-size: 1.25rem !important
}

.text-xl {
    font-size: calc(1.275rem + .3vw) !important
}

.text-2xl {
    font-size: calc(1.325rem + .9vw) !important
}

.ls-tight {
    letter-spacing: -.025em !important
}

.ls-wide {
    letter-spacing: .025em !important
}

.text-current {
    color: currentColor !important
}

.bg-cover {
    background-size: cover !important
}

.shadow-soft-2 {
    box-shadow: 0 6px 6px -1px rgba(10, 22, 70, .04) !important
}

.shadow-soft-3,
.shadow-soft-3-hover:hover {
    box-shadow: 0 9px 9px -1px rgba(10, 22, 70, .04) !important
}

.shadow-soft-5 {
    box-shadow: 0 32px 40px -2px rgba(10, 22, 70, .04) !important
}

.w-rem-2 {
    width: .5rem !important
}

.w-rem-5 {
    width: 1.25rem !important
}

.w-rem-6 {
    width: 1.5rem !important
}

.w-rem-7 {
    width: 1.75rem !important
}

.w-rem-8 {
    width: 2rem !important
}

.w-rem-10 {
    width: 2.5rem !important
}

.w-rem-16 {
    width: 4rem !important
}

.w-rem-24 {
    width: 6rem !important
}

.w-rem-32 {
    width: 8rem !important
}

.w-rem-40 {
    width: 10rem !important
}

.w-rem-48 {
    width: 12rem !important
}

.w-rem-64 {
    width: 16rem !important
}

.w-rem-80 {
    width: 20rem !important
}

.h-rem-2 {
    height: .5rem !important
}

.h-rem-5 {
    height: 1.25rem !important
}

.h-rem-6 {
    height: 1.5rem !important
}

.h-rem-7 {
    height: 1.75rem !important
}

.h-rem-8 {
    height: 2rem !important
}

.h-rem-10 {
    height: 2.5rem !important
}

.h-rem-16 {
    height: 4rem !important
}

.h-rem-20 {
    height: 5rem !important
}

.h-rem-24 {
    height: 6rem !important
}

.h-rem-48 {
    height: 12rem !important
}

.h-rem-64 {
    height: 16rem !important
}

@media (min-width:576px) {
    .d-sm-inline {
        display: inline !important
    }

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

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

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .w-sm-auto {
        width: auto !important
    }

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

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

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

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

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

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

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

    .gap-sm-2 {
        gap: .5rem !important
    }

    .rounded-sm-4 {
        border-radius: 1rem !important
    }
}

@media (min-width:768px) {
    .d-md-block {
        display: block !important
    }

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

    .d-md-none {
        display: none !important
    }

    .w-md-50 {
        width: 50% !important
    }

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

    .justify-content-md-end {
        justify-content: flex-end !important
    }

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

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

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

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

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

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

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

    .gap-md-6 {
        gap: 1.5rem !important
    }

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

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

    .w-rem-md-80 {
        width: 20rem !important
    }

    .h-rem-md-10 {
        height: 4.5rem !important
    }
}

@media (min-width:992px) {
    .overflow-y-lg-auto {
        overflow-y: auto !important
    }

    .d-lg-block {
        display: block !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
    }

    .position-lg-sticky {
        position: -webkit-sticky !important;
        position: sticky !important
    }

    .top-lg-6 {
        top: 1.5rem !important
    }

    .border-lg {
        border: var(--x-border-width)var(--x-border-style)var(--x-border-color) !important
    }

    .border-start-lg {
        border-left: var(--x-border-width)var(--x-border-style)var(--x-border-color) !important
    }

    .w-lg-50 {
        width: 50% !important
    }

    .w-lg-75 {
        width: 75% !important
    }

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

    .w-lg-auto {
        width: auto !important
    }

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

    .vh-lg-100 {
        height: 100vh !important
    }

    .flex-lg-fill {
        flex: auto !important
    }

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

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

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

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

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pt-lg-56 {
        padding-top: 14rem !important
    }

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

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

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

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

    .rounded-lg-pill {
        border-radius: 50rem !important
    }

    .rounded-top-start-lg-4 {
        border-top-left-radius: 1rem !important
    }

    .rounded-top-end-lg-0 {
        border-top-right-radius: 0 !important
    }
}

@media (min-width:1200px) {
    .d-xl-table-cell {
        display: table-cell !important
    }

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

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .w-xl-75 {
        width: 75% !important
    }

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

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

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

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

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

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

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

    .pe-xl-24 {
        padding-right: 6rem !important
    }

    .ps-xl-20 {
        padding-left: 5rem !important
    }

    .gap-xl-6 {
        gap: 1.5rem !important
    }
}

@media (min-width:1400px) {
    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .border-xxl {
        border: var(--x-border-width)var(--x-border-style)var(--x-border-color) !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-6 {
        padding: 1.5rem !important
    }

    .p-xxl-8 {
        padding: 2rem !important
    }

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

    .gap-xxl-6 {
        gap: 1.5rem !important
    }

    .rounded-xxl-0 {
        border-radius: 0 !important
    }
}

@media (min-width:1200px) {
    .text-xl {
        font-size: 1.5rem !important
    }

    .text-2xl {
        font-size: 2rem !important
    }
}

.question-cell {
    max-width: 250px;
    white-space: normal !important;
    word-wrap: break-word;
    word-break: break-word;

}

.w-max {
    width: max-content;
}

.img-user {
    max-height: 190px;
    width: 50%151.484px;
    object-fit: contain;
    text-align: start;
    display: flex;
    justify-content: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

#imagePopup {
    display: none;
    /* 🔴 This hides the popup by default */
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);

    cursor: zoom-out;
}

#imagePopup img {
    max-width: 100%;
    max-height: 90%;
    border: 5px solid white;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .flex-fill{
    min-width: 244px
} */