@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700");
/*! tailwindcss v3.3.6 | MIT License | https://tailwindcss.com*/
*, :after, :before {
    box-sizing: border-box;
    border: 0 solid
}

:after, :before {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, pre, samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: initial
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

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

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

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

summary {
    display: list-item
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset, legend {
    padding: 0
}

menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder, textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button], button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
}

img, video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

*, ::backdrop, :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: #ffff;
    --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:
}

.container {
    width: 100%
}

@media (min-width: 576px) {
    .container {
        max-width: 576px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 992px
    }
}

@media (min-width: 1025px) {
    .container {
        max-width: 1025px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
}

@media (min-width: 1449px) {
    .container {
        max-width: 1449px
    }
}

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

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

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

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.collapse {
    visibility: collapse !important
}

.static {
    position: static !important
}

.fixed {
    position: fixed !important
}

.absolute {
    position: absolute !important
}

.\!relative, .relative {
    position: relative !important
}

.sticky {
    position: sticky !important
}

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

.bottom-0 {
    bottom: 0 !important
}

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

.bottom-\[10px\] {
    bottom: 10px !important
}

.bottom-\[15px\] {
    bottom: 15px !important
}

.left-0 {
    left: 0 !important
}

.left-\[1\.5625rem\] {
    left: 1.5625rem !important
}

.left-\[15\%\] {
    left: 15% !important
}

.left-\[46\%\] {
    left: 46% !important
}

.left-\[5\.625rem\] {
    left: 5.625rem !important
}

.left-\[50\%\] {
    left: 50% !important
}

.right-0 {
    right: 0 !important
}

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

.right-2\.5 {
    right: .625rem !important
}

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

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

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

.right-\[-0\.0625rem\] {
    right: -.0625rem !important
}

.right-\[-31\.25rem\] {
    right: -31.25rem !important
}

.right-\[15\%\] {
    right: 15% !important
}

.right-\[15px\] {
    right: 15px !important
}

.right-\[5\.5rem\] {
    right: 5.5rem !important
}

.right-auto {
    right: auto !important
}

.top-0 {
    top: 0 !important
}

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

.top-\[-15px\] {
    top: -15px !important
}

.top-\[-5px\] {
    top: -5px !important
}

.top-\[0\.625rem\] {
    top: .625rem !important
}

.top-\[50\%\] {
    top: 50% !important
}

.top-\[7\.5rem\] {
    top: 7.5rem !important
}

.top-full {
    top: 100% !important
}

.isolate {
    isolation: isolate !important
}

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

.z-\[1045\] {
    z-index: 1045 !important
}

.z-\[1055\] {
    z-index: 1055 !important
}

.z-\[1\] {
    z-index: 1 !important
}

.z-\[2\] {
    z-index: 2 !important
}

.z-\[99999\] {
    z-index: 99999 !important
}

.z-\[999\] {
    z-index: 999 !important
}

.z-\[9\] {
    z-index: 9 !important
}

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

.float-right {
    float: right !important
}

.float-left {
    float: left !important
}

.float-none {
    float: none !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-10 {
    margin: 2.5rem !important
}

.m-11 {
    margin: 2.75rem !important
}

.m-2 {
    margin: .5rem !important
}

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

.m-5 {
    margin: 1.25rem !important
}

.m-7 {
    margin: 1.75rem !important
}

.m-9 {
    margin: 2.25rem !important
}

.m-\[18px\] {
    margin: 18px !important
}

.m-auto {
    margin: auto !important
}

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

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

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

.mx-1\.5 {
    margin-left: .375rem !important;
    margin-right: .375rem !important
}

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

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

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

.mx-\[-0\.0437rem\] {
    margin-left: -.0437rem !important;
    margin-right: -.0437rem !important
}

.mx-\[-0\.3125rem\] {
    margin-left: -.3125rem !important;
    margin-right: -.3125rem !important
}

.mx-\[-1\.625rem\] {
    margin-left: -1.625rem !important;
    margin-right: -1.625rem !important
}

.mx-\[-30px\] {
    margin-left: -30px !important;
    margin-right: -30px !important
}

.mx-\[-5px\] {
    margin-left: -5px !important;
    margin-right: -5px !important
}

.mx-\[10px\] {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mx-\[220px\] {
    margin-left: 220px !important;
    margin-right: 220px !important
}

.mx-\[2px\] {
    margin-left: 2px !important;
    margin-right: 2px !important
}

.mx-\[5px\] {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.mx-\[9px\] {
    margin-left: 9px !important;
    margin-right: 9px !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-1\.5 {
    margin-top: .375rem !important;
    margin-bottom: .375rem !important
}

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

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

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

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

.my-\[-1px\] {
    margin-top: -1px !important;
    margin-bottom: -1px !important
}

.my-\[0\.9375rem\] {
    margin-top: .9375rem !important;
    margin-bottom: .9375rem !important
}

.my-\[1\.75rem\] {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important
}

.my-\[10px\] {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

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

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

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

.mb-0\.5 {
    margin-bottom: .125rem !important
}

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

.mb-1\.5 {
    margin-bottom: .375rem !important
}

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

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

.mb-2\.5 {
    margin-bottom: .625rem !important
}

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

.mb-3\.5 {
    margin-bottom: .875rem !important
}

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

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

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

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

.mb-\[-0\.2rem\] {
    margin-bottom: -.2rem !important
}

.mb-\[-1px\] {
    margin-bottom: -1px !important
}

.mb-\[-2px\] {
    margin-bottom: -2px !important
}

.mb-\[0\.2rem\] {
    margin-bottom: .2rem !important
}

.mb-\[0\.3125rem\] {
    margin-bottom: .3125rem !important
}

.mb-\[0\.9375rem\] {
    margin-bottom: .9375rem !important
}

.mb-\[1\.875rem\] {
    margin-bottom: 1.875rem !important
}

.mb-\[13px\] {
    margin-bottom: 13px !important
}

.mb-\[14px\] {
    margin-bottom: 14px !important
}

.mb-\[15px\] {
    margin-bottom: 15px !important
}

.mb-\[21px\] {
    margin-bottom: 21px !important
}

.mb-\[2px\] {
    margin-bottom: 2px !important
}

.mb-\[30px\] {
    margin-bottom: 30px !important
}

.mb-\[3px\] {
    margin-bottom: 3px !important
}

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

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

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

.me-\[-13px\] {
    margin-inline-end: -13px !important
}

.ml-0 {
    margin-left: 0 !important
}

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

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

.ml-2\.5 {
    margin-left: .625rem !important
}

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

.ml-\[-0\.888rem\] {
    margin-left: -.888rem !important
}

.ml-\[-1\.25rem\] {
    margin-left: -1.25rem !important
}

.ml-\[-1\.5em\] {
    margin-left: -1.5em !important
}

.ml-\[-1px\] {
    margin-left: -1px !important
}

.ml-\[-2\.063rem\] {
    margin-left: -2.063rem !important
}

.ml-\[0\.3125rem\] {
    margin-left: .3125rem !important
}

.ml-\[7px\] {
    margin-left: 7px !important
}

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

.mr-0 {
    margin-right: 0 !important
}

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

.mr-1\.5 {
    margin-right: .375rem !important
}

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

.mr-2\.5 {
    margin-right: .625rem !important
}

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

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

.mr-8 {
    margin-right: 2rem !important
}

.mr-\[-3px\] {
    margin-right: -3px !important
}

.mr-\[0\.3125rem\] {
    margin-right: .3125rem !important
}

.mr-\[0\.313rem\] {
    margin-right: .313rem !important
}

.mr-\[0\.35rem\] {
    margin-right: .35rem !important
}

.mr-\[0\.4375rem\] {
    margin-right: .4375rem !important
}

.mr-\[0\.9375rem\] {
    margin-right: .9375rem !important
}

.mr-\[1\.125rem\] {
    margin-right: 1.125rem !important
}

.mr-\[10px\] {
    margin-right: 10px !important
}

.mr-\[15px\] {
    margin-right: 15px !important
}

.mr-\[18px\] {
    margin-right: 18px !important
}

.mr-\[5px\] {
    margin-right: 5px !important
}

.mr-\[7px\] {
    margin-right: 7px !important
}

.mr-\[9px\] {
    margin-right: 9px !important
}

.ms-0 {
    margin-inline-start: 0 !important
}

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

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

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

.mt-0\.5 {
    margin-top: .125rem !important
}

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

.mt-1\.5 {
    margin-top: .375rem !important
}

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

.mt-11 {
    margin-top: 2.75rem !important
}

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

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

.mt-2\.5 {
    margin-top: .625rem !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-\[-0\.3rem\] {
    margin-top: -.3rem !important
}

.mt-\[-10px\] {
    margin-top: -10px !important
}

.mt-\[-4\.5rem\] {
    margin-top: -4.5rem !important
}

.mt-\[-5px\] {
    margin-top: -5px !important
}

.mt-\[-65px\] {
    margin-top: -65px !important
}

.mt-\[0\.1875rem\] {
    margin-top: .1875rem !important
}

.mt-\[0\.3125rem\] {
    margin-top: .3125rem !important
}

.mt-\[0\.625rem\] {
    margin-top: .625rem !important
}

.mt-\[1\.125rem\] {
    margin-top: 1.125rem !important
}

.mt-\[15px\] {
    margin-top: 15px !important
}

.mt-\[2\.188rem\] {
    margin-top: 2.188rem !important
}

.mt-\[25px\] {
    margin-top: 25px !important
}

.mt-\[35px\] {
    margin-top: 35px !important
}

.mt-\[50px\] {
    margin-top: 50px !important
}

.mt-\[5px\] {
    margin-top: 5px !important
}

.box-content {
    box-sizing: initial !important
}

.block {
    display: block !important
}

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

.inline {
    display: inline !important
}

.flex {
    display: flex !important
}

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

.table {
    display: table !important
}

.\!grid, .grid {
    display: grid !important
}

.contents {
    display: contents !important
}

.list-item {
    display: list-item !important
}

.hidden {
    display: none !important
}

.h-1 {
    height: .25rem !important
}

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

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

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

.h-3 {
    height: .75rem !important
}

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

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

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

.h-60 {
    height: 15rem !important
}

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

.h-9 {
    height: 2.25rem !important
}

.h-\[0\.125rem\] {
    height: .125rem !important
}

.h-\[1\.275rem\] {
    height: 1.275rem !important
}

.h-\[1\.5rem\] {
    height: 1.5rem !important
}

.h-\[1\.625rem\] {
    height: 1.625rem !important
}

.h-\[1\.75rem\] {
    height: 1.75rem !important
}

.h-\[1\.875rem\] {
    height: 1.875rem !important
}

.h-\[100vh\] {
    height: 100vh !important
}

.h-\[14\.375rem\] {
    height: 14.375rem !important
}

.h-\[140px\] {
    height: 140px !important
}

.h-\[144px\] {
    height: 144px !important
}

.h-\[15\.7rem\] {
    height: 15.7rem !important
}

.h-\[170px\] {
    height: 170px !important
}

.h-\[2\.188rem\] {
    height: 2.188rem !important
}

.h-\[2\.25rem\] {
    height: 2.25rem !important
}

.h-\[2\.375rem\] {
    height: 2.375rem !important
}

.h-\[2\.4rem\] {
    height: 2.4rem !important
}

.h-\[2\.5rem\] {
    height: 2.5rem !important
}

.h-\[2\.813rem\] {
    height: 2.813rem !important
}

.h-\[200px\] {
    height: 200px !important
}

.h-\[220px\] {
    height: 220px !important
}

.h-\[23\.125rem\] {
    height: 23.125rem !important
}

.h-\[275px\] {
    height: 275px !important
}

.h-\[29\.7rem\] {
    height: 29.7rem !important
}

.h-\[3\.4375rem\] {
    height: 3.4375rem !important
}

.h-\[3\.438rem\] {
    height: 3.438rem !important
}

.h-\[3\.563rem\] {
    height: 3.563rem !important
}

.h-\[3\.75rem\] {
    height: 3.75rem !important
}

.h-\[3\.8rem\] {
    height: 3.8rem !important
}

.h-\[300px\] {
    height: 300px !important
}

.h-\[30px\] {
    height: 30px !important
}

.h-\[350px\] {
    height: 350px !important
}

.h-\[35px\] {
    height: 35px !important
}

.h-\[362px\] {
    height: 362px !important
}

.h-\[4\.375rem\] {
    height: 4.375rem !important
}

.h-\[45px\] {
    height: 45px !important
}

.h-\[46px\] {
    height: 46px !important
}

.h-\[47px\] {
    height: 47px !important
}

.h-\[5\.3125rem\] {
    height: 5.3125rem !important
}

.h-\[55px\] {
    height: 55px !important
}

.h-\[5px\] {
    height: 5px !important
}

.h-\[6\.25rem\] {
    height: 6.25rem !important
}

.h-\[60px\] {
    height: 60px !important
}

.h-\[7\.5rem\] {
    height: 7.5rem !important
}

.h-\[70px\] {
    height: 70px !important
}

.h-\[75px\] {
    height: 75px !important
}

.h-\[9\.375rem\] {
    height: 9.375rem !important
}

.h-auto {
    height: auto !important
}

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

.max-h-\[15\.7rem\] {
    max-height: 15.7rem !important
}

.min-h-0 {
    min-height: 0 !important
}

.min-h-\[1\.3125rem\] {
    min-height: 1.3125rem !important
}

.min-h-\[1000px\] {
    min-height: 1000px !important
}

.min-h-\[100vh\] {
    min-height: 100vh !important
}

.min-h-\[17rem\] {
    min-height: 17rem !important
}

.min-h-\[2\.4rem\] {
    min-height: 2.4rem !important
}

.min-h-\[2\.5rem\] {
    min-height: 2.5rem !important
}

.min-h-\[6\.325rem\] {
    min-height: 6.325rem !important
}

.min-h-\[800px\] {
    min-height: 800px !important
}

.w-1\/2 {
    width: 50% !important
}

.w-1\/3 {
    width: 33.333333% !important
}

.w-1\/4 {
    width: 25% !important
}

.w-1\/6 {
    width: 16.666667% !important
}

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

.w-2\/3 {
    width: 66.666667% !important
}

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

.w-3 {
    width: .75rem !important
}

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

.w-5\/12 {
    width: 41.666667% !important
}

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

.w-7\/12 {
    width: 58.333333% !important
}

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

.w-9 {
    width: 2.25rem !important
}

.w-\[1\%\] {
    width: 1% !important
}

.w-\[1\.275rem\] {
    width: 1.275rem !important
}

.w-\[1\.5rem\] {
    width: 1.5rem !important
}

.w-\[1\.625rem\] {
    width: 1.625rem !important
}

.w-\[1\.75rem\] {
    width: 1.75rem !important
}

.w-\[1\.875rem\] {
    width: 1.875rem !important
}

.w-\[120px\] {
    width: 120px !important
}

.w-\[130px\] {
    width: 130px !important
}

.w-\[15\.875rem\] {
    width: 15.875rem !important
}

.w-\[18\.5rem\] {
    width: 18.5rem !important
}

.w-\[19rem\] {
    width: 19rem !important
}

.w-\[2\.188rem\] {
    width: 2.188rem !important
}

.w-\[2\.25rem\] {
    width: 2.25rem !important
}

.w-\[2\.375rem\] {
    width: 2.375rem !important
}

.w-\[2\.4rem\] {
    width: 2.4rem !important
}

.w-\[2\.5rem\] {
    width: 2.5rem !important
}

.w-\[2\.813rem\] {
    width: 2.813rem !important
}

.w-\[21\.25rem\] {
    width: 21.25rem !important
}

.w-\[220px\] {
    width: 220px !important
}

.w-\[275px\] {
    width: 275px !important
}

.w-\[3\.4375rem\] {
    width: 3.4375rem !important
}

.w-\[30px\] {
    width: 30px !important
}

.w-\[350px\] {
    width: 350px !important
}

.w-\[35px\] {
    width: 35px !important
}

.w-\[4\.375rem\] {
    width: 4.375rem !important
}

.w-\[40\%\] {
    width: 40% !important
}

.w-\[46px\] {
    width: 46px !important
}

.w-\[5\.3125rem\] {
    width: 5.3125rem !important
}

.w-\[55px\] {
    width: 55px !important
}

.w-\[5rem\] {
    width: 5rem !important
}

.w-\[6\.875rem\] {
    width: 6.875rem !important
}

.w-\[60px\] {
    width: 60px !important
}

.w-\[70\%\] {
    width: 70% !important
}

.w-\[70px\] {
    width: 70px !important
}

.w-\[75px\] {
    width: 75px !important
}

.w-\[90px\] {
    width: 90px !important
}

.w-\[97\%\] {
    width: 97% !important
}

.w-auto {
    width: auto !important
}

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

.min-w-\[1\.875rem\] {
    min-width: 1.875rem !important
}

.min-w-\[10rem\] {
    min-width: 10rem !important
}

.min-w-\[13rem\] {
    min-width: 13rem !important
}

.min-w-\[15rem\] {
    min-width: 15rem !important
}

.min-w-\[16\.125rem\] {
    min-width: 16.125rem !important
}

.min-w-\[2\.4rem\] {
    min-width: 2.4rem !important
}

.min-w-\[2\.813rem\] {
    min-width: 2.813rem !important
}

.min-w-\[3\.125rem\] {
    min-width: 3.125rem !important
}

.min-w-\[30rem\] {
    min-width: 30rem !important
}

.min-w-\[35px\] {
    min-width: 35px !important
}

.min-w-\[36rem\] {
    min-width: 36rem !important
}

.min-w-\[5\.5rem\] {
    min-width: 5.5rem !important
}

.max-w-\[10\.625rem\] {
    max-width: 10.625rem !important
}

.max-w-\[37\.5rem\] {
    max-width: 37.5rem !important
}

.max-w-\[380px\] {
    max-width: 380px !important
}

.max-w-\[500px\] {
    max-width: 500px !important
}

.max-w-\[600px\] {
    max-width: 600px !important
}

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

.flex-1 {
    flex: 1 1 0% !important
}

.flex-\[0_0_auto\] {
    flex: 0 0 auto !important
}

.flex-\[1_0_0\%\] {
    flex: 1 0 0% !important
}

.flex-auto {
    flex: 1 1 auto !important
}

.flex-shrink, .shrink {
    flex-shrink: 1 !important
}

.flex-grow, .grow {
    flex-grow: 1 !important
}

.border-collapse {
    border-collapse: collapse !important
}

.-translate-y-10 {
    --tw-translate-y: -2.5rem !important
}

.-translate-y-10, .-translate-y-32 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-y-32 {
    --tw-translate-y: -8rem !important
}

.translate-x-0 {
    --tw-translate-x: 0px !important
}

.translate-x-0, .translate-x-\[-100px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-\[-100px\] {
    --tw-translate-x: -100px !important
}

.translate-x-\[-118px\] {
    --tw-translate-x: -118px !important
}

.translate-x-\[-118px\], .translate-x-\[-125px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-\[-125px\] {
    --tw-translate-x: -125px !important
}

.translate-x-\[-126px\] {
    --tw-translate-x: -126px !important
}

.translate-x-\[-126px\], .translate-x-\[-167px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-\[-167px\] {
    --tw-translate-x: -167px !important
}

.translate-x-\[-195px\] {
    --tw-translate-x: -195px !important
}

.translate-x-\[-195px\], .translate-x-\[-205px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-\[-205px\] {
    --tw-translate-x: -205px !important
}

.translate-x-\[-270px\] {
    --tw-translate-x: -270px !important
}

.translate-x-\[-270px\], .translate-x-\[-50\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50% !important
}

.translate-x-\[-60px\] {
    --tw-translate-x: -60px !important
}

.translate-x-\[-60px\], .translate-x-\[-80px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-\[-80px\] {
    --tw-translate-x: -80px !important
}

.translate-x-\[-96px\] {
    --tw-translate-x: -96px !important
}

.translate-x-\[-96px\], .translate-x-\[0\.25rem\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-\[0\.25rem\] {
    --tw-translate-x: 0.25rem !important
}

.translate-x-\[0px\] {
    --tw-translate-x: 0px !important
}

.translate-x-\[0px\], .translate-x-\[137px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-\[137px\] {
    --tw-translate-x: 137px !important
}

.translate-x-\[2\.25rem\] {
    --tw-translate-x: 2.25rem !important
}

.translate-x-\[2\.25rem\], .translate-x-\[40px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-\[40px\] {
    --tw-translate-x: 40px !important
}

.translate-x-\[7\.25rem\] {
    --tw-translate-x: 7.25rem !important
}

.translate-x-\[7\.25rem\], .translate-y-1 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-1 {
    --tw-translate-y: 0.25rem !important
}

.translate-y-2 {
    --tw-translate-y: 0.5rem !important
}

.translate-y-2, .translate-y-2\.5 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-2\.5 {
    --tw-translate-y: 0.625rem !important
}

.translate-y-3 {
    --tw-translate-y: 0.75rem !important
}

.translate-y-3, .translate-y-4 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-4 {
    --tw-translate-y: 1rem !important
}

.translate-y-\[-100px\] {
    --tw-translate-y: -100px !important
}

.translate-y-\[-100px\], .translate-y-\[-140px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-\[-140px\] {
    --tw-translate-y: -140px !important
}

.translate-y-\[-230px\] {
    --tw-translate-y: -230px !important
}

.translate-y-\[-230px\], .translate-y-\[-40px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-\[-40px\] {
    --tw-translate-y: -40px !important
}

.translate-y-\[-50\%\] {
    --tw-translate-y: -50% !important
}

.translate-y-\[-50\%\], .translate-y-\[-50px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-\[-50px\] {
    --tw-translate-y: -50px !important
}

.translate-y-\[-7\.375rem\] {
    --tw-translate-y: -7.375rem !important
}

.translate-y-\[-7\.375rem\], .translate-y-\[0\.2rem\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-\[0\.2rem\] {
    --tw-translate-y: 0.2rem !important
}

.translate-y-\[10px\] {
    --tw-translate-y: 10px !important
}

.translate-y-\[10px\], .translate-y-\[15px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-\[15px\] {
    --tw-translate-y: 15px !important
}

.translate-y-\[18px\] {
    --tw-translate-y: 18px !important
}

.translate-y-\[18px\], .translate-y-\[2\.1rem\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-\[2\.1rem\] {
    --tw-translate-y: 2.1rem !important
}

.translate-y-\[25px\] {
    --tw-translate-y: 25px !important
}

.translate-y-\[25px\], .translate-y-\[3\.2rem\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-\[3\.2rem\] {
    --tw-translate-y: 3.2rem !important
}

.translate-y-\[3\.5rem\] {
    --tw-translate-y: 3.5rem !important
}

.translate-y-\[3\.5rem\], .translate-y-\[5\.25rem\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-\[5\.25rem\] {
    --tw-translate-y: 5.25rem !important
}

.translate-y-\[5\.60rem\] {
    --tw-translate-y: 5.60rem !important
}

.translate-y-\[5\.60rem\], .translate-y-\[8px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-\[8px\] {
    --tw-translate-y: 8px !important
}

.rotate-180 {
    --tw-rotate: 180deg !important
}

.rotate-180, .scale-150 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.scale-150 {
    --tw-scale-x: 1.5 !important;
    --tw-scale-y: 1.5 !important
}

.scale-50 {
    --tw-scale-x: .5 !important;
    --tw-scale-y: .5 !important
}

.scale-50, .scale-\[0\.9\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.scale-\[0\.9\] {
    --tw-scale-x: 0.9 !important;
    --tw-scale-y: 0.9 !important
}

.scale-\[1\.4\] {
    --tw-scale-x: 1.4 !important;
    --tw-scale-y: 1.4 !important
}

.scale-\[1\.4\], .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

@keyframes dzerror {
    0% {
        transform: skew(3deg)
    }
    10% {
        transform: skew(2deg)
    }
    20% {
        transform: skew(3deg)
    }
    30% {
        transform: skew(-2deg)
    }
    40% {
        transform: skew(-1deg)
    }
    50% {
        transform: skew(-1deg)
    }
    60% {
        transform: skew(-1deg)
    }
    70% {
        transform: skew(-3deg)
    }
    80% {
        transform: skew(1deg)
    }
    90% {
        transform: skew(-1deg)
    }
}

.animate-dzerror {
    animation: dzerror 1s linear infinite alternate-reverse !important
}

@keyframes myanimation {
    0% {
        width: 0
    }
}

.animate-myanimation {
    animation: myanimation 5s !important
}

.cursor-all-scroll {
    cursor: all-scroll !important
}

.cursor-default {
    cursor: default !important
}

.cursor-move {
    cursor: move !important
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-text {
    cursor: text !important
}

.resize-none {
    resize: none !important
}

.resize-y {
    resize: vertical !important
}

.resize {
    resize: both !important
}

.list-decimal {
    list-style-type: decimal !important
}

.list-disc {
    list-style-type: disc !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.justify-around {
    justify-content: space-around !important
}

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

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

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

.overflow-hidden {
    overflow: hidden !important
}

.overflow-scroll {
    overflow: scroll !important
}

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

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

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

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

.truncate {
    overflow: hidden !important;
    white-space: nowrap !important
}

.text-ellipsis, .truncate {
    text-overflow: ellipsis !important
}

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

.break-words {
    overflow-wrap: break-word !important
}

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

.rounded-\[0\.625rem\] {
    border-radius: .625rem !important
}

.rounded-\[1\.25rem\] {
    border-radius: 1.25rem !important
}

.rounded-\[2\.5rem\] {
    border-radius: 2.5rem !important
}

.rounded-\[50\%\] {
    border-radius: 50% !important
}

.rounded-\[5px\] {
    border-radius: 5px !important
}

.rounded-\[6\.25rem\] {
    border-radius: 6.25rem !important
}

.rounded-full {
    border-radius: 9999px !important
}

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

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

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

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

.rounded-e-md {
    border-start-end-radius: .375rem !important;
    border-end-end-radius: .375rem !important
}

.rounded-e-none {
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important
}

.rounded-s-md {
    border-start-start-radius: .375rem !important;
    border-end-start-radius: .375rem !important
}

.rounded-s-none {
    border-start-start-radius: 0 !important;
    border-end-start-radius: 0 !important
}

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

.rounded-ee-none {
    border-end-end-radius: 0 !important
}

.rounded-es-md {
    border-end-start-radius: .375rem !important
}

.rounded-se-md {
    border-start-end-radius: .375rem !important
}

.rounded-se-none {
    border-start-end-radius: 0 !important
}

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

.rounded-ss-none {
    border-start-start-radius: 0 !important
}

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

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

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

.border-\[0\.125rem\] {
    border-width: .125rem !important
}

.border-\[7px\] {
    border-width: 7px !important
}

.border-x {
    border-left-width: 1px !important;
    border-right-width: 1px !important
}

.border-y {
    border-top-width: 1px !important
}

.border-b, .border-y {
    border-bottom-width: 1px !important
}

.border-b-0 {
    border-bottom-width: 0 !important
}

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

.border-b-\[0\.0125rem\] {
    border-bottom-width: .0125rem !important
}

.border-b-\[0\.1875rem\] {
    border-bottom-width: .1875rem !important
}

.border-b-\[3px\] {
    border-bottom-width: 3px !important
}

.border-l {
    border-left-width: 1px !important
}

.border-l-4 {
    border-left-width: 4px !important
}

.border-l-\[5px\] {
    border-left-width: 5px !important
}

.border-r {
    border-right-width: 1px !important
}

.border-t {
    border-top-width: 1px !important
}

.border-t-0 {
    border-top-width: 0 !important
}

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

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

.border-\[\#0000001a\] {
    border-color: #0000001a !important
}

.border-\[\#0000002d\] {
    border-color: #0000002d !important
}

.border-\[\#0000004d\] {
    border-color: #0000004d !important
}

.border-\[\#3e5fce14\] {
    border-color: #3e5fce14 !important
}

.border-\[\#88888833\] {
    border-color: #8883 !important
}

.border-\[\#CCCCCC\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(204 204 204/var(--tw-border-opacity)) !important
}

.border-\[\#DDDFE1\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(221 223 225/var(--tw-border-opacity)) !important
}

.border-\[\#E6E6E6\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(230 230 230/var(--tw-border-opacity)) !important
}

.border-\[\#acacac\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(172 172 172/var(--tw-border-opacity)) !important
}

.border-\[\#eee\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(238 238 238/var(--tw-border-opacity)) !important
}

.border-\[\#f1f1f1\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(241 241 241/var(--tw-border-opacity)) !important
}

.border-\[\#f2f2f2\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(242 242 242/var(--tw-border-opacity)) !important
}

.border-b-color {
    border-color: var(--border-color) !important
}

.border-badge-secondary {
    border-color: var(--badge-secondary) !important
}

.border-d-light {
    --tw-border-opacity: 1 !important;
    border-color: rgb(238 238 238/var(--tw-border-opacity)) !important
}

.border-d-light-2 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(223 223 223/var(--tw-border-opacity)) !important
}

.border-danger {
    border-color: var(--danger) !important
}

.border-danger-light {
    border-color: var(--danger-light) !important
}

.border-dark {
    border-color: rgb(110 110 110/var(--tw-border-opacity)) !important
}

.border-dark, .border-info {
    --tw-border-opacity: 1 !important
}

.border-info {
    border-color: rgb(88 186 215/var(--tw-border-opacity)) !important
}

.border-info-light {
    border-color: var(--info-light) !important
}

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

.border-primary-dark {
    border-color: var(--primary-dark) !important
}

.border-primary-light {
    border-color: var(--rgba-primary-1) !important
}

.border-primary-light-3 {
    border-color: var(--rgba-primary-3) !important
}

.border-purple {
    --tw-border-opacity: 1 !important;
    border-color: rgb(187 107 217/var(--tw-border-opacity)) !important
}

.border-secondary {
    border-color: var(--secondary) !important
}

.border-success {
    border-color: var(--success) !important
}

.border-success-light {
    border-color: var(--success-light) !important
}

.border-transparent {
    border-color: #0000 !important
}

.border-warning {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 159 0/var(--tw-border-opacity)) !important
}

.border-warning-light {
    border-color: var(--warning-light) !important
}

.border-white {
    border-color: var(--white) !important
}

.border-x-\[\#E6E6E6\] {
    --tw-border-opacity: 1 !important;
    border-left-color: rgb(230 230 230/var(--tw-border-opacity)) !important;
    border-right-color: rgb(230 230 230/var(--tw-border-opacity)) !important
}

.border-b-\[\#eee\] {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(238 238 238/var(--tw-border-opacity)) !important
}

.border-l-\[\#1c673c\] {
    --tw-border-opacity: 1 !important;
    border-left-color: rgb(28 103 60/var(--tw-border-opacity)) !important
}

.border-l-\[\#22758e\] {
    --tw-border-opacity: 1 !important;
    border-left-color: rgb(34 117 142/var(--tw-border-opacity)) !important
}

.border-l-\[\#2e2e2e\] {
    --tw-border-opacity: 1 !important;
    border-left-color: rgb(46 46 46/var(--tw-border-opacity)) !important
}

.border-l-\[\#805000\] {
    --tw-border-opacity: 1 !important;
    border-left-color: rgb(128 80 0/var(--tw-border-opacity)) !important
}

.border-l-\[\#9f9f9f\] {
    --tw-border-opacity: 1 !important;
    border-left-color: rgb(159 159 159/var(--tw-border-opacity)) !important
}

.border-l-\[\#b9b9b9\] {
    --tw-border-opacity: 1 !important;
    border-left-color: rgb(185 185 185/var(--tw-border-opacity)) !important
}

.border-l-\[\#de0000\] {
    --tw-border-opacity: 1 !important;
    border-left-color: rgb(222 0 0/var(--tw-border-opacity)) !important
}

.border-l-black {
    --tw-border-opacity: 1 !important;
    border-left-color: rgb(0 0 0/var(--tw-border-opacity)) !important
}

.border-l-danger {
    border-left-color: var(--danger) !important
}

.border-l-dark {
    border-left-color: rgb(110 110 110/var(--tw-border-opacity)) !important
}

.border-l-dark, .border-l-info {
    --tw-border-opacity: 1 !important
}

.border-l-info {
    border-left-color: rgb(88 186 215/var(--tw-border-opacity)) !important
}

.border-l-primary {
    border-left-color: var(--primary) !important
}

.border-l-primary-dark {
    border-left-color: var(--primary-dark) !important
}

.border-l-secondary {
    border-left-color: var(--secondary) !important
}

.border-l-success {
    border-left-color: var(--success) !important
}

.border-l-warning {
    --tw-border-opacity: 1 !important;
    border-left-color: rgb(255 159 0/var(--tw-border-opacity)) !important
}

.bg-\[\#0000000d\] {
    background-color: #0000000d !important
}

.bg-\[\#00000099\] {
    background-color: #0009 !important
}

.bg-\[\#8A5A4E\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(138 90 78/var(--tw-bg-opacity)) !important
}

.bg-\[\#CFDDF0\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(207 221 240/var(--tw-bg-opacity)) !important
}

.bg-\[\#E6EBEE\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(230 235 238/var(--tw-bg-opacity)) !important
}

.bg-\[\#E8F2FF\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(232 242 255/var(--tw-bg-opacity)) !important
}

.bg-\[\#F0F4F9\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(240 244 249/var(--tw-bg-opacity)) !important
}

.bg-\[\#F2F2F2\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(242 242 242/var(--tw-bg-opacity)) !important
}

.bg-\[\#d3edf5\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(211 237 245/var(--tw-bg-opacity)) !important
}

.bg-\[\#d9dbe1\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(217 219 225/var(--tw-bg-opacity)) !important
}

.bg-\[\#daf5e6\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(218 245 230/var(--tw-bg-opacity)) !important
}

.bg-\[\#e7e7e7\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(231 231 231/var(--tw-bg-opacity)) !important
}

.bg-\[\#e8f5ff\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(232 245 255/var(--tw-bg-opacity)) !important
}

.bg-\[\#eee\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 238 238/var(--tw-bg-opacity)) !important
}

.bg-\[\#f2f2f2\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(242 242 242/var(--tw-bg-opacity)) !important
}

.bg-\[\#f2f4fa\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(242 244 250/var(--tw-bg-opacity)) !important
}

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

.bg-\[\#f6f6f6\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(246 246 246/var(--tw-bg-opacity)) !important
}

.bg-\[\#f8f9fa\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(248 249 250/var(--tw-bg-opacity)) !important
}

.bg-\[\#ffeccc80\] {
    background-color: #ffeccc80 !important
}

.bg-\[\#ffffff40\] {
    background-color: #ffffff40 !important
}

.bg-b-color {
    background-color: var(--border-color) !important
}

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

.bg-chat {
    background-color: rgb(245 245 245/var(--tw-bg-opacity)) !important
}

.bg-chat, .bg-d-light {
    --tw-bg-opacity: 1 !important
}

.bg-d-light {
    background-color: rgb(238 238 238/var(--tw-bg-opacity)) !important
}

.bg-d-light-2 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(223 223 223/var(--tw-bg-opacity)) !important
}

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

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

.bg-dark {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(110 110 110/var(--tw-bg-opacity)) !important
}

.bg-dribbble {
    background-color: var(--dribbble) !important
}

.bg-facebook {
    background-color: var(--facebook) !important
}

.bg-google {
    background-color: var(--google) !important
}

.bg-google-plus {
    background-color: var(--google-plus) !important
}

.bg-grey {
    background-color: rgb(159 147 192/var(--tw-bg-opacity)) !important
}

.bg-grey, .bg-highlight {
    --tw-bg-opacity: 1 !important
}

.bg-highlight {
    background-color: rgb(255 254 226/var(--tw-bg-opacity)) !important
}

.bg-info {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(88 186 215/var(--tw-bg-opacity)) !important
}

.bg-info-light {
    background-color: var(--info-light) !important
}

.bg-instagram {
    background-color: var(--instagram) !important
}

.bg-linkedin {
    background-color: var(--linkedin) !important
}

.bg-pinterest {
    background-color: var(--pinterest) !important
}

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

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

.bg-primary-light {
    background-color: var(--rgba-primary-1) !important
}

.bg-primary-light-8 {
    background-color: var(--rgba-primary-8) !important
}

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

.bg-purple {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(187 107 217/var(--tw-bg-opacity)) !important
}

.bg-purple-light {
    background-color: #bb6bd91a !important
}

.bg-quora {
    background-color: var(--quora) !important
}

.bg-red {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 0 0/var(--tw-bg-opacity)) !important
}

.bg-reddit {
    background-color: var(--reddit) !important
}

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

.bg-skype {
    background-color: var(--skype) !important
}

.bg-snapchat {
    background-color: var(--snapchat) !important
}

.bg-spotify {
    background-color: var(--spotify) !important
}

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

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

.bg-transparent {
    background-color: #0000 !important
}

.bg-tumblr {
    background-color: var(--tumblr) !important
}

.bg-twitter {
    background-color: var(--twitter) !important
}

.bg-vimeo {
    background-color: var(--vimeo) !important
}

.bg-warning {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 159 0/var(--tw-bg-opacity)) !important
}

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

.bg-whatsapp {
    background-color: var(--whatsapp) !important
}

.bg-white {
    background-color: var(--white) !important
}

.bg-yahoo {
    background-color: var(--yahoo) !important
}

.bg-youtube {
    background-color: var(--youtube) !important
}

.bg-none {
    background-image: none !important
}

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

.bg-center {
    background-position: 50% !important
}

.bg-no-repeat {
    background-repeat: no-repeat !important
}

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

.p-0 {
    padding: 0 !important
}

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

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

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

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

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

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

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

.p-\[0\.1175rem\] {
    padding: .1175rem !important
}

.p-\[0\.4375rem\] {
    padding: .4375rem !important
}

.p-\[0\.8375rem\] {
    padding: .8375rem !important
}

.p-\[0\.9375rem\] {
    padding: .9375rem !important
}

.p-\[0\.938rem\] {
    padding: .938rem !important
}

.p-\[1\.125rem\] {
    padding: 1.125rem !important
}

.p-\[1\.875rem\] {
    padding: 1.875rem !important
}

.p-\[10px\] {
    padding: 10px !important
}

.p-\[14px\] {
    padding: 14px !important
}

.p-\[15px\] {
    padding: 15px !important
}

.p-\[2\.125rem\] {
    padding: 2.125rem !important
}

.p-\[25px\] {
    padding: 25px !important
}

.p-\[30px\] {
    padding: 30px !important
}

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

.px-0\.5 {
    padding-left: .125rem !important;
    padding-right: .125rem !important
}

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

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

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

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

.px-2\.5 {
    padding-left: .625rem !important;
    padding-right: .625rem !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-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.px-\[0\.2375rem\] {
    padding-left: .2375rem !important;
    padding-right: .2375rem !important
}

.px-\[0\.275rem\] {
    padding-left: .275rem !important;
    padding-right: .275rem !important
}

.px-\[0\.3125rem\] {
    padding-left: .3125rem !important;
    padding-right: .3125rem !important
}

.px-\[0\.3925rem\] {
    padding-left: .3925rem !important;
    padding-right: .3925rem !important
}

.px-\[0\.5375rem\] {
    padding-left: .5375rem !important;
    padding-right: .5375rem !important
}

.px-\[0\.575rem\] {
    padding-left: .575rem !important;
    padding-right: .575rem !important
}

.px-\[0\.6rem\] {
    padding-left: .6rem !important;
    padding-right: .6rem !important
}

.px-\[0\.7rem\] {
    padding-left: .7rem !important;
    padding-right: .7rem !important
}

.px-\[0\.8125rem\] {
    padding-left: .8125rem !important;
    padding-right: .8125rem !important
}

.px-\[0\.919rem\] {
    padding-left: .919rem !important;
    padding-right: .919rem !important
}

.px-\[0\.9375rem\] {
    padding-left: .9375rem !important;
    padding-right: .9375rem !important
}

.px-\[0\.938rem\] {
    padding-left: .938rem !important;
    padding-right: .938rem !important
}

.px-\[0\.95rem\] {
    padding-left: .95rem !important;
    padding-right: .95rem !important
}

.px-\[1\.0625rem\] {
    padding-left: 1.0625rem !important;
    padding-right: 1.0625rem !important
}

.px-\[1\.125rem\] {
    padding-left: 1.125rem !important;
    padding-right: 1.125rem !important
}

.px-\[1\.1rem\] {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important
}

.px-\[1\.25rem\] {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
}

.px-\[1\.2rem\] {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important
}

.px-\[1\.55rem\] {
    padding-left: 1.55rem !important;
    padding-right: 1.55rem !important
}

.px-\[1\.563rem\] {
    padding-left: 1.563rem !important;
    padding-right: 1.563rem !important
}

.px-\[1\.5rem\] {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.px-\[1\.625rem\] {
    padding-left: 1.625rem !important;
    padding-right: 1.625rem !important
}

.px-\[1\.725rem\] {
    padding-left: 1.725rem !important;
    padding-right: 1.725rem !important
}

.px-\[1\.875rem\] {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important
}

.px-\[10px\] {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.px-\[12\.5px\] {
    padding-left: 12.5px !important;
    padding-right: 12.5px !important
}

.px-\[15px\] {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.px-\[25px\] {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.px-\[30px\] {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.px-\[5px\] {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.px-\[7px\] {
    padding-left: 7px !important;
    padding-right: 7px !important
}

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

.py-0\.5 {
    padding-top: .125rem !important;
    padding-bottom: .125rem !important
}

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

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

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

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

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

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

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

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

.py-\[0\.075rem\] {
    padding-top: .075rem !important;
    padding-bottom: .075rem !important
}

.py-\[0\.15rem\] {
    padding-top: .15rem !important;
    padding-bottom: .15rem !important
}

.py-\[0\.1875rem\] {
    padding-top: .1875rem !important;
    padding-bottom: .1875rem !important
}

.py-\[0\.1rem\] {
    padding-top: .1rem !important;
    padding-bottom: .1rem !important
}

.py-\[0\.3125rem\] {
    padding-top: .3125rem !important;
    padding-bottom: .3125rem !important
}

.py-\[0\.4375rem\] {
    padding-top: .4375rem !important;
    padding-bottom: .4375rem !important
}

.py-\[0\.438rem\] {
    padding-top: .438rem !important;
    padding-bottom: .438rem !important
}

.py-\[0\.4rem\] {
    padding-top: .4rem !important;
    padding-bottom: .4rem !important
}

.py-\[0\.638rem\] {
    padding-top: .638rem !important;
    padding-bottom: .638rem !important
}

.py-\[0\.6rem\] {
    padding-top: .6rem !important;
    padding-bottom: .6rem !important
}

.py-\[0\.719rem\] {
    padding-top: .719rem !important;
    padding-bottom: .719rem !important
}

.py-\[0\.7rem\] {
    padding-top: .7rem !important;
    padding-bottom: .7rem !important
}

.py-\[0\.8rem\] {
    padding-top: .8rem !important;
    padding-bottom: .8rem !important
}

.py-\[0\.9375rem\] {
    padding-top: .9375rem !important;
    padding-bottom: .9375rem !important
}

.py-\[0\.938rem\] {
    padding-top: .938rem !important;
    padding-bottom: .938rem !important
}

.py-\[1\.125rem\] {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important
}

.py-\[10px\] {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.py-\[14px\] {
    padding-top: 14px !important;
    padding-bottom: 14px !important
}

.py-\[15px\] {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.py-\[18px\] {
    padding-top: 18px !important;
    padding-bottom: 18px !important
}

.py-\[1px\] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.py-\[3px\] {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

.py-\[5px\] {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.py-\[7px\] {
    padding-top: 7px !important;
    padding-bottom: 7px !important
}

.py-\[9px\] {
    padding-top: 9px !important;
    padding-bottom: 9px !important
}

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

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

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

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

.pb-2\.5 {
    padding-bottom: .625rem !important
}

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

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

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

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

.pb-\[0\.175rem\] {
    padding-bottom: .175rem !important
}

.pb-\[0\.2rem\] {
    padding-bottom: .2rem !important
}

.pb-\[14px\] {
    padding-bottom: 14px !important
}

.pb-\[6px\] {
    padding-bottom: 6px !important
}

.pb-\[75px\] {
    padding-bottom: 75px !important
}

.pb-\[7px\] {
    padding-bottom: 7px !important
}

.pb-\[9px\] {
    padding-bottom: 9px !important
}

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

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

.pl-10 {
    padding-left: 2.5rem !important
}

.pl-12 {
    padding-left: 3rem !important
}

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

.pl-2\.5 {
    padding-left: .625rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

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

.pl-5 {
    padding-left: 1.25rem !important
}

.pl-6 {
    padding-left: 1.5rem !important
}

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

.pl-\[0\.625rem\] {
    padding-left: .625rem !important
}

.pl-\[1\.5em\] {
    padding-left: 1.5em !important
}

.pl-\[14px\] {
    padding-left: 14px !important
}

.pl-\[18px\] {
    padding-left: 18px !important
}

.pl-\[25px\] {
    padding-left: 25px !important
}

.pl-\[4\.063rem\] {
    padding-left: 4.063rem !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-3 {
    padding-right: .75rem !important
}

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

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

.pr-\[1\.125rem\] {
    padding-right: 1.125rem !important
}

.pr-\[1\.25rem\] {
    padding-right: 1.25rem !important
}

.pr-\[18px\] {
    padding-right: 18px !important
}

.pr-\[5px\] {
    padding-right: 5px !important
}

.pr-\[7px\] {
    padding-right: 7px !important
}

.ps-0 {
    padding-inline-start: 0 !important
}

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

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

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

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

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

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

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

.pt-\[0\.3125rem\] {
    padding-top: .3125rem !important
}

.pt-\[0\.3rem\] {
    padding-top: .3rem !important
}

.pt-\[0\.9375rem\] {
    padding-top: .9375rem !important
}

.pt-\[10px\] {
    padding-top: 10px !important
}

.pt-\[11px\] {
    padding-top: 11px !important
}

.pt-\[14px\] {
    padding-top: 14px !important
}

.pt-\[18px\] {
    padding-top: 18px !important
}

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

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

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

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

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

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

.indent-1 {
    text-indent: .25rem !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.font-\[\'Font_Awesome_6_Free\'\] {
    font-family: Font Awesome\ 6 Free !important
}

.font-\[\'themify\'\] {
    font-family: themify !important
}

.text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

.text-\[0\.5rem\] {
    font-size: .5rem !important
}

.text-\[0\.625rem\] {
    font-size: .625rem !important
}

.text-\[0\.6875rem\] {
    font-size: .6875rem !important
}

.text-\[0\.76562rem\] {
    font-size: .76562rem !important
}

.text-\[0\.76563rem\] {
    font-size: .76563rem !important
}

.text-\[0\.8125rem\] {
    font-size: .8125rem !important
}

.text-\[0\.813rem\] {
    font-size: .813rem !important
}

.text-\[0\.875em\] {
    font-size: .875em !important
}

.text-\[0\.9375rem\] {
    font-size: .9375rem !important
}

.text-\[0\.938rem\] {
    font-size: .938rem !important
}

.text-\[1\.09375rem\] {
    font-size: 1.09375rem !important
}

.text-\[1\.125rem\] {
    font-size: 1.125rem !important
}

.text-\[1\.2rem\] {
    font-size: 1.2rem !important
}

.text-\[1\.8rem\] {
    font-size: 1.8rem !important
}

.text-\[10px\] {
    font-size: 10px !important
}

.text-\[11px\] {
    font-size: 11px !important
}

.text-\[13px\] {
    font-size: 13px !important
}

.text-\[15px\] {
    font-size: 15px !important
}

.text-\[2\.1875rem\] {
    font-size: 2.1875rem !important
}

.text-\[2\.25rem\] {
    font-size: 2.25rem !important
}

.text-\[2\.625rem\] {
    font-size: 2.625rem !important
}

.text-\[23px\] {
    font-size: 23px !important
}

.text-\[28px\] {
    font-size: 28px !important
}

.text-\[2rem\] {
    font-size: 2rem !important
}

.text-\[38px\] {
    font-size: 38px !important
}

.text-\[80px\] {
    font-size: 80px !important
}

.text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
}

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

.text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
}

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

.font-black {
    font-weight: 900 !important
}

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

.font-light {
    font-weight: 300 !important
}

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

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

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

.uppercase {
    text-transform: uppercase !important
}

.lowercase {
    text-transform: lowercase !important
}

.capitalize {
    text-transform: capitalize !important
}

.italic {
    font-style: italic !important
}

.not-italic {
    font-style: normal !important
}

.ordinal {
    --tw-ordinal: ordinal !important;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important
}

.leading-10 {
    line-height: 2.5rem !important
}

.leading-4 {
    line-height: 1rem !important
}

.leading-5 {
    line-height: 1.25rem !important
}

.leading-6 {
    line-height: 1.5rem !important
}

.leading-8 {
    line-height: 2rem !important
}

.leading-\[0\.25rem\] {
    line-height: .25rem !important
}

.leading-\[0\.6875rem\] {
    line-height: .6875rem !important
}

.leading-\[0\.75rem\] {
    line-height: .75rem !important
}

.leading-\[1\.125rem\] {
    line-height: 1.125rem !important
}

.leading-\[1\.1\] {
    line-height: 1.1 !important
}

.leading-\[1\.1rem\] {
    line-height: 1.1rem !important
}

.leading-\[1\.213rem\] {
    line-height: 1.213rem !important
}

.leading-\[1\.2\] {
    line-height: 1.2 !important
}

.leading-\[1\.346\] {
    line-height: 1.346 !important
}

.leading-\[1\.3\] {
    line-height: 1.3 !important
}

.leading-\[1\.4\] {
    line-height: 1.4 !important
}

.leading-\[1\.4rem\] {
    line-height: 1.4rem !important
}

.leading-\[1\.5\] {
    line-height: 1.5 !important
}

.leading-\[1\.5rem\] {
    line-height: 1.5rem !important
}

.leading-\[1\.625rem\] {
    line-height: 1.625rem !important
}

.leading-\[1\.6\] {
    line-height: 1.6 !important
}

.leading-\[1\.7\] {
    line-height: 1.7 !important
}

.leading-\[1\.813rem\] {
    line-height: 1.813rem !important
}

.leading-\[1\.875rem\] {
    line-height: 1.875rem !important
}

.leading-\[1\.8\] {
    line-height: 1.8 !important
}

.leading-\[1\.9\] {
    line-height: 1.9 !important
}

.leading-\[18px\] {
    line-height: 18px !important
}

.leading-\[1\] {
    line-height: 1 !important
}

.leading-\[2\.075\] {
    line-height: 2.075 !important
}

.leading-\[2\.1875rem\] {
    line-height: 2.1875rem !important
}

.leading-\[2\.188rem\] {
    line-height: 2.188rem !important
}

.leading-\[2\.1\] {
    line-height: 2.1 !important
}

.leading-\[2\.2\] {
    line-height: 2.2 !important
}

.leading-\[2\.5rem\] {
    line-height: 2.5rem !important
}

.leading-\[2\.625rem\] {
    line-height: 2.625rem !important
}

.leading-\[20px\] {
    line-height: 20px !important
}

.leading-\[2rem\] {
    line-height: 2rem !important
}

.leading-\[3\.4375rem\] {
    line-height: 3.4375rem !important
}

.leading-\[3\.438rem\] {
    line-height: 3.438rem !important
}

.leading-\[30px\] {
    line-height: 30px !important
}

.leading-\[34px\] {
    line-height: 34px !important
}

.leading-\[35px\] {
    line-height: 35px !important
}

.leading-\[4\.375rem\] {
    line-height: 4.375rem !important
}

.leading-\[80px\] {
    line-height: 80px !important
}

.leading-\[9px\] {
    line-height: 9px !important
}

.leading-normal {
    line-height: 1.5 !important
}

.tracking-\[0\.0625rem\] {
    letter-spacing: .0625rem !important
}

.text-\[\#053d66\] {
    --tw-text-opacity: 1 !important;
    color: rgb(5 61 102/var(--tw-text-opacity)) !important
}

.text-\[\#1c1c4e\] {
    --tw-text-opacity: 1 !important;
    color: rgb(28 28 78/var(--tw-text-opacity)) !important
}

.text-\[\#333\] {
    --tw-text-opacity: 1 !important;
    color: rgb(51 51 51/var(--tw-text-opacity)) !important
}

.text-\[\#353535\] {
    --tw-text-opacity: 1 !important;
    color: rgb(53 53 53/var(--tw-text-opacity)) !important
}

.text-\[\#374557\] {
    --tw-text-opacity: 1 !important;
    color: rgb(55 69 87/var(--tw-text-opacity)) !important
}

.text-\[\#3AC977\] {
    --tw-text-opacity: 1 !important;
    color: rgb(58 201 119/var(--tw-text-opacity)) !important
}

.text-\[\#464a53\] {
    --tw-text-opacity: 1 !important;
    color: rgb(70 74 83/var(--tw-text-opacity)) !important
}

.text-\[\#504f4f\] {
    --tw-text-opacity: 1 !important;
    color: rgb(80 79 79/var(--tw-text-opacity)) !important
}

.text-\[\#58bad7\] {
    --tw-text-opacity: 1 !important;
    color: rgb(88 186 215/var(--tw-text-opacity)) !important
}

.text-\[\#666666\] {
    --tw-text-opacity: 1 !important;
    color: rgb(102 102 102/var(--tw-text-opacity)) !important
}

.text-\[\#6a707e\] {
    --tw-text-opacity: 1 !important;
    color: rgb(106 112 126/var(--tw-text-opacity)) !important
}

.text-\[\#7a7676\] {
    --tw-text-opacity: 1 !important;
    color: rgb(122 118 118/var(--tw-text-opacity)) !important
}

.text-\[\#828690\] {
    --tw-text-opacity: 1 !important;
    color: rgb(130 134 144/var(--tw-text-opacity)) !important
}

.text-\[\#918f8f\] {
    --tw-text-opacity: 1 !important;
    color: rgb(145 143 143/var(--tw-text-opacity)) !important
}

.text-\[\#E1E1E1\] {
    --tw-text-opacity: 1 !important;
    color: rgb(225 225 225/var(--tw-text-opacity)) !important
}

.text-\[\#a5a5a5\] {
    --tw-text-opacity: 1 !important;
    color: rgb(165 165 165/var(--tw-text-opacity)) !important
}

.text-\[\#c2c2c2\] {
    --tw-text-opacity: 1 !important;
    color: rgb(194 194 194/var(--tw-text-opacity)) !important
}

.text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.text-body-color {
    color: var(--bs-body-color) !important
}

.text-bs-dropdown-color {
    color: var(--bs-dropdown-color) !important
}

.text-d-light-2 {
    --tw-text-opacity: 1 !important;
    color: rgb(223 223 223/var(--tw-text-opacity)) !important
}

.text-danger {
    color: var(--danger) !important
}

.text-dark {
    color: rgb(110 110 110/var(--tw-text-opacity)) !important
}

.text-dark, .text-gold {
    --tw-text-opacity: 1 !important
}

.text-gold {
    color: rgb(255 215 0/var(--tw-text-opacity)) !important
}

.text-info {
    --tw-text-opacity: 1 !important;
    color: rgb(88 186 215/var(--tw-text-opacity)) !important
}

.text-invalid {
    color: var(--bs-form-invalid-color) !important
}

.text-muted {
    color: #888888bf !important
}

.text-orange {
    --tw-text-opacity: 1 !important;
    color: rgb(255 153 0/var(--tw-text-opacity)) !important
}

.text-ph-color {
    color: var(--placeholder-color) !important
}

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

.text-purple {
    color: rgb(187 107 217/var(--tw-text-opacity)) !important
}

.text-purple, .text-red {
    --tw-text-opacity: 1 !important
}

.text-red {
    color: rgb(255 0 0/var(--tw-text-opacity)) !important
}

.text-secondary {
    color: var(--secondary) !important
}

.text-success {
    color: var(--success) !important
}

.text-warning {
    --tw-text-opacity: 1 !important;
    color: rgb(255 159 0/var(--tw-text-opacity)) !important
}

.text-white {
    color: var(--white) !important
}

.underline {
    text-decoration-line: underline !important
}

.line-through {
    text-decoration-line: line-through !important
}

.placeholder-ph-color::-moz-placeholder {
    color: var(--placeholder-color) !important
}

.placeholder-ph-color::placeholder {
    color: var(--placeholder-color) !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-100 {
    opacity: 1 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-60 {
    opacity: .6 !important
}

.opacity-70 {
    opacity: .7 !important
}

.opacity-80 {
    opacity: .8 !important
}

.bg-blend-luminosity {
    background-blend-mode: luminosity !important
}

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important
}

.shadow, .shadow-\[0_0_0\.9375rem_-0\.1875rem_rgba\(0\2c

0
\2c

0
\2c

0
\.3\)\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0_0_0\.9375rem_-0\.1875rem_rgba\(0\2c

0
\2c

0
\2c

0
\.3\)\] {
    --tw-shadow: 0 0 0.9375rem -0.1875rem #0000004d !important;
    --tw-shadow-colored: 0 0 0.9375rem -0.1875rem var(--tw-shadow-color) !important
}

.shadow-\[0_0_1\.875rem_0_rgba\(0\2c

0
\2c

0
\2c

0
\.1\)\] {
    --tw-shadow: 0 0 1.875rem 0 #0000001a !important;
    --tw-shadow-colored: 0 0 1.875rem 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0_0_3\.125rem_0_rgba\(82\2c

63
\2c

105
\2c

0
\.15\)\] {
    --tw-shadow: 0 0 3.125rem 0 #523f6926 !important;
    --tw-shadow-colored: 0 0 3.125rem 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0_0_6px_3px_rgba\(68\2c

102
\2c

242
\2c

0
\.1\)\] {
    --tw-shadow: 0 0 6px 3px #4466f21a !important;
    --tw-shadow-colored: 0 0 6px 3px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0px_0px_13px_0px_rgba\(82\2c

63
\2c

105
\2c

0
\.05\)\] {
    --tw-shadow: 0px 0px 13px 0px #523f690d !important;
    --tw-shadow-colored: 0px 0px 13px 0px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0rem_0rem_1\.875rem_0rem_rgba\(82\2c

63
\2c

105
\2c

0
\.15\)\] {
    --tw-shadow: 0rem 0rem 1.875rem 0rem #523f6926 !important;
    --tw-shadow-colored: 0rem 0rem 1.875rem 0rem var(--tw-shadow-color) !important
}

.shadow-\[0rem_0rem_1\.875rem_0rem_rgba\(82\2c

63
\2c

105
\2c

0
\.15\)\], .shadow-none {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important
}

.outline-none {
    outline: 2px solid #0000 !important;
    outline-offset: 2px !important
}

.outline {
    outline-style: solid !important
}

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

.blur {
    --tw-blur: blur(8px) !important
}

.blur, .drop-shadow {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f) !important
}

.grayscale {
    --tw-grayscale: grayscale(100%) !important
}

.grayscale, .invert {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.invert {
    --tw-invert: invert(100%) !important
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important
}

.duration-200 {
    transition-duration: .2s !important
}

.duration-300 {
    transition-duration: .3s !important
}

.duration-500 {
    transition-duration: .5s !important
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
}

:root {
    --primary: #f1f2f3;
    --secondary: #2c2c2c;
    --secondary-dark: #131313;
    --primary-hover: #007ed9;
    --primary-dark: #004373;
    --nav-headbg: #2c2c2c;
    --strong: #646c9a;
    --border: #e6e6e6;
    --shadow: 0rem 0rem 2.5rem 0rem #523f691a;
    --body-bg: #fff;
    --headerbg: #fff;
    --success: #3ac977;
    --success-light: #daf5e6;
    --warning-light: #ffeccc;
    --info-light: #d3edf5;
    --danger: #ff5e5e;
    --danger-light: #ffdede;
    --bs-border-radius: 0.375rem;
    --bs-body-font-size: 0.875rem;
    --badge-secondary: #c5c5c5;
    --border-color: #ccc;
    --bs-card-color: #cccccc8a;
    --placeholder-color: #cccccc8a;
    --bs-body-color: #888;
    --sidebar-bg: #fff;
    --bs-body-bg: #fff;
    --bs-border-color: #d7b0b0;
    --bs-border-width: 1px;
    --bs-form-invalid-color: #ff5e5e;
    --bs-link-hover-color: #0a7acc;
    --placeholder-color: #fff;
    --bs-modal-width: 500px;
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --white: #fff;
    --black: #000;
    --charade: #23252f;
    --d-ctd: #ddd;
    --d-ctl: #828690;
    --d-border: #444;
    --d-bg: #1e1e1e;
    --dark-card: #242424;
    --dark_bg_lighter: #1e2a4a;
    --bs-dropdown-color: #888;
    --rgba-primary-1: #0d99ff1a;
    --primary-lighter: #e6f5ff;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #0d99ff80;
    --rgba-primary-8: #0d99ffcc;
    --rgba-primary-3: #a6d9ff;
    --rgba-secondary-1: #2c2c2c1a;
    --l-ctd: #464a53;
    --l-ctl: #828690;
    --l-border: #eaeaea;
    --l-bg: #f2f4fa;
    --heading: #333;
    --dusty-gray: #999;
    --gallery: #eee;
    --gray: #898989;
    --input-border-color: --border;
    --facebook: #3b5998;
    --twitter: #1da1f2;
    --youtube: red;
    --google-plus: #db4439;
    --linkedin: #007bb6;
    --instagram: #c32aa3;
    --pinterest: #bd081c;
    --google: #4285f4;
    --snapchat: #fffc00;
    --whatsapp: #25d366;
    --tumblr: #35465d;
    --reddit: #ff4500;
    --spotify: #1ed760;
    --yahoo: #430297;
    --dribbble: #ea4c89;
    --skype: #00aff0;
    --quora: #a20;
    --riverBed: #4c585c;
    --vimeo: #1ab7ea;
    --iron: #dddfe1;
    --grey: #d2d6de;
    --pale-sky: #6a707e;
    --athensGray: #f0f0f2;
    --sky: #2290ff;
    --color_pallate_1: --white;
    --color_pallate_2: #18a594;
    --color_pallate_3: --primary;
    --color_pallate_4: --secondary;
    --color_pallate_5: #3250ff;
    --color_pallate_6: #3f8cff;
    --color_pallate_7: #40a7e2;
    --color_pallate_8: #b65fbd;
    --color_pallate_9: #88a67e;
    --color_pallate_10: #1c2e9e;
    --color_pallate_11: #c6164f;
    --color_pallate_12: #343a40;
    --color_pallate_13: #2a2a2a;
    --color_pallate_14: #4885ed;
    --color_pallate_15: #4cb32b;
    --radius: 0.375rem;
    --radius-lg: 0.625rem;
    --radius-sm: 0.625rem;
    --radius-xs: 0.25rem;
    --loader--width: 15.625rem;
    --loader-dot--size: 1.25rem;
    --dz-sidebar-pos: absolute;
    --dz-sidebar-style: full;
    --dz-ffont-family: "poppins", sans-serif
}

[data-primary=color_1] {
    --primary: #0d99ff;
    --rgba-primary-1: #0d99ff1a;
    --primary-lighter: #e6f5ff;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #0d99ff80;
    --rgba-primary-8: #0d99ffcc;
    --primary-hover: #007ed9;
    --primary-dark: #004373
}

[data-primary=color_2] {
    --primary: #18a594;
    --rgba-primary-1: #18a5941a;
    --primary-lighter: #e7f6f4;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #18a59480;
    --rgba-primary-8: #18a594cc;
    --primary-hover: #12786c;
    --primary-dark: #051f1c
}

[data-primary=color_3] {
    --primary: #0d99ff;
    --rgba-primary-1: #0d99ff1a;
    --primary-lighter: #e6f5ff;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #0d99ff80;
    --rgba-primary-8: #0d99ffcc;
    --primary-hover: #007ed9;
    --primary-dark: #004373
}

[data-primary=color_4] {
    --primary: #2c2c2c;
    --rgba-primary-1: #2c2c2c1a;
    --primary-lighter: #e9e9e9;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #2c2c2c80;
    --rgba-primary-8: #2c2c2ccc;
    --primary-hover: #131313;
    --primary-dark: #000
}

[data-primary=color_5] {
    --primary: #3250ff;
    --rgba-primary-1: #3250ff1a;
    --primary-lighter: #eaedff;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #3250ff80;
    --rgba-primary-8: #3250ffcc;
    --primary-hover: #0025fe;
    --primary-dark: #001698
}

[data-primary=color_6] {
    --primary: #3f8cff;
    --rgba-primary-1: #3f8cff1a;
    --primary-lighter: #ebf3ff;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #3f8cff80;
    --rgba-primary-8: #3f8cffcc;
    --primary-hover: #0c6dff;
    --primary-dark: #0042a5
}

[data-primary=color_7] {
    --primary: #40a7e2;
    --rgba-primary-1: #40a7e21a;
    --primary-lighter: #ecf6fc;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #40a7e280;
    --rgba-primary-8: #0d99ffcc;
    --primary-hover: #208fcf;
    --primary-dark: #125277
}

[data-primary=color_8] {
    --primary: #b65fbd;
    --rgba-primary-1: #b65fbd1a;
    --primary-lighter: #f8eff8;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #b65fbd80;
    --rgba-primary-8: #b65fbdcc;
    --primary-hover: #9e44a5;
    --primary-dark: #59265d
}

[data-primary=color_9] {
    --primary: #88a67e;
    --rgba-primary-1: #88a67e1a;
    --primary-lighter: #f3f6f2;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #88a67e80;
    --rgba-primary-8: #88a67ecc;
    --primary-hover: #6d8f62;
    --primary-dark: #3f5239
}

[data-primary=color_10] {
    --primary: #1c2e9e;
    --rgba-primary-1: #1c2e9e1a;
    --primary-lighter: #e8eaf5;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #1c2e9e80;
    --rgba-primary-8: #1c2e9ecc;
    --primary-hover: #142173;
    --primary-dark: #05081c
}

[data-primary=color_11] {
    --primary: #c6164f;
    --rgba-primary-1: #c6164f1a;
    --primary-lighter: #f9e7ed;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #c6164f80;
    --rgba-primary-8: #c6164fcc;
    --primary-hover: #98113d;
    --primary-dark: #3c0718
}

[data-primary=color_12] {
    --primary: #343a40;
    --rgba-primary-1: #343a401a;
    --primary-lighter: #eaebec;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #343a4080;
    --rgba-primary-8: #343a40cc;
    --primary-hover: #1d2124;
    --primary-dark: #000
}

[data-primary=color_13] {
    --primary: #f58706;
    --rgba-primary-1: #f587061a;
    --primary-lighter: #fef3e6;
    --rgba-primary-2: #0d99ff33;
    --rgba-primary-5: #f5870680;
    --rgba-primary-8: #f58706cc;
    --primary-hover: #c36c05;
    --primary-dark: #603502
}

[data-nav-headerbg=color_1] {
    --nav-headbg: #fff
}

[data-nav-headerbg=color_2], [data-nav-headerbg=color_2][data-theme-version=dark] {
    --nav-headbg: #18a594
}

[data-nav-headerbg=color_3], [data-nav-headerbg=color_3][data-theme-version=dark] {
    --nav-headbg: #0d99ff
}

[data-nav-headerbg=color_4], [data-nav-headerbg=color_4][data-theme-version=dark] {
    --nav-headbg: #2c2c2c
}

[data-nav-headerbg=color_5], [data-nav-headerbg=color_5][data-theme-version=dark] {
    --nav-headbg: #3250ff
}

[data-nav-headerbg=color_6], [data-nav-headerbg=color_6][data-theme-version=dark] {
    --nav-headbg: #3f8cff
}

[data-nav-headerbg=color_7], [data-nav-headerbg=color_7][data-theme-version=dark] {
    --nav-headbg: #40a7e2
}

[data-nav-headerbg=color_8], [data-nav-headerbg=color_8][data-theme-version=dark] {
    --nav-headbg: #b65fbd
}

[data-nav-headerbg=color_9], [data-nav-headerbg=color_9][data-theme-version=dark] {
    --nav-headbg: #88a67e
}

[data-nav-headerbg=color_10], [data-nav-headerbg=color_10][data-theme-version=dark] {
    --nav-headbg: #1c2e9e
}

[data-nav-headerbg=color_11], [data-nav-headerbg=color_11][data-theme-version=dark] {
    --nav-headbg: #c6164f
}

[data-nav-headerbg=color_12], [data-nav-headerbg=color_12][data-theme-version=dark] {
    --nav-headbg: #343a40
}

[data-nav-headerbg=color_13], [data-nav-headerbg=color_13][data-theme-version=dark] {
    --nav-headbg: #f58706
}

[data-nav-headerbg=color_12] .nav-header .brand-logo .logo-abbr path.w3, [data-nav-headerbg=color_1] .nav-header .brand-logo .logo-abbr path.react-w, [data-nav-headerbg=color_1] .nav-header .brand-logo .logo-abbr path.w3, [data-nav-headerbg=color_4] .nav-header .brand-logo .logo-abbr path.w3 {
    fill: var(--primary)
}

[data-nav-headerbg=color_1] .nav-header .brand-logo .brand-title path {
    fill: #000
}

[data-headerbg=color_1], [data-headerbg=color_1][data-theme-version=dark] {
    --headerbg: #fff;
    --placeholder-color: #2c2c2c
}

[data-headerbg=color_1] .header .navbar-nav .nav-link svg circle, [data-headerbg=color_1] .header .navbar-nav .nav-link svg path {
    stroke: #2c2c2c
}

[data-headerbg=color_1] .header .navbar-nav .header-info2 .header-info h6, [data-headerbg=color_1] .header .navbar-nav .header-info2 .header-info p {
    color: #2c2c2c !important
}

[data-headerbg=color_1] .header .header-left .search-area {
    background-color: var(--rgba-primary-1)
}

[data-headerbg=color_1] .header .header-left .search-area svg circle, [data-headerbg=color_1] .header .header-left .search-area svg path {
    stroke: var(--primary)
}

[data-headerbg=color_1] .nav-header .nav-control {
    background-color: var(--primary)
}

[data-headerbg=color_2], [data-headerbg=color_2][data-theme-version=dark] {
    --headerbg: #18a594
}

[data-headerbg=color_3], [data-headerbg=color_3][data-theme-version=dark] {
    --headerbg: #0d99ff
}

[data-headerbg=color_4], [data-headerbg=color_4][data-theme-version=dark] {
    --headerbg: #2c2c2c
}

[data-headerbg=color_5], [data-headerbg=color_5][data-theme-version=dark] {
    --headerbg: #3250ff
}

[data-headerbg=color_6], [data-headerbg=color_6][data-theme-version=dark] {
    --headerbg: #3f8cff
}

[data-headerbg=color_7], [data-headerbg=color_7][data-theme-version=dark] {
    --headerbg: #40a7e2
}

[data-headerbg=color_8], [data-headerbg=color_8][data-theme-version=dark] {
    --headerbg: #b65fbd
}

[data-headerbg=color_9], [data-headerbg=color_9][data-theme-version=dark] {
    --headerbg: #88a67e
}

[data-headerbg=color_10], [data-headerbg=color_10][data-theme-version=dark] {
    --headerbg: #1c2e9e
}

[data-headerbg=color_11], [data-headerbg=color_11][data-theme-version=dark] {
    --headerbg: #c6164f
}

[data-headerbg=color_12], [data-headerbg=color_12][data-theme-version=dark] {
    --headerbg: #343a40
}

[data-headerbg=color_13], [data-headerbg=color_13][data-theme-version=dark] {
    --headerbg: #f58706
}

[data-sidebarbg=color_1] .deznav .metismenu .has-arrow:after {
    border-color: #c8c8c8 #0000 #0000 #c8c8c8
}

[data-sidebarbg=color_1] .deznav .metismenu > li.mm-active > a:after {
    border-left: 1px solid #888;
    border-top: 1px solid #888
}

[data-sidebarbg=color_1][data-sidebar-style=modern][data-layout=horizontal] .deznav .metismenu > li {
    border-right: 1px solid var(--border-color)
}

[data-sidebarbg=color_1][data-theme-version=dark] .deznav .metismenu a {
    color: #b3b3b3 !important
}

[data-sidebarbg=color_2], [data-sidebarbg=color_2][data-theme-version=dark] {
    --sidebar-bg: #18a594
}

[data-sidebarbg=color_3], [data-sidebarbg=color_3][data-theme-version=dark] {
    --sidebar-bg: #0d99ff
}

[data-sidebarbg=color_4], [data-sidebarbg=color_4][data-theme-version=dark] {
    --sidebar-bg: #2c2c2c
}

[data-sidebarbg=color_5], [data-sidebarbg=color_5][data-theme-version=dark] {
    --sidebar-bg: #3250ff
}

[data-sidebarbg=color_6], [data-sidebarbg=color_6][data-theme-version=dark] {
    --sidebar-bg: #3f8cff
}

[data-sidebarbg=color_7], [data-sidebarbg=color_7][data-theme-version=dark] {
    --sidebar-bg: #40a7e2
}

[data-sidebarbg=color_8], [data-sidebarbg=color_8][data-theme-version=dark] {
    --sidebar-bg: #b65fbd
}

[data-sidebarbg=color_9], [data-sidebarbg=color_9][data-theme-version=dark] {
    --sidebar-bg: #88a67e
}

[data-sidebarbg=color_10], [data-sidebarbg=color_10][data-theme-version=dark] {
    --sidebar-bg: #1c2e9e
}

[data-sidebarbg=color_11], [data-sidebarbg=color_11][data-theme-version=dark] {
    --sidebar-bg: #c6164f
}

[data-sidebarbg=color_12], [data-sidebarbg=color_12][data-theme-version=dark] {
    --sidebar-bg: #343a40
}

[data-sidebarbg=color_13], [data-sidebarbg=color_13][data-theme-version=dark] {
    --sidebar-bg: #f58706
}

[data-sidebarbg=color_1] .deznav .metismenu a, [data-sidebarbg=color_1] .deznav .metismenu ul a, [data-sidebarbg=color_1][data-theme-version=dark] .deznav .metismenu a, [data-sidebarbg=color_1][data-theme-version=dark] .deznav .metismenu ul a {
    color: #2c2c2d
}

[data-sidebarbg=color_1] .deznav .metismenu li a:hover, [data-sidebarbg=color_1] .deznav .metismenu ul a.mm-active, [data-sidebarbg=color_1] .deznav .metismenu ul a:focus, [data-sidebarbg=color_1] .deznav .metismenu ul a:hover, [data-sidebarbg=color_1] .deznav .metismenu > li.mm-active .sub-menu > .mm-active > a, [data-sidebarbg=color_1] .deznav .metismenu > li.mm-active > a, [data-sidebarbg=color_1] .menu-title, [data-sidebarbg=color_4] .deznav .metismenu li a:hover, [data-sidebarbg=color_4] .deznav .metismenu ul a.mm-active, [data-sidebarbg=color_4] .deznav .metismenu ul a:focus, [data-sidebarbg=color_4] .deznav .metismenu ul a:hover, [data-sidebarbg=color_4] .deznav .metismenu > li.mm-active > a, [data-sidebarbg=color_4] .menu-title {
    color: var(--primary)
}

[data-sidebarbg=color_1] .deznav .metismenu > li.mm-active > a, [data-sidebarbg=color_4] .deznav .metismenu > li.mm-active > a {
    background-color: var(--rgba-primary-1)
}

[data-sidebarbg=color_1] .deznav .metismenu > li.mm-active > a .menu-icon svg path, [data-sidebarbg=color_4] .deznav .metismenu > li.mm-active > a .menu-icon svg path {
    stroke: var(--primary)
}

[data-sidebarbg=color_1] .deznav .menu-icon svg ellipse, [data-sidebarbg=color_1] .deznav .menu-icon svg path, [data-sidebarbg=color_1][data-theme-version=dark] .deznav .menu-icon svg ellipse, [data-sidebarbg=color_1][data-theme-version=dark] .deznav .menu-icon svg path {
    stroke: #888
}

[data-sidebarbg=color_1][data-sidebar-style=modern] .deznav .metismenu > li.mm-active > a .nav-text, [data-sidebarbg=color_1][data-sidebar-style=modern] .deznav .metismenu > li:hover > a .nav-text {
    color: var(--primary)
}

[data-sidebarbg=color_10] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_10][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_11] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_11][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_12] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_12][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_13] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_13][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_2] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_2][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_3] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_3][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_4] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_4][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_5] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_5][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_6] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_6][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_7] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_7][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_8] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_8][data-theme-version=dark] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_9] .deznav .metismenu > li:hover > a, [data-sidebarbg=color_9][data-theme-version=dark] .deznav .metismenu > li:hover > a {
    background: #ffffff26 !important
}

[data-sidebarbg=color_10] .deznav .metismenu ul a:before, [data-sidebarbg=color_10][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_11] .deznav .metismenu ul a:before, [data-sidebarbg=color_11][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_12] .deznav .metismenu ul a:before, [data-sidebarbg=color_12][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_13] .deznav .metismenu ul a:before, [data-sidebarbg=color_13][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_2] .deznav .metismenu ul a:before, [data-sidebarbg=color_2][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_3] .deznav .metismenu ul a:before, [data-sidebarbg=color_3][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_4] .deznav .metismenu ul a:before, [data-sidebarbg=color_4][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_5] .deznav .metismenu ul a:before, [data-sidebarbg=color_5][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_6] .deznav .metismenu ul a:before, [data-sidebarbg=color_6][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_7] .deznav .metismenu ul a:before, [data-sidebarbg=color_7][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_8] .deznav .metismenu ul a:before, [data-sidebarbg=color_8][data-theme-version=dark] .deznav .metismenu ul a:before, [data-sidebarbg=color_9] .deznav .metismenu ul a:before, [data-sidebarbg=color_9][data-theme-version=dark] .deznav .metismenu ul a:before {
    background: #ffffff80 !important
}

img, svg {
    vertical-align: middle
}

svg {
    touch-action: none;
    display: inline-block
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
    font-weight: 500;
    color: var(--secondary)
}

.h1, h1 {
    font-size: calc(1.35rem + 1.2vw)
}

.h2, h2 {
    font-size: calc(1.3125rem + .75vw)
}

.h3, h3 {
    font-size: calc(1.275rem + .3vw)
}

.h4, .h5, h4, h5 {
    font-size: 1rem
}

.h6, h6 {
    font-size: .938rem
}

p {
    color: var(--bs-body-color);
    font-size: var(--bs-body-font-size);
    line-height: 1.8
}

label {
    margin-bottom: .5rem;
    display: inline-block;
    font-size: 13px;
    font-weight: 500
}

::-moz-placeholder {
    font-size: 14px;
    font-weight: 400
}

::placeholder {
    font-size: 14px;
    font-weight: 400
}

#main-wrapper {
    position: relative
}

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

.row.gx-0 {
    --bs-gutter-x: 0
}

.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)
}

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

@media (max-width: 35.9375rem) {
    p {
        font-size: 12px
    }

    .h3, h3 {
        font-size: 18px
    }

    .h4, h4 {
        font-size: 15px
    }

    .h5, h5 {
        font-size: 14px
    }

    .h6, h6 {
        font-size: 13px
    }

    ::-moz-placeholder {
        font-size: 12px
    }

    ::placeholder {
        font-size: 12px
    }

    p {
        line-height: 1.5
    }
}

.icon {
    display: inline-block;
    font: normal normal normal 1em/1 avasta;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

.inline-b {
    display: inline-block
}

.border-unset {
    border-color: unset
}

body {
    -ms-overflow-style: none;
    scrollbar-width: none;
    font-family: var(--dz-ffont-family);
    background-color: #f5f5f5
}

@media only screen and (max-width: 100rem) {
    :root {
        font-size: 14px
    }
}

#preloader .lds-ripple div {
    position: absolute;
    border: 4px solid var(--primary);
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, .2, .8, 1) infinite
}

#preloader .lds-ripple div:nth-child(2) {
    animation-delay: -.5s
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1
    }
    to {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0
    }
}

div, ol, span, table, textarea, ul {
    scrollbar-width: thin
}

body > * {
    scrollbar-color: #6f85931a #fff0
}

body::-webkit-scrollbar {
    display: none
}

.deznav-scroll::-webkit-scrollbar-track, .dz-scroll::-webkit-scrollbar-track, .event-scroll::-webkit-scrollbar-track, .fc-view-harness::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track {
    background-color: initial !important
}

.deznav-scroll::-webkit-scrollbar, .dz-scroll::-webkit-scrollbar, .event-scroll::-webkit-scrollbar, .fc-view-harness::-webkit-scrollbar, pre::-webkit-scrollbar, textarea::-webkit-scrollbar {
    width: 5px
}

.deznav-scroll::-webkit-scrollbar-thumb, .dz-scroll::-webkit-scrollbar-thumb, .event-scroll::-webkit-scrollbar-thumb, .fc-view-harness::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb {
    background-color: #cccccc47
}

.active-projects::-webkit-scrollbar-track, .table-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #0000004d;
    border-radius: 10px;
    background-color: #f5f5f5
}

.active-projects::-webkit-scrollbar, .table-scroll::-webkit-scrollbar {
    height: 7px;
    background-color: #f5f5f5
}

.active-projects::-webkit-scrollbar-thumb, .table-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #0000004d;
    background-color: var(--primary)
}

.active-map-main .active-map {
    height: 19rem !important
}

div, ol, span, table, ul {
    scrollbar-width: thin
}

.dztask-sroll::-webkit-scrollbar {
    display: none;
    -moz-display: none
}

/*!
* metismenu https://github.com/onokumus/metismenu#readme
* A jQuery menu plugin
* @version 3.0.3
* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
* @license: MIT
*/
.metismenu .arrow {
    float: right;
    line-height: 1.42857
}

[dir=rtl] .metismenu .arrow {
    float: left
}

.metismenu .glyphicon.arrow:before {
    content: "\e079"
}

.metismenu .mm-active > a > .glyphicon.arrow:before {
    content: "\e114"
}

.metismenu .fa.arrow:before {
    content: "\f104"
}

.metismenu .mm-active > a > .fa.arrow:before {
    content: "\f107"
}

.metismenu .ion.arrow:before {
    content: "\f3d2"
}

.metismenu .mm-active > a > .ion.arrow:before {
    content: "\f3d0"
}

.metismenu .plus-times {
    float: right
}

[dir=rtl] .metismenu .plus-times {
    float: left
}

.metismenu .fa.plus-times:before {
    content: "\f067"
}

.metismenu .mm-active > a > .fa.plus-times {
    transform: rotate(45deg)
}

.metismenu .plus-minus {
    float: right
}

[dir=rtl] .metismenu .plus-minus {
    float: left
}

.metismenu .fa.plus-minus:before {
    content: "\f067"
}

.metismenu .mm-active > a > .fa.plus-minus:before {
    content: "\f068"
}

.metismenu .mm-collapse:not(.mm-show) {
    display: none
}

.metismenu .mm-collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height, visibility
}

.metismenu .has-arrow {
    position: relative
}

.metismenu .has-arrow:after {
    position: absolute;
    content: "";
    width: .5em;
    height: .5em;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: initial;
    right: 1em;
    transform: rotate(-45deg) translateY(-50%);
    transform-origin: top;
    top: 50%;
    transition: all .3s ease-out
}

[dir=rtl] .metismenu .has-arrow:after {
    right: auto;
    left: 1em;
    transform: rotate(135deg) translateY(-50%)
}

.metismenu .has-arrow[aria-expanded=true]:after, .metismenu .mm-active > .has-arrow:after {
    transform: rotate(-135deg) translateY(-50%)
}

[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after, [dir=rtl] .metismenu .mm-active > .has-arrow:after {
    transform: rotate(225deg) translateY(-50%)
}

.deznav {
    width: 15rem;
    padding-bottom: 10px;
    height: calc(100% - 3.125rem);
    position: var(--dz-sidebar-pos);
    top: 3.125rem;
    padding-top: 1rem;
    z-index: 6;
    background-color: var(--sidebar-bg);
    border-right: 1px solid var(--border);
    transition: all .2s ease;
    box-shadow: 0 .9375rem 1.875rem 0 #00000005
}

[data-sidebar-position=fixed] {
    --dz-sidebar-pos: fixed
}

[data-sidebar-position=static] [data-sidebar-style=modern] .deznav {
    position: fixed
}

.deznav .metismenu li {
    position: relative
}

.deznav .metismenu li a {
    display: inline-block;
    position: relative;
    transition: all .5s
}

.deznav .metismenu li a:hover {
    color: #fff
}

.deznav .metismenu > li {
    display: flex;
    flex-direction: column
}

.deznav .metismenu .menu-title:not(:first-child) {
    margin-top: 10px
}

.deznav .metismenu > li > a {
    padding: .75rem 1.5rem;
    font-weight: 400;
    color: #fff;
    font-size: .813rem;
    display: inline-block
}

.deznav .metismenu > li > a .menu-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: auto;
    width: auto;
    text-align: center;
    line-height: 1;
    border-radius: .125rem
}

.deznav .metismenu > li > a .menu-icon svg {
    height: 100%;
    margin-right: .4125rem;
    margin-top: -.0875rem
}

.deznav .deznav-scroll {
    position: relative;
    height: 100%;
    overflow-y: scroll;
    scrollbar-width: none
}

.deznav .deznav-scroll .metismenu {
    display: flex;
    flex-direction: column
}

.menu-title {
    font-size: .75rem;
    font-weight: 400;
    padding: 8px 0 10px 20.6px;
    color: #fff
}

.deznav .metismenu ul {
    transition: all .2s ease-in-out;
    position: relative;
    z-index: 1;
    padding: .5rem 0
}

.deznav .metismenu ul a {
    font-size: .813rem;
    transition: all .5s;
    display: block;
    padding: .625rem 2.5rem;
    color: #ffffffd9
}

.deznav .metismenu ul a:hover {
    padding-left: 3.8rem
}

.deznav .metismenu > li.mm-active > a:after {
    top: 44%;
    border-left: 1px solid #fff;
    border-width: 1px 1px .3125rem;
    border-top: 1px solid #fff;
    transform: rotate(-135deg) translateY(-50%)
}

.deznav .metismenu .has-arrow:after {
    right: 15px;
    top: 44%;
    border-color: #fff #0000 #0000 #fff;
    border-style: solid;
    border-width: 1px;
    transform: rotate(-225deg) translateY(-50%)
}

.deznav .metismenu > li.mm-active .sub-menu > .mm-active > a {
    color: #fff
}

.deznav .metismenu > li.mm-active .sub-menu > .mm-active > a:after {
    transform: rotate(-135deg) translateY(-50%)
}

.deznav .metismenu > li.mm-active > a {
    color: #fff;
    background-color: #ffffff1a;
    font-weight: 400
}

.deznav .menu-icon svg ellipse, .deznav .menu-icon svg path, .deznav .metismenu > li.mm-active > a .menu-icon svg path {
    stroke: #fff
}

.extra-menu-area + .show-more-btn .show-less {
    display: none
}

.show-more-btn {
    font-size: .813rem !important;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    padding: .75rem 1.5rem;
    text-align: center
}

.extra-menu-area.mm-show + .show-more-btn .show-less {
    display: block
}

.extra-menu-area.mm-show + .show-more-btn .show-more {
    display: none
}

.chatbox .nav .nav-link.active {
    color: var(--primary) !important;
    opacity: 1 !important;
    border-color: var(--primary) !important
}

.deznav .metismenu ul a:before {
    position: absolute;
    content: none;
    height: .125rem;
    width: .5rem;
    top: 50%;
    left: 1.75rem;
    border-radius: 3.75rem;
    transform: translateY(-50%)
}

[data-sidebar-style=full] .deznav .metismenu ul a:before {
    content: "";
    height: .125rem;
    width: .375rem;
    background: var(--rgba-primary-5);
    position: absolute;
    left: 1.8rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s
}

[data-sidebar-style=full] .deznav .metismenu ul a:hover {
    padding-left: 3.8rem
}

[data-sidebar-style=full] .deznav .metismenu ul a:hover:before {
    width: 1.25rem
}

[data-sidebar-style=compact] .header {
    width: 100%;
    padding-left: 11.25rem
}

[data-sidebar-style=compact] .header .header-content {
    padding-left: 0
}

[data-sidebar-style=full][data-layout=vertical] .deznav .metismenu > li > a {
    font-size: .813rem;
    padding: .75rem 1.5rem;
    margin: 0
}

[data-sidebar-style=full][data-layout=vertical] .deznav .metismenu > li.mm-active > a i {
    color: var(--white);
    font-weight: 300
}

[data-sidebar-style=full][data-layout=vertical] .deznav .metismenu > li .has-arrow:after {
    right: 1.5rem
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .nav-header {
    width: 3.75rem;
    z-index: 999
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .nav-header .brand-logo {
    padding-left: 0;
    padding-right: 0;
    justify-content: center
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .nav-header .brand-logo .color-title {
    display: none
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .nav-header .nav-control {
    right: -3rem
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .nav-header .nav-control .hamburger .line {
    background-color: #fff
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .copyright, [data-sidebar-style=full][data-layout=vertical] .menu-toggle .help-desk, [data-sidebar-style=full][data-layout=vertical] .menu-toggle .plus-box {
    display: none
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .header {
    padding-left: 7.5rem;
    width: 100%
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .header .header-content {
    padding-left: 0
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav {
    width: 3.75rem;
    overflow: visible;
    position: absolute
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .nav-text {
    display: none
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .deznav-scroll, [data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .slimScrollDiv {
    overflow: visible !important
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .header-info2 {
    padding: 0
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .sidebar-info {
    display: none !important
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .header-profile2 {
    margin: 0 .5rem
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li {
    position: relative
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li a {
    background: #0000;
    margin: .125rem 0
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li a svg {
    max-width: 1.5rem;
    max-height: 1.5rem;
    margin-right: 0
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li a:before {
    content: none
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li a i {
    margin: 0
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li > ul {
    position: absolute;
    left: 3.7rem;
    top: 0;
    width: 12rem;
    z-index: 1001;
    display: none;
    padding-left: .0625rem;
    height: auto !important;
    box-shadow: 0 0 2.5rem 0 #523f691a;
    margin-left: 0;
    border: 0;
    border-radius: .375rem;
    background: var(--sidebar-bg)
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li > ul li:hover ul {
    left: 11.8125rem;
    top: 0
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu li:hover > ul {
    display: block;
    height: auto;
    overflow: visible
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li {
    transition: all .4s ease-in-out
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li > a {
    padding: .725rem .775rem;
    margin: 3px 0;
    text-align: center
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li > a.has-arrow:after {
    display: none
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li.mm-active > a {
    background-color: #0d99ff0d
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li.mm-active > a i {
    color: var(--white);
    padding: 0
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover:nth-last-child(-n+1) > ul {
    bottom: 0;
    top: auto
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover > a {
    background-color: #0d99ff0d;
    color: var(--white)
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover > a i {
    color: var(--white)
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover > ul {
    height: auto !important;
    padding: .625rem 0
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover > ul a {
    padding: .375rem 1.25rem;
    margin-left: -.1rem
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover > ul ul {
    padding: .625rem 0
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu > li:hover > ul ul a {
    padding: .375rem 1.25rem;
    margin-left: -.1rem
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu .menu-title, [data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu .nav-badge, [data-sidebar-style=full][data-layout=vertical] .menu-toggle .deznav .metismenu .nav-label {
    display: none
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .content-body {
    margin-left: 3.7rem
}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle + .footer {
    padding-left: 5.7rem
}

[data-sidebar-style=full][data-layout=horizontal] .header .header-content {
    padding-left: 1.875rem
}

[data-nav-headerbg=color_1] .menu-toggle .color-title {
    display: none !important
}

.show-more-btn:before {
    display: none
}

.show-more-btn:active {
    border: 0 !important
}

.show-more-btn.collapsed {
    border: 0
}

@media only screen and (min-width: 48rem) {
    [data-sidebar-style=mini] .nav-header {
        width: 3.71rem
    }

    [data-sidebar-style=mini] .nav-header .nav-control {
        z-index: -1
    }

    [data-sidebar-style=mini] .nav-header .nav-control .hamburger {
        left: 6.25rem !important
    }

    [data-sidebar-style=mini] .nav-header .nav-control .hamburger .line {
        background-color: var(--dark) !important
    }

    [data-sidebar-style=mini] .nav-header .brand-title, [data-sidebar-style=mini] .nav-header .hamburger {
        display: none
    }

    [data-sidebar-style=mini] .header .header-content {
        padding-left: 0
    }

    [data-sidebar-style=mini] .deznav {
        width: 3.75rem;
        overflow: visible;
        z-index: 2
    }

    [data-layout=vertical][data-sidebar-style=mini] .deznav {
        position: absolute
    }

    [data-sidebar-style=mini] .deznav .copyright, [data-sidebar-style=mini] .deznav .nav-text, [data-sidebar-style=mini] .deznav .plus-box {
        display: none
    }

    [data-sidebar-style=mini] .deznav .deznav-scroll, [data-sidebar-style=mini] .deznav .slimScrollDiv {
        overflow: visible !important
    }

    [data-sidebar-style=mini] .deznav .nav-user {
        padding: .6875rem
    }

    [data-sidebar-style=mini] .deznav .nav-user .media-body {
        display: none
    }

    [data-sidebar-style=mini] .deznav .header-profile {
        margin-bottom: 0;
        margin-top: .75rem
    }

    [data-sidebar-style=mini] .deznav .header-profile:hover > a.nav-link {
        border-radius: 3rem
    }

    [data-sidebar-style=mini] .deznav .header-profile img {
        width: 3rem;
        height: 3rem
    }

    [data-sidebar-style=mini] .deznav .header-profile > a.nav-link {
        border-radius: 3rem;
        padding: .3125rem
    }

    [data-sidebar-style=mini] .deznav .header-profile .header-info {
        display: none
    }

    [data-sidebar-style=mini] .deznav .metismenu li a {
        padding: .813rem .875rem
    }

    [data-sidebar-style=mini] .deznav .metismenu > li > a {
        padding: .725rem .775rem;
        text-align: center;
        margin: 3px 0;
        line-height: 1;
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s
    }

    [data-sidebar-style=mini] .deznav .metismenu li a svg {
        margin-right: 0
    }

    [data-sidebar-style=mini] .deznav .metismenu li a i {
        height: auto;
        width: auto;
        line-height: 1;
        margin: 0
    }

    [data-sidebar-style=mini][data-layout=vertical] .deznav .metismenu > li.mm-active > a {
        background: #0d99ff0d;
        color: #fff
    }

    [data-sidebar-style=mini] .deznav .metismenu li > ul {
        position: absolute;
        left: 6.25rem;
        top: 2.9375rem;
        width: 11.875rem;
        z-index: 1001;
        display: none;
        padding-left: .0625rem;
        box-shadow: 0 0 2.5rem 0 #523f691a;
        height: auto !important;
        border-radius: var(--radius);
        background: var(--sidebar-bg)
    }

    [data-sidebar-style=mini] .deznav > li > a {
        padding: .725rem .775rem;
        text-align: center;
        margin: 3px 0;
        line-height: 1;
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s
    }

    [data-sidebar-style=mini] .deznav > li > a > i {
        padding: 0;
        font-size: 1.375rem
    }

    [data-sidebar-style=mini] .deznav .menu-title, [data-sidebar-style=mini] .deznav .nav-badge, [data-sidebar-style=mini] .deznav .nav-label, [data-sidebar-style=mini] .deznav > li > a.has-arrow:after {
        display: none
    }

    [data-sidebar-style=mini] .header-info2 {
        padding: 0
    }

    [data-sidebar-style=mini] .sidebar-info {
        display: none !important
    }

    [data-sidebar-style=mini] .header-profile2 {
        margin: 0 .5rem
    }

    [data-sidebar-style=mini] .help-desk {
        display: none
    }

    .content-body {
        margin-left: 3.8rem
    }

    [data-header-position=fixed] .content-body {
        padding-top: 3.1rem
    }

    [data-sidebar-style=mini][data-layout=vertical] .deznav .metismenu > li:hover > ul {
        height: auto !important;
        overflow: visible;
        margin-left: 0;
        left: 3.75rem;
        width: 13rem;
        border: 0;
        padding: .625rem 0;
        top: 0;
        z-index: 10
    }

    [data-sidebar-style=mini][data-layout=vertical] .deznav .metismenu > li:hover > ul a {
        padding: .375rem 1.25rem
    }
}

[data-sidebar-style=mini] .metismenu > li > .has-arrow:after {
    content: none
}

[data-sidebar-style=mini] .header {
    width: 100%;
    padding-left: 3.71rem
}

[data-sidebar-style=mini] .deznav .metismenu .has-arrow[aria-expanded=true]:after, [data-sidebar-style=mini] .deznav .metismenu .mm-active > .has-arrow:after {
    transform: rotate(-225deg) translateY(-50%) !important
}

[data-sidebar-style=mini] .deznav .metismenu li:hover > ul {
    display: block
}

[data-sidebar-style=mini] .deznav .metismenu > li > ul {
    overflow: visible
}

[data-sidebar-style=mini] .deznav .metismenu > li > ul:after {
    content: none
}

[data-sidebar-style=mini] .deznav .metismenu > li > ul li:hover ul {
    padding: .625rem 0;
    width: 13rem;
    left: 100%;
    border: 0;
    margin: 0
}

[data-sidebar-style=mini][data-layout=vertical] .deznav .metismenu > li > ul li:hover ul {
    top: -.625rem
}

[data-sidebar-style=mini] .deznav .metismenu > li > ul li:hover ul:after {
    content: none
}

[data-sidebar-style=mini] .deznav .metismenu > li.mm-active > a {
    background: #0d99ff0d;
    color: var(--white)
}

[data-sidebar-style=mini] .deznav .metismenu > li.mm-active > a i {
    color: var(--white)
}

[data-sidebar-style=mini] .deznav .metismenu > li:hover > a {
    background-color: #0d99ff0d;
    color: var(--primary);
    border-radius: 0;
    position: unset
}

[data-sidebar-style=mini] .deznav .metismenu > li:hover > a i {
    color: var(--white)
}

[data-sidebar-style=mini][data-header-position=fixed][data-container=boxed] .header {
    width: 74.9375rem
}

[data-sidebar-style=mini][data-layout=horizontal] .deznav .metismenu > li {
    padding: 0
}

[data-sidebar-style=mini][data-layout=horizontal] .deznav .metismenu > li > a {
    padding: .5rem .65rem
}

[data-sidebar-style=mini][data-layout=horizontal] .deznav .metismenu > li > a .menu-icon {
    height: 1.5rem;
    width: 1.5rem
}

[data-sidebar-style=mini][data-layout=horizontal] .deznav .metismenu > li > a i {
    padding: 0;
    margin: 0
}

[data-sidebar-style=mini][data-layout=horizontal] .deznav .metismenu > li svg {
    margin-right: 0;
    margin-top: 0
}

[data-sidebar-style=mini][data-layout=horizontal] .deznav .metismenu > ul li a {
    padding: 1rem 1.25rem
}

@media only screen and (max-width: 74.9375rem) {
    [data-sidebar-style=mini] .deznav li.mm-active ul {
        height: auto !important
    }

    [data-sidebar-style=mini] .deznav li a.has-arrow:after {
        content: none
    }
}

@media (min-width: 64rem) {
    [data-layout=horizontal] .deznav .metismenu > li > ul .extra-menu-li:hover .extra-menu-links {
        display: block !important;
        position: relative !important;
        left: 0 !important;
        right: auto !important
    }

    [data-layout=horizontal] .deznav .metismenu > li > ul .extra-menu-li .extra-menu-links {
        position: relative;
        left: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        right: auto !important;
        box-shadow: none;
        display: block !important
    }

    [data-layout=horizontal] .deznav .metismenu > li > ul .extra-menu-li .extra-menu-links:not(.show) {
        height: 0
    }

    [data-layout=horizontal] .nav-header {
        height: 3.125rem;
        width: 18.563rem;
        top: 0;
        z-index: 7
    }

    [data-layout=horizontal] .nav-header .nav-control {
        display: none
    }

    [data-layout=horizontal] .nav-header .brand-logo {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    [data-layout=horizontal] .header {
        width: 100%;
        height: 3.125rem;
        padding-left: 18.563rem;
        padding-top: 0;
        z-index: 6
    }

    [data-layout=horizontal] .deznav {
        width: 100%;
        height: auto;
        padding-bottom: 0;
        top: 0;
        z-index: 5;
        padding-top: 0
    }

    [data-layout=horizontal][data-header-position=static] .deznav, [data-layout=horizontal][data-sidebar-position=static] .deznav {
        --dz-sidebar-pos: relative
    }

    [data-layout=horizontal] .deznav .deznav-scroll, [data-layout=horizontal] .deznav .slimScrollDiv, [data-layout=horizontal] .deznav .slimScrollDiv .deznav-scroll {
        overflow: visible !important
    }

    [data-layout=horizontal] .deznav .slimScrollBar {
        display: none !important
    }

    [data-layout=horizontal] .deznav .header-profile {
        margin-right: .9375rem;
        margin-bottom: 0;
        display: none
    }

    [data-layout=horizontal] .deznav .header-profile:hover > a.nav-link {
        border-radius: 3rem
    }

    [data-layout=horizontal] .deznav .header-profile img {
        height: 2.8125rem;
        width: 2.8125rem
    }

    [data-layout=horizontal] .deznav .header-profile > a.nav-link {
        border-radius: 3rem;
        padding: .3125rem
    }

    [data-layout=horizontal] .deznav .header-profile .header-info, [data-layout=horizontal] .deznav .header-profile2, [data-layout=horizontal] .deznav .nav-label, [data-layout=horizontal] .deznav .nav-user {
        display: none
    }

    [data-layout=horizontal] .deznav .metismenu {
        flex-direction: row;
        padding: .5rem 1.25rem;
        margin-bottom: 0;
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%
    }

    [data-layout=horizontal][data-sidebar-style=modern] .deznav .metismenu {
        padding: 0 1.25rem
    }

    [data-layout=horizontal] .deznav .metismenu .collapse.in {
        display: none
    }

    [data-layout=horizontal] .deznav .metismenu ul {
        border-left: 0
    }

    [data-layout=horizontal] .deznav .metismenu li {
        flex-direction: column;
        position: relative
    }

    [data-layout=horizontal] .deznav .metismenu li:hover > ul {
        display: block
    }

    [data-layout=horizontal] .deznav .metismenu li > ul {
        position: absolute;
        top: 100%;
        width: 100%;
        min-width: 13.75rem;
        z-index: 999;
        left: auto;
        right: auto;
        padding: 1rem 0;
        display: none;
        box-shadow: 0 0 2.5rem 0 #523f691a;
        margin: 0;
        background: var(--sidebar-bg);
        border-radius: var(--radius)
    }

    [data-layout=horizontal] .deznav .metismenu li > ul li {
        padding: 0
    }

    [data-layout=horizontal] .deznav .metismenu li > ul li a {
        transition: all .4s ease-in-out;
        padding: .35rem 1.2rem !important;
        margin-left: -.1rem
    }

    [data-layout=horizontal] .deznav .metismenu li > ul li a:hover {
        border-radius: .4rem;
        padding-left: 1.25rem
    }

    [data-layout=horizontal] .deznav .metismenu li > ul li a:before {
        content: none;
        left: 1.375rem
    }

    [data-layout=horizontal] .deznav .metismenu li > ul li:last-child a {
        padding-bottom: 0
    }

    [data-layout=horizontal] .deznav .metismenu li > ul li svg {
        width: .938rem;
        height: 1rem
    }

    [data-layout=horizontal] .deznav .metismenu li > ul .menu-title {
        display: none
    }

    [data-layout=horizontal] .deznav .metismenu li > ul ul {
        left: 100%;
        top: 0;
        box-shadow: 0 0 2.5rem 0 #523f691a;
        height: auto !important
    }

    [data-layout=horizontal] .deznav .metismenu > li {
        flex: 0 0 auto;
        position: relative
    }

    [data-layout=horizontal] .deznav .metismenu > li > a i {
        margin-right: .3125rem
    }

    [data-layout=horizontal] .deznav .metismenu > li.mm-active, [data-layout=horizontal] .deznav .metismenu > li:hover {
        padding: 0
    }

    [data-layout=horizontal] .deznav .metismenu > li.mm-active > a i, [data-layout=horizontal] .deznav .metismenu > li:hover > a i {
        color: var(--white);
        background: #0000;
        box-shadow: none
    }

    [data-layout=horizontal] .deznav .metismenu > li.mm-active ul li > a:after, [data-layout=horizontal] .deznav .metismenu > li:hover ul li > a:after {
        transform: rotate(-225deg) translateY(-50%)
    }

    [data-layout=horizontal] .deznav .metismenu > a {
        padding: .65rem .3375rem;
        margin: .125rem
    }

    [data-layout=horizontal] .deznav .metismenu > a i {
        padding: 0 .4375rem 0 0;
        height: auto;
        width: auto;
        line-height: 1
    }

    [data-layout=horizontal] .deznav .metismenu > a .nav-badge {
        display: none
    }

    [data-layout=horizontal] .deznav .metismenu > a:after {
        right: 1.25rem;
        transform: rotate(-135deg) translateY(-50%);
        display: none
    }

    [data-layout=horizontal] .deznav .metismenu:hover {
        border-color: #0000
    }

    [data-layout=horizontal] .deznav .metismenu:hover > ul {
        display: flex !important;
        flex-direction: column;
        flex-wrap: wrap;
        height: auto !important;
        box-shadow: .3125rem .3125rem 1.875rem 0 #14001e1a;
        border-radius: var(--radius)
    }

    [data-layout=horizontal] .deznav .metismenu > ul > li:hover ul.collapse {
        display: block !important;
        position: absolute;
        left: auto !important;
        right: -100% !important;
        top: 0 !important
    }

    [data-layout=horizontal] .deznav .metismenu:nth-last-child(-n+5) > ul {
        left: auto;
        right: 0
    }

    [data-layout=horizontal] .deznav .metismenu:nth-last-child(-n+5) > ul > li:hover ul.collapse {
        right: auto !important;
        left: -100% !important
    }

    [data-layout=horizontal] .deznav .metismenu:nth-last-child(-n+5) > ul.left {
        left: 0
    }

    [data-layout=horizontal] .deznav .metismenu:nth-last-child(-n+5) > ul.left > li:hover ul.collapse {
        left: 100% !important
    }

    [data-layout=horizontal] .deznav .metismenu:last-child > ul ul {
        left: -100%
    }

    [data-layout=horizontal] .deznav .metismenu:last-child > ul.left ul {
        left: 100%
    }

    [data-layout=horizontal] .deznav .menu-title, [data-layout=horizontal] .help-desk, [data-layout=horizontal] .plus-box, [data-layout=horizontal].deznav .copyright {
        display: none
    }

    .content-body {
        margin-left: 0
    }

    .content-body .container-fluid {
        padding-top: 1.875rem
    }

    .footer {
        margin: 0 auto;
        padding-left: 0
    }

    [data-layout=horizontal] .content-body {
        margin-left: 0
    }

    [data-layout=horizontal] .deznav .metismenu > li > a {
        padding: .45rem .85rem;
        margin: .125rem;
        border-radius: .25rem
    }

    [data-theme-version=dark][data-layout=horizontal] .deznav .metismenu > li:hover > ul {
        box-shadow: .3125rem .3125rem 1.875rem 0 #0000001a;
        background: #242424
    }

    [data-layout=horizontal] .deznav .metismenu > li:hover > ul {
        display: flex !important;
        flex-direction: column;
        flex-wrap: wrap;
        height: auto !important;
        box-shadow: .3125rem .3125rem 1.875rem 0 #14001e1a;
        border-radius: .375rem;
        padding: .75rem 0
    }

    [data-layout=horizontal] .metismenu > li > .has-arrow:after {
        content: none
    }

    [data-layout=horizontal] .content-body .page-titles {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0;
        border-top: 1px solid
    }

    [data-layout=horizontal] .show-more-btn {
        display: none !important
    }

    [data-theme-version=dark][data-layout=horizontal] .deznav .metismenu li > ul {
        box-shadow: 0 0 2.5rem 0 #523f691a;
        background: #242424
    }

    [data-layout=horizontal] .deznav .dz-scroll {
        overflow: visible !important
    }

    [data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu li a .menu-icon {
        height: 1.4rem;
        width: auto;
        line-height: 1;
        margin-bottom: 0;
        background-color: initial
    }

    [data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu li a svg {
        margin-top: 0
    }
}

[data-header-position=fixed][data-layout=horizontal] .deznav {
    top: 3.125rem
}

[data-header-position=fixed][data-layout=horizontal] .header {
    height: 3.125rem
}

[data-header-position=fixed][data-layout=horizontal] .content-body {
    padding-top: 3.125rem
}

[data-sidebar-position=static][data-layout=horizontal] .content-body .page-titles {
    margin-top: 0
}

[data-header-position=fixed][data-layout=horizontal][data-sidebar-position=fixed] .content-body {
    padding-top: 6.75rem
}

[data-header-position=fixed][data-layout=horizontal][data-sidebar-position=fixed][data-sidebar-style=modern] .content-body {
    padding-top: 8.025rem
}

[data-layout=horizontal][data-container=boxed] .content-body {
    padding-top: 12rem !important
}

[data-layout=horizontal][data-container=boxed] .footer {
    max-width: 74.9375rem;
    margin: 0 auto
}

[data-layout=horizontal][data-sidebar-style=modern] .deznav .header-profile {
    margin-bottom: 0
}

[data-layout=horizontal][data-sidebar-style=modern] .deznav .header-profile img {
    height: 3.75rem;
    width: 3.75rem;
    margin-bottom: 0 !important
}

[data-layout=horizontal][data-sidebar-style=modern] .deznav .header-profile > a.nav-link {
    border: .0625rem solid var(--border-color);
    padding: .25rem;
    border-radius: 3rem
}

[data-layout=horizontal][data-sidebar-style=compact] .deznav .header-profile {
    margin-bottom: 0
}

[data-layout=horizontal][data-sidebar-style=compact] .deznav .header-profile img {
    height: 3.75rem;
    width: 3.75rem;
    margin-bottom: 0 !important
}

[data-layout=horizontal][data-sidebar-style=compact] .deznav .header-profile > a.nav-link {
    border: .0625rem solid var(--border-color)
}

[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li > ul {
    top: 100%
}

[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li > a {
    padding: .25rem .75rem
}

[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li > a:after {
    display: none
}

[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li > a .nav-text {
    margin-top: .3125rem
}

[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li > a > i {
    width: auto;
    height: auto;
    line-height: 1;
    padding: 0;
    background: #0000;
    border-radius: 0;
    margin: 0
}

[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li li {
    text-align: left
}

[data-layout=horizontal][data-sidebar-style=compact] .deznav .metismenu > li.mm-active a {
    background: #0000 !important
}

[data-sidebar-style=mini][data-layout=horizontal] .nav-header {
    width: 5.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

[data-sidebar-style=mini][data-layout=horizontal] .nav-header .brand-logo {
    justify-content: start;
    padding-left: 0;
    padding-right: 0
}

[data-sidebar-style=mini][data-layout=horizontal] .header {
    width: 100%;
    padding-left: 5.75rem
}

[data-sidebar-style=mini][data-layout=horizontal] .metismenu > li a {
    width: auto
}

[data-sidebar-style=mini][data-layout=horizontal] .metismenu > li:hover a .nav-text {
    display: none
}

[data-header-position=fixed][data-layout=horizontal][data-sidebar-position=fixed][data-sidebar-style=compact] .content-body {
    padding-top: 14.125rem
}

[data-sidebar-position=fixed][data-layout=horizontal] .deznav.fixed {
    position: fixed;
    left: 0;
    top: 0;
    border-radius: 0;
    width: 100%
}

[data-sidebar-position=fixed][data-header-position=fixed][data-layout=horizontal] .deznav.fixed {
    position: fixed;
    left: 0;
    top: 80px;
    border-radius: 0;
    width: 100%
}

[data-layout=horizontal] .footer {
    padding-left: 0
}

@media (min-width: 47.9375rem) {
    [data-sidebar-style=compact] .nav-header {
        width: 11.25rem
    }

    [data-sidebar-style=compact] .deznav .metismenu .has-arrow[aria-expanded=true]:after, [data-sidebar-style=compact] .deznav .metismenu .mm-active > .has-arrow:after {
        margin-right: 0
    }

    [data-sidebar-style=compact] .deznav .header-profile {
        margin-bottom: .3125rem
    }

    [data-sidebar-style=compact] .deznav .header-profile > a.nav-link {
        display: block;
        text-align: center;
        border: 0
    }

    [data-sidebar-style=compact] .deznav .header-profile > a.nav-link img {
        margin-bottom: .3125rem
    }

    [data-sidebar-style=compact] .deznav .header-profile > a.nav-link .header-info {
        margin-left: 0 !important;
        text-align: center;
        display: none
    }

    [data-sidebar-style=compact] .deznav .header-profile > a.nav-link .header-info small {
        text-align: center !important
    }

    [data-sidebar-style=compact] .deznav .header-profile .dropdown-menu {
        min-width: 11rem
    }

    [data-sidebar-style=compact] .deznav .header-profile a svg {
        display: unset !important
    }

    [data-sidebar-style=compact] .deznav .nav-user {
        display: none
    }

    [data-sidebar-style=compact] .deznav .metismenu li {
        text-align: center
    }

    [data-sidebar-style=compact] .deznav .metismenu li a {
        padding: .7rem .5rem
    }

    [data-sidebar-style=compact] .deznav .metismenu li a svg {
        margin-right: .0125rem;
        margin-top: -1.3875rem
    }

    [data-sidebar-style=compact] .deznav .metismenu li a .menu-icon {
        display: block;
        padding: 0;
        background-color: #0d99ff0d;
        color: #0000004d;
        width: 3.125rem;
        height: 3.125rem;
        border-radius: var(--radius);
        line-height: 4.25rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: .3125rem
    }

    [data-sidebar-style=compact] .deznav .metismenu li ul:after {
        content: none
    }

    [data-sidebar-style=compact] .deznav .metismenu li > a {
        box-shadow: none;
        font-size: .813rem
    }

    [data-sidebar-style=compact] .deznav .copyright, [data-sidebar-style=compact] .deznav .plus-box {
        display: none
    }

    [data-sidebar-style=compact] .deznav .copyright {
        padding: 0 1.25rem;
        margin-top: 1.25rem
    }

    [data-sidebar-style=compact] .deznav .header-info2 {
        padding: 0
    }

    [data-sidebar-style=compact] .deznav .header-info2 img {
        margin-left: -1rem
    }

    [data-sidebar-style=compact] .deznav .sidebar-info {
        display: none !important
    }

    [data-sidebar-style=compact] .deznav .header-profile2 {
        margin: 0 3rem
    }

    [data-sidebar-style=compact] .deznav .feature-box, [data-sidebar-style=compact] .deznav .help-desk, [data-sidebar-style=compact] .deznav .support-box {
        display: none
    }

    [data-sidebar-style=compact] .nav-text {
        display: inline-block;
        margin-top: .3125rem;
        font-size: .813rem
    }

    [data-sidebar-style=compact] .nav-badge, [data-sidebar-style=compact] .nav-label.first {
        display: none
    }

    [data-sidebar-style=compact] .footer {
        padding-left: 11.25rem
    }

    [data-sidebar-style=compact] .content-body {
        margin-left: 10.5rem
    }

    [data-sidebar-style=compact][data-theme-version=dark][data-layout=horizontal] .deznav .metismenu li > a i {
        color: var(--white)
    }

    [data-sidebar-style=compact][data-theme-version=dark][data-layout=vertical] .deznav .metismenu li > a i {
        background: var(--d-bg);
        color: #b3b3b3
    }

    [data-sidebar-style=compact][data-theme-version=dark][data-layout=vertical] .deznav .metismenu li.mm-active > a i {
        background: var(--primary);
        color: var(--white)
    }

    [data-sidebar-style=compact][data-layout=vertical] .deznav .metismenu li:hover > a i {
        background: var(--rgba-primary-1);
        color: var(--primary)
    }
}

[data-layout=horizontal][data-sidebar-style=compact] .footer {
    padding-left: 0
}

[data-layout=horizontal][data-sidebar-style=compact] .content-body {
    margin-left: 0
}

[data-layout=horizontal][data-sidebar-style=compact] .deznav {
    margin-bottom: 0
}

[data-layout=horizontal][data-sidebar-style=compact] .header {
    padding-left: 18.563rem
}

[data-layout=horizontal][data-sidebar-style=compact] .nav-header {
    width: 18.563rem
}

[data-layout=horizontal][data-sidebar-style=compact] .nav-header .brand-logo {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

[data-layout=vertical][data-sidebar-style=compact] .deznav {
    width: 11.25rem;
    padding-top: 1rem
}

[data-layout=vertical][data-sidebar-style=compact] .deznav .metismenu ul {
    margin-left: 0;
    border: 0;
    background: #00000005;
    padding: .625rem 0
}

[data-layout=vertical][data-sidebar-style=compact] .deznav .metismenu ul a:before {
    content: none
}

[data-layout=vertical][data-sidebar-style=compact] .deznav .metismenu ul ul a {
    padding: .625rem .9375rem
}

[data-layout=vertical][data-sidebar-style=compact] .deznav .metismenu > li > a {
    padding: .9rem .5rem
}

[data-layout=vertical][data-sidebar-style=compact] .deznav .metismenu > li > a.has-arrow:after {
    top: .0625rem;
    display: inline-block;
    right: auto;
    margin-left: .3125rem;
    position: relative;
    width: .4375rem;
    height: .4375rem;
    border-width: .125rem 0 0 .125rem
}

[data-layout=vertical][data-sidebar-style=compact] .deznav .metismenu > li.mm-active > a {
    background: #0000
}

@media (min-width: 47.9375rem) {
    [data-sidebar-style=icon-hover][data-layout=horizontal] .header .header-content {
        padding: 0
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu li.mm-active > ul {
        display: none
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .header-info2 {
        justify-content: space-between
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .header-info2 img {
        order: 1;
        margin-right: 0
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .deznav .metismenu li.mm-active > ul {
        display: block
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .nav-header {
        width: 5.28rem
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .nav-header .brand-logo {
        padding: 0 1rem
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .nav-header .brand-logo .logo-abbr {
        display: block
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .nav-header .brand-logo .brand-title, [data-sidebar-style=icon-hover][data-layout=vertical] .nav-header .nav-control {
        display: none
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .header {
        padding-left: 5.28rem
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .header .header-content {
        padding-left: 0
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav {
        overflow: visible;
        position: absolute;
        left: -9.72rem;
        z-index: 4
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .nav-label {
        display: none
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .header-profile img {
        order: 1
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .header-profile .header-info {
        margin-left: 0 !important;
        padding-left: 0 !important;
        margin-right: .625rem
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu > li > a {
        display: flex;
        justify-content: space-between;
        padding: .75rem 1.5rem;
        margin: 0;
        border-radius: var(--radius)
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu > li > a .menu-icon, [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu > li > a > i, [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu > li > a > svg {
        order: 1;
        margin-right: 0;
        margin-top: 0;
        padding-right: 0;
        height: auto;
        width: auto;
        line-height: 1
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu > li.mm-active > a i, [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu > li:hover > a i {
        color: var(--white)
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu ul {
        border-left: 0;
        padding-left: 0;
        padding-right: 0
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu ul:after {
        left: auto;
        right: 1.75rem
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu ul a {
        position: relative;
        padding-left: 1.3rem
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu ul a:before {
        left: 1.25rem;
        right: auto
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu .has-arrow:after {
        right: 4.4rem;
        opacity: 0
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .copyright, [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .metismenu .menu-title, [data-sidebar-style=icon-hover][data-layout=vertical] .deznav .plus-box, [data-sidebar-style=icon-hover][data-layout=vertical] .deznav.mm-show {
        display: none
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .nav-header {
        width: 18.75rem
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .nav-header .brand-logo {
        padding-left: 1.6rem
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .nav-header .brand-logo .brand-title {
        display: block
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .nav-header .brand-logo .color-title {
        display: none
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle.mm-show {
        display: block
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .header {
        padding-left: 3.38rem
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .deznav {
        left: 0
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .deznav .metismenu .has-arrow:after, [data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .deznav .metismenu > li > a > i {
        opacity: 1
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .iconhover-toggle .deznav .menu-title {
        display: block
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .content-body {
        margin-left: 5.2rem
    }

    [data-sidebar-style=icon-hover][data-layout=vertical] .footer {
        padding-left: 5.28rem
    }

    [data-sidebar-style=modern] .nav-header {
        width: 10.625rem
    }

    [data-sidebar-style=modern] .nav-header .brand-logo {
        justify-content: center;
        padding: 0 2rem
    }

    [data-sidebar-style=modern] .deznav {
        background: var(--sidebar-bg)
    }

    [data-sidebar-style=modern] .deznav .header-profile {
        margin-bottom: .3125rem
    }

    [data-sidebar-style=modern] .deznav .header-profile > a.nav-link {
        display: block;
        text-align: center;
        margin: 0 -.625rem .9375rem;
        padding: .9375rem .625rem;
        border-radius: var(--radius)
    }

    [data-sidebar-style=modern] .deznav .header-profile > a.nav-link img {
        margin-bottom: .3125rem
    }

    [data-sidebar-style=modern] .deznav .header-profile > a.nav-link .header-info {
        margin-left: 0 !important;
        text-align: center;
        display: none
    }

    [data-sidebar-style=modern] .deznav .header-profile > a.nav-link .header-info small {
        text-align: center !important
    }

    [data-sidebar-style=modern] .deznav .metismenu > li {
        text-align: center
    }

    [data-sidebar-style=modern][data-layout=horizontal] .deznav .metismenu > li {
        border-right: 1px solid #fff3
    }

    [data-sidebar-style=modern] .deznav .metismenu > li > a {
        padding: 1.25rem .9375rem;
        margin: .125rem 0
    }

    [data-sidebar-style=modern] .deznav .metismenu > li > a:after {
        display: none
    }

    [data-sidebar-style=modern] .deznav .metismenu > li > a.mm-active > a, [data-sidebar-style=modern] .deznav .metismenu > li > a:active > a, [data-sidebar-style=modern] .deznav .metismenu > li > a:focus > a, [data-sidebar-style=modern] .deznav .metismenu > li > a:hover > a {
        background-color: var(--primary-dark)
    }

    [data-sidebar-style=modern] .deznav .metismenu > li.mm-active, [data-sidebar-style=modern] .deznav .metismenu > li:hover {
        padding: 0
    }

    [data-sidebar-style=modern] .deznav .metismenu > li.mm-active > a, [data-sidebar-style=modern] .deznav .metismenu > li:hover > a {
        background: #0d99ff0d;
        color: #000;
        border-radius: var(--radius);
        box-shadow: none
    }

    [data-sidebar-style=modern] .deznav .metismenu > li.mm-active > a i, [data-sidebar-style=modern] .deznav .metismenu > li:hover > a i {
        color: var(--white)
    }

    [data-sidebar-style=modern] .deznav .metismenu > li.mm-active > a .nav-text, [data-sidebar-style=modern] .deznav .metismenu > li:hover > a .nav-text {
        color: #fff
    }

    [data-sidebar-style=modern] .deznav .metismenu > li.mm-active ul li a, [data-sidebar-style=modern] .deznav .metismenu > li:hover ul li a {
        padding: .5rem 1rem
    }

    [data-sidebar-style=modern] .deznav .metismenu > li li {
        text-align: left
    }

    [data-sidebar-style=modern] .deznav .metismenu li a {
        padding: .625rem .9375rem;
        font-size: .813rem
    }

    [data-sidebar-style=modern] .deznav .metismenu li ul:after {
        content: none
    }

    [data-sidebar-style=modern] .deznav .metismenu li > ul {
        height: auto !important
    }

    [data-sidebar-style=modern] .deznav .metismenu .nav-label, [data-sidebar-style=modern] .deznav .nav-label {
        display: none
    }

    [data-sidebar-style=modern] .deznav .nav-text {
        display: block;
        margin-top: .3125rem
    }

    [data-sidebar-style=modern] .deznav .copyright, [data-sidebar-style=modern] .deznav .help-desk, [data-sidebar-style=modern] .deznav .plus-box {
        display: none
    }

    [data-sidebar-style=modern] .deznav .sidebar-info {
        display: none !important
    }

    [data-sidebar-style=modern] .deznav .menu-title {
        display: none
    }

    [data-sidebar-style=modern] .footer {
        padding-left: 10.625rem
    }

    [data-sidebar-style=modern] .content-body {
        margin-left: 10.6rem
    }

    [data-sidebar-style=modern] .deznav .metismenu > li > a .menu-icon svg {
        margin-right: 0;
        margin-bottom: .25rem
    }

    [data-sidebar-style=modern][data-layout=horizontal] .deznav .metismenu li > a i {
        padding: 0;
        margin: 0
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav {
        width: 10.625rem;
        left: 0;
        padding-top: 1rem;
        z-index: 3
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav .deznav-scroll, [data-sidebar-style=modern][data-layout=vertical] .deznav .slimScrollDiv {
        overflow: visible !important
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu {
        padding: .625rem .875rem
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu > li > a {
        padding: 1.375rem .6em .9375rem
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu > li > a i {
        padding: 0;
        height: auto;
        width: auto;
        line-height: 1;
        margin: 0 0 .3125rem
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu > li > ul {
        display: none;
        padding: 1.875rem .9375rem
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu li {
        position: relative
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu li a {
        padding: 1rem
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu li a:before {
        content: none
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu li ul {
        position: absolute;
        left: 105%;
        top: 0;
        bottom: auto;
        background-color: var(--sidebar-bg);
        border: .0625rem solid var(--border);
        width: 12.5rem
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav .metismenu li:hover > ul {
        display: block;
        left: 100%;
        padding: 1rem 0;
        margin-left: 0;
        border: 0;
        box-shadow: .3125rem .3125rem 1.875rem 0 #14001e1a;
        border-radius: var(--radius)
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav .nav-label {
        display: none
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav .nav-text {
        display: block;
        margin-top: 0
    }

    [data-sidebar-style=modern][data-layout=vertical] .deznav .header-profile2 {
        padding: 0 2.5rem
    }

    [data-sidebar-style=modern][data-layout=vertical] .menu-toggle .deznav, [data-sidebar-style=modern][data-layout=vertical] .menu-toggle .nav-header {
        left: -10.625rem
    }

    [data-sidebar-style=modern][data-layout=vertical] .menu-toggle .header {
        padding-left: 0
    }

    [data-sidebar-style=modern][data-layout=vertical] .menu-toggle .content-body {
        margin-left: 0
    }

    [data-sidebar-style=modern][data-layout=horizontal] .nav-header {
        width: 18.563rem
    }

    [data-sidebar-style=modern][data-layout=horizontal] .header {
        padding-left: 18.563rem
    }

    [data-sidebar-style=modern][data-layout=horizontal] .content-body, [data-sidebar-style=modern][data-layout=horizontal] .footer {
        margin-left: 0
    }

    [data-sidebar-style=modern][data-layout=horizontal] .deznav .metismenu > li > a {
        padding: .45rem 1rem;
        border-radius: 0
    }

    [data-sidebar-style=modern][data-layout=horizontal] .deznav .metismenu > li > a .menu-icon {
        height: 1.4rem
    }

    [data-sidebar-style=modern][data-layout=horizontal] .deznav .metismenu > li > ul {
        top: 100%
    }

    [data-sidebar-style=modern][data-layout=horizontal][data-container=boxed] .deznav .metismenu > li > a {
        padding: .8125rem 1.25rem
    }
}

[data-nav-headerbg=color_1][data-headerbg=color_1][data-sidebar-style=modern][data-layout=horizontal] .nav-header .color-title {
    display: block !important
}

[data-sidebar-style=overlay][data-layout=vertical] .deznav {
    border-radius: 0 0 0 0 !important
}

[data-sidebar-style=overlay][data-layout=vertical] .nav-header {
    border-radius: 0
}

[data-sidebar-style=overlay] .deznav {
    left: -100%
}

[data-sidebar-style=overlay] .deznav .metismenu > li > a {
    font-size: .813rem;
    padding: .75rem 1.5rem;
    border-radius: var(--radius);
    transition: all .5s
}

[data-sidebar-style=overlay] .deznav .metismenu > li > a i {
    height: auto;
    width: auto;
    line-height: 1
}

[data-sidebar-style=overlay] .deznav .metismenu > li:hover > a i {
    color: var(--primary)
}

[data-sidebar-style=overlay] .deznav .metismenu > li.mm-active > a i {
    color: var(--white)
}

[data-sidebar-style=overlay] .deznav .metismenu ul a {
    padding-top: .5rem;
    padding-bottom: .5rem;
    position: relative;
    font-size: .813rem;
    padding-left: 3rem
}

[data-sidebar-style=overlay] .nav-header {
    position: absolute
}

[data-sidebar-style=overlay] .nav-header .hamburger.is-active {
    left: 0
}

[data-sidebar-style=overlay] .nav-header .hamburger.is-active .line {
    background-color: #fff
}

[data-sidebar-style=overlay] .menu-toggle .nav-header {
    position: absolute;
    left: auto
}

[data-sidebar-style=overlay] .menu-toggle .deznav {
    left: 0;
    z-index: 3
}

[data-sidebar-style=overlay] .deznav .metismenu ul a:before {
    content: "";
    height: .125rem;
    width: .375rem;
    background: var(--rgba-primary-5);
    position: absolute;
    left: 1.8rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s
}

[data-sidebar-position=fixed][data-header-position=fixed] .nav-header, [data-sidebar-style=overlay][data-header-position=fixed] .nav-header {
    position: fixed
}

[data-sidebar-style=overlay][data-nav-headerbg=color_1] .menu-toggle .nav-header .color-title {
    display: block !important
}

[data-sidebar-style=overlay] .out-footer {
    width: calc(100% - 9.125rem);
    margin-right: 7.375rem;
    margin-left: auto
}

[data-sidebar-position=fixed][data-layout=vertical] .nav-header {
    position: fixed;
    border-top-left-radius: 0
}

[data-sidebar-position=fixed][data-layout=vertical] .deznav {
    --dz-sidebar-pos: fixed
}

[data-sidebar-position=fixed][data-layout=vertical] .deznav .deznav-scroll {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

[data-sidebar-style=full][data-sidebar-position=fixed][data-layout=vertical] .menu-toggle .deznav {
    --dz-sidebar-pos: absolute
}

[data-layout=vertical] .nav-header {
    border-top-left-radius: 0
}

[data-layout=vertical] .deznav {
    border-bottom-left-radius: 0
}

[data-header-position=fixed][data-sidebar-position=fixed][data-sidebar-style=icon-hover][data-layout=vertical][data-container=boxed] .deznav, [data-header-position=fixed][data-sidebar-position=fixed][data-sidebar-style=icon-hover][data-layout=vertical][data-container=wide-boxed] .deznav, [data-header-position=fixed][data-sidebar-position=fixed][data-sidebar-style=overlay][data-layout=vertical][data-container=boxed] .deznav, [data-header-position=fixed][data-sidebar-position=fixed][data-sidebar-style=overlay][data-layout=vertical][data-container=wide-boxed] .deznav, [data-sidebar-style=icon-hover][data-layout=vertical][data-container=boxed] .deznav, [data-sidebar-style=icon-hover][data-layout=vertical][data-container=wide-boxed] .deznav, [data-sidebar-style=overlay][data-layout=vertical][data-container=boxed] .deznav, [data-sidebar-style=overlay][data-layout=vertical][data-container=wide-boxed] .deznav {
    position: absolute
}

.sidebar-right-trigger {
    position: absolute;
    z-index: 9;
    top: 7.75rem;
    right: 100%;
    background-color: var(--primary);
    color: var(--white);
    display: inline-block;
    height: 3rem;
    width: 3rem;
    text-align: center;
    font-size: 1.75rem;
    line-height: 3rem;
    border-radius: .3125rem 0 0 .3125rem;
    box-shadow: -.3125rem .1875rem .3125rem 0 #77777726
}

.sidebar-right-trigger:hover {
    color: var(--white)
}

.sidebar-right {
    right: -50rem;
    position: fixed;
    top: 0;
    width: 50rem;
    background-color: var(--white);
    margin-top: 3.5rem;
    transition: all .5s ease-in-out;
    border-radius: var(--radius);
    z-index: 9999
}

.sidebar-right .bg-label-pattern {
    background: #0000;
    background-image: url(../images/pattern/pattern5.png);
    background-size: 130%
}

.sidebar-right .bootstrap-select {
    height: 3rem;
    border-radius: .375rem
}

.sidebar-right .bootstrap-select .btn {
    padding: .75rem .9375rem;
    font-size: .9375rem;
    border-color: #d1d1d1;
    border-radius: .375rem;
    color: var(--black) !important
}

.sidebar-right .note-text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    opacity: .5;
    font-size: 12px
}

.sidebar-right .sidebar-close-trigger {
    position: absolute;
    z-index: 2;
    font-size: 1.75rem;
    top: 0;
    right: -3rem;
    height: 3rem;
    width: 3rem;
    line-height: 3rem;
    text-align: center;
    background: var(--primary);
    color: var(--white)
}

.sidebar-right.show {
    right: 5.25rem;
    box-shadow: 0 0 3.125rem #0003;
    z-index: 9999
}

@media only screen and (max-width: 47.9375rem) {
    .sidebar-right.show {
        display: none
    }
}

.sidebar-right.show .bg-overlay {
    position: fixed;
    width: 100%;
    cursor: pointer;
    height: 100%;
    top: 0;
    left: 0;
    background: #0003
}

.sidebar-right-inner {
    position: relative;
    height: 100%
}

.sidebar-right .card-tabs .nav-tabs {
    justify-content: space-between;
    position: sticky;
    top: 0;
    width: 100%;
    background-color: var(--white);
    z-index: 2;
    border-bottom: 4px solid var(--rgba-primary-1);
    display: flex;
    flex-wrap: wrap
}

.sidebar-right .card-tabs .nav-tabs .nav-item {
    margin-bottom: 0;
    flex: 1
}

.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    border: 0;
    font-size: 1.125rem;
    position: relative;
    text-align: center;
    background-color: var(--white);
    border-radius: 0;
    margin: 0;
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link.active {
    background: var(--rgba-primary-1);
    color: #000
}

.sidebar-right .sidebar-right-inner > h4 {
    padding: .625rem 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--black);
    background: var(--white);
    margin: 0
}

.sidebar-right .tabs {
    padding: 1.25rem 1.25rem 0;
    min-height: 480px;
    background: var(--white)
}

.sidebar-right .tabs .tab-content .admin-settings .row > div {
    margin-bottom: 1.25rem
}

.sidebar-right .tabs .tab-content .admin-settings p {
    color: #353535;
    font-weight: 500;
    margin-bottom: .5rem;
    font-size: 1rem
}

.sidebar-right .tabs .tab-content .admin-settings input[type=radio] {
    display: none
}

.sidebar-right #header_color_2 + label, .sidebar-right #nav_header_color_2 + label, .sidebar-right #primary_color_2 + label, .sidebar-right #secondary_color_2 + label, .sidebar-right #sidebar_color_2 + label {
    background-color: #18a594
}

.sidebar-right #header_color_3 + label, .sidebar-right #nav_header_color_3 + label, .sidebar-right #primary_color_3 + label, .sidebar-right #secondary_color_3 + label, .sidebar-right #sidebar_color_3 + label {
    background-color: #0d99ff
}

.sidebar-right #header_color_4 + label, .sidebar-right #nav_header_color_4 + label, .sidebar-right #primary_color_4 + label, .sidebar-right #secondary_color_4 + label, .sidebar-right #sidebar_color_4 + label {
    background-color: #2c2c2c
}

.sidebar-right #header_color_5 + label, .sidebar-right #nav_header_color_5 + label, .sidebar-right #primary_color_5 + label, .sidebar-right #secondary_color_5 + label, .sidebar-right #sidebar_color_5 + label {
    background-color: #3250ff
}

.sidebar-right #header_color_6 + label, .sidebar-right #nav_header_color_6 + label, .sidebar-right #primary_color_6 + label, .sidebar-right #secondary_color_6 + label, .sidebar-right #sidebar_color_6 + label {
    background-color: #3f8cff
}

.sidebar-right #header_color_7 + label, .sidebar-right #nav_header_color_7 + label, .sidebar-right #primary_color_7 + label, .sidebar-right #secondary_color_7 + label, .sidebar-right #sidebar_color_7 + label {
    background-color: #40a7e2
}

.sidebar-right #header_color_8 + label, .sidebar-right #nav_header_color_8 + label, .sidebar-right #primary_color_8 + label, .sidebar-right #secondary_color_8 + label, .sidebar-right #sidebar_color_8 + label {
    background-color: #b65fbd
}

.sidebar-right #header_color_9 + label, .sidebar-right #nav_header_color_9 + label, .sidebar-right #primary_color_9 + label, .sidebar-right #secondary_color_9 + label, .sidebar-right #sidebar_color_9 + label {
    background-color: #88a67e
}

.sidebar-right #header_color_10 + label, .sidebar-right #nav_header_color_10 + label, .sidebar-right #primary_color_10 + label, .sidebar-right #secondary_color_10 + label, .sidebar-right #sidebar_color_10 + label {
    background-color: #1c2e9e
}

.sidebar-right #header_color_11 + label, .sidebar-right #nav_header_color_11 + label, .sidebar-right #primary_color_11 + label, .sidebar-right #secondary_color_11 + label, .sidebar-right #sidebar_color_11 + label {
    background-color: #c6164f
}

.sidebar-right #header_color_12 + label, .sidebar-right #nav_header_color_12 + label, .sidebar-right #primary_color_12 + label, .sidebar-right #secondary_color_12 + label, .sidebar-right #sidebar_color_12 + label {
    background-color: #343a40
}

.sidebar-right #header_color_13 + label, .sidebar-right #nav_header_color_13 + label, .sidebar-right #primary_color_13 + label, .sidebar-right #secondary_color_13 + label, .sidebar-right #sidebar_color_13 + label {
    background-color: #f58706
}

.sidebar-right .tabs .tab-content .admin-settings input[type=radio] + label {
    display: inline-block;
    width: 2.1875rem;
    height: 2.1875rem;
    cursor: pointer;
    transition: all .1s ease;
    border-radius: .25rem;
    margin-right: .3125rem;
    margin-bottom: .1875rem
}

.sidebar-right .tabs .tab-content .admin-settings input[type=radio]:checked + label {
    position: relative
}

.sidebar-right .tabs .tab-content .admin-settings input[type=radio]:checked + label:after {
    height: 2.0625rem;
    width: 2.0625rem;
    left: -.25rem;
    top: -.25rem;
    content: "";
    position: absolute;
    background-color: inherit;
    border-radius: .375rem;
    opacity: .4
}

.sidebar-right #header_color_1 + label, .sidebar-right #nav_header_color_1 + label, .sidebar-right #primary_color_1 + label, .sidebar-right #secondary_color_1 + label, .sidebar-right #sidebar_color_1 + label {
    border: .0625rem solid #c4c4c4
}

.sidebar-right.style-1 {
    height: 100vh;
    width: 15.625rem;
    margin-top: 0;
    right: -15.625rem
}

.sidebar-right.style-1 .sidebar-right-inner {
    background: var(--white)
}

.sidebar-right.style-1 .sidebar-right-trigger {
    top: 12.4rem
}

.sidebar-right.style-1.show {
    right: 0
}

.sidebar-right.style-1.show .sidebar-right-trigger {
    display: block
}

.nice-select.wide {
    line-height: 2.1125rem
}

.nice-select.wide.form-control-sm {
    height: 35px;
    line-height: 1rem
}

@keyframes bounce {
    0% {
        transform: translateX(-8%);
        -webkit-transform: translateX(-8%)
    }
    50% {
        transform: translateX(8%);
        -webkit-transform: translateX(8%)
    }
    to {
        transform: translateX(-8%);
        -webkit-transform: translateX(-8%)
    }
}

@media only screen and (max-width: 87.5rem) {
    .nice-select.wide {
        line-height: 2rem
    }
}

@media only screen and (max-width: 64rem) {
    .sidebar-right-trigger {
        display: none
    }
}

.nav-user {
    background: var(--primary);
    margin-bottom: .625rem;
    padding: 1.25rem 1.5625rem .9375rem
}

.nav-user img {
    width: 2.1875rem;
    height: 2.1875rem
}

.nav-user h5 {
    margin-left: .625rem;
    margin-bottom: .1875rem
}

.nav-user h5, [data-sibebarbg=color_2] .nav-user h5 {
    color: var(--white)
}

.nav-user p {
    margin-left: .625rem;
    margin-bottom: .5rem;
    color: #afcff7
}

.menu-toggle .nav-user {
    padding: 1.25rem .9375rem .9375rem
}

.menu-toggle .nav-user img {
    width: 2.1875rem;
    height: 2.1875rem;
    margin-bottom: .625rem
}

.menu-toggle .nav-user h5, .menu-toggle .nav-user p {
    display: none
}

.menu-toggle .nav-user i {
    margin-top: .9375rem;
    display: block
}

.menu-toggle .nav-user .dropdown-menu {
    left: 2.8125rem !important;
    top: 1.375rem !important
}

.card {
    margin-bottom: 1.563rem;
    background-color: #fff;
    transition: all .5s ease-in-out;
    position: relative;
    border-radius: .375rem;
    height: calc(100% - 25px);
    border: 1px solid #e6e6e6
}

[data-theme-version=dark] .chatbox {
    background: var(--dark-card)
}

.chatbox .chatbox-close {
    position: absolute;
    transition: all .2s;
    width: 0;
    height: 100%;
    right: 21.25rem;
    background: #000;
    z-index: 1;
    opacity: .1;
    cursor: pointer
}

.chatbox .card-fotter {
    padding: .75rem 1rem
}

.chatbox.active {
    right: 0 !important
}

.chatbox.active .chatbox-close {
    width: 100vw
}

.chatbox .nav .nav-link.active, .chatbox .nav .nav-link:hover {
    background: #0000;
    color: var(--primary);
    opacity: 1;
    border-color: var(--primary)
}

.chatbox .img_cont {
    width: 2.5rem;
    border-radius: 2.5rem;
    margin-right: .625rem;
    position: relative;
    height: 2.5rem;
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: .875rem;
    min-width: 2.5rem;
    min-height: 2.5rem
}

.chatbox .img_cont .icon {
    color: #fff
}

.chatbox .img_cont.primary {
    color: var(--primary)
}

.chatbox .img_cont.primary, [data-theme-version=dark] .chatbox .img_cont.primary {
    background: var(--rgba-primary-1)
}

.chatbox .img_cont.warning {
    background: var(--warning-light);
    color: var(--warning)
}

[data-theme-version=dark] .chatbox .img_cont.warning {
    background: var(--warning-opacity)
}

.chatbox .img_cont.success {
    background: var(--success-light);
    color: var(--success)
}

[data-theme-version=dark] .chatbox .img_cont.success {
    background: var(--success-opacity)
}

.chatbox .img_cont.info {
    background: var(--info-light);
    color: var(--info)
}

[data-theme-version=dark] .chatbox .img_cont.info {
    background: var(--info-opacity)
}

.chatbox .img_cont img {
    width: 100%
}

.chatbox .img_cont .online_icon {
    background: var(--success)
}

.chatbox .img_cont .online_icon.offline {
    background: var(--danger)
}

.chatbox .card {
    border-radius: 0
}

.chatbox .search {
    height: 2.5rem
}

[data-theme-version=dark] .chatbox .user_info span {
    color: var(--white)
}

[data-theme-version=dark] .chatbox .contacts li {
    border-color: var(--d-border)
}

.chatbox .contacts li:hover {
    background: var(--rgba-primary-1)
}

[data-theme-version=dark] .chatbox .contacts li:hover {
    background-color: var(--d-bg)
}

.chatbox .contacts .name-first-letter {
    background: var(--rgba-primary-1);
    padding: .25rem 1rem;
    font-weight: 700;
    color: #000;
    position: sticky;
    top: 0;
    z-index: 1
}

[data-theme-version=dark] .chatbox .contacts .name-first-letter {
    color: var(--white);
    background: var(--d-bg) !important
}

.chatbox .contacts_body {
    height: calc(100vh - 130px)
}

.chatbox .contacts_body.style-1 {
    height: calc(100vh - 215px)
}

[data-theme-version=dark] .chatbox .chat-list-header {
    background: var(--dark-card)
}

[data-theme-version=dark] .chatbox .chat-list-header a {
    background: var(--rgba-primary-1)
}

[data-theme-version=dark] .chatbox .chat-list-header a svg g [fill] {
    fill: var(--white)
}

.chatbox .img_cont_msg {
    max-width: 1.875rem;
    min-width: 1.875rem
}

.chatbox .msg_cotainer:after {
    left: -.625rem;
    border-right: .625rem solid var(--primary)
}

.chatbox .msg_cotainer:after, .chatbox .msg_cotainer_send:after {
    content: "";
    position: absolute;
    border-bottom: .625rem solid #0000;
    border-top: 0 solid;
    top: 0
}

.chatbox .msg_cotainer_send:after {
    right: -.625rem;
    border-left: .625rem solid var(--body-bg)
}

[data-theme-version=dark] .chatbox .msg_cotainer_send:after {
    border-left: .625rem solid var(--d-bg)
}

.chatbox .video_cam {
    margin-left: .9375rem
}

.chatbox .video_cam span {
    width: 2.1875rem;
    height: 2.1875rem;
    background: #10ca93;
    text-align: center;
    line-height: 2.1875rem;
    border-radius: 2.1875rem;
    color: #fff;
    margin-right: .3125rem;
    align-self: center;
    font-size: 1rem;
    padding: 0 .1875rem;
    display: inline-block
}

@media only screen and (max-width: 36rem) {
    .chatbox .chatbox-close {
        right: 17.5rem
    }

    .card {
        margin-bottom: .938rem;
        height: calc(100% - .938rem)
    }
}

.dz-demo-panel {
    right: -100%;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    transition: all .5s ease-in-out;
    z-index: 9999
}

.dz-demo-panel .note-text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    font-size: 12px;
    background-color: initial;
    color: #9b9a9a
}

.dz-demo-panel .dz-demo-trigger {
    position: absolute;
    z-index: 9;
    top: 7.75rem;
    right: 100%;
    background-color: #627eea;
    color: #fff;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    text-align: center;
    font-size: 1.75rem;
    line-height: 3rem;
    border-radius: .3125rem 0 0 .3125rem;
    box-shadow: -.3125rem .1875rem .3125rem 0 #77777726;
    display: none
}

.dz-demo-panel .dz-demo-close {
    height: 1.875rem;
    color: var(--black) !important;
    width: 1.875rem;
    border-radius: .5rem;
    background: var(--white);
    line-height: 1.875rem;
    text-align: center
}

.dz-demo-panel:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #000000d9;
    display: block;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.dz-demo-panel.show {
    right: 0;
    box-shadow: 0 0 3.125rem #0003;
    z-index: 99999;
    overflow: hidden
}

.dz-demo-panel.show .sidebar-right-trigger {
    display: none
}

.dz-demo-panel.show .bg-close {
    position: fixed;
    z-index: -2;
    cursor: pointer;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0,)
}

.dz-demo-panel .dz-demo-inner {
    padding: 1.875rem
}

.dz-demo-panel .dz-demo-content {
    height: calc(100vh - 200px);
    padding: 0 15px;
    margin: 0 -15px;
    display: flex
}

.dz-demo-panel .dz-demo-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.5rem
}

.dz-demo-panel .dz-demo-header h4 {
    margin-bottom: 0;
    color: var(--white)
}

.dz-demo-panel .dz-demo-bx {
    overflow: hidden;
    border: 3px solid #efefef;
    box-shadow: 0 0 .3125rem #0000001a;
    margin-bottom: .625rem
}

.dz-demo-panel .dz-demo-bx.demo-active {
    border-color: var(--secondary)
}

.dz-demo-panel .dz-demo-bx.demo-active .overlay-layer {
    opacity: 1
}

.dz-demo-panel .overlay-bx {
    position: relative
}

.dz-demo-panel .overlay-bx .overlay-layer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0000001a;
    transition: all .3s ease;
    opacity: 0;
    border: 0
}

.dz-demo-panel .overlay-bx:hover .overlay-layer {
    transition: all .3s ease;
    opacity: 1
}

[data-layout=horizontal] .nav-control, [data-sidebar-style=mini] .nav-control {
    display: none
}

[data-header-position=fixed] .nav-header {
    position: fixed
}

.brand-logo img {
    width: 12.7rem
}

.nav-header {
    height: 3.125rem;
    width: 15rem;
    display: inline-block;
    text-align: left;
    position: absolute;
    top: 0;
    background-color: var(--nav-headbg);
    transition: all .2s ease;
    z-index: 7
}

.nav-header .brand-title-color, .nav-header .logo-compact {
    display: none
}

.nav-header .brand-logo {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.125rem;
    color: var(--white);
    text-decoration: none;
    padding-left: 1.1rem;
    padding-right: 3rem;
    font-weight: 700
}

[data-sidebar-style=compact] .nav-header .brand-logo, [data-sidebar-style=mini] .nav-header .brand-logo {
    padding-left: 0;
    padding-right: 0;
    justify-content: center
}

.nav-header .brand-logo .logo-color, .nav-header .brand-logo .logo-mini {
    display: none
}

.nav-header .brand-logo .brand-title {
    margin-left: .6375rem;
    max-width: 10.15rem;
    margin-top: .2rem;
    font-size: 2.375rem;
    color: var(--black)
}

.nav-header .brand-logo .rect-primary-rect {
    fill: var(--primary)
}

.nav-control {
    cursor: pointer;
    position: absolute;
    right: -3rem;
    text-align: center;
    top: 50.8%;
    transform: translateY(-50%);
    z-index: 9999;
    font-size: 1.4rem;
    padding: .125rem .5rem 0;
    border-radius: 0;
    background-color: var(--headerbg);
    width: 3.063rem;
    height: 3.063rem
}

.hamburger {
    display: inline-block;
    left: .1rem;
    position: relative;
    top: .5rem;
    transition: all .3s ease-in-out 0s;
    width: 1.625rem;
    z-index: 999
}

.hamburger .line {
    background: var(--white);
    display: block;
    height: 1px;
    border-radius: .1875rem;
    margin-top: .375rem;
    margin-bottom: .375rem;
    margin-right: auto;
    transition: all .3s ease-in-out
}

.hamburger svg {
    position: absolute;
    top: 9px;
    left: 0;
    z-index: 1
}

.hamburger.is-active .line {
    opacity: 1
}

.hamburger.is-active svg {
    opacity: 0
}

.hamburger .line:first-child, .hamburger .line:nth-child(2), .hamburger .line:nth-child(3) {
    width: 1.25rem
}

.hamburger:hover {
    cursor: pointer
}

.hamburger.is-active .line:first-child, .hamburger.is-active .line:nth-child(3) {
    width: .625rem;
    height: .125rem
}

.hamburger.is-active .line:nth-child(2) {
    transform: translateX(0);
    width: 1.375rem;
    height: .125rem
}

.hamburger.is-active .line:first-child {
    transform: translateY(4px) translateX(12px) rotate(45deg)
}

.hamburger.is-active .line:nth-child(3) {
    transform: translateY(-4px) translateX(12px) rotate(-45deg)
}

[data-sidebar-style=compact][data-layout=vertical] .nav-header .brand-title, [data-sidebar-style=full][data-layout=horizontal] .logo-compact, [data-sidebar-style=full][data-layout=vertical] .menu-toggle .brand-title {
    display: none
}

[data-sidebar-style=compact][data-layout=vertical] .nav-header .logo-compact {
    max-width: 4.6875rem
}

[data-sidebar-style=compact][data-layout=horizontal] .nav-header .brand-logo {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    justify-content: start
}

[data-sidebar-style=modern][data-layout=vertical] .nav-header {
    width: 10.625rem
}

[data-sidebar-style=modern][data-layout=vertical] .nav-header .brand-title, [data-sidebar-style=modern][data-layout=vertical] .nav-header .logo-compact {
    display: none
}

[data-sidebar-style=modern] .header {
    width: 100%;
    padding-left: 10.625rem
}

[data-sidebar-style=modern][data-layout=horizontal] .nav-header .brand-logo {
    justify-content: start
}

.nav-header .brand-logo .logo-abbr path.w3 {
    fill: #fff
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link, [data-theme-version=dark] .mix-chart-tab .nav-link.active {
    color: var(--white) !important;
    background-color: var(--primary) !important;
    box-shadow: 0 0 1.25rem 0 var(--rgba-primary-2)
}

.nav-pills.light .nav-link.active, .nav-pills.light .show > .nav-link {
    color: var(--primary) !important;
    background-color: var(--rgba-primary-1) !important;
    box-shadow: none !important
}

.boder-tabs .nav-item .nav-link.active {
    border-color: #ccc !important;
    color: #000 !important;
    border-bottom: #0000 !important
}

[data-theme-version=dark] .boder-tabs .nav-item .nav-link.active {
    background-color: initial;
    border-color: #444 !important;
    color: #fff !important
}

.custom-tab-1 .nav-link.active, .custom-tab-1 .nav-link:focus {
    color: #495057;
    border-color: var(--primary) !important;
    border-radius: 0;
    color: var(--primary)
}

.deznav .metismenu ul a.mm-active, .deznav .metismenu ul a:focus, .deznav .metismenu ul a:hover {
    text-decoration: none;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    [data-sidebar-style=mini] .nav-header {
        width: 3.71rem
    }

    [data-sidebar-style=mini] .nav-header .brand-logo {
        padding-left: 0;
        padding-right: 0;
        justify-content: center
    }

    [data-sidebar-style=mini] .nav-header .brand-title {
        display: none
    }
}

@media only screen and (max-width: 63.9375rem) {
    .nav-header .brand-title {
        display: none
    }

    .nav-header {
        width: 5rem
    }
}

@media only screen and (max-width: 87.5rem) {
    .nav-header .brand-logo {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (min-width: 47.9375rem) {
    [data-sidebar-style=compact] .nav-control {
        display: none
    }

    [data-sidebar-style=compact] .nav-header {
        width: 11.25rem
    }
}

@media only screen and (max-width: 47.9375rem) {
    .nav-header .brand-logo {
        padding-left: 0;
        padding-right: 0;
        justify-content: center
    }
}

.header {
    height: 3.125rem;
    position: relative;
    background: var(--headerbg);
    z-index: 3;
    padding: 0 0 0 15rem;
    transition: all .2s ease
}

.header .header-content {
    padding-left: 3.1rem;
    padding-right: 1.075rem
}

.header .header-content, .header .navbar {
    height: 100%;
    align-items: center;
    display: flex;
    position: relative
}

.header .navbar {
    padding: 0;
    width: 100%;
    flex-wrap: wrap
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.header .navbar .navbar-collapse {
    height: 100%;
    width: 100%
}

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

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

.header-left {
    height: 100%;
    display: flex;
    align-items: center
}

.header-left .search-area {
    width: 15rem;
    height: 3.063rem;
    background-color: #ffffff1a;
    border-radius: 0
}

.dz-theme-mode #icon-light {
    display: none
}

.dz-theme-mode.active #icon-light {
    display: inline-block
}

.dz-theme-mode.active #icon-dark {
    display: none
}

[data-headerbg=color_4] .header-right .notification_dropdown .nav-link:hover {
    background-color: #202020
}

.header-right .notification_dropdown .nav-link:hover {
    background: var(--rgba-primary-1)
}

[data-headerbg=color_1] .header-right .notification_dropdown .nav-link:hover svg circle, [data-headerbg=color_1] .header-right .notification_dropdown .nav-link:hover svg path, [data-headerbg=color_4] .header-right .notification_dropdown .nav-link:hover svg circle, [data-headerbg=color_4] .header-right .notification_dropdown .nav-link:hover svg path {
    stroke: var(--primary)
}

.header-right .notification_dropdown .nav-link:hover svg circle, .header-right .notification_dropdown .nav-link:hover svg path {
    stroke: #fff
}

.header-left .search-area .form-control, .header-left .search-area .input-group-text {
    background-color: initial
}

.dz-fullscreen #icon-minimize, .dz-fullscreen.active #icon-full {
    display: none
}

.dz-fullscreen.active #icon-minimize {
    display: inline-block
}

[data-header-position=fixed] .header {
    position: fixed;
    top: 0;
    width: 100%
}

[data-headerbg=color_4] .search-area {
    background-color: #202020 !important
}

[data-sidebar-style=modern][data-layout=horizontal] .header .header-content {
    padding-left: 1.875rem
}

@media only screen and (max-width: 87.5rem) {
    [data-sidebar-style=full] .header, [data-sidebar-style=overlay] .header {
        width: 100%;
        padding-left: 17rem
    }

    .header-right .notification_dropdown .nav-link svg {
        width: 1.25rem;
        height: 1.25rem
    }
}

@media only screen and (max-width: 63.9375rem) {
    [data-sidebar-style=full] .header, [data-sidebar-style=overlay] .header {
        width: 100%;
        padding-left: 4rem
    }
}

@media only screen and (max-width: 47.9375rem) {
    .header .header-content:after {
        left: -5rem;
        width: calc(100% + 5rem)
    }
}

@media only screen and (max-width: 35.9375rem) {
    .header-right .notification_dropdown .nav-link svg {
        width: 1.25rem;
        height: 1.25rem
    }
}

[data-typography=poppins] {
    --dz-ffont-family: "poppins", sans-serif
}

[data-typography=cairo] {
    --dz-ffont-family: "Cairo", sans-serif
}

[data-typography=helvetica] {
    --dz-ffont-family: "HelveticaNeue"
}

[data-typography=opensans] {
    --dz-ffont-family: "Open Sans", sans-serif
}

[data-typography=roboto] {
    --dz-ffont-family: "Roboto", sans-serif
}

[data-sidebar-style=overlay] .footer {
    padding-left: 0
}

.footer {
    padding-left: 15rem
}

@media (max-width: 47.9375rem) {
    .footer {
        padding-left: 0
    }
}

@media only screen and (max-width: 61.9375rem) {
    .footer {
        padding-left: 3.8rem
    }
}

[data-theme-version=dark] input, [data-theme-version=dark] textarea {
    background-color: #1e1e1e;
    border-color: #444 !important;
    color: #fff !important
}

[data-theme-version=dark] .form-check-input {
    border-color: #444 !important;
    background-color: #1e1e1e !important
}

[data-theme-version=dark] .check-ai .form-check-input + .form-check-label {
    background-color: #1e1e1e;
    border-color: #444
}

[data-theme-version=dark] .form-wizard .nav-wizard li .nav-link:after {
    background: #1e1e1e !important
}

[data-theme-version=dark] .h1, [data-theme-version=dark] .h2, [data-theme-version=dark] .h3, [data-theme-version=dark] .h4, [data-theme-version=dark] .h5, [data-theme-version=dark] .h6, [data-theme-version=dark] h1, [data-theme-version=dark] h2, [data-theme-version=dark] h3, [data-theme-version=dark] h4, [data-theme-version=dark] h5, [data-theme-version=dark] h6 {
    color: #fff !important
}

[data-theme-version=dark] .apexcharts-gridlines-vertical line {
    stroke: #ffffff1a
}

[data-theme-version=dark] {
    --danger-light: #ff5e5e0d;
    --success-light: #3ac9771a;
    --warning-light: #ff9f001a;
    --info-light: #58bad71a;
    --badge-secondary: #2c2c2c80;
    --headerbg: #2c2c2c;
    --nav-headbg: #2c2c2c;
    --border-color: #444;
    --bs-body-bg: #242424;
    --sidebar-bg: #242424;
    color: #828690;
    background: #1e1e1e
}

[data-theme-version=dark] .deznav, [data-theme-version=dark] .read-content-attachment .attachment > div:not(:last-child), [data-theme-version=dark][data-layout=vertical][data-sidebar-position=fixed] .deznav {
    border-color: #444
}

[data-theme-version=dark] .deznav .metismenu ul a.mm-active, [data-theme-version=dark] .deznav .metismenu ul a:focus, [data-theme-version=dark] .deznav .metismenu ul a:hover {
    color: #fff !important
}

[data-theme-version=dark] .deznav .metismenu ul a:before {
    background-color: #fff
}

[data-theme-version=dark] .deznav .metismenu > li.mm-active > a, [data-theme-version=dark] .deznav .metismenu > li:focus > a, [data-theme-version=dark] .deznav .metismenu > li:hover > a {
    color: #fff !important
}

[data-theme-version=dark] .mix-chart-tab .nav-link {
    background: #444 !important;
    color: #fff !important
}

[data-theme-version=dark][data-sidebar-style=mini] .deznav .metismenu li > ul {
    background-color: #242424
}

[data-theme-version=dark] .deznav .metismenu a {
    color: #fff !important
}

[data-theme-version=dark] .table td, [data-theme-version=dark] .table th {
    border-color: #444;
    color: #fff !important
}

table.dataTable tbody td, table.dataTable tbody tr {
    background: #0000 !important
}

[data-theme-version=dark] th {
    background-color: #1e1e1e !important;
    border-color: #444 !important
}

[data-theme-version=dark] .active-projects .dataTables_info, [data-theme-version=dark] .active-projects.style-1 .dataTables_wrapper .dataTables_info {
    color: #fff !important
}

[data-theme-version=dark] .dt-filter .dataTables_filter label {
    background: #1e1e1e !important
}

[data-theme-version=dark] .dt-filter .dataTables_filter input[type=search] {
    background: #1e1e1e
}

[data-theme-version=dark] table.dataTable.display tbody td {
    border-top: 1px solid #444 !important
}

[data-theme-version=dark] .dataTables_info, [data-theme-version=dark] table.dataTable tfoot th {
    color: #fff !important
}

[data-theme-version=dark] #AllProject .apexcharts-series path {
    stroke: #444
}

[data-theme-version=dark] .apexcharts-text tspan {
    fill: #fff
}

[data-theme-version=dark] .active-country:after, [data-theme-version=dark] .ttl-project .pr-data:after {
    background: #444
}

[data-theme-version=dark] #overiewChart line {
    stroke: #444
}

[data-theme-version=dark] .apexcharts-canvas text {
    fill: #fff !important
}

[data-theme-version=dark] .chart-grd:after {
    background: #0000
}

[data-theme-version=dark] #NewCustomers #SvgjsSvg1006 {
    margin-top: 16px
}

[data-headerbg=color_4][data-theme-version=dark] .header-left .search-area .form-control, [data-headerbg=color_4][data-theme-version=dark] .header-left .search-area .input-group-text {
    background-color: #464646 !important
}

[data-theme-version=dark] .btn-close {
    color: #fff !important;
    background: #0000 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23099' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat
}

[data-theme-version=dark] .card {
    background-color: #242424;
    box-shadow: none;
    border-color: #444
}

[data-theme-version=dark] .widget-timeline .timeline:before {
    background: #444
}

[data-theme-version=dark] .widget-timeline .timeline > li > .timeline-badge {
    background-color: #242424 !important
}

[data-theme-version=dark] .btn-link svg path {
    stroke: #fff !important
}

.btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-color: #000;
    box-sizing: initial;
    width: 1em;
    height: 1em;
    padding: 1rem;
    color: var(--bs-btn-close-color);
    background: #0000 var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

.modal-backdrop, .offcanvas-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    z-index: 10 !important;
    opacity: var(--bs-backdrop-opacity);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
    transition: opacity .15s linear
}

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

.modal-dialog {
    --bs-modal-margin: 1.75rem;
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none;
    transition: transform .3s ease-out
}

.modal-dialog-center {
    min-height: calc(100% - 3.5rem);
    display: flex;
    align-items: center;
    justify-content: center
}

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

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width: 576px) {
    .modal-sm {
        --bs-modal-width: 300px
    }

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

@media (min-width: 360px) {
    .modal-dialog {
        --bs-modal-margin: 0.5rem !important
    }
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em;
    -moz-tab-size: 16;
    -o-tab-size: 2;
    tab-size: 2
}

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

.modal {
    pointer-events: none
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.5rem 1rem #00000026
    }
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto
}

[type=file]::-webkit-file-upload-button:not(.fallback [type=file]::-webkit-file-upload-button) {
    border: 0;
    border-right: 1px solid #000;
    color: var(--bs-body-color);
    padding: 0 10px;
    margin: 0 10px 0 0;
    height: 47px;
    background-color: #f8f9fa
}

.dz-modal-box {
    transform: none !important
}

.model-close {
    display: none;
    transform: translate3d(0, -2em, 0)
}

.asColorPicker-clear {
    display: none;
    position: absolute;
    right: 1rem;
    text-decoration: none;
    top: .5rem
}

.example.style-1 .asColorPicker-trigger {
    position: unset;
    width: 45px;
    height: 45px
}

.example.style-1 .asColorPicker-trigger span {
    border-radius: .375rem !important
}

.asColorPicker-dropdown {
    max-width: 26rem
}

.asColorPicker-trigger {
    border: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.1875rem;
    background: none
}

.asColorPicker-trigger span {
    border-radius: 0 .375rem .375rem 0
}

.asColorPicker-hex {
    font-size: 14px
}

.asColorPicker-buttons a {
    color: var(--bs-body-color);
    font-size: 13px
}

[data-theme-version=dark] .asColorPicker-dropdown {
    background: #1e1e1e;
    border-color: #444
}

.form-wizard {
    border: 0
}

.form-wizard .nav-wizard {
    box-shadow: none !important;
    margin-bottom: 2rem
}

.form-wizard .nav-wizard li .nav-link {
    position: relative
}

.form-wizard .nav-wizard li .nav-link span {
    border-radius: 3.125rem;
    width: 3rem;
    height: 3rem;
    border: .125rem solid var(--primary);
    display: block;
    line-height: 3rem;
    color: var(--primary);
    font-size: 1.125rem;
    margin: auto;
    background-color: #fff;
    position: relative;
    z-index: 1
}

.form-wizard .nav-wizard li .nav-link:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: .1875rem;
    transform: translateY(-50%);
    background: #eee !important;
    z-index: 0;
    width: 100%
}

.form-wizard .nav-wizard li .nav-link.active:after {
    background: var(--primary) !important
}

.form-wizard .nav-wizard li .nav-link.active span {
    background: var(--primary);
    color: #fff
}

.form-wizard .nav-wizard li .nav-link.done:after {
    background: var(--primary) !important
}

.form-wizard .nav-wizard li .nav-link.done span {
    background-color: var(--primary);
    color: #fff
}

.form-wizard .nav-wizard li:last-child .nav-link:after {
    content: none
}

.form-wizard .toolbar-bottom .btn {
    background-color: var(--primary);
    border: 0;
    padding: .75rem 1.125rem
}

.form-wizard .tab-content .tab-pane {
    padding: 0
}

.form-wizard .emial-setup label.mailclinet {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    cursor: pointer;
    background-color: #eef5f9;
    text-align: center;
    margin: auto
}

.form-wizard .emial-setup label.mailclinet .mail-icon {
    font-size: 3rem;
    display: inline-block;
    line-height: 1;
    margin-top: -1rem
}

.form-wizard .emial-setup label.mailclinet .mail-text {
    font-size: 1rem;
    text-align: center;
    margin-top: .5rem
}

.form-wizard .emial-setup label.mailclinet input[type=radio] {
    display: none
}

.form-wizard .tab-content {
    display: block
}

.form-wizard i {
    color: var(--bs-body-color)
}

[data-theme-version=dark] .form-wizard .emial-setup label.mailclinet, [data-theme-version=dark] .form-wizard .nav-wizard li .nav-link span {
    background-color: #1e1e1e
}

[data-theme-version=dark] .form-wizard .nav-wizard li .nav-link.active span, [data-theme-version=dark] .form-wizard .nav-wizard li .nav-link.done span {
    background: var(--primary)
}

@media only screen and (max-width: 35.9375rem) {
    .form-wizard .nav-wizard li .nav-link {
        padding: 0
    }

    .form-wizard .emial-setup label.mailclinet {
        width: 7rem;
        height: 7rem
    }

    .form-wizard .emial-setup label.mailclinet .mail-icon {
        font-size: 2rem
    }

    .form-wizard .emial-setup label.mailclinet .mail-text {
        font-size: .7rem;
        line-height: .95rem
    }

    .form-wizard .toolbar-bottom .btn {
        padding: .75rem 1.125rem;
        font-size: 12px
    }

    .form-wizard .nav-wizard li .nav-link span {
        line-height: 2.7rem;
        font-size: 16px
    }
}

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

.form-check-input[type=checkbox] {
    border-radius: .25em
}

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

.form-check-input {
    top: .125rem;
    border-width: 1px;
    width: 1.25rem;
    height: 1.25rem;
    --bs-form-check-bg: var(--bs-body-bg);
    border-color: #e7e7e7 !important;
    margin-top: .25em;
    vertical-align: top;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

.form-check-input:checked {
    border-color: var(--primary) !important
}

.form-control-sm {
    min-height: 2.5rem;
    padding: .25rem .5rem;
    font-size: .76563rem;
    border-radius: .5rem;
    height: calc(1.5em + .5rem + 2px)
}

.tagify.form-control {
    display: block;
    width: 100%
}

.form-control {
    padding: .375rem .75rem;
    border-radius: .375rem
}

.checkbox-warning .form-check-input:checked {
    background-color: #ff9f00;
    border-color: #ff9f00 !important
}

.checkbox-danger .form-check-input:checked {
    background-color: #ff5e5e;
    border-color: #ff5e5e !important
}

.checkbox-success .form-check-input:checked {
    background-color: #3ac977;
    border-color: #3ac977 !important
}

.checkbox-secondary .form-check-input:checked {
    background-color: #2c2c2c;
    border-color: #2c2c2c !important
}

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

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important
}

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

.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary)
}

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

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem var(--rgba-primary-5)
}

.btn-outline-primary:hover svg path {
    stroke: #fff;
    transition: all .5s
}

.show-pass .fa-eye {
    display: none
}

.show-pass.active .fa-eye {
    display: inline-block
}

.show-pass.active .fa-eye-slash {
    display: none
}

.show-confirm-pass .fa-eye {
    display: none
}

.show-confirm-pass.active .fa-eye {
    display: inline-block
}

.show-confirm-pass.active .fa-eye-slash {
    display: none
}

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

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--danger) !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF5E5E'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23FF5E5E' stroke='none'/%3E%3C/svg%3E")
}

.form-control.is-invalid, .form-control.is-valid, .was-validated .form-control:invalid, .was-validated .form-control:valid {
    padding-right: calc(1.5em + .75rem) !important;
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: var(--success) !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233AC977' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
}

[data-theme-version=dark] input[type=date]::-webkit-calendar-picker-indicator, [data-theme-version=dark] input[type=time]::-webkit-calendar-picker-indicator {
    filter: brightness(0) invert(1)
}

[data-theme-version=dark] input[type=date]::-moz-time-text, [data-theme-version=dark] input[type=time]::-moz-time-text {
    filter: brightness(0) invert(1)
}

.select2-results__options li {
    padding: .5rem 1.25rem;
    font-size: .875rem;
    margin: 0;
    background-color: #fff
}

.select2-container--default .select2-results__option--highlighted .select2-result-repository__forks, .select2-container--default .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-container--default .select2-results__option--highlighted .select2-result-repository__title, .select2-container--default .select2-results__option--highlighted .select2-result-repository__watchers, .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff
}

.select2-container--default .select2-result-repository {
    display: flex;
    align-items: center
}

.select2-container--default .select2-result-repository__avatar {
    height: 50px;
    width: 50px;
    margin-right: 12px
}

.select2-container--default .select2-result-repository__avatar img {
    width: 100%;
    height: 100%;
    border-radius: .5rem
}

.select2-container--default .select2-result-repository__meta {
    flex: 1
}

.select2-container--default .select2-result-repository__title {
    font-size: .95rem;
    color: #000
}

.select2-container--default .select2-result-repository__description {
    font-size: .75rem;
    margin-bottom: 3px
}

.select2-container--default .select2-result-repository__statistics {
    display: flex
}

.select2-container--default .select2-result-repository__forks, .select2-container--default .select2-result-repository__stargazers, .select2-container--default .select2-result-repository__watchers {
    margin-right: 12px;
    font-size: .75rem;
    color: #000
}

.status-complete, .status-high {
    background-color: var(--success-light) !important;
    color: var(--success) !important
}

.status-low, .status-pending {
    background-color: var(--danger-light) !important;
    color: var(--danger) !important
}

.status-testing {
    background-color: var(--warning-light) !important;
    color: #ff9f00 !important
}

.status-progress {
    background-color: #bb6bd91a !important;
    color: #bb6bd9 !important
}

.status-medium {
    background-color: #2c2c2c1a !important;
    color: var(--bs-body-color) !important
}

.nice-select.dropUp ul.list {
    top: auto !important;
    bottom: 100% !important;
    transform: scale(.75) translateY(21px);
    transform-origin: 50%
}

.nice-select.dropUp.open ul.list {
    transform: scale(1) translateY(0)
}

select.nice-select {
    display: block !important;
    position: absolute;
    height: 0 !important;
    width: 0 !important;
    opacity: 0;
    z-index: -1;
    padding: 0 !important
}

.dropdown-toggle:after {
    border-top: .3em solid;
    border-bottom: 0
}

.dropdown-toggle:after, .dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-right: .3em solid #0000;
    border-left: .3em solid #0000
}

.dropup .dropdown-toggle:after {
    border-top: 0;
    border-bottom: .3em solid
}

.dropend .dropdown-toggle:after {
    margin-left: .255em;
    vertical-align: .255em;
    border-right: 0;
    border-left: .3em solid
}

.dropend .dropdown-toggle:after, .dropstart .dropdown-toggle:before {
    display: inline-block;
    content: "";
    border-top: .3em solid #0000;
    border-bottom: .3em solid #0000
}

.dropstart .dropdown-toggle:before {
    margin-right: .255em;
    vertical-align: 0;
    border-right: .3em solid
}

.btn.tp-btn.btn-primary g [fill] {
    fill: var(--primary)
}

.active-projects .dataTables_info {
    padding-left: 20px;
    font-size: 12px;
    color: #888
}

table.dataTable thead td, table.dataTable thead th, table.dataTable.no-footer {
    border-bottom: none
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    content: "\f0dc";
    font-family: Font Awesome\ 6 Free;
    font-weight: 900;
    background-image: none;
    margin-left: 10px;
    font-size: calc(100% - 4px);
    opacity: .5
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    opacity: 1
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    opacity: 1
}

table.dataTable thead .style-1.sorting:after, table.dataTable thead .style-1.sorting_asc:after, table.dataTable thead .style-1.sorting_desc:after {
    display: none
}

.paging_simple_numbers.dataTables_paginate {
    padding: .6125rem .3125rem !important
}

.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
    color: #888;
    border-radius: 1rem;
    padding: .125rem 0;
    margin-bottom: .35rem
}

.dataTables_wrapper .dataTables_paginate {
    align-items: center;
    display: flex;
    flex-flow: wrap;
    float: right;
    text-align: right
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    font-size: 13px;
    height: 24px;
    width: 24px;
    background: #0000;
    border-radius: .375rem;
    padding: 0 .45rem;
    line-height: 25px;
    margin: 0 .225rem;
    display: inline-block;
    color: var(--primary) !important;
    box-shadow: none !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
    color: var(--primary) !important
}

.dataTables_wrapper .dataTables_paginate span .paginate_button.current {
    color: #fff !important;
    background: var(--primary) !important
}

.dataTables_wrapper .dataTables_paginate span .paginate_button {
    height: 24px;
    width: 24px;
    padding: 0;
    margin: 0 .125rem;
    line-height: 25px;
    text-align: center;
    font-size: 13px;
    border-radius: .375rem;
    border: 0 !important;
    color: var(--primary) !important;
    cursor: pointer;
    box-shadow: none !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid #0000;
    border-radius: 2px
}

.dataTables_wrapper .dataTables_paginate span .paginate_button:active, .dataTables_wrapper .dataTables_paginate span .paginate_button:hover, .paginate_button:hover {
    color: var(--primary) !important;
    background: var(--rgba-primary-1) !important;
    border-color: #0000 !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-color: #0000 !important
}

.dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover {
    color: #fff !important;
    background: var(--primary) !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
    color: var(--primary) !important;
    border-color: #0000
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-image: none !important
}

.dt-filter .dataTables_filter {
    float: left
}

.dt-filter .dataTables_filter label {
    background: #eeee;
    border-radius: .25rem;
    display: flex;
    align-items: center;
    margin: 1px 0 6px 17px;
    padding: 0 0 0 8px
}

.dt-filter .dataTables_filter input[type=search] {
    border: 0;
    background: #eeee;
    outline: none
}

.dataTables_wrapper input[type=search], .dataTables_wrapper input[type=text], .dataTables_wrapper select {
    border: .0625rem solid #e2e2e2;
    padding: .5rem;
    color: #715d5d;
    border-radius: .3125rem;
    outline: none
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: .5em
}

.dataTables_scrollBody thead {
    display: none
}

.dataTables_scrollFoot {
    padding-top: 1rem
}

#example2_wrapper .dataTables_scrollBody {
    max-height: 33.25rem !important
}

.dataTables_scrollBody::-webkit-scrollbar-track, table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #00000080;
    border-radius: 10px
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 8px;
    height: 7px
}

table::-webkit-scrollbar {
    height: 2px
}

.dataTables_scrollBody::-webkit-scrollbar-thumb, table::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--primary)
}

.dataTables_info {
    font-size: 14px
}

@media (max-width: 991.98px) {
    .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
        text-align: left
    }
}

.jqvmap-zoomin, .jqvmap-zoomout {
    position: absolute;
    left: .625rem;
    border-radius: .1875rem;
    background: #000;
    padding: .1875rem;
    color: #fff;
    width: 1.0625rem;
    height: 1.0625rem;
    cursor: pointer;
    line-height: .725rem;
    text-align: center
}

.jqvmap-zoomin {
    top: .625rem
}

.jqvmap-zoomout {
    top: 1.875rem
}

.light.btn-primary g [fill] {
    fill: var(--primary)
}

.light.btn-primary:hover g [fill] {
    fill: #fff
}

.light.btn-info g [fill] {
    fill: #58bad7
}

.light.btn-danger g [fill] {
    fill: #ff5e5e
}

.light.btn-success g [fill] {
    fill: #3ac977
}

.light.btn-warning g [fill] {
    fill: #ff9f00
}

.btn.tp-btn.btn-primary:hover g [fill], .light.btn-danger:hover g [fill], .light.btn-danger:hover svg path, .light.btn-info:hover g [fill], .light.btn-primary:hover svg path, .light.btn-success:hover g [fill], .light.btn-warning:hover g [fill] {
    fill: #fff
}

.people-list {
    height: calc(100vh - 260px);
    margin-bottom: 25px
}

.chat-box-area.style-2 {
    padding: 1.25rem;
    height: calc(100vh - 260px);
    margin-top: 20px
}

@media only screen and (max-width: 35.9375rem) {
    .chat-left-area.active {
        left: 0 !important;
        background: #fff
    }

    .chat-meadia {
        width: 100% !important
    }
}

.widget-timeline .timeline:before {
    top: 1.25rem;
    bottom: 0;
    position: absolute;
    content: " ";
    width: .188rem;
    left: .5625rem;
    margin-right: -.0938rem;
    background: #e6e6e6
}

.widget-timeline .timeline > li:before {
    content: " ";
    display: table
}

.widget-timeline .timeline > li:after {
    content: " ";
    display: table;
    clear: both
}

.widget-timeline .timeline > li > .timeline-badge:after {
    content: "";
    width: .525rem;
    height: .525rem;
    border-radius: 100%;
    display: block
}

.widget-timeline .timeline-badge.primary:after {
    background-color: var(--primary);
    box-shadow: 0 .3125rem .625rem 0 var(--rgba-primary-2)
}

.widget-timeline.style-1 .timeline .timeline-badge.primary + .timeline-panel {
    border-color: var(--primary)
}

.widget-timeline.style-1 .timeline .timeline-badge.info + .timeline-panel {
    border-color: #58bad7
}

.widget-timeline.style-1 .timeline .timeline-badge.danger + .timeline-panel {
    border-color: #ff5e5e
}

.widget-timeline.style-1 .timeline .timeline-badge.success + .timeline-panel {
    border-color: #3ac977
}

.widget-timeline.style-1 .timeline .timeline-badge.warning + .timeline-panel {
    border-color: #ff9f00
}

.widget-timeline.style-1 .timeline .timeline-badge.dark + .timeline-panel {
    border-color: #6e6e6e
}

.widget-timeline .timeline > li > .timeline-panel {
    border-radius: .375rem;
    padding: .9375rem 1.25rem;
    position: relative;
    display: block;
    margin-left: 2.5rem;
    border-width: .0625rem;
    border-style: solid
}

.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge + .timeline-panel {
    background: #0000 !important;
    border-style: solid;
    border-width: 0 0 0 .2125rem;
    border-radius: 0;
    padding: .3125rem .625rem .3125rem .9375rem
}

.widget-timeline.style-1 .timeline .timeline-badge.primary + .timeline-panel:after {
    background: var(--primary)
}

.widget-timeline.style-1 .timeline .timeline-badge.info + .timeline-panel:after {
    background: #58bad7
}

.widget-timeline.style-1 .timeline .timeline-badge.danger + .timeline-panel:after {
    background: #ff5e5e
}

.widget-timeline.style-1 .timeline .timeline-badge.success + .timeline-panel:after {
    background: #3ac977
}

.widget-timeline.style-1 .timeline .timeline-badge.warning + .timeline-panel:after {
    background: #ff9f00
}

.widget-timeline.style-1 .timeline .timeline-badge.dark + .timeline-panel:after {
    background: #6e6e6e
}

.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge + .timeline-panel:after {
    border: 0;
    left: -.3625rem;
    width: .3375rem;
    height: .3375rem
}

.widget-timeline .timeline > li > .timeline-panel:after {
    content: "";
    width: .625rem;
    height: .625rem;
    background: inherit;
    border-color: inherit;
    border-style: solid;
    border-width: 0 0 .0625rem .0625rem;
    display: block;
    position: absolute;
    left: -.3125rem;
    transform: rotate(45deg);
    top: .9375rem
}

.widget-timeline .timeline-badge.info:after {
    background-color: #58bad7 !important;
    box-shadow: 0 .3125rem .625rem 0 #58bad733
}

.widget-timeline .timeline-badge.danger:after {
    background-color: #ff5e5e !important;
    box-shadow: 0 .3125rem .625rem 0 #ff5e5e33
}

.widget-timeline .timeline-badge.success:after {
    background-color: #3ac977 !important;
    box-shadow: 0 .3125rem .625rem 0 #3ac97733
}

.widget-timeline .timeline-badge.warning:after {
    background-color: #ff9f00 !important;
    box-shadow: 0 .3125rem .625rem 0 #ff9f0033
}

.widget-timeline .timeline-badge.dark:after {
    background-color: #6e6e6e !important;
    box-shadow: 0 .3125rem .625rem 0 #6e6e6e33
}

.widget-media .timeline .timeline-panel .media-info {
    background: #d3edf5 !important;
    color: #58bad7
}

.widget-media .timeline .timeline-panel .media-success {
    background: #daf5e6 !important;
    color: #3ac977
}

.widget-media .timeline .timeline-panel .media-danger {
    background: #ffdede !important;
    color: #ff5e5e
}

.widget-media .timeline .timeline-panel .media-primary {
    background: var(--rgba-primary-1) !important;
    color: var(--primary)
}

.widget-timeline .timeline-badge.primary {
    border-color: var(--rgba-primary-1)
}

.overlay-box:after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: .85;
    background: var(--primary);
    z-index: -1
}

#chart_widget_5 .ct-series-a .ct-area {
    fill: #20dea6
}

#chart_widget_5 .ct-area {
    fill-opacity: 1
}

#chart_widget_5 .ct-series-a .ct-line, #chart_widget_5 .ct-series-a .ct-point {
    stroke: #46ffc8
}

#chart_widget_5 .ct-point, #chart_widget_6 .ct-line, #chart_widget_8 .ct-line, #chart_widget_8 .ct-point {
    stroke-width: .125rem
}

#chart_widget_5 .ct-line {
    stroke-width: .0625rem
}

#chart_widget_6 .ct-series-a .ct-area {
    fill: #58bad7
}

#chart_widget_6 .ct-area {
    fill-opacity: .5
}

#chart_widget_6 .ct-series-a .ct-line, #chart_widget_6 .ct-series-a .ct-point, #chart_widget_8 .ct-series-a .ct-line, #chart_widget_8 .ct-series-a .ct-point {
    stroke: #58bad7
}

#chart_widget_6 .ct-point, #chart_widget_8 .ct-point {
    stroke-width: .3125rem
}

#chart_widget_11 {
    height: 16.875rem !important
}

#external-events .external-event:before {
    content: "";
    display: block;
    width: .875rem;
    min-width: .875rem;
    height: .875rem;
    border-radius: 50%;
    margin-right: .9rem;
    position: relative;
    top: .125rem
}

#external-events [data-class=bg-primary]:before {
    background: var(--primary)
}

#external-events [data-class=bg-warning]:before {
    background: #ff9f00
}

#external-events [data-class=bg-danger]:before {
    background: #ff5e5e
}

#external-events [data-class=bg-info]:before {
    background: #58bad7
}

#external-events [data-class=bg-dark]:before {
    background: #6e6e6e
}

#external-events [data-class=bg-secondary]:before {
    background: #2c2c2c
}

.external-event:hover:before {
    background: #fff !important
}

.fc-toolbar {
    margin-top: .9375rem
}

.fc .fc-button {
    font-size: 14px
}

.fc-toolbar .h2, .fc-toolbar h2 {
    font-weight: 600;
    line-height: 1.875rem;
    text-transform: uppercase
}

.fc .fc-button-group > .fc-button.fc-button-active, .fc .fc-button-group > .fc-button:active, .fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:hover {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary)
}

.fc-view {
    margin-top: 1.875rem
}

.app-fullcalendar a {
    color: var(--bs-body-color)
}

.fc .fc-view-harness {
    height: 800px !important;
    overflow-y: auto
}

.fc .fc-daygrid-week-number {
    font-size: 13px !important
}

.fc .fc-button-group > .fc-button {
    color: #b5b5c3;
    background: 0 0;
    text-shadow: none !important;
    box-shadow: none !important
}

.fc .fc-button-primary {
    border-color: #ebedf3 !important
}

[data-theme-version=dark] .fc .fc-button-group > .fc-button, [data-theme-version=dark] .fc-scrollgrid table, [data-theme-version=dark] .fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid, [data-theme-version=dark] .fc-theme-standard td, [data-theme-version=dark] .fc-theme-standard th {
    border-color: #444 !important
}

[data-theme-version=dark] .app-fullcalendar a, [data-theme-version=dark] .fc .fc-daygrid-week-number {
    color: var(--white) !important
}

[data-theme-version=dark] .fc-button.fc-button-primary.fc-today-button, [data-theme-version=dark] .fc-daygrid-dot-event {
    background-color: #1e1e1e !important
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: .3em
}

.fc .fc-toolbar-title {
    font-size: 20px;
    margin: 0
}

.fc-scrollgrid, .fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid, table {
    border-color: #ebedf3
}

.fc-theme-standard th {
    padding: .75rem .5rem;
    font-size: 14px;
    font-weight: 500;
    color: #b5b5c3
}

.fc-theme-standard td, .fc-theme-standard th {
    border-color: #ebedf3
}

.fc-button-primar {
    background-color: var(--primary) !important
}

.fc-h-event, .fc-v-event {
    background: var(--primary);
    border-radius: .42rem
}

.fc-h-event .fc-event-title {
    color: var(--white)
}

.fc-unthemed .fc-event-dot, .fc-unthemed .fc-h-event {
    padding: 0;
    border-radius: .42rem
}

.fc-daygrid-dot-event {
    background: #fff;
    border: 1px solid #ebedf3;
    box-shadow: 0 0 9px 0 #0000001a
}

.fc-daygrid-dot-event .fc-daygrid-event-dot {
    border-color: var(--primary)
}

.fc-daygrid-dot-event .fc-event-title {
    font-weight: 500
}

.fc-event.bg-dark, .fc-event.bg-info, .fc-event.bg-primary, .fc-event.bg-secondary, .fc-event.bg-success, .fc-event.bg-warning {
    color: var(--white) !important;
    border-radius: 8px
}

.fc-daygrid-event-dot {
    border-color: var(--white)
}

.fc .fc-scroller-liquid-absolute, .fc-scroller {
    position: relative;
    overflow: visible !important
}

.fc-button.fc-button-primary.fc-today-button {
    background: var(--primary);
    color: var(--white);
    border: 0;
    opacity: 1
}

.fc-unthemed .fc-toolbar .fc-button.fc-button-active, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button:focus {
    background: var(--primary);
    color: #fff;
    border: 1px solid var(--primary);
    box-shadow: none;
    text-shadow: none
}

.external-event:hover:before {
    background: var(--white) !important
}

.fc-event {
    overflow: hidden
}

#external-events.external-event {
    text-align: left;
    font-size: 16px
}

.external-event, .fc-event {
    border-radius: .42rem;
    border: none;
    cursor: move;
    font-size: .8125rem;
    margin: .3125rem .4375rem;
    padding: .3125rem;
    text-align: center
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 2px
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left: 2px
}

.fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px
}

[data-theme-version=dark] .buttons-container .label-container {
    color: var(--bs-body-color) !important
}

[data-theme-version=dark] .week .day.calender-header {
    background-color: #1e1e1e;
    color: var(--bs-body-color) !important
}

.fc-event.bg-dark .fc-daygrid-event-dot, .fc-event.bg-info .fc-daygrid-event-dot, .fc-event.bg-primary .fc-daygrid-event-dot, .fc-event.bg-secondary .fc-daygrid-event-dot, .fc-event.bg-success .fc-daygrid-event-dot, .fc-event.bg-warning .fc-daygrid-event-dot {
    border-color: #fff
}

.fc-media-screen .fc-timegrid-event {
    height: 100%
}

@media (max-width: 35.9375rem) {
    .fc.app-fullcalendar .fc-timegrid-slot-label {
        width: 40px !important;
        font-size: 10px
    }

    .external-event, .fc.app-fullcalendar .fc-event {
        font-size: 10px;
        margin: 0;
        padding: 2px 0;
        text-align: center;
        line-height: 1.3
    }

    .fc.app-fullcalendar .fc-col-header-cell-cushion {
        display: inline-block;
        padding: 2px 4px;
        font-size: 10px
    }

    .fc .fc-toolbar.fc-header-toolbar {
        display: block
    }

    .fc-toolbar-chunk {
        display: flex;
        justify-content: center
    }

    .fc-toolbar-chunk:first-child {
        justify-content: space-between
    }

    .fc-toolbar-title {
        margin-bottom: 8px
    }

    .fc-theme-standard th {
        font-size: 14px;
        font-weight: 400;
        padding: 3px 0
    }

    .fc .fc-view-harness {
        height: 450px !important
    }
}

@media only screen and (max-width: 61.9375rem) {
    .fc-daygrid-event {
        white-space: unset
    }

    .fc-daygrid-dot-event {
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 1480px) {
    .day.today span {
        height: 39px;
        width: 32px;
        font-weight: 400
    }
}

.lg-backdrop {
    background-color: #1e1e1ee6
}

.lg-thumb-outer.lg-grab, .lg-toogle-thumb.lg-icon {
    background-color: #1e1e1e99
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: var(--primary)
}

.ai-slider .noUi-connects {
    background-color: var(--rgba-primary-1);
    height: 5px
}

.noUi-connect {
    background-color: var(--primary)
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -.375rem
}

.ai-slider .noUi-handle {
    border-radius: 50%
}

.noUi-horizontal .noUi-handle {
    top: -.4375rem;
    cursor: pointer
}

.noUi-handle:after, .noUi-handle:before {
    display: none !important
}

.noUi-horizontal {
    height: .125rem;
    border: 0;
    margin-bottom: .625rem
}

.noUi-pips-horizontal {
    width: 95%
}

.noUi-connects {
    background-color: #d2d6de
}

.noUi-horizontal .noUi-handle {
    right: -17px;
    left: auto
}

.noUi-vertical .noUi-handle {
    left: -.35rem;
    top: -.375rem
}

.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
    height: .9375rem;
    width: .9375rem;
    border-radius: 3.125rem;
    box-shadow: none;
    border: none;
    background-color: var(--primary)
}

.example-val {
    color: var(--bs-body-color)
}

.example-val, .noUi-pips-horizontal, .noUi-value {
    font-size: 14px
}

.slider-vertical {
    height: 18rem;
    width: .375rem
}

.noUi-target {
    border-color: #0000;
    border-radius: 0
}

.colorpicker-slider .sliders.noUi-target#blue, .colorpicker-slider .sliders.noUi-target#green, .colorpicker-slider .sliders.noUi-target#red {
    margin: .625rem;
    display: inline-block;
    height: 12.5rem
}

.colorpicker-slider .sliders.noUi-target#red .noUi-connect {
    background: #c0392b
}

.colorpicker-slider .sliders.noUi-target#green .noUi-connect {
    background: #27ae60
}

.colorpicker-slider #result {
    margin: 3.75rem 1.625rem;
    height: 6.25rem;
    width: 6.25rem;
    display: inline-block;
    vertical-align: top;
    color: #7f7f7f;
    background: #7f7f7f;
    border: .0625rem solid #fff;
    box-shadow: 0 0 .625rem
}

.noUi-vertical {
    width: .375rem
}

#slider-toggle {
    height: 3.125rem
}

[data-theme-version=dark] .noUi-target .noUi-connects {
    background: #444
}

[data-theme-version=dark] .noUi-target {
    border-color: #444;
    border-radius: .5rem;
    box-shadow: none
}

[data-theme-version=dark] .noUi-marker, [data-theme-version=dark] .noUi-marker-large {
    background: #444
}

@media only screen and (max-width: 35.9375rem) {
    .example-val, .noUi-pips-horizontal, .noUi-value {
        font-size: 12px
    }
}

.ck.ck-reset.ck-editor {
    border: .0625rem solid var(--rgba-primary-1)
}

.ck.ck-editor .ck.ck-button {
    padding: .375rem .5rem;
    background-color: #fff;
    color: #374557;
    font-weight: 900;
    border: .0625rem solid #f0f0f1;
    cursor: pointer
}

.ck.ck-editor .ck-content {
    background-color: #f7f7f7;
    border-width: .0625rem 0 0;
    border-color: #0000001a;
    min-height: 12.5rem;
    border: .0625rem solid var(--rgba-primary-1) !important
}

.ck.ck-editor__main > .ck-editor__editable {
    background: #fff !important
}

.ck.ck-editor .ck.ck-toolbar {
    background-color: #fff;
    border: 0;
    padding: .3125rem .625rem
}

.ck-editor__editable {
    background-color: #f7f7f7 !important
}

.ck.ck-toolbar .ck.ck-toolbar__separator {
    display: none !important
}

[data-theme-version=dark] .ck.ck-editor .ck.ck-toolbar, [data-theme-version=dark] .ck.ck-editor__main > .ck-editor__editable {
    background: #1e1e1e !important
}

[data-theme-version=dark] .ck.ck-editor .ck.ck-button {
    border-color: #444;
    color: #fff;
    background-color: #1e1e1e
}

[data-theme-version=dark] .ck.ck-editor .ck-content {
    border: .0625rem solid #444 !important
}

.dataTables_length .nice-select {
    float: none;
    display: inline-block;
    margin: 0 6px;
    padding: 10px 39px 10px 15px
}

.dataTables_length .nice-select:after {
    right: 15px;
    border-top: .3em solid;
    border-right: .3em solid #0000;
    border-bottom: 0;
    border-left: .3em solid #0000;
    transform: rotate(0deg)
}

.nice-select.style-3 {
    display: inline-flex
}

.Disabled.nice-select:after {
    display: none
}

.nice-select.style-3:after {
    display: inline-block;
    right: .8em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid #0000;
    border-bottom: 0;
    border-left: .3em solid #0000;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    margin-top: -2px
}

.nice-select.style-3.open:after {
    transform: rotate(0)
}

.nice-select.style-1:after {
    right: 20px
}

.nice-select.style-1:after, .nice-select.style-2:after {
    border-bottom: 1.8px solid #a5a5a5;
    border-right: 1.8px solid #a5a5a5
}

.nice-select.style-2:after {
    left: 0
}

.nice-select.style-1.open .list {
    width: 100%
}

[data-theme-version=dark] .nice-select.open .list:not(.switcher-select>.nice-select.open .list) {
    background-color: #242424;
    box-shadow: 0 0 0 .0625rem #ffffff1a
}

[data-theme-version=dark] .nice-select .option:hover:not(.switcher-select>.nice-select .option:hover) {
    background-color: initial
}

[data-theme-version=dark] .nice-select .option.focus:not(.switcher-select>.nice-select .option.focus), [data-theme-version=dark] .nice-select .option:not(.switcher-select>.nice-select .option), [data-theme-version=dark].nice-select .option.selected.focus:not(.switcher-select>.nice-select .option.selected.focus) {
    color: #fff
}

[data-theme-version=dark] .dataTables_length .nice-select {
    background-color: initial;
    border-color: #444
}

[data-theme-version=dark] .sidebar-right .nice-select {
    border-color: #e6e6e6 !important
}

[data-theme-version=dark] .sidebar-right .nice-select .option {
    padding: 0 1rem;
    font-size: 13px
}

.img-select.nice-select .current, .img-select.nice-select .option {
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 36px
}

.select2-container {
    width: 100% !important
}

.select2-container--default .select2-selection--single {
    border-radius: .375rem;
    border: .0625rem solid #dfdfdf;
    height: 2.5rem;
    background: #fff
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.313rem;
    color: #888;
    padding-left: .9375rem;
    min-height: 2.813rem
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: .375rem;
    right: .9375rem
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary)
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none
}

.select2-results__option {
    font-size: 13px;
    color: var(--bs-body-color)
}

.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: .0625rem solid #dfdfdf
}

.select2-container .select2-selection--multiple {
    min-height: 2.5rem;
    color: #888;
    border-color: #c8c8c8
}

[data-theme-version=dark] .select2-container--default .select2-selection--single {
    background: #1e1e1e;
    border-color: #444
}

[data-theme-version=dark] .select2-search--dropdown .select2-search__field {
    background: #242424;
    border-color: #444
}

[data-theme-version=dark] .select2-container .select2-selection--multiple, [data-theme-version=dark] .select2-dropdown {
    background: #1e1e1e;
    border-color: #444
}

.legend > div {
    background: #0000 !important
}

.flot-chart .legend table tbody tr:last-child .legendLabel {
    color: #ffaa2b
}

.ct-chart .ct-label {
    fill: #a3afb7;
    color: #a3afb7;
    font-size: .75rem;
    line-height: 1
}

.ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-a .ct-slice-donut {
    stroke: var(--primary)
}

.ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point, .ct-chart .ct-series.ct-series-b .ct-slice-donut {
    stroke: #3ac977
}

.ct-chart .ct-series.ct-series-c .ct-bar, .ct-chart .ct-series.ct-series-c .ct-line, .ct-chart .ct-series.ct-series-c .ct-point, .ct-chart .ct-series.ct-series-c .ct-slice-donut {
    stroke: #ff9f00
}

.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {
    fill: #2c2c2c
}

.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {
    fill: #00a2ff
}

.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {
    fill: #ff9800
}

.ct-chart .ct-series.ct-series-e .ct-bar, .ct-chart .ct-series.ct-series-e .ct-line, .ct-chart .ct-series.ct-series-e .ct-point, .ct-chart .ct-series.ct-series-e .ct-slice-donut {
    stroke: #58bad7
}

.ct-chart .ct-series.ct-series-d .ct-bar, .ct-chart .ct-series.ct-series-d .ct-line, .ct-chart .ct-series.ct-series-d .ct-point, .ct-chart .ct-series.ct-series-d .ct-slice-donut {
    stroke: #ff5e5e
}

.ct-chart .ct-series.ct-series-g .ct-bar, .ct-chart .ct-series.ct-series-g .ct-line, .ct-chart .ct-series.ct-series-g .ct-point, .ct-chart .ct-series.ct-series-g .ct-slice-donut {
    stroke: #8d6e63
}

.ct-chart.simple-pie-chart-chartist .ct-label {
    color: #fff;
    fill: #fff;
    font-size: .625rem
}

.chartist-tooltip {
    position: absolute;
    display: inline-block;
    opacity: 0;
    min-width: .625rem;
    padding: .125rem .625rem;
    border-radius: .125rem;
    background: #313a46;
    color: #fff;
    text-align: center;
    pointer-events: none;
    z-index: 1;
    transition: opacity .2s linear
}

.morris-hover.morris-default-style {
    border-radius: .3125rem;
    padding: 0;
    margin: 0;
    border: none;
    overflow: hidden;
    font-size: 12px
}

.morris-hover {
    position: absolute;
    z-index: 1;
    background: var(--primary);
    color: #fff
}

.morris-hover .morris-hover-row-label {
    background-color: #6e6e6e;
    text-align: center;
    padding: .3125rem;
    color: #fff !important;
    margin-bottom: .3125rem
}

.morris-hover .morris-hover-point {
    color: #fff !important;
    margin: .1875rem 0;
    text-align: center;
    padding: 0 1.5625rem
}

#StackedBarChart canvas, #composite-bar canvas, #spark-bar canvas, #sparkline-composite-chart canvas, #sparkline11 canvas, #tristate canvas {
    height: 6.25rem !important
}

#activity {
    height: 20.575rem !important
}

[data-theme-version=dark] .legendLabel {
    color: #fff
}

[data-theme-version=dark] .morris_chart_height text tspan {
    fill: #fff
}

.dd-item > button {
    line-height: 28px
}

@media only screen and (max-width: 35.9375rem) {
    .dd .dd-list {
        padding-left: 0 !important
    }
}

.toast-title {
    margin-bottom: .3125rem;
    font-weight: 600
}

.toast-message {
    font-size: .75rem
}

#toast-container > div {
    opacity: 1
}

.toast-close-button {
    opacity: 1;
    font-size: 1.25rem;
    font-weight: 400;
    text-shadow: none
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none
}

.sweet-image {
    width: 20%
}

.swal2-popup .swal2-content {
    color: #888
}

[data-theme-version=dark] .swal2-popup {
    background: #242424
}

.daterangepicker th, .drp-selected {
    color: var(--bs-body-color)
}

.daterangepicker .calendar-table td {
    width: 33px;
    height: 33px;
    border-radius: .5rem;
    color: #b5b5c3
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--primary);
    color: #fff !important
}

.daterangepicker td.in-range {
    background-color: initial;
    color: #5e6278 !important
}

.btn-group-sm > button.cancelBtn.btn.btn-inverse, button.cancelBtn.btn.btn-sm.btn-inverse {
    background-color: #f9f9f9;
    color: var(--bs-body-color)
}

.daterangepicker button.applyBtn {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff !important
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 4PX
}

[data-theme-version=dark] .daterangepicker, [data-theme-version=dark] .daterangepicker .calendar-table {
    background: #1e1e1e;
    border-color: var(--primary)
}

[data-theme-version=dark] .daterangepicker td.off, [data-theme-version=dark] .daterangepicker td.off.end-date, [data-theme-version=dark] .daterangepicker td.off.in-range, [data-theme-version=dark] .daterangepicker td.off.start-date {
    background-color: #242424
}

[data-theme-version=dark] .daterangepicker .calendar-table .table-condensed td:hover {
    background-color: var(--primary);
    color: #fff
}

[data-theme-version=dark] .daterangepicker select.ampmselect, [data-theme-version=dark] .daterangepicker select.hourselect, [data-theme-version=dark] .daterangepicker select.minuteselect, [data-theme-version=dark] .daterangepicker select.secondselect {
    background: #1e1e1e;
    border: .0625rem solid #444;
    color: #fff
}

.picker .picker__frame {
    min-width: 28.125rem;
    max-width: 28.125rem
}

.picker .picker__frame .picker__box {
    padding: 1.25rem;
    border: 0;
    box-shadow: 0 .3125rem .625rem #0000001a
}

.picker .picker__frame .picker__box .picker__header {
    margin-top: 0
}

.picker .picker__frame .picker__box .picker__header .picker__year {
    color: var(--primary);
    font-style: inherit;
    font-size: 1.25rem
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev {
    left: 0
}

.picker .picker__frame .picker__box .picker__header .picker__nav--next {
    right: 0
}

.picker .picker__frame .picker__box .picker__header .picker__nav--next, .picker .picker__frame .picker__box .picker__header .picker__nav--prev {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    line-height: 2.5rem;
    border-radius: .125rem
}

.picker .picker__frame .picker__box .picker__table .picker__weekday {
    padding: .625rem 0;
    font-size: 1rem
}

.picker .picker__frame .picker__box .picker__table .picker__day {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 3.125rem;
    padding: 0 !important;
    font-size: 1rem;
    line-height: 2.5rem;
    margin: auto;
    border: 0 !important
}

.picker .picker__frame .picker__box .picker__table .picker__day.picker__day--highlighted {
    border: 0 !important;
    padding: 0;
    background-color: var(--primary);
    color: #fff !important
}

.picker .picker__frame .picker__box .picker__table .picker__day:hover {
    background-color: var(--primary);
    color: #fff !important
}

.picker__button--today:before, .picker__day--today:before, .picker__nav--next:before, .picker__nav--prev:before {
    display: none
}

.picker .picker__frame .picker__box .picker__footer .picker__button--clear, .picker .picker__frame .picker__box .picker__footer .picker__button--close, .picker .picker__frame .picker__box .picker__footer .picker__button--today {
    border: 0;
    border-radius: .125rem;
    font-size: 1rem
}

.picker .picker__frame .picker__box .picker__footer .picker__button--today {
    background-color: var(--primary);
    color: #fff !important
}

.picker .picker__frame .picker__box .picker__header .picker__nav--next:after, .picker .picker__frame .picker__box .picker__header .picker__nav--prev:after {
    font-family: fontawesome;
    border: 0;
    margin: 0 auto;
    font-size: 1.375rem
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev:after {
    content: "\f0d9"
}

.picker .picker__frame .picker__box .picker__header .picker__nav--next:after {
    content: "\f0da"
}

[data-theme-version=dark] .picker__box {
    background: #242424
}

[data-theme-version=dark] .picker .picker__frame .picker__box .picker__footer .picker__button--clear, [data-theme-version=dark] .picker .picker__frame .picker__box .picker__footer .picker__button--close, [data-theme-version=dark] .picker .picker__frame .picker__box .picker__header .picker__nav--next, [data-theme-version=dark] .picker .picker__frame .picker__box .picker__header .picker__nav--prev, [data-theme-version=dark] .picker .picker__frame .picker__box .picker__table .picker__day, [data-theme-version=dark] .picker__month, [data-theme-version=dark] .picker__year {
    color: #fff
}

@media only screen and (max-width: 35.9375rem) {
    .picker .picker__frame {
        min-width: 100% !important;
        max-width: 100% !important
    }

    .picker__wrap {
        display: block
    }

    .picker .picker__frame .picker__box {
        padding: .9375rem;
        margin: 0 .625rem
    }

    .picker__table {
        margin-bottom: .75em
    }
}

.swiper-button-next, .swiper-button-prev {
    color: #fff
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 25px
}

.swiper-button-next, .swiper-button-prev {
    width: calc(var(--swiper-navigation-size) / 10 * 40)
}

.swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 0
}

.swiper-pagination-bullet-active {
    background-color: #fff
}

@media (max-width: 35.9375rem) {
    .swiper-button-next, .swiper-button-prev {
        width: calc(var(--swiper-navigation-size) / 10 * 10)
    }
}

.offcanvas.is-closed {
    transform: translateX(100%)
}

#left-offcanvas.offcanvas.is-closed {
    transform: translateX(-100%)
}

#top-offcanvas.offcanvas.is-closed {
    transform: translatey(-100%)
}

#bottom-offcanvas.offcanvas.is-closed {
    transform: translatey(100%)
}

.draggable.draggable-mirror {
    opacity: .8;
    transition: opacity .3s ease;
    border-radius: .375rem;
    background: #fff;
    border: 2px dashed #e4e6ef !important
}

.draggable.draggable--original, .draggable.draggable-source--is-dragging.draggable--over {
    opacity: 0 !important
}

.draggable-handle {
    cursor: all-scroll
}

.draggable-zone {
    outline: 0 !important
}

.content-body {
    margin-left: 15rem;
    z-index: 0;
    transition: all .2s ease
}

[data-header-position=fixed] .content-body {
    padding-top: 3.125rem
}

.container-fluid {
    padding-top: 1.875rem;
    padding-right: 1.875rem;
    padding-left: 1.875rem
}

.container {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    margin-top: 2.5rem
}

[data-sidebar-style=overlay] .content-body {
    margin-left: 0
}

.chart-grd:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 5rem;
    left: 0;
    background: linear-gradient(90deg, #fffc, #fff0);
    z-index: 0;
    pointer-events: none
}

.depostit-card .progress-box .progress {
    height: .313rem;
    margin-top: .188rem;
    background-color: #e6eaee
}

.ttl-project .pr-data:after {
    content: "";
    position: absolute;
    top: -20px;
    right: -50px;
    width: 1px;
    height: 85px;
    background: #0000001a
}

.draggable {
    transition: opacity .3s ease;
    outline: 0 !important
}

.to-dodroup .sub-card .d-items .d-items-2 svg {
    margin-right: 10px
}

.earning-tab .nav-item .nav-link.active {
    background-color: initial !important;
    border-color: var(--primary) !important;
    color: var(--secondary) !important;
    font-weight: 500 !important
}

[data-theme-version=dark] .earning-tab .nav-item .nav-link.active, [data-theme-version=dark] .to-dodroup .sub-card .d-items .d-items-2 label {
    color: #fff !important
}

.active-projects .dt-buttons .dt-button {
    position: absolute;
    top: -47px;
    right: 20px;
    font-size: 13px !important;
    color: var(--primary);
    font-weight: 400;
    background: var(--rgba-primary-1);
    padding: 5px 12px;
    border-radius: .25rem;
    margin-right: .333em;
    margin-bottom: .333em;
    z-index: 2;
    transition: all .5s
}

.active-projects .dt-buttons .dt-button:hover {
    color: var(--white);
    background-color: var(--primary)
}

.active-projects.style-1 .dataTables_wrapper .dataTables_info {
    padding-top: 1.255em;
    color: #888
}

div.dt-buttons {
    position: relative;
    float: left
}

.active-projects .dt-buttons {
    float: unset
}

.manage-client .dt-buttons {
    display: none
}

.exports .dt-buttons .dt-button {
    top: 0 !important;
    right: 0 !important
}

.active-map-main:after {
    content: "";
    position: absolute;
    top: -91px;
    right: 0;
    height: 417px;
    background: #e6e6e6;
    width: 1px
}

[data-theme-version=dark] .active-map-main:after {
    background: #444
}

.active-projects.style-1 .dt-buttons .dt-button {
    top: -50px;
    right: 298px
}

.user-tbl .dt-buttons .dt-button {
    top: 0
}

.navbar-nav li.active .scroll {
    color: var(--primary) !important;
    font-weight: 500
}

.navbar-nav .active:after {
    background-color: var(--primary)
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .content-body .container-fluid, .content-body .container-lg, .content-body .container-md, .content-body .container-sm, .content-body .container-xl, .content-body .container-xxl {
        padding-top: 1.25rem;
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .col-xxl-3 {
        flex: 0 0 25% !important;
        max-width: 25% !important
    }

    .col-xxl-4 {
        flex: 0 0 33.33333% !important;
        max-width: 33.33333% !important
    }

    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50% !important
    }

    .col-xxl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667% !important
    }

    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75% !important
    }

    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100% !important
    }

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

@media only screen and (min-width: 1199px) and (max-width: 1450px) {
    .active-p, .flag {
        width: 100% !important
    }

    .chat-map {
        order: 1
    }

    .chat-map, .up-shd {
        width: 50% !important
    }

    .bst-seller {
        width: 100% !important
    }
}

@media only screen and (min-width: 48rem) {
    [data-sidebar-style=mini] .content-body {
        margin-left: 3.8rem
    }
}

@media (min-width: 64rem) {
    [data-layout=horizontal] .content-body {
        margin-left: 0
    }
}

@media only screen and (max-width: 100rem) {
    .active-projects.style-1 .dt-buttons .dt-button {
        right: 298px
    }
}

.active-projects.attendance-tbl .dt-buttons .dt-button {
    right: 180px !important
}

@media only screen and (max-width: 47.9375rem) {
    [data-header-position=fixed] .content-body {
        padding-top: 3.1rem
    }

    .content-body {
        padding-right: 0
    }

    .active-projects.style-1 .dt-buttons {
        display: none
    }
}

@media only screen and (max-width: 74.9375rem) {
    .t-earn {
        order: 1
    }
}

@media only screen and (min-width: 1199px) and (max-width: 1450px) {
    .wid-100 {
        width: 100% !important
    }

    .t-earn {
        order: 1;
        width: 50% !important
    }
}

@media only screen and (min-width: 1200px) {
    .wid-100 {
        width: 75% !important
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px !important
    }
}

@media only screen and (min-width: 1199px) and (max-width: 1920px) {
    .customeoff {
        width: 800px !important
    }
}

@media (max-width: 35.9375rem) {
    .content-body .container-fluid, .content-body .container-lg, .content-body .container-md, .content-body .container-sm, .content-body .container-xl, .content-body .container-xxl {
        padding-top: .9375rem;
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.tagify__tag:focus div:before, .tagify__tag:hover:not([readonly]) div:before {
    --tag-bg-inset: 0.5px
}

.tagify__tag__removeBtn:hover + div > span {
    opacity: 1
}

.blog-title:before {
    height: 4px;
    width: 60px;
    left: 0;
    border-radius: 10px
}

.blog-title:after, .blog-title:before {
    content: "";
    background-color: var(--primary);
    position: absolute;
    bottom: -5px
}

.blog-title:after {
    height: 5px;
    width: 5px;
    left: 65px;
    border-radius: 50px
}

.mix-chart-tab .nav-link.active svg path {
    fill: #fff
}

.crd-bx-img .active {
    width: 15px;
    height: 15px;
    background: #3ac977;
    border-radius: 50%;
    left: 5rem;
    position: absolute;
    bottom: .4rem
}

.crd-bx-img .active.deactive {
    background: #ff5e5e
}

.chat-p.style-1 .active:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    background: #3ac977;
    bottom: 0;
    left: 33px;
    border-radius: 50%;
    border: 2px solid #fff
}

.author-profile .upload-link {
    position: absolute;
    width: 35px;
    height: 35px;
    line-height: 32px;
    background: var(--primary);
    bottom: 0;
    right: 0;
    box-shadow: 0 0 10px 0 #0018801a;
    border-radius: 100%;
    color: #fff;
    overflow: hidden;
    border: 2px solid #fff
}

.author-profile .upload-link .update-flie {
    position: absolute;
    opacity: 0;
    z-index: 0;
    width: 100%;
    cursor: pointer;
    left: 0;
    height: 100%
}

.profile-card .card-header .title:after {
    content: "";
    height: 3px;
    width: 100%;
    background-color: var(--primary);
    position: absolute;
    bottom: -31px;
    left: 0
}

.photo-content .cover-photo {
    background: url(../images/profile/12.jpg);
    background-size: cover;
    background-position: 50%;
    min-height: 15.625rem;
    width: 100%;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.profile-tab .nav-item .nav-link.active, .profile-tab .nav-item .nav-link:hover {
    border-bottom: .0125rem solid var(--primary) !important
}

.card-profile {
    background-image: url(../images/crm-profile.jpg);
    background-size: cover;
    background-position: 50%;
    padding: 30px
}

.arrow {
    transform: rotate(-180deg);
    transition: all .3s
}

.arrow.arrow-animate {
    transform: rotate(0deg);
    opacity: 1;
    color: var(--bs-body-color)
}

.btn.tp-btn.btn-primary:hover svg path {
    fill: #fff
}

@media only screen and (max-width: 35.9375rem) {
    .profile-card .card-header .title:after {
        bottom: -22px
    }

    .photo-content .cover-photo {
        min-height: 13.625rem
    }
}

.email-left-box {
    margin-bottom: 20px;
    height: calc(100vh - 120px);
    padding: 1.875rem 1.25rem;
    overflow-y: auto;
    border-right: 1px solid #e6e6e6
}

[data-theme-version=dark] .email-left-box {
    border-color: #444
}

.toolbar .btn-group .btn.nav-link.active svg path, .toolbar .btn-group .btn.nav-link:hover svg path {
    fill: var(--primary)
}

.toolbar .btn-group .btn.nav-link.active:before {
    width: 100%
}

.toolbar .btn-group .btn.nav-link.active:before, .toolbar .btn-group .btn.nav-link:before {
    content: "";
    display: block;
    background-color: var(--primary);
    position: absolute;
    bottom: -.325rem;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    transition: all .5s
}

.toolbar .btn-group .btn.nav-link:before {
    width: 0
}

.saprat .mail-tools a:hover svg {
    background: var(--rgba-primary-1);
    border-radius: .375rem
}

.toolbar .btn-group .btn.nav-link:hover:before {
    width: 100%
}

.email-left-box .mail-list .list-group-item.active {
    color: #2c2c2c !important;
    background-color: var(--rgba-secondary-1) !important;
    border: none !important
}

[data-theme-version=dark] .email-left-box .mail-list .list-group-item.active {
    background: #ffffff1a !important;
    margin: 13px 0 !important;
    color: #fff !important
}

.email-left-box .mail-list .list-group-item:before {
    content: "";
    display: block;
    background-color: var(--rgba-secondary-1);
    color: var(--secondary);
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    transition: all .5s
}

.email-left-box .mail-list .list-group-item:hover:before {
    width: 100%
}

.email-left-box .mail-list .list-group-item:hover svg path {
    fill: var(--secondary);
    stroke: var(--secondary)
}

.compose-wrapper {
    height: calc(100vh - 180px);
    overflow-y: scroll;
    padding: 0 1rem
}

.email-list .message .message-single .bookmark-btn input {
    position: absolute;
    cursor: pointer;
    height: 0;
    width: 0;
    display: none
}

.email-list {
    height: calc(100vh - 212px)
}

.email-list .message .message-single .bookmark-btn .checkmark {
    font-weight: 900;
    font-family: font awesome\ 5 free
}

.email-list .message .message-single .bookmark-btn .checkmark:before {
    content: "\f005";
    font-size: 1.25rem;
    border-color: #666;
    font-weight: 100;
    color: #c4c4c4
}

.email-list .message .message-single .bookmark-btn input:checked ~ .checkmark:before {
    color: #ff9838;
    font-weight: 900
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.read-wapper {
    height: calc(100vh - 180px)
}

@media only screen and (max-width: 74.9375rem) {
    .email-left-box {
        margin-right: -10px
    }

    .toolbar {
        height: auto !important
    }

    .toolbar .btn-group .btn.nav-link.active {
        padding: .5rem 1rem;
        font-size: .75rem
    }

    .saprat .mail-tools {
        margin-left: 3.725rem
    }
}

@media only screen and (max-width: 1400px) {
    .toolbar .btn-group .btn.nav-link.active:before, .toolbar .btn-group .btn.nav-link:before {
        display: none
    }
}

@media only screen and (max-width: 61.9375rem) {
    .email-left-box {
        margin: 0;
        border-right: 0;
        height: calc(100vh - 204.2px)
    }

    .toolbar {
        border-top: 1px solid #fff;
        padding-top: 10px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .email-left-box {
        width: 100%;
        float: none;
        border: none;
        padding-bottom: 1.875rem !important
    }
}

@media (max-width: 35.9375rem) {
    .email-left-box {
        margin-top: 20px;
        padding-bottom: 0 !important;
        height: calc(100vh - 160px);
        padding-left: 20px !important
    }

    .email-left-body {
        width: 16rem !important;
        position: fixed;
        height: 100vh;
        transition: all .5s;
        left: -22rem;
        top: 0;
        z-index: 999
    }

    .email-left-body.active {
        left: 0;
        background: #fff;
        transition: all .5s;
        overflow-y: scroll
    }

    .email-tools-box.active:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vh;
        height: 100vh;
        background-color: #000;
        opacity: .2;
        border-radius: .75rem;
        z-index: 4
    }
}

.new-arrival-product .new-arrivals-img-contnent:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, #fff0 0, #ffffff4d);
    transform: skewX(-25deg)
}

[data-theme-version=dark] .brand-title path, [data-theme-version=dark] .inovice-logo svg path.react-w {
    fill: #fff !important
}

.new-arrival-product:hover .new-arrivals-img-contnent:after {
    animation: shine .75s
}

@keyframes shine {
    to {
        left: 125%
    }
}

.ai-tabs-1 .nav-tabs .nav-link.active {
    color: var(--primary) !important
}

.ai-tabs-1 .nav-tabs .nav-link.active:after {
    content: "";
    position: absolute;
    background-color: var(--primary);
    height: 5px;
    width: 100%;
    bottom: -7px;
    left: 0;
    border-radius: .375rem .375rem 0 0
}

.check-ai .form-check-input + .form-check-label, .check-ai .form-check-input:checked + .form-check-label {
    border: 1px solid #ccc;
    border-radius: .375rem;
    background-color: var(--rgba-primary-1);
    padding: 10px;
    margin: 0
}

.check-ai .form-check-input + .form-check-label {
    background-color: #f4f4f4
}

.check-ai .form-check .form-check-input {
    position: absolute;
    left: 6px;
    margin: 0;
    top: 12px
}

.check-ai .form-check .form-check-input:checked {
    left: 6px;
    top: 12px
}

.back-theme-ai .form-check .form-check-input:checked + span:after {
    top: -.105rem;
    left: -.313rem;
    opacity: 1;
    cursor: pointer
}

.back-theme-ai .form-check span:after {
    position: absolute;
    content: "";
    border: .125rem solid #000;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    opacity: 0
}

.back-theme-ai .form-check .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: none
}

.upload-img .dlab-message {
    margin: 0 !important
}

.ai-slider .noUi-handle {
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    box-shadow: 0 0 30px #46317d80
}

.tagify__tag {
    background-color: #e5e5e5
}

[data-theme-version=dark] .setting-list svg path {
    stroke: #fff
}

.menu-ac-item .dd-collapse {
    height: 3.838rem;
    width: 3.538rem;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 1.75rem;
    color: #000;
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.menu-ac-item .dd-expand {
    display: none
}

.tab-my.nav-tabs .nav-link {
    background-color: #dfdfdf;
    color: #888
}

.tab-my.nav-tabs .nav-link.active {
    background-color: var(--primary);
    border-color: var(--primary) !important;
    color: #fff !important
}

.cm-content-box .accordion-content, .main-check.accordion-content {
    display: none
}

@media only screen and (max-width: 100rem) {
    .nav-tabs.style-1 {
        padding: 0 25px !important;
        margin: 0 0 24px -25px !important
    }
}

@media only screen and (max-width: 365px) {
    .nav-tabs.style-1 {
        padding: 0 13px !important;
        margin: 0 0 24px -25px !important
    }
}

.accordion-content.hide {
    display: none
}

.element-area .demo-view {
    width: calc(100% - 270px)
}

@media only screen and (max-width: 100rem) {
    .element-area .demo-view {
        width: calc(100% - 236px)
    }
}

@media only screen and (max-width: 74.9375rem) {
    .element-area .demo-view {
        width: calc(100% - 224px)
    }
}

@media only screen and (max-width: 61.9375rem) {
    .element-area .demo-right {
        display: none
    }

    .element-area .demo-view {
        width: 100%
    }
}

.accordion-header-indicator {
    font-family: themify;
    position: absolute;
    right: 1.5625rem;
    top: 50%;
    transform: translateY(-50%)
}

.accordion-header.active .accordion-header-indicator:before {
    content: "\e622"
}

.accordion-header:not(.active) .accordion-header-indicator:before {
    content: "\e61a"
}

.accordion-primary .accordion-header.active {
    background-color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    color: #fff !important;
    box-shadow: 0 .9375rem 1.25rem 0 var(--rgba-primary-1);
    transition: all .5s
}

.accordion-danger-solid .accordion-header.active {
    background-color: var(--danger) !important;
    border: 1px solid var(--danger) !important;
    color: #fff !important;
    box-shadow: 0 -.625rem 1.25rem 0 #ff5e5e26
}

.accordion-danger-solid .accordion-header.active, .accordion.accordion-no-gutter .accordion-item:last-child .accordion-header.active {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.dzm-tabs .nav-item .nav-link.active {
    background: var(--primary) !important;
    color: #fff !important;
    border: 1px solid #0000;
    border-radius: 6px
}

.accordion-header-bg .accordion-header {
    background-color: #dfdfdf
}

.accordion-bordered .accordion-header.active {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.accordion-active-header .accordion-header.active {
    background-color: #58bad7 !important;
    border-color: #58bad7 !important;
    color: #fff !important
}

.accordion-gradient .accordion-header {
    color: #fff;
    background-image: linear-gradient(90deg, #ba01b5d9 0, #6719ffd9);
    border-color: #0000
}

.accordion-gradient .accordion-header.active {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.accordion-gradient .accordion-content {
    color: #fff;
    background-image: linear-gradient(90deg, #ba01b5d9 0, #6719ffd9);
    border-color: #0000
}

.accordion-with-icon .accordion-header-icon:before {
    content: "\e645"
}

.demo-right-inner li:after {
    content: "";
    position: absolute;
    background-color: #dfdfdf;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 18px;
    left: 0
}

.tab-content {
    display: none;
    transition: all .5s
}

.tab-content.show {
    display: block;
    transition: all .5s
}

.icon-bell-53:before {
    content: "\ea0e"
}

.list-group-item.active, .list-group-item.active:hover {
    background-color: var(--primary) !important;
    color: var(--white) !important;
    border: 1px solid var(--primary) !important
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0, #0000 50%, #ffffff26 0, #ffffff26 75%, #0000 0, #0000);
    background-size: 1rem 1rem
}

.dz-popover-content.hide {
    display: none
}

.visuallyHidden {
    opacity: 0
}

.dz-popover + .dz-popover-content:after {
    bottom: -8px;
    content: " ";
    height: 0;
    margin-left: -13px;
    position: absolute;
    width: 0
}

.dz-popover + .dz-popover-content.left:after {
    border: 8px solid #0000;
    border-left-color: #d1d1d1;
    top: 45%;
    right: -6.3%
}

.dz-popover + .dz-popover-content.top:after {
    border-left: 8px solid #0000;
    border-right: 8px solid #0000;
    border-top: 8px solid #d1d1d1;
    left: 48%
}

.dz-popover + .dz-popover-content.bottom:after {
    border-left: 8px solid #0000;
    border-right: 8px solid #0000;
    border-bottom: 8px solid #d1d1d1;
    left: 46%;
    bottom: 100%
}

.dz-popover + .dz-popover-content.right:after {
    border: 8px solid #0000;
    border-right-color: #d1d1d1;
    top: 46%;
    left: -3px
}

@media (max-width: 1480px) {
    .dz-popover + .dz-popover-content.left:after {
        border-left: 8px solid #0000;
        border-right: 8px solid #0000;
        border-top: 8px solid #d1d1d1;
        right: 48%;
        top: 100%
    }
}

@media (max-width: 35.9375rem) {
    .dz-popover + .dz-popover-content.right:after {
        border-left: 8px solid #0000;
        border-right: 8px solid #0000;
        border-bottom: 8px solid #d1d1d1;
        left: 46%;
        bottom: 100%;
        top: auto
    }
}

.dz-card .card-body.code-area .language-html {
    background: #0000;
    color: #fff
}

pre code {
    font-size: 12px;
    word-break: normal
}

pre code.hljs {
    display: block;
    overflow-x: auto;
    color: #fff;
    padding: 0
}

.hljs-punctuation, .hljs-tag {
    color: var(--primary)
}

.hljs-tag .hljs-attr, .hljs-tag .hljs-name {
    color: #78c6ff
}

.hljs-deletion, .hljs-number, .hljs-quote, .hljs-selector-class, .hljs-selector-id, .hljs-string, .hljs-template-tag, .hljs-type {
    color: #ffa8a8
}

.error-page:before {
    content: "";
    position: absolute;
    opacity: .8;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.error-page .dz-error:after, .error-page .dz-error:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.error-page .dz-error:before {
    left: 2px;
    text-shadow: -2px 0 #f7cf47;
    clip: rect(44px, 450px, 56px, 0);
    animation: dzError1 5s linear infinite alternate-reverse
}

.error-page .dz-error:after {
    left: -2px;
    text-shadow: -2px 0 #f7cf47, 2px 2px #f7cf47;
    clip: rect(44px, 450px, 56px, 0);
    animation: dzError2 5s linear infinite alternate-reverse
}

@keyframes dzError1 {
    0% {
        clip: rect(83px, 9999px, 199px, 0);
        transform: skew(.754deg)
    }
    2.5% {
        clip: rect(415px, 9999px, 291px, 0);
        transform: skew(.458deg)
    }
    5% {
        clip: rect(226px, 9999px, 112px, 0);
        transform: skew(.336deg)
    }
    7.5% {
        clip: rect(130px, 9999px, 103px, 0);
        transform: skew(.938deg)
    }
    10% {
        clip: rect(362px, 9999px, 98px, 0);
        transform: skew(.728deg)
    }
    12.5% {
        clip: rect(349px, 9999px, 232px, 0);
        transform: skew(.114deg)
    }
    15% {
        clip: rect(442px, 9999px, 460px, 0);
        transform: skew(.304deg)
    }
    17.5% {
        clip: rect(296px, 9999px, 306px, 0);
        transform: skew(.404deg)
    }
    20% {
        clip: rect(372px, 9999px, 27px, 0);
        transform: skew(.162deg)
    }
    22.5% {
        clip: rect(107px, 9999px, 305px, 0);
        transform: skew(.906deg)
    }
    25% {
        clip: rect(355px, 9999px, 496px, 0);
        transform: skew(.046deg)
    }
    27.5% {
        clip: rect(459px, 9999px, 76px, 0);
        transform: skew(.676deg)
    }
    30% {
        clip: rect(416px, 9999px, 46px, 0);
        transform: skew(.042deg)
    }
    32.5% {
        clip: rect(371px, 9999px, 208px, 0);
        transform: skew(.422deg)
    }
    35% {
        clip: rect(418px, 9999px, 419px, 0);
        transform: skew(.138deg)
    }
    37.5% {
        clip: rect(246px, 9999px, 46px, 0);
        transform: skew(.854deg)
    }
    40% {
        clip: rect(4px, 9999px, 150px, 0);
        transform: skew(.842deg)
    }
    42.5% {
        clip: rect(39px, 9999px, 58px, 0);
        transform: skew(.56deg)
    }
    45% {
        clip: rect(394px, 9999px, 485px, 0);
        transform: skew(.358deg)
    }
    47.5% {
        clip: rect(20px, 9999px, 194px, 0);
        transform: skew(.948deg)
    }
    50% {
        clip: rect(469px, 9999px, 14px, 0);
        transform: skew(.282deg)
    }
    52.5% {
        clip: rect(317px, 9999px, 155px, 0);
        transform: skew(.578deg)
    }
    55% {
        clip: rect(398px, 9999px, 309px, 0);
        transform: skew(.614deg)
    }
    57.5% {
        clip: rect(477px, 9999px, 404px, 0);
        transform: skew(.432deg)
    }
    60% {
        clip: rect(338px, 9999px, 443px, 0);
        transform: skew(.904deg)
    }
    62.5% {
        clip: rect(33px, 9999px, 132px, 0);
        transform: skew(.724deg)
    }
    65% {
        clip: rect(110px, 9999px, 197px, 0);
        transform: skew(.53deg)
    }
    67.5% {
        clip: rect(438px, 9999px, 97px, 0);
        transform: skew(.516deg)
    }
    70% {
        clip: rect(57px, 9999px, 100px, 0);
        transform: skew(.544deg)
    }
    72.5% {
        clip: rect(71px, 9999px, 170px, 0);
        transform: skew(.154deg)
    }
    75% {
        clip: rect(95px, 9999px, 27px, 0);
        transform: skew(.378deg)
    }
    77.5% {
        clip: rect(446px, 9999px, 72px, 0);
        transform: skew(.966deg)
    }
    80% {
        clip: rect(17px, 9999px, 260px, 0);
        transform: skew(.82deg)
    }
    82.5% {
        clip: rect(314px, 9999px, 139px, 0);
        transform: skew(.252deg)
    }
    85% {
        clip: rect(442px, 9999px, 461px, 0);
        transform: skew(.178deg)
    }
    87.5% {
        clip: rect(50px, 9999px, 7px, 0);
        transform: skew(.272deg)
    }
    90% {
        clip: rect(163px, 9999px, 340px, 0);
        transform: skew(.628deg)
    }
    92.5% {
        clip: rect(213px, 9999px, 214px, 0);
        transform: skew(.21deg)
    }
    95% {
        clip: rect(307px, 9999px, 471px, 0);
        transform: skew(.778deg)
    }
    97.5% {
        clip: rect(14px, 9999px, 218px, 0);
        transform: skew(.15deg)
    }
}

@keyframes dzError2 {
    0% {
        clip: rect(160px, 9999px, 50px, 0);
        transform: skew(.22deg)
    }
    2.5% {
        clip: rect(405px, 9999px, 303px, 0);
        transform: skew(.628deg)
    }
    5% {
        clip: rect(37px, 9999px, 213px, 0);
        transform: skew(.854deg)
    }
    7.5% {
        clip: rect(53px, 9999px, 487px, 0);
        transform: skew(.712deg)
    }
    10% {
        clip: rect(471px, 9999px, 408px, 0);
        transform: skew(.372deg)
    }
    12.5% {
        clip: rect(479px, 9999px, 363px, 0);
        transform: skew(.296deg)
    }
    15% {
        clip: rect(255px, 9999px, 309px, 0);
        transform: skew(.994deg)
    }
    17.5% {
        clip: rect(422px, 9999px, 410px, 0);
        transform: skew(.74deg)
    }
    20% {
        clip: rect(29px, 9999px, 441px, 0);
        transform: skew(.414deg)
    }
    22.5% {
        clip: rect(296px, 9999px, 380px, 0);
        transform: skew(.464deg)
    }
    25% {
        clip: rect(84px, 9999px, 94px, 0);
        transform: skew(.578deg)
    }
    27.5% {
        clip: rect(287px, 9999px, 101px, 0);
        transform: skew(.926deg)
    }
    30% {
        clip: rect(438px, 9999px, 38px, 0);
        transform: skew(.758deg)
    }
    32.5% {
        clip: rect(263px, 9999px, 159px, 0);
        transform: skew(.03deg)
    }
    35% {
        clip: rect(163px, 9999px, 64px, 0);
        transform: skew(.834deg)
    }
    37.5% {
        clip: rect(347px, 9999px, 457px, 0);
        transform: skew(.424deg)
    }
    40% {
        clip: rect(223px, 9999px, 23px, 0);
        transform: skew(.866deg)
    }
    42.5% {
        clip: rect(288px, 9999px, 358px, 0);
        transform: skew(.494deg)
    }
    45% {
        clip: rect(76px, 9999px, 311px, 0);
        transform: skew(.454deg)
    }
    47.5% {
        clip: rect(9px, 9999px, 296px, 0);
        transform: skew(.246deg)
    }
    50% {
        clip: rect(319px, 9999px, 214px, 0);
        transform: skew(.848deg)
    }
    52.5% {
        clip: rect(476px, 9999px, 65px, 0);
        transform: skew(.258deg)
    }
    55% {
        clip: rect(215px, 9999px, 79px, 0);
        transform: skew(.476deg)
    }
    57.5% {
        clip: rect(91px, 9999px, 211px, 0);
        transform: skew(.638deg)
    }
    60% {
        clip: rect(423px, 9999px, 117px, 0);
        transform: skew(.352deg)
    }
    62.5% {
        clip: rect(296px, 9999px, 338px, 0);
        transform: skew(.722deg)
    }
    65% {
        clip: rect(468px, 9999px, 365px, 0);
        transform: skew(.694deg)
    }
    67.5% {
        clip: rect(238px, 9999px, 358px, 0);
        transform: skew(.768deg)
    }
    70% {
        clip: rect(81px, 9999px, 392px, 0);
        transform: skew(.416deg)
    }
    72.5% {
        clip: rect(443px, 9999px, 422px, 0);
        transform: skew(.558deg)
    }
    75% {
        clip: rect(377px, 9999px, 316px, 0);
        transform: skew(.092deg)
    }
    77.5% {
        clip: rect(406px, 9999px, 256px, 0);
        transform: skew(.794deg)
    }
    80% {
        clip: rect(370px, 9999px, 426px, 0);
        transform: skew(.898deg)
    }
    82.5% {
        clip: rect(140px, 9999px, 217px, 0);
        transform: skew(.164deg)
    }
    85% {
        clip: rect(493px, 9999px, 290px, 0);
        transform: skew(.448deg)
    }
    87.5% {
        clip: rect(496px, 9999px, 328px, 0);
        transform: skew(.694deg)
    }
    90% {
        clip: rect(38px, 9999px, 20px, 0);
        transform: skew(.432deg)
    }
    92.5% {
        clip: rect(41px, 9999px, 440px, 0);
        transform: skew(.292deg)
    }
    95% {
        clip: rect(171px, 9999px, 115px, 0);
        transform: skew(.86deg)
    }
    97.5% {
        clip: rect(4px, 9999px, 33px, 0);
        transform: skew(.62deg)
    }
}

.login-form .login-title:after, .login-form .login-title:before {
    content: "";
    height: 1px;
    flex: 1 1;
    left: 0;
    background-color: #e1e1f0;
    margin: 0;
    padding: 0
}

[data-theme-version=dark] .login-form .login-title:after, [data-theme-version=dark] .login-form .login-title:before {
    background-color: #444
}

.selection\:bg-primary ::-moz-selection {
    background-color: var(--primary) !important
}

.selection\:bg-primary ::selection {
    background-color: var(--primary) !important
}

.selection\:text-white ::-moz-selection {
    color: var(--white) !important
}

.selection\:text-white ::selection {
    color: var(--white) !important
}

.selection\:bg-primary::-moz-selection {
    background-color: var(--primary) !important
}

.selection\:bg-primary::selection {
    background-color: var(--primary) !important
}

.selection\:text-white::-moz-selection {
    color: var(--white) !important
}

.selection\:text-white::selection {
    color: var(--white) !important
}

.file\:h-\[2\.5rem\]::file-selector-button {
    height: 2.5rem !important
}

.file\:h-\[2\.813rem\]::file-selector-button {
    height: 2.813rem !important
}

.file\:h-\[3\.8rem\]::file-selector-button {
    height: 3.8rem !important
}

.file\:border-b-color::file-selector-button {
    border-color: var(--border-color) !important
}

.file\:bg-\[\#f8f9fa\]::file-selector-button {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(248 249 250/var(--tw-bg-opacity)) !important
}

.file\:p-1::file-selector-button {
    padding: .25rem !important
}

.file\:py-\[0\.175rem\]::file-selector-button {
    padding-top: .175rem !important;
    padding-bottom: .175rem !important
}

.file\:pl-2::file-selector-button {
    padding-left: .5rem !important
}

.file\:pl-2\.5::file-selector-button {
    padding-left: .625rem !important
}

.file\:pr-3::file-selector-button {
    padding-right: .75rem !important
}

.file\:text-body-color::file-selector-button {
    color: var(--bs-body-color) !important
}

.file\:outline-none::file-selector-button {
    outline: 2px solid #0000 !important;
    outline-offset: 2px !important
}

.placeholder\:text-\[0\.76563rem\]::-moz-placeholder {
    font-size: .76563rem !important
}

.placeholder\:text-\[0\.76563rem\]::placeholder {
    font-size: .76563rem !important
}

.placeholder\:text-\[1\.09375rem\]::-moz-placeholder {
    font-size: 1.09375rem !important
}

.placeholder\:text-\[1\.09375rem\]::placeholder {
    font-size: 1.09375rem !important
}

.before\:float-left:before {
    content: var(--tw-content) !important;
    float: left !important
}

.before\:pr-2:before {
    content: var(--tw-content) !important;
    padding-right: .5rem !important
}

.before\:font-\[simple-line-icons\]:before {
    content: var(--tw-content) !important;
    font-family: simple-line-icons !important
}

.before\:text-xl:before {
    content: var(--tw-content) !important;
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
}

.before\:font-black:before {
    content: var(--tw-content) !important;
    font-weight: 900 !important
}

.before\:leading-4:before {
    content: var(--tw-content) !important;
    line-height: 1rem !important
}

.before\:text-primary:before {
    content: var(--tw-content) !important;
    color: var(--primary) !important
}

.before\:content-\[\'\/\'\]:before {
    --tw-content: "/" !important;
    content: var(--tw-content) !important
}

.after\:ml-0:after {
    content: var(--tw-content) !important;
    margin-left: 0 !important
}

.after\:hidden:after {
    content: var(--tw-content) !important;
    display: none !important
}

.hover\:z-\[1\]:hover {
    z-index: 1 !important
}

.hover\:translate-y-\[-10px\]:hover {
    --tw-translate-y: -10px !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.hover\:border-\[\#f9f9f9\]:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(249 249 249/var(--tw-border-opacity)) !important
}

.hover\:border-black:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 0 0/var(--tw-border-opacity)) !important
}

.hover\:border-danger:hover {
    border-color: var(--danger) !important
}

.hover\:border-danger-hover:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 118 118/var(--tw-border-opacity)) !important
}

.hover\:border-danger-light:hover {
    border-color: var(--danger-light) !important
}

.hover\:border-dark-hover:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(136 136 136/var(--tw-border-opacity)) !important
}

.hover\:border-hover-primary:hover {
    border-color: var(--primary-hover) !important
}

.hover\:border-info:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(88 186 215/var(--tw-border-opacity)) !important
}

.hover\:border-info-hover:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(113 196 221/var(--tw-border-opacity)) !important
}

.hover\:border-primary:hover {
    border-color: var(--primary) !important
}

.hover\:border-secondary:hover {
    border-color: var(--secondary) !important
}

.hover\:border-success-hover:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(88 209 139/var(--tw-border-opacity)) !important
}

.hover\:border-warning:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 159 0/var(--tw-border-opacity)) !important
}

.hover\:bg-\[\#005983\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 89 131/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#008abd\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 138 189/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#0c85d0\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(12 133 208/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#0d99ff0d\]:hover {
    background-color: #0d99ff0d !important
}

.hover\:bg-\[\#1266f1\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(18 102 241/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#1295bf\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(18 149 191/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#18aa4c\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(24 170 76/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#1da851\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(29 168 81/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#222e3d\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(34 46 61/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#2d0165\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(45 1 101/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#2d4373\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(45 67 115/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#771800\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(119 24 0/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#8c0615\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(140 6 21/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#992180\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(153 33 128/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#F3F5F7\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 245 247/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#be2d23\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(190 45 35/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#cc0000\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(204 0 0/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#cc3700\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(204 55 0/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#ccca00\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(204 202 0/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#e51e6b\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 30 107/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#ececec\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(236 236 236/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#f8f9fa\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(248 249 250/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#f9f9f9\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(249 249 249/var(--tw-bg-opacity)) !important
}

.hover\:bg-\[\#ffa91a\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 169 26/var(--tw-bg-opacity)) !important
}

.hover\:bg-badge-secondary:hover {
    background-color: var(--badge-secondary) !important
}

.hover\:bg-black:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important
}

.hover\:bg-d-light:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 238 238/var(--tw-bg-opacity)) !important
}

.hover\:bg-d-light-2:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(223 223 223/var(--tw-bg-opacity)) !important
}

.hover\:bg-danger:hover {
    background-color: var(--danger) !important
}

.hover\:bg-danger-hover:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 118 118/var(--tw-bg-opacity)) !important
}

.hover\:bg-danger-light:hover {
    background-color: var(--danger-light) !important
}

.hover\:bg-dark:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(110 110 110/var(--tw-bg-opacity)) !important
}

.hover\:bg-dark-hover:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(136 136 136/var(--tw-bg-opacity)) !important
}

.hover\:bg-hover-primary:hover {
    background-color: var(--primary-hover) !important
}

.hover\:bg-info:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(88 186 215/var(--tw-bg-opacity)) !important
}

.hover\:bg-info-hover:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(113 196 221/var(--tw-bg-opacity)) !important
}

.hover\:bg-info-light:hover {
    background-color: var(--info-light) !important
}

.hover\:bg-primary:hover {
    background-color: var(--primary) !important
}

.hover\:bg-primary-light:hover {
    background-color: var(--rgba-primary-1) !important
}

.hover\:bg-secondary:hover {
    background-color: var(--secondary) !important
}

.hover\:bg-success:hover {
    background-color: var(--success) !important
}

.hover\:bg-success-hover:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(88 209 139/var(--tw-bg-opacity)) !important
}

.hover\:bg-success-light:hover {
    background-color: var(--success-light) !important
}

.hover\:bg-warning:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 159 0/var(--tw-bg-opacity)) !important
}

.hover\:bg-warning-light:hover {
    background-color: var(--warning-light) !important
}

.hover\:text-black:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.hover\:text-hover-primary:hover {
    color: var(--primary-hover) !important
}

.hover\:text-link-hover:hover {
    color: var(--bs-link-hover-color) !important
}

.hover\:text-primary:hover {
    color: var(--primary) !important
}

.hover\:text-secondary:hover {
    color: var(--secondary) !important
}

.hover\:text-white:hover {
    color: var(--white) !important
}

.hover\:opacity-100:hover {
    opacity: 1 !important
}

.hover\:shadow-\[rgba\(0\2c

0
\2c

0
\2c

0
\.1\)_0px_10px_15px_-3px\2c rgba\(0\2c

0
\2c

0
\2c

0
\.05\)_0px_4px_6px_-2px\]:hover {
    --tw-shadow: #0000001a 0px 10px 15px -3px, #0000000d 0px 4px 6px -2px !important;
    --tw-shadow-colored: 0px 10px 15px -3px var(--tw-shadow-color), 0px 4px 6px -2px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.focus\:border-danger:focus {
    border-color: var(--danger) !important
}

.focus\:border-info:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgb(88 186 215/var(--tw-border-opacity)) !important
}

.focus\:border-primary:focus {
    border-color: var(--primary) !important
}

.focus\:bg-black:focus {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important
}

.focus\:bg-danger-hover:focus {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 118 118/var(--tw-bg-opacity)) !important
}

.focus\:bg-hover-primary:focus {
    background-color: var(--primary-hover) !important
}

.focus\:bg-info-hover:focus {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(113 196 221/var(--tw-bg-opacity)) !important
}

.focus\:bg-success-hover:focus {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(88 209 139/var(--tw-bg-opacity)) !important
}

.focus\:text-white:focus {
    color: var(--white) !important
}

.focus\:shadow-\[0_0_0_0\.25rem_\#0d99ff40\]:focus {
    --tw-shadow: 0 0 0 0.25rem #0d99ff40 !important;
    --tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.group:hover .group-hover\:text-primary {
    color: var(--primary) !important
}

.group:hover .group-hover\:opacity-0 {
    opacity: 0 !important
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1 !important
}

:is([data-theme-version=dark] .dark\:my-\[13px\]) {
    margin-top: 13px !important;
    margin-bottom: 13px !important
}

:is([data-theme-version=dark] .dark\:inline-block) {
    display: inline-block !important
}

:is([data-theme-version=dark] .dark\:hidden) {
    display: none !important
}

:is([data-theme-version=dark] .dark\:border-\[\#444444\]) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(68 68 68/var(--tw-border-opacity)) !important
}

:is([data-theme-version=dark] .dark\:border-\[\#6e6e6e59\]) {
    border-color: #6e6e6e59 !important
}

:is([data-theme-version=dark] .dark\:border-\[\#ff5e5e26\]) {
    border-color: #ff5e5e26 !important
}

:is([data-theme-version=dark] .dark\:border-danger) {
    border-color: var(--danger) !important
}

:is([data-theme-version=dark] .dark\:border-info) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(88 186 215/var(--tw-border-opacity)) !important
}

:is([data-theme-version=dark] .dark\:border-primary) {
    border-color: var(--primary) !important
}

:is([data-theme-version=dark] .dark\:border-success) {
    border-color: var(--success) !important
}

:is([data-theme-version=dark] .dark\:border-transparent) {
    border-color: #0000 !important
}

:is([data-theme-version=dark] .dark\:border-warning) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 159 0/var(--tw-border-opacity)) !important
}

:is([data-theme-version=dark] .dark\:bg-\[\#000000e6\]) {
    background-color: #000000e6 !important
}

:is([data-theme-version=dark] .dark\:bg-\[\#171717\]) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(23 23 23/var(--tw-bg-opacity)) !important
}

:is([data-theme-version=dark] .dark\:bg-\[\#1E1E1E\]) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 30 30/var(--tw-bg-opacity)) !important
}

:is([data-theme-version=dark] .dark\:bg-\[\#242424\]) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(36 36 36/var(--tw-bg-opacity)) !important
}

:is([data-theme-version=dark] .dark\:bg-\[\#2c2c2c80\]) {
    background-color: #2c2c2c80 !important
}

:is([data-theme-version=dark] .dark\:bg-\[\#2c2c2c\]) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(44 44 44/var(--tw-bg-opacity)) !important
}

:is([data-theme-version=dark] .dark\:bg-\[\#383838\]) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(56 56 56/var(--tw-bg-opacity)) !important
}

:is([data-theme-version=dark] .dark\:bg-\[\#6e6e6e59\]) {
    background-color: #6e6e6e59 !important
}

:is([data-theme-version=dark] .dark\:bg-\[\#888888\]) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(136 136 136/var(--tw-bg-opacity)) !important
}

:is([data-theme-version=dark] .dark\:bg-\[\#ff5e5e1a\]) {
    background-color: #ff5e5e1a !important
}

:is([data-theme-version=dark] .dark\:bg-\[\#ff5e5e26\]) {
    background-color: #ff5e5e26 !important
}

:is([data-theme-version=dark] .dark\:bg-\[\#ffffff1a\]) {
    background-color: #ffffff1a !important
}

:is([data-theme-version=dark] .dark\:bg-black) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important
}

:is([data-theme-version=dark] .dark\:bg-primary) {
    background-color: var(--primary) !important
}

:is([data-theme-version=dark] .dark\:bg-primary-dark) {
    background-color: var(--primary-dark) !important
}

:is([data-theme-version=dark] .dark\:bg-transparent) {
    background-color: #0000 !important
}

:is([data-theme-version=dark] .dark\:text-\[\#828690\]) {
    --tw-text-opacity: 1 !important;
    color: rgb(130 134 144/var(--tw-text-opacity)) !important
}

:is([data-theme-version=dark] .dark\:text-\[\#888888\]) {
    --tw-text-opacity: 1 !important;
    color: rgb(136 136 136/var(--tw-text-opacity)) !important
}

:is([data-theme-version=dark] .dark\:text-\[\#ffffffb3\]) {
    color: #ffffffb3 !important
}

:is([data-theme-version=dark] .dark\:text-black) {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

:is([data-theme-version=dark] .dark\:text-body-color) {
    color: var(--bs-body-color) !important
}

:is([data-theme-version=dark] .dark\:text-primary) {
    color: var(--primary) !important
}

:is([data-theme-version=dark] .dark\:text-white) {
    color: var(--white) !important
}

:is([data-theme-version=dark] .dark\:shadow-\[0_0_6px_3px_rgba\(255\2c 255\2c 255\2c 0\.1\)\]) {
    --tw-shadow: 0 0 6px 3px #ffffff1a !important;
    --tw-shadow-colored: 0 0 6px 3px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

:is([data-theme-version=dark] .dark\:shadow-\[0rem_0rem_0rem_0\.0625rem_rgba\(255\2c 255\2c 255\2c 0\.1\)\]) {
    --tw-shadow: 0rem 0rem 0rem 0.0625rem #ffffff1a !important;
    --tw-shadow-colored: 0rem 0rem 0rem 0.0625rem var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

:is([data-theme-version=dark] .dark\:file\:bg-\[\#1E1E1E\])::file-selector-button {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 30 30/var(--tw-bg-opacity)) !important
}

:is([data-theme-version=dark] .dark\:hover\:border-\[\#1E1E1E\]:hover) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(30 30 30/var(--tw-border-opacity)) !important
}

:is([data-theme-version=dark] .dark\:hover\:border-b-color:hover) {
    border-color: var(--border-color) !important
}

:is([data-theme-version=dark] .dark\:hover\:border-primary:hover) {
    border-color: var(--primary) !important
}

:is([data-theme-version=dark] .dark\:hover\:bg-\[\#1E1E1E\]:hover) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 30 30/var(--tw-bg-opacity)) !important
}

:is([data-theme-version=dark] .dark\:hover\:bg-transparent:hover) {
    background-color: #0000 !important
}

:is([data-theme-version=dark] .dark\:hover\:text-white:hover) {
    color: var(--white) !important
}

@media (min-width: 576px) {
    .sm\:top-0 {
        top: 0 !important
    }

    .sm\:float-right {
        float: right !important
    }

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

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

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

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

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

    .sm\:mb-\[0\.9375rem\] {
        margin-bottom: .9375rem !important
    }

    .sm\:ml-0 {
        margin-left: 0 !important
    }

    .sm\:ml-\[1\.125rem\] {
        margin-left: 1.125rem !important
    }

    .sm\:ml-auto {
        margin-left: auto !important
    }

    .sm\:mr-2 {
        margin-right: .5rem !important
    }

    .sm\:mr-2\.5 {
        margin-right: .625rem !important
    }

    .sm\:mr-20 {
        margin-right: 5rem !important
    }

    .sm\:mr-\[1\.875rem\] {
        margin-right: 1.875rem !important
    }

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

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

    .sm\:flex {
        display: flex !important
    }

    .sm\:hidden {
        display: none !important
    }

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

    .sm\:h-\[130px\] {
        height: 130px !important
    }

    .sm\:h-\[2\.5rem\] {
        height: 2.5rem !important
    }

    .sm\:h-\[21\.875rem\] {
        height: 21.875rem !important
    }

    .sm\:h-\[400px\] {
        height: 400px !important
    }

    .sm\:h-\[575px\] {
        height: 575px !important
    }

    .sm\:w-1\/2 {
        width: 50% !important
    }

    .sm\:w-1\/3 {
        width: 33.333333% !important
    }

    .sm\:w-1\/4 {
        width: 25% !important
    }

    .sm\:w-1\/6 {
        width: 16.666667% !important
    }

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

    .sm\:w-2\/3 {
        width: 66.666667% !important
    }

    .sm\:w-3\/4 {
        width: 75% !important
    }

    .sm\:w-5\/12 {
        width: 41.666667% !important
    }

    .sm\:w-5\/6 {
        width: 83.333333% !important
    }

    .sm\:w-7\/12 {
        width: 58.333333% !important
    }

    .sm\:w-9\/12 {
        width: 75% !important
    }

    .sm\:w-\[160px\] {
        width: 160px !important
    }

    .sm\:w-\[2\.5rem\] {
        width: 2.5rem !important
    }

    .sm\:w-\[6\.65rem\] {
        width: 6.65rem !important
    }

    .sm\:w-full {
        width: 100% !important
    }

    .sm\:-translate-y-12 {
        --tw-translate-y: -3rem !important
    }

    .sm\:-translate-y-12, .sm\:translate-x-\[-65px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .sm\:translate-x-\[-65px\] {
        --tw-translate-x: -65px !important
    }

    .sm\:translate-x-\[100px\] {
        --tw-translate-x: 100px !important
    }

    .sm\:translate-x-\[100px\], .sm\:translate-x-\[110px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .sm\:translate-x-\[110px\] {
        --tw-translate-x: 110px !important
    }

    .sm\:translate-y-8 {
        --tw-translate-y: 2rem !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

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

    .sm\:p-10 {
        padding: 2.5rem !important
    }

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

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

    .sm\:p-\[25px\] {
        padding: 25px !important
    }

    .sm\:p-\[30px\] {
        padding: 30px !important
    }

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

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

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

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

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

    .sm\:px-\[1\.25rem\] {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .sm\:px-\[1\.563rem\] {
        padding-left: 1.563rem !important;
        padding-right: 1.563rem !important
    }

    .sm\:px-\[1\.875rem\] {
        padding-left: 1.875rem !important;
        padding-right: 1.875rem !important
    }

    .sm\:px-\[1\.95rem\] {
        padding-left: 1.95rem !important;
        padding-right: 1.95rem !important
    }

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

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

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

    .sm\:py-\[0\.719rem\] {
        padding-top: .719rem !important;
        padding-bottom: .719rem !important
    }

    .sm\:py-\[0\.9375rem\] {
        padding-top: .9375rem !important;
        padding-bottom: .9375rem !important
    }

    .sm\:py-\[14px\] {
        padding-top: 14px !important;
        padding-bottom: 14px !important
    }

    .sm\:py-\[5px\] {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

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

    .sm\:pb-1 {
        padding-bottom: .25rem !important
    }

    .sm\:pb-2 {
        padding-bottom: .5rem !important
    }

    .sm\:pb-2\.5 {
        padding-bottom: .625rem !important
    }

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

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

    .sm\:pl-4 {
        padding-left: 1rem !important
    }

    .sm\:pl-5 {
        padding-left: 1.25rem !important
    }

    .sm\:pl-\[51px\] {
        padding-left: 51px !important
    }

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

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

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

    .sm\:pt-5 {
        padding-top: 1.25rem !important
    }

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

    .sm\:text-start {
        text-align: start !important
    }

    .sm\:text-2xl {
        font-size: 1.5rem !important;
        line-height: 2rem !important
    }

    .sm\:text-\[0\.938rem\] {
        font-size: .938rem !important
    }

    .sm\:text-\[13px\] {
        font-size: 13px !important
    }

    .sm\:text-\[150px\] {
        font-size: 150px !important
    }

    .sm\:text-\[15px\] {
        font-size: 15px !important
    }

    .sm\:text-\[17px\] {
        font-size: 17px !important
    }

    .sm\:text-\[2\.5rem\] {
        font-size: 2.5rem !important
    }

    .sm\:text-\[30px\] {
        font-size: 30px !important
    }

    .sm\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .sm\:text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .sm\:text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .sm\:text-xl {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important
    }

    .sm\:text-xs {
        font-size: .75rem !important;
        line-height: 1rem !important
    }

    .sm\:leading-\[150px\] {
        line-height: 150px !important
    }

    .sm\:leading-\[2\.375rem\] {
        line-height: 2.375rem !important
    }
}

@media (min-width: 768px) {
    .md\:right-0 {
        right: 0 !important
    }

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

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

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

    .md\:block {
        display: block !important
    }

    .md\:flex {
        display: flex !important
    }

    .md\:w-1\/2 {
        width: 50% !important
    }

    .md\:w-1\/3 {
        width: 33.333333% !important
    }

    .md\:w-1\/4 {
        width: 25% !important
    }

    .md\:w-1\/6 {
        width: 16.666667% !important
    }

    .md\:w-2\/6 {
        width: 33.333333% !important
    }

    .md\:w-5\/12 {
        width: 41.666667% !important
    }

    .md\:w-7\/12 {
        width: 58.333333% !important
    }

    .md\:w-\[322px\] {
        width: 322px !important
    }

    .md\:w-\[500px\] {
        width: 500px !important
    }

    .md\:min-w-\[322px\] {
        min-width: 322px !important
    }

    .md\:translate-x-\[140px\] {
        --tw-translate-x: 140px !important
    }

    .md\:translate-x-\[140px\], .md\:translate-x-\[187px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .md\:translate-x-\[187px\] {
        --tw-translate-x: 187px !important
    }

    .md\:translate-y-\[-25px\] {
        --tw-translate-y: -25px !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .md\:justify-center {
        justify-content: center !important
    }

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

@media (min-width: 992px) {
    .lg\:order-1 {
        order: 1 !important
    }

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

    .lg\:mr-8 {
        margin-right: 2rem !important
    }

    .lg\:h-\[25rem\] {
        height: 25rem !important
    }

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

    .lg\:w-1\/3 {
        width: 33.333333% !important
    }

    .lg\:w-1\/4 {
        width: 25% !important
    }

    .lg\:w-2\/3 {
        width: 66.666667% !important
    }

    .lg\:w-3\/4 {
        width: 75% !important
    }

    .lg\:w-4\/6 {
        width: 66.666667% !important
    }

    .lg\:w-5\/12 {
        width: 41.666667% !important
    }

    .lg\:w-7\/12 {
        width: 58.333333% !important
    }

    .lg\:w-9\/12 {
        width: 75% !important
    }

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

    .lg\:translate-x-\[-163px\] {
        --tw-translate-x: -163px !important
    }

    .lg\:translate-x-\[-163px\], .lg\:translate-x-\[-166px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .lg\:translate-x-\[-166px\] {
        --tw-translate-x: -166px !important
    }

    .lg\:translate-x-\[7\.25rem\] {
        --tw-translate-x: 7.25rem !important
    }

    .lg\:translate-x-\[7\.25rem\], .lg\:translate-y-\[-1\.2rem\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .lg\:translate-y-\[-1\.2rem\] {
        --tw-translate-y: -1.2rem !important
    }

    .lg\:translate-y-\[-15px\] {
        --tw-translate-y: -15px !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

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

    .lg\:px-\[50px\] {
        padding-left: 50px !important;
        padding-right: 50px !important
    }

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

    .lg\:pl-\[70px\] {
        padding-left: 70px !important
    }

    .lg\:pr-4 {
        padding-right: 1rem !important
    }

    .lg\:pt-\[70px\] {
        padding-top: 70px !important
    }

    .lg\:text-start {
        text-align: start !important
    }

    .lg\:text-\[13px\] {
        font-size: 13px !important
    }

    .lg\:text-\[200px\] {
        font-size: 200px !important
    }

    .lg\:leading-\[200px\] {
        line-height: 200px !important
    }
}

@media (min-width: 1200px) {
    .xl\:mb-0 {
        margin-bottom: 0 !important
    }

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

    .xl\:h-\[90px\] {
        height: 90px !important
    }

    .xl\:w-1\/12 {
        width: 8.333333% !important
    }

    .xl\:w-1\/2 {
        width: 50% !important
    }

    .xl\:w-1\/3 {
        width: 33.333333% !important
    }

    .xl\:w-1\/4 {
        width: 25% !important
    }

    .xl\:w-1\/6 {
        width: 16.666667% !important
    }

    .xl\:w-11\/12 {
        width: 91.666667% !important
    }

    .xl\:w-2\/3 {
        width: 66.666667% !important
    }

    .xl\:w-2\/6 {
        width: 33.333333% !important
    }

    .xl\:w-3\/4 {
        width: 75% !important
    }

    .xl\:w-5\/12 {
        width: 41.666667% !important
    }

    .xl\:w-5\/6 {
        width: 83.333333% !important
    }

    .xl\:w-7\/12 {
        width: 58.333333% !important
    }

    .xl\:w-9\/12 {
        width: 75% !important
    }

    .xl\:w-\[16\.875rem\] {
        width: 16.875rem !important
    }

    .xl\:w-\[300px\] {
        width: 300px !important
    }

    .xl\:w-\[800px\] {
        width: 800px !important
    }

    .xl\:w-\[90px\] {
        width: 90px !important
    }

    .xl\:w-full {
        width: 100% !important
    }

    @media (min-width: 1200px) {
        .xl\:xl\:w-1\/3 {
            width: 33.333333% !important
        }
    }.xl\:max-w-\[164px\] {
         max-width: 164px !important
     }

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

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

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

    .xl\:px-\[0\.9375rem\] {
        padding-left: .9375rem !important;
        padding-right: .9375rem !important
    }

    .xl\:px-\[1\.563rem\] {
        padding-left: 1.563rem !important;
        padding-right: 1.563rem !important
    }

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

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

    .xl\:py-\[0\.719rem\] {
        padding-top: .719rem !important;
        padding-bottom: .719rem !important
    }

    .xl\:text-start {
        text-align: start !important
    }

    .xl\:text-2xl {
        font-size: 1.5rem !important;
        line-height: 2rem !important
    }

    .xl\:text-3xl {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important
    }

    .xl\:text-4xl {
        font-size: 2.25rem !important;
        line-height: 2.5rem !important
    }

    .xl\:text-\[1\.875rem\] {
        font-size: 1.875rem !important
    }

    .xl\:text-\[15px\] {
        font-size: 15px !important
    }

    .xl\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .xl\:text-lg {
        font-size: 1.125rem !important
    }

    .xl\:text-lg, .xl\:text-xl {
        line-height: 1.75rem !important
    }

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

    .xl\:leading-\[1\.5\] {
        line-height: 1.5 !important
    }
}

@media (min-width: 1449px) {
    .\32xl\:w-1\/2 {
        width: 50% !important
    }

    .\32xl\:w-1\/3 {
        width: 33.333333% !important
    }

    .\32xl\:w-1\/4 {
        width: 25% !important
    }

    .\32xl\:w-3\/4 {
        width: 75% !important
    }

    .\32xl\:w-5\/12 {
        width: 41.666667% !important
    }

    .\32xl\:w-7\/12 {
        width: 58.333333% !important
    }

    .\32xl\:translate-x-\[-30px\] {
        --tw-translate-x: -30px !important
    }

    .\32xl\:translate-x-\[-30px\], .\32xl\:translate-x-\[-96px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .\32xl\:translate-x-\[-96px\] {
        --tw-translate-x: -96px !important
    }

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

@media (max-width: 35.9375rem) {
    .max-sm\:absolute {
        position: absolute !important
    }

    .max-sm\:left-\[-22rem\] {
        left: -22rem !important
    }

    .max-sm\:right-\[1\.875rem\] {
        right: 1.875rem !important
    }

    .max-sm\:top-\[1\.875rem\] {
        top: 1.875rem !important
    }

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

    .max-sm\:mb-2 {
        margin-bottom: .5rem !important
    }

    .max-sm\:mb-2\.5 {
        margin-bottom: .625rem !important
    }

    .max-sm\:mb-\[1\.25rem\] {
        margin-bottom: 1.25rem !important
    }

    .max-sm\:mb-\[10px\] {
        margin-bottom: 10px !important
    }

    .max-sm\:mb-\[30px\] {
        margin-bottom: 30px !important
    }

    .max-sm\:ml-1 {
        margin-left: .25rem !important
    }

    .max-sm\:ml-\[2\.025rem\] {
        margin-left: 2.025rem !important
    }

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

    .max-sm\:mt-2\.5, .max-sm\:mt-\[0\.625rem\] {
        margin-top: .625rem !important
    }

    .max-sm\:hidden {
        display: none !important
    }

    .max-sm\:w-\[14px\] {
        width: 14px !important
    }

    .max-sm\:w-\[17\.5rem\] {
        width: 17.5rem !important
    }

    .max-sm\:w-\[45px\] {
        width: 45px !important
    }

    .max-sm\:translate-x-\[-2\.25rem\] {
        --tw-translate-x: -2.25rem !important
    }

    .max-sm\:translate-x-\[-2\.25rem\], .max-sm\:translate-x-\[-4\.8rem\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .max-sm\:translate-x-\[-4\.8rem\] {
        --tw-translate-x: -4.8rem !important
    }

    .max-sm\:flex-wrap {
        flex-wrap: wrap !important
    }

    .max-sm\:p-\[0\.3rem\] {
        padding: .3rem !important
    }

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

    .max-sm\:text-center {
        text-align: center !important
    }

    .max-sm\:text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .max-sm\:text-xs {
        font-size: .75rem !important;
        line-height: 1rem !important
    }

    .max-sm\:tracking-\[5px\] {
        letter-spacing: 5px !important
    }
}

@media (max-width: 47.9375rem) {
    .max-md\:block {
        display: block !important
    }

    .max-md\:w-auto {
        width: auto !important
    }

    .max-md\:flex-row {
        flex-direction: row !important
    }
}

@media (max-width: 61.9375rem) {
    .max-lg\:w-\[60\%\] {
        width: 60% !important
    }
}

@media (max-width: 1200px) {
    .max-xl\:mb-6 {
        margin-bottom: 1.5rem !important
    }

    .max-xl\:mb-\[10px\] {
        margin-bottom: 10px !important
    }

    .max-xl\:mt-\[10px\] {
        margin-top: 10px !important
    }

    .max-xl\:mt-\[15px\] {
        margin-top: 15px !important
    }

    .max-xl\:hidden {
        display: none !important
    }

    .max-xl\:h-\[35\.9rem\] {
        height: 35.9rem !important
    }

    .max-xl\:flex-wrap {
        flex-wrap: wrap !important
    }

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

    .max-xl\:py-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .max-xl\:py-2\.5 {
        padding-top: .625rem !important;
        padding-bottom: .625rem !important
    }

    .max-xl\:py-3 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }

    .max-xl\:text-\[13px\] {
        font-size: 13px !important
    }

    .max-xl\:text-xs {
        font-size: .75rem !important;
        line-height: 1rem !important
    }
}

@media (max-width: 1480px) {
    .max-2xl\:translate-x-0 {
        --tw-translate-x: 0px !important
    }

    .max-2xl\:translate-x-0, .max-2xl\:translate-y-\[-7\.75rem\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .max-2xl\:translate-y-\[-7\.75rem\] {
        --tw-translate-y: -7.75rem !important
    }
}