*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.tw-pointer-events-none {
    pointer-events: none
}

.tw-absolute {
    position: absolute
}

.tw-relative {
    position: relative
}

.tw-inset-0 {
    inset: 0
}

.tw-left-0 {
    left: 0
}

.tw-top-\[100\%\] {
    top: 100%
}

.tw-mt-1 {
    margin-top: .25rem
}

.tw-mt-2 {
    margin-top: .5rem
}

.tw-mt-4 {
    margin-top: 1rem
}

.tw-flex {
    display: flex
}

.tw-grid {
    display: grid
}

.tw-hidden {
    display: none
}

.tw-size-4 {
    height: 1rem;
    width: 1rem
}

.tw-h-14 {
    height: 3.5rem
}

.tw-h-24 {
    height: 6rem
}

.tw-h-\[100dvh\] {
    height: 100dvh
}

.tw-h-\[calc\(100vh-23rem\)\] {
    height: calc(100vh - 23rem)
}

.tw-h-\[calc\(100vh-5rem\)\] {
    height: calc(100vh - 5rem)
}

.tw-h-\[calc\(100vh-8\.6rem\)\] {
    height: calc(100vh - 8.6rem)
}

.tw-h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.tw-h-full {
    height: 100%
}

.tw-w-24 {
    width: 6rem
}

.tw-w-\[100\%\] {
    width: 100%
}

.tw-w-\[15\%\] {
    width: 15%
}

.tw-w-\[20\%\] {
    width: 20%
}

.tw-w-\[30\%\] {
    width: 30%
}

.tw-w-\[4rem\] {
    width: 4rem
}

.tw-w-\[5\%\] {
    width: 5%
}

.tw-w-\[8rem\] {
    width: 8rem
}

.tw-w-\[90\%\] {
    width: 90%
}

.tw-w-full {
    width: 100%
}

.tw-min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.tw-shrink {
    flex-shrink: 1
}

.tw-shrink-0 {
    flex-shrink: 0
}

.tw-cursor-pointer {
    cursor: pointer
}

.tw-resize-none {
    resize: none
}

.tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.tw-flex-col {
    flex-direction: column
}

.tw-items-end {
    align-items: flex-end
}

.tw-items-center {
    align-items: center
}

.tw-justify-end {
    justify-content: flex-end
}

.tw-justify-center {
    justify-content: center
}

.tw-justify-between {
    justify-content: space-between
}

.tw-gap-1 {
    gap: .25rem
}

.tw-gap-1\.5 {
    gap: .375rem
}

.tw-gap-2 {
    gap: .5rem
}

.tw-gap-8 {
    gap: 2rem
}

.tw-overflow-clip {
    overflow: clip
}

.tw-overflow-x-clip {
    overflow-x: clip
}

.tw-overflow-y-clip {
    overflow-y: clip
}

.tw-overflow-y-scroll {
    overflow-y: scroll
}

.tw-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tw-rounded-lg {
    border-radius: .5rem
}

.tw-rounded-md {
    border-radius: .375rem
}

.tw-border {
    border-width: 1px
}

.tw-border-0 {
    border-width: 0
}

.tw-border-b {
    border-bottom-width: 1px
}

.tw-border-b-0 {
    border-bottom-width: 0
}

.tw-border-l-0 {
    border-left-width: 0
}

.tw-border-r-0 {
    border-right-width: 0
}

.tw-border-t {
    border-top-width: 1px
}

.tw-border-solid {
    border-style: solid
}

.tw-border-dashed {
    border-style: dashed
}

.tw-border-none {
    border-style: none
}

.tw-border-neutral-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-border-opacity))
}

.tw-border-neutral-400 {
    --tw-border-opacity: 1;
    border-color: rgb(163 163 163/var(--tw-border-opacity))
}

.tw-border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68/var(--tw-border-opacity))
}

.tw-bg-\[\#0283FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(2 131 255/var(--tw-bg-opacity))
}

.tw-bg-\[\#F0F3F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 243 245/var(--tw-bg-opacity))
}

.tw-bg-\[\#F5F5F7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 247/var(--tw-bg-opacity))
}

.tw-bg-\[\#FAFBFC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 251 252/var(--tw-bg-opacity))
}

.tw-bg-\[\#d6d6d7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(214 214 215/var(--tw-bg-opacity))
}

.tw-bg-\[\#e9ecef\] {
    --tw-bg-opacity: 1;
    background-color: rgb(233 236 239/var(--tw-bg-opacity))
}

.tw-bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.tw-bg-transparent {
    background-color: transparent
}

.tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.tw-object-center {
    -o-object-position: center;
    object-position: center
}

.tw-p-0 {
    padding: 0
}

.tw-p-0\.5 {
    padding: .125rem
}

.tw-p-2 {
    padding: .5rem
}

.tw-px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.tw-px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

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

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

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

.tw-py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.tw-py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.tw-py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.tw-py-2\.5 {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.tw-py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.tw-pl-2 {
    padding-left: .5rem
}

.tw-text-left {
    text-align: left
}

.tw-text-center {
    text-align: center
}

.tw-text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.tw-text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.tw-font-bold {
    font-weight: 700
}

.tw-font-extrabold {
    font-weight: 800
}

.tw-font-medium {
    font-weight: 500
}

.tw-font-semibold {
    font-weight: 600
}

.tw-capitalize {
    text-transform: capitalize
}

.tw-text-\[\#0083ff\] {
    --tw-text-opacity: 1;
    color: rgb(0 131 255/var(--tw-text-opacity))
}

.tw-text-\[\#2C3249\] {
    --tw-text-opacity: 1;
    color: rgb(44 50 73/var(--tw-text-opacity))
}

.tw-text-neutral-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 82/var(--tw-text-opacity))
}

.tw-text-neutral-700 {
    --tw-text-opacity: 1;
    color: rgb(64 64 64/var(--tw-text-opacity))
}

.tw-text-neutral-800 {
    --tw-text-opacity: 1;
    color: rgb(38 38 38/var(--tw-text-opacity))
}

.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.tw-opacity-0 {
    opacity: 0
}

.tw-shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.tw-shadow-md,
.tw-shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.tw-outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.tw-ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.tw-ring-\[\#E6E9ED\] {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(230 233 237/var(--tw-ring-opacity))
}

.tw-ring-\[\#EBF0F0\] {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(235 240 240/var(--tw-ring-opacity))
}

.tw-ring-\[\#dee2e5\] {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(222 226 229/var(--tw-ring-opacity))
}

@media (min-width:640px) {
    .sm\:tw-w-\[15rem\] {
        width: 15rem
    }
}

@media (min-width:1024px) {
    .lg\:tw-block {
        display: block
    }

    .lg\:tw-w-1\/2 {
        width: 50%
    }

    .lg\:tw-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:tw-flex-row {
        flex-direction: row
    }
}

@media (min-width:1280px) {
    .xl\:tw-w-1\/2 {
        width: 50%
    }
}


.mt-70 {
    margin-top: 70px;
}

.mb-70 {
    margin-bottom: 70px;
}

.card {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    border-width: 0;
    transition: all .2s;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(26, 54, 126, 0.125);
    border-radius: .25rem;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.vertical-timeline {
    width: 100%;
    position: relative;
    padding: 1.5rem 0 1rem;
}

.vertical-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 67px;
    height: 100%;
    width: 4px;
    background: #e9ecef;
    border-radius: .25rem;
}

.vertical-timeline-element {
    position: relative;
    margin: 0 0 1rem;
}

.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in {
    visibility: visible;
    animation: cd-bounce-1 .8s;
}

.vertical-timeline-element-icon {
    position: absolute;
    top: 0;
    left: 60px;
}

.vertical-timeline-element-icon .badge-dot-xl {
    box-shadow: 0 0 0 5px #fff;
}

.badge-dot-xl {
    width: 18px;
    height: 18px;
    position: relative;
}

.badge:empty {
    display: none;
}


.badge-dot-xl::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: .25rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    background: #fff;
}

.vertical-timeline-element-content {
    position: relative;
    margin-left: 90px;
    font-size: .8rem;
}

.vertical-timeline-element-content .timeline-title {
    font-size: .8rem;
    text-transform: uppercase;
    margin: 0 0 .5rem;
    padding: 2px 0 0;
    font-weight: bold;
}

.vertical-timeline-element-content .vertical-timeline-element-date {
    display: block;
    position: absolute;
    left: -90px;
    top: 0;
    padding-right: 10px;
    text-align: right;
    color: #adb5bd;
    font-size: .7619rem;
    white-space: nowrap;
}

.vertical-timeline-element-content:after {
    content: "";
    display: table;
    clear: both;
}

input[type="datetime-local"]::-webkit-datetime-edit-ampm-field,
input[type="datetime-local"]::-webkit-datetime-edit-hour-field,
input[type="datetime-local"]::-webkit-datetime-edit-minute-field,
input[type="datetime-local"]::-webkit-clear-button,
input[type="datetime-local"]::-webkit-inner-spin-button {
    display: none;
}

.custom-check {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
}

/* Hide default checkbox */
.custom-check-input {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #cbd5e1;
    /* light gray border */
    border-radius: 4px;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
}

/* Checked state */
.custom-check-input:checked {
    background-color: #2563eb;
    /* blue */
    border-color: #2563eb;
}

/* Check mark */
.custom-check-input:checked::after {
    content: "";
    position: absolute;
    /* top: 2px; */
    left: 5px;
    width: 4px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Label text */
.custom-check-label {
    font-size: 14px;
    color: #374151;
    /* dark gray */
    cursor: pointer;
    user-select: none;
}