@charset "UTF-8";/*! -----------------------------------------------------------------------------------
    Template Name: Edmin Admin
    Template URI: http://admin.pixelstrap.com/Edmin/theme
    Description: This is Admin Template
    Author: Pixelstrap
    Author URI: https://themeforest.net/user/pixelstrap
-----------------------------------------------------------------------------------*//*!
 * Bootstrap v5.3.3 (https://getbootstrap.com/) * Copyright 2011-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */
:root,[data-bs-theme=light]{
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, .75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, .5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-focus-ring-width: .25rem;
    --bs-focus-ring-opacity: .25;
    --bs-focus-ring-color: rgba(13, 110, 253, .25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}
[data-bs-theme=dark]{
    color-scheme:dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, .75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, .5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, .15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}
*,*:before,*:after{
    box-sizing:border-box
}
@media (prefers-reduced-motion: no-preference){
    :root{
        scroll-behavior:smooth
    }
}
body{
    margin:0;
    font-family:var(--bs-body-font-family);
    font-size:var(--bs-body-font-size);
    font-weight:var(--bs-body-font-weight);
    line-height:var(--bs-body-line-height);
    color:var(--bs-body-color);
    text-align:var(--bs-body-text-align);
    background-color:var(--bs-body-bg);
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
hr{
    margin:1rem 0;
    color:inherit;
    border:0;
    border-top:var(--bs-border-width) solid;
    opacity:.25
}
h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{
    margin-top:0;
    margin-bottom:.5rem;
    font-weight:500;
    line-height:1.2;
    color:var(--bs-heading-color)
}
h1,.h1{
    font-size:calc(1.375rem + 1.5vw)
}
@media (min-width: 1200px){
    h1,.h1{
        font-size:2.5rem
    }
}
h2,.h2{
    font-size:calc(1.325rem + .9vw)
}
@media (min-width: 1200px){
    h2,.h2{
        font-size:2rem
    }
}
h3,.h3{
    font-size:calc(1.3rem + .6vw)
}
@media (min-width: 1200px){
    h3,.h3{
        font-size:1.75rem
    }
}
h4,.h4{
    font-size:calc(1.275rem + .3vw)
}
@media (min-width: 1200px){
    h4,.h4{
        font-size:1.5rem
    }
}
h5,.h5{
    font-size:1.25rem
}
h6,.h6{
    font-size:1rem
}
p{
    margin-top:0;
    margin-bottom:1rem
}
abbr[title]{
    text-decoration:underline dotted;
    cursor:help;
    text-decoration-skip-ink:none
}
address{
    margin-bottom:1rem;
    font-style:normal;
    line-height:inherit
}
ol,ul{
    padding-left:2rem
}
ol,ul,dl{
    margin-top:0;
    margin-bottom:1rem
}
ol ol,ul ul,ol ul,ul ol{
    margin-bottom:0
}
dt{
    font-weight:700
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote{
    margin:0 0 1rem
}
b,strong{
    font-weight:bolder
}
small,.small{
    font-size:.875em
}
mark,.mark{
    padding:.1875em;
    color:var(--bs-highlight-color);
    background-color:var(--bs-highlight-bg)
}
sub,sup{
    position:relative;
    font-size:.75em;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
a{
    color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));
    text-decoration:underline
}
a:hover{
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}
a:not([href]):not([class]),a:not([href]):not([class]):hover{
    color:inherit;
    text-decoration:none
}
pre,code,kbd,samp{
    font-family:var(--bs-font-monospace);
    font-size:1em
}
pre{
    display:block;
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto;
    font-size:.875em
}
pre code{
    font-size:inherit;
    color:inherit;
    word-break:normal
}
code{
    font-size:.875em;
    color:var(--bs-code-color);
    word-wrap:break-word
}
a>code{
    color:inherit
}
kbd{
    padding:.1875rem .375rem;
    font-size:.875em;
    color:var(--bs-body-bg);
    background-color:var(--bs-body-color);
    border-radius:.25rem
}
kbd kbd{
    padding:0;
    font-size:1em
}
figure{
    margin:0 0 1rem
}
img,svg{
    vertical-align:middle
}
table{
    caption-side:bottom;
    border-collapse:collapse
}
caption{
    padding-top:.5rem;
    padding-bottom:.5rem;
    color:var(--bs-secondary-color);
    text-align:left
}
th{
    text-align:inherit;
    text-align:-webkit-match-parent
}
thead,tbody,tfoot,tr,td,th{
    border-color:inherit;
    border-style:solid;
    border-width:0
}
label{
    display:inline-block
}
button{
    border-radius:0
}
button:focus:not(:focus-visible){
    outline:0
}
input,button,select,optgroup,textarea{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,select{
    text-transform:none
}
[role=button]{
    cursor:pointer
}
select{
    word-wrap:normal
}
select:disabled{
    opacity:1
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{
    display:none!important
}
button,[type=button],[type=reset],[type=submit]{
    -webkit-appearance:button
}
button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){
    cursor:pointer
}
::-moz-focus-inner{
    padding:0;
    border-style:none
}
textarea{
    resize:vertical
}
fieldset{
    min-width:0;
    padding:0;
    margin:0;
    border:0
}
legend{
    float:left;
    width:100%;
    padding:0;
    margin-bottom:.5rem;
    font-size:calc(1.275rem + .3vw);
    line-height:inherit
}
@media (min-width: 1200px){
    legend{
        font-size:1.5rem
    }
}
legend+*{
    clear:left
}
::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{
    padding:0
}
::-webkit-inner-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-color-swatch-wrapper{
    padding:0
}
::file-selector-button{
    font:inherit;
    -webkit-appearance:button
}
output{
    display:inline-block
}
iframe{
    border:0
}
summary{
    display:list-item;
    cursor:pointer
}
progress{
    vertical-align:baseline
}
[hidden]{
    display:none!important
}
.lead{
    font-size:1.25rem;
    font-weight:300
}
.display-1{
    font-size:calc(1.625rem + 4.5vw);
    font-weight:300;
    line-height:1.2
}
@media (min-width: 1200px){
    .display-1{
        font-size:5rem
    }
}
.display-2{
    font-size:calc(1.575rem + 3.9vw);
    font-weight:300;
    line-height:1.2
}
@media (min-width: 1200px){
    .display-2{
        font-size:4.5rem
    }
}
.display-3{
    font-size:calc(1.525rem + 3.3vw);
    font-weight:300;
    line-height:1.2
}
@media (min-width: 1200px){
    .display-3{
        font-size:4rem
    }
}
.display-4{
    font-size:calc(1.475rem + 2.7vw);
    font-weight:300;
    line-height:1.2
}
@media (min-width: 1200px){
    .display-4{
        font-size:3.5rem
    }
}
.display-5{
    font-size:calc(1.425rem + 2.1vw);
    font-weight:300;
    line-height:1.2
}
@media (min-width: 1200px){
    .display-5{
        font-size:3rem
    }
}
.display-6{
    font-size:calc(1.375rem + 1.5vw);
    font-weight:300;
    line-height:1.2
}
@media (min-width: 1200px){
    .display-6{
        font-size:2.5rem
    }
}
.list-unstyled,.list-inline{
    padding-left:0;
    list-style:none
}
.list-inline-item{
    display:inline-block
}
.list-inline-item:not(:last-child){
    margin-right:.5rem
}
.initialism{
    font-size:.875em;
    text-transform:uppercase
}
.blockquote{
    margin-bottom:1rem;
    font-size:1.25rem
}
.blockquote>:last-child{
    margin-bottom:0
}
.blockquote-footer{
    margin-top:-1rem;
    margin-bottom:1rem;
    font-size:.875em;
    color:#6c757d
}
.blockquote-footer:before{
    content:"— "
}
.img-fluid{
    max-width:100%;
    height:auto
}
.img-thumbnail{
    padding:.25rem;
    background-color:var(--bs-body-bg);
    border:var(--bs-border-width) solid var(--bs-border-color);
    border-radius:var(--bs-border-radius);
    max-width:100%;
    height:auto
}
.figure{
    display:inline-block
}
.figure-img{
    margin-bottom:.5rem;
    line-height:1
}
.figure-caption{
    font-size:.875em;
    color:var(--bs-secondary-color)
}
.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{
    --bs-gutter-x: 1.5rem;
    --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
}
@media (min-width: 576px){
    .container-sm,.container{
        max-width:540px
    }
}
@media (min-width: 768px){
    .container-md,.container-sm,.container{
        max-width:720px
    }
}
@media (min-width: 992px){
    .container-lg,.container-md,.container-sm,.container{
        max-width:960px
    }
}
@media (min-width: 1200px){
    .container-xl,.container-lg,.container-md,.container-sm,.container{
        max-width:1140px
    }
}
@media (min-width: 1400px){
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{
        max-width:1320px
    }
}
:root{
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}
.row{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display:flex;
    flex-wrap:wrap;
    margin-top:calc(-1 * var(--bs-gutter-y));
    margin-right:calc(-.5 * var(--bs-gutter-x));
    margin-left:calc(-.5 * var(--bs-gutter-x))
}
.row>*{
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:calc(var(--bs-gutter-x) * .5);
    padding-left:calc(var(--bs-gutter-x) * .5);
    margin-top:var(--bs-gutter-y)
}
.col{
    flex:1 0 0%
}
.row-cols-auto>*{
    flex:0 0 auto;
    width:auto
}
.row-cols-1>*{
    flex:0 0 auto;
    width:100%
}
.row-cols-2>*{
    flex:0 0 auto;
    width:50%
}
.row-cols-3>*{
    flex:0 0 auto;
    width:33.33333333%
}
.row-cols-4>*{
    flex:0 0 auto;
    width:25%
}
.row-cols-5>*{
    flex:0 0 auto;
    width:20%
}
.row-cols-6>*{
    flex:0 0 auto;
    width:16.66666667%
}
.col-auto{
    flex:0 0 auto;
    width:auto
}
.col-1{
    flex:0 0 auto;
    width:8.33333333%
}
.col-2{
    flex:0 0 auto;
    width:16.66666667%
}
.col-3{
    flex:0 0 auto;
    width:25%
}
.col-4{
    flex:0 0 auto;
    width:33.33333333%
}
.col-5{
    flex:0 0 auto;
    width:41.66666667%
}
.col-6{
    flex:0 0 auto;
    width:50%
}
.col-7{
    flex:0 0 auto;
    width:58.33333333%
}
.col-8{
    flex:0 0 auto;
    width:66.66666667%
}
.col-9{
    flex:0 0 auto;
    width:75%
}
.col-10{
    flex:0 0 auto;
    width:83.33333333%
}
.col-11{
    flex:0 0 auto;
    width:91.66666667%
}
.col-12{
    flex:0 0 auto;
    width:100%
}
.offset-1{
    margin-left:8.33333333%
}
.offset-2{
    margin-left:16.66666667%
}
.offset-3{
    margin-left:25%
}
.offset-4{
    margin-left:33.33333333%
}
.offset-5{
    margin-left:41.66666667%
}
.offset-6{
    margin-left:50%
}
.offset-7{
    margin-left:58.33333333%
}
.offset-8{
    margin-left:66.66666667%
}
.offset-9{
    margin-left:75%
}
.offset-10{
    margin-left:83.33333333%
}
.offset-11{
    margin-left:91.66666667%
}
.g-0,.gx-0{
    --bs-gutter-x: 0
}
.g-0,.gy-0{
    --bs-gutter-y: 0
}
.g-1,.gx-1{
    --bs-gutter-x: .25rem
}
.g-1,.gy-1{
    --bs-gutter-y: .25rem
}
.g-2,.gx-2{
    --bs-gutter-x: .5rem
}
.g-2,.gy-2{
    --bs-gutter-y: .5rem
}
.g-3,.gx-3{
    --bs-gutter-x: 1rem
}
.g-3,.gy-3{
    --bs-gutter-y: 1rem
}
.g-4,.gx-4{
    --bs-gutter-x: 1.5rem
}
.g-4,.gy-4{
    --bs-gutter-y: 1.5rem
}
.g-5,.gx-5{
    --bs-gutter-x: 3rem
}
.g-5,.gy-5{
    --bs-gutter-y: 3rem
}
@media (min-width: 576px){
    .col-sm{
        flex:1 0 0%
    }
    .row-cols-sm-auto>*{
        flex:0 0 auto;
        width:auto
    }
    .row-cols-sm-1>*{
        flex:0 0 auto;
        width:100%
    }
    .row-cols-sm-2>*{
        flex:0 0 auto;
        width:50%
    }
    .row-cols-sm-3>*{
        flex:0 0 auto;
        width:33.33333333%
    }
    .row-cols-sm-4>*{
        flex:0 0 auto;
        width:25%
    }
    .row-cols-sm-5>*{
        flex:0 0 auto;
        width:20%
    }
    .row-cols-sm-6>*{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-sm-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-sm-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-sm-2{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-sm-3{
        flex:0 0 auto;
        width:25%
    }
    .col-sm-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-sm-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-sm-6{
        flex:0 0 auto;
        width:50%
    }
    .col-sm-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-sm-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-sm-9{
        flex:0 0 auto;
        width:75%
    }
    .col-sm-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-sm-11{
        flex:0 0 auto;
        width:91.66666667%
    }
    .col-sm-12{
        flex:0 0 auto;
        width:100%
    }
    .offset-sm-0{
        margin-left:0
    }
    .offset-sm-1{
        margin-left:8.33333333%
    }
    .offset-sm-2{
        margin-left:16.66666667%
    }
    .offset-sm-3{
        margin-left:25%
    }
    .offset-sm-4{
        margin-left:33.33333333%
    }
    .offset-sm-5{
        margin-left:41.66666667%
    }
    .offset-sm-6{
        margin-left:50%
    }
    .offset-sm-7{
        margin-left:58.33333333%
    }
    .offset-sm-8{
        margin-left:66.66666667%
    }
    .offset-sm-9{
        margin-left:75%
    }
    .offset-sm-10{
        margin-left:83.33333333%
    }
    .offset-sm-11{
        margin-left:91.66666667%
    }
    .g-sm-0,.gx-sm-0{
        --bs-gutter-x: 0
    }
    .g-sm-0,.gy-sm-0{
        --bs-gutter-y: 0
    }
    .g-sm-1,.gx-sm-1{
        --bs-gutter-x: .25rem
    }
    .g-sm-1,.gy-sm-1{
        --bs-gutter-y: .25rem
    }
    .g-sm-2,.gx-sm-2{
        --bs-gutter-x: .5rem
    }
    .g-sm-2,.gy-sm-2{
        --bs-gutter-y: .5rem
    }
    .g-sm-3,.gx-sm-3{
        --bs-gutter-x: 1rem
    }
    .g-sm-3,.gy-sm-3{
        --bs-gutter-y: 1rem
    }
    .g-sm-4,.gx-sm-4{
        --bs-gutter-x: 1.5rem
    }
    .g-sm-4,.gy-sm-4{
        --bs-gutter-y: 1.5rem
    }
    .g-sm-5,.gx-sm-5{
        --bs-gutter-x: 3rem
    }
    .g-sm-5,.gy-sm-5{
        --bs-gutter-y: 3rem
    }
}
@media (min-width: 768px){
    .col-md{
        flex:1 0 0%
    }
    .row-cols-md-auto>*{
        flex:0 0 auto;
        width:auto
    }
    .row-cols-md-1>*{
        flex:0 0 auto;
        width:100%
    }
    .row-cols-md-2>*{
        flex:0 0 auto;
        width:50%
    }
    .row-cols-md-3>*{
        flex:0 0 auto;
        width:33.33333333%
    }
    .row-cols-md-4>*{
        flex:0 0 auto;
        width:25%
    }
    .row-cols-md-5>*{
        flex:0 0 auto;
        width:20%
    }
    .row-cols-md-6>*{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-md-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-md-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-md-2{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-md-3{
        flex:0 0 auto;
        width:25%
    }
    .col-md-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-md-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-md-6{
        flex:0 0 auto;
        width:50%
    }
    .col-md-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-md-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-md-9{
        flex:0 0 auto;
        width:75%
    }
    .col-md-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-md-11{
        flex:0 0 auto;
        width:91.66666667%
    }
    .col-md-12{
        flex:0 0 auto;
        width:100%
    }
    .offset-md-0{
        margin-left:0
    }
    .offset-md-1{
        margin-left:8.33333333%
    }
    .offset-md-2{
        margin-left:16.66666667%
    }
    .offset-md-3{
        margin-left:25%
    }
    .offset-md-4{
        margin-left:33.33333333%
    }
    .offset-md-5{
        margin-left:41.66666667%
    }
    .offset-md-6{
        margin-left:50%
    }
    .offset-md-7{
        margin-left:58.33333333%
    }
    .offset-md-8{
        margin-left:66.66666667%
    }
    .offset-md-9{
        margin-left:75%
    }
    .offset-md-10{
        margin-left:83.33333333%
    }
    .offset-md-11{
        margin-left:91.66666667%
    }
    .g-md-0,.gx-md-0{
        --bs-gutter-x: 0
    }
    .g-md-0,.gy-md-0{
        --bs-gutter-y: 0
    }
    .g-md-1,.gx-md-1{
        --bs-gutter-x: .25rem
    }
    .g-md-1,.gy-md-1{
        --bs-gutter-y: .25rem
    }
    .g-md-2,.gx-md-2{
        --bs-gutter-x: .5rem
    }
    .g-md-2,.gy-md-2{
        --bs-gutter-y: .5rem
    }
    .g-md-3,.gx-md-3{
        --bs-gutter-x: 1rem
    }
    .g-md-3,.gy-md-3{
        --bs-gutter-y: 1rem
    }
    .g-md-4,.gx-md-4{
        --bs-gutter-x: 1.5rem
    }
    .g-md-4,.gy-md-4{
        --bs-gutter-y: 1.5rem
    }
    .g-md-5,.gx-md-5{
        --bs-gutter-x: 3rem
    }
    .g-md-5,.gy-md-5{
        --bs-gutter-y: 3rem
    }
}
@media (min-width: 992px){
    .col-lg{
        flex:1 0 0%
    }
    .row-cols-lg-auto>*{
        flex:0 0 auto;
        width:auto
    }
    .row-cols-lg-1>*{
        flex:0 0 auto;
        width:100%
    }
    .row-cols-lg-2>*{
        flex:0 0 auto;
        width:50%
    }
    .row-cols-lg-3>*{
        flex:0 0 auto;
        width:33.33333333%
    }
    .row-cols-lg-4>*{
        flex:0 0 auto;
        width:25%
    }
    .row-cols-lg-5>*{
        flex:0 0 auto;
        width:20%
    }
    .row-cols-lg-6>*{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-lg-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-lg-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-lg-2{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-lg-3{
        flex:0 0 auto;
        width:25%
    }
    .col-lg-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-lg-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-lg-6{
        flex:0 0 auto;
        width:50%
    }
    .col-lg-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-lg-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-lg-9{
        flex:0 0 auto;
        width:75%
    }
    .col-lg-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-lg-11{
        flex:0 0 auto;
        width:91.66666667%
    }
    .col-lg-12{
        flex:0 0 auto;
        width:100%
    }
    .offset-lg-0{
        margin-left:0
    }
    .offset-lg-1{
        margin-left:8.33333333%
    }
    .offset-lg-2{
        margin-left:16.66666667%
    }
    .offset-lg-3{
        margin-left:25%
    }
    .offset-lg-4{
        margin-left:33.33333333%
    }
    .offset-lg-5{
        margin-left:41.66666667%
    }
    .offset-lg-6{
        margin-left:50%
    }
    .offset-lg-7{
        margin-left:58.33333333%
    }
    .offset-lg-8{
        margin-left:66.66666667%
    }
    .offset-lg-9{
        margin-left:75%
    }
    .offset-lg-10{
        margin-left:83.33333333%
    }
    .offset-lg-11{
        margin-left:91.66666667%
    }
    .g-lg-0,.gx-lg-0{
        --bs-gutter-x: 0
    }
    .g-lg-0,.gy-lg-0{
        --bs-gutter-y: 0
    }
    .g-lg-1,.gx-lg-1{
        --bs-gutter-x: .25rem
    }
    .g-lg-1,.gy-lg-1{
        --bs-gutter-y: .25rem
    }
    .g-lg-2,.gx-lg-2{
        --bs-gutter-x: .5rem
    }
    .g-lg-2,.gy-lg-2{
        --bs-gutter-y: .5rem
    }
    .g-lg-3,.gx-lg-3{
        --bs-gutter-x: 1rem
    }
    .g-lg-3,.gy-lg-3{
        --bs-gutter-y: 1rem
    }
    .g-lg-4,.gx-lg-4{
        --bs-gutter-x: 1.5rem
    }
    .g-lg-4,.gy-lg-4{
        --bs-gutter-y: 1.5rem
    }
    .g-lg-5,.gx-lg-5{
        --bs-gutter-x: 3rem
    }
    .g-lg-5,.gy-lg-5{
        --bs-gutter-y: 3rem
    }
}
@media (min-width: 1200px){
    .col-xl{
        flex:1 0 0%
    }
    .row-cols-xl-auto>*{
        flex:0 0 auto;
        width:auto
    }
    .row-cols-xl-1>*{
        flex:0 0 auto;
        width:100%
    }
    .row-cols-xl-2>*{
        flex:0 0 auto;
        width:50%
    }
    .row-cols-xl-3>*{
        flex:0 0 auto;
        width:33.33333333%
    }
    .row-cols-xl-4>*{
        flex:0 0 auto;
        width:25%
    }
    .row-cols-xl-5>*{
        flex:0 0 auto;
        width:20%
    }
    .row-cols-xl-6>*{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-xl-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-xl-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-xl-2{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-xl-3{
        flex:0 0 auto;
        width:25%
    }
    .col-xl-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-xl-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-xl-6{
        flex:0 0 auto;
        width:50%
    }
    .col-xl-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-xl-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-xl-9{
        flex:0 0 auto;
        width:75%
    }
    .col-xl-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-xl-11{
        flex:0 0 auto;
        width:91.66666667%
    }
    .col-xl-12{
        flex:0 0 auto;
        width:100%
    }
    .offset-xl-0{
        margin-left:0
    }
    .offset-xl-1{
        margin-left:8.33333333%
    }
    .offset-xl-2{
        margin-left:16.66666667%
    }
    .offset-xl-3{
        margin-left:25%
    }
    .offset-xl-4{
        margin-left:33.33333333%
    }
    .offset-xl-5{
        margin-left:41.66666667%
    }
    .offset-xl-6{
        margin-left:50%
    }
    .offset-xl-7{
        margin-left:58.33333333%
    }
    .offset-xl-8{
        margin-left:66.66666667%
    }
    .offset-xl-9{
        margin-left:75%
    }
    .offset-xl-10{
        margin-left:83.33333333%
    }
    .offset-xl-11{
        margin-left:91.66666667%
    }
    .g-xl-0,.gx-xl-0{
        --bs-gutter-x: 0
    }
    .g-xl-0,.gy-xl-0{
        --bs-gutter-y: 0
    }
    .g-xl-1,.gx-xl-1{
        --bs-gutter-x: .25rem
    }
    .g-xl-1,.gy-xl-1{
        --bs-gutter-y: .25rem
    }
    .g-xl-2,.gx-xl-2{
        --bs-gutter-x: .5rem
    }
    .g-xl-2,.gy-xl-2{
        --bs-gutter-y: .5rem
    }
    .g-xl-3,.gx-xl-3{
        --bs-gutter-x: 1rem
    }
    .g-xl-3,.gy-xl-3{
        --bs-gutter-y: 1rem
    }
    .g-xl-4,.gx-xl-4{
        --bs-gutter-x: 1.5rem
    }
    .g-xl-4,.gy-xl-4{
        --bs-gutter-y: 1.5rem
    }
    .g-xl-5,.gx-xl-5{
        --bs-gutter-x: 3rem
    }
    .g-xl-5,.gy-xl-5{
        --bs-gutter-y: 3rem
    }
}
@media (min-width: 1400px){
    .col-xxl{
        flex:1 0 0%
    }
    .row-cols-xxl-auto>*{
        flex:0 0 auto;
        width:auto
    }
    .row-cols-xxl-1>*{
        flex:0 0 auto;
        width:100%
    }
    .row-cols-xxl-2>*{
        flex:0 0 auto;
        width:50%
    }
    .row-cols-xxl-3>*{
        flex:0 0 auto;
        width:33.33333333%
    }
    .row-cols-xxl-4>*{
        flex:0 0 auto;
        width:25%
    }
    .row-cols-xxl-5>*{
        flex:0 0 auto;
        width:20%
    }
    .row-cols-xxl-6>*{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-xxl-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-xxl-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-xxl-2{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-xxl-3{
        flex:0 0 auto;
        width:25%
    }
    .col-xxl-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-xxl-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-xxl-6{
        flex:0 0 auto;
        width:50%
    }
    .col-xxl-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-xxl-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-xxl-9{
        flex:0 0 auto;
        width:75%
    }
    .col-xxl-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-xxl-11{
        flex:0 0 auto;
        width:91.66666667%
    }
    .col-xxl-12{
        flex:0 0 auto;
        width:100%
    }
    .offset-xxl-0{
        margin-left:0
    }
    .offset-xxl-1{
        margin-left:8.33333333%
    }
    .offset-xxl-2{
        margin-left:16.66666667%
    }
    .offset-xxl-3{
        margin-left:25%
    }
    .offset-xxl-4{
        margin-left:33.33333333%
    }
    .offset-xxl-5{
        margin-left:41.66666667%
    }
    .offset-xxl-6{
        margin-left:50%
    }
    .offset-xxl-7{
        margin-left:58.33333333%
    }
    .offset-xxl-8{
        margin-left:66.66666667%
    }
    .offset-xxl-9{
        margin-left:75%
    }
    .offset-xxl-10{
        margin-left:83.33333333%
    }
    .offset-xxl-11{
        margin-left:91.66666667%
    }
    .g-xxl-0,.gx-xxl-0{
        --bs-gutter-x: 0
    }
    .g-xxl-0,.gy-xxl-0{
        --bs-gutter-y: 0
    }
    .g-xxl-1,.gx-xxl-1{
        --bs-gutter-x: .25rem
    }
    .g-xxl-1,.gy-xxl-1{
        --bs-gutter-y: .25rem
    }
    .g-xxl-2,.gx-xxl-2{
        --bs-gutter-x: .5rem
    }
    .g-xxl-2,.gy-xxl-2{
        --bs-gutter-y: .5rem
    }
    .g-xxl-3,.gx-xxl-3{
        --bs-gutter-x: 1rem
    }
    .g-xxl-3,.gy-xxl-3{
        --bs-gutter-y: 1rem
    }
    .g-xxl-4,.gx-xxl-4{
        --bs-gutter-x: 1.5rem
    }
    .g-xxl-4,.gy-xxl-4{
        --bs-gutter-y: 1.5rem
    }
    .g-xxl-5,.gx-xxl-5{
        --bs-gutter-x: 3rem
    }
    .g-xxl-5,.gy-xxl-5{
        --bs-gutter-y: 3rem
    }
}
.table{
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), .05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);
    width:100%;
    margin-bottom:1rem;
    vertical-align:top;
    border-color:var(--bs-table-border-color)
}
.table>:not(caption)>*>*{
    padding:.5rem;
    color:var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color:var(--bs-table-bg);
    border-bottom-width:var(--bs-border-width);
    box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))
}
.table>tbody{
    vertical-align:inherit
}
.table>thead{
    vertical-align:bottom
}
.table-group-divider{
    border-top:calc(var(--bs-border-width) * 2) solid currentcolor
}
.caption-top{
    caption-side:top
}
.table-sm>:not(caption)>*>*{
    padding:.25rem
}
.table-bordered>:not(caption)>*{
    border-width:var(--bs-border-width) 0
}
.table-bordered>:not(caption)>*>*{
    border-width:0 var(--bs-border-width)
}
.table-borderless>:not(caption)>*>*{
    border-bottom-width:0
}
.table-borderless>:not(:first-child){
    border-top-width:0
}
.table-striped>tbody>tr:nth-of-type(odd)>*{
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}
.table-striped-columns>:not(caption)>tr>:nth-child(2n){
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}
.table-active{
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg)
}
.table-hover>tbody>tr:hover>*{
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}
.table-primary{
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #a6b5cc;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color:var(--bs-table-color);
    border-color:var(--bs-table-border-color)
}
.table-secondary{
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #b5b6b7;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color:var(--bs-table-color);
    border-color:var(--bs-table-border-color)
}
.table-success{
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #a7b9b1;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color:var(--bs-table-color);
    border-color:var(--bs-table-border-color)
}
.table-info{
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #a6c3ca;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color:var(--bs-table-color);
    border-color:var(--bs-table-border-color)
}
.table-warning{
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #ccc2a4;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color:var(--bs-table-color);
    border-color:var(--bs-table-border-color)
}
.table-danger{
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #c6acae;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color:var(--bs-table-color);
    border-color:var(--bs-table-border-color)
}
.table-light{
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #c6c7c8;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color:var(--bs-table-color);
    border-color:var(--bs-table-border-color)
}
.table-dark{
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #4d5154;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color:var(--bs-table-color);
    border-color:var(--bs-table-border-color)
}
.table-responsive{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
}
@media (max-width: 575.98px){
    .table-responsive-sm{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
}
@media (max-width: 767.98px){
    .table-responsive-md{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
}
@media (max-width: 991.98px){
    .table-responsive-lg{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
}
@media (max-width: 1199.98px){
    .table-responsive-xl{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
}
@media (max-width: 1399.98px){
    .table-responsive-xxl{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
}
.form-label{
    margin-bottom:.5rem
}
.col-form-label{
    padding-top:calc(.375rem + var(--bs-border-width));
    padding-bottom:calc(.375rem + var(--bs-border-width));
    margin-bottom:0;
    font-size:inherit;
    line-height:1.5
}
.col-form-label-lg{
    padding-top:calc(.5rem + var(--bs-border-width));
    padding-bottom:calc(.5rem + var(--bs-border-width));
    font-size:1.25rem
}
.col-form-label-sm{
    padding-top:calc(.25rem + var(--bs-border-width));
    padding-bottom:calc(.25rem + var(--bs-border-width));
    font-size:.875rem
}
.form-text{
    margin-top:.25rem;
    font-size:.875em;
    color:var(--bs-secondary-color)
}
.form-control{
    display:block;
    width:100%;
    padding:.375rem .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:var(--bs-body-color);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:var(--bs-body-bg);
    background-clip:padding-box;
    border:var(--bs-border-width) solid var(--bs-border-color);
    border-radius:var(--bs-border-radius);
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion: reduce){
    .form-control{
        transition:none
    }
}
.form-control[type=file]{
    overflow:hidden
}
.form-control[type=file]:not(:disabled):not([readonly]){
    cursor:pointer
}
.form-control:focus{
    color:var(--bs-body-color);
    background-color:var(--bs-body-bg);
    border-color:#86b7fe;
    outline:0;
    box-shadow:0 0 0 .25rem #0d6efd40
}
.form-control::-webkit-date-and-time-value{
    min-width:85px;
    height:1.5em;
    margin:0
}
.form-control::-webkit-datetime-edit{
    display:block;
    padding:0
}
.form-control::placeholder{
    color:var(--bs-secondary-color);
    opacity:1
}
.form-control:disabled{
    background-color:var(--bs-secondary-bg);
    opacity:1
}
.form-control::file-selector-button{
    padding:.375rem .75rem;
    margin:-.375rem -.75rem;
    margin-inline-end:.75rem;
    color:var(--bs-body-color);
    background-color:var(--bs-tertiary-bg);
    pointer-events:none;
    border-color:inherit;
    border-style:solid;
    border-width:0;
    border-inline-end-width:var(--bs-border-width);
    border-radius:0;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion: reduce){
    .form-control::file-selector-button{
        transition:none
    }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{
    background-color:var(--bs-secondary-bg)
}
.form-control-plaintext{
    display:block;
    width:100%;
    padding:.375rem 0;
    margin-bottom:0;
    line-height:1.5;
    color:var(--bs-body-color);
    background-color:transparent;
    border:solid transparent;
    border-width:var(--bs-border-width) 0
}
.form-control-plaintext:focus{
    outline:0
}
.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{
    padding-right:0;
    padding-left:0
}
.form-control-sm{
    min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding:.25rem .5rem;
    font-size:.875rem;
    border-radius:var(--bs-border-radius-sm)
}
.form-control-sm::file-selector-button{
    padding:.25rem .5rem;
    margin:-.25rem -.5rem;
    margin-inline-end:.5rem
}
.form-control-lg{
    min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding:.5rem 1rem;
    font-size:1.25rem;
    border-radius:var(--bs-border-radius-lg)
}
.form-control-lg::file-selector-button{
    padding:.5rem 1rem;
    margin:-.5rem -1rem;
    margin-inline-end:1rem
}
textarea.form-control{
    min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}
textarea.form-control-sm{
    min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}
textarea.form-control-lg{
    min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}
.form-control-color{
    width:3rem;
    height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
    padding:.375rem
}
.form-control-color:not(:disabled):not([readonly]){
    cursor:pointer
}
.form-control-color::-moz-color-swatch{
    border:0!important;
    border-radius:var(--bs-border-radius)
}
.form-control-color::-webkit-color-swatch{
    border:0!important;
    border-radius:var(--bs-border-radius)
}
.form-control-color.form-control-sm{
    height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}
.form-control-color.form-control-lg{
    height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}
.form-select{
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display:block;
    width:100%;
    padding:.375rem 2.25rem .375rem .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:var(--bs-body-color);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:var(--bs-body-bg);
    background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon, none);
    background-repeat:no-repeat;
    background-position:right .75rem center;
    background-size:16px 12px;
    border:var(--bs-border-width) solid var(--bs-border-color);
    border-radius:var(--bs-border-radius);
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion: reduce){
    .form-select{
        transition:none
    }
}
.form-select:focus{
    border-color:#86b7fe;
    outline:0;
    box-shadow:0 0 0 .25rem #0d6efd40
}
.form-select[multiple],.form-select[size]:not([size="1"]){
    padding-right:.75rem;
    background-image:none
}
.form-select:disabled{
    background-color:var(--bs-secondary-bg)
}
.form-select:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0 var(--bs-body-color)
}
.form-select-sm{
    padding-top:.25rem;
    padding-bottom:.25rem;
    padding-left:.5rem;
    font-size:.875rem;
    border-radius:var(--bs-border-radius-sm)
}
.form-select-lg{
    padding-top:.5rem;
    padding-bottom:.5rem;
    padding-left:1rem;
    font-size:1.25rem;
    border-radius:var(--bs-border-radius-lg)
}
[data-bs-theme=dark] .form-select{
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}
.form-check{
    display:block;
    min-height:1.5rem;
    padding-left:1.5em;
    margin-bottom:.125rem
}
.form-check .form-check-input{
    float:left;
    margin-left:-1.5em
}
.form-check-reverse{
    padding-right:1.5em;
    padding-left:0;
    text-align:right
}
.form-check-reverse .form-check-input{
    float:right;
    margin-right:-1.5em;
    margin-left:0
}
.form-check-input{
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink:0;
    width:1em;
    height:1em;
    margin-top:.25em;
    vertical-align:top;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:var(--bs-form-check-bg);
    background-image:var(--bs-form-check-bg-image);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    border:var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact
}
.form-check-input[type=checkbox]{
    border-radius:.25em
}
.form-check-input[type=radio]{
    border-radius:50%
}
.form-check-input:active{
    filter:brightness(90%)
}
.form-check-input:focus{
    border-color:#86b7fe;
    outline:0;
    box-shadow:0 0 0 .25rem #0d6efd40
}
.form-check-input:checked{
    background-color:#0d6efd;
    border-color:#0d6efd
}
.form-check-input:checked[type=checkbox]{
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%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[type=radio]{
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}
.form-check-input[type=checkbox]:indeterminate{
    background-color:#0d6efd;
    border-color:#0d6efd;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.form-check-input:disabled{
    pointer-events:none;
    filter:none;
    opacity:.5
}
.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{
    cursor:default;
    opacity:.5
}
.form-switch{
    padding-left:2.5em
}
.form-switch .form-check-input{
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    width:2em;
    margin-left:-2.5em;
    background-image:var(--bs-form-switch-bg);
    background-position:left center;
    border-radius:2em;
    transition:background-position .15s ease-in-out
}
@media (prefers-reduced-motion: reduce){
    .form-switch .form-check-input{
        transition:none
    }
}
.form-switch .form-check-input:focus{
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}
.form-switch .form-check-input:checked{
    background-position:right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.form-switch.form-check-reverse{
    padding-right:2.5em;
    padding-left:0
}
.form-switch.form-check-reverse .form-check-input{
    margin-right:-2.5em;
    margin-left:0
}
.form-check-inline{
    display:inline-block;
    margin-right:1rem
}
.btn-check{
    position:absolute;
    clip:rect(0,0,0,0);
    pointer-events:none
}
.btn-check[disabled]+.btn,.btn-check:disabled+.btn{
    pointer-events:none;
    filter:none;
    opacity:.65
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}
.form-range{
    width:100%;
    height:1.5rem;
    padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:transparent
}
.form-range:focus{
    outline:0
}
.form-range:focus::-webkit-slider-thumb{
    box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40
}
.form-range:focus::-moz-range-thumb{
    box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40
}
.form-range::-moz-focus-outer{
    border:0
}
.form-range::-webkit-slider-thumb{
    width:1rem;
    height:1rem;
    margin-top:-.25rem;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:#0d6efd;
    border:0;
    border-radius:1rem;
    transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion: reduce){
    .form-range::-webkit-slider-thumb{
        transition:none
    }
}
.form-range::-webkit-slider-thumb:active{
    background-color:#b6d4fe
}
.form-range::-webkit-slider-runnable-track{
    width:100%;
    height:.5rem;
    color:transparent;
    cursor:pointer;
    background-color:var(--bs-secondary-bg);
    border-color:transparent;
    border-radius:1rem
}
.form-range::-moz-range-thumb{
    width:1rem;
    height:1rem;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:#0d6efd;
    border:0;
    border-radius:1rem;
    transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion: reduce){
    .form-range::-moz-range-thumb{
        transition:none
    }
}
.form-range::-moz-range-thumb:active{
    background-color:#b6d4fe
}
.form-range::-moz-range-track{
    width:100%;
    height:.5rem;
    color:transparent;
    cursor:pointer;
    background-color:var(--bs-secondary-bg);
    border-color:transparent;
    border-radius:1rem
}
.form-range:disabled{
    pointer-events:none
}
.form-range:disabled::-webkit-slider-thumb{
    background-color:var(--bs-secondary-color)
}
.form-range:disabled::-moz-range-thumb{
    background-color:var(--bs-secondary-color)
}
.form-floating{
    position:relative
}
.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{
    height:calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));
    line-height:1.25
}
.form-floating>label{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    height:100%;
    padding:1rem .75rem;
    overflow:hidden;
    text-align:start;
    text-overflow:ellipsis;
    white-space:nowrap;
    pointer-events:none;
    border:var(--bs-border-width) solid transparent;
    transform-origin:0 0;
    transition:opacity .1s ease-in-out,transform .1s ease-in-out
}
@media (prefers-reduced-motion: reduce){
    .form-floating>label{
        transition:none
    }
}
.form-floating>.form-control,.form-floating>.form-control-plaintext{
    padding:1rem .75rem
}
.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder{
    color:transparent
}
.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown){
    padding-top:1.625rem;
    padding-bottom:.625rem
}
.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill{
    padding-top:1.625rem;
    padding-bottom:.625rem
}
.form-floating>.form-select{
    padding-top:1.625rem;
    padding-bottom:.625rem
}
.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label{
    color:rgba(var(--bs-body-color-rgb),.65);
    transform:scale(.85) translateY(-.5rem) translate(.15rem)
}
.form-floating>.form-control:focus~label:after,.form-floating>.form-control:not(:placeholder-shown)~label:after,.form-floating>.form-control-plaintext~label:after,.form-floating>.form-select~label:after{
    position:absolute;
    top:1rem;
    right:.375rem;
    bottom:1rem;
    left:.375rem;
    z-index:-1;
    height:1.5em;
    content:"";
    background-color:var(--bs-body-bg);
    border-radius:var(--bs-border-radius)
}
.form-floating>.form-control:-webkit-autofill~label{
    color:rgba(var(--bs-body-color-rgb),.65);
    transform:scale(.85) translateY(-.5rem) translate(.15rem)
}
.form-floating>.form-control-plaintext~label{
    border-width:var(--bs-border-width) 0
}
.form-floating>:disabled~label,.form-floating>.form-control:disabled~label{
    color:#6c757d
}
.form-floating>:disabled~label:after,.form-floating>.form-control:disabled~label:after{
    background-color:var(--bs-secondary-bg)
}
.input-group{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    width:100%
}
.input-group>.form-control,.input-group>.form-select,.input-group>.form-floating{
    position:relative;
    flex:1 1 auto;
    width:1%;
    min-width:0
}
.input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within{
    z-index:5
}
.input-group .btn{
    position:relative;
    z-index:2
}
.input-group .btn:focus{
    z-index:5
}
.input-group-text{
    display:flex;
    align-items:center;
    padding:.375rem .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:var(--bs-body-color);
    text-align:center;
    white-space:nowrap;
    background-color:var(--bs-tertiary-bg);
    border:var(--bs-border-width) solid var(--bs-border-color);
    border-radius:var(--bs-border-radius)
}
.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn{
    padding:.5rem 1rem;
    font-size:1.25rem;
    border-radius:var(--bs-border-radius-lg)
}
.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn{
    padding:.25rem .5rem;
    font-size:.875rem;
    border-radius:var(--bs-border-radius-sm)
}
.input-group-lg>.form-select,.input-group-sm>.form-select{
    padding-right:3rem
}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    margin-left:calc(var(--bs-border-width) * -1);
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.valid-feedback{
    display:none;
    width:100%;
    margin-top:.25rem;
    font-size:.875em;
    color:var(--bs-form-valid-color)
}
.valid-tooltip{
    position:absolute;
    top:100%;
    z-index:5;
    display:none;
    max-width:100%;
    padding:.25rem .5rem;
    margin-top:.1rem;
    font-size:.875rem;
    color:#fff;
    background-color:var(--bs-success);
    border-radius:var(--bs-border-radius)
}
.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{
    display:block
}
.was-validated .form-control:valid,.form-control.is-valid{
    border-color:var(--bs-form-valid-border-color);
    padding-right:calc(1.5em + .75rem);
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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");
    background-repeat:no-repeat;
    background-position:right calc(.375em + .1875rem) center;
    background-size:calc(.75em + .375rem) calc(.75em + .375rem)
}
.was-validated .form-control:valid:focus,.form-control.is-valid:focus{
    border-color:var(--bs-form-valid-border-color);
    box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid{
    padding-right:calc(1.5em + .75rem);
    background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.was-validated .form-select:valid,.form-select.is-valid{
    border-color:var(--bs-form-valid-border-color)
}
.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"]{
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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");
    padding-right:4.125rem;
    background-position:right .75rem center,center right 2.25rem;
    background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}
.was-validated .form-select:valid:focus,.form-select.is-valid:focus{
    border-color:var(--bs-form-valid-border-color);
    box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}
.was-validated .form-control-color:valid,.form-control-color.is-valid{
    width:calc(3.75rem + 1.5em)
}
.was-validated .form-check-input:valid,.form-check-input.is-valid{
    border-color:var(--bs-form-valid-border-color)
}
.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{
    background-color:var(--bs-form-valid-color)
}
.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{
    box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}
.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{
    color:var(--bs-form-valid-color)
}
.form-check-inline .form-check-input~.valid-feedback{
    margin-left:.5em
}
.was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid{
    z-index:3
}
.invalid-feedback{
    display:none;
    width:100%;
    margin-top:.25rem;
    font-size:.875em;
    color:var(--bs-form-invalid-color)
}
.invalid-tooltip{
    position:absolute;
    top:100%;
    z-index:5;
    display:none;
    max-width:100%;
    padding:.25rem .5rem;
    margin-top:.1rem;
    font-size:.875rem;
    color:#fff;
    background-color:var(--bs-danger);
    border-radius:var(--bs-border-radius)
}
.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{
    display:block
}
.was-validated .form-control:invalid,.form-control.is-invalid{
    border-color:var(--bs-form-invalid-border-color);
    padding-right:calc(1.5em + .75rem);
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-position:right calc(.375em + .1875rem) center;
    background-size:calc(.75em + .375rem) calc(.75em + .375rem)
}
.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{
    border-color:var(--bs-form-invalid-border-color);
    box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{
    padding-right:calc(1.5em + .75rem);
    background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.was-validated .form-select:invalid,.form-select.is-invalid{
    border-color:var(--bs-form-invalid-border-color)
}
.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    padding-right:4.125rem;
    background-position:right .75rem center,center right 2.25rem;
    background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}
.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{
    border-color:var(--bs-form-invalid-border-color);
    box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}
.was-validated .form-control-color:invalid,.form-control-color.is-invalid{
    width:calc(3.75rem + 1.5em)
}
.was-validated .form-check-input:invalid,.form-check-input.is-invalid{
    border-color:var(--bs-form-invalid-border-color)
}
.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{
    background-color:var(--bs-form-invalid-color)
}
.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{
    box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}
.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{
    color:var(--bs-form-invalid-color)
}
.form-check-inline .form-check-input~.invalid-feedback{
    margin-left:.5em
}
.was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid{
    z-index:4
}
.btn{
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    --bs-btn-disabled-opacity: .65;
    --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display:inline-block;
    padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family:var(--bs-btn-font-family);
    font-size:var(--bs-btn-font-size);
    font-weight:var(--bs-btn-font-weight);
    line-height:var(--bs-btn-line-height);
    color:var(--bs-btn-color);
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none;
    border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius:var(--bs-btn-border-radius);
    background-color:var(--bs-btn-bg);
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion: reduce){
    .btn{
        transition:none
    }
}
.btn:hover{
    color:var(--bs-btn-hover-color);
    background-color:var(--bs-btn-hover-bg);
    border-color:var(--bs-btn-hover-border-color)
}
.btn-check+.btn:hover{
    color:var(--bs-btn-color);
    background-color:var(--bs-btn-bg);
    border-color:var(--bs-btn-border-color)
}
.btn:focus-visible{
    color:var(--bs-btn-hover-color);
    background-color:var(--bs-btn-hover-bg);
    border-color:var(--bs-btn-hover-border-color);
    outline:0;
    box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn-check:focus-visible+.btn{
    border-color:var(--bs-btn-hover-border-color);
    outline:0;
    box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{
    color:var(--bs-btn-active-color);
    background-color:var(--bs-btn-active-bg);
    border-color:var(--bs-btn-active-border-color)
}
.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{
    box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn-check:checked:focus-visible+.btn{
    box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn:disabled,.btn.disabled,fieldset:disabled .btn{
    color:var(--bs-btn-disabled-color);
    pointer-events:none;
    background-color:var(--bs-btn-disabled-bg);
    border-color:var(--bs-btn-disabled-border-color);
    opacity:var(--bs-btn-disabled-opacity)
}
.btn-primary{
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}
.btn-secondary{
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}
.btn-success{
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}
.btn-info{
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}
.btn-warning{
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}
.btn-danger{
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}
.btn-light{
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}
.btn-dark{
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}
.btn-outline-primary{
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}
.btn-outline-secondary{
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}
.btn-outline-success{
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}
.btn-outline-info{
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}
.btn-outline-warning{
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}
.btn-outline-danger{
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}
.btn-outline-light{
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}
.btn-outline-dark{
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}
.btn-link{
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration:underline
}
.btn-link:focus-visible{
    color:var(--bs-btn-color)
}
.btn-link:hover{
    color:var(--bs-btn-hover-color)
}
.btn-lg,.btn-group-lg>.btn{
    --bs-btn-padding-y: .5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}
.btn-sm,.btn-group-sm>.btn{
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}
.fade{
    transition:opacity .15s linear
}
@media (prefers-reduced-motion: reduce){
    .fade{
        transition:none
    }
}
.fade:not(.show){
    opacity:0
}
.collapse:not(.show){
    display:none
}
.collapsing{
    height:0;
    overflow:hidden;
    transition:height .35s ease
}
@media (prefers-reduced-motion: reduce){
    .collapsing{
        transition:none
    }
}
.collapsing.collapse-horizontal{
    width:0;
    height:auto;
    transition:width .35s ease
}
@media (prefers-reduced-motion: reduce){
    .collapsing.collapse-horizontal{
        transition:none
    }
}
.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center{
    position:relative
}
.dropdown-toggle{
    white-space:nowrap
}
.dropdown-toggle:after{
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:"";
    border-top:.3em solid;
    border-right:.3em solid transparent;
    border-bottom:0;
    border-left:.3em solid transparent
}
.dropdown-toggle:empty:after{
    margin-left:0
}
.dropdown-menu{
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: .5rem;
    --bs-dropdown-spacer: .125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: .5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: .25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: .5rem;
    position:absolute;
    z-index:var(--bs-dropdown-zindex);
    display:none;
    min-width:var(--bs-dropdown-min-width);
    padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin:0;
    font-size:var(--bs-dropdown-font-size);
    color:var(--bs-dropdown-color);
    text-align:left;
    list-style:none;
    background-color:var(--bs-dropdown-bg);
    background-clip:padding-box;
    border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius:var(--bs-dropdown-border-radius)
}
.dropdown-menu[data-bs-popper]{
    top:100%;
    left:0;
    margin-top:var(--bs-dropdown-spacer)
}
.dropdown-menu-start{
    --bs-position: start
}
.dropdown-menu-start[data-bs-popper]{
    right:auto;
    left:0
}
.dropdown-menu-end{
    --bs-position: end
}
.dropdown-menu-end[data-bs-popper]{
    right:0;
    left:auto
}
@media (min-width: 576px){
    .dropdown-menu-sm-start{
        --bs-position: start
    }
    .dropdown-menu-sm-start[data-bs-popper]{
        right:auto;
        left:0
    }
    .dropdown-menu-sm-end{
        --bs-position: end
    }
    .dropdown-menu-sm-end[data-bs-popper]{
        right:0;
        left:auto
    }
}
@media (min-width: 768px){
    .dropdown-menu-md-start{
        --bs-position: start
    }
    .dropdown-menu-md-start[data-bs-popper]{
        right:auto;
        left:0
    }
    .dropdown-menu-md-end{
        --bs-position: end
    }
    .dropdown-menu-md-end[data-bs-popper]{
        right:0;
        left:auto
    }
}
@media (min-width: 992px){
    .dropdown-menu-lg-start{
        --bs-position: start
    }
    .dropdown-menu-lg-start[data-bs-popper]{
        right:auto;
        left:0
    }
    .dropdown-menu-lg-end{
        --bs-position: end
    }
    .dropdown-menu-lg-end[data-bs-popper]{
        right:0;
        left:auto
    }
}
@media (min-width: 1200px){
    .dropdown-menu-xl-start{
        --bs-position: start
    }
    .dropdown-menu-xl-start[data-bs-popper]{
        right:auto;
        left:0
    }
    .dropdown-menu-xl-end{
        --bs-position: end
    }
    .dropdown-menu-xl-end[data-bs-popper]{
        right:0;
        left:auto
    }
}
@media (min-width: 1400px){
    .dropdown-menu-xxl-start{
        --bs-position: start
    }
    .dropdown-menu-xxl-start[data-bs-popper]{
        right:auto;
        left:0
    }
    .dropdown-menu-xxl-end{
        --bs-position: end
    }
    .dropdown-menu-xxl-end[data-bs-popper]{
        right:0;
        left:auto
    }
}
.dropup .dropdown-menu[data-bs-popper]{
    top:auto;
    bottom:100%;
    margin-top:0;
    margin-bottom:var(--bs-dropdown-spacer)
}
.dropup .dropdown-toggle:after{
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:"";
    border-top:0;
    border-right:.3em solid transparent;
    border-bottom:.3em solid;
    border-left:.3em solid transparent
}
.dropup .dropdown-toggle:empty:after{
    margin-left:0
}
.dropend .dropdown-menu[data-bs-popper]{
    top:0;
    right:auto;
    left:100%;
    margin-top:0;
    margin-left:var(--bs-dropdown-spacer)
}
.dropend .dropdown-toggle:after{
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:"";
    border-top:.3em solid transparent;
    border-right:0;
    border-bottom:.3em solid transparent;
    border-left:.3em solid
}
.dropend .dropdown-toggle:empty:after{
    margin-left:0
}
.dropend .dropdown-toggle:after{
    vertical-align:0
}
.dropstart .dropdown-menu[data-bs-popper]{
    top:0;
    right:100%;
    left:auto;
    margin-top:0;
    margin-right:var(--bs-dropdown-spacer)
}
.dropstart .dropdown-toggle:after{
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:""
}
.dropstart .dropdown-toggle:after{
    display:none
}
.dropstart .dropdown-toggle:before{
    display:inline-block;
    margin-right:.255em;
    vertical-align:.255em;
    content:"";
    border-top:.3em solid transparent;
    border-right:.3em solid;
    border-bottom:.3em solid transparent
}
.dropstart .dropdown-toggle:empty:after{
    margin-left:0
}
.dropstart .dropdown-toggle:before{
    vertical-align:0
}
.dropdown-divider{
    height:0;
    margin:var(--bs-dropdown-divider-margin-y) 0;
    overflow:hidden;
    border-top:1px solid var(--bs-dropdown-divider-bg);
    opacity:1
}
.dropdown-item{
    display:block;
    width:100%;
    padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear:both;
    font-weight:400;
    color:var(--bs-dropdown-link-color);
    text-align:inherit;
    text-decoration:none;
    white-space:nowrap;
    background-color:transparent;
    border:0;
    border-radius:var(--bs-dropdown-item-border-radius, 0)
}
.dropdown-item:hover,.dropdown-item:focus{
    color:var(--bs-dropdown-link-hover-color);
    background-color:var(--bs-dropdown-link-hover-bg)
}
.dropdown-item.active,.dropdown-item:active{
    color:var(--bs-dropdown-link-active-color);
    text-decoration:none;
    background-color:var(--bs-dropdown-link-active-bg)
}
.dropdown-item.disabled,.dropdown-item:disabled{
    color:var(--bs-dropdown-link-disabled-color);
    pointer-events:none;
    background-color:transparent
}
.dropdown-menu.show{
    display:block
}
.dropdown-header{
    display:block;
    padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom:0;
    font-size:.875rem;
    color:var(--bs-dropdown-header-color);
    white-space:nowrap
}
.dropdown-item-text{
    display:block;
    padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color:var(--bs-dropdown-link-color)
}
.dropdown-menu-dark{
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}
.btn-group,.btn-group-vertical{
    position:relative;
    display:inline-flex;
    vertical-align:middle
}
.btn-group>.btn,.btn-group-vertical>.btn{
    position:relative;
    flex:1 1 auto
}
.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{
    z-index:1
}
.btn-toolbar{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start
}
.btn-toolbar .input-group{
    width:auto
}
.btn-group{
    border-radius:var(--bs-border-radius)
}
.btn-group>:not(.btn-check:first-child)+.btn,.btn-group>.btn-group:not(:first-child){
    margin-left:calc(var(--bs-border-width) * -1)
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn-group:not(:last-child)>.btn{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.btn-group>.btn-group:not(:first-child)>.btn{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.dropdown-toggle-split{
    padding-right:.5625rem;
    padding-left:.5625rem
}
.dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after{
    margin-left:0
}
.dropstart .dropdown-toggle-split:before{
    margin-right:0
}
.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{
    padding-right:.375rem;
    padding-left:.375rem
}
.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{
    padding-right:.75rem;
    padding-left:.75rem
}
.btn-group-vertical{
    flex-direction:column;
    align-items:flex-start;
    justify-content:center
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{
    width:100%
}
.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){
    margin-top:calc(var(--bs-border-width) * -1)
}
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.btn-group-vertical>.btn~.btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn{
    border-top-left-radius:0;
    border-top-right-radius:0
}
.nav{
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display:flex;
    flex-wrap:wrap;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.nav-link{
    display:block;
    padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size:var(--bs-nav-link-font-size);
    font-weight:var(--bs-nav-link-font-weight);
    color:var(--bs-nav-link-color);
    text-decoration:none;
    background:none;
    border:0;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}
@media (prefers-reduced-motion: reduce){
    .nav-link{
        transition:none
    }
}
.nav-link:hover,.nav-link:focus{
    color:var(--bs-nav-link-hover-color)
}
.nav-link:focus-visible{
    outline:0;
    box-shadow:0 0 0 .25rem #0d6efd40
}
.nav-link.disabled,.nav-link:disabled{
    color:var(--bs-nav-link-disabled-color);
    pointer-events:none;
    cursor:default
}
.nav-tabs{
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}
.nav-tabs .nav-link{
    margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));
    border:var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius:var(--bs-nav-tabs-border-radius);
    border-top-right-radius:var(--bs-nav-tabs-border-radius)
}
.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{
    isolation:isolate;
    border-color:var(--bs-nav-tabs-link-hover-border-color)
}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{
    color:var(--bs-nav-tabs-link-active-color);
    background-color:var(--bs-nav-tabs-link-active-bg);
    border-color:var(--bs-nav-tabs-link-active-border-color)
}
.nav-tabs .dropdown-menu{
    margin-top:calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius:0;
    border-top-right-radius:0
}
.nav-pills{
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}
.nav-pills .nav-link{
    border-radius:var(--bs-nav-pills-border-radius)
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
    color:var(--bs-nav-pills-link-active-color);
    background-color:var(--bs-nav-pills-link-active-bg)
}
.nav-underline{
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: .125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap:var(--bs-nav-underline-gap)
}
.nav-underline .nav-link{
    padding-right:0;
    padding-left:0;
    border-bottom:var(--bs-nav-underline-border-width) solid transparent
}
.nav-underline .nav-link:hover,.nav-underline .nav-link:focus{
    border-bottom-color:currentcolor
}
.nav-underline .nav-link.active,.nav-underline .show>.nav-link{
    font-weight:700;
    color:var(--bs-nav-underline-link-active-color);
    border-bottom-color:currentcolor
}
.nav-fill>.nav-link,.nav-fill .nav-item{
    flex:1 1 auto;
    text-align:center
}
.nav-justified>.nav-link,.nav-justified .nav-item{
    flex-basis:0;
    flex-grow:1;
    text-align:center
}
.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{
    width:100%
}
.tab-content>.tab-pane{
    display:none
}
.tab-content>.active{
    display:block
}
.navbar{
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: .5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: .3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: .5rem;
    --bs-navbar-toggler-padding-y: .25rem;
    --bs-navbar-toggler-padding-x: .75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), .15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: .25rem;
    --bs-navbar-toggler-transition: box-shadow .15s ease-in-out;
    position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{
    display:flex;
    flex-wrap:inherit;
    align-items:center;
    justify-content:space-between
}
.navbar-brand{
    padding-top:var(--bs-navbar-brand-padding-y);
    padding-bottom:var(--bs-navbar-brand-padding-y);
    margin-right:var(--bs-navbar-brand-margin-end);
    font-size:var(--bs-navbar-brand-font-size);
    color:var(--bs-navbar-brand-color);
    text-decoration:none;
    white-space:nowrap
}
.navbar-brand:hover,.navbar-brand:focus{
    color:var(--bs-navbar-brand-hover-color)
}
.navbar-nav{
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display:flex;
    flex-direction:column;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{
    color:var(--bs-navbar-active-color)
}
.navbar-nav .dropdown-menu{
    position:static
}
.navbar-text{
    padding-top:.5rem;
    padding-bottom:.5rem;
    color:var(--bs-navbar-color)
}
.navbar-text a,.navbar-text a:hover,.navbar-text a:focus{
    color:var(--bs-navbar-active-color)
}
.navbar-collapse{
    flex-basis:100%;
    flex-grow:1;
    align-items:center
}
.navbar-toggler{
    padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size:var(--bs-navbar-toggler-font-size);
    line-height:1;
    color:var(--bs-navbar-color);
    background-color:transparent;
    border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius:var(--bs-navbar-toggler-border-radius);
    transition:var(--bs-navbar-toggler-transition)
}
@media (prefers-reduced-motion: reduce){
    .navbar-toggler{
        transition:none
    }
}
.navbar-toggler:hover{
    text-decoration:none
}
.navbar-toggler:focus{
    text-decoration:none;
    outline:0;
    box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)
}
.navbar-toggler-icon{
    display:inline-block;
    width:1.5em;
    height:1.5em;
    vertical-align:middle;
    background-image:var(--bs-navbar-toggler-icon-bg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%
}
.navbar-nav-scroll{
    max-height:var(--bs-scroll-height, 75vh);
    overflow-y:auto
}
@media (min-width: 576px){
    .navbar-expand-sm{
        flex-wrap:nowrap;
        justify-content:flex-start
    }
    .navbar-expand-sm .navbar-nav{
        flex-direction:row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu{
        position:absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link{
        padding-right:var(--bs-navbar-nav-link-padding-x);
        padding-left:var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-sm .navbar-nav-scroll{
        overflow:visible
    }
    .navbar-expand-sm .navbar-collapse{
        display:flex!important;
        flex-basis:auto
    }
    .navbar-expand-sm .navbar-toggler{
        display:none
    }
    .navbar-expand-sm .offcanvas{
        position:static;
        z-index:auto;
        flex-grow:1;
        width:auto!important;
        height:auto!important;
        visibility:visible!important;
        background-color:transparent!important;
        border:0!important;
        transform:none!important;
        transition:none
    }
    .navbar-expand-sm .offcanvas .offcanvas-header{
        display:none
    }
    .navbar-expand-sm .offcanvas .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible
    }
}
@media (min-width: 768px){
    .navbar-expand-md{
        flex-wrap:nowrap;
        justify-content:flex-start
    }
    .navbar-expand-md .navbar-nav{
        flex-direction:row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu{
        position:absolute
    }
    .navbar-expand-md .navbar-nav .nav-link{
        padding-right:var(--bs-navbar-nav-link-padding-x);
        padding-left:var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-md .navbar-nav-scroll{
        overflow:visible
    }
    .navbar-expand-md .navbar-collapse{
        display:flex!important;
        flex-basis:auto
    }
    .navbar-expand-md .navbar-toggler{
        display:none
    }
    .navbar-expand-md .offcanvas{
        position:static;
        z-index:auto;
        flex-grow:1;
        width:auto!important;
        height:auto!important;
        visibility:visible!important;
        background-color:transparent!important;
        border:0!important;
        transform:none!important;
        transition:none
    }
    .navbar-expand-md .offcanvas .offcanvas-header{
        display:none
    }
    .navbar-expand-md .offcanvas .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible
    }
}
@media (min-width: 992px){
    .navbar-expand-lg{
        flex-wrap:nowrap;
        justify-content:flex-start
    }
    .navbar-expand-lg .navbar-nav{
        flex-direction:row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        position:absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:var(--bs-navbar-nav-link-padding-x);
        padding-left:var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-lg .navbar-nav-scroll{
        overflow:visible
    }
    .navbar-expand-lg .navbar-collapse{
        display:flex!important;
        flex-basis:auto
    }
    .navbar-expand-lg .navbar-toggler{
        display:none
    }
    .navbar-expand-lg .offcanvas{
        position:static;
        z-index:auto;
        flex-grow:1;
        width:auto!important;
        height:auto!important;
        visibility:visible!important;
        background-color:transparent!important;
        border:0!important;
        transform:none!important;
        transition:none
    }
    .navbar-expand-lg .offcanvas .offcanvas-header{
        display:none
    }
    .navbar-expand-lg .offcanvas .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible
    }
}
@media (min-width: 1200px){
    .navbar-expand-xl{
        flex-wrap:nowrap;
        justify-content:flex-start
    }
    .navbar-expand-xl .navbar-nav{
        flex-direction:row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu{
        position:absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link{
        padding-right:var(--bs-navbar-nav-link-padding-x);
        padding-left:var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-xl .navbar-nav-scroll{
        overflow:visible
    }
    .navbar-expand-xl .navbar-collapse{
        display:flex!important;
        flex-basis:auto
    }
    .navbar-expand-xl .navbar-toggler{
        display:none
    }
    .navbar-expand-xl .offcanvas{
        position:static;
        z-index:auto;
        flex-grow:1;
        width:auto!important;
        height:auto!important;
        visibility:visible!important;
        background-color:transparent!important;
        border:0!important;
        transform:none!important;
        transition:none
    }
    .navbar-expand-xl .offcanvas .offcanvas-header{
        display:none
    }
    .navbar-expand-xl .offcanvas .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible
    }
}
@media (min-width: 1400px){
    .navbar-expand-xxl{
        flex-wrap:nowrap;
        justify-content:flex-start
    }
    .navbar-expand-xxl .navbar-nav{
        flex-direction:row
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu{
        position:absolute
    }
    .navbar-expand-xxl .navbar-nav .nav-link{
        padding-right:var(--bs-navbar-nav-link-padding-x);
        padding-left:var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-xxl .navbar-nav-scroll{
        overflow:visible
    }
    .navbar-expand-xxl .navbar-collapse{
        display:flex!important;
        flex-basis:auto
    }
    .navbar-expand-xxl .navbar-toggler{
        display:none
    }
    .navbar-expand-xxl .offcanvas{
        position:static;
        z-index:auto;
        flex-grow:1;
        width:auto!important;
        height:auto!important;
        visibility:visible!important;
        background-color:transparent!important;
        border:0!important;
        transform:none!important;
        transition:none
    }
    .navbar-expand-xxl .offcanvas .offcanvas-header{
        display:none
    }
    .navbar-expand-xxl .offcanvas .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible
    }
}
.navbar-expand{
    flex-wrap:nowrap;
    justify-content:flex-start
}
.navbar-expand .navbar-nav{
    flex-direction:row
}
.navbar-expand .navbar-nav .dropdown-menu{
    position:absolute
}
.navbar-expand .navbar-nav .nav-link{
    padding-right:var(--bs-navbar-nav-link-padding-x);
    padding-left:var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand .navbar-nav-scroll{
    overflow:visible
}
.navbar-expand .navbar-collapse{
    display:flex!important;
    flex-basis:auto
}
.navbar-expand .navbar-toggler{
    display:none
}
.navbar-expand .offcanvas{
    position:static;
    z-index:auto;
    flex-grow:1;
    width:auto!important;
    height:auto!important;
    visibility:visible!important;
    background-color:transparent!important;
    border:0!important;
    transform:none!important;
    transition:none
}
.navbar-expand .offcanvas .offcanvas-header{
    display:none
}
.navbar-expand .offcanvas .offcanvas-body{
    display:flex;
    flex-grow:0;
    padding:0;
    overflow-y:visible
}
.navbar-dark,.navbar[data-bs-theme=dark]{
    --bs-navbar-color: rgba(255, 255, 255, .55);
    --bs-navbar-hover-color: rgba(255, 255, 255, .75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, .25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
[data-bs-theme=dark] .navbar-toggler-icon{
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.card{
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: .5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: .5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: .75rem;
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    height:var(--bs-card-height);
    color:var(--bs-body-color);
    word-wrap:break-word;
    background-color:var(--bs-card-bg);
    background-clip:border-box;
    border:var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius:var(--bs-card-border-radius)
}
.card>hr{
    margin-right:0;
    margin-left:0
}
.card>.list-group{
    border-top:inherit;
    border-bottom:inherit
}
.card>.list-group:first-child{
    border-top-width:0;
    border-top-left-radius:var(--bs-card-inner-border-radius);
    border-top-right-radius:var(--bs-card-inner-border-radius)
}
.card>.list-group:last-child{
    border-bottom-width:0;
    border-bottom-right-radius:var(--bs-card-inner-border-radius);
    border-bottom-left-radius:var(--bs-card-inner-border-radius)
}
.card>.card-header+.list-group,.card>.list-group+.card-footer{
    border-top:0
}
.card-body{
    flex:1 1 auto;
    padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color:var(--bs-card-color)
}
.card-title{
    margin-bottom:var(--bs-card-title-spacer-y);
    color:var(--bs-card-title-color)
}
.card-subtitle{
    margin-top:calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom:0;
    color:var(--bs-card-subtitle-color)
}
.card-text:last-child{
    margin-bottom:0
}
.card-link+.card-link{
    margin-left:var(--bs-card-spacer-x)
}
.card-header{
    padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom:0;
    color:var(--bs-card-cap-color);
    background-color:var(--bs-card-cap-bg);
    border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)
}
.card-header:first-child{
    border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}
.card-footer{
    padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color:var(--bs-card-cap-color);
    background-color:var(--bs-card-cap-bg);
    border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)
}
.card-footer:last-child{
    border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}
.card-header-tabs{
    margin-right:calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));
    margin-left:calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom:0
}
.card-header-tabs .nav-link.active{
    background-color:var(--bs-card-bg);
    border-bottom-color:var(--bs-card-bg)
}
.card-header-pills{
    margin-right:calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left:calc(-.5 * var(--bs-card-cap-padding-x))
}
.card-img-overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:var(--bs-card-img-overlay-padding);
    border-radius:var(--bs-card-inner-border-radius)
}
.card-img,.card-img-top,.card-img-bottom{
    width:100%
}
.card-img,.card-img-top{
    border-top-left-radius:var(--bs-card-inner-border-radius);
    border-top-right-radius:var(--bs-card-inner-border-radius)
}
.card-img,.card-img-bottom{
    border-bottom-right-radius:var(--bs-card-inner-border-radius);
    border-bottom-left-radius:var(--bs-card-inner-border-radius)
}
.card-group>.card{
    margin-bottom:var(--bs-card-group-margin)
}
@media (min-width: 576px){
    .card-group{
        display:flex;
        flex-flow:row wrap
    }
    .card-group>.card{
        flex:1 0 0%;
        margin-bottom:0
    }
    .card-group>.card+.card{
        margin-left:0;
        border-left:0
    }
    .card-group>.card:not(:last-child){
        border-top-right-radius:0;
        border-bottom-right-radius:0
    }
    .card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{
        border-top-right-radius:0
    }
    .card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{
        border-bottom-right-radius:0
    }
    .card-group>.card:not(:first-child){
        border-top-left-radius:0;
        border-bottom-left-radius:0
    }
    .card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{
        border-top-left-radius:0
    }
    .card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{
        border-bottom-left-radius:0
    }
}
.accordion{
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}
.accordion-button{
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size:1rem;
    color:var(--bs-accordion-btn-color);
    text-align:left;
    background-color:var(--bs-accordion-btn-bg);
    border:0;
    border-radius:0;
    overflow-anchor:none;
    transition:var(--bs-accordion-transition)
}
@media (prefers-reduced-motion: reduce){
    .accordion-button{
        transition:none
    }
}
.accordion-button:not(.collapsed){
    color:var(--bs-accordion-active-color);
    background-color:var(--bs-accordion-active-bg);
    box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}
.accordion-button:not(.collapsed):after{
    background-image:var(--bs-accordion-btn-active-icon);
    transform:var(--bs-accordion-btn-icon-transform)
}
.accordion-button:after{
    flex-shrink:0;
    width:var(--bs-accordion-btn-icon-width);
    height:var(--bs-accordion-btn-icon-width);
    margin-left:auto;
    content:"";
    background-image:var(--bs-accordion-btn-icon);
    background-repeat:no-repeat;
    background-size:var(--bs-accordion-btn-icon-width);
    transition:var(--bs-accordion-btn-icon-transition)
}
@media (prefers-reduced-motion: reduce){
    .accordion-button:after{
        transition:none
    }
}
.accordion-button:hover{
    z-index:2
}
.accordion-button:focus{
    z-index:3;
    outline:0;
    box-shadow:var(--bs-accordion-btn-focus-box-shadow)
}
.accordion-header{
    margin-bottom:0
}
.accordion-item{
    color:var(--bs-accordion-color);
    background-color:var(--bs-accordion-bg);
    border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}
.accordion-item:first-of-type{
    border-top-left-radius:var(--bs-accordion-border-radius);
    border-top-right-radius:var(--bs-accordion-border-radius)
}
.accordion-item:first-of-type>.accordion-header .accordion-button{
    border-top-left-radius:var(--bs-accordion-inner-border-radius);
    border-top-right-radius:var(--bs-accordion-inner-border-radius)
}
.accordion-item:not(:first-of-type){
    border-top:0
}
.accordion-item:last-of-type{
    border-bottom-right-radius:var(--bs-accordion-border-radius);
    border-bottom-left-radius:var(--bs-accordion-border-radius)
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
    border-bottom-right-radius:var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius:var(--bs-accordion-inner-border-radius)
}
.accordion-item:last-of-type>.accordion-collapse{
    border-bottom-right-radius:var(--bs-accordion-border-radius);
    border-bottom-left-radius:var(--bs-accordion-border-radius)
}
.accordion-body{
    padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}
.accordion-flush>.accordion-item{
    border-right:0;
    border-left:0;
    border-radius:0
}
.accordion-flush>.accordion-item:first-child{
    border-top:0
}
.accordion-flush>.accordion-item:last-child{
    border-bottom:0
}
.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{
    border-radius:0
}
.accordion-flush>.accordion-item>.accordion-collapse{
    border-radius:0
}
[data-bs-theme=dark] .accordion-button:after{
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.breadcrumb{
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: .5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display:flex;
    flex-wrap:wrap;
    padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom:var(--bs-breadcrumb-margin-bottom);
    font-size:var(--bs-breadcrumb-font-size);
    list-style:none;
    background-color:var(--bs-breadcrumb-bg);
    border-radius:var(--bs-breadcrumb-border-radius)
}
.breadcrumb-item+.breadcrumb-item{
    padding-left:var(--bs-breadcrumb-item-padding-x)
}
.breadcrumb-item+.breadcrumb-item:before{
    float:left;
    padding-right:var(--bs-breadcrumb-item-padding-x);
    color:var(--bs-breadcrumb-divider-color);
    content:var(--bs-breadcrumb-divider, "/")
}
.breadcrumb-item.active{
    color:var(--bs-breadcrumb-item-active-color)
}
.pagination{
    --bs-pagination-padding-x: .75rem;
    --bs-pagination-padding-y: .375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display:flex;
    padding-left:0;
    list-style:none
}
.page-link{
    position:relative;
    display:block;
    padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size:var(--bs-pagination-font-size);
    color:var(--bs-pagination-color);
    text-decoration:none;
    background-color:var(--bs-pagination-bg);
    border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion: reduce){
    .page-link{
        transition:none
    }
}
.page-link:hover{
    z-index:2;
    color:var(--bs-pagination-hover-color);
    background-color:var(--bs-pagination-hover-bg);
    border-color:var(--bs-pagination-hover-border-color)
}
.page-link:focus{
    z-index:3;
    color:var(--bs-pagination-focus-color);
    background-color:var(--bs-pagination-focus-bg);
    outline:0;
    box-shadow:var(--bs-pagination-focus-box-shadow)
}
.page-link.active,.active>.page-link{
    z-index:3;
    color:var(--bs-pagination-active-color);
    background-color:var(--bs-pagination-active-bg);
    border-color:var(--bs-pagination-active-border-color)
}
.page-link.disabled,.disabled>.page-link{
    color:var(--bs-pagination-disabled-color);
    pointer-events:none;
    background-color:var(--bs-pagination-disabled-bg);
    border-color:var(--bs-pagination-disabled-border-color)
}
.page-item:not(:first-child) .page-link{
    margin-left:calc(var(--bs-border-width) * -1)
}
.page-item:first-child .page-link{
    border-top-left-radius:var(--bs-pagination-border-radius);
    border-bottom-left-radius:var(--bs-pagination-border-radius)
}
.page-item:last-child .page-link{
    border-top-right-radius:var(--bs-pagination-border-radius);
    border-bottom-right-radius:var(--bs-pagination-border-radius)
}
.pagination-lg{
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: .75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}
.pagination-sm{
    --bs-pagination-padding-x: .5rem;
    --bs-pagination-padding-y: .25rem;
    --bs-pagination-font-size: .875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}
.badge{
    --bs-badge-padding-x: .65em;
    --bs-badge-padding-y: .35em;
    --bs-badge-font-size: .75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display:inline-block;
    padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size:var(--bs-badge-font-size);
    font-weight:var(--bs-badge-font-weight);
    line-height:1;
    color:var(--bs-badge-color);
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:var(--bs-badge-border-radius)
}
.badge:empty{
    display:none
}
.btn .badge{
    position:relative;
    top:-1px
}
.alert{
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position:relative;
    padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom:var(--bs-alert-margin-bottom);
    color:var(--bs-alert-color);
    background-color:var(--bs-alert-bg);
    border:var(--bs-alert-border);
    border-radius:var(--bs-alert-border-radius)
}
.alert-heading{
    color:inherit
}
.alert-link{
    font-weight:700;
    color:var(--bs-alert-link-color)
}
.alert-dismissible{
    padding-right:3rem
}
.alert-dismissible .btn-close{
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    padding:1.25rem 1rem
}
.alert-primary{
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}
.alert-secondary{
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}
.alert-success{
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}
.alert-info{
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}
.alert-warning{
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}
.alert-danger{
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}
.alert-light{
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}
.alert-dark{
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}
@keyframes progress-bar-stripes{
    0%{
        background-position-x:1rem
    }
}
.progress,.progress-stacked{
    --bs-progress-height: 1rem;
    --bs-progress-font-size: .75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width .6s ease;
    display:flex;
    height:var(--bs-progress-height);
    overflow:hidden;
    font-size:var(--bs-progress-font-size);
    background-color:var(--bs-progress-bg);
    border-radius:var(--bs-progress-border-radius)
}
.progress-bar{
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
    color:var(--bs-progress-bar-color);
    text-align:center;
    white-space:nowrap;
    background-color:var(--bs-progress-bar-bg);
    transition:var(--bs-progress-bar-transition)
}
@media (prefers-reduced-motion: reduce){
    .progress-bar{
        transition:none
    }
}
.progress-bar-striped{
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size:var(--bs-progress-height) var(--bs-progress-height)
}
.progress-stacked>.progress{
    overflow:visible
}
.progress-stacked>.progress>.progress-bar{
    width:100%
}
.progress-bar-animated{
    animation:1s linear infinite progress-bar-stripes
}
@media (prefers-reduced-motion: reduce){
    .progress-bar-animated{
        animation:none
    }
}
.list-group{
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: .5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display:flex;
    flex-direction:column;
    padding-left:0;
    margin-bottom:0;
    border-radius:var(--bs-list-group-border-radius)
}
.list-group-numbered{
    list-style-type:none;
    counter-reset:section
}
.list-group-numbered>.list-group-item:before{
    content:counters(section,".") ". ";
    counter-increment:section
}
.list-group-item-action{
    width:100%;
    color:var(--bs-list-group-action-color);
    text-align:inherit
}
.list-group-item-action:hover,.list-group-item-action:focus{
    z-index:1;
    color:var(--bs-list-group-action-hover-color);
    text-decoration:none;
    background-color:var(--bs-list-group-action-hover-bg)
}
.list-group-item-action:active{
    color:var(--bs-list-group-action-active-color);
    background-color:var(--bs-list-group-action-active-bg)
}
.list-group-item{
    position:relative;
    display:block;
    padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color:var(--bs-list-group-color);
    text-decoration:none;
    background-color:var(--bs-list-group-bg);
    border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}
.list-group-item:first-child{
    border-top-left-radius:inherit;
    border-top-right-radius:inherit
}
.list-group-item:last-child{
    border-bottom-right-radius:inherit;
    border-bottom-left-radius:inherit
}
.list-group-item.disabled,.list-group-item:disabled{
    color:var(--bs-list-group-disabled-color);
    pointer-events:none;
    background-color:var(--bs-list-group-disabled-bg)
}
.list-group-item.active{
    z-index:2;
    color:var(--bs-list-group-active-color);
    background-color:var(--bs-list-group-active-bg);
    border-color:var(--bs-list-group-active-border-color)
}
.list-group-item+.list-group-item{
    border-top-width:0
}
.list-group-item+.list-group-item.active{
    margin-top:calc(-1 * var(--bs-list-group-border-width));
    border-top-width:var(--bs-list-group-border-width)
}
.list-group-horizontal{
    flex-direction:row
}
.list-group-horizontal>.list-group-item:first-child:not(:last-child){
    border-bottom-left-radius:var(--bs-list-group-border-radius);
    border-top-right-radius:0
}
.list-group-horizontal>.list-group-item:last-child:not(:first-child){
    border-top-right-radius:var(--bs-list-group-border-radius);
    border-bottom-left-radius:0
}
.list-group-horizontal>.list-group-item.active{
    margin-top:0
}
.list-group-horizontal>.list-group-item+.list-group-item{
    border-top-width:var(--bs-list-group-border-width);
    border-left-width:0
}
.list-group-horizontal>.list-group-item+.list-group-item.active{
    margin-left:calc(-1 * var(--bs-list-group-border-width));
    border-left-width:var(--bs-list-group-border-width)
}
@media (min-width: 576px){
    .list-group-horizontal-sm{
        flex-direction:row
    }
    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){
        border-bottom-left-radius:var(--bs-list-group-border-radius);
        border-top-right-radius:0
    }
    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){
        border-top-right-radius:var(--bs-list-group-border-radius);
        border-bottom-left-radius:0
    }
    .list-group-horizontal-sm>.list-group-item.active{
        margin-top:0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item{
        border-top-width:var(--bs-list-group-border-width);
        border-left-width:0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active{
        margin-left:calc(-1 * var(--bs-list-group-border-width));
        border-left-width:var(--bs-list-group-border-width)
    }
}
@media (min-width: 768px){
    .list-group-horizontal-md{
        flex-direction:row
    }
    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child){
        border-bottom-left-radius:var(--bs-list-group-border-radius);
        border-top-right-radius:0
    }
    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child){
        border-top-right-radius:var(--bs-list-group-border-radius);
        border-bottom-left-radius:0
    }
    .list-group-horizontal-md>.list-group-item.active{
        margin-top:0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item{
        border-top-width:var(--bs-list-group-border-width);
        border-left-width:0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active{
        margin-left:calc(-1 * var(--bs-list-group-border-width));
        border-left-width:var(--bs-list-group-border-width)
    }
}
@media (min-width: 992px){
    .list-group-horizontal-lg{
        flex-direction:row
    }
    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){
        border-bottom-left-radius:var(--bs-list-group-border-radius);
        border-top-right-radius:0
    }
    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){
        border-top-right-radius:var(--bs-list-group-border-radius);
        border-bottom-left-radius:0
    }
    .list-group-horizontal-lg>.list-group-item.active{
        margin-top:0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item{
        border-top-width:var(--bs-list-group-border-width);
        border-left-width:0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active{
        margin-left:calc(-1 * var(--bs-list-group-border-width));
        border-left-width:var(--bs-list-group-border-width)
    }
}
@media (min-width: 1200px){
    .list-group-horizontal-xl{
        flex-direction:row
    }
    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){
        border-bottom-left-radius:var(--bs-list-group-border-radius);
        border-top-right-radius:0
    }
    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){
        border-top-right-radius:var(--bs-list-group-border-radius);
        border-bottom-left-radius:0
    }
    .list-group-horizontal-xl>.list-group-item.active{
        margin-top:0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item{
        border-top-width:var(--bs-list-group-border-width);
        border-left-width:0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active{
        margin-left:calc(-1 * var(--bs-list-group-border-width));
        border-left-width:var(--bs-list-group-border-width)
    }
}
@media (min-width: 1400px){
    .list-group-horizontal-xxl{
        flex-direction:row
    }
    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){
        border-bottom-left-radius:var(--bs-list-group-border-radius);
        border-top-right-radius:0
    }
    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){
        border-top-right-radius:var(--bs-list-group-border-radius);
        border-bottom-left-radius:0
    }
    .list-group-horizontal-xxl>.list-group-item.active{
        margin-top:0
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item{
        border-top-width:var(--bs-list-group-border-width);
        border-left-width:0
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active{
        margin-left:calc(-1 * var(--bs-list-group-border-width));
        border-left-width:var(--bs-list-group-border-width)
    }
}
.list-group-flush{
    border-radius:0
}
.list-group-flush>.list-group-item{
    border-width:0 0 var(--bs-list-group-border-width)
}
.list-group-flush>.list-group-item:last-child{
    border-bottom-width:0
}
.list-group-item-primary{
    --bs-list-group-color: var(--bs-primary-text-emphasis);
    --bs-list-group-bg: var(--bs-primary-bg-subtle);
    --bs-list-group-border-color: var(--bs-primary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}
.list-group-item-secondary{
    --bs-list-group-color: var(--bs-secondary-text-emphasis);
    --bs-list-group-bg: var(--bs-secondary-bg-subtle);
    --bs-list-group-border-color: var(--bs-secondary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}
.list-group-item-success{
    --bs-list-group-color: var(--bs-success-text-emphasis);
    --bs-list-group-bg: var(--bs-success-bg-subtle);
    --bs-list-group-border-color: var(--bs-success-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
    --bs-list-group-active-color: var(--bs-success-bg-subtle);
    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}
.list-group-item-info{
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}
.list-group-item-warning{
    --bs-list-group-color: var(--bs-warning-text-emphasis);
    --bs-list-group-bg: var(--bs-warning-bg-subtle);
    --bs-list-group-border-color: var(--bs-warning-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}
.list-group-item-danger{
    --bs-list-group-color: var(--bs-danger-text-emphasis);
    --bs-list-group-bg: var(--bs-danger-bg-subtle);
    --bs-list-group-border-color: var(--bs-danger-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}
.list-group-item-light{
    --bs-list-group-color: var(--bs-light-text-emphasis);
    --bs-list-group-bg: var(--bs-light-bg-subtle);
    --bs-list-group-border-color: var(--bs-light-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
    --bs-list-group-active-color: var(--bs-light-bg-subtle);
    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}
.list-group-item-dark{
    --bs-list-group-color: var(--bs-dark-text-emphasis);
    --bs-list-group-bg: var(--bs-dark-bg-subtle);
    --bs-list-group-border-color: var(--bs-dark-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
    --bs-list-group-active-color: var(--bs-dark-bg-subtle);
    --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}
.btn-close{
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: .5;
    --bs-btn-close-hover-opacity: .75;
    --bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: .25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing:content-box;
    width:1em;
    height:1em;
    padding:.25em;
    color:var(--bs-btn-close-color);
    background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border:0;
    border-radius:.375rem;
    opacity:var(--bs-btn-close-opacity)
}
.btn-close:hover{
    color:var(--bs-btn-close-color);
    text-decoration:none;
    opacity:var(--bs-btn-close-hover-opacity)
}
.btn-close:focus{
    outline:0;
    box-shadow:var(--bs-btn-close-focus-shadow);
    opacity:var(--bs-btn-close-focus-opacity)
}
.btn-close:disabled,.btn-close.disabled{
    pointer-events:none;
    -webkit-user-select:none;
    user-select:none;
    opacity:var(--bs-btn-close-disabled-opacity)
}
.btn-close-white,[data-bs-theme=dark] .btn-close{
    filter:var(--bs-btn-close-white-filter)
}
.toast{
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: .75rem;
    --bs-toast-padding-y: .5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: .875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), .85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), .85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width:var(--bs-toast-max-width);
    max-width:100%;
    font-size:var(--bs-toast-font-size);
    color:var(--bs-toast-color);
    pointer-events:auto;
    background-color:var(--bs-toast-bg);
    background-clip:padding-box;
    border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow:var(--bs-toast-box-shadow);
    border-radius:var(--bs-toast-border-radius)
}
.toast.showing{
    opacity:0
}
.toast:not(.show){
    display:none
}
.toast-container{
    --bs-toast-zindex: 1090;
    position:absolute;
    z-index:var(--bs-toast-zindex);
    width:max-content;
    max-width:100%;
    pointer-events:none
}
.toast-container>:not(:last-child){
    margin-bottom:var(--bs-toast-spacing)
}
.toast-header{
    display:flex;
    align-items:center;
    padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color:var(--bs-toast-header-color);
    background-color:var(--bs-toast-header-bg);
    background-clip:padding-box;
    border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}
.toast-header .btn-close{
    margin-right:calc(-.5 * var(--bs-toast-padding-x));
    margin-left:var(--bs-toast-padding-x)
}
.toast-body{
    padding:var(--bs-toast-padding-x);
    word-wrap:break-word
}
.modal{
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position:fixed;
    top:0;
    left:0;
    z-index:var(--bs-modal-zindex);
    display:none;
    width:100%;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    outline:0
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:var(--bs-modal-margin);
    pointer-events:none
}
.modal.fade .modal-dialog{
    transition:transform .3s ease-out;
    transform:translateY(-50px)
}
@media (prefers-reduced-motion: reduce){
    .modal.fade .modal-dialog{
        transition:none
    }
}
.modal.show .modal-dialog{
    transform:none
}
.modal.modal-static .modal-dialog{
    transform:scale(1.02)
}
.modal-dialog-scrollable{
    height:calc(100% - var(--bs-modal-margin) * 2)
}
.modal-dialog-scrollable .modal-content{
    max-height:100%;
    overflow:hidden
}
.modal-dialog-scrollable .modal-body{
    overflow-y:auto
}
.modal-dialog-centered{
    display:flex;
    align-items:center;
    min-height:calc(100% - var(--bs-modal-margin) * 2)
}
.modal-content{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    color:var(--bs-modal-color);
    pointer-events:auto;
    background-color:var(--bs-modal-bg);
    background-clip:padding-box;
    border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius:var(--bs-modal-border-radius);
    outline:0
}
.modal-backdrop{
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position:fixed;
    top:0;
    left:0;
    z-index:var(--bs-backdrop-zindex);
    width:100vw;
    height:100vh;
    background-color:var(--bs-backdrop-bg)
}
.modal-backdrop.fade{
    opacity:0
}
.modal-backdrop.show{
    opacity:var(--bs-backdrop-opacity)
}
.modal-header{
    display:flex;
    flex-shrink:0;
    align-items:center;
    padding:var(--bs-modal-header-padding);
    border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius:var(--bs-modal-inner-border-radius);
    border-top-right-radius:var(--bs-modal-inner-border-radius)
}
.modal-header .btn-close{
    padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}
.modal-title{
    margin-bottom:0;
    line-height:var(--bs-modal-title-line-height)
}
.modal-body{
    position:relative;
    flex:1 1 auto;
    padding:var(--bs-modal-padding)
}
.modal-footer{
    display:flex;
    flex-shrink:0;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color:var(--bs-modal-footer-bg);
    border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius:var(--bs-modal-inner-border-radius);
    border-bottom-left-radius:var(--bs-modal-inner-border-radius)
}
.modal-footer>*{
    margin:calc(var(--bs-modal-footer-gap) * .5)
}
@media (min-width: 576px){
    .modal{
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }
    .modal-dialog{
        max-width:var(--bs-modal-width);
        margin-right:auto;
        margin-left:auto
    }
    .modal-sm{
        --bs-modal-width: 300px
    }
}
@media (min-width: 992px){
    .modal-lg,.modal-xl{
        --bs-modal-width: 800px
    }
}
@media (min-width: 1200px){
    .modal-xl{
        --bs-modal-width: 1140px
    }
}
.modal-fullscreen{
    width:100vw;
    max-width:none;
    height:100%;
    margin:0
}
.modal-fullscreen .modal-content{
    height:100%;
    border:0;
    border-radius:0
}
.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer{
    border-radius:0
}
.modal-fullscreen .modal-body{
    overflow-y:auto
}
@media (max-width: 575.98px){
    .modal-fullscreen-sm-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-sm-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer{
        border-radius:0
    }
    .modal-fullscreen-sm-down .modal-body{
        overflow-y:auto
    }
}
@media (max-width: 767.98px){
    .modal-fullscreen-md-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-md-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer{
        border-radius:0
    }
    .modal-fullscreen-md-down .modal-body{
        overflow-y:auto
    }
}
@media (max-width: 991.98px){
    .modal-fullscreen-lg-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-lg-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer{
        border-radius:0
    }
    .modal-fullscreen-lg-down .modal-body{
        overflow-y:auto
    }
}
@media (max-width: 1199.98px){
    .modal-fullscreen-xl-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-xl-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer{
        border-radius:0
    }
    .modal-fullscreen-xl-down .modal-body{
        overflow-y:auto
    }
}
@media (max-width: 1399.98px){
    .modal-fullscreen-xxl-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-xxl-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-xxl-down .modal-header,.modal-fullscreen-xxl-down .modal-footer{
        border-radius:0
    }
    .modal-fullscreen-xxl-down .modal-body{
        overflow-y:auto
    }
}
.tooltip{
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: .5rem;
    --bs-tooltip-padding-y: .25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: .875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: .9;
    --bs-tooltip-arrow-width: .8rem;
    --bs-tooltip-arrow-height: .4rem;
    z-index:var(--bs-tooltip-zindex);
    display:block;
    margin:var(--bs-tooltip-margin);
    font-family:var(--bs-font-sans-serif);
    font-style:normal;
    font-weight:400;
    line-height:1.5;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    white-space:normal;
    word-spacing:normal;
    line-break:auto;
    font-size:var(--bs-tooltip-font-size);
    word-wrap:break-word;
    opacity:0
}
.tooltip.show{
    opacity:var(--bs-tooltip-opacity)
}
.tooltip .tooltip-arrow{
    display:block;
    width:var(--bs-tooltip-arrow-width);
    height:var(--bs-tooltip-arrow-height)
}
.tooltip .tooltip-arrow:before{
    position:absolute;
    content:"";
    border-color:transparent;
    border-style:solid
}
.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{
    bottom:calc(-1 * var(--bs-tooltip-arrow-height))
}
.bs-tooltip-top .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before{
    top:-1px;
    border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color:var(--bs-tooltip-bg)
}
.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{
    left:calc(-1 * var(--bs-tooltip-arrow-height));
    width:var(--bs-tooltip-arrow-height);
    height:var(--bs-tooltip-arrow-width)
}
.bs-tooltip-end .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before{
    right:-1px;
    border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color:var(--bs-tooltip-bg)
}
.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{
    top:calc(-1 * var(--bs-tooltip-arrow-height))
}
.bs-tooltip-bottom .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before{
    bottom:-1px;
    border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color:var(--bs-tooltip-bg)
}
.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{
    right:calc(-1 * var(--bs-tooltip-arrow-height));
    width:var(--bs-tooltip-arrow-height);
    height:var(--bs-tooltip-arrow-width)
}
.bs-tooltip-start .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before{
    left:-1px;
    border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color:var(--bs-tooltip-bg)
}
.tooltip-inner{
    max-width:var(--bs-tooltip-max-width);
    padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color:var(--bs-tooltip-color);
    text-align:center;
    background-color:var(--bs-tooltip-bg);
    border-radius:var(--bs-tooltip-border-radius)
}
.popover{
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: .875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: .5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: .5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index:var(--bs-popover-zindex);
    display:block;
    max-width:var(--bs-popover-max-width);
    font-family:var(--bs-font-sans-serif);
    font-style:normal;
    font-weight:400;
    line-height:1.5;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    white-space:normal;
    word-spacing:normal;
    line-break:auto;
    font-size:var(--bs-popover-font-size);
    word-wrap:break-word;
    background-color:var(--bs-popover-bg);
    background-clip:padding-box;
    border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius:var(--bs-popover-border-radius)
}
.popover .popover-arrow{
    display:block;
    width:var(--bs-popover-arrow-width);
    height:var(--bs-popover-arrow-height)
}
.popover .popover-arrow:before,.popover .popover-arrow:after{
    position:absolute;
    display:block;
    content:"";
    border-color:transparent;
    border-style:solid;
    border-width:0
}
.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow{
    bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}
.bs-popover-top>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after{
    border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}
.bs-popover-top>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before{
    bottom:0;
    border-top-color:var(--bs-popover-arrow-border)
}
.bs-popover-top>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after{
    bottom:var(--bs-popover-border-width);
    border-top-color:var(--bs-popover-bg)
}
.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow{
    left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width:var(--bs-popover-arrow-height);
    height:var(--bs-popover-arrow-width)
}
.bs-popover-end>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after{
    border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}
.bs-popover-end>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before{
    left:0;
    border-right-color:var(--bs-popover-arrow-border)
}
.bs-popover-end>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after{
    left:var(--bs-popover-border-width);
    border-right-color:var(--bs-popover-bg)
}
.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{
    top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}
.bs-popover-bottom>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after{
    border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}
.bs-popover-bottom>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before{
    top:0;
    border-bottom-color:var(--bs-popover-arrow-border)
}
.bs-popover-bottom>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after{
    top:var(--bs-popover-border-width);
    border-bottom-color:var(--bs-popover-bg)
}
.bs-popover-bottom .popover-header:before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before{
    position:absolute;
    top:0;
    left:50%;
    display:block;
    width:var(--bs-popover-arrow-width);
    margin-left:calc(-.5 * var(--bs-popover-arrow-width));
    content:"";
    border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}
.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow{
    right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width:var(--bs-popover-arrow-height);
    height:var(--bs-popover-arrow-width)
}
.bs-popover-start>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after{
    border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}
.bs-popover-start>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before{
    right:0;
    border-left-color:var(--bs-popover-arrow-border)
}
.bs-popover-start>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after{
    right:var(--bs-popover-border-width);
    border-left-color:var(--bs-popover-bg)
}
.popover-header{
    padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom:0;
    font-size:var(--bs-popover-header-font-size);
    color:var(--bs-popover-header-color);
    background-color:var(--bs-popover-header-bg);
    border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius:var(--bs-popover-inner-border-radius);
    border-top-right-radius:var(--bs-popover-inner-border-radius)
}
.popover-header:empty{
    display:none
}
.popover-body{
    padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color:var(--bs-popover-body-color)
}
.carousel{
    position:relative
}
.carousel.pointer-event{
    touch-action:pan-y
}
.carousel-inner{
    position:relative;
    width:100%;
    overflow:hidden
}
.carousel-inner:after{
    display:block;
    clear:both;
    content:""
}
.carousel-item{
    position:relative;
    display:none;
    float:left;
    width:100%;
    margin-right:-100%;
    backface-visibility:hidden;
    transition:transform .6s ease-in-out
}
@media (prefers-reduced-motion: reduce){
    .carousel-item{
        transition:none
    }
}
.carousel-item.active,.carousel-item-next,.carousel-item-prev{
    display:block
}
.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{
    transform:translate(100%)
}
.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{
    transform:translate(-100%)
}
.carousel-fade .carousel-item{
    opacity:0;
    transition-property:opacity;
    transform:none
}
.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{
    z-index:1;
    opacity:1
}
.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{
    z-index:0;
    opacity:0;
    transition:opacity 0s .6s
}
@media (prefers-reduced-motion: reduce){
    .carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{
        transition:none
    }
}
.carousel-control-prev,.carousel-control-next{
    position:absolute;
    top:0;
    bottom:0;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:15%;
    padding:0;
    color:#fff;
    text-align:center;
    background:none;
    border:0;
    opacity:.5;
    transition:opacity .15s ease
}
@media (prefers-reduced-motion: reduce){
    .carousel-control-prev,.carousel-control-next{
        transition:none
    }
}
.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{
    color:#fff;
    text-decoration:none;
    outline:0;
    opacity:.9
}
.carousel-control-prev{
    left:0
}
.carousel-control-next{
    right:0
}
.carousel-control-prev-icon,.carousel-control-next-icon{
    display:inline-block;
    width:2rem;
    height:2rem;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:100% 100%
}
.carousel-control-prev-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.carousel-indicators{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    display:flex;
    justify-content:center;
    padding:0;
    margin-right:15%;
    margin-bottom:1rem;
    margin-left:15%
}
.carousel-indicators [data-bs-target]{
    box-sizing:content-box;
    flex:0 1 auto;
    width:30px;
    height:3px;
    padding:0;
    margin-right:3px;
    margin-left:3px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#fff;
    background-clip:padding-box;
    border:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    opacity:.5;
    transition:opacity .6s ease
}
@media (prefers-reduced-motion: reduce){
    .carousel-indicators [data-bs-target]{
        transition:none
    }
}
.carousel-indicators .active{
    opacity:1
}
.carousel-caption{
    position:absolute;
    right:15%;
    bottom:1.25rem;
    left:15%;
    padding-top:1.25rem;
    padding-bottom:1.25rem;
    color:#fff;
    text-align:center
}
.carousel-dark .carousel-control-prev-icon,.carousel-dark .carousel-control-next-icon{
    filter:invert(1) grayscale(100)
}
.carousel-dark .carousel-indicators [data-bs-target]{
    background-color:#000
}
.carousel-dark .carousel-caption{
    color:#000
}
[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon{
    filter:invert(1) grayscale(100)
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{
    background-color:#000
}
[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{
    color:#000
}
.spinner-grow,.spinner-border{
    display:inline-block;
    width:var(--bs-spinner-width);
    height:var(--bs-spinner-height);
    vertical-align:var(--bs-spinner-vertical-align);
    border-radius:50%;
    animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}
@keyframes spinner-border{
    to{
        transform:rotate(360deg)
    }
}
.spinner-border{
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-border-width: .25em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-border;
    border:var(--bs-spinner-border-width) solid currentcolor;
    border-right-color:transparent
}
.spinner-border-sm{
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: .2em
}
@keyframes spinner-grow{
    0%{
        transform:scale(0)
    }
    50%{
        opacity:1;
        transform:none
    }
}
.spinner-grow{
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color:currentcolor;
    opacity:0
}
.spinner-grow-sm{
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}
@media (prefers-reduced-motion: reduce){
    .spinner-border,.spinner-grow{
        --bs-spinner-animation-speed: 1.5s
    }
}
.offcanvas,.offcanvas-xxl,.offcanvas-xl,.offcanvas-lg,.offcanvas-md,.offcanvas-sm{
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform .3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}
@media (max-width: 575.98px){
    .offcanvas-sm{
        position:fixed;
        bottom:0;
        z-index:var(--bs-offcanvas-zindex);
        display:flex;
        flex-direction:column;
        max-width:100%;
        color:var(--bs-offcanvas-color);
        visibility:hidden;
        background-color:var(--bs-offcanvas-bg);
        background-clip:padding-box;
        outline:0;
        transition:var(--bs-offcanvas-transition)
    }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce){
    .offcanvas-sm{
        transition:none
    }
}
@media (max-width: 575.98px){
    .offcanvas-sm.offcanvas-start{
        top:0;
        left:0;
        width:var(--bs-offcanvas-width);
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translate(-100%)
    }
    .offcanvas-sm.offcanvas-end{
        top:0;
        right:0;
        width:var(--bs-offcanvas-width);
        border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translate(100%)
    }
    .offcanvas-sm.offcanvas-top{
        top:0;
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(-100%)
    }
    .offcanvas-sm.offcanvas-bottom{
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(100%)
    }
    .offcanvas-sm.showing,.offcanvas-sm.show:not(.hiding){
        transform:none
    }
    .offcanvas-sm.showing,.offcanvas-sm.hiding,.offcanvas-sm.show{
        visibility:visible
    }
}
@media (min-width: 576px){
    .offcanvas-sm{
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color:transparent!important
    }
    .offcanvas-sm .offcanvas-header{
        display:none
    }
    .offcanvas-sm .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible;
        background-color:transparent!important
    }
}
@media (max-width: 767.98px){
    .offcanvas-md{
        position:fixed;
        bottom:0;
        z-index:var(--bs-offcanvas-zindex);
        display:flex;
        flex-direction:column;
        max-width:100%;
        color:var(--bs-offcanvas-color);
        visibility:hidden;
        background-color:var(--bs-offcanvas-bg);
        background-clip:padding-box;
        outline:0;
        transition:var(--bs-offcanvas-transition)
    }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce){
    .offcanvas-md{
        transition:none
    }
}
@media (max-width: 767.98px){
    .offcanvas-md.offcanvas-start{
        top:0;
        left:0;
        width:var(--bs-offcanvas-width);
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translate(-100%)
    }
    .offcanvas-md.offcanvas-end{
        top:0;
        right:0;
        width:var(--bs-offcanvas-width);
        border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translate(100%)
    }
    .offcanvas-md.offcanvas-top{
        top:0;
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(-100%)
    }
    .offcanvas-md.offcanvas-bottom{
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(100%)
    }
    .offcanvas-md.showing,.offcanvas-md.show:not(.hiding){
        transform:none
    }
    .offcanvas-md.showing,.offcanvas-md.hiding,.offcanvas-md.show{
        visibility:visible
    }
}
@media (min-width: 768px){
    .offcanvas-md{
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color:transparent!important
    }
    .offcanvas-md .offcanvas-header{
        display:none
    }
    .offcanvas-md .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible;
        background-color:transparent!important
    }
}
@media (max-width: 991.98px){
    .offcanvas-lg{
        position:fixed;
        bottom:0;
        z-index:var(--bs-offcanvas-zindex);
        display:flex;
        flex-direction:column;
        max-width:100%;
        color:var(--bs-offcanvas-color);
        visibility:hidden;
        background-color:var(--bs-offcanvas-bg);
        background-clip:padding-box;
        outline:0;
        transition:var(--bs-offcanvas-transition)
    }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce){
    .offcanvas-lg{
        transition:none
    }
}
@media (max-width: 991.98px){
    .offcanvas-lg.offcanvas-start{
        top:0;
        left:0;
        width:var(--bs-offcanvas-width);
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translate(-100%)
    }
    .offcanvas-lg.offcanvas-end{
        top:0;
        right:0;
        width:var(--bs-offcanvas-width);
        border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translate(100%)
    }
    .offcanvas-lg.offcanvas-top{
        top:0;
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(-100%)
    }
    .offcanvas-lg.offcanvas-bottom{
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(100%)
    }
    .offcanvas-lg.showing,.offcanvas-lg.show:not(.hiding){
        transform:none
    }
    .offcanvas-lg.showing,.offcanvas-lg.hiding,.offcanvas-lg.show{
        visibility:visible
    }
}
@media (min-width: 992px){
    .offcanvas-lg{
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color:transparent!important
    }
    .offcanvas-lg .offcanvas-header{
        display:none
    }
    .offcanvas-lg .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible;
        background-color:transparent!important
    }
}
@media (max-width: 1199.98px){
    .offcanvas-xl{
        position:fixed;
        bottom:0;
        z-index:var(--bs-offcanvas-zindex);
        display:flex;
        flex-direction:column;
        max-width:100%;
        color:var(--bs-offcanvas-color);
        visibility:hidden;
        background-color:var(--bs-offcanvas-bg);
        background-clip:padding-box;
        outline:0;
        transition:var(--bs-offcanvas-transition)
    }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce){
    .offcanvas-xl{
        transition:none
    }
}
@media (max-width: 1199.98px){
    .offcanvas-xl.offcanvas-start{
        top:0;
        left:0;
        width:var(--bs-offcanvas-width);
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translate(-100%)
    }
    .offcanvas-xl.offcanvas-end{
        top:0;
        right:0;
        width:var(--bs-offcanvas-width);
        border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translate(100%)
    }
    .offcanvas-xl.offcanvas-top{
        top:0;
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(-100%)
    }
    .offcanvas-xl.offcanvas-bottom{
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(100%)
    }
    .offcanvas-xl.showing,.offcanvas-xl.show:not(.hiding){
        transform:none
    }
    .offcanvas-xl.showing,.offcanvas-xl.hiding,.offcanvas-xl.show{
        visibility:visible
    }
}
@media (min-width: 1200px){
    .offcanvas-xl{
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color:transparent!important
    }
    .offcanvas-xl .offcanvas-header{
        display:none
    }
    .offcanvas-xl .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible;
        background-color:transparent!important
    }
}
@media (max-width: 1399.98px){
    .offcanvas-xxl{
        position:fixed;
        bottom:0;
        z-index:var(--bs-offcanvas-zindex);
        display:flex;
        flex-direction:column;
        max-width:100%;
        color:var(--bs-offcanvas-color);
        visibility:hidden;
        background-color:var(--bs-offcanvas-bg);
        background-clip:padding-box;
        outline:0;
        transition:var(--bs-offcanvas-transition)
    }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce){
    .offcanvas-xxl{
        transition:none
    }
}
@media (max-width: 1399.98px){
    .offcanvas-xxl.offcanvas-start{
        top:0;
        left:0;
        width:var(--bs-offcanvas-width);
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translate(-100%)
    }
    .offcanvas-xxl.offcanvas-end{
        top:0;
        right:0;
        width:var(--bs-offcanvas-width);
        border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translate(100%)
    }
    .offcanvas-xxl.offcanvas-top{
        top:0;
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(-100%)
    }
    .offcanvas-xxl.offcanvas-bottom{
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(100%)
    }
    .offcanvas-xxl.showing,.offcanvas-xxl.show:not(.hiding){
        transform:none
    }
    .offcanvas-xxl.showing,.offcanvas-xxl.hiding,.offcanvas-xxl.show{
        visibility:visible
    }
}
@media (min-width: 1400px){
    .offcanvas-xxl{
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color:transparent!important
    }
    .offcanvas-xxl .offcanvas-header{
        display:none
    }
    .offcanvas-xxl .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible;
        background-color:transparent!important
    }
}
.offcanvas{
    position:fixed;
    bottom:0;
    z-index:var(--bs-offcanvas-zindex);
    display:flex;
    flex-direction:column;
    max-width:100%;
    color:var(--bs-offcanvas-color);
    visibility:hidden;
    background-color:var(--bs-offcanvas-bg);
    background-clip:padding-box;
    outline:0;
    transition:var(--bs-offcanvas-transition)
}
@media (prefers-reduced-motion: reduce){
    .offcanvas{
        transition:none
    }
}
.offcanvas.offcanvas-start{
    top:0;
    left:0;
    width:var(--bs-offcanvas-width);
    border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform:translate(-100%)
}
.offcanvas.offcanvas-end{
    top:0;
    right:0;
    width:var(--bs-offcanvas-width);
    border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform:translate(100%)
}
.offcanvas.offcanvas-top{
    top:0;
    right:0;
    left:0;
    height:var(--bs-offcanvas-height);
    max-height:100%;
    border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform:translateY(-100%)
}
.offcanvas.offcanvas-bottom{
    right:0;
    left:0;
    height:var(--bs-offcanvas-height);
    max-height:100%;
    border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform:translateY(100%)
}
.offcanvas.showing,.offcanvas.show:not(.hiding){
    transform:none
}
.offcanvas.showing,.offcanvas.hiding,.offcanvas.show{
    visibility:visible
}
.offcanvas-backdrop{
    position:fixed;
    top:0;
    left:0;
    z-index:1040;
    width:100vw;
    height:100vh;
    background-color:#000
}
.offcanvas-backdrop.fade{
    opacity:0
}
.offcanvas-backdrop.show{
    opacity:.5
}
.offcanvas-header{
    display:flex;
    align-items:center;
    padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}
.offcanvas-header .btn-close{
    padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin:calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto
}
.offcanvas-title{
    margin-bottom:0;
    line-height:var(--bs-offcanvas-title-line-height)
}
.offcanvas-body{
    flex-grow:1;
    padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y:auto
}
.placeholder{
    display:inline-block;
    min-height:1em;
    vertical-align:middle;
    cursor:wait;
    background-color:currentcolor;
    opacity:.5
}
.placeholder.btn:before{
    display:inline-block;
    content:""
}
.placeholder-xs{
    min-height:.6em
}
.placeholder-sm{
    min-height:.8em
}
.placeholder-lg{
    min-height:1.2em
}
.placeholder-glow .placeholder{
    animation:placeholder-glow 2s ease-in-out infinite
}
@keyframes placeholder-glow{
    50%{
        opacity:.2
    }
}
.placeholder-wave{
    -webkit-mask-image:linear-gradient(130deg,#000 55%,#000c,#000 95%);
    mask-image:linear-gradient(130deg,#000 55%,#000c,#000 95%);
    -webkit-mask-size:200% 100%;
    mask-size:200% 100%;
    animation:placeholder-wave 2s linear infinite
}
@keyframes placeholder-wave{
    to{
        -webkit-mask-position:-200% 0%;
        mask-position:-200% 0%
    }
}
.clearfix:after{
    display:block;
    clear:both;
    content:""
}
.text-bg-primary{
    color:#fff!important;
    background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity, 1))!important
}
.text-bg-secondary{
    color:#fff!important;
    background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity, 1))!important
}
.text-bg-success{
    color:#fff!important;
    background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity, 1))!important
}
.text-bg-info{
    color:#000!important;
    background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity, 1))!important
}
.text-bg-warning{
    color:#000!important;
    background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity, 1))!important
}
.text-bg-danger{
    color:#fff!important;
    background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity, 1))!important
}
.text-bg-light{
    color:#000!important;
    background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity, 1))!important
}
.text-bg-dark{
    color:#fff!important;
    background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity, 1))!important
}
.link-primary{
    color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity, 1))!important
}
.link-primary:hover,.link-primary:focus{
    color:RGBA(10,88,202,var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity, 1))!important
}
.link-secondary{
    color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity, 1))!important
}
.link-secondary:hover,.link-secondary:focus{
    color:RGBA(86,94,100,var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity, 1))!important
}
.link-success{
    color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity, 1))!important
}
.link-success:hover,.link-success:focus{
    color:RGBA(20,108,67,var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity, 1))!important
}
.link-info{
    color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity, 1))!important
}
.link-info:hover,.link-info:focus{
    color:RGBA(61,213,243,var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity, 1))!important
}
.link-warning{
    color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity, 1))!important
}
.link-warning:hover,.link-warning:focus{
    color:RGBA(255,205,57,var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity, 1))!important
}
.link-danger{
    color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity, 1))!important
}
.link-danger:hover,.link-danger:focus{
    color:RGBA(176,42,55,var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity, 1))!important
}
.link-light{
    color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity, 1))!important
}
.link-light:hover,.link-light:focus{
    color:RGBA(249,250,251,var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity, 1))!important
}
.link-dark{
    color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity, 1))!important
}
.link-dark:hover,.link-dark:focus{
    color:RGBA(26,30,33,var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity, 1))!important
}
.link-body-emphasis{
    color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity, 1))!important;
    text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity, 1))!important
}
.link-body-emphasis:hover,.link-body-emphasis:focus{
    color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity, .75))!important;
    text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity, .75))!important
}
.focus-ring:focus{
    outline:0;
    box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}
.icon-link{
    display:inline-flex;
    gap:.375rem;
    align-items:center;
    text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, .5));
    text-underline-offset:.25em;
    backface-visibility:hidden
}
.icon-link>.bi{
    flex-shrink:0;
    width:1em;
    height:1em;
    fill:currentcolor;
    transition:.2s ease-in-out transform
}
@media (prefers-reduced-motion: reduce){
    .icon-link>.bi{
        transition:none
    }
}
.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{
    transform:var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}
.ratio{
    position:relative;
    width:100%
}
.ratio:before{
    display:block;
    padding-top:var(--bs-aspect-ratio);
    content:""
}
.ratio>*{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.ratio-1x1{
    --bs-aspect-ratio: 100%
}
.ratio-4x3{
    --bs-aspect-ratio: 75%
}
.ratio-16x9{
    --bs-aspect-ratio: 56.25%
}
.ratio-21x9{
    --bs-aspect-ratio: 42.8571428571%
}
.fixed-top{
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:1030
}
.fixed-bottom{
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:1030
}
.sticky-top{
    position:sticky;
    top:0;
    z-index:1020
}
.sticky-bottom{
    position:sticky;
    bottom:0;
    z-index:1020
}
@media (min-width: 576px){
    .sticky-sm-top{
        position:sticky;
        top:0;
        z-index:1020
    }
    .sticky-sm-bottom{
        position:sticky;
        bottom:0;
        z-index:1020
    }
}
@media (min-width: 768px){
    .sticky-md-top{
        position:sticky;
        top:0;
        z-index:1020
    }
    .sticky-md-bottom{
        position:sticky;
        bottom:0;
        z-index:1020
    }
}
@media (min-width: 992px){
    .sticky-lg-top{
        position:sticky;
        top:0;
        z-index:1020
    }
    .sticky-lg-bottom{
        position:sticky;
        bottom:0;
        z-index:1020
    }
}
@media (min-width: 1200px){
    .sticky-xl-top{
        position:sticky;
        top:0;
        z-index:1020
    }
    .sticky-xl-bottom{
        position:sticky;
        bottom:0;
        z-index:1020
    }
}
@media (min-width: 1400px){
    .sticky-xxl-top{
        position:sticky;
        top:0;
        z-index:1020
    }
    .sticky-xxl-bottom{
        position:sticky;
        bottom:0;
        z-index:1020
    }
}
.hstack{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-self:stretch
}
.vstack{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    align-self:stretch
}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){
    position:absolute!important
}
.stretched-link:after{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    content:""
}
.text-truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.vr{
    display:inline-block;
    align-self:stretch;
    width:var(--bs-border-width);
    min-height:1em;
    background-color:currentcolor;
    opacity:.25
}
.align-baseline{
    vertical-align:baseline!important
}
.align-top{
    vertical-align:top!important
}
.align-middle{
    vertical-align:middle!important
}
.align-bottom{
    vertical-align:bottom!important
}
.align-text-bottom{
    vertical-align:text-bottom!important
}
.align-text-top{
    vertical-align:text-top!important
}
.float-start{
    float:left!important
}
.float-end{
    float:right!important
}
.float-none{
    float:none!important
}
.object-fit-contain{
    object-fit:contain!important
}
.object-fit-cover{
    object-fit:cover!important
}
.object-fit-fill{
    object-fit:fill!important
}
.object-fit-scale{
    object-fit:scale-down!important
}
.object-fit-none{
    object-fit:none!important
}
.opacity-0{
    opacity:0!important
}
.opacity-25{
    opacity:.25!important
}
.opacity-50{
    opacity:.5!important
}
.opacity-75{
    opacity:.75!important
}
.opacity-100{
    opacity:1!important
}
.overflow-auto{
    overflow:auto!important
}
.overflow-hidden{
    overflow:hidden!important
}
.overflow-visible{
    overflow:visible!important
}
.overflow-scroll{
    overflow:scroll!important
}
.overflow-x-auto{
    overflow-x:auto!important
}
.overflow-x-hidden{
    overflow-x:hidden!important
}
.overflow-x-visible{
    overflow-x:visible!important
}
.overflow-x-scroll{
    overflow-x:scroll!important
}
.overflow-y-auto{
    overflow-y:auto!important
}
.overflow-y-hidden{
    overflow-y:hidden!important
}
.overflow-y-visible{
    overflow-y:visible!important
}
.overflow-y-scroll{
    overflow-y:scroll!important
}
.d-inline{
    display:inline!important
}
.d-inline-block{
    display:inline-block!important
}
.d-block{
    display:block!important
}
.d-grid{
    display:grid!important
}
.d-inline-grid{
    display:inline-grid!important
}
.d-table{
    display:table!important
}
.d-table-row{
    display:table-row!important
}
.d-table-cell{
    display:table-cell!important
}
.d-flex{
    display:flex!important
}
.d-inline-flex{
    display:inline-flex!important
}
.d-none{
    display:none!important
}
.shadow{
    box-shadow:var(--bs-box-shadow)!important
}
.shadow-sm{
    box-shadow:var(--bs-box-shadow-sm)!important
}
.shadow-lg{
    box-shadow:var(--bs-box-shadow-lg)!important
}
.shadow-none{
    box-shadow:none!important
}
.focus-ring-primary{
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-secondary{
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-success{
    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-info{
    --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-warning{
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-danger{
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-light{
    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-dark{
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}
.position-static{
    position:static!important
}
.position-relative{
    position:relative!important
}
.position-absolute{
    position:absolute!important
}
.position-fixed{
    position:fixed!important
}
.position-sticky{
    position:sticky!important
}
.top-0{
    top:0!important
}
.top-50{
    top:50%!important
}
.top-100{
    top:100%!important
}
.bottom-0{
    bottom:0!important
}
.bottom-50{
    bottom:50%!important
}
.bottom-100{
    bottom:100%!important
}
.start-0{
    left:0!important
}
.start-50{
    left:50%!important
}
.start-100{
    left:100%!important
}
.end-0{
    right:0!important
}
.end-50{
    right:50%!important
}
.end-100{
    right:100%!important
}
.translate-middle{
    transform:translate(-50%,-50%)!important
}
.translate-middle-x{
    transform:translate(-50%)!important
}
.translate-middle-y{
    transform:translateY(-50%)!important
}
.border{
    border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}
.border-0{
    border:0!important
}
.border-top{
    border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}
.border-top-0{
    border-top:0!important
}
.border-end{
    border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}
.border-end-0{
    border-right:0!important
}
.border-bottom{
    border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}
.border-bottom-0{
    border-bottom:0!important
}
.border-start{
    border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}
.border-start-0{
    border-left:0!important
}
.border-primary{
    --bs-border-opacity: 1;
    border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important
}
.border-secondary{
    --bs-border-opacity: 1;
    border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important
}
.border-success{
    --bs-border-opacity: 1;
    border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important
}
.border-info{
    --bs-border-opacity: 1;
    border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important
}
.border-warning{
    --bs-border-opacity: 1;
    border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important
}
.border-danger{
    --bs-border-opacity: 1;
    border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important
}
.border-light{
    --bs-border-opacity: 1;
    border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important
}
.border-dark{
    --bs-border-opacity: 1;
    border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important
}
.border-black{
    --bs-border-opacity: 1;
    border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important
}
.border-white{
    --bs-border-opacity: 1;
    border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important
}
.border-primary-subtle{
    border-color:var(--bs-primary-border-subtle)!important
}
.border-secondary-subtle{
    border-color:var(--bs-secondary-border-subtle)!important
}
.border-success-subtle{
    border-color:var(--bs-success-border-subtle)!important
}
.border-info-subtle{
    border-color:var(--bs-info-border-subtle)!important
}
.border-warning-subtle{
    border-color:var(--bs-warning-border-subtle)!important
}
.border-danger-subtle{
    border-color:var(--bs-danger-border-subtle)!important
}
.border-light-subtle{
    border-color:var(--bs-light-border-subtle)!important
}
.border-dark-subtle{
    border-color:var(--bs-dark-border-subtle)!important
}
.border-1{
    border-width:1px!important
}
.border-2{
    border-width:2px!important
}
.border-3{
    border-width:3px!important
}
.border-4{
    border-width:4px!important
}
.border-5{
    border-width:5px!important
}
.border-opacity-10{
    --bs-border-opacity: .1
}
.border-opacity-25{
    --bs-border-opacity: .25
}
.border-opacity-50{
    --bs-border-opacity: .5
}
.border-opacity-75{
    --bs-border-opacity: .75
}
.border-opacity-100{
    --bs-border-opacity: 1
}
.w-25{
    width:25%!important
}
.w-50{
    width:50%!important
}
.w-75{
    width:75%!important
}
.w-100{
    width:100%!important
}
.w-auto{
    width:auto!important
}
.mw-100{
    max-width:100%!important
}
.vw-100{
    width:100vw!important
}
.min-vw-100{
    min-width:100vw!important
}
.h-25{
    height:25%!important
}
.h-50{
    height:50%!important
}
.h-75{
    height:75%!important
}
.h-100{
    height:100%!important
}
.h-auto{
    height:auto!important
}
.mh-100{
    max-height:100%!important
}
.vh-100{
    height:100vh!important
}
.min-vh-100{
    min-height:100vh!important
}
.flex-fill{
    flex:1 1 auto!important
}
.flex-row{
    flex-direction:row!important
}
.flex-column{
    flex-direction:column!important
}
.flex-row-reverse{
    flex-direction:row-reverse!important
}
.flex-column-reverse{
    flex-direction:column-reverse!important
}
.flex-grow-0{
    flex-grow:0!important
}
.flex-grow-1{
    flex-grow:1!important
}
.flex-shrink-0{
    flex-shrink:0!important
}
.flex-shrink-1{
    flex-shrink:1!important
}
.flex-wrap{
    flex-wrap:wrap!important
}
.flex-nowrap{
    flex-wrap:nowrap!important
}
.flex-wrap-reverse{
    flex-wrap:wrap-reverse!important
}
.justify-content-start{
    justify-content:flex-start!important
}
.justify-content-end{
    justify-content:flex-end!important
}
.justify-content-center{
    justify-content:center!important
}
.justify-content-between{
    justify-content:space-between!important
}
.justify-content-around{
    justify-content:space-around!important
}
.justify-content-evenly{
    justify-content:space-evenly!important
}
.align-items-start{
    align-items:flex-start!important
}
.align-items-end{
    align-items:flex-end!important
}
.align-items-center{
    align-items:center!important
}
.align-items-baseline{
    align-items:baseline!important
}
.align-items-stretch{
    align-items:stretch!important
}
.align-content-start{
    align-content:flex-start!important
}
.align-content-end{
    align-content:flex-end!important
}
.align-content-center{
    align-content:center!important
}
.align-content-between{
    align-content:space-between!important
}
.align-content-around{
    align-content:space-around!important
}
.align-content-stretch{
    align-content:stretch!important
}
.align-self-auto{
    align-self:auto!important
}
.align-self-start{
    align-self:flex-start!important
}
.align-self-end{
    align-self:flex-end!important
}
.align-self-center{
    align-self:center!important
}
.align-self-baseline{
    align-self:baseline!important
}
.align-self-stretch{
    align-self:stretch!important
}
.order-first{
    order:-1!important
}
.order-0{
    order:0!important
}
.order-1{
    order:1!important
}
.order-2{
    order:2!important
}
.order-3{
    order:3!important
}
.order-4{
    order:4!important
}
.order-5{
    order:5!important
}
.order-last{
    order:6!important
}
.m-0{
    margin:0!important
}
.m-1{
    margin:.25rem!important
}
.m-2{
    margin:.5rem!important
}
.m-3{
    margin:1rem!important
}
.m-4{
    margin:1.5rem!important
}
.m-5{
    margin:3rem!important
}
.m-auto{
    margin:auto!important
}
.mx-0{
    margin-right:0!important;
    margin-left:0!important
}
.mx-1{
    margin-right:.25rem!important;
    margin-left:.25rem!important
}
.mx-2{
    margin-right:.5rem!important;
    margin-left:.5rem!important
}
.mx-3{
    margin-right:1rem!important;
    margin-left:1rem!important
}
.mx-4{
    margin-right:1.5rem!important;
    margin-left:1.5rem!important
}
.mx-5{
    margin-right:3rem!important;
    margin-left:3rem!important
}
.mx-auto{
    margin-right:auto!important;
    margin-left:auto!important
}
.my-0{
    margin-top:0!important;
    margin-bottom:0!important
}
.my-1{
    margin-top:.25rem!important;
    margin-bottom:.25rem!important
}
.my-2{
    margin-top:.5rem!important;
    margin-bottom:.5rem!important
}
.my-3{
    margin-top:1rem!important;
    margin-bottom:1rem!important
}
.my-4{
    margin-top:1.5rem!important;
    margin-bottom:1.5rem!important
}
.my-5{
    margin-top:3rem!important;
    margin-bottom:3rem!important
}
.my-auto{
    margin-top:auto!important;
    margin-bottom:auto!important
}
.mt-0{
    margin-top:0!important
}
.mt-1{
    margin-top:.25rem!important
}
.mt-2{
    margin-top:.5rem!important
}
.mt-3{
    margin-top:1rem!important
}
.mt-4{
    margin-top:1.5rem!important
}
.mt-5{
    margin-top:3rem!important
}
.mt-auto{
    margin-top:auto!important
}
.me-0{
    margin-right:0!important
}
.me-1{
    margin-right:.25rem!important
}
.me-2{
    margin-right:.5rem!important
}
.me-3{
    margin-right:1rem!important
}
.me-4{
    margin-right:1.5rem!important
}
.me-5{
    margin-right:3rem!important
}
.me-auto{
    margin-right:auto!important
}
.mb-0{
    margin-bottom:0!important
}
.mb-1{
    margin-bottom:.25rem!important
}
.mb-2{
    margin-bottom:.5rem!important
}
.mb-3{
    margin-bottom:1rem!important
}
.mb-4{
    margin-bottom:1.5rem!important
}
.mb-5{
    margin-bottom:3rem!important
}
.mb-auto{
    margin-bottom:auto!important
}
.ms-0{
    margin-left:0!important
}
.ms-1{
    margin-left:.25rem!important
}
.ms-2{
    margin-left:.5rem!important
}
.ms-3{
    margin-left:1rem!important
}
.ms-4{
    margin-left:1.5rem!important
}
.ms-5{
    margin-left:3rem!important
}
.ms-auto{
    margin-left:auto!important
}
.p-0{
    padding:0!important
}
.p-1{
    padding:.25rem!important
}
.p-2{
    padding:.5rem!important
}
.p-3{
    padding:1rem!important
}
.p-4{
    padding:1.5rem!important
}
.p-5{
    padding:3rem!important
}
.px-0{
    padding-right:0!important;
    padding-left:0!important
}
.px-1{
    padding-right:.25rem!important;
    padding-left:.25rem!important
}
.px-2{
    padding-right:.5rem!important;
    padding-left:.5rem!important
}
.px-3{
    padding-right:1rem!important;
    padding-left:1rem!important
}
.px-4{
    padding-right:1.5rem!important;
    padding-left:1.5rem!important
}
.px-5{
    padding-right:3rem!important;
    padding-left:3rem!important
}
.py-0{
    padding-top:0!important;
    padding-bottom:0!important
}
.py-1{
    padding-top:.25rem!important;
    padding-bottom:.25rem!important
}
.py-2{
    padding-top:.5rem!important;
    padding-bottom:.5rem!important
}
.py-3{
    padding-top:1rem!important;
    padding-bottom:1rem!important
}
.py-4{
    padding-top:1.5rem!important;
    padding-bottom:1.5rem!important
}
.py-5{
    padding-top:3rem!important;
    padding-bottom:3rem!important
}
.pt-0{
    padding-top:0!important
}
.pt-1{
    padding-top:.25rem!important
}
.pt-2{
    padding-top:.5rem!important
}
.pt-3{
    padding-top:1rem!important
}
.pt-4{
    padding-top:1.5rem!important
}
.pt-5{
    padding-top:3rem!important
}
.pe-0{
    padding-right:0!important
}
.pe-1{
    padding-right:.25rem!important
}
.pe-2{
    padding-right:.5rem!important
}
.pe-3{
    padding-right:1rem!important
}
.pe-4{
    padding-right:1.5rem!important
}
.pe-5{
    padding-right:3rem!important
}
.pb-0{
    padding-bottom:0!important
}
.pb-1{
    padding-bottom:.25rem!important
}
.pb-2{
    padding-bottom:.5rem!important
}
.pb-3{
    padding-bottom:1rem!important
}
.pb-4{
    padding-bottom:1.5rem!important
}
.pb-5{
    padding-bottom:3rem!important
}
.ps-0{
    padding-left:0!important
}
.ps-1{
    padding-left:.25rem!important
}
.ps-2{
    padding-left:.5rem!important
}
.ps-3{
    padding-left:1rem!important
}
.ps-4{
    padding-left:1.5rem!important
}
.ps-5{
    padding-left:3rem!important
}
.gap-0{
    gap:0!important
}
.gap-1{
    gap:.25rem!important
}
.gap-2{
    gap:.5rem!important
}
.gap-3{
    gap:1rem!important
}
.gap-4{
    gap:1.5rem!important
}
.gap-5{
    gap:3rem!important
}
.row-gap-0{
    row-gap:0!important
}
.row-gap-1{
    row-gap:.25rem!important
}
.row-gap-2{
    row-gap:.5rem!important
}
.row-gap-3{
    row-gap:1rem!important
}
.row-gap-4{
    row-gap:1.5rem!important
}
.row-gap-5{
    row-gap:3rem!important
}
.column-gap-0{
    column-gap:0!important
}
.column-gap-1{
    column-gap:.25rem!important
}
.column-gap-2{
    column-gap:.5rem!important
}
.column-gap-3{
    column-gap:1rem!important
}
.column-gap-4{
    column-gap:1.5rem!important
}
.column-gap-5{
    column-gap:3rem!important
}
.font-monospace{
    font-family:var(--bs-font-monospace)!important
}
.fs-1{
    font-size:calc(1.375rem + 1.5vw)!important
}
.fs-2{
    font-size:calc(1.325rem + .9vw)!important
}
.fs-3{
    font-size:calc(1.3rem + .6vw)!important
}
.fs-4{
    font-size:calc(1.275rem + .3vw)!important
}
.fs-5{
    font-size:1.25rem!important
}
.fs-6{
    font-size:1rem!important
}
.fst-italic{
    font-style:italic!important
}
.fst-normal{
    font-style:normal!important
}
.fw-lighter{
    font-weight:lighter!important
}
.fw-light{
    font-weight:300!important
}
.fw-normal{
    font-weight:400!important
}
.fw-medium{
    font-weight:500!important
}
.fw-semibold{
    font-weight:600!important
}
.fw-bold{
    font-weight:700!important
}
.fw-bolder{
    font-weight:bolder!important
}
.lh-1{
    line-height:1!important
}
.lh-sm{
    line-height:1.25!important
}
.lh-base{
    line-height:1.5!important
}
.lh-lg{
    line-height:2!important
}
.text-start{
    text-align:left!important
}
.text-end{
    text-align:right!important
}
.text-center{
    text-align:center!important
}
.text-decoration-none{
    text-decoration:none!important
}
.text-decoration-underline{
    text-decoration:underline!important
}
.text-decoration-line-through{
    text-decoration:line-through!important
}
.text-lowercase{
    text-transform:lowercase!important
}
.text-uppercase{
    text-transform:uppercase!important
}
.text-capitalize{
    text-transform:capitalize!important
}
.text-wrap{
    white-space:normal!important
}
.text-nowrap{
    white-space:nowrap!important
}
.text-break{
    word-wrap:break-word!important;
    word-break:break-word!important
}
.text-primary{
    --bs-text-opacity: 1;
    color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}
.text-secondary{
    --bs-text-opacity: 1;
    color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}
.text-success{
    --bs-text-opacity: 1;
    color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}
.text-info{
    --bs-text-opacity: 1;
    color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}
.text-warning{
    --bs-text-opacity: 1;
    color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}
.text-danger{
    --bs-text-opacity: 1;
    color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}
.text-light{
    --bs-text-opacity: 1;
    color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}
.text-dark{
    --bs-text-opacity: 1;
    color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}
.text-black{
    --bs-text-opacity: 1;
    color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}
.text-white{
    --bs-text-opacity: 1;
    color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}
.text-body{
    --bs-text-opacity: 1;
    color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}
.text-muted{
    --bs-text-opacity: 1;
    color:var(--bs-secondary-color)!important
}
.text-black-50{
    --bs-text-opacity: 1;
    color:#00000080!important
}
.text-white-50{
    --bs-text-opacity: 1;
    color:#ffffff80!important
}
.text-body-secondary{
    --bs-text-opacity: 1;
    color:var(--bs-secondary-color)!important
}
.text-body-tertiary{
    --bs-text-opacity: 1;
    color:var(--bs-tertiary-color)!important
}
.text-body-emphasis{
    --bs-text-opacity: 1;
    color:var(--bs-emphasis-color)!important
}
.text-reset{
    --bs-text-opacity: 1;
    color:inherit!important
}
.text-opacity-25{
    --bs-text-opacity: .25
}
.text-opacity-50{
    --bs-text-opacity: .5
}
.text-opacity-75{
    --bs-text-opacity: .75
}
.text-opacity-100{
    --bs-text-opacity: 1
}
.text-primary-emphasis{
    color:var(--bs-primary-text-emphasis)!important
}
.text-secondary-emphasis{
    color:var(--bs-secondary-text-emphasis)!important
}
.text-success-emphasis{
    color:var(--bs-success-text-emphasis)!important
}
.text-info-emphasis{
    color:var(--bs-info-text-emphasis)!important
}
.text-warning-emphasis{
    color:var(--bs-warning-text-emphasis)!important
}
.text-danger-emphasis{
    color:var(--bs-danger-text-emphasis)!important
}
.text-light-emphasis{
    color:var(--bs-light-text-emphasis)!important
}
.text-dark-emphasis{
    color:var(--bs-dark-text-emphasis)!important
}
.link-opacity-10,.link-opacity-10-hover:hover{
    --bs-link-opacity: .1
}
.link-opacity-25,.link-opacity-25-hover:hover{
    --bs-link-opacity: .25
}
.link-opacity-50,.link-opacity-50-hover:hover{
    --bs-link-opacity: .5
}
.link-opacity-75,.link-opacity-75-hover:hover{
    --bs-link-opacity: .75
}
.link-opacity-100,.link-opacity-100-hover:hover{
    --bs-link-opacity: 1
}
.link-offset-1,.link-offset-1-hover:hover{
    text-underline-offset:.125em!important
}
.link-offset-2,.link-offset-2-hover:hover{
    text-underline-offset:.25em!important
}
.link-offset-3,.link-offset-3-hover:hover{
    text-underline-offset:.375em!important
}
.link-underline-primary{
    --bs-link-underline-opacity: 1;
    text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important
}
.link-underline-secondary{
    --bs-link-underline-opacity: 1;
    text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important
}
.link-underline-success{
    --bs-link-underline-opacity: 1;
    text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important
}
.link-underline-info{
    --bs-link-underline-opacity: 1;
    text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important
}
.link-underline-warning{
    --bs-link-underline-opacity: 1;
    text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important
}
.link-underline-danger{
    --bs-link-underline-opacity: 1;
    text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important
}
.link-underline-light{
    --bs-link-underline-opacity: 1;
    text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important
}
.link-underline-dark{
    --bs-link-underline-opacity: 1;
    text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important
}
.link-underline{
    --bs-link-underline-opacity: 1;
    text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity, 1))!important
}
.link-underline-opacity-0,.link-underline-opacity-0-hover:hover{
    --bs-link-underline-opacity: 0
}
.link-underline-opacity-10,.link-underline-opacity-10-hover:hover{
    --bs-link-underline-opacity: .1
}
.link-underline-opacity-25,.link-underline-opacity-25-hover:hover{
    --bs-link-underline-opacity: .25
}
.link-underline-opacity-50,.link-underline-opacity-50-hover:hover{
    --bs-link-underline-opacity: .5
}
.link-underline-opacity-75,.link-underline-opacity-75-hover:hover{
    --bs-link-underline-opacity: .75
}
.link-underline-opacity-100,.link-underline-opacity-100-hover:hover{
    --bs-link-underline-opacity: 1
}
.bg-primary{
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}
.bg-secondary{
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}
.bg-success{
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}
.bg-info{
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}
.bg-warning{
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}
.bg-danger{
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}
.bg-light{
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}
.bg-dark{
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}
.bg-black{
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}
.bg-white{
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}
.bg-body{
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}
.bg-transparent{
    --bs-bg-opacity: 1;
    background-color:transparent!important
}
.bg-body-secondary{
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important
}
.bg-body-tertiary{
    --bs-bg-opacity: 1;
    background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important
}
.bg-opacity-10{
    --bs-bg-opacity: .1
}
.bg-opacity-25{
    --bs-bg-opacity: .25
}
.bg-opacity-50{
    --bs-bg-opacity: .5
}
.bg-opacity-75{
    --bs-bg-opacity: .75
}
.bg-opacity-100{
    --bs-bg-opacity: 1
}
.bg-primary-subtle{
    background-color:var(--bs-primary-bg-subtle)!important
}
.bg-secondary-subtle{
    background-color:var(--bs-secondary-bg-subtle)!important
}
.bg-success-subtle{
    background-color:var(--bs-success-bg-subtle)!important
}
.bg-info-subtle{
    background-color:var(--bs-info-bg-subtle)!important
}
.bg-warning-subtle{
    background-color:var(--bs-warning-bg-subtle)!important
}
.bg-danger-subtle{
    background-color:var(--bs-danger-bg-subtle)!important
}
.bg-light-subtle{
    background-color:var(--bs-light-bg-subtle)!important
}
.bg-dark-subtle{
    background-color:var(--bs-dark-bg-subtle)!important
}
.bg-gradient{
    background-image:var(--bs-gradient)!important
}
.user-select-all{
    -webkit-user-select:all!important;
    user-select:all!important
}
.user-select-auto{
    -webkit-user-select:auto!important;
    user-select:auto!important
}
.user-select-none{
    -webkit-user-select:none!important;
    user-select:none!important
}
.pe-none{
    pointer-events:none!important
}
.pe-auto{
    pointer-events:auto!important
}
.rounded{
    border-radius:var(--bs-border-radius)!important
}
.rounded-0{
    border-radius:0!important
}
.rounded-1{
    border-radius:var(--bs-border-radius-sm)!important
}
.rounded-2{
    border-radius:var(--bs-border-radius)!important
}
.rounded-3{
    border-radius:var(--bs-border-radius-lg)!important
}
.rounded-4{
    border-radius:var(--bs-border-radius-xl)!important
}
.rounded-5{
    border-radius:var(--bs-border-radius-xxl)!important
}
.rounded-circle{
    border-radius:50%!important
}
.rounded-pill{
    border-radius:var(--bs-border-radius-pill)!important
}
.rounded-top{
    border-top-left-radius:var(--bs-border-radius)!important;
    border-top-right-radius:var(--bs-border-radius)!important
}
.rounded-top-0{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important
}
.rounded-top-1{
    border-top-left-radius:var(--bs-border-radius-sm)!important;
    border-top-right-radius:var(--bs-border-radius-sm)!important
}
.rounded-top-2{
    border-top-left-radius:var(--bs-border-radius)!important;
    border-top-right-radius:var(--bs-border-radius)!important
}
.rounded-top-3{
    border-top-left-radius:var(--bs-border-radius-lg)!important;
    border-top-right-radius:var(--bs-border-radius-lg)!important
}
.rounded-top-4{
    border-top-left-radius:var(--bs-border-radius-xl)!important;
    border-top-right-radius:var(--bs-border-radius-xl)!important
}
.rounded-top-5{
    border-top-left-radius:var(--bs-border-radius-xxl)!important;
    border-top-right-radius:var(--bs-border-radius-xxl)!important
}
.rounded-top-circle{
    border-top-left-radius:50%!important;
    border-top-right-radius:50%!important
}
.rounded-top-pill{
    border-top-left-radius:var(--bs-border-radius-pill)!important;
    border-top-right-radius:var(--bs-border-radius-pill)!important
}
.rounded-end{
    border-top-right-radius:var(--bs-border-radius)!important;
    border-bottom-right-radius:var(--bs-border-radius)!important
}
.rounded-end-0{
    border-top-right-radius:0!important;
    border-bottom-right-radius:0!important
}
.rounded-end-1{
    border-top-right-radius:var(--bs-border-radius-sm)!important;
    border-bottom-right-radius:var(--bs-border-radius-sm)!important
}
.rounded-end-2{
    border-top-right-radius:var(--bs-border-radius)!important;
    border-bottom-right-radius:var(--bs-border-radius)!important
}
.rounded-end-3{
    border-top-right-radius:var(--bs-border-radius-lg)!important;
    border-bottom-right-radius:var(--bs-border-radius-lg)!important
}
.rounded-end-4{
    border-top-right-radius:var(--bs-border-radius-xl)!important;
    border-bottom-right-radius:var(--bs-border-radius-xl)!important
}
.rounded-end-5{
    border-top-right-radius:var(--bs-border-radius-xxl)!important;
    border-bottom-right-radius:var(--bs-border-radius-xxl)!important
}
.rounded-end-circle{
    border-top-right-radius:50%!important;
    border-bottom-right-radius:50%!important
}
.rounded-end-pill{
    border-top-right-radius:var(--bs-border-radius-pill)!important;
    border-bottom-right-radius:var(--bs-border-radius-pill)!important
}
.rounded-bottom{
    border-bottom-right-radius:var(--bs-border-radius)!important;
    border-bottom-left-radius:var(--bs-border-radius)!important
}
.rounded-bottom-0{
    border-bottom-right-radius:0!important;
    border-bottom-left-radius:0!important
}
.rounded-bottom-1{
    border-bottom-right-radius:var(--bs-border-radius-sm)!important;
    border-bottom-left-radius:var(--bs-border-radius-sm)!important
}
.rounded-bottom-2{
    border-bottom-right-radius:var(--bs-border-radius)!important;
    border-bottom-left-radius:var(--bs-border-radius)!important
}
.rounded-bottom-3{
    border-bottom-right-radius:var(--bs-border-radius-lg)!important;
    border-bottom-left-radius:var(--bs-border-radius-lg)!important
}
.rounded-bottom-4{
    border-bottom-right-radius:var(--bs-border-radius-xl)!important;
    border-bottom-left-radius:var(--bs-border-radius-xl)!important
}
.rounded-bottom-5{
    border-bottom-right-radius:var(--bs-border-radius-xxl)!important;
    border-bottom-left-radius:var(--bs-border-radius-xxl)!important
}
.rounded-bottom-circle{
    border-bottom-right-radius:50%!important;
    border-bottom-left-radius:50%!important
}
.rounded-bottom-pill{
    border-bottom-right-radius:var(--bs-border-radius-pill)!important;
    border-bottom-left-radius:var(--bs-border-radius-pill)!important
}
.rounded-start{
    border-bottom-left-radius:var(--bs-border-radius)!important;
    border-top-left-radius:var(--bs-border-radius)!important
}
.rounded-start-0{
    border-bottom-left-radius:0!important;
    border-top-left-radius:0!important
}
.rounded-start-1{
    border-bottom-left-radius:var(--bs-border-radius-sm)!important;
    border-top-left-radius:var(--bs-border-radius-sm)!important
}
.rounded-start-2{
    border-bottom-left-radius:var(--bs-border-radius)!important;
    border-top-left-radius:var(--bs-border-radius)!important
}
.rounded-start-3{
    border-bottom-left-radius:var(--bs-border-radius-lg)!important;
    border-top-left-radius:var(--bs-border-radius-lg)!important
}
.rounded-start-4{
    border-bottom-left-radius:var(--bs-border-radius-xl)!important;
    border-top-left-radius:var(--bs-border-radius-xl)!important
}
.rounded-start-5{
    border-bottom-left-radius:var(--bs-border-radius-xxl)!important;
    border-top-left-radius:var(--bs-border-radius-xxl)!important
}
.rounded-start-circle{
    border-bottom-left-radius:50%!important;
    border-top-left-radius:50%!important
}
.rounded-start-pill{
    border-bottom-left-radius:var(--bs-border-radius-pill)!important;
    border-top-left-radius:var(--bs-border-radius-pill)!important
}
.visible{
    visibility:visible!important
}
.invisible{
    visibility:hidden!important
}
.z-n1{
    z-index:-1!important
}
.z-0{
    z-index:0!important
}
.z-1{
    z-index:1!important
}
.z-2{
    z-index:2!important
}
.z-3{
    z-index:3!important
}
@media (min-width: 576px){
    .float-sm-start{
        float:left!important
    }
    .float-sm-end{
        float:right!important
    }
    .float-sm-none{
        float:none!important
    }
    .object-fit-sm-contain{
        object-fit:contain!important
    }
    .object-fit-sm-cover{
        object-fit:cover!important
    }
    .object-fit-sm-fill{
        object-fit:fill!important
    }
    .object-fit-sm-scale{
        object-fit:scale-down!important
    }
    .object-fit-sm-none{
        object-fit:none!important
    }
    .d-sm-inline{
        display:inline!important
    }
    .d-sm-inline-block{
        display:inline-block!important
    }
    .d-sm-block{
        display:block!important
    }
    .d-sm-grid{
        display:grid!important
    }
    .d-sm-inline-grid{
        display:inline-grid!important
    }
    .d-sm-table{
        display:table!important
    }
    .d-sm-table-row{
        display:table-row!important
    }
    .d-sm-table-cell{
        display:table-cell!important
    }
    .d-sm-flex{
        display:flex!important
    }
    .d-sm-inline-flex{
        display:inline-flex!important
    }
    .d-sm-none{
        display:none!important
    }
    .flex-sm-fill{
        flex:1 1 auto!important
    }
    .flex-sm-row{
        flex-direction:row!important
    }
    .flex-sm-column{
        flex-direction:column!important
    }
    .flex-sm-row-reverse{
        flex-direction:row-reverse!important
    }
    .flex-sm-column-reverse{
        flex-direction:column-reverse!important
    }
    .flex-sm-grow-0{
        flex-grow:0!important
    }
    .flex-sm-grow-1{
        flex-grow:1!important
    }
    .flex-sm-shrink-0{
        flex-shrink:0!important
    }
    .flex-sm-shrink-1{
        flex-shrink:1!important
    }
    .flex-sm-wrap{
        flex-wrap:wrap!important
    }
    .flex-sm-nowrap{
        flex-wrap:nowrap!important
    }
    .flex-sm-wrap-reverse{
        flex-wrap:wrap-reverse!important
    }
    .justify-content-sm-start{
        justify-content:flex-start!important
    }
    .justify-content-sm-end{
        justify-content:flex-end!important
    }
    .justify-content-sm-center{
        justify-content:center!important
    }
    .justify-content-sm-between{
        justify-content:space-between!important
    }
    .justify-content-sm-around{
        justify-content:space-around!important
    }
    .justify-content-sm-evenly{
        justify-content:space-evenly!important
    }
    .align-items-sm-start{
        align-items:flex-start!important
    }
    .align-items-sm-end{
        align-items:flex-end!important
    }
    .align-items-sm-center{
        align-items:center!important
    }
    .align-items-sm-baseline{
        align-items:baseline!important
    }
    .align-items-sm-stretch{
        align-items:stretch!important
    }
    .align-content-sm-start{
        align-content:flex-start!important
    }
    .align-content-sm-end{
        align-content:flex-end!important
    }
    .align-content-sm-center{
        align-content:center!important
    }
    .align-content-sm-between{
        align-content:space-between!important
    }
    .align-content-sm-around{
        align-content:space-around!important
    }
    .align-content-sm-stretch{
        align-content:stretch!important
    }
    .align-self-sm-auto{
        align-self:auto!important
    }
    .align-self-sm-start{
        align-self:flex-start!important
    }
    .align-self-sm-end{
        align-self:flex-end!important
    }
    .align-self-sm-center{
        align-self:center!important
    }
    .align-self-sm-baseline{
        align-self:baseline!important
    }
    .align-self-sm-stretch{
        align-self:stretch!important
    }
    .order-sm-first{
        order:-1!important
    }
    .order-sm-0{
        order:0!important
    }
    .order-sm-1{
        order:1!important
    }
    .order-sm-2{
        order:2!important
    }
    .order-sm-3{
        order:3!important
    }
    .order-sm-4{
        order:4!important
    }
    .order-sm-5{
        order:5!important
    }
    .order-sm-last{
        order:6!important
    }
    .m-sm-0{
        margin:0!important
    }
    .m-sm-1{
        margin:.25rem!important
    }
    .m-sm-2{
        margin:.5rem!important
    }
    .m-sm-3{
        margin:1rem!important
    }
    .m-sm-4{
        margin:1.5rem!important
    }
    .m-sm-5{
        margin:3rem!important
    }
    .m-sm-auto{
        margin:auto!important
    }
    .mx-sm-0{
        margin-right:0!important;
        margin-left:0!important
    }
    .mx-sm-1{
        margin-right:.25rem!important;
        margin-left:.25rem!important
    }
    .mx-sm-2{
        margin-right:.5rem!important;
        margin-left:.5rem!important
    }
    .mx-sm-3{
        margin-right:1rem!important;
        margin-left:1rem!important
    }
    .mx-sm-4{
        margin-right:1.5rem!important;
        margin-left:1.5rem!important
    }
    .mx-sm-5{
        margin-right:3rem!important;
        margin-left:3rem!important
    }
    .mx-sm-auto{
        margin-right:auto!important;
        margin-left:auto!important
    }
    .my-sm-0{
        margin-top:0!important;
        margin-bottom:0!important
    }
    .my-sm-1{
        margin-top:.25rem!important;
        margin-bottom:.25rem!important
    }
    .my-sm-2{
        margin-top:.5rem!important;
        margin-bottom:.5rem!important
    }
    .my-sm-3{
        margin-top:1rem!important;
        margin-bottom:1rem!important
    }
    .my-sm-4{
        margin-top:1.5rem!important;
        margin-bottom:1.5rem!important
    }
    .my-sm-5{
        margin-top:3rem!important;
        margin-bottom:3rem!important
    }
    .my-sm-auto{
        margin-top:auto!important;
        margin-bottom:auto!important
    }
    .mt-sm-0{
        margin-top:0!important
    }
    .mt-sm-1{
        margin-top:.25rem!important
    }
    .mt-sm-2{
        margin-top:.5rem!important
    }
    .mt-sm-3{
        margin-top:1rem!important
    }
    .mt-sm-4{
        margin-top:1.5rem!important
    }
    .mt-sm-5{
        margin-top:3rem!important
    }
    .mt-sm-auto{
        margin-top:auto!important
    }
    .me-sm-0{
        margin-right:0!important
    }
    .me-sm-1{
        margin-right:.25rem!important
    }
    .me-sm-2{
        margin-right:.5rem!important
    }
    .me-sm-3{
        margin-right:1rem!important
    }
    .me-sm-4{
        margin-right:1.5rem!important
    }
    .me-sm-5{
        margin-right:3rem!important
    }
    .me-sm-auto{
        margin-right:auto!important
    }
    .mb-sm-0{
        margin-bottom:0!important
    }
    .mb-sm-1{
        margin-bottom:.25rem!important
    }
    .mb-sm-2{
        margin-bottom:.5rem!important
    }
    .mb-sm-3{
        margin-bottom:1rem!important
    }
    .mb-sm-4{
        margin-bottom:1.5rem!important
    }
    .mb-sm-5{
        margin-bottom:3rem!important
    }
    .mb-sm-auto{
        margin-bottom:auto!important
    }
    .ms-sm-0{
        margin-left:0!important
    }
    .ms-sm-1{
        margin-left:.25rem!important
    }
    .ms-sm-2{
        margin-left:.5rem!important
    }
    .ms-sm-3{
        margin-left:1rem!important
    }
    .ms-sm-4{
        margin-left:1.5rem!important
    }
    .ms-sm-5{
        margin-left:3rem!important
    }
    .ms-sm-auto{
        margin-left:auto!important
    }
    .p-sm-0{
        padding:0!important
    }
    .p-sm-1{
        padding:.25rem!important
    }
    .p-sm-2{
        padding:.5rem!important
    }
    .p-sm-3{
        padding:1rem!important
    }
    .p-sm-4{
        padding:1.5rem!important
    }
    .p-sm-5{
        padding:3rem!important
    }
    .px-sm-0{
        padding-right:0!important;
        padding-left:0!important
    }
    .px-sm-1{
        padding-right:.25rem!important;
        padding-left:.25rem!important
    }
    .px-sm-2{
        padding-right:.5rem!important;
        padding-left:.5rem!important
    }
    .px-sm-3{
        padding-right:1rem!important;
        padding-left:1rem!important
    }
    .px-sm-4{
        padding-right:1.5rem!important;
        padding-left:1.5rem!important
    }
    .px-sm-5{
        padding-right:3rem!important;
        padding-left:3rem!important
    }
    .py-sm-0{
        padding-top:0!important;
        padding-bottom:0!important
    }
    .py-sm-1{
        padding-top:.25rem!important;
        padding-bottom:.25rem!important
    }
    .py-sm-2{
        padding-top:.5rem!important;
        padding-bottom:.5rem!important
    }
    .py-sm-3{
        padding-top:1rem!important;
        padding-bottom:1rem!important
    }
    .py-sm-4{
        padding-top:1.5rem!important;
        padding-bottom:1.5rem!important
    }
    .py-sm-5{
        padding-top:3rem!important;
        padding-bottom:3rem!important
    }
    .pt-sm-0{
        padding-top:0!important
    }
    .pt-sm-1{
        padding-top:.25rem!important
    }
    .pt-sm-2{
        padding-top:.5rem!important
    }
    .pt-sm-3{
        padding-top:1rem!important
    }
    .pt-sm-4{
        padding-top:1.5rem!important
    }
    .pt-sm-5{
        padding-top:3rem!important
    }
    .pe-sm-0{
        padding-right:0!important
    }
    .pe-sm-1{
        padding-right:.25rem!important
    }
    .pe-sm-2{
        padding-right:.5rem!important
    }
    .pe-sm-3{
        padding-right:1rem!important
    }
    .pe-sm-4{
        padding-right:1.5rem!important
    }
    .pe-sm-5{
        padding-right:3rem!important
    }
    .pb-sm-0{
        padding-bottom:0!important
    }
    .pb-sm-1{
        padding-bottom:.25rem!important
    }
    .pb-sm-2{
        padding-bottom:.5rem!important
    }
    .pb-sm-3{
        padding-bottom:1rem!important
    }
    .pb-sm-4{
        padding-bottom:1.5rem!important
    }
    .pb-sm-5{
        padding-bottom:3rem!important
    }
    .ps-sm-0{
        padding-left:0!important
    }
    .ps-sm-1{
        padding-left:.25rem!important
    }
    .ps-sm-2{
        padding-left:.5rem!important
    }
    .ps-sm-3{
        padding-left:1rem!important
    }
    .ps-sm-4{
        padding-left:1.5rem!important
    }
    .ps-sm-5{
        padding-left:3rem!important
    }
    .gap-sm-0{
        gap:0!important
    }
    .gap-sm-1{
        gap:.25rem!important
    }
    .gap-sm-2{
        gap:.5rem!important
    }
    .gap-sm-3{
        gap:1rem!important
    }
    .gap-sm-4{
        gap:1.5rem!important
    }
    .gap-sm-5{
        gap:3rem!important
    }
    .row-gap-sm-0{
        row-gap:0!important
    }
    .row-gap-sm-1{
        row-gap:.25rem!important
    }
    .row-gap-sm-2{
        row-gap:.5rem!important
    }
    .row-gap-sm-3{
        row-gap:1rem!important
    }
    .row-gap-sm-4{
        row-gap:1.5rem!important
    }
    .row-gap-sm-5{
        row-gap:3rem!important
    }
    .column-gap-sm-0{
        column-gap:0!important
    }
    .column-gap-sm-1{
        column-gap:.25rem!important
    }
    .column-gap-sm-2{
        column-gap:.5rem!important
    }
    .column-gap-sm-3{
        column-gap:1rem!important
    }
    .column-gap-sm-4{
        column-gap:1.5rem!important
    }
    .column-gap-sm-5{
        column-gap:3rem!important
    }
    .text-sm-start{
        text-align:left!important
    }
    .text-sm-end{
        text-align:right!important
    }
    .text-sm-center{
        text-align:center!important
    }
}
@media (min-width: 768px){
    .float-md-start{
        float:left!important
    }
    .float-md-end{
        float:right!important
    }
    .float-md-none{
        float:none!important
    }
    .object-fit-md-contain{
        object-fit:contain!important
    }
    .object-fit-md-cover{
        object-fit:cover!important
    }
    .object-fit-md-fill{
        object-fit:fill!important
    }
    .object-fit-md-scale{
        object-fit:scale-down!important
    }
    .object-fit-md-none{
        object-fit:none!important
    }
    .d-md-inline{
        display:inline!important
    }
    .d-md-inline-block{
        display:inline-block!important
    }
    .d-md-block{
        display:block!important
    }
    .d-md-grid{
        display:grid!important
    }
    .d-md-inline-grid{
        display:inline-grid!important
    }
    .d-md-table{
        display:table!important
    }
    .d-md-table-row{
        display:table-row!important
    }
    .d-md-table-cell{
        display:table-cell!important
    }
    .d-md-flex{
        display:flex!important
    }
    .d-md-inline-flex{
        display:inline-flex!important
    }
    .d-md-none{
        display:none!important
    }
    .flex-md-fill{
        flex:1 1 auto!important
    }
    .flex-md-row{
        flex-direction:row!important
    }
    .flex-md-column{
        flex-direction:column!important
    }
    .flex-md-row-reverse{
        flex-direction:row-reverse!important
    }
    .flex-md-column-reverse{
        flex-direction:column-reverse!important
    }
    .flex-md-grow-0{
        flex-grow:0!important
    }
    .flex-md-grow-1{
        flex-grow:1!important
    }
    .flex-md-shrink-0{
        flex-shrink:0!important
    }
    .flex-md-shrink-1{
        flex-shrink:1!important
    }
    .flex-md-wrap{
        flex-wrap:wrap!important
    }
    .flex-md-nowrap{
        flex-wrap:nowrap!important
    }
    .flex-md-wrap-reverse{
        flex-wrap:wrap-reverse!important
    }
    .justify-content-md-start{
        justify-content:flex-start!important
    }
    .justify-content-md-end{
        justify-content:flex-end!important
    }
    .justify-content-md-center{
        justify-content:center!important
    }
    .justify-content-md-between{
        justify-content:space-between!important
    }
    .justify-content-md-around{
        justify-content:space-around!important
    }
    .justify-content-md-evenly{
        justify-content:space-evenly!important
    }
    .align-items-md-start{
        align-items:flex-start!important
    }
    .align-items-md-end{
        align-items:flex-end!important
    }
    .align-items-md-center{
        align-items:center!important
    }
    .align-items-md-baseline{
        align-items:baseline!important
    }
    .align-items-md-stretch{
        align-items:stretch!important
    }
    .align-content-md-start{
        align-content:flex-start!important
    }
    .align-content-md-end{
        align-content:flex-end!important
    }
    .align-content-md-center{
        align-content:center!important
    }
    .align-content-md-between{
        align-content:space-between!important
    }
    .align-content-md-around{
        align-content:space-around!important
    }
    .align-content-md-stretch{
        align-content:stretch!important
    }
    .align-self-md-auto{
        align-self:auto!important
    }
    .align-self-md-start{
        align-self:flex-start!important
    }
    .align-self-md-end{
        align-self:flex-end!important
    }
    .align-self-md-center{
        align-self:center!important
    }
    .align-self-md-baseline{
        align-self:baseline!important
    }
    .align-self-md-stretch{
        align-self:stretch!important
    }
    .order-md-first{
        order:-1!important
    }
    .order-md-0{
        order:0!important
    }
    .order-md-1{
        order:1!important
    }
    .order-md-2{
        order:2!important
    }
    .order-md-3{
        order:3!important
    }
    .order-md-4{
        order:4!important
    }
    .order-md-5{
        order:5!important
    }
    .order-md-last{
        order:6!important
    }
    .m-md-0{
        margin:0!important
    }
    .m-md-1{
        margin:.25rem!important
    }
    .m-md-2{
        margin:.5rem!important
    }
    .m-md-3{
        margin:1rem!important
    }
    .m-md-4{
        margin:1.5rem!important
    }
    .m-md-5{
        margin:3rem!important
    }
    .m-md-auto{
        margin:auto!important
    }
    .mx-md-0{
        margin-right:0!important;
        margin-left:0!important
    }
    .mx-md-1{
        margin-right:.25rem!important;
        margin-left:.25rem!important
    }
    .mx-md-2{
        margin-right:.5rem!important;
        margin-left:.5rem!important
    }
    .mx-md-3{
        margin-right:1rem!important;
        margin-left:1rem!important
    }
    .mx-md-4{
        margin-right:1.5rem!important;
        margin-left:1.5rem!important
    }
    .mx-md-5{
        margin-right:3rem!important;
        margin-left:3rem!important
    }
    .mx-md-auto{
        margin-right:auto!important;
        margin-left:auto!important
    }
    .my-md-0{
        margin-top:0!important;
        margin-bottom:0!important
    }
    .my-md-1{
        margin-top:.25rem!important;
        margin-bottom:.25rem!important
    }
    .my-md-2{
        margin-top:.5rem!important;
        margin-bottom:.5rem!important
    }
    .my-md-3{
        margin-top:1rem!important;
        margin-bottom:1rem!important
    }
    .my-md-4{
        margin-top:1.5rem!important;
        margin-bottom:1.5rem!important
    }
    .my-md-5{
        margin-top:3rem!important;
        margin-bottom:3rem!important
    }
    .my-md-auto{
        margin-top:auto!important;
        margin-bottom:auto!important
    }
    .mt-md-0{
        margin-top:0!important
    }
    .mt-md-1{
        margin-top:.25rem!important
    }
    .mt-md-2{
        margin-top:.5rem!important
    }
    .mt-md-3{
        margin-top:1rem!important
    }
    .mt-md-4{
        margin-top:1.5rem!important
    }
    .mt-md-5{
        margin-top:3rem!important
    }
    .mt-md-auto{
        margin-top:auto!important
    }
    .me-md-0{
        margin-right:0!important
    }
    .me-md-1{
        margin-right:.25rem!important
    }
    .me-md-2{
        margin-right:.5rem!important
    }
    .me-md-3{
        margin-right:1rem!important
    }
    .me-md-4{
        margin-right:1.5rem!important
    }
    .me-md-5{
        margin-right:3rem!important
    }
    .me-md-auto{
        margin-right:auto!important
    }
    .mb-md-0{
        margin-bottom:0!important
    }
    .mb-md-1{
        margin-bottom:.25rem!important
    }
    .mb-md-2{
        margin-bottom:.5rem!important
    }
    .mb-md-3{
        margin-bottom:1rem!important
    }
    .mb-md-4{
        margin-bottom:1.5rem!important
    }
    .mb-md-5{
        margin-bottom:3rem!important
    }
    .mb-md-auto{
        margin-bottom:auto!important
    }
    .ms-md-0{
        margin-left:0!important
    }
    .ms-md-1{
        margin-left:.25rem!important
    }
    .ms-md-2{
        margin-left:.5rem!important
    }
    .ms-md-3{
        margin-left:1rem!important
    }
    .ms-md-4{
        margin-left:1.5rem!important
    }
    .ms-md-5{
        margin-left:3rem!important
    }
    .ms-md-auto{
        margin-left:auto!important
    }
    .p-md-0{
        padding:0!important
    }
    .p-md-1{
        padding:.25rem!important
    }
    .p-md-2{
        padding:.5rem!important
    }
    .p-md-3{
        padding:1rem!important
    }
    .p-md-4{
        padding:1.5rem!important
    }
    .p-md-5{
        padding:3rem!important
    }
    .px-md-0{
        padding-right:0!important;
        padding-left:0!important
    }
    .px-md-1{
        padding-right:.25rem!important;
        padding-left:.25rem!important
    }
    .px-md-2{
        padding-right:.5rem!important;
        padding-left:.5rem!important
    }
    .px-md-3{
        padding-right:1rem!important;
        padding-left:1rem!important
    }
    .px-md-4{
        padding-right:1.5rem!important;
        padding-left:1.5rem!important
    }
    .px-md-5{
        padding-right:3rem!important;
        padding-left:3rem!important
    }
    .py-md-0{
        padding-top:0!important;
        padding-bottom:0!important
    }
    .py-md-1{
        padding-top:.25rem!important;
        padding-bottom:.25rem!important
    }
    .py-md-2{
        padding-top:.5rem!important;
        padding-bottom:.5rem!important
    }
    .py-md-3{
        padding-top:1rem!important;
        padding-bottom:1rem!important
    }
    .py-md-4{
        padding-top:1.5rem!important;
        padding-bottom:1.5rem!important
    }
    .py-md-5{
        padding-top:3rem!important;
        padding-bottom:3rem!important
    }
    .pt-md-0{
        padding-top:0!important
    }
    .pt-md-1{
        padding-top:.25rem!important
    }
    .pt-md-2{
        padding-top:.5rem!important
    }
    .pt-md-3{
        padding-top:1rem!important
    }
    .pt-md-4{
        padding-top:1.5rem!important
    }
    .pt-md-5{
        padding-top:3rem!important
    }
    .pe-md-0{
        padding-right:0!important
    }
    .pe-md-1{
        padding-right:.25rem!important
    }
    .pe-md-2{
        padding-right:.5rem!important
    }
    .pe-md-3{
        padding-right:1rem!important
    }
    .pe-md-4{
        padding-right:1.5rem!important
    }
    .pe-md-5{
        padding-right:3rem!important
    }
    .pb-md-0{
        padding-bottom:0!important
    }
    .pb-md-1{
        padding-bottom:.25rem!important
    }
    .pb-md-2{
        padding-bottom:.5rem!important
    }
    .pb-md-3{
        padding-bottom:1rem!important
    }
    .pb-md-4{
        padding-bottom:1.5rem!important
    }
    .pb-md-5{
        padding-bottom:3rem!important
    }
    .ps-md-0{
        padding-left:0!important
    }
    .ps-md-1{
        padding-left:.25rem!important
    }
    .ps-md-2{
        padding-left:.5rem!important
    }
    .ps-md-3{
        padding-left:1rem!important
    }
    .ps-md-4{
        padding-left:1.5rem!important
    }
    .ps-md-5{
        padding-left:3rem!important
    }
    .gap-md-0{
        gap:0!important
    }
    .gap-md-1{
        gap:.25rem!important
    }
    .gap-md-2{
        gap:.5rem!important
    }
    .gap-md-3{
        gap:1rem!important
    }
    .gap-md-4{
        gap:1.5rem!important
    }
    .gap-md-5{
        gap:3rem!important
    }
    .row-gap-md-0{
        row-gap:0!important
    }
    .row-gap-md-1{
        row-gap:.25rem!important
    }
    .row-gap-md-2{
        row-gap:.5rem!important
    }
    .row-gap-md-3{
        row-gap:1rem!important
    }
    .row-gap-md-4{
        row-gap:1.5rem!important
    }
    .row-gap-md-5{
        row-gap:3rem!important
    }
    .column-gap-md-0{
        column-gap:0!important
    }
    .column-gap-md-1{
        column-gap:.25rem!important
    }
    .column-gap-md-2{
        column-gap:.5rem!important
    }
    .column-gap-md-3{
        column-gap:1rem!important
    }
    .column-gap-md-4{
        column-gap:1.5rem!important
    }
    .column-gap-md-5{
        column-gap:3rem!important
    }
    .text-md-start{
        text-align:left!important
    }
    .text-md-end{
        text-align:right!important
    }
    .text-md-center{
        text-align:center!important
    }
}
@media (min-width: 992px){
    .float-lg-start{
        float:left!important
    }
    .float-lg-end{
        float:right!important
    }
    .float-lg-none{
        float:none!important
    }
    .object-fit-lg-contain{
        object-fit:contain!important
    }
    .object-fit-lg-cover{
        object-fit:cover!important
    }
    .object-fit-lg-fill{
        object-fit:fill!important
    }
    .object-fit-lg-scale{
        object-fit:scale-down!important
    }
    .object-fit-lg-none{
        object-fit:none!important
    }
    .d-lg-inline{
        display:inline!important
    }
    .d-lg-inline-block{
        display:inline-block!important
    }
    .d-lg-block{
        display:block!important
    }
    .d-lg-grid{
        display:grid!important
    }
    .d-lg-inline-grid{
        display:inline-grid!important
    }
    .d-lg-table{
        display:table!important
    }
    .d-lg-table-row{
        display:table-row!important
    }
    .d-lg-table-cell{
        display:table-cell!important
    }
    .d-lg-flex{
        display:flex!important
    }
    .d-lg-inline-flex{
        display:inline-flex!important
    }
    .d-lg-none{
        display:none!important
    }
    .flex-lg-fill{
        flex:1 1 auto!important
    }
    .flex-lg-row{
        flex-direction:row!important
    }
    .flex-lg-column{
        flex-direction:column!important
    }
    .flex-lg-row-reverse{
        flex-direction:row-reverse!important
    }
    .flex-lg-column-reverse{
        flex-direction:column-reverse!important
    }
    .flex-lg-grow-0{
        flex-grow:0!important
    }
    .flex-lg-grow-1{
        flex-grow:1!important
    }
    .flex-lg-shrink-0{
        flex-shrink:0!important
    }
    .flex-lg-shrink-1{
        flex-shrink:1!important
    }
    .flex-lg-wrap{
        flex-wrap:wrap!important
    }
    .flex-lg-nowrap{
        flex-wrap:nowrap!important
    }
    .flex-lg-wrap-reverse{
        flex-wrap:wrap-reverse!important
    }
    .justify-content-lg-start{
        justify-content:flex-start!important
    }
    .justify-content-lg-end{
        justify-content:flex-end!important
    }
    .justify-content-lg-center{
        justify-content:center!important
    }
    .justify-content-lg-between{
        justify-content:space-between!important
    }
    .justify-content-lg-around{
        justify-content:space-around!important
    }
    .justify-content-lg-evenly{
        justify-content:space-evenly!important
    }
    .align-items-lg-start{
        align-items:flex-start!important
    }
    .align-items-lg-end{
        align-items:flex-end!important
    }
    .align-items-lg-center{
        align-items:center!important
    }
    .align-items-lg-baseline{
        align-items:baseline!important
    }
    .align-items-lg-stretch{
        align-items:stretch!important
    }
    .align-content-lg-start{
        align-content:flex-start!important
    }
    .align-content-lg-end{
        align-content:flex-end!important
    }
    .align-content-lg-center{
        align-content:center!important
    }
    .align-content-lg-between{
        align-content:space-between!important
    }
    .align-content-lg-around{
        align-content:space-around!important
    }
    .align-content-lg-stretch{
        align-content:stretch!important
    }
    .align-self-lg-auto{
        align-self:auto!important
    }
    .align-self-lg-start{
        align-self:flex-start!important
    }
    .align-self-lg-end{
        align-self:flex-end!important
    }
    .align-self-lg-center{
        align-self:center!important
    }
    .align-self-lg-baseline{
        align-self:baseline!important
    }
    .align-self-lg-stretch{
        align-self:stretch!important
    }
    .order-lg-first{
        order:-1!important
    }
    .order-lg-0{
        order:0!important
    }
    .order-lg-1{
        order:1!important
    }
    .order-lg-2{
        order:2!important
    }
    .order-lg-3{
        order:3!important
    }
    .order-lg-4{
        order:4!important
    }
    .order-lg-5{
        order:5!important
    }
    .order-lg-last{
        order:6!important
    }
    .m-lg-0{
        margin:0!important
    }
    .m-lg-1{
        margin:.25rem!important
    }
    .m-lg-2{
        margin:.5rem!important
    }
    .m-lg-3{
        margin:1rem!important
    }
    .m-lg-4{
        margin:1.5rem!important
    }
    .m-lg-5{
        margin:3rem!important
    }
    .m-lg-auto{
        margin:auto!important
    }
    .mx-lg-0{
        margin-right:0!important;
        margin-left:0!important
    }
    .mx-lg-1{
        margin-right:.25rem!important;
        margin-left:.25rem!important
    }
    .mx-lg-2{
        margin-right:.5rem!important;
        margin-left:.5rem!important
    }
    .mx-lg-3{
        margin-right:1rem!important;
        margin-left:1rem!important
    }
    .mx-lg-4{
        margin-right:1.5rem!important;
        margin-left:1.5rem!important
    }
    .mx-lg-5{
        margin-right:3rem!important;
        margin-left:3rem!important
    }
    .mx-lg-auto{
        margin-right:auto!important;
        margin-left:auto!important
    }
    .my-lg-0{
        margin-top:0!important;
        margin-bottom:0!important
    }
    .my-lg-1{
        margin-top:.25rem!important;
        margin-bottom:.25rem!important
    }
    .my-lg-2{
        margin-top:.5rem!important;
        margin-bottom:.5rem!important
    }
    .my-lg-3{
        margin-top:1rem!important;
        margin-bottom:1rem!important
    }
    .my-lg-4{
        margin-top:1.5rem!important;
        margin-bottom:1.5rem!important
    }
    .my-lg-5{
        margin-top:3rem!important;
        margin-bottom:3rem!important
    }
    .my-lg-auto{
        margin-top:auto!important;
        margin-bottom:auto!important
    }
    .mt-lg-0{
        margin-top:0!important
    }
    .mt-lg-1{
        margin-top:.25rem!important
    }
    .mt-lg-2{
        margin-top:.5rem!important
    }
    .mt-lg-3{
        margin-top:1rem!important
    }
    .mt-lg-4{
        margin-top:1.5rem!important
    }
    .mt-lg-5{
        margin-top:3rem!important
    }
    .mt-lg-auto{
        margin-top:auto!important
    }
    .me-lg-0{
        margin-right:0!important
    }
    .me-lg-1{
        margin-right:.25rem!important
    }
    .me-lg-2{
        margin-right:.5rem!important
    }
    .me-lg-3{
        margin-right:1rem!important
    }
    .me-lg-4{
        margin-right:1.5rem!important
    }
    .me-lg-5{
        margin-right:3rem!important
    }
    .me-lg-auto{
        margin-right:auto!important
    }
    .mb-lg-0{
        margin-bottom:0!important
    }
    .mb-lg-1{
        margin-bottom:.25rem!important
    }
    .mb-lg-2{
        margin-bottom:.5rem!important
    }
    .mb-lg-3{
        margin-bottom:1rem!important
    }
    .mb-lg-4{
        margin-bottom:1.5rem!important
    }
    .mb-lg-5{
        margin-bottom:3rem!important
    }
    .mb-lg-auto{
        margin-bottom:auto!important
    }
    .ms-lg-0{
        margin-left:0!important
    }
    .ms-lg-1{
        margin-left:.25rem!important
    }
    .ms-lg-2{
        margin-left:.5rem!important
    }
    .ms-lg-3{
        margin-left:1rem!important
    }
    .ms-lg-4{
        margin-left:1.5rem!important
    }
    .ms-lg-5{
        margin-left:3rem!important
    }
    .ms-lg-auto{
        margin-left:auto!important
    }
    .p-lg-0{
        padding:0!important
    }
    .p-lg-1{
        padding:.25rem!important
    }
    .p-lg-2{
        padding:.5rem!important
    }
    .p-lg-3{
        padding:1rem!important
    }
    .p-lg-4{
        padding:1.5rem!important
    }
    .p-lg-5{
        padding:3rem!important
    }
    .px-lg-0{
        padding-right:0!important;
        padding-left:0!important
    }
    .px-lg-1{
        padding-right:.25rem!important;
        padding-left:.25rem!important
    }
    .px-lg-2{
        padding-right:.5rem!important;
        padding-left:.5rem!important
    }
    .px-lg-3{
        padding-right:1rem!important;
        padding-left:1rem!important
    }
    .px-lg-4{
        padding-right:1.5rem!important;
        padding-left:1.5rem!important
    }
    .px-lg-5{
        padding-right:3rem!important;
        padding-left:3rem!important
    }
    .py-lg-0{
        padding-top:0!important;
        padding-bottom:0!important
    }
    .py-lg-1{
        padding-top:.25rem!important;
        padding-bottom:.25rem!important
    }
    .py-lg-2{
        padding-top:.5rem!important;
        padding-bottom:.5rem!important
    }
    .py-lg-3{
        padding-top:1rem!important;
        padding-bottom:1rem!important
    }
    .py-lg-4{
        padding-top:1.5rem!important;
        padding-bottom:1.5rem!important
    }
    .py-lg-5{
        padding-top:3rem!important;
        padding-bottom:3rem!important
    }
    .pt-lg-0{
        padding-top:0!important
    }
    .pt-lg-1{
        padding-top:.25rem!important
    }
    .pt-lg-2{
        padding-top:.5rem!important
    }
    .pt-lg-3{
        padding-top:1rem!important
    }
    .pt-lg-4{
        padding-top:1.5rem!important
    }
    .pt-lg-5{
        padding-top:3rem!important
    }
    .pe-lg-0{
        padding-right:0!important
    }
    .pe-lg-1{
        padding-right:.25rem!important
    }
    .pe-lg-2{
        padding-right:.5rem!important
    }
    .pe-lg-3{
        padding-right:1rem!important
    }
    .pe-lg-4{
        padding-right:1.5rem!important
    }
    .pe-lg-5{
        padding-right:3rem!important
    }
    .pb-lg-0{
        padding-bottom:0!important
    }
    .pb-lg-1{
        padding-bottom:.25rem!important
    }
    .pb-lg-2{
        padding-bottom:.5rem!important
    }
    .pb-lg-3{
        padding-bottom:1rem!important
    }
    .pb-lg-4{
        padding-bottom:1.5rem!important
    }
    .pb-lg-5{
        padding-bottom:3rem!important
    }
    .ps-lg-0{
        padding-left:0!important
    }
    .ps-lg-1{
        padding-left:.25rem!important
    }
    .ps-lg-2{
        padding-left:.5rem!important
    }
    .ps-lg-3{
        padding-left:1rem!important
    }
    .ps-lg-4{
        padding-left:1.5rem!important
    }
    .ps-lg-5{
        padding-left:3rem!important
    }
    .gap-lg-0{
        gap:0!important
    }
    .gap-lg-1{
        gap:.25rem!important
    }
    .gap-lg-2{
        gap:.5rem!important
    }
    .gap-lg-3{
        gap:1rem!important
    }
    .gap-lg-4{
        gap:1.5rem!important
    }
    .gap-lg-5{
        gap:3rem!important
    }
    .row-gap-lg-0{
        row-gap:0!important
    }
    .row-gap-lg-1{
        row-gap:.25rem!important
    }
    .row-gap-lg-2{
        row-gap:.5rem!important
    }
    .row-gap-lg-3{
        row-gap:1rem!important
    }
    .row-gap-lg-4{
        row-gap:1.5rem!important
    }
    .row-gap-lg-5{
        row-gap:3rem!important
    }
    .column-gap-lg-0{
        column-gap:0!important
    }
    .column-gap-lg-1{
        column-gap:.25rem!important
    }
    .column-gap-lg-2{
        column-gap:.5rem!important
    }
    .column-gap-lg-3{
        column-gap:1rem!important
    }
    .column-gap-lg-4{
        column-gap:1.5rem!important
    }
    .column-gap-lg-5{
        column-gap:3rem!important
    }
    .text-lg-start{
        text-align:left!important
    }
    .text-lg-end{
        text-align:right!important
    }
    .text-lg-center{
        text-align:center!important
    }
}
@media (min-width: 1200px){
    .float-xl-start{
        float:left!important
    }
    .float-xl-end{
        float:right!important
    }
    .float-xl-none{
        float:none!important
    }
    .object-fit-xl-contain{
        object-fit:contain!important
    }
    .object-fit-xl-cover{
        object-fit:cover!important
    }
    .object-fit-xl-fill{
        object-fit:fill!important
    }
    .object-fit-xl-scale{
        object-fit:scale-down!important
    }
    .object-fit-xl-none{
        object-fit:none!important
    }
    .d-xl-inline{
        display:inline!important
    }
    .d-xl-inline-block{
        display:inline-block!important
    }
    .d-xl-block{
        display:block!important
    }
    .d-xl-grid{
        display:grid!important
    }
    .d-xl-inline-grid{
        display:inline-grid!important
    }
    .d-xl-table{
        display:table!important
    }
    .d-xl-table-row{
        display:table-row!important
    }
    .d-xl-table-cell{
        display:table-cell!important
    }
    .d-xl-flex{
        display:flex!important
    }
    .d-xl-inline-flex{
        display:inline-flex!important
    }
    .d-xl-none{
        display:none!important
    }
    .flex-xl-fill{
        flex:1 1 auto!important
    }
    .flex-xl-row{
        flex-direction:row!important
    }
    .flex-xl-column{
        flex-direction:column!important
    }
    .flex-xl-row-reverse{
        flex-direction:row-reverse!important
    }
    .flex-xl-column-reverse{
        flex-direction:column-reverse!important
    }
    .flex-xl-grow-0{
        flex-grow:0!important
    }
    .flex-xl-grow-1{
        flex-grow:1!important
    }
    .flex-xl-shrink-0{
        flex-shrink:0!important
    }
    .flex-xl-shrink-1{
        flex-shrink:1!important
    }
    .flex-xl-wrap{
        flex-wrap:wrap!important
    }
    .flex-xl-nowrap{
        flex-wrap:nowrap!important
    }
    .flex-xl-wrap-reverse{
        flex-wrap:wrap-reverse!important
    }
    .justify-content-xl-start{
        justify-content:flex-start!important
    }
    .justify-content-xl-end{
        justify-content:flex-end!important
    }
    .justify-content-xl-center{
        justify-content:center!important
    }
    .justify-content-xl-between{
        justify-content:space-between!important
    }
    .justify-content-xl-around{
        justify-content:space-around!important
    }
    .justify-content-xl-evenly{
        justify-content:space-evenly!important
    }
    .align-items-xl-start{
        align-items:flex-start!important
    }
    .align-items-xl-end{
        align-items:flex-end!important
    }
    .align-items-xl-center{
        align-items:center!important
    }
    .align-items-xl-baseline{
        align-items:baseline!important
    }
    .align-items-xl-stretch{
        align-items:stretch!important
    }
    .align-content-xl-start{
        align-content:flex-start!important
    }
    .align-content-xl-end{
        align-content:flex-end!important
    }
    .align-content-xl-center{
        align-content:center!important
    }
    .align-content-xl-between{
        align-content:space-between!important
    }
    .align-content-xl-around{
        align-content:space-around!important
    }
    .align-content-xl-stretch{
        align-content:stretch!important
    }
    .align-self-xl-auto{
        align-self:auto!important
    }
    .align-self-xl-start{
        align-self:flex-start!important
    }
    .align-self-xl-end{
        align-self:flex-end!important
    }
    .align-self-xl-center{
        align-self:center!important
    }
    .align-self-xl-baseline{
        align-self:baseline!important
    }
    .align-self-xl-stretch{
        align-self:stretch!important
    }
    .order-xl-first{
        order:-1!important
    }
    .order-xl-0{
        order:0!important
    }
    .order-xl-1{
        order:1!important
    }
    .order-xl-2{
        order:2!important
    }
    .order-xl-3{
        order:3!important
    }
    .order-xl-4{
        order:4!important
    }
    .order-xl-5{
        order:5!important
    }
    .order-xl-last{
        order:6!important
    }
    .m-xl-0{
        margin:0!important
    }
    .m-xl-1{
        margin:.25rem!important
    }
    .m-xl-2{
        margin:.5rem!important
    }
    .m-xl-3{
        margin:1rem!important
    }
    .m-xl-4{
        margin:1.5rem!important
    }
    .m-xl-5{
        margin:3rem!important
    }
    .m-xl-auto{
        margin:auto!important
    }
    .mx-xl-0{
        margin-right:0!important;
        margin-left:0!important
    }
    .mx-xl-1{
        margin-right:.25rem!important;
        margin-left:.25rem!important
    }
    .mx-xl-2{
        margin-right:.5rem!important;
        margin-left:.5rem!important
    }
    .mx-xl-3{
        margin-right:1rem!important;
        margin-left:1rem!important
    }
    .mx-xl-4{
        margin-right:1.5rem!important;
        margin-left:1.5rem!important
    }
    .mx-xl-5{
        margin-right:3rem!important;
        margin-left:3rem!important
    }
    .mx-xl-auto{
        margin-right:auto!important;
        margin-left:auto!important
    }
    .my-xl-0{
        margin-top:0!important;
        margin-bottom:0!important
    }
    .my-xl-1{
        margin-top:.25rem!important;
        margin-bottom:.25rem!important
    }
    .my-xl-2{
        margin-top:.5rem!important;
        margin-bottom:.5rem!important
    }
    .my-xl-3{
        margin-top:1rem!important;
        margin-bottom:1rem!important
    }
    .my-xl-4{
        margin-top:1.5rem!important;
        margin-bottom:1.5rem!important
    }
    .my-xl-5{
        margin-top:3rem!important;
        margin-bottom:3rem!important
    }
    .my-xl-auto{
        margin-top:auto!important;
        margin-bottom:auto!important
    }
    .mt-xl-0{
        margin-top:0!important
    }
    .mt-xl-1{
        margin-top:.25rem!important
    }
    .mt-xl-2{
        margin-top:.5rem!important
    }
    .mt-xl-3{
        margin-top:1rem!important
    }
    .mt-xl-4{
        margin-top:1.5rem!important
    }
    .mt-xl-5{
        margin-top:3rem!important
    }
    .mt-xl-auto{
        margin-top:auto!important
    }
    .me-xl-0{
        margin-right:0!important
    }
    .me-xl-1{
        margin-right:.25rem!important
    }
    .me-xl-2{
        margin-right:.5rem!important
    }
    .me-xl-3{
        margin-right:1rem!important
    }
    .me-xl-4{
        margin-right:1.5rem!important
    }
    .me-xl-5{
        margin-right:3rem!important
    }
    .me-xl-auto{
        margin-right:auto!important
    }
    .mb-xl-0{
        margin-bottom:0!important
    }
    .mb-xl-1{
        margin-bottom:.25rem!important
    }
    .mb-xl-2{
        margin-bottom:.5rem!important
    }
    .mb-xl-3{
        margin-bottom:1rem!important
    }
    .mb-xl-4{
        margin-bottom:1.5rem!important
    }
    .mb-xl-5{
        margin-bottom:3rem!important
    }
    .mb-xl-auto{
        margin-bottom:auto!important
    }
    .ms-xl-0{
        margin-left:0!important
    }
    .ms-xl-1{
        margin-left:.25rem!important
    }
    .ms-xl-2{
        margin-left:.5rem!important
    }
    .ms-xl-3{
        margin-left:1rem!important
    }
    .ms-xl-4{
        margin-left:1.5rem!important
    }
    .ms-xl-5{
        margin-left:3rem!important
    }
    .ms-xl-auto{
        margin-left:auto!important
    }
    .p-xl-0{
        padding:0!important
    }
    .p-xl-1{
        padding:.25rem!important
    }
    .p-xl-2{
        padding:.5rem!important
    }
    .p-xl-3{
        padding:1rem!important
    }
    .p-xl-4{
        padding:1.5rem!important
    }
    .p-xl-5{
        padding:3rem!important
    }
    .px-xl-0{
        padding-right:0!important;
        padding-left:0!important
    }
    .px-xl-1{
        padding-right:.25rem!important;
        padding-left:.25rem!important
    }
    .px-xl-2{
        padding-right:.5rem!important;
        padding-left:.5rem!important
    }
    .px-xl-3{
        padding-right:1rem!important;
        padding-left:1rem!important
    }
    .px-xl-4{
        padding-right:1.5rem!important;
        padding-left:1.5rem!important
    }
    .px-xl-5{
        padding-right:3rem!important;
        padding-left:3rem!important
    }
    .py-xl-0{
        padding-top:0!important;
        padding-bottom:0!important
    }
    .py-xl-1{
        padding-top:.25rem!important;
        padding-bottom:.25rem!important
    }
    .py-xl-2{
        padding-top:.5rem!important;
        padding-bottom:.5rem!important
    }
    .py-xl-3{
        padding-top:1rem!important;
        padding-bottom:1rem!important
    }
    .py-xl-4{
        padding-top:1.5rem!important;
        padding-bottom:1.5rem!important
    }
    .py-xl-5{
        padding-top:3rem!important;
        padding-bottom:3rem!important
    }
    .pt-xl-0{
        padding-top:0!important
    }
    .pt-xl-1{
        padding-top:.25rem!important
    }
    .pt-xl-2{
        padding-top:.5rem!important
    }
    .pt-xl-3{
        padding-top:1rem!important
    }
    .pt-xl-4{
        padding-top:1.5rem!important
    }
    .pt-xl-5{
        padding-top:3rem!important
    }
    .pe-xl-0{
        padding-right:0!important
    }
    .pe-xl-1{
        padding-right:.25rem!important
    }
    .pe-xl-2{
        padding-right:.5rem!important
    }
    .pe-xl-3{
        padding-right:1rem!important
    }
    .pe-xl-4{
        padding-right:1.5rem!important
    }
    .pe-xl-5{
        padding-right:3rem!important
    }
    .pb-xl-0{
        padding-bottom:0!important
    }
    .pb-xl-1{
        padding-bottom:.25rem!important
    }
    .pb-xl-2{
        padding-bottom:.5rem!important
    }
    .pb-xl-3{
        padding-bottom:1rem!important
    }
    .pb-xl-4{
        padding-bottom:1.5rem!important
    }
    .pb-xl-5{
        padding-bottom:3rem!important
    }
    .ps-xl-0{
        padding-left:0!important
    }
    .ps-xl-1{
        padding-left:.25rem!important
    }
    .ps-xl-2{
        padding-left:.5rem!important
    }
    .ps-xl-3{
        padding-left:1rem!important
    }
    .ps-xl-4{
        padding-left:1.5rem!important
    }
    .ps-xl-5{
        padding-left:3rem!important
    }
    .gap-xl-0{
        gap:0!important
    }
    .gap-xl-1{
        gap:.25rem!important
    }
    .gap-xl-2{
        gap:.5rem!important
    }
    .gap-xl-3{
        gap:1rem!important
    }
    .gap-xl-4{
        gap:1.5rem!important
    }
    .gap-xl-5{
        gap:3rem!important
    }
    .row-gap-xl-0{
        row-gap:0!important
    }
    .row-gap-xl-1{
        row-gap:.25rem!important
    }
    .row-gap-xl-2{
        row-gap:.5rem!important
    }
    .row-gap-xl-3{
        row-gap:1rem!important
    }
    .row-gap-xl-4{
        row-gap:1.5rem!important
    }
    .row-gap-xl-5{
        row-gap:3rem!important
    }
    .column-gap-xl-0{
        column-gap:0!important
    }
    .column-gap-xl-1{
        column-gap:.25rem!important
    }
    .column-gap-xl-2{
        column-gap:.5rem!important
    }
    .column-gap-xl-3{
        column-gap:1rem!important
    }
    .column-gap-xl-4{
        column-gap:1.5rem!important
    }
    .column-gap-xl-5{
        column-gap:3rem!important
    }
    .text-xl-start{
        text-align:left!important
    }
    .text-xl-end{
        text-align:right!important
    }
    .text-xl-center{
        text-align:center!important
    }
}
@media (min-width: 1400px){
    .float-xxl-start{
        float:left!important
    }
    .float-xxl-end{
        float:right!important
    }
    .float-xxl-none{
        float:none!important
    }
    .object-fit-xxl-contain{
        object-fit:contain!important
    }
    .object-fit-xxl-cover{
        object-fit:cover!important
    }
    .object-fit-xxl-fill{
        object-fit:fill!important
    }
    .object-fit-xxl-scale{
        object-fit:scale-down!important
    }
    .object-fit-xxl-none{
        object-fit:none!important
    }
    .d-xxl-inline{
        display:inline!important
    }
    .d-xxl-inline-block{
        display:inline-block!important
    }
    .d-xxl-block{
        display:block!important
    }
    .d-xxl-grid{
        display:grid!important
    }
    .d-xxl-inline-grid{
        display:inline-grid!important
    }
    .d-xxl-table{
        display:table!important
    }
    .d-xxl-table-row{
        display:table-row!important
    }
    .d-xxl-table-cell{
        display:table-cell!important
    }
    .d-xxl-flex{
        display:flex!important
    }
    .d-xxl-inline-flex{
        display:inline-flex!important
    }
    .d-xxl-none{
        display:none!important
    }
    .flex-xxl-fill{
        flex:1 1 auto!important
    }
    .flex-xxl-row{
        flex-direction:row!important
    }
    .flex-xxl-column{
        flex-direction:column!important
    }
    .flex-xxl-row-reverse{
        flex-direction:row-reverse!important
    }
    .flex-xxl-column-reverse{
        flex-direction:column-reverse!important
    }
    .flex-xxl-grow-0{
        flex-grow:0!important
    }
    .flex-xxl-grow-1{
        flex-grow:1!important
    }
    .flex-xxl-shrink-0{
        flex-shrink:0!important
    }
    .flex-xxl-shrink-1{
        flex-shrink:1!important
    }
    .flex-xxl-wrap{
        flex-wrap:wrap!important
    }
    .flex-xxl-nowrap{
        flex-wrap:nowrap!important
    }
    .flex-xxl-wrap-reverse{
        flex-wrap:wrap-reverse!important
    }
    .justify-content-xxl-start{
        justify-content:flex-start!important
    }
    .justify-content-xxl-end{
        justify-content:flex-end!important
    }
    .justify-content-xxl-center{
        justify-content:center!important
    }
    .justify-content-xxl-between{
        justify-content:space-between!important
    }
    .justify-content-xxl-around{
        justify-content:space-around!important
    }
    .justify-content-xxl-evenly{
        justify-content:space-evenly!important
    }
    .align-items-xxl-start{
        align-items:flex-start!important
    }
    .align-items-xxl-end{
        align-items:flex-end!important
    }
    .align-items-xxl-center{
        align-items:center!important
    }
    .align-items-xxl-baseline{
        align-items:baseline!important
    }
    .align-items-xxl-stretch{
        align-items:stretch!important
    }
    .align-content-xxl-start{
        align-content:flex-start!important
    }
    .align-content-xxl-end{
        align-content:flex-end!important
    }
    .align-content-xxl-center{
        align-content:center!important
    }
    .align-content-xxl-between{
        align-content:space-between!important
    }
    .align-content-xxl-around{
        align-content:space-around!important
    }
    .align-content-xxl-stretch{
        align-content:stretch!important
    }
    .align-self-xxl-auto{
        align-self:auto!important
    }
    .align-self-xxl-start{
        align-self:flex-start!important
    }
    .align-self-xxl-end{
        align-self:flex-end!important
    }
    .align-self-xxl-center{
        align-self:center!important
    }
    .align-self-xxl-baseline{
        align-self:baseline!important
    }
    .align-self-xxl-stretch{
        align-self:stretch!important
    }
    .order-xxl-first{
        order:-1!important
    }
    .order-xxl-0{
        order:0!important
    }
    .order-xxl-1{
        order:1!important
    }
    .order-xxl-2{
        order:2!important
    }
    .order-xxl-3{
        order:3!important
    }
    .order-xxl-4{
        order:4!important
    }
    .order-xxl-5{
        order:5!important
    }
    .order-xxl-last{
        order:6!important
    }
    .m-xxl-0{
        margin:0!important
    }
    .m-xxl-1{
        margin:.25rem!important
    }
    .m-xxl-2{
        margin:.5rem!important
    }
    .m-xxl-3{
        margin:1rem!important
    }
    .m-xxl-4{
        margin:1.5rem!important
    }
    .m-xxl-5{
        margin:3rem!important
    }
    .m-xxl-auto{
        margin:auto!important
    }
    .mx-xxl-0{
        margin-right:0!important;
        margin-left:0!important
    }
    .mx-xxl-1{
        margin-right:.25rem!important;
        margin-left:.25rem!important
    }
    .mx-xxl-2{
        margin-right:.5rem!important;
        margin-left:.5rem!important
    }
    .mx-xxl-3{
        margin-right:1rem!important;
        margin-left:1rem!important
    }
    .mx-xxl-4{
        margin-right:1.5rem!important;
        margin-left:1.5rem!important
    }
    .mx-xxl-5{
        margin-right:3rem!important;
        margin-left:3rem!important
    }
    .mx-xxl-auto{
        margin-right:auto!important;
        margin-left:auto!important
    }
    .my-xxl-0{
        margin-top:0!important;
        margin-bottom:0!important
    }
    .my-xxl-1{
        margin-top:.25rem!important;
        margin-bottom:.25rem!important
    }
    .my-xxl-2{
        margin-top:.5rem!important;
        margin-bottom:.5rem!important
    }
    .my-xxl-3{
        margin-top:1rem!important;
        margin-bottom:1rem!important
    }
    .my-xxl-4{
        margin-top:1.5rem!important;
        margin-bottom:1.5rem!important
    }
    .my-xxl-5{
        margin-top:3rem!important;
        margin-bottom:3rem!important
    }
    .my-xxl-auto{
        margin-top:auto!important;
        margin-bottom:auto!important
    }
    .mt-xxl-0{
        margin-top:0!important
    }
    .mt-xxl-1{
        margin-top:.25rem!important
    }
    .mt-xxl-2{
        margin-top:.5rem!important
    }
    .mt-xxl-3{
        margin-top:1rem!important
    }
    .mt-xxl-4{
        margin-top:1.5rem!important
    }
    .mt-xxl-5{
        margin-top:3rem!important
    }
    .mt-xxl-auto{
        margin-top:auto!important
    }
    .me-xxl-0{
        margin-right:0!important
    }
    .me-xxl-1{
        margin-right:.25rem!important
    }
    .me-xxl-2{
        margin-right:.5rem!important
    }
    .me-xxl-3{
        margin-right:1rem!important
    }
    .me-xxl-4{
        margin-right:1.5rem!important
    }
    .me-xxl-5{
        margin-right:3rem!important
    }
    .me-xxl-auto{
        margin-right:auto!important
    }
    .mb-xxl-0{
        margin-bottom:0!important
    }
    .mb-xxl-1{
        margin-bottom:.25rem!important
    }
    .mb-xxl-2{
        margin-bottom:.5rem!important
    }
    .mb-xxl-3{
        margin-bottom:1rem!important
    }
    .mb-xxl-4{
        margin-bottom:1.5rem!important
    }
    .mb-xxl-5{
        margin-bottom:3rem!important
    }
    .mb-xxl-auto{
        margin-bottom:auto!important
    }
    .ms-xxl-0{
        margin-left:0!important
    }
    .ms-xxl-1{
        margin-left:.25rem!important
    }
    .ms-xxl-2{
        margin-left:.5rem!important
    }
    .ms-xxl-3{
        margin-left:1rem!important
    }
    .ms-xxl-4{
        margin-left:1.5rem!important
    }
    .ms-xxl-5{
        margin-left:3rem!important
    }
    .ms-xxl-auto{
        margin-left:auto!important
    }
    .p-xxl-0{
        padding:0!important
    }
    .p-xxl-1{
        padding:.25rem!important
    }
    .p-xxl-2{
        padding:.5rem!important
    }
    .p-xxl-3{
        padding:1rem!important
    }
    .p-xxl-4{
        padding:1.5rem!important
    }
    .p-xxl-5{
        padding:3rem!important
    }
    .px-xxl-0{
        padding-right:0!important;
        padding-left:0!important
    }
    .px-xxl-1{
        padding-right:.25rem!important;
        padding-left:.25rem!important
    }
    .px-xxl-2{
        padding-right:.5rem!important;
        padding-left:.5rem!important
    }
    .px-xxl-3{
        padding-right:1rem!important;
        padding-left:1rem!important
    }
    .px-xxl-4{
        padding-right:1.5rem!important;
        padding-left:1.5rem!important
    }
    .px-xxl-5{
        padding-right:3rem!important;
        padding-left:3rem!important
    }
    .py-xxl-0{
        padding-top:0!important;
        padding-bottom:0!important
    }
    .py-xxl-1{
        padding-top:.25rem!important;
        padding-bottom:.25rem!important
    }
    .py-xxl-2{
        padding-top:.5rem!important;
        padding-bottom:.5rem!important
    }
    .py-xxl-3{
        padding-top:1rem!important;
        padding-bottom:1rem!important
    }
    .py-xxl-4{
        padding-top:1.5rem!important;
        padding-bottom:1.5rem!important
    }
    .py-xxl-5{
        padding-top:3rem!important;
        padding-bottom:3rem!important
    }
    .pt-xxl-0{
        padding-top:0!important
    }
    .pt-xxl-1{
        padding-top:.25rem!important
    }
    .pt-xxl-2{
        padding-top:.5rem!important
    }
    .pt-xxl-3{
        padding-top:1rem!important
    }
    .pt-xxl-4{
        padding-top:1.5rem!important
    }
    .pt-xxl-5{
        padding-top:3rem!important
    }
    .pe-xxl-0{
        padding-right:0!important
    }
    .pe-xxl-1{
        padding-right:.25rem!important
    }
    .pe-xxl-2{
        padding-right:.5rem!important
    }
    .pe-xxl-3{
        padding-right:1rem!important
    }
    .pe-xxl-4{
        padding-right:1.5rem!important
    }
    .pe-xxl-5{
        padding-right:3rem!important
    }
    .pb-xxl-0{
        padding-bottom:0!important
    }
    .pb-xxl-1{
        padding-bottom:.25rem!important
    }
    .pb-xxl-2{
        padding-bottom:.5rem!important
    }
    .pb-xxl-3{
        padding-bottom:1rem!important
    }
    .pb-xxl-4{
        padding-bottom:1.5rem!important
    }
    .pb-xxl-5{
        padding-bottom:3rem!important
    }
    .ps-xxl-0{
        padding-left:0!important
    }
    .ps-xxl-1{
        padding-left:.25rem!important
    }
    .ps-xxl-2{
        padding-left:.5rem!important
    }
    .ps-xxl-3{
        padding-left:1rem!important
    }
    .ps-xxl-4{
        padding-left:1.5rem!important
    }
    .ps-xxl-5{
        padding-left:3rem!important
    }
    .gap-xxl-0{
        gap:0!important
    }
    .gap-xxl-1{
        gap:.25rem!important
    }
    .gap-xxl-2{
        gap:.5rem!important
    }
    .gap-xxl-3{
        gap:1rem!important
    }
    .gap-xxl-4{
        gap:1.5rem!important
    }
    .gap-xxl-5{
        gap:3rem!important
    }
    .row-gap-xxl-0{
        row-gap:0!important
    }
    .row-gap-xxl-1{
        row-gap:.25rem!important
    }
    .row-gap-xxl-2{
        row-gap:.5rem!important
    }
    .row-gap-xxl-3{
        row-gap:1rem!important
    }
    .row-gap-xxl-4{
        row-gap:1.5rem!important
    }
    .row-gap-xxl-5{
        row-gap:3rem!important
    }
    .column-gap-xxl-0{
        column-gap:0!important
    }
    .column-gap-xxl-1{
        column-gap:.25rem!important
    }
    .column-gap-xxl-2{
        column-gap:.5rem!important
    }
    .column-gap-xxl-3{
        column-gap:1rem!important
    }
    .column-gap-xxl-4{
        column-gap:1.5rem!important
    }
    .column-gap-xxl-5{
        column-gap:3rem!important
    }
    .text-xxl-start{
        text-align:left!important
    }
    .text-xxl-end{
        text-align:right!important
    }
    .text-xxl-center{
        text-align:center!important
    }
}
@media (min-width: 1200px){
    .fs-1{
        font-size:2.5rem!important
    }
    .fs-2{
        font-size:2rem!important
    }
    .fs-3{
        font-size:1.75rem!important
    }
    .fs-4{
        font-size:1.5rem!important
    }
}
@media print{
    .d-print-inline{
        display:inline!important
    }
    .d-print-inline-block{
        display:inline-block!important
    }
    .d-print-block{
        display:block!important
    }
    .d-print-grid{
        display:grid!important
    }
    .d-print-inline-grid{
        display:inline-grid!important
    }
    .d-print-table{
        display:table!important
    }
    .d-print-table-row{
        display:table-row!important
    }
    .d-print-table-cell{
        display:table-cell!important
    }
    .d-print-flex{
        display:flex!important
    }
    .d-print-inline-flex{
        display:inline-flex!important
    }
    .d-print-none{
        display:none!important
    }
}
@keyframes spin{
    to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
.svg-w-12{
    width:12px;
    height:12px
}
.svg-w-13{
    width:13px;
    height:13px
}
.svg-w-14{
    width:14px;
    height:14px
}
.svg-w-15{
    width:15px;
    height:15px
}
.svg-w-16{
    width:16px;
    height:16px
}
.svg-w-17{
    width:17px;
    height:17px
}
.svg-w-18{
    width:18px;
    height:18px
}
.svg-w-19{
    width:19px;
    height:19px
}
.svg-w-20{
    width:20px;
    height:20px
}
.svg-w-21{
    width:21px;
    height:21px
}
.svg-w-22{
    width:22px;
    height:22px
}
.svg-w-23{
    width:23px;
    height:23px
}
.svg-w-24{
    width:24px;
    height:24px
}
.svg-w-25{
    width:25px;
    height:25px
}
.svg-w-26{
    width:26px;
    height:26px
}
.svg-w-27{
    width:27px;
    height:27px
}
.svg-w-28{
    width:28px;
    height:28px
}
.svg-w-29{
    width:29px;
    height:29px
}
.svg-w-30{
    width:30px;
    height:30px
}
.svg-w-31{
    width:31px;
    height:31px
}
.svg-w-32{
    width:32px;
    height:32px
}
.svg-w-33{
    width:33px;
    height:33px
}
.svg-w-34{
    width:34px;
    height:34px
}
.svg-w-35{
    width:35px;
    height:35px
}
.svg-w-36{
    width:36px;
    height:36px
}
.svg-w-37{
    width:37px;
    height:37px
}
.svg-w-38{
    width:38px;
    height:38px
}
.svg-w-39{
    width:39px;
    height:39px
}
.svg-w-40{
    width:40px;
    height:40px
}
.svg-w-41{
    width:41px;
    height:41px
}
.svg-w-42{
    width:42px;
    height:42px
}
.svg-w-43{
    width:43px;
    height:43px
}
.svg-w-44{
    width:44px;
    height:44px
}
.svg-w-45{
    width:45px;
    height:45px
}
.svg-w-46{
    width:46px;
    height:46px
}
.svg-w-47{
    width:47px;
    height:47px
}
.svg-w-48{
    width:48px;
    height:48px
}
.svg-w-49{
    width:49px;
    height:49px
}
.svg-w-50{
    width:50px;
    height:50px
}
.f-s-normal{
    font-style:normal
}
.f-s-italic{
    font-style:italic
}
.f-s-oblique{
    font-style:oblique
}
.f-s-initial{
    font-style:initial
}
.f-s-inherit{
    font-style:inherit
}
.f-12{
    font-size:12px!important
}
.f-13{
    font-size:13px!important
}
.f-14{
    font-size:14px!important
}
.f-15{
    font-size:15px!important
}
.f-16{
    font-size:16px!important
}
.f-17{
    font-size:17px!important
}
.f-18{
    font-size:18px!important
}
.f-19{
    font-size:19px!important
}
.f-20{
    font-size:20px!important
}
.f-21{
    font-size:21px!important
}
.f-22{
    font-size:22px!important
}
.f-23{
    font-size:23px!important
}
.f-24{
    font-size:24px!important
}
.f-25{
    font-size:25px!important
}
.f-26{
    font-size:26px!important
}
.f-27{
    font-size:27px!important
}
.f-28{
    font-size:28px!important
}
.f-29{
    font-size:29px!important
}
.f-30{
    font-size:30px!important
}
.f-31{
    font-size:31px!important
}
.f-32{
    font-size:32px!important
}
.f-33{
    font-size:33px!important
}
.f-34{
    font-size:34px!important
}
.f-35{
    font-size:35px!important
}
.f-36{
    font-size:36px!important
}
.f-37{
    font-size:37px!important
}
.f-38{
    font-size:38px!important
}
.f-39{
    font-size:39px!important
}
.f-40{
    font-size:40px!important
}
.f-41{
    font-size:41px!important
}
.f-42{
    font-size:42px!important
}
.f-43{
    font-size:43px!important
}
.f-44{
    font-size:44px!important
}
.f-45{
    font-size:45px!important
}
.f-46{
    font-size:46px!important
}
.f-47{
    font-size:47px!important
}
.f-48{
    font-size:48px!important
}
.f-49{
    font-size:49px!important
}
.f-50{
    font-size:50px!important
}
.f-51{
    font-size:51px!important
}
.f-52{
    font-size:52px!important
}
.f-53{
    font-size:53px!important
}
.f-54{
    font-size:54px!important
}
.f-55{
    font-size:55px!important
}
.f-56{
    font-size:56px!important
}
.f-57{
    font-size:57px!important
}
.f-58{
    font-size:58px!important
}
.f-59{
    font-size:59px!important
}
.f-60{
    font-size:60px!important
}
.f-61{
    font-size:61px!important
}
.f-62{
    font-size:62px!important
}
.f-63{
    font-size:63px!important
}
.f-64{
    font-size:64px!important
}
.f-65{
    font-size:65px!important
}
.f-66{
    font-size:66px!important
}
.f-67{
    font-size:67px!important
}
.f-68{
    font-size:68px!important
}
.f-69{
    font-size:69px!important
}
.f-70{
    font-size:70px!important
}
.f-71{
    font-size:71px!important
}
.f-72{
    font-size:72px!important
}
.f-73{
    font-size:73px!important
}
.f-74{
    font-size:74px!important
}
.f-75{
    font-size:75px!important
}
.f-76{
    font-size:76px!important
}
.f-77{
    font-size:77px!important
}
.f-78{
    font-size:78px!important
}
.f-79{
    font-size:79px!important
}
.f-80{
    font-size:80px!important
}
.f-81{
    font-size:81px!important
}
.f-82{
    font-size:82px!important
}
.f-83{
    font-size:83px!important
}
.f-84{
    font-size:84px!important
}
.f-85{
    font-size:85px!important
}
.f-86{
    font-size:86px!important
}
.f-87{
    font-size:87px!important
}
.f-88{
    font-size:88px!important
}
.f-89{
    font-size:89px!important
}
.f-90{
    font-size:90px!important
}
.f-91{
    font-size:91px!important
}
.f-92{
    font-size:92px!important
}
.f-93{
    font-size:93px!important
}
.f-94{
    font-size:94px!important
}
.f-95{
    font-size:95px!important
}
.f-96{
    font-size:96px!important
}
.f-97{
    font-size:97px!important
}
.f-98{
    font-size:98px!important
}
.f-99{
    font-size:99px!important
}
.f-100{
    font-size:100px!important
}
.b-r-0{
    border-radius:0!important
}
.b-r-1{
    border-radius:1px!important
}
.b-r-2{
    border-radius:2px!important
}
.b-r-3{
    border-radius:3px!important
}
.b-r-4{
    border-radius:4px!important
}
.b-r-5{
    border-radius:5px!important
}
.b-r-6{
    border-radius:6px!important
}
.b-r-7{
    border-radius:7px!important
}
.b-r-8{
    border-radius:8px!important
}
.b-r-9{
    border-radius:9px!important
}
.b-r-10{
    border-radius:10px!important
}
.b-r-11{
    border-radius:11px!important
}
.b-r-12{
    border-radius:12px!important
}
.b-r-13{
    border-radius:13px!important
}
.b-r-14{
    border-radius:14px!important
}
.b-r-15{
    border-radius:15px!important
}
.b-r-16{
    border-radius:16px!important
}
.b-r-17{
    border-radius:17px!important
}
.b-r-18{
    border-radius:18px!important
}
.b-r-19{
    border-radius:19px!important
}
.b-r-20{
    border-radius:20px!important
}
.b-r-21{
    border-radius:21px!important
}
.b-r-22{
    border-radius:22px!important
}
.b-r-23{
    border-radius:23px!important
}
.b-r-24{
    border-radius:24px!important
}
.b-r-25{
    border-radius:25px!important
}
.b-r-26{
    border-radius:26px!important
}
.b-r-27{
    border-radius:27px!important
}
.b-r-28{
    border-radius:28px!important
}
.b-r-29{
    border-radius:29px!important
}
.b-r-30{
    border-radius:30px!important
}
.b-r-31{
    border-radius:31px!important
}
.b-r-32{
    border-radius:32px!important
}
.b-r-33{
    border-radius:33px!important
}
.b-r-34{
    border-radius:34px!important
}
.b-r-35{
    border-radius:35px!important
}
.b-r-36{
    border-radius:36px!important
}
.b-r-37{
    border-radius:37px!important
}
.b-r-38{
    border-radius:38px!important
}
.b-r-39{
    border-radius:39px!important
}
.b-r-40{
    border-radius:40px!important
}
.b-r-41{
    border-radius:41px!important
}
.b-r-42{
    border-radius:42px!important
}
.b-r-43{
    border-radius:43px!important
}
.b-r-44{
    border-radius:44px!important
}
.b-r-45{
    border-radius:45px!important
}
.b-r-46{
    border-radius:46px!important
}
.b-r-47{
    border-radius:47px!important
}
.b-r-48{
    border-radius:48px!important
}
.b-r-49{
    border-radius:49px!important
}
.b-r-50{
    border-radius:50px!important
}
.img-10{
    width:10px!important
}
.img-h-10{
    height:10px!important
}
.img-12{
    width:12px!important
}
.img-h-12{
    height:12px!important
}
.img-14{
    width:14px!important
}
.img-h-14{
    height:14px!important
}
.img-16{
    width:16px!important
}
.img-h-16{
    height:16px!important
}
.img-18{
    width:18px!important
}
.img-h-18{
    height:18px!important
}
.img-20{
    width:20px!important
}
.img-h-20{
    height:20px!important
}
.img-22{
    width:22px!important
}
.img-h-22{
    height:22px!important
}
.img-24{
    width:24px!important
}
.img-h-24{
    height:24px!important
}
.img-26{
    width:26px!important
}
.img-h-26{
    height:26px!important
}
.img-28{
    width:28px!important
}
.img-h-28{
    height:28px!important
}
.img-30{
    width:30px!important
}
.img-h-30{
    height:30px!important
}
.img-32{
    width:32px!important
}
.img-h-32{
    height:32px!important
}
.img-34{
    width:34px!important
}
.img-h-34{
    height:34px!important
}
.img-36{
    width:36px!important
}
.img-h-36{
    height:36px!important
}
.img-38{
    width:38px!important
}
.img-h-38{
    height:38px!important
}
.img-40{
    width:40px!important
}
.img-h-40{
    height:40px!important
}
.img-42{
    width:42px!important
}
.img-h-42{
    height:42px!important
}
.img-44{
    width:44px!important
}
.img-h-44{
    height:44px!important
}
.img-46{
    width:46px!important
}
.img-h-46{
    height:46px!important
}
.img-48{
    width:48px!important
}
.img-h-48{
    height:48px!important
}
.img-50{
    width:50px!important
}
.img-h-50{
    height:50px!important
}
.img-52{
    width:52px!important
}
.img-h-52{
    height:52px!important
}
.img-54{
    width:54px!important
}
.img-h-54{
    height:54px!important
}
.img-56{
    width:56px!important
}
.img-h-56{
    height:56px!important
}
.img-58{
    width:58px!important
}
.img-h-58{
    height:58px!important
}
.img-60{
    width:60px!important
}
.img-h-60{
    height:60px!important
}
.img-62{
    width:62px!important
}
.img-h-62{
    height:62px!important
}
.img-64{
    width:64px!important
}
.img-h-64{
    height:64px!important
}
.img-66{
    width:66px!important
}
.img-h-66{
    height:66px!important
}
.img-68{
    width:68px!important
}
.img-h-68{
    height:68px!important
}
.img-70{
    width:70px!important
}
.img-h-70{
    height:70px!important
}
.img-72{
    width:72px!important
}
.img-h-72{
    height:72px!important
}
.img-74{
    width:74px!important
}
.img-h-74{
    height:74px!important
}
.img-76{
    width:76px!important
}
.img-h-76{
    height:76px!important
}
.img-78{
    width:78px!important
}
.img-h-78{
    height:78px!important
}
.img-80{
    width:80px!important
}
.img-h-80{
    height:80px!important
}
.img-82{
    width:82px!important
}
.img-h-82{
    height:82px!important
}
.img-84{
    width:84px!important
}
.img-h-84{
    height:84px!important
}
.img-86{
    width:86px!important
}
.img-h-86{
    height:86px!important
}
.img-88{
    width:88px!important
}
.img-h-88{
    height:88px!important
}
.img-90{
    width:90px!important
}
.img-h-90{
    height:90px!important
}
.img-92{
    width:92px!important
}
.img-h-92{
    height:92px!important
}
.img-94{
    width:94px!important
}
.img-h-94{
    height:94px!important
}
.img-96{
    width:96px!important
}
.img-h-96{
    height:96px!important
}
.img-98{
    width:98px!important
}
.img-h-98{
    height:98px!important
}
.img-100{
    width:100px!important
}
.img-h-100{
    height:100px!important
}
.f-w-100{
    font-weight:100
}
.f-w-300{
    font-weight:300
}
.f-w-500{
    font-weight:500
}
.f-w-400{
    font-weight:400
}
.f-w-600{
    font-weight:600
}
.f-w-700{
    font-weight:700
}
.f-w-800{
    font-weight:800
}
.f-w-900{
    font-weight:900
}
.p-0{
    padding:0
}
.p-t-0{
    padding-top:0!important
}
.p-b-0{
    padding-bottom:0!important
}
.p-l-0{
    padding-left:0
}
.p-r-0{
    padding-right:0
}
.p-5{
    padding:5px
}
.p-t-5{
    padding-top:5px!important
}
.p-b-5{
    padding-bottom:5px!important
}
.p-l-5{
    padding-left:5px
}
.p-r-5{
    padding-right:5px
}
.p-10{
    padding:10px
}
.p-t-10{
    padding-top:10px!important
}
.p-b-10{
    padding-bottom:10px!important
}
.p-l-10{
    padding-left:10px
}
.p-r-10{
    padding-right:10px
}
.p-15{
    padding:15px
}
.p-t-15{
    padding-top:15px!important
}
.p-b-15{
    padding-bottom:15px!important
}
.p-l-15{
    padding-left:15px
}
.p-r-15{
    padding-right:15px
}
.p-20{
    padding:20px
}
.p-t-20{
    padding-top:20px!important
}
.p-b-20{
    padding-bottom:20px!important
}
.p-l-20{
    padding-left:20px
}
.p-r-20{
    padding-right:20px
}
.p-25{
    padding:25px
}
.p-t-25{
    padding-top:25px!important
}
.p-b-25{
    padding-bottom:25px!important
}
.p-l-25{
    padding-left:25px
}
.p-r-25{
    padding-right:25px
}
.p-30{
    padding:30px
}
.p-t-30{
    padding-top:30px!important
}
.p-b-30{
    padding-bottom:30px!important
}
.p-l-30{
    padding-left:30px
}
.p-r-30{
    padding-right:30px
}
.p-35{
    padding:35px
}
.p-t-35{
    padding-top:35px!important
}
.p-b-35{
    padding-bottom:35px!important
}
.p-l-35{
    padding-left:35px
}
.p-r-35{
    padding-right:35px
}
.p-40{
    padding:40px
}
.p-t-40{
    padding-top:40px!important
}
.p-b-40{
    padding-bottom:40px!important
}
.p-l-40{
    padding-left:40px
}
.p-r-40{
    padding-right:40px
}
.p-45{
    padding:45px
}
.p-t-45{
    padding-top:45px!important
}
.p-b-45{
    padding-bottom:45px!important
}
.p-l-45{
    padding-left:45px
}
.p-r-45{
    padding-right:45px
}
.p-50{
    padding:50px
}
.p-t-50{
    padding-top:50px!important
}
.p-b-50{
    padding-bottom:50px!important
}
.p-l-50{
    padding-left:50px
}
.p-r-50{
    padding-right:50px
}
.m-0{
    margin:0
}
.m-t-0{
    margin-top:0!important
}
.m-b-0{
    margin-bottom:0!important
}
.m-l-0{
    margin-left:0
}
.m-r-0{
    margin-right:0
}
.m-5{
    margin:5px
}
.m-t-5{
    margin-top:5px!important
}
.m-b-5{
    margin-bottom:5px!important
}
.m-l-5{
    margin-left:5px
}
.m-r-5{
    margin-right:5px
}
.m-10{
    margin:10px
}
.m-t-10{
    margin-top:10px!important
}
.m-b-10{
    margin-bottom:10px!important
}
.m-l-10{
    margin-left:10px
}
.m-r-10{
    margin-right:10px
}
.m-15{
    margin:15px
}
.m-t-15{
    margin-top:15px!important
}
.m-b-15{
    margin-bottom:15px!important
}
.m-l-15{
    margin-left:15px
}
.m-r-15{
    margin-right:15px
}
.m-20{
    margin:20px
}
.m-t-20{
    margin-top:20px!important
}
.m-b-20{
    margin-bottom:20px!important
}
.m-l-20{
    margin-left:20px
}
.m-r-20{
    margin-right:20px
}
.m-25{
    margin:25px
}
.m-t-25{
    margin-top:25px!important
}
.m-b-25{
    margin-bottom:25px!important
}
.m-l-25{
    margin-left:25px
}
.m-r-25{
    margin-right:25px
}
.m-30{
    margin:30px
}
.m-t-30{
    margin-top:30px!important
}
.m-b-30{
    margin-bottom:30px!important
}
.m-l-30{
    margin-left:30px
}
.m-r-30{
    margin-right:30px
}
.m-35{
    margin:35px
}
.m-t-35{
    margin-top:35px!important
}
.m-b-35{
    margin-bottom:35px!important
}
.m-l-35{
    margin-left:35px
}
.m-r-35{
    margin-right:35px
}
.m-40{
    margin:40px
}
.m-t-40{
    margin-top:40px!important
}
.m-b-40{
    margin-bottom:40px!important
}
.m-l-40{
    margin-left:40px
}
.m-r-40{
    margin-right:40px
}
.m-45{
    margin:45px
}
.m-t-45{
    margin-top:45px!important
}
.m-b-45{
    margin-bottom:45px!important
}
.m-l-45{
    margin-left:45px
}
.m-r-45{
    margin-right:45px
}
.m-50{
    margin:50px
}
.m-t-50{
    margin-top:50px!important
}
.m-b-50{
    margin-bottom:50px!important
}
.m-l-50{
    margin-left:50px
}
.m-r-50{
    margin-right:50px
}
.bg-outline-primary{
    border:1px solid #43B9B2;
    color:#43b9b2;
    background-color:transparent
}
.bg-outline-primary li.breadcrumb-item.active{
    color:#43b9b2
}
.bg-outline-primary li.breadcrumb-item:before{
    color:#43b9b2
}
.bg-outline-primary li.breadcrumb-item a,.bg-outline-primary li.breadcrumb-item a.active{
    color:#43b9b2
}
.bg-outline-secondary{
    border:1px solid #C280D2;
    color:#c280d2;
    background-color:transparent
}
.bg-outline-secondary li.breadcrumb-item.active{
    color:#c280d2
}
.bg-outline-secondary li.breadcrumb-item:before{
    color:#c280d2
}
.bg-outline-secondary li.breadcrumb-item a,.bg-outline-secondary li.breadcrumb-item a.active{
    color:#c280d2
}
.bg-outline-tertiary{
    border:1px solid #FD7E40;
    color:#fd7e40;
    background-color:transparent
}
.bg-outline-tertiary li.breadcrumb-item.active{
    color:#fd7e40
}
.bg-outline-tertiary li.breadcrumb-item:before{
    color:#fd7e40
}
.bg-outline-tertiary li.breadcrumb-item a,.bg-outline-tertiary li.breadcrumb-item a.active{
    color:#fd7e40
}
.bg-outline-warning{
    border:1px solid #F0AD4E;
    color:#f0ad4e;
    background-color:transparent
}
.bg-outline-warning li.breadcrumb-item.active{
    color:#f0ad4e
}
.bg-outline-warning li.breadcrumb-item:before{
    color:#f0ad4e
}
.bg-outline-warning li.breadcrumb-item a,.bg-outline-warning li.breadcrumb-item a.active{
    color:#f0ad4e
}
.bg-outline-info{
    border:1px solid #2E8DD3;
    color:#2e8dd3;
    background-color:transparent
}
.bg-outline-info li.breadcrumb-item.active{
    color:#2e8dd3
}
.bg-outline-info li.breadcrumb-item:before{
    color:#2e8dd3
}
.bg-outline-info li.breadcrumb-item a,.bg-outline-info li.breadcrumb-item a.active{
    color:#2e8dd3
}
.bg-outline-success{
    border:1px solid #17A600;
    color:#17a600;
    background-color:transparent
}
.bg-outline-success li.breadcrumb-item.active{
    color:#17a600
}
.bg-outline-success li.breadcrumb-item:before{
    color:#17a600
}
.bg-outline-success li.breadcrumb-item a,.bg-outline-success li.breadcrumb-item a.active{
    color:#17a600
}
.bg-outline-danger{
    border:1px solid #C42A02;
    color:#c42a02;
    background-color:transparent
}
.bg-outline-danger li.breadcrumb-item.active{
    color:#c42a02
}
.bg-outline-danger li.breadcrumb-item:before{
    color:#c42a02
}
.bg-outline-danger li.breadcrumb-item a,.bg-outline-danger li.breadcrumb-item a.active{
    color:#c42a02
}
.bg-outline-light{
    border:1px solid #F4F5F8;
    color:#f4f5f8;
    background-color:transparent
}
.bg-outline-light li.breadcrumb-item.active{
    color:#f4f5f8
}
.bg-outline-light li.breadcrumb-item:before{
    color:#f4f5f8
}
.bg-outline-light li.breadcrumb-item a,.bg-outline-light li.breadcrumb-item a.active{
    color:#f4f5f8
}
.bg-outline-dark{
    border:1px solid #2C2C31;
    color:#2c2c31;
    background-color:transparent
}
.bg-outline-dark li.breadcrumb-item.active{
    color:#2c2c31
}
.bg-outline-dark li.breadcrumb-item:before{
    color:#2c2c31
}
.bg-outline-dark li.breadcrumb-item a,.bg-outline-dark li.breadcrumb-item a.active{
    color:#2c2c31
}
*{
    scrollbar-width:auto;
    scrollbar-color:var(--scrollbar-color)
}
*::-webkit-scrollbar{
    width:5px;
    height:5px
}
*::-webkit-scrollbar-track{
    background:var(--scrollbar-color)
}
*::-webkit-scrollbar-thumb{
    background-color:var(--scrollbar-color);
    border-radius:10px
}
[data-theme=dark] *::-webkit-scrollbar-thumb{
    background-color:var(--light-color)
}
.txt-primary{
    color:#43b9b2!important
}
.txt-secondary{
    color:#c280d2!important
}
.txt-success{
    color:#17a600!important
}
.txt-danger{
    color:#c42a02!important
}
.txt-info{
    color:#2e8dd3!important
}
.txt-light{
    color:#f4f5f8!important
}
.txt-dark{
    color:#2c2c31!important
}
.txt-warning{
    color:#f0ad4e!important
}
body{
    font-family:Outfit,sans-serif;
    overflow-x:hidden;
    font-size:14px;
    background-color:var(--body-color);
    color:var(--body-font-color);
    letter-spacing:.3px
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    margin:0
}
h1,.h1{
    font-size:30px;
    font-weight:500;
    letter-spacing:.6px
}
@media (max-width: 575.98px){
    h1,.h1{
        font-size:28px
    }
}
h2,.h2{
    font-size:26px;
    font-weight:500;
    letter-spacing:.6px
}
@media (max-width: 575.98px){
    h2,.h2{
        font-size:24px
    }
}
h3,.h3{
    font-size:22px;
    font-weight:400;
    letter-spacing:.6px
}
@media (max-width: 575.98px){
    h3,.h3{
        font-size:20px
    }
}
h4,.h4{
    font-size:20px;
    font-weight:600;
    letter-spacing:.6px
}
[data-theme=dark] h4,[data-theme=dark] .h4{
    color:var(--light-font)
}
@media (max-width: 575.98px){
    h4,.h4{
        font-size:18px
    }
}
@media (max-width: 991.98px){
    h4,.h4{
        font-size:calc(17px + 5 * (100vw - 320px) / 880)
    }
}
h5,.h5{
    font-size:16px;
    font-weight:500;
    line-height:1.4;
    letter-spacing:.6px
}
@media (max-width: 575.98px){
    h5,.h5{
        font-size:14px
    }
}
[data-theme=dark] h5,[data-theme=dark] .h5{
    color:var(--light-font)
}
h6,.h6{
    font-size:14px;
    font-weight:400;
    line-height:1;
    letter-spacing:.6px
}
[data-theme=dark] h6,[data-theme=dark] .h6{
    color:var(--light-font)
}
span{
    font-weight:400
}
[data-theme=dark] span{
    color:var(--light-font)
}
span{
    display:inline-block
}
p{
    font-size:14px;
    margin-bottom:0;
    letter-spacing:.3px
}
[data-theme=dark] p{
    color:var(--light-font)
}
hr{
    border:var(--light-border);
    opacity:inherit
}
.default-border{
    border:var(--light-border)!important
}
.solid-border{
    border:1px solid var(--solid-border)
}
a{
    font-size:14px;
    text-decoration:none;
    color:var(--body-font-color);
    transition:.5s all
}
a:hover{
    color:var(--theme-default);
    transition:.5s all;
    text-decoration:none
}
a:focus-visible{
    outline:none
}
pre{
    background-color:#43b9b21a;
    padding:20px 12px;
    border:var(--light-border)
}
blockquote{
    padding:14px
}
blockquote[class*=b-]{
    border-width:4px!important
}
blockquote .blockquote-footer{
    font-size:14px
}
.list-circle{
    list-style:circle
}
[data-theme=dark] .list-circle li{
    color:var(--light-font)
}
.comment{
    color:var(--light-font);
    font-style:italic
}
.tap-top{
    text-align:center;
    cursor:pointer;
    display:none;
    width:40px;
    height:40px;
    border-radius:100%;
    position:fixed;
    bottom:30px;
    right:30px;
    z-index:5;
    color:var(--white);
    background:var(--theme-default);
    border:none;
    padding:7px;
    box-shadow:0 0 10px #43b9b2;
    opacity:.6;
    transition:all .3s ease
}
.tap-top svg{
    width:20px;
    height:20px;
    stroke:var(--white)
}
.disabled{
    cursor:not-allowed;
    opacity:.5
}
.my-gallery{
    display:flex;
    flex-wrap:wrap;
    gap:20px 46px
}
.my-gallery .grid-item{
    text-align:center;
    margin:0
}
.my-gallery figcaption{
    display:none
}
.animation-style{
    display:flex;
    gap:unset;
    margin-bottom:0!important
}
.animation-style .my-gallery .pswp-gallery{
    margin-bottom:25px
}
.animation-style .my-gallery .pswp-gallery .img-thumbnail{
    border:var(--light-border)
}
[data-theme=dark] .animation-style .my-gallery .pswp-gallery .img-thumbnail{
    border-color:var(--light-font)
}
.typography-table thead tr th{
    font-weight:600
}
@media (max-width: 767.98px){
    .typography-table thead tr th{
        min-width:105px
    }
}
.typography-table tbody tr td:first-child{
    min-width:85px
}
.card-wrapper{
    padding:14px
}
.card-wrapper dl dt{
    font-weight:500
}
.clipboaard-container h6,.clipboaard-container .h6{
    line-height:1.6;
    font-size:14px
}
.clipboaard-container p{
    margin-bottom:8px
}
.listing .card-body .card-wrapper{
    border:var(--light-border);
    color:var(--body-font-color)
}
.listing .card-body .card-wrapper .sub-title{
    font-size:16px;
    margin-bottom:12px
}
.listing .card-body .card-wrapper ul li{
    margin-bottom:5px
}
.listing .card-body .card-wrapper ul li:last-child{
    margin-bottom:0
}
.listing .card-body .card-wrapper dl dt{
    font-weight:600
}
.svg-color{
    width:24px;
    height:24px;
    stroke:var(--body-font-color)
}
.feather{
    width:24px;
    height:24px;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    fill:none
}
.svg-white{
    stroke:var(--white)
}
ul{
    margin:0;
    padding:0
}
ul li{
    display:block
}
[data-theme=dark] .bg-white{
    background-color:var(--card-color)!important
}
.accordion .accordion-item{
    border:var(--light-border);
    border-radius:0
}
[data-theme=dark] .accordion .accordion-item{
    color:var(--body-font-color);
    background-color:var(--card-color)
}
.accordion .accordion-item+.accordion-item{
    border-top:0
}
.accordion .accordion-body p{
    margin-bottom:0
}
.accordion .nested-accordion{
    padding:0 12px
}
@media (max-width: 575.98px){
    .accordion .nested-accordion{
        width:100%!important
    }
}
.accordion .nested-accordion .accordion-item .accordion-header .accordion-button{
    padding:12px 16px
}
.nestings .accordion .d-flex{
    margin:0 -12px
}
@media (max-width: 575.98px){
    .nestings .accordion .d-flex{
        display:contents!important
    }
}
.outline-accordion .accordion-item{
    border:0
}
.outline-accordion .accordion-item .accordion-button:not(.collapsed){
    background-color:unset
}
.outline-accordion .accordion-item .accordion-button:not(.collapsed) .accordion-header{
    color:#2e8dd3
}
.outline-accordion .accordion-item+.accordion-item{
    border-top:0
}
.collapse-horizontal .card-body{
    width:300px
}
.accordion-flush{
    border:0
}
.accordion-flush .accordion-item .accordion-button:not(.collapsed){
    box-shadow:none
}
.accordion-flush .accordion-item .accordion-button[aria-expanded=true],[data-theme=dark] .accordion-flush .accordion-item .accordion-button[aria-expanded=true]{
    background-color:#fd7e401a;
    color:#fd7e40
}
[data-theme=dark] .accordion-flush .accordion-item .accordion-button{
    background-color:var(--card-color);
    color:var(--body-font-color)
}
.multi-collapse .card-body{
    border:var(--light-border)
}
.icons-accordion .accordion-item .accordion-header .accordion-button{
    position:relative
}
.icons-accordion .accordion-item .accordion-header .accordion-button svg{
    width:18px;
    height:18px
}
.icons-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after{
    transform:none
}
.icons-accordion .accordion-item .accordion-header .accordion-button:before{
    background:var(--theme-secondary);
    content:"";
    height:2px;
    margin-right:37px;
    position:absolute;
    right:0;
    top:50%;
    transform:rotate(90deg);
    transition:all .2s ease-in-out;
    width:14px
}
.icons-accordion .accordion-item .accordion-header .accordion-button:after{
    background:var(--theme-secondary);
    content:"";
    height:2px;
    margin-right:37px;
    filter:none;
    position:absolute;
    right:0;
    top:50%;
    width:14px
}
.icons-accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true]:before{
    transform:rotate(0)
}
.accordion-button:focus{
    box-shadow:none
}
.accordion-button:after{
    width:15px;
    height:12px;
    background-size:.875rem;
    filter:brightness(.4)
}
[data-theme=dark] .accordion-button:after{
    filter:brightness(.4) invert(1)
}
.accordion-light-primary{
    background-color:#43b9b21a;
    color:#43b9b2
}
.accordion-light-primary:not(.collapsed){
    background-color:#43b9b21a;
    color:#43b9b2;
    box-shadow:none
}
.accordion-light-secondary{
    background-color:#c280d21a;
    color:#c280d2
}
.accordion-light-secondary:not(.collapsed){
    background-color:#c280d21a;
    color:#c280d2;
    box-shadow:none
}
.accordion-light-tertiary{
    background-color:#fd7e401a;
    color:#fd7e40
}
.accordion-light-tertiary:not(.collapsed){
    background-color:#fd7e401a;
    color:#fd7e40;
    box-shadow:none
}
.accordion-light-warning{
    background-color:#f0ad4e1a;
    color:#f0ad4e
}
.accordion-light-warning:not(.collapsed){
    background-color:#f0ad4e1a;
    color:#f0ad4e;
    box-shadow:none
}
.accordion-light-info{
    background-color:#2e8dd31a;
    color:#2e8dd3
}
.accordion-light-info:not(.collapsed){
    background-color:#2e8dd31a;
    color:#2e8dd3;
    box-shadow:none
}
.accordion-light-success{
    background-color:#17a6001a;
    color:#17a600
}
.accordion-light-success:not(.collapsed){
    background-color:#17a6001a;
    color:#17a600;
    box-shadow:none
}
.accordion-light-danger{
    background-color:#c42a021a;
    color:#c42a02
}
.accordion-light-danger:not(.collapsed){
    background-color:#c42a021a;
    color:#c42a02;
    box-shadow:none
}
.accordion-light-light{
    background-color:#f4f5f81a;
    color:#f4f5f8
}
.accordion-light-light:not(.collapsed){
    background-color:#f4f5f81a;
    color:#f4f5f8;
    box-shadow:none
}
.accordion-light-dark{
    background-color:#2c2c311a;
    color:#2c2c31
}
.accordion-light-dark:not(.collapsed){
    background-color:#2c2c311a;
    color:#2c2c31;
    box-shadow:none
}
.default-according.style-1 button{
    width:100%;
    text-align:left
}
.faq-wrap .faq-accordion.default-according .card .faq-header{
    padding:20px 20px 0!important
}
.default-according .card .card-header i{
    font-size:14px;
    top:24px
}
.default-according .card .btn-link{
    display:block;
    width:100%;
    padding-left:17px
}
.default-according .card{
    margin-bottom:0;
    box-shadow:none
}
.default-according .card+.card{
    margin-top:10px
}
[data-theme=dark] .accordion-button:not(.collapsed){
    box-shadow:var(--card-box-shadow)
}
.alert-primary{
    background-color:#43b9b2;
    border:1px solid #43B9B2;
    color:#fff
}
.alert-light-primary{
    background-color:#43b9b233;
    color:#43b9b2
}
.alert-secondary{
    background-color:#c280d2;
    border:1px solid #C280D2;
    color:#fff
}
.alert-light-secondary{
    background-color:#c280d233;
    color:#c280d2
}
.alert-tertiary{
    background-color:#fd7e40;
    border:1px solid #FD7E40;
    color:#fff
}
.alert-light-tertiary{
    background-color:#fd7e4033;
    color:#fd7e40
}
.alert-warning{
    background-color:#f0ad4e;
    border:1px solid #F0AD4E;
    color:#fff
}
.alert-light-warning{
    background-color:#f0ad4e33;
    color:#f0ad4e
}
.alert-info{
    background-color:#2e8dd3;
    border:1px solid #2E8DD3;
    color:#fff
}
.alert-light-info{
    background-color:#2e8dd333;
    color:#2e8dd3
}
.alert-success{
    background-color:#17a600;
    border:1px solid #17A600;
    color:#fff
}
.alert-light-success{
    background-color:#17a60033;
    color:#17a600
}
.alert-danger{
    background-color:#c42a02;
    border:1px solid #C42A02;
    color:#fff
}
.alert-light-danger{
    background-color:#c42a0233;
    color:#c42a02
}
.alert-light{
    background-color:#f4f5f8;
    border:1px solid #F4F5F8;
    color:#fff
}
.alert-light-light{
    background-color:#f4f5f833;
    color:#f4f5f8
}
.alert-dark{
    background-color:#2c2c31;
    border:1px solid #2C2C31;
    color:#fff
}
.alert-light-dark{
    background-color:#2c2c3133;
    color:#2c2c31
}
.alert-light{
    color:var(--body-font-color)
}
.alert-light-light{
    background-color:#f4f5f880;
    color:var(--body-font-color)
}
[data-theme=dark] .btn-close{
    filter:brightness(.5) invert(1)
}
@media screen and (max-width: 991px){
    [data-theme=dark] .btn-close{
        right:20px;
        top:20px;
        filter:brightness(.8)
    }
}
.notify-alert .close{
    background:unset;
    border:none;
    font-size:25px
}
.alert{
    border-radius:.15rem;
    padding:12px
}
.alert[class*=bg-light-] h5,.alert[class*=bg-light-] .h5{
    font-size:17px
}
.alert .feather{
    width:16px;
    height:16px;
    vertical-align:middle
}
.alert [data-notify=message]{
    display:inline-block;
    width:100%;
    text-align:center
}
.alert .btn-close{
    top:50%;
    transform:translateY(-50%)
}
.alert .btn-close:focus{
    box-shadow:unset
}
.alert-dismissible{
    padding-right:2.5rem
}
.alert-dismissible .btn-close{
    padding:15px;
    z-index:1
}
.alert-dismissible .close{
    padding:10px 1.25rem;
    top:4px;
    padding-right:13px;
    opacity:.5;
    transition:all .3s ease
}
.alert-dismissible .close:hover{
    transition:all .3s ease;
    opacity:1;
    color:inherit
}
.alert-dismissible{
    display:flex;
    align-items:center;
    gap:8px
}
.alert.notify-alert.alert-copy{
    display:flex!important
}
.live-dark div[class*=b-]{
    border-width:2px!important
}
.alert-arrow{
    min-width:46px;
    height:46px;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative
}
.alert-arrow i{
    margin-right:0
}
.card-body button:focus{
    outline:none
}
.card-body .alert:last-child{
    margin-bottom:0
}
.card-body .alert svg{
    width:14px;
    height:14px;
    margin-right:4px;
    position:absolute;
    top:18px
}
.card-body .alert svg~p{
    padding-left:20px
}
.avatars .avatar{
    display:inline-block;
    margin-right:10px;
    position:relative;
    width:auto
}
.avatars .avatar:last-child{
    margin-right:0
}
.avatars .avatar.ratio img{
    width:auto
}
.avatars .avatar .status{
    position:absolute;
    height:12%;
    width:12%;
    border-radius:100%;
    bottom:12%;
    right:4%
}
.avatars .avatar .img-100{
    width:calc(75px + 25 * (100vw - 320px) / 1600)!important;
    height:calc(75px + 25 * (100vw - 320px) / 1600)
}
.avatars .avatar .img-90{
    width:calc(65px + 25 * (100vw - 320px) / 1600)!important;
    height:calc(65px + 25 * (100vw - 320px) / 1600)
}
.avatars .avatar .img-80{
    width:calc(55px + 25 * (100vw - 320px) / 1600)!important;
    height:calc(55px + 25 * (100vw - 320px) / 1600)
}
.avatars .avatar .img-70{
    width:calc(45px + 25 * (100vw - 320px) / 1600)!important;
    height:calc(45px + 25 * (100vw - 320px) / 1600)
}
.icon-avatar .avatars{
    display:flex
}
.icon-avatar .avatars .avatar{
    width:42px;
    height:42px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center
}
.status-offline{
    background-color:#c42a02
}
.status-online{
    background-color:#17a600
}
.status-dnd{
    background-color:#f0ad4e
}
.customers ul{
    display:inline-block
}
.customers ul li img{
    border:2px solid var(--white);
    transition:.5s
}
.customers ul li img:hover{
    transform:translateY(-4px) scale(1.02);
    transition:.5s
}
[data-theme=dark] .customers ul li img{
    border:2px solid var(--light-color)
}
.customers ul li+li{
    margin-left:-12%
}
.customers.avatar-group{
    margin-right:10px
}
.customers.avatar-group ul li:last-child span{
    width:40px;
    height:40px;
    font-weight:500;
    vertical-align:middle;
    border:2px solid var(--light-color);
    background-color:var(--card-color);
    display:flex;
    align-items:center;
    justify-content:center
}
.customers.avatar-group:last-child{
    margin-right:0
}
.avatar-showcase{
    margin-bottom:-10px
}
.avatar-showcase .avatars .avatar,.avatar-showcase .avatar-group{
    margin-bottom:10px
}
.avatar-showcase .ratio>*{
    position:relative;
    top:unset;
    left:unset
}
.btn{
    font-size:15px;
    font-weight:500;
    padding:6px 20px;
    letter-spacing:.3px
}
.btn-showcase{
    margin-bottom:-10px
}
.btn-showcase .btn{
    margin-bottom:10px;
    margin-right:10px
}
.btn-lg,.btn-group-lg>.btn{
    font-size:18px
}
.btn-sm,.btn-group-sm>.btn{
    font-size:12px
}
.btn-xs{
    padding:.05rem .4rem;
    font-size:11px
}
.btn-primary{
    background-color:#43b9b2;
    border:1px solid #43B9B2;
    border-radius:5px;
    color:#fff
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active:focus,.btn-primary.show{
    background-color:#43b9b2;
    border-color:#43b9b2;
    color:#fff
}
.btn-primary:first-child:active{
    background-color:#43b9b2;
    border-color:#43b9b2;
    color:#fff
}
.btn-light-primary{
    background-color:#43b9b21a;
    color:#43b9b2!important
}
[data-theme=dark] .btn-light-primary span{
    color:#43b9b2!important
}
.btn-light-primary:hover,.btn-light-primary:focus,.btn-light-primary:active:focus,.btn-light-primary:active{
    background-color:#43b9b21a;
    color:#43b9b2!important
}
.btn-secondary{
    background-color:#c280d2;
    border:1px solid #C280D2;
    border-radius:5px;
    color:#fff
}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active:focus,.btn-secondary.show{
    background-color:#c280d2;
    border-color:#c280d2;
    color:#fff
}
.btn-secondary:first-child:active{
    background-color:#c280d2;
    border-color:#c280d2;
    color:#fff
}
.btn-light-secondary{
    background-color:#c280d21a;
    color:#c280d2!important
}
[data-theme=dark] .btn-light-secondary span{
    color:#c280d2!important
}
.btn-light-secondary:hover,.btn-light-secondary:focus,.btn-light-secondary:active:focus,.btn-light-secondary:active{
    background-color:#c280d21a;
    color:#c280d2!important
}
.btn-tertiary{
    background-color:#fd7e40;
    border:1px solid #FD7E40;
    border-radius:5px;
    color:#fff
}
.btn-tertiary:hover,.btn-tertiary:focus,.btn-tertiary:active:focus,.btn-tertiary.show{
    background-color:#fd7e40;
    border-color:#fd7e40;
    color:#fff
}
.btn-tertiary:first-child:active{
    background-color:#fd7e40;
    border-color:#fd7e40;
    color:#fff
}
.btn-light-tertiary{
    background-color:#fd7e401a;
    color:#fd7e40!important
}
[data-theme=dark] .btn-light-tertiary span{
    color:#fd7e40!important
}
.btn-light-tertiary:hover,.btn-light-tertiary:focus,.btn-light-tertiary:active:focus,.btn-light-tertiary:active{
    background-color:#fd7e401a;
    color:#fd7e40!important
}
.btn-warning{
    background-color:#f0ad4e;
    border:1px solid #F0AD4E;
    border-radius:5px;
    color:#fff
}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active:focus,.btn-warning.show{
    background-color:#f0ad4e;
    border-color:#f0ad4e;
    color:#fff
}
.btn-warning:first-child:active{
    background-color:#f0ad4e;
    border-color:#f0ad4e;
    color:#fff
}
.btn-light-warning{
    background-color:#f0ad4e1a;
    color:#f0ad4e!important
}
[data-theme=dark] .btn-light-warning span{
    color:#f0ad4e!important
}
.btn-light-warning:hover,.btn-light-warning:focus,.btn-light-warning:active:focus,.btn-light-warning:active{
    background-color:#f0ad4e1a;
    color:#f0ad4e!important
}
.btn-info{
    background-color:#2e8dd3;
    border:1px solid #2E8DD3;
    border-radius:5px;
    color:#fff
}
.btn-info:hover,.btn-info:focus,.btn-info:active:focus,.btn-info.show{
    background-color:#2e8dd3;
    border-color:#2e8dd3;
    color:#fff
}
.btn-info:first-child:active{
    background-color:#2e8dd3;
    border-color:#2e8dd3;
    color:#fff
}
.btn-light-info{
    background-color:#2e8dd31a;
    color:#2e8dd3!important
}
[data-theme=dark] .btn-light-info span{
    color:#2e8dd3!important
}
.btn-light-info:hover,.btn-light-info:focus,.btn-light-info:active:focus,.btn-light-info:active{
    background-color:#2e8dd31a;
    color:#2e8dd3!important
}
.btn-success{
    background-color:#17a600;
    border:1px solid #17A600;
    border-radius:5px;
    color:#fff
}
.btn-success:hover,.btn-success:focus,.btn-success:active:focus,.btn-success.show{
    background-color:#17a600;
    border-color:#17a600;
    color:#fff
}
.btn-success:first-child:active{
    background-color:#17a600;
    border-color:#17a600;
    color:#fff
}
.btn-light-success{
    background-color:#17a6001a;
    color:#17a600!important
}
[data-theme=dark] .btn-light-success span{
    color:#17a600!important
}
.btn-light-success:hover,.btn-light-success:focus,.btn-light-success:active:focus,.btn-light-success:active{
    background-color:#17a6001a;
    color:#17a600!important
}
.btn-danger{
    background-color:#c42a02;
    border:1px solid #C42A02;
    border-radius:5px;
    color:#fff
}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active:focus,.btn-danger.show{
    background-color:#c42a02;
    border-color:#c42a02;
    color:#fff
}
.btn-danger:first-child:active{
    background-color:#c42a02;
    border-color:#c42a02;
    color:#fff
}
.btn-light-danger{
    background-color:#c42a021a;
    color:#c42a02!important
}
[data-theme=dark] .btn-light-danger span{
    color:#c42a02!important
}
.btn-light-danger:hover,.btn-light-danger:focus,.btn-light-danger:active:focus,.btn-light-danger:active{
    background-color:#c42a021a;
    color:#c42a02!important
}
.btn-light{
    background-color:#f4f5f8;
    border:1px solid #F4F5F8;
    border-radius:5px;
    color:#fff
}
.btn-light:hover,.btn-light:focus,.btn-light:active:focus,.btn-light.show{
    background-color:#f4f5f8;
    border-color:#f4f5f8;
    color:#fff
}
.btn-light:first-child:active{
    background-color:#f4f5f8;
    border-color:#f4f5f8;
    color:#fff
}
.btn-light-light{
    background-color:#f4f5f81a;
    color:#f4f5f8!important
}
[data-theme=dark] .btn-light-light span{
    color:#f4f5f8!important
}
.btn-light-light:hover,.btn-light-light:focus,.btn-light-light:active:focus,.btn-light-light:active{
    background-color:#f4f5f81a;
    color:#f4f5f8!important
}
.btn-dark{
    background-color:#2c2c31;
    border:1px solid #2C2C31;
    border-radius:5px;
    color:#fff
}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active:focus,.btn-dark.show{
    background-color:#2c2c31;
    border-color:#2c2c31;
    color:#fff
}
.btn-dark:first-child:active{
    background-color:#2c2c31;
    border-color:#2c2c31;
    color:#fff
}
.btn-light:hover{
    color:#2c2c31
}
.btn-light-dark{
    background-color:#2c2c311a;
    color:#2c2c31!important
}
[data-theme=dark] .btn-light-dark span{
    color:#2c2c31!important
}
.btn-light-dark:hover,.btn-light-dark:focus,.btn-light-dark:active:focus,.btn-light-dark:active{
    background-color:#2c2c311a;
    color:#2c2c31!important
}
.line-primary:before{
    content:"";
    height:28px;
    width:4px;
    background-color:#43b9b2;
    border-radius:10px
}
.line-secondary:before{
    content:"";
    height:28px;
    width:4px;
    background-color:#c280d2;
    border-radius:10px
}
.line-tertiary:before{
    content:"";
    height:28px;
    width:4px;
    background-color:#fd7e40;
    border-radius:10px
}
.line-warning:before{
    content:"";
    height:28px;
    width:4px;
    background-color:#f0ad4e;
    border-radius:10px
}
.line-info:before{
    content:"";
    height:28px;
    width:4px;
    background-color:#2e8dd3;
    border-radius:10px
}
.line-success:before{
    content:"";
    height:28px;
    width:4px;
    background-color:#17a600;
    border-radius:10px
}
.line-danger:before{
    content:"";
    height:28px;
    width:4px;
    background-color:#c42a02;
    border-radius:10px
}
.line-light:before{
    content:"";
    height:28px;
    width:4px;
    background-color:#f4f5f8;
    border-radius:10px
}
.line-dark:before{
    content:"";
    height:28px;
    width:4px;
    background-color:#2c2c31;
    border-radius:10px
}
.btn-outline-primary{
    background-color:var(--white);
    border:1px solid #43B9B2!important;
    color:#43b9b2
}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active:focus,.btn-outline-primary:not(:first-child):active{
    background-color:#43b9b2;
    border-color:#43b9b2;
    color:var(--white)
}
[data-theme=dark] .btn-outline-primary{
    background-color:transparent;
    color:var(--body-font-color)
}
[data-theme=dark] .btn-outline-primary:hover,[data-theme=dark] .btn-outline-primary:focus,[data-theme=dark] .btn-outline-primary:active:focus{
    background-color:#43b9b2
}
[data-theme=dark] .input-group-page .btn-outline-primary{
    border:1px solid #43B9B2!important
}
.btn-outline-secondary{
    background-color:var(--white);
    border:1px solid #C280D2!important;
    color:#c280d2
}
.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active:focus,.btn-outline-secondary:not(:first-child):active{
    background-color:#c280d2;
    border-color:#c280d2;
    color:var(--white)
}
[data-theme=dark] .btn-outline-secondary{
    background-color:transparent;
    color:var(--body-font-color)
}
[data-theme=dark] .btn-outline-secondary:hover,[data-theme=dark] .btn-outline-secondary:focus,[data-theme=dark] .btn-outline-secondary:active:focus{
    background-color:#c280d2
}
[data-theme=dark] .input-group-page .btn-outline-secondary{
    border:1px solid #C280D2!important
}
.btn-outline-tertiary{
    background-color:var(--white);
    border:1px solid #FD7E40!important;
    color:#fd7e40
}
.btn-outline-tertiary:hover,.btn-outline-tertiary:focus,.btn-outline-tertiary:active:focus,.btn-outline-tertiary:not(:first-child):active{
    background-color:#fd7e40;
    border-color:#fd7e40;
    color:var(--white)
}
[data-theme=dark] .btn-outline-tertiary{
    background-color:transparent;
    color:var(--body-font-color)
}
[data-theme=dark] .btn-outline-tertiary:hover,[data-theme=dark] .btn-outline-tertiary:focus,[data-theme=dark] .btn-outline-tertiary:active:focus{
    background-color:#fd7e40
}
[data-theme=dark] .input-group-page .btn-outline-tertiary{
    border:1px solid #FD7E40!important
}
.btn-outline-warning{
    background-color:var(--white);
    border:1px solid #F0AD4E!important;
    color:#f0ad4e
}
.btn-outline-warning:hover,.btn-outline-warning:focus,.btn-outline-warning:active:focus,.btn-outline-warning:not(:first-child):active{
    background-color:#f0ad4e;
    border-color:#f0ad4e;
    color:var(--white)
}
[data-theme=dark] .btn-outline-warning{
    background-color:transparent;
    color:var(--body-font-color)
}
[data-theme=dark] .btn-outline-warning:hover,[data-theme=dark] .btn-outline-warning:focus,[data-theme=dark] .btn-outline-warning:active:focus{
    background-color:#f0ad4e
}
[data-theme=dark] .input-group-page .btn-outline-warning{
    border:1px solid #F0AD4E!important
}
.btn-outline-info{
    background-color:var(--white);
    border:1px solid #2E8DD3!important;
    color:#2e8dd3
}
.btn-outline-info:hover,.btn-outline-info:focus,.btn-outline-info:active:focus,.btn-outline-info:not(:first-child):active{
    background-color:#2e8dd3;
    border-color:#2e8dd3;
    color:var(--white)
}
[data-theme=dark] .btn-outline-info{
    background-color:transparent;
    color:var(--body-font-color)
}
[data-theme=dark] .btn-outline-info:hover,[data-theme=dark] .btn-outline-info:focus,[data-theme=dark] .btn-outline-info:active:focus{
    background-color:#2e8dd3
}
[data-theme=dark] .input-group-page .btn-outline-info{
    border:1px solid #2E8DD3!important
}
.btn-outline-success{
    background-color:var(--white);
    border:1px solid #17A600!important;
    color:#17a600
}
.btn-outline-success:hover,.btn-outline-success:focus,.btn-outline-success:active:focus,.btn-outline-success:not(:first-child):active{
    background-color:#17a600;
    border-color:#17a600;
    color:var(--white)
}
[data-theme=dark] .btn-outline-success{
    background-color:transparent;
    color:var(--body-font-color)
}
[data-theme=dark] .btn-outline-success:hover,[data-theme=dark] .btn-outline-success:focus,[data-theme=dark] .btn-outline-success:active:focus{
    background-color:#17a600
}
[data-theme=dark] .input-group-page .btn-outline-success{
    border:1px solid #17A600!important
}
.btn-outline-danger{
    background-color:var(--white);
    border:1px solid #C42A02!important;
    color:#c42a02
}
.btn-outline-danger:hover,.btn-outline-danger:focus,.btn-outline-danger:active:focus,.btn-outline-danger:not(:first-child):active{
    background-color:#c42a02;
    border-color:#c42a02;
    color:var(--white)
}
[data-theme=dark] .btn-outline-danger{
    background-color:transparent;
    color:var(--body-font-color)
}
[data-theme=dark] .btn-outline-danger:hover,[data-theme=dark] .btn-outline-danger:focus,[data-theme=dark] .btn-outline-danger:active:focus{
    background-color:#c42a02
}
[data-theme=dark] .input-group-page .btn-outline-danger{
    border:1px solid #C42A02!important
}
.btn-outline-light{
    background-color:var(--white);
    border:1px solid #F4F5F8!important;
    color:#f4f5f8
}
.btn-outline-light:hover,.btn-outline-light:focus,.btn-outline-light:active:focus,.btn-outline-light:not(:first-child):active{
    background-color:#f4f5f8;
    border-color:#f4f5f8;
    color:var(--white)
}
[data-theme=dark] .btn-outline-light{
    background-color:transparent;
    color:var(--body-font-color)
}
[data-theme=dark] .btn-outline-light:hover,[data-theme=dark] .btn-outline-light:focus,[data-theme=dark] .btn-outline-light:active:focus{
    background-color:#f4f5f8
}
[data-theme=dark] .input-group-page .btn-outline-light{
    border:1px solid #F4F5F8!important
}
.btn-outline-dark{
    background-color:var(--white);
    border:1px solid #2C2C31!important;
    color:#2c2c31
}
.btn-outline-dark:hover,.btn-outline-dark:focus,.btn-outline-dark:active:focus,.btn-outline-dark:not(:first-child):active{
    background-color:#2c2c31;
    border-color:#2c2c31;
    color:var(--white)
}
[data-theme=dark] .btn-outline-dark{
    background-color:transparent;
    color:var(--body-font-color)
}
[data-theme=dark] .btn-outline-dark:hover,[data-theme=dark] .btn-outline-dark:focus,[data-theme=dark] .btn-outline-dark:active:focus{
    background-color:#2c2c31
}
[data-theme=dark] .input-group-page .btn-outline-dark{
    border:1px solid #2C2C31!important
}
.btn.btn-tertiary:hover,.btn.btn-info:hover,.btn.btn-warning:hover{
    color:#fff
}
.btn-primary-gradien{
    background-image:linear-gradient(to right,#60c5bf,#389b95 51%,#60c5bf);
    border:none;
    background-size:auto 200%;
    transition:all .3s ease;
    color:#fff
}
.btn-primary-gradien:focus,.btn-primary-gradien:active,.btn-primary-gradien.active{
    transition:1.5s;
    background-position:right center;
    background-image:linear-gradient(to right,#60c5bf,0%,#389b95,100%,#fff)!important
}
.btn-secondary-gradien{
    background-image:linear-gradient(to right,#d09edd,#b462c7 51%,#d09edd);
    border:none;
    color:#fff;
    background-size:auto 200%;
    transition:all .3s ease
}
.btn-secondary-gradien:hover,.btn-secondary-gradien:focus,.btn-secondary-gradien:active,.btn-secondary-gradien.active,.btn-secondary-gradien.hover{
    transition:1.5s;
    background-position:right center;
    background-image:linear-gradient(to right,#d09edd,0%,#b462c7,100%,#fff)!important
}
.btn-tertiary-gradien{
    background-image:linear-gradient(to right,#fd9968,#fd6318 51%,#fd9968);
    border:none;
    color:#fff;
    background-size:auto 200%;
    transition:all .3s ease
}
.btn-tertiary-gradien:hover,.btn-tertiary-gradien:focus,.btn-tertiary-gradien:active,.btn-tertiary-gradien.active,.btn-tertiary-gradien.hover{
    transition:1.5s;
    background-position:right center;
    background-image:linear-gradient(to right,#fd9968,0%,#fd6318,100%,#fff)!important
}
.btn-success-gradien{
    background-image:linear-gradient(to right,#1dcf00,#117d00 51%,#1dcf00);
    border:none;
    color:#fff;
    background-size:auto 200%;
    transition:all .3s ease
}
.btn-success-gradien:hover,.btn-success-gradien:focus,.btn-success-gradien:active,.btn-success-gradien.active,.btn-success-gradien.hover{
    transition:1.5s;
    background-position:right center;
    background-image:linear-gradient(to right,#1dcf00,0%,#117d00,100%,#fff)!important
}
.btn-danger-gradien{
    background-image:linear-gradient(to right,#ec3302,#9c2102 51%,#ec3302);
    border:none;
    color:#fff;
    background-size:auto 200%;
    transition:all .3s ease
}
.btn-danger-gradien:hover,.btn-danger-gradien:focus,.btn-danger-gradien:active,.btn-danger-gradien.active,.btn-danger-gradien.hover{
    transition:1.5s;
    background-position:right center;
    background-image:linear-gradient(to right,#ec3302,0%,#9c2102,100%,#fff)!important
}
.btn-warning-gradien{
    background-image:linear-gradient(to right,#f3be74,#ed9c28 51%,#f3be74);
    border:none;
    color:#fff;
    background-size:auto 200%;
    transition:all .3s ease
}
.btn-warning-gradien:hover,.btn-warning-gradien:focus,.btn-warning-gradien:active,.btn-warning-gradien.active,.btn-warning-gradien.hover{
    transition:1.5s;
    background-position:right center;
    background-image:linear-gradient(to right,#f3be74,0%,#ed9c28,100%,#fff)!important
}
.btn-info-gradien{
    background-image:linear-gradient(to right,#509fda,#2677b3 51%,#509fda);
    border:none;
    color:#fff;
    background-size:auto 200%;
    transition:all .3s ease
}
.btn-info-gradien:hover,.btn-info-gradien:focus,.btn-info-gradien:active,.btn-info-gradien.active,.btn-info-gradien.hover{
    transition:1.5s;
    background-position:right center;
    background-image:linear-gradient(to right,#509fda,0%,#2677b3,100%,#fff)!important
}
.btn-light-gradien{
    background-image:linear-gradient(to right,#fff,#dbdee8 51%,#fff);
    border:none;
    color:#fff;
    background-size:auto 200%;
    transition:all .3s ease
}
.btn-light-gradien:hover,.btn-light-gradien:focus,.btn-light-gradien:active,.btn-light-gradien.active,.btn-light-gradien.hover{
    transition:1.5s;
    background-position:right center;
    background-image:linear-gradient(to right,#fff,0%,#dbdee8,100%,#fff)!important
}
.btn-dark-gradien{
    background-image:linear-gradient(to right,#3f3f46,#19191c 51%,#3f3f46);
    border:none;
    color:#fff;
    background-size:auto 200%;
    transition:all .3s ease
}
.btn-dark-gradien:hover,.btn-dark-gradien:focus,.btn-dark-gradien:active,.btn-dark-gradien.active,.btn-dark-gradien.hover{
    transition:1.5s;
    background-position:right center;
    background-image:linear-gradient(to right,#3f3f46,0%,#19191c,100%,#fff)!important
}
.btn-gradient{
    color:#fff!important;
    font-weight:500;
    padding:10px 30px;
    border-radius:5px;
    letter-spacing:.06rem
}
.btn-gradient:hover{
    background-size:100%!important
}
[class*=-gradien]:hover{
    background-size:50% 100%;
    transition:all .3s ease;
    color:#fff
}
.b-w-0.b-l-primary{
    border-left:0px solid #43B9B2!important
}
[dir=rtl] .b-w-0.b-l-primary{
    border-right:0px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-0.b-r-primary{
    border-right:0px solid #43B9B2!important
}
[dir=rtl] .b-w-0.b-r-primary{
    border-left:0px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-1.b-l-primary{
    border-left:1px solid #43B9B2!important
}
[dir=rtl] .b-w-1.b-l-primary{
    border-right:1px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-1.b-r-primary{
    border-right:1px solid #43B9B2!important
}
[dir=rtl] .b-w-1.b-r-primary{
    border-left:1px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-2.b-l-primary{
    border-left:2px solid #43B9B2!important
}
[dir=rtl] .b-w-2.b-l-primary{
    border-right:2px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-2.b-r-primary{
    border-right:2px solid #43B9B2!important
}
[dir=rtl] .b-w-2.b-r-primary{
    border-left:2px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-3.b-l-primary{
    border-left:3px solid #43B9B2!important
}
[dir=rtl] .b-w-3.b-l-primary{
    border-right:3px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-3.b-r-primary{
    border-right:3px solid #43B9B2!important
}
[dir=rtl] .b-w-3.b-r-primary{
    border-left:3px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-4.b-l-primary{
    border-left:4px solid #43B9B2!important
}
[dir=rtl] .b-w-4.b-l-primary{
    border-right:4px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-4.b-r-primary{
    border-right:4px solid #43B9B2!important
}
[dir=rtl] .b-w-4.b-r-primary{
    border-left:4px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-5.b-l-primary{
    border-left:5px solid #43B9B2!important
}
[dir=rtl] .b-w-5.b-l-primary{
    border-right:5px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-5.b-r-primary{
    border-right:5px solid #43B9B2!important
}
[dir=rtl] .b-w-5.b-r-primary{
    border-left:5px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-6.b-l-primary{
    border-left:6px solid #43B9B2!important
}
[dir=rtl] .b-w-6.b-l-primary{
    border-right:6px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-6.b-r-primary{
    border-right:6px solid #43B9B2!important
}
[dir=rtl] .b-w-6.b-r-primary{
    border-left:6px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-7.b-l-primary{
    border-left:7px solid #43B9B2!important
}
[dir=rtl] .b-w-7.b-l-primary{
    border-right:7px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-7.b-r-primary{
    border-right:7px solid #43B9B2!important
}
[dir=rtl] .b-w-7.b-r-primary{
    border-left:7px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-8.b-l-primary{
    border-left:8px solid #43B9B2!important
}
[dir=rtl] .b-w-8.b-l-primary{
    border-right:8px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-8.b-r-primary{
    border-right:8px solid #43B9B2!important
}
[dir=rtl] .b-w-8.b-r-primary{
    border-left:8px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-9.b-l-primary{
    border-left:9px solid #43B9B2!important
}
[dir=rtl] .b-w-9.b-l-primary{
    border-right:9px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-9.b-r-primary{
    border-right:9px solid #43B9B2!important
}
[dir=rtl] .b-w-9.b-r-primary{
    border-left:9px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-10.b-l-primary{
    border-left:10px solid #43B9B2!important
}
[dir=rtl] .b-w-10.b-l-primary{
    border-right:10px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-10.b-r-primary{
    border-right:10px solid #43B9B2!important
}
[dir=rtl] .b-w-10.b-r-primary{
    border-left:10px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-11.b-l-primary{
    border-left:11px solid #43B9B2!important
}
[dir=rtl] .b-w-11.b-l-primary{
    border-right:11px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-11.b-r-primary{
    border-right:11px solid #43B9B2!important
}
[dir=rtl] .b-w-11.b-r-primary{
    border-left:11px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-12.b-l-primary{
    border-left:12px solid #43B9B2!important
}
[dir=rtl] .b-w-12.b-l-primary{
    border-right:12px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-12.b-r-primary{
    border-right:12px solid #43B9B2!important
}
[dir=rtl] .b-w-12.b-r-primary{
    border-left:12px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-13.b-l-primary{
    border-left:13px solid #43B9B2!important
}
[dir=rtl] .b-w-13.b-l-primary{
    border-right:13px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-13.b-r-primary{
    border-right:13px solid #43B9B2!important
}
[dir=rtl] .b-w-13.b-r-primary{
    border-left:13px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-14.b-l-primary{
    border-left:14px solid #43B9B2!important
}
[dir=rtl] .b-w-14.b-l-primary{
    border-right:14px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-14.b-r-primary{
    border-right:14px solid #43B9B2!important
}
[dir=rtl] .b-w-14.b-r-primary{
    border-left:14px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-15.b-l-primary{
    border-left:15px solid #43B9B2!important
}
[dir=rtl] .b-w-15.b-l-primary{
    border-right:15px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-15.b-r-primary{
    border-right:15px solid #43B9B2!important
}
[dir=rtl] .b-w-15.b-r-primary{
    border-left:15px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-16.b-l-primary{
    border-left:16px solid #43B9B2!important
}
[dir=rtl] .b-w-16.b-l-primary{
    border-right:16px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-16.b-r-primary{
    border-right:16px solid #43B9B2!important
}
[dir=rtl] .b-w-16.b-r-primary{
    border-left:16px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-17.b-l-primary{
    border-left:17px solid #43B9B2!important
}
[dir=rtl] .b-w-17.b-l-primary{
    border-right:17px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-17.b-r-primary{
    border-right:17px solid #43B9B2!important
}
[dir=rtl] .b-w-17.b-r-primary{
    border-left:17px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-18.b-l-primary{
    border-left:18px solid #43B9B2!important
}
[dir=rtl] .b-w-18.b-l-primary{
    border-right:18px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-18.b-r-primary{
    border-right:18px solid #43B9B2!important
}
[dir=rtl] .b-w-18.b-r-primary{
    border-left:18px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-19.b-l-primary{
    border-left:19px solid #43B9B2!important
}
[dir=rtl] .b-w-19.b-l-primary{
    border-right:19px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-19.b-r-primary{
    border-right:19px solid #43B9B2!important
}
[dir=rtl] .b-w-19.b-r-primary{
    border-left:19px solid #43B9B2!important;
    border-right:unset!important
}
.b-w-20.b-l-primary{
    border-left:20px solid #43B9B2!important
}
[dir=rtl] .b-w-20.b-l-primary{
    border-right:20px solid #43B9B2!important;
    border-left:unset!important
}
.b-w-20.b-r-primary{
    border-right:20px solid #43B9B2!important
}
[dir=rtl] .b-w-20.b-r-primary{
    border-left:20px solid #43B9B2!important;
    border-right:unset!important
}
.border-primary{
    border:1px solid #43B9B2!important
}
[data-theme=dark] .border-primary{
    border:1px solid var(--solid-border)
}
.b-l-primary{
    border-left:1px solid #43B9B2!important
}
[dir=rtl] .b-l-primary{
    border-right:1px solid #43B9B2!important;
    border-left:unset!important
}
.b-r-primary{
    border-right:1px solid #43B9B2!important
}
[dir=rtl] .b-r-primary{
    border-left:1px solid #43B9B2!important;
    border-right:unset!important
}
.b-t-primary{
    border-top:1px solid #43B9B2!important
}
.b-b-primary{
    border-bottom:1px solid #43B9B2!important
}
.b-w-0.b-l-secondary{
    border-left:0px solid #C280D2!important
}
[dir=rtl] .b-w-0.b-l-secondary{
    border-right:0px solid #C280D2!important;
    border-left:unset!important
}
.b-w-0.b-r-secondary{
    border-right:0px solid #C280D2!important
}
[dir=rtl] .b-w-0.b-r-secondary{
    border-left:0px solid #C280D2!important;
    border-right:unset!important
}
.b-w-1.b-l-secondary{
    border-left:1px solid #C280D2!important
}
[dir=rtl] .b-w-1.b-l-secondary{
    border-right:1px solid #C280D2!important;
    border-left:unset!important
}
.b-w-1.b-r-secondary{
    border-right:1px solid #C280D2!important
}
[dir=rtl] .b-w-1.b-r-secondary{
    border-left:1px solid #C280D2!important;
    border-right:unset!important
}
.b-w-2.b-l-secondary{
    border-left:2px solid #C280D2!important
}
[dir=rtl] .b-w-2.b-l-secondary{
    border-right:2px solid #C280D2!important;
    border-left:unset!important
}
.b-w-2.b-r-secondary{
    border-right:2px solid #C280D2!important
}
[dir=rtl] .b-w-2.b-r-secondary{
    border-left:2px solid #C280D2!important;
    border-right:unset!important
}
.b-w-3.b-l-secondary{
    border-left:3px solid #C280D2!important
}
[dir=rtl] .b-w-3.b-l-secondary{
    border-right:3px solid #C280D2!important;
    border-left:unset!important
}
.b-w-3.b-r-secondary{
    border-right:3px solid #C280D2!important
}
[dir=rtl] .b-w-3.b-r-secondary{
    border-left:3px solid #C280D2!important;
    border-right:unset!important
}
.b-w-4.b-l-secondary{
    border-left:4px solid #C280D2!important
}
[dir=rtl] .b-w-4.b-l-secondary{
    border-right:4px solid #C280D2!important;
    border-left:unset!important
}
.b-w-4.b-r-secondary{
    border-right:4px solid #C280D2!important
}
[dir=rtl] .b-w-4.b-r-secondary{
    border-left:4px solid #C280D2!important;
    border-right:unset!important
}
.b-w-5.b-l-secondary{
    border-left:5px solid #C280D2!important
}
[dir=rtl] .b-w-5.b-l-secondary{
    border-right:5px solid #C280D2!important;
    border-left:unset!important
}
.b-w-5.b-r-secondary{
    border-right:5px solid #C280D2!important
}
[dir=rtl] .b-w-5.b-r-secondary{
    border-left:5px solid #C280D2!important;
    border-right:unset!important
}
.b-w-6.b-l-secondary{
    border-left:6px solid #C280D2!important
}
[dir=rtl] .b-w-6.b-l-secondary{
    border-right:6px solid #C280D2!important;
    border-left:unset!important
}
.b-w-6.b-r-secondary{
    border-right:6px solid #C280D2!important
}
[dir=rtl] .b-w-6.b-r-secondary{
    border-left:6px solid #C280D2!important;
    border-right:unset!important
}
.b-w-7.b-l-secondary{
    border-left:7px solid #C280D2!important
}
[dir=rtl] .b-w-7.b-l-secondary{
    border-right:7px solid #C280D2!important;
    border-left:unset!important
}
.b-w-7.b-r-secondary{
    border-right:7px solid #C280D2!important
}
[dir=rtl] .b-w-7.b-r-secondary{
    border-left:7px solid #C280D2!important;
    border-right:unset!important
}
.b-w-8.b-l-secondary{
    border-left:8px solid #C280D2!important
}
[dir=rtl] .b-w-8.b-l-secondary{
    border-right:8px solid #C280D2!important;
    border-left:unset!important
}
.b-w-8.b-r-secondary{
    border-right:8px solid #C280D2!important
}
[dir=rtl] .b-w-8.b-r-secondary{
    border-left:8px solid #C280D2!important;
    border-right:unset!important
}
.b-w-9.b-l-secondary{
    border-left:9px solid #C280D2!important
}
[dir=rtl] .b-w-9.b-l-secondary{
    border-right:9px solid #C280D2!important;
    border-left:unset!important
}
.b-w-9.b-r-secondary{
    border-right:9px solid #C280D2!important
}
[dir=rtl] .b-w-9.b-r-secondary{
    border-left:9px solid #C280D2!important;
    border-right:unset!important
}
.b-w-10.b-l-secondary{
    border-left:10px solid #C280D2!important
}
[dir=rtl] .b-w-10.b-l-secondary{
    border-right:10px solid #C280D2!important;
    border-left:unset!important
}
.b-w-10.b-r-secondary{
    border-right:10px solid #C280D2!important
}
[dir=rtl] .b-w-10.b-r-secondary{
    border-left:10px solid #C280D2!important;
    border-right:unset!important
}
.b-w-11.b-l-secondary{
    border-left:11px solid #C280D2!important
}
[dir=rtl] .b-w-11.b-l-secondary{
    border-right:11px solid #C280D2!important;
    border-left:unset!important
}
.b-w-11.b-r-secondary{
    border-right:11px solid #C280D2!important
}
[dir=rtl] .b-w-11.b-r-secondary{
    border-left:11px solid #C280D2!important;
    border-right:unset!important
}
.b-w-12.b-l-secondary{
    border-left:12px solid #C280D2!important
}
[dir=rtl] .b-w-12.b-l-secondary{
    border-right:12px solid #C280D2!important;
    border-left:unset!important
}
.b-w-12.b-r-secondary{
    border-right:12px solid #C280D2!important
}
[dir=rtl] .b-w-12.b-r-secondary{
    border-left:12px solid #C280D2!important;
    border-right:unset!important
}
.b-w-13.b-l-secondary{
    border-left:13px solid #C280D2!important
}
[dir=rtl] .b-w-13.b-l-secondary{
    border-right:13px solid #C280D2!important;
    border-left:unset!important
}
.b-w-13.b-r-secondary{
    border-right:13px solid #C280D2!important
}
[dir=rtl] .b-w-13.b-r-secondary{
    border-left:13px solid #C280D2!important;
    border-right:unset!important
}
.b-w-14.b-l-secondary{
    border-left:14px solid #C280D2!important
}
[dir=rtl] .b-w-14.b-l-secondary{
    border-right:14px solid #C280D2!important;
    border-left:unset!important
}
.b-w-14.b-r-secondary{
    border-right:14px solid #C280D2!important
}
[dir=rtl] .b-w-14.b-r-secondary{
    border-left:14px solid #C280D2!important;
    border-right:unset!important
}
.b-w-15.b-l-secondary{
    border-left:15px solid #C280D2!important
}
[dir=rtl] .b-w-15.b-l-secondary{
    border-right:15px solid #C280D2!important;
    border-left:unset!important
}
.b-w-15.b-r-secondary{
    border-right:15px solid #C280D2!important
}
[dir=rtl] .b-w-15.b-r-secondary{
    border-left:15px solid #C280D2!important;
    border-right:unset!important
}
.b-w-16.b-l-secondary{
    border-left:16px solid #C280D2!important
}
[dir=rtl] .b-w-16.b-l-secondary{
    border-right:16px solid #C280D2!important;
    border-left:unset!important
}
.b-w-16.b-r-secondary{
    border-right:16px solid #C280D2!important
}
[dir=rtl] .b-w-16.b-r-secondary{
    border-left:16px solid #C280D2!important;
    border-right:unset!important
}
.b-w-17.b-l-secondary{
    border-left:17px solid #C280D2!important
}
[dir=rtl] .b-w-17.b-l-secondary{
    border-right:17px solid #C280D2!important;
    border-left:unset!important
}
.b-w-17.b-r-secondary{
    border-right:17px solid #C280D2!important
}
[dir=rtl] .b-w-17.b-r-secondary{
    border-left:17px solid #C280D2!important;
    border-right:unset!important
}
.b-w-18.b-l-secondary{
    border-left:18px solid #C280D2!important
}
[dir=rtl] .b-w-18.b-l-secondary{
    border-right:18px solid #C280D2!important;
    border-left:unset!important
}
.b-w-18.b-r-secondary{
    border-right:18px solid #C280D2!important
}
[dir=rtl] .b-w-18.b-r-secondary{
    border-left:18px solid #C280D2!important;
    border-right:unset!important
}
.b-w-19.b-l-secondary{
    border-left:19px solid #C280D2!important
}
[dir=rtl] .b-w-19.b-l-secondary{
    border-right:19px solid #C280D2!important;
    border-left:unset!important
}
.b-w-19.b-r-secondary{
    border-right:19px solid #C280D2!important
}
[dir=rtl] .b-w-19.b-r-secondary{
    border-left:19px solid #C280D2!important;
    border-right:unset!important
}
.b-w-20.b-l-secondary{
    border-left:20px solid #C280D2!important
}
[dir=rtl] .b-w-20.b-l-secondary{
    border-right:20px solid #C280D2!important;
    border-left:unset!important
}
.b-w-20.b-r-secondary{
    border-right:20px solid #C280D2!important
}
[dir=rtl] .b-w-20.b-r-secondary{
    border-left:20px solid #C280D2!important;
    border-right:unset!important
}
.border-secondary{
    border:1px solid #C280D2!important
}
[data-theme=dark] .border-secondary{
    border:1px solid var(--solid-border)
}
.b-l-secondary{
    border-left:1px solid #C280D2!important
}
[dir=rtl] .b-l-secondary{
    border-right:1px solid #C280D2!important;
    border-left:unset!important
}
.b-r-secondary{
    border-right:1px solid #C280D2!important
}
[dir=rtl] .b-r-secondary{
    border-left:1px solid #C280D2!important;
    border-right:unset!important
}
.b-t-secondary{
    border-top:1px solid #C280D2!important
}
.b-b-secondary{
    border-bottom:1px solid #C280D2!important
}
.b-w-0.b-l-tertiary{
    border-left:0px solid #FD7E40!important
}
[dir=rtl] .b-w-0.b-l-tertiary{
    border-right:0px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-0.b-r-tertiary{
    border-right:0px solid #FD7E40!important
}
[dir=rtl] .b-w-0.b-r-tertiary{
    border-left:0px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-1.b-l-tertiary{
    border-left:1px solid #FD7E40!important
}
[dir=rtl] .b-w-1.b-l-tertiary{
    border-right:1px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-1.b-r-tertiary{
    border-right:1px solid #FD7E40!important
}
[dir=rtl] .b-w-1.b-r-tertiary{
    border-left:1px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-2.b-l-tertiary{
    border-left:2px solid #FD7E40!important
}
[dir=rtl] .b-w-2.b-l-tertiary{
    border-right:2px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-2.b-r-tertiary{
    border-right:2px solid #FD7E40!important
}
[dir=rtl] .b-w-2.b-r-tertiary{
    border-left:2px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-3.b-l-tertiary{
    border-left:3px solid #FD7E40!important
}
[dir=rtl] .b-w-3.b-l-tertiary{
    border-right:3px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-3.b-r-tertiary{
    border-right:3px solid #FD7E40!important
}
[dir=rtl] .b-w-3.b-r-tertiary{
    border-left:3px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-4.b-l-tertiary{
    border-left:4px solid #FD7E40!important
}
[dir=rtl] .b-w-4.b-l-tertiary{
    border-right:4px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-4.b-r-tertiary{
    border-right:4px solid #FD7E40!important
}
[dir=rtl] .b-w-4.b-r-tertiary{
    border-left:4px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-5.b-l-tertiary{
    border-left:5px solid #FD7E40!important
}
[dir=rtl] .b-w-5.b-l-tertiary{
    border-right:5px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-5.b-r-tertiary{
    border-right:5px solid #FD7E40!important
}
[dir=rtl] .b-w-5.b-r-tertiary{
    border-left:5px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-6.b-l-tertiary{
    border-left:6px solid #FD7E40!important
}
[dir=rtl] .b-w-6.b-l-tertiary{
    border-right:6px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-6.b-r-tertiary{
    border-right:6px solid #FD7E40!important
}
[dir=rtl] .b-w-6.b-r-tertiary{
    border-left:6px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-7.b-l-tertiary{
    border-left:7px solid #FD7E40!important
}
[dir=rtl] .b-w-7.b-l-tertiary{
    border-right:7px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-7.b-r-tertiary{
    border-right:7px solid #FD7E40!important
}
[dir=rtl] .b-w-7.b-r-tertiary{
    border-left:7px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-8.b-l-tertiary{
    border-left:8px solid #FD7E40!important
}
[dir=rtl] .b-w-8.b-l-tertiary{
    border-right:8px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-8.b-r-tertiary{
    border-right:8px solid #FD7E40!important
}
[dir=rtl] .b-w-8.b-r-tertiary{
    border-left:8px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-9.b-l-tertiary{
    border-left:9px solid #FD7E40!important
}
[dir=rtl] .b-w-9.b-l-tertiary{
    border-right:9px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-9.b-r-tertiary{
    border-right:9px solid #FD7E40!important
}
[dir=rtl] .b-w-9.b-r-tertiary{
    border-left:9px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-10.b-l-tertiary{
    border-left:10px solid #FD7E40!important
}
[dir=rtl] .b-w-10.b-l-tertiary{
    border-right:10px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-10.b-r-tertiary{
    border-right:10px solid #FD7E40!important
}
[dir=rtl] .b-w-10.b-r-tertiary{
    border-left:10px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-11.b-l-tertiary{
    border-left:11px solid #FD7E40!important
}
[dir=rtl] .b-w-11.b-l-tertiary{
    border-right:11px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-11.b-r-tertiary{
    border-right:11px solid #FD7E40!important
}
[dir=rtl] .b-w-11.b-r-tertiary{
    border-left:11px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-12.b-l-tertiary{
    border-left:12px solid #FD7E40!important
}
[dir=rtl] .b-w-12.b-l-tertiary{
    border-right:12px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-12.b-r-tertiary{
    border-right:12px solid #FD7E40!important
}
[dir=rtl] .b-w-12.b-r-tertiary{
    border-left:12px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-13.b-l-tertiary{
    border-left:13px solid #FD7E40!important
}
[dir=rtl] .b-w-13.b-l-tertiary{
    border-right:13px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-13.b-r-tertiary{
    border-right:13px solid #FD7E40!important
}
[dir=rtl] .b-w-13.b-r-tertiary{
    border-left:13px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-14.b-l-tertiary{
    border-left:14px solid #FD7E40!important
}
[dir=rtl] .b-w-14.b-l-tertiary{
    border-right:14px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-14.b-r-tertiary{
    border-right:14px solid #FD7E40!important
}
[dir=rtl] .b-w-14.b-r-tertiary{
    border-left:14px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-15.b-l-tertiary{
    border-left:15px solid #FD7E40!important
}
[dir=rtl] .b-w-15.b-l-tertiary{
    border-right:15px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-15.b-r-tertiary{
    border-right:15px solid #FD7E40!important
}
[dir=rtl] .b-w-15.b-r-tertiary{
    border-left:15px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-16.b-l-tertiary{
    border-left:16px solid #FD7E40!important
}
[dir=rtl] .b-w-16.b-l-tertiary{
    border-right:16px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-16.b-r-tertiary{
    border-right:16px solid #FD7E40!important
}
[dir=rtl] .b-w-16.b-r-tertiary{
    border-left:16px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-17.b-l-tertiary{
    border-left:17px solid #FD7E40!important
}
[dir=rtl] .b-w-17.b-l-tertiary{
    border-right:17px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-17.b-r-tertiary{
    border-right:17px solid #FD7E40!important
}
[dir=rtl] .b-w-17.b-r-tertiary{
    border-left:17px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-18.b-l-tertiary{
    border-left:18px solid #FD7E40!important
}
[dir=rtl] .b-w-18.b-l-tertiary{
    border-right:18px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-18.b-r-tertiary{
    border-right:18px solid #FD7E40!important
}
[dir=rtl] .b-w-18.b-r-tertiary{
    border-left:18px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-19.b-l-tertiary{
    border-left:19px solid #FD7E40!important
}
[dir=rtl] .b-w-19.b-l-tertiary{
    border-right:19px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-19.b-r-tertiary{
    border-right:19px solid #FD7E40!important
}
[dir=rtl] .b-w-19.b-r-tertiary{
    border-left:19px solid #FD7E40!important;
    border-right:unset!important
}
.b-w-20.b-l-tertiary{
    border-left:20px solid #FD7E40!important
}
[dir=rtl] .b-w-20.b-l-tertiary{
    border-right:20px solid #FD7E40!important;
    border-left:unset!important
}
.b-w-20.b-r-tertiary{
    border-right:20px solid #FD7E40!important
}
[dir=rtl] .b-w-20.b-r-tertiary{
    border-left:20px solid #FD7E40!important;
    border-right:unset!important
}
.border-tertiary{
    border:1px solid #FD7E40!important
}
[data-theme=dark] .border-tertiary{
    border:1px solid var(--solid-border)
}
.b-l-tertiary{
    border-left:1px solid #FD7E40!important
}
[dir=rtl] .b-l-tertiary{
    border-right:1px solid #FD7E40!important;
    border-left:unset!important
}
.b-r-tertiary{
    border-right:1px solid #FD7E40!important
}
[dir=rtl] .b-r-tertiary{
    border-left:1px solid #FD7E40!important;
    border-right:unset!important
}
.b-t-tertiary{
    border-top:1px solid #FD7E40!important
}
.b-b-tertiary{
    border-bottom:1px solid #FD7E40!important
}
.b-w-0.b-l-warning{
    border-left:0px solid #F0AD4E!important
}
[dir=rtl] .b-w-0.b-l-warning{
    border-right:0px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-0.b-r-warning{
    border-right:0px solid #F0AD4E!important
}
[dir=rtl] .b-w-0.b-r-warning{
    border-left:0px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-1.b-l-warning{
    border-left:1px solid #F0AD4E!important
}
[dir=rtl] .b-w-1.b-l-warning{
    border-right:1px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-1.b-r-warning{
    border-right:1px solid #F0AD4E!important
}
[dir=rtl] .b-w-1.b-r-warning{
    border-left:1px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-2.b-l-warning{
    border-left:2px solid #F0AD4E!important
}
[dir=rtl] .b-w-2.b-l-warning{
    border-right:2px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-2.b-r-warning{
    border-right:2px solid #F0AD4E!important
}
[dir=rtl] .b-w-2.b-r-warning{
    border-left:2px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-3.b-l-warning{
    border-left:3px solid #F0AD4E!important
}
[dir=rtl] .b-w-3.b-l-warning{
    border-right:3px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-3.b-r-warning{
    border-right:3px solid #F0AD4E!important
}
[dir=rtl] .b-w-3.b-r-warning{
    border-left:3px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-4.b-l-warning{
    border-left:4px solid #F0AD4E!important
}
[dir=rtl] .b-w-4.b-l-warning{
    border-right:4px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-4.b-r-warning{
    border-right:4px solid #F0AD4E!important
}
[dir=rtl] .b-w-4.b-r-warning{
    border-left:4px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-5.b-l-warning{
    border-left:5px solid #F0AD4E!important
}
[dir=rtl] .b-w-5.b-l-warning{
    border-right:5px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-5.b-r-warning{
    border-right:5px solid #F0AD4E!important
}
[dir=rtl] .b-w-5.b-r-warning{
    border-left:5px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-6.b-l-warning{
    border-left:6px solid #F0AD4E!important
}
[dir=rtl] .b-w-6.b-l-warning{
    border-right:6px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-6.b-r-warning{
    border-right:6px solid #F0AD4E!important
}
[dir=rtl] .b-w-6.b-r-warning{
    border-left:6px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-7.b-l-warning{
    border-left:7px solid #F0AD4E!important
}
[dir=rtl] .b-w-7.b-l-warning{
    border-right:7px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-7.b-r-warning{
    border-right:7px solid #F0AD4E!important
}
[dir=rtl] .b-w-7.b-r-warning{
    border-left:7px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-8.b-l-warning{
    border-left:8px solid #F0AD4E!important
}
[dir=rtl] .b-w-8.b-l-warning{
    border-right:8px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-8.b-r-warning{
    border-right:8px solid #F0AD4E!important
}
[dir=rtl] .b-w-8.b-r-warning{
    border-left:8px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-9.b-l-warning{
    border-left:9px solid #F0AD4E!important
}
[dir=rtl] .b-w-9.b-l-warning{
    border-right:9px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-9.b-r-warning{
    border-right:9px solid #F0AD4E!important
}
[dir=rtl] .b-w-9.b-r-warning{
    border-left:9px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-10.b-l-warning{
    border-left:10px solid #F0AD4E!important
}
[dir=rtl] .b-w-10.b-l-warning{
    border-right:10px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-10.b-r-warning{
    border-right:10px solid #F0AD4E!important
}
[dir=rtl] .b-w-10.b-r-warning{
    border-left:10px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-11.b-l-warning{
    border-left:11px solid #F0AD4E!important
}
[dir=rtl] .b-w-11.b-l-warning{
    border-right:11px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-11.b-r-warning{
    border-right:11px solid #F0AD4E!important
}
[dir=rtl] .b-w-11.b-r-warning{
    border-left:11px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-12.b-l-warning{
    border-left:12px solid #F0AD4E!important
}
[dir=rtl] .b-w-12.b-l-warning{
    border-right:12px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-12.b-r-warning{
    border-right:12px solid #F0AD4E!important
}
[dir=rtl] .b-w-12.b-r-warning{
    border-left:12px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-13.b-l-warning{
    border-left:13px solid #F0AD4E!important
}
[dir=rtl] .b-w-13.b-l-warning{
    border-right:13px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-13.b-r-warning{
    border-right:13px solid #F0AD4E!important
}
[dir=rtl] .b-w-13.b-r-warning{
    border-left:13px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-14.b-l-warning{
    border-left:14px solid #F0AD4E!important
}
[dir=rtl] .b-w-14.b-l-warning{
    border-right:14px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-14.b-r-warning{
    border-right:14px solid #F0AD4E!important
}
[dir=rtl] .b-w-14.b-r-warning{
    border-left:14px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-15.b-l-warning{
    border-left:15px solid #F0AD4E!important
}
[dir=rtl] .b-w-15.b-l-warning{
    border-right:15px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-15.b-r-warning{
    border-right:15px solid #F0AD4E!important
}
[dir=rtl] .b-w-15.b-r-warning{
    border-left:15px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-16.b-l-warning{
    border-left:16px solid #F0AD4E!important
}
[dir=rtl] .b-w-16.b-l-warning{
    border-right:16px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-16.b-r-warning{
    border-right:16px solid #F0AD4E!important
}
[dir=rtl] .b-w-16.b-r-warning{
    border-left:16px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-17.b-l-warning{
    border-left:17px solid #F0AD4E!important
}
[dir=rtl] .b-w-17.b-l-warning{
    border-right:17px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-17.b-r-warning{
    border-right:17px solid #F0AD4E!important
}
[dir=rtl] .b-w-17.b-r-warning{
    border-left:17px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-18.b-l-warning{
    border-left:18px solid #F0AD4E!important
}
[dir=rtl] .b-w-18.b-l-warning{
    border-right:18px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-18.b-r-warning{
    border-right:18px solid #F0AD4E!important
}
[dir=rtl] .b-w-18.b-r-warning{
    border-left:18px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-19.b-l-warning{
    border-left:19px solid #F0AD4E!important
}
[dir=rtl] .b-w-19.b-l-warning{
    border-right:19px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-19.b-r-warning{
    border-right:19px solid #F0AD4E!important
}
[dir=rtl] .b-w-19.b-r-warning{
    border-left:19px solid #F0AD4E!important;
    border-right:unset!important
}
.b-w-20.b-l-warning{
    border-left:20px solid #F0AD4E!important
}
[dir=rtl] .b-w-20.b-l-warning{
    border-right:20px solid #F0AD4E!important;
    border-left:unset!important
}
.b-w-20.b-r-warning{
    border-right:20px solid #F0AD4E!important
}
[dir=rtl] .b-w-20.b-r-warning{
    border-left:20px solid #F0AD4E!important;
    border-right:unset!important
}
.border-warning{
    border:1px solid #F0AD4E!important
}
[data-theme=dark] .border-warning{
    border:1px solid var(--solid-border)
}
.b-l-warning{
    border-left:1px solid #F0AD4E!important
}
[dir=rtl] .b-l-warning{
    border-right:1px solid #F0AD4E!important;
    border-left:unset!important
}
.b-r-warning{
    border-right:1px solid #F0AD4E!important
}
[dir=rtl] .b-r-warning{
    border-left:1px solid #F0AD4E!important;
    border-right:unset!important
}
.b-t-warning{
    border-top:1px solid #F0AD4E!important
}
.b-b-warning{
    border-bottom:1px solid #F0AD4E!important
}
.b-w-0.b-l-info{
    border-left:0px solid #2E8DD3!important
}
[dir=rtl] .b-w-0.b-l-info{
    border-right:0px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-0.b-r-info{
    border-right:0px solid #2E8DD3!important
}
[dir=rtl] .b-w-0.b-r-info{
    border-left:0px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-1.b-l-info{
    border-left:1px solid #2E8DD3!important
}
[dir=rtl] .b-w-1.b-l-info{
    border-right:1px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-1.b-r-info{
    border-right:1px solid #2E8DD3!important
}
[dir=rtl] .b-w-1.b-r-info{
    border-left:1px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-2.b-l-info{
    border-left:2px solid #2E8DD3!important
}
[dir=rtl] .b-w-2.b-l-info{
    border-right:2px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-2.b-r-info{
    border-right:2px solid #2E8DD3!important
}
[dir=rtl] .b-w-2.b-r-info{
    border-left:2px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-3.b-l-info{
    border-left:3px solid #2E8DD3!important
}
[dir=rtl] .b-w-3.b-l-info{
    border-right:3px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-3.b-r-info{
    border-right:3px solid #2E8DD3!important
}
[dir=rtl] .b-w-3.b-r-info{
    border-left:3px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-4.b-l-info{
    border-left:4px solid #2E8DD3!important
}
[dir=rtl] .b-w-4.b-l-info{
    border-right:4px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-4.b-r-info{
    border-right:4px solid #2E8DD3!important
}
[dir=rtl] .b-w-4.b-r-info{
    border-left:4px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-5.b-l-info{
    border-left:5px solid #2E8DD3!important
}
[dir=rtl] .b-w-5.b-l-info{
    border-right:5px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-5.b-r-info{
    border-right:5px solid #2E8DD3!important
}
[dir=rtl] .b-w-5.b-r-info{
    border-left:5px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-6.b-l-info{
    border-left:6px solid #2E8DD3!important
}
[dir=rtl] .b-w-6.b-l-info{
    border-right:6px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-6.b-r-info{
    border-right:6px solid #2E8DD3!important
}
[dir=rtl] .b-w-6.b-r-info{
    border-left:6px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-7.b-l-info{
    border-left:7px solid #2E8DD3!important
}
[dir=rtl] .b-w-7.b-l-info{
    border-right:7px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-7.b-r-info{
    border-right:7px solid #2E8DD3!important
}
[dir=rtl] .b-w-7.b-r-info{
    border-left:7px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-8.b-l-info{
    border-left:8px solid #2E8DD3!important
}
[dir=rtl] .b-w-8.b-l-info{
    border-right:8px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-8.b-r-info{
    border-right:8px solid #2E8DD3!important
}
[dir=rtl] .b-w-8.b-r-info{
    border-left:8px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-9.b-l-info{
    border-left:9px solid #2E8DD3!important
}
[dir=rtl] .b-w-9.b-l-info{
    border-right:9px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-9.b-r-info{
    border-right:9px solid #2E8DD3!important
}
[dir=rtl] .b-w-9.b-r-info{
    border-left:9px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-10.b-l-info{
    border-left:10px solid #2E8DD3!important
}
[dir=rtl] .b-w-10.b-l-info{
    border-right:10px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-10.b-r-info{
    border-right:10px solid #2E8DD3!important
}
[dir=rtl] .b-w-10.b-r-info{
    border-left:10px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-11.b-l-info{
    border-left:11px solid #2E8DD3!important
}
[dir=rtl] .b-w-11.b-l-info{
    border-right:11px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-11.b-r-info{
    border-right:11px solid #2E8DD3!important
}
[dir=rtl] .b-w-11.b-r-info{
    border-left:11px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-12.b-l-info{
    border-left:12px solid #2E8DD3!important
}
[dir=rtl] .b-w-12.b-l-info{
    border-right:12px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-12.b-r-info{
    border-right:12px solid #2E8DD3!important
}
[dir=rtl] .b-w-12.b-r-info{
    border-left:12px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-13.b-l-info{
    border-left:13px solid #2E8DD3!important
}
[dir=rtl] .b-w-13.b-l-info{
    border-right:13px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-13.b-r-info{
    border-right:13px solid #2E8DD3!important
}
[dir=rtl] .b-w-13.b-r-info{
    border-left:13px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-14.b-l-info{
    border-left:14px solid #2E8DD3!important
}
[dir=rtl] .b-w-14.b-l-info{
    border-right:14px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-14.b-r-info{
    border-right:14px solid #2E8DD3!important
}
[dir=rtl] .b-w-14.b-r-info{
    border-left:14px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-15.b-l-info{
    border-left:15px solid #2E8DD3!important
}
[dir=rtl] .b-w-15.b-l-info{
    border-right:15px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-15.b-r-info{
    border-right:15px solid #2E8DD3!important
}
[dir=rtl] .b-w-15.b-r-info{
    border-left:15px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-16.b-l-info{
    border-left:16px solid #2E8DD3!important
}
[dir=rtl] .b-w-16.b-l-info{
    border-right:16px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-16.b-r-info{
    border-right:16px solid #2E8DD3!important
}
[dir=rtl] .b-w-16.b-r-info{
    border-left:16px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-17.b-l-info{
    border-left:17px solid #2E8DD3!important
}
[dir=rtl] .b-w-17.b-l-info{
    border-right:17px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-17.b-r-info{
    border-right:17px solid #2E8DD3!important
}
[dir=rtl] .b-w-17.b-r-info{
    border-left:17px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-18.b-l-info{
    border-left:18px solid #2E8DD3!important
}
[dir=rtl] .b-w-18.b-l-info{
    border-right:18px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-18.b-r-info{
    border-right:18px solid #2E8DD3!important
}
[dir=rtl] .b-w-18.b-r-info{
    border-left:18px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-19.b-l-info{
    border-left:19px solid #2E8DD3!important
}
[dir=rtl] .b-w-19.b-l-info{
    border-right:19px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-19.b-r-info{
    border-right:19px solid #2E8DD3!important
}
[dir=rtl] .b-w-19.b-r-info{
    border-left:19px solid #2E8DD3!important;
    border-right:unset!important
}
.b-w-20.b-l-info{
    border-left:20px solid #2E8DD3!important
}
[dir=rtl] .b-w-20.b-l-info{
    border-right:20px solid #2E8DD3!important;
    border-left:unset!important
}
.b-w-20.b-r-info{
    border-right:20px solid #2E8DD3!important
}
[dir=rtl] .b-w-20.b-r-info{
    border-left:20px solid #2E8DD3!important;
    border-right:unset!important
}
.border-info{
    border:1px solid #2E8DD3!important
}
[data-theme=dark] .border-info{
    border:1px solid var(--solid-border)
}
.b-l-info{
    border-left:1px solid #2E8DD3!important
}
[dir=rtl] .b-l-info{
    border-right:1px solid #2E8DD3!important;
    border-left:unset!important
}
.b-r-info{
    border-right:1px solid #2E8DD3!important
}
[dir=rtl] .b-r-info{
    border-left:1px solid #2E8DD3!important;
    border-right:unset!important
}
.b-t-info{
    border-top:1px solid #2E8DD3!important
}
.b-b-info{
    border-bottom:1px solid #2E8DD3!important
}
.b-w-0.b-l-success{
    border-left:0px solid #17A600!important
}
[dir=rtl] .b-w-0.b-l-success{
    border-right:0px solid #17A600!important;
    border-left:unset!important
}
.b-w-0.b-r-success{
    border-right:0px solid #17A600!important
}
[dir=rtl] .b-w-0.b-r-success{
    border-left:0px solid #17A600!important;
    border-right:unset!important
}
.b-w-1.b-l-success{
    border-left:1px solid #17A600!important
}
[dir=rtl] .b-w-1.b-l-success{
    border-right:1px solid #17A600!important;
    border-left:unset!important
}
.b-w-1.b-r-success{
    border-right:1px solid #17A600!important
}
[dir=rtl] .b-w-1.b-r-success{
    border-left:1px solid #17A600!important;
    border-right:unset!important
}
.b-w-2.b-l-success{
    border-left:2px solid #17A600!important
}
[dir=rtl] .b-w-2.b-l-success{
    border-right:2px solid #17A600!important;
    border-left:unset!important
}
.b-w-2.b-r-success{
    border-right:2px solid #17A600!important
}
[dir=rtl] .b-w-2.b-r-success{
    border-left:2px solid #17A600!important;
    border-right:unset!important
}
.b-w-3.b-l-success{
    border-left:3px solid #17A600!important
}
[dir=rtl] .b-w-3.b-l-success{
    border-right:3px solid #17A600!important;
    border-left:unset!important
}
.b-w-3.b-r-success{
    border-right:3px solid #17A600!important
}
[dir=rtl] .b-w-3.b-r-success{
    border-left:3px solid #17A600!important;
    border-right:unset!important
}
.b-w-4.b-l-success{
    border-left:4px solid #17A600!important
}
[dir=rtl] .b-w-4.b-l-success{
    border-right:4px solid #17A600!important;
    border-left:unset!important
}
.b-w-4.b-r-success{
    border-right:4px solid #17A600!important
}
[dir=rtl] .b-w-4.b-r-success{
    border-left:4px solid #17A600!important;
    border-right:unset!important
}
.b-w-5.b-l-success{
    border-left:5px solid #17A600!important
}
[dir=rtl] .b-w-5.b-l-success{
    border-right:5px solid #17A600!important;
    border-left:unset!important
}
.b-w-5.b-r-success{
    border-right:5px solid #17A600!important
}
[dir=rtl] .b-w-5.b-r-success{
    border-left:5px solid #17A600!important;
    border-right:unset!important
}
.b-w-6.b-l-success{
    border-left:6px solid #17A600!important
}
[dir=rtl] .b-w-6.b-l-success{
    border-right:6px solid #17A600!important;
    border-left:unset!important
}
.b-w-6.b-r-success{
    border-right:6px solid #17A600!important
}
[dir=rtl] .b-w-6.b-r-success{
    border-left:6px solid #17A600!important;
    border-right:unset!important
}
.b-w-7.b-l-success{
    border-left:7px solid #17A600!important
}
[dir=rtl] .b-w-7.b-l-success{
    border-right:7px solid #17A600!important;
    border-left:unset!important
}
.b-w-7.b-r-success{
    border-right:7px solid #17A600!important
}
[dir=rtl] .b-w-7.b-r-success{
    border-left:7px solid #17A600!important;
    border-right:unset!important
}
.b-w-8.b-l-success{
    border-left:8px solid #17A600!important
}
[dir=rtl] .b-w-8.b-l-success{
    border-right:8px solid #17A600!important;
    border-left:unset!important
}
.b-w-8.b-r-success{
    border-right:8px solid #17A600!important
}
[dir=rtl] .b-w-8.b-r-success{
    border-left:8px solid #17A600!important;
    border-right:unset!important
}
.b-w-9.b-l-success{
    border-left:9px solid #17A600!important
}
[dir=rtl] .b-w-9.b-l-success{
    border-right:9px solid #17A600!important;
    border-left:unset!important
}
.b-w-9.b-r-success{
    border-right:9px solid #17A600!important
}
[dir=rtl] .b-w-9.b-r-success{
    border-left:9px solid #17A600!important;
    border-right:unset!important
}
.b-w-10.b-l-success{
    border-left:10px solid #17A600!important
}
[dir=rtl] .b-w-10.b-l-success{
    border-right:10px solid #17A600!important;
    border-left:unset!important
}
.b-w-10.b-r-success{
    border-right:10px solid #17A600!important
}
[dir=rtl] .b-w-10.b-r-success{
    border-left:10px solid #17A600!important;
    border-right:unset!important
}
.b-w-11.b-l-success{
    border-left:11px solid #17A600!important
}
[dir=rtl] .b-w-11.b-l-success{
    border-right:11px solid #17A600!important;
    border-left:unset!important
}
.b-w-11.b-r-success{
    border-right:11px solid #17A600!important
}
[dir=rtl] .b-w-11.b-r-success{
    border-left:11px solid #17A600!important;
    border-right:unset!important
}
.b-w-12.b-l-success{
    border-left:12px solid #17A600!important
}
[dir=rtl] .b-w-12.b-l-success{
    border-right:12px solid #17A600!important;
    border-left:unset!important
}
.b-w-12.b-r-success{
    border-right:12px solid #17A600!important
}
[dir=rtl] .b-w-12.b-r-success{
    border-left:12px solid #17A600!important;
    border-right:unset!important
}
.b-w-13.b-l-success{
    border-left:13px solid #17A600!important
}
[dir=rtl] .b-w-13.b-l-success{
    border-right:13px solid #17A600!important;
    border-left:unset!important
}
.b-w-13.b-r-success{
    border-right:13px solid #17A600!important
}
[dir=rtl] .b-w-13.b-r-success{
    border-left:13px solid #17A600!important;
    border-right:unset!important
}
.b-w-14.b-l-success{
    border-left:14px solid #17A600!important
}
[dir=rtl] .b-w-14.b-l-success{
    border-right:14px solid #17A600!important;
    border-left:unset!important
}
.b-w-14.b-r-success{
    border-right:14px solid #17A600!important
}
[dir=rtl] .b-w-14.b-r-success{
    border-left:14px solid #17A600!important;
    border-right:unset!important
}
.b-w-15.b-l-success{
    border-left:15px solid #17A600!important
}
[dir=rtl] .b-w-15.b-l-success{
    border-right:15px solid #17A600!important;
    border-left:unset!important
}
.b-w-15.b-r-success{
    border-right:15px solid #17A600!important
}
[dir=rtl] .b-w-15.b-r-success{
    border-left:15px solid #17A600!important;
    border-right:unset!important
}
.b-w-16.b-l-success{
    border-left:16px solid #17A600!important
}
[dir=rtl] .b-w-16.b-l-success{
    border-right:16px solid #17A600!important;
    border-left:unset!important
}
.b-w-16.b-r-success{
    border-right:16px solid #17A600!important
}
[dir=rtl] .b-w-16.b-r-success{
    border-left:16px solid #17A600!important;
    border-right:unset!important
}
.b-w-17.b-l-success{
    border-left:17px solid #17A600!important
}
[dir=rtl] .b-w-17.b-l-success{
    border-right:17px solid #17A600!important;
    border-left:unset!important
}
.b-w-17.b-r-success{
    border-right:17px solid #17A600!important
}
[dir=rtl] .b-w-17.b-r-success{
    border-left:17px solid #17A600!important;
    border-right:unset!important
}
.b-w-18.b-l-success{
    border-left:18px solid #17A600!important
}
[dir=rtl] .b-w-18.b-l-success{
    border-right:18px solid #17A600!important;
    border-left:unset!important
}
.b-w-18.b-r-success{
    border-right:18px solid #17A600!important
}
[dir=rtl] .b-w-18.b-r-success{
    border-left:18px solid #17A600!important;
    border-right:unset!important
}
.b-w-19.b-l-success{
    border-left:19px solid #17A600!important
}
[dir=rtl] .b-w-19.b-l-success{
    border-right:19px solid #17A600!important;
    border-left:unset!important
}
.b-w-19.b-r-success{
    border-right:19px solid #17A600!important
}
[dir=rtl] .b-w-19.b-r-success{
    border-left:19px solid #17A600!important;
    border-right:unset!important
}
.b-w-20.b-l-success{
    border-left:20px solid #17A600!important
}
[dir=rtl] .b-w-20.b-l-success{
    border-right:20px solid #17A600!important;
    border-left:unset!important
}
.b-w-20.b-r-success{
    border-right:20px solid #17A600!important
}
[dir=rtl] .b-w-20.b-r-success{
    border-left:20px solid #17A600!important;
    border-right:unset!important
}
.border-success{
    border:1px solid #17A600!important
}
[data-theme=dark] .border-success{
    border:1px solid var(--solid-border)
}
.b-l-success{
    border-left:1px solid #17A600!important
}
[dir=rtl] .b-l-success{
    border-right:1px solid #17A600!important;
    border-left:unset!important
}
.b-r-success{
    border-right:1px solid #17A600!important
}
[dir=rtl] .b-r-success{
    border-left:1px solid #17A600!important;
    border-right:unset!important
}
.b-t-success{
    border-top:1px solid #17A600!important
}
.b-b-success{
    border-bottom:1px solid #17A600!important
}
.b-w-0.b-l-danger{
    border-left:0px solid #C42A02!important
}
[dir=rtl] .b-w-0.b-l-danger{
    border-right:0px solid #C42A02!important;
    border-left:unset!important
}
.b-w-0.b-r-danger{
    border-right:0px solid #C42A02!important
}
[dir=rtl] .b-w-0.b-r-danger{
    border-left:0px solid #C42A02!important;
    border-right:unset!important
}
.b-w-1.b-l-danger{
    border-left:1px solid #C42A02!important
}
[dir=rtl] .b-w-1.b-l-danger{
    border-right:1px solid #C42A02!important;
    border-left:unset!important
}
.b-w-1.b-r-danger{
    border-right:1px solid #C42A02!important
}
[dir=rtl] .b-w-1.b-r-danger{
    border-left:1px solid #C42A02!important;
    border-right:unset!important
}
.b-w-2.b-l-danger{
    border-left:2px solid #C42A02!important
}
[dir=rtl] .b-w-2.b-l-danger{
    border-right:2px solid #C42A02!important;
    border-left:unset!important
}
.b-w-2.b-r-danger{
    border-right:2px solid #C42A02!important
}
[dir=rtl] .b-w-2.b-r-danger{
    border-left:2px solid #C42A02!important;
    border-right:unset!important
}
.b-w-3.b-l-danger{
    border-left:3px solid #C42A02!important
}
[dir=rtl] .b-w-3.b-l-danger{
    border-right:3px solid #C42A02!important;
    border-left:unset!important
}
.b-w-3.b-r-danger{
    border-right:3px solid #C42A02!important
}
[dir=rtl] .b-w-3.b-r-danger{
    border-left:3px solid #C42A02!important;
    border-right:unset!important
}
.b-w-4.b-l-danger{
    border-left:4px solid #C42A02!important
}
[dir=rtl] .b-w-4.b-l-danger{
    border-right:4px solid #C42A02!important;
    border-left:unset!important
}
.b-w-4.b-r-danger{
    border-right:4px solid #C42A02!important
}
[dir=rtl] .b-w-4.b-r-danger{
    border-left:4px solid #C42A02!important;
    border-right:unset!important
}
.b-w-5.b-l-danger{
    border-left:5px solid #C42A02!important
}
[dir=rtl] .b-w-5.b-l-danger{
    border-right:5px solid #C42A02!important;
    border-left:unset!important
}
.b-w-5.b-r-danger{
    border-right:5px solid #C42A02!important
}
[dir=rtl] .b-w-5.b-r-danger{
    border-left:5px solid #C42A02!important;
    border-right:unset!important
}
.b-w-6.b-l-danger{
    border-left:6px solid #C42A02!important
}
[dir=rtl] .b-w-6.b-l-danger{
    border-right:6px solid #C42A02!important;
    border-left:unset!important
}
.b-w-6.b-r-danger{
    border-right:6px solid #C42A02!important
}
[dir=rtl] .b-w-6.b-r-danger{
    border-left:6px solid #C42A02!important;
    border-right:unset!important
}
.b-w-7.b-l-danger{
    border-left:7px solid #C42A02!important
}
[dir=rtl] .b-w-7.b-l-danger{
    border-right:7px solid #C42A02!important;
    border-left:unset!important
}
.b-w-7.b-r-danger{
    border-right:7px solid #C42A02!important
}
[dir=rtl] .b-w-7.b-r-danger{
    border-left:7px solid #C42A02!important;
    border-right:unset!important
}
.b-w-8.b-l-danger{
    border-left:8px solid #C42A02!important
}
[dir=rtl] .b-w-8.b-l-danger{
    border-right:8px solid #C42A02!important;
    border-left:unset!important
}
.b-w-8.b-r-danger{
    border-right:8px solid #C42A02!important
}
[dir=rtl] .b-w-8.b-r-danger{
    border-left:8px solid #C42A02!important;
    border-right:unset!important
}
.b-w-9.b-l-danger{
    border-left:9px solid #C42A02!important
}
[dir=rtl] .b-w-9.b-l-danger{
    border-right:9px solid #C42A02!important;
    border-left:unset!important
}
.b-w-9.b-r-danger{
    border-right:9px solid #C42A02!important
}
[dir=rtl] .b-w-9.b-r-danger{
    border-left:9px solid #C42A02!important;
    border-right:unset!important
}
.b-w-10.b-l-danger{
    border-left:10px solid #C42A02!important
}
[dir=rtl] .b-w-10.b-l-danger{
    border-right:10px solid #C42A02!important;
    border-left:unset!important
}
.b-w-10.b-r-danger{
    border-right:10px solid #C42A02!important
}
[dir=rtl] .b-w-10.b-r-danger{
    border-left:10px solid #C42A02!important;
    border-right:unset!important
}
.b-w-11.b-l-danger{
    border-left:11px solid #C42A02!important
}
[dir=rtl] .b-w-11.b-l-danger{
    border-right:11px solid #C42A02!important;
    border-left:unset!important
}
.b-w-11.b-r-danger{
    border-right:11px solid #C42A02!important
}
[dir=rtl] .b-w-11.b-r-danger{
    border-left:11px solid #C42A02!important;
    border-right:unset!important
}
.b-w-12.b-l-danger{
    border-left:12px solid #C42A02!important
}
[dir=rtl] .b-w-12.b-l-danger{
    border-right:12px solid #C42A02!important;
    border-left:unset!important
}
.b-w-12.b-r-danger{
    border-right:12px solid #C42A02!important
}
[dir=rtl] .b-w-12.b-r-danger{
    border-left:12px solid #C42A02!important;
    border-right:unset!important
}
.b-w-13.b-l-danger{
    border-left:13px solid #C42A02!important
}
[dir=rtl] .b-w-13.b-l-danger{
    border-right:13px solid #C42A02!important;
    border-left:unset!important
}
.b-w-13.b-r-danger{
    border-right:13px solid #C42A02!important
}
[dir=rtl] .b-w-13.b-r-danger{
    border-left:13px solid #C42A02!important;
    border-right:unset!important
}
.b-w-14.b-l-danger{
    border-left:14px solid #C42A02!important
}
[dir=rtl] .b-w-14.b-l-danger{
    border-right:14px solid #C42A02!important;
    border-left:unset!important
}
.b-w-14.b-r-danger{
    border-right:14px solid #C42A02!important
}
[dir=rtl] .b-w-14.b-r-danger{
    border-left:14px solid #C42A02!important;
    border-right:unset!important
}
.b-w-15.b-l-danger{
    border-left:15px solid #C42A02!important
}
[dir=rtl] .b-w-15.b-l-danger{
    border-right:15px solid #C42A02!important;
    border-left:unset!important
}
.b-w-15.b-r-danger{
    border-right:15px solid #C42A02!important
}
[dir=rtl] .b-w-15.b-r-danger{
    border-left:15px solid #C42A02!important;
    border-right:unset!important
}
.b-w-16.b-l-danger{
    border-left:16px solid #C42A02!important
}
[dir=rtl] .b-w-16.b-l-danger{
    border-right:16px solid #C42A02!important;
    border-left:unset!important
}
.b-w-16.b-r-danger{
    border-right:16px solid #C42A02!important
}
[dir=rtl] .b-w-16.b-r-danger{
    border-left:16px solid #C42A02!important;
    border-right:unset!important
}
.b-w-17.b-l-danger{
    border-left:17px solid #C42A02!important
}
[dir=rtl] .b-w-17.b-l-danger{
    border-right:17px solid #C42A02!important;
    border-left:unset!important
}
.b-w-17.b-r-danger{
    border-right:17px solid #C42A02!important
}
[dir=rtl] .b-w-17.b-r-danger{
    border-left:17px solid #C42A02!important;
    border-right:unset!important
}
.b-w-18.b-l-danger{
    border-left:18px solid #C42A02!important
}
[dir=rtl] .b-w-18.b-l-danger{
    border-right:18px solid #C42A02!important;
    border-left:unset!important
}
.b-w-18.b-r-danger{
    border-right:18px solid #C42A02!important
}
[dir=rtl] .b-w-18.b-r-danger{
    border-left:18px solid #C42A02!important;
    border-right:unset!important
}
.b-w-19.b-l-danger{
    border-left:19px solid #C42A02!important
}
[dir=rtl] .b-w-19.b-l-danger{
    border-right:19px solid #C42A02!important;
    border-left:unset!important
}
.b-w-19.b-r-danger{
    border-right:19px solid #C42A02!important
}
[dir=rtl] .b-w-19.b-r-danger{
    border-left:19px solid #C42A02!important;
    border-right:unset!important
}
.b-w-20.b-l-danger{
    border-left:20px solid #C42A02!important
}
[dir=rtl] .b-w-20.b-l-danger{
    border-right:20px solid #C42A02!important;
    border-left:unset!important
}
.b-w-20.b-r-danger{
    border-right:20px solid #C42A02!important
}
[dir=rtl] .b-w-20.b-r-danger{
    border-left:20px solid #C42A02!important;
    border-right:unset!important
}
.border-danger{
    border:1px solid #C42A02!important
}
[data-theme=dark] .border-danger{
    border:1px solid var(--solid-border)
}
.b-l-danger{
    border-left:1px solid #C42A02!important
}
[dir=rtl] .b-l-danger{
    border-right:1px solid #C42A02!important;
    border-left:unset!important
}
.b-r-danger{
    border-right:1px solid #C42A02!important
}
[dir=rtl] .b-r-danger{
    border-left:1px solid #C42A02!important;
    border-right:unset!important
}
.b-t-danger{
    border-top:1px solid #C42A02!important
}
.b-b-danger{
    border-bottom:1px solid #C42A02!important
}
.b-w-0.b-l-light{
    border-left:0px solid #F4F5F8!important
}
[dir=rtl] .b-w-0.b-l-light{
    border-right:0px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-0.b-r-light{
    border-right:0px solid #F4F5F8!important
}
[dir=rtl] .b-w-0.b-r-light{
    border-left:0px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-1.b-l-light{
    border-left:1px solid #F4F5F8!important
}
[dir=rtl] .b-w-1.b-l-light{
    border-right:1px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-1.b-r-light{
    border-right:1px solid #F4F5F8!important
}
[dir=rtl] .b-w-1.b-r-light{
    border-left:1px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-2.b-l-light{
    border-left:2px solid #F4F5F8!important
}
[dir=rtl] .b-w-2.b-l-light{
    border-right:2px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-2.b-r-light{
    border-right:2px solid #F4F5F8!important
}
[dir=rtl] .b-w-2.b-r-light{
    border-left:2px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-3.b-l-light{
    border-left:3px solid #F4F5F8!important
}
[dir=rtl] .b-w-3.b-l-light{
    border-right:3px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-3.b-r-light{
    border-right:3px solid #F4F5F8!important
}
[dir=rtl] .b-w-3.b-r-light{
    border-left:3px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-4.b-l-light{
    border-left:4px solid #F4F5F8!important
}
[dir=rtl] .b-w-4.b-l-light{
    border-right:4px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-4.b-r-light{
    border-right:4px solid #F4F5F8!important
}
[dir=rtl] .b-w-4.b-r-light{
    border-left:4px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-5.b-l-light{
    border-left:5px solid #F4F5F8!important
}
[dir=rtl] .b-w-5.b-l-light{
    border-right:5px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-5.b-r-light{
    border-right:5px solid #F4F5F8!important
}
[dir=rtl] .b-w-5.b-r-light{
    border-left:5px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-6.b-l-light{
    border-left:6px solid #F4F5F8!important
}
[dir=rtl] .b-w-6.b-l-light{
    border-right:6px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-6.b-r-light{
    border-right:6px solid #F4F5F8!important
}
[dir=rtl] .b-w-6.b-r-light{
    border-left:6px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-7.b-l-light{
    border-left:7px solid #F4F5F8!important
}
[dir=rtl] .b-w-7.b-l-light{
    border-right:7px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-7.b-r-light{
    border-right:7px solid #F4F5F8!important
}
[dir=rtl] .b-w-7.b-r-light{
    border-left:7px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-8.b-l-light{
    border-left:8px solid #F4F5F8!important
}
[dir=rtl] .b-w-8.b-l-light{
    border-right:8px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-8.b-r-light{
    border-right:8px solid #F4F5F8!important
}
[dir=rtl] .b-w-8.b-r-light{
    border-left:8px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-9.b-l-light{
    border-left:9px solid #F4F5F8!important
}
[dir=rtl] .b-w-9.b-l-light{
    border-right:9px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-9.b-r-light{
    border-right:9px solid #F4F5F8!important
}
[dir=rtl] .b-w-9.b-r-light{
    border-left:9px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-10.b-l-light{
    border-left:10px solid #F4F5F8!important
}
[dir=rtl] .b-w-10.b-l-light{
    border-right:10px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-10.b-r-light{
    border-right:10px solid #F4F5F8!important
}
[dir=rtl] .b-w-10.b-r-light{
    border-left:10px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-11.b-l-light{
    border-left:11px solid #F4F5F8!important
}
[dir=rtl] .b-w-11.b-l-light{
    border-right:11px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-11.b-r-light{
    border-right:11px solid #F4F5F8!important
}
[dir=rtl] .b-w-11.b-r-light{
    border-left:11px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-12.b-l-light{
    border-left:12px solid #F4F5F8!important
}
[dir=rtl] .b-w-12.b-l-light{
    border-right:12px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-12.b-r-light{
    border-right:12px solid #F4F5F8!important
}
[dir=rtl] .b-w-12.b-r-light{
    border-left:12px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-13.b-l-light{
    border-left:13px solid #F4F5F8!important
}
[dir=rtl] .b-w-13.b-l-light{
    border-right:13px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-13.b-r-light{
    border-right:13px solid #F4F5F8!important
}
[dir=rtl] .b-w-13.b-r-light{
    border-left:13px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-14.b-l-light{
    border-left:14px solid #F4F5F8!important
}
[dir=rtl] .b-w-14.b-l-light{
    border-right:14px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-14.b-r-light{
    border-right:14px solid #F4F5F8!important
}
[dir=rtl] .b-w-14.b-r-light{
    border-left:14px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-15.b-l-light{
    border-left:15px solid #F4F5F8!important
}
[dir=rtl] .b-w-15.b-l-light{
    border-right:15px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-15.b-r-light{
    border-right:15px solid #F4F5F8!important
}
[dir=rtl] .b-w-15.b-r-light{
    border-left:15px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-16.b-l-light{
    border-left:16px solid #F4F5F8!important
}
[dir=rtl] .b-w-16.b-l-light{
    border-right:16px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-16.b-r-light{
    border-right:16px solid #F4F5F8!important
}
[dir=rtl] .b-w-16.b-r-light{
    border-left:16px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-17.b-l-light{
    border-left:17px solid #F4F5F8!important
}
[dir=rtl] .b-w-17.b-l-light{
    border-right:17px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-17.b-r-light{
    border-right:17px solid #F4F5F8!important
}
[dir=rtl] .b-w-17.b-r-light{
    border-left:17px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-18.b-l-light{
    border-left:18px solid #F4F5F8!important
}
[dir=rtl] .b-w-18.b-l-light{
    border-right:18px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-18.b-r-light{
    border-right:18px solid #F4F5F8!important
}
[dir=rtl] .b-w-18.b-r-light{
    border-left:18px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-19.b-l-light{
    border-left:19px solid #F4F5F8!important
}
[dir=rtl] .b-w-19.b-l-light{
    border-right:19px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-19.b-r-light{
    border-right:19px solid #F4F5F8!important
}
[dir=rtl] .b-w-19.b-r-light{
    border-left:19px solid #F4F5F8!important;
    border-right:unset!important
}
.b-w-20.b-l-light{
    border-left:20px solid #F4F5F8!important
}
[dir=rtl] .b-w-20.b-l-light{
    border-right:20px solid #F4F5F8!important;
    border-left:unset!important
}
.b-w-20.b-r-light{
    border-right:20px solid #F4F5F8!important
}
[dir=rtl] .b-w-20.b-r-light{
    border-left:20px solid #F4F5F8!important;
    border-right:unset!important
}
.border-light{
    border:1px solid #F4F5F8!important
}
[data-theme=dark] .border-light{
    border:1px solid var(--solid-border)
}
.b-l-light{
    border-left:1px solid #F4F5F8!important
}
[dir=rtl] .b-l-light{
    border-right:1px solid #F4F5F8!important;
    border-left:unset!important
}
.b-r-light{
    border-right:1px solid #F4F5F8!important
}
[dir=rtl] .b-r-light{
    border-left:1px solid #F4F5F8!important;
    border-right:unset!important
}
.b-t-light{
    border-top:1px solid #F4F5F8!important
}
.b-b-light{
    border-bottom:1px solid #F4F5F8!important
}
.b-w-0{
    border-width:0px!important
}
.b-w-0.b-l-dark{
    border-left:0px solid #2C2C31!important
}
[dir=rtl] .b-w-0.b-l-dark{
    border-right:0px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-0.b-r-dark{
    border-right:0px solid #2C2C31!important
}
[dir=rtl] .b-w-0.b-r-dark{
    border-left:0px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-1{
    border-width:1px!important
}
.b-w-1.b-l-dark{
    border-left:1px solid #2C2C31!important
}
[dir=rtl] .b-w-1.b-l-dark{
    border-right:1px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-1.b-r-dark{
    border-right:1px solid #2C2C31!important
}
[dir=rtl] .b-w-1.b-r-dark{
    border-left:1px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-2{
    border-width:2px!important
}
.b-w-2.b-l-dark{
    border-left:2px solid #2C2C31!important
}
[dir=rtl] .b-w-2.b-l-dark{
    border-right:2px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-2.b-r-dark{
    border-right:2px solid #2C2C31!important
}
[dir=rtl] .b-w-2.b-r-dark{
    border-left:2px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-3{
    border-width:3px!important
}
.b-w-3.b-l-dark{
    border-left:3px solid #2C2C31!important
}
[dir=rtl] .b-w-3.b-l-dark{
    border-right:3px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-3.b-r-dark{
    border-right:3px solid #2C2C31!important
}
[dir=rtl] .b-w-3.b-r-dark{
    border-left:3px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-4{
    border-width:4px!important
}
.b-w-4.b-l-dark{
    border-left:4px solid #2C2C31!important
}
[dir=rtl] .b-w-4.b-l-dark{
    border-right:4px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-4.b-r-dark{
    border-right:4px solid #2C2C31!important
}
[dir=rtl] .b-w-4.b-r-dark{
    border-left:4px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-5{
    border-width:5px!important
}
.b-w-5.b-l-dark{
    border-left:5px solid #2C2C31!important
}
[dir=rtl] .b-w-5.b-l-dark{
    border-right:5px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-5.b-r-dark{
    border-right:5px solid #2C2C31!important
}
[dir=rtl] .b-w-5.b-r-dark{
    border-left:5px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-6{
    border-width:6px!important
}
.b-w-6.b-l-dark{
    border-left:6px solid #2C2C31!important
}
[dir=rtl] .b-w-6.b-l-dark{
    border-right:6px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-6.b-r-dark{
    border-right:6px solid #2C2C31!important
}
[dir=rtl] .b-w-6.b-r-dark{
    border-left:6px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-7{
    border-width:7px!important
}
.b-w-7.b-l-dark{
    border-left:7px solid #2C2C31!important
}
[dir=rtl] .b-w-7.b-l-dark{
    border-right:7px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-7.b-r-dark{
    border-right:7px solid #2C2C31!important
}
[dir=rtl] .b-w-7.b-r-dark{
    border-left:7px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-8{
    border-width:8px!important
}
.b-w-8.b-l-dark{
    border-left:8px solid #2C2C31!important
}
[dir=rtl] .b-w-8.b-l-dark{
    border-right:8px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-8.b-r-dark{
    border-right:8px solid #2C2C31!important
}
[dir=rtl] .b-w-8.b-r-dark{
    border-left:8px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-9{
    border-width:9px!important
}
.b-w-9.b-l-dark{
    border-left:9px solid #2C2C31!important
}
[dir=rtl] .b-w-9.b-l-dark{
    border-right:9px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-9.b-r-dark{
    border-right:9px solid #2C2C31!important
}
[dir=rtl] .b-w-9.b-r-dark{
    border-left:9px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-10{
    border-width:10px!important
}
.b-w-10.b-l-dark{
    border-left:10px solid #2C2C31!important
}
[dir=rtl] .b-w-10.b-l-dark{
    border-right:10px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-10.b-r-dark{
    border-right:10px solid #2C2C31!important
}
[dir=rtl] .b-w-10.b-r-dark{
    border-left:10px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-11{
    border-width:11px!important
}
.b-w-11.b-l-dark{
    border-left:11px solid #2C2C31!important
}
[dir=rtl] .b-w-11.b-l-dark{
    border-right:11px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-11.b-r-dark{
    border-right:11px solid #2C2C31!important
}
[dir=rtl] .b-w-11.b-r-dark{
    border-left:11px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-12{
    border-width:12px!important
}
.b-w-12.b-l-dark{
    border-left:12px solid #2C2C31!important
}
[dir=rtl] .b-w-12.b-l-dark{
    border-right:12px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-12.b-r-dark{
    border-right:12px solid #2C2C31!important
}
[dir=rtl] .b-w-12.b-r-dark{
    border-left:12px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-13{
    border-width:13px!important
}
.b-w-13.b-l-dark{
    border-left:13px solid #2C2C31!important
}
[dir=rtl] .b-w-13.b-l-dark{
    border-right:13px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-13.b-r-dark{
    border-right:13px solid #2C2C31!important
}
[dir=rtl] .b-w-13.b-r-dark{
    border-left:13px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-14{
    border-width:14px!important
}
.b-w-14.b-l-dark{
    border-left:14px solid #2C2C31!important
}
[dir=rtl] .b-w-14.b-l-dark{
    border-right:14px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-14.b-r-dark{
    border-right:14px solid #2C2C31!important
}
[dir=rtl] .b-w-14.b-r-dark{
    border-left:14px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-15{
    border-width:15px!important
}
.b-w-15.b-l-dark{
    border-left:15px solid #2C2C31!important
}
[dir=rtl] .b-w-15.b-l-dark{
    border-right:15px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-15.b-r-dark{
    border-right:15px solid #2C2C31!important
}
[dir=rtl] .b-w-15.b-r-dark{
    border-left:15px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-16{
    border-width:16px!important
}
.b-w-16.b-l-dark{
    border-left:16px solid #2C2C31!important
}
[dir=rtl] .b-w-16.b-l-dark{
    border-right:16px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-16.b-r-dark{
    border-right:16px solid #2C2C31!important
}
[dir=rtl] .b-w-16.b-r-dark{
    border-left:16px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-17{
    border-width:17px!important
}
.b-w-17.b-l-dark{
    border-left:17px solid #2C2C31!important
}
[dir=rtl] .b-w-17.b-l-dark{
    border-right:17px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-17.b-r-dark{
    border-right:17px solid #2C2C31!important
}
[dir=rtl] .b-w-17.b-r-dark{
    border-left:17px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-18{
    border-width:18px!important
}
.b-w-18.b-l-dark{
    border-left:18px solid #2C2C31!important
}
[dir=rtl] .b-w-18.b-l-dark{
    border-right:18px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-18.b-r-dark{
    border-right:18px solid #2C2C31!important
}
[dir=rtl] .b-w-18.b-r-dark{
    border-left:18px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-19{
    border-width:19px!important
}
.b-w-19.b-l-dark{
    border-left:19px solid #2C2C31!important
}
[dir=rtl] .b-w-19.b-l-dark{
    border-right:19px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-19.b-r-dark{
    border-right:19px solid #2C2C31!important
}
[dir=rtl] .b-w-19.b-r-dark{
    border-left:19px solid #2C2C31!important;
    border-right:unset!important
}
.b-w-20{
    border-width:20px!important
}
.b-w-20.b-l-dark{
    border-left:20px solid #2C2C31!important
}
[dir=rtl] .b-w-20.b-l-dark{
    border-right:20px solid #2C2C31!important;
    border-left:unset!important
}
.b-w-20.b-r-dark{
    border-right:20px solid #2C2C31!important
}
[dir=rtl] .b-w-20.b-r-dark{
    border-left:20px solid #2C2C31!important;
    border-right:unset!important
}
.border-dark{
    border:1px solid #2C2C31!important
}
[data-theme=dark] .border-dark{
    border:1px solid var(--solid-border)
}
.b-l-dark{
    border-left:1px solid #2C2C31!important
}
[dir=rtl] .b-l-dark{
    border-right:1px solid #2C2C31!important;
    border-left:unset!important
}
.b-r-dark{
    border-right:1px solid #2C2C31!important
}
[dir=rtl] .b-r-dark{
    border-left:1px solid #2C2C31!important;
    border-right:unset!important
}
.b-t-dark{
    border-top:1px solid #2C2C31!important
}
.b-b-dark{
    border-bottom:1px solid #2C2C31!important
}
.flat-btn{
    border-radius:0
}
.edge-btn{
    border-radius:60px
}
.btn-raised-primary{
    box-shadow:0 5px 10px 2px #5867dd30!important
}
.btn-raised-primary:hover,.btn-raised-primary:active,.btn-raised-primary:not([disabled]):not(.disabled):active{
    background-color:#35948e;
    border-color:#35948e
}
.input-air-primary{
    box-shadow:0 3px 5px 1px #43b9b21a!important
}
.input-air-primary:focus{
    border-color:#43b9b2
}
.btn-raised-secondary{
    box-shadow:0 5px 10px 2px #5867dd30!important
}
.btn-raised-secondary:hover,.btn-raised-secondary:active,.btn-raised-secondary:not([disabled]):not(.disabled):active{
    background-color:#b05ac5;
    border-color:#b05ac5
}
.input-air-secondary{
    box-shadow:0 3px 5px 1px #c280d21a!important
}
.input-air-secondary:focus{
    border-color:#c280d2
}
.btn-raised-tertiary{
    box-shadow:0 5px 10px 2px #5867dd30!important
}
.btn-raised-tertiary:hover,.btn-raised-tertiary:active,.btn-raised-tertiary:not([disabled]):not(.disabled):active{
    background-color:#fc5c0e;
    border-color:#fc5c0e
}
.input-air-tertiary{
    box-shadow:0 3px 5px 1px #fd7e401a!important
}
.input-air-tertiary:focus{
    border-color:#fd7e40
}
.btn-raised-success{
    box-shadow:0 5px 10px 2px #5867dd30!important
}
.btn-raised-success:hover,.btn-raised-success:active,.btn-raised-success:not([disabled]):not(.disabled):active{
    background-color:#107300;
    border-color:#107300
}
.input-air-success{
    box-shadow:0 3px 5px 1px #17a6001a!important
}
.input-air-success:focus{
    border-color:#17a600
}
.btn-raised-danger{
    box-shadow:0 5px 10px 2px #5867dd30!important
}
.btn-raised-danger:hover,.btn-raised-danger:active,.btn-raised-danger:not([disabled]):not(.disabled):active{
    background-color:#921f01;
    border-color:#921f01
}
.input-air-danger{
    box-shadow:0 3px 5px 1px #c42a021a!important
}
.input-air-danger:focus{
    border-color:#c42a02
}
.btn-raised-info{
    box-shadow:0 5px 10px 2px #5867dd30!important
}
.btn-raised-info:hover,.btn-raised-info:active,.btn-raised-info:not([disabled]):not(.disabled):active{
    background-color:#2471aa;
    border-color:#2471aa
}
.input-air-info{
    box-shadow:0 3px 5px 1px #2e8dd31a!important
}
.input-air-info:focus{
    border-color:#2e8dd3
}
.btn-raised-light{
    box-shadow:0 5px 10px 2px #5867dd30!important
}
.btn-raised-light:hover,.btn-raised-light:active,.btn-raised-light:not([disabled]):not(.disabled):active{
    background-color:#d5d9e4;
    border-color:#d5d9e4
}
.input-air-light{
    box-shadow:0 3px 5px 1px #f4f5f81a!important
}
.input-air-light:focus{
    border-color:#f4f5f8
}
.btn-raised-dark{
    box-shadow:0 5px 10px 2px #5867dd30!important
}
.btn-raised-dark:hover,.btn-raised-dark:active,.btn-raised-dark:not([disabled]):not(.disabled):active{
    background-color:#141416;
    border-color:#141416
}
.input-air-dark{
    box-shadow:0 3px 5px 1px #2c2c311a!important
}
.input-air-dark:focus{
    border-color:#2c2c31
}
.btn-raised-warning{
    box-shadow:0 5px 10px 2px #5867dd30!important
}
.btn-raised-warning:hover,.btn-raised-warning:active,.btn-raised-warning:not([disabled]):not(.disabled):active{
    background-color:#ec971f;
    border-color:#ec971f
}
.input-air-warning{
    box-shadow:0 3px 5px 1px #f0ad4e1a!important
}
.input-air-warning:focus{
    border-color:#f0ad4e
}
.buttons-tab .btn{
    width:100%
}
.buttons-tab .card-wrapper{
    border:var(--light-border);
    color:var(--body-font-color);
    height:100%
}
.buttons-tab .card-wrapper.bg-light-primary .nav-link.active [class*=circle-dot-] span{
    background-color:var(--theme-default)
}
.buttons-tab .card-wrapper.bg-light-secondary .nav-link.active [class*=circle-dot-] span{
    background-color:var(--theme-secondary)
}
.buttons-tab .card-wrapper .nav-link{
    display:flex;
    align-items:center;
    color:var(--body-font-color)
}
.buttons-tab .card-wrapper .nav-link [class*=circle-dot-]{
    margin-right:10px
}
.buttons-tab .card-wrapper .nav-link [class*=circle-dot-] span{
    background-color:transparent
}
@media (max-width: 1690px){
    .buttons-tab .card-wrapper .nav-link{
        padding:6px 8px
    }
}
@media (max-width: 1580px){
    .buttons-tab .card-wrapper .nav-link{
        padding:6px 0
    }
}
.buttons-tab .card-wrapper .nav-link.active{
    background-color:transparent!important
}
.buttons-tab .bg-light-primary .nav-link.active{
    color:var(--theme-default)!important
}
.buttons-tab .bg-light-secondary .nav-link.active{
    color:#c280d2!important
}
.badge-primary{
    background-color:#43b9b2;
    border-color:#43b9b2
}
.badge-primary:hover,.badge-primary:focus,.badge-primary:active:focus{
    background-color:#43b9b2;
    border-color:#43b9b2
}
.badge-light-primary{
    background-color:#43b9b21a;
    color:#43b9b2!important
}
[data-theme=dark] .badge-light-primary span{
    color:#43b9b2!important
}
.badge-secondary{
    background-color:#c280d2;
    border-color:#c280d2
}
.badge-secondary:hover,.badge-secondary:focus,.badge-secondary:active:focus{
    background-color:#c280d2;
    border-color:#c280d2
}
.badge-light-secondary{
    background-color:#c280d21a;
    color:#c280d2!important
}
[data-theme=dark] .badge-light-secondary span{
    color:#c280d2!important
}
.badge-tertiary{
    background-color:#fd7e40;
    border-color:#fd7e40
}
.badge-tertiary:hover,.badge-tertiary:focus,.badge-tertiary:active:focus{
    background-color:#fd7e40;
    border-color:#fd7e40
}
.badge-light-tertiary{
    background-color:#fd7e401a;
    color:#fd7e40!important
}
[data-theme=dark] .badge-light-tertiary span{
    color:#fd7e40!important
}
.badge-warning{
    background-color:#f0ad4e;
    border-color:#f0ad4e
}
.badge-warning:hover,.badge-warning:focus,.badge-warning:active:focus{
    background-color:#f0ad4e;
    border-color:#f0ad4e
}
.badge-light-warning{
    background-color:#f0ad4e1a;
    color:#f0ad4e!important
}
[data-theme=dark] .badge-light-warning span{
    color:#f0ad4e!important
}
.badge-info{
    background-color:#2e8dd3;
    border-color:#2e8dd3
}
.badge-info:hover,.badge-info:focus,.badge-info:active:focus{
    background-color:#2e8dd3;
    border-color:#2e8dd3
}
.badge-light-info{
    background-color:#2e8dd31a;
    color:#2e8dd3!important
}
[data-theme=dark] .badge-light-info span{
    color:#2e8dd3!important
}
.badge-success{
    background-color:#17a600;
    border-color:#17a600
}
.badge-success:hover,.badge-success:focus,.badge-success:active:focus{
    background-color:#17a600;
    border-color:#17a600
}
.badge-light-success{
    background-color:#17a6001a;
    color:#17a600!important
}
[data-theme=dark] .badge-light-success span{
    color:#17a600!important
}
.badge-danger{
    background-color:#c42a02;
    border-color:#c42a02
}
.badge-danger:hover,.badge-danger:focus,.badge-danger:active:focus{
    background-color:#c42a02;
    border-color:#c42a02
}
.badge-light-danger{
    background-color:#c42a021a;
    color:#c42a02!important
}
[data-theme=dark] .badge-light-danger span{
    color:#c42a02!important
}
.badge-light{
    background-color:#f4f5f8;
    border-color:#f4f5f8
}
.badge-light:hover,.badge-light:focus,.badge-light:active:focus{
    background-color:#f4f5f8;
    border-color:#f4f5f8
}
.badge-light-light{
    background-color:#f4f5f81a;
    color:#f4f5f8!important
}
[data-theme=dark] .badge-light-light span{
    color:#f4f5f8!important
}
.badge-dark{
    background-color:#2c2c31;
    border-color:#2c2c31
}
.badge-dark:hover,.badge-dark:focus,.badge-dark:active:focus{
    background-color:#2c2c31;
    border-color:#2c2c31
}
.badge-light-dark{
    background-color:#2c2c311a;
    color:#2c2c31!important
}
[data-theme=dark] .badge-light-dark span{
    color:#2c2c31!important
}
.badge{
    padding:.44em .7em;
    font-family:Outfit,sans-serif,sans-serif;
    font-weight:500
}
.badge+.badge{
    margin-left:5px
}
.badge svg{
    width:16px;
    height:16px;
    padding-top:3px
}
.touchspin-badge .touchspin-wrapper{
    position:relative;
    display:inline-block
}
.touchspin-badge .touchspin-wrapper .menu-icon{
    width:40px;
    height:40px;
    background-color:var(--light-color);
    border-radius:0;
    padding:0;
    margin:0 auto 10px;
    display:flex;
    align-items:center;
    justify-content:center
}
.touchspin-badge .touchspin-wrapper .badge{
    position:absolute;
    top:-4px;
    right:4px
}
.touchspin-badge .touchspin-wrapper button{
    padding:2px 8px 4px
}
.touchspin-badge .touchspin-wrapper button:hover svg{
    stroke:var(--white)
}
.touchspin-badge .touchspin-wrapper button+button{
    margin-left:-4px
}
.touchspin-badge input.badge{
    display:block;
    padding:4px;
    width:30px
}
.center-badge li{
    width:60px;
    height:60px;
    border-radius:100%;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center
}
.center-badge li .badge{
    position:absolute;
    bottom:-6px;
    left:auto;
    right:auto;
    padding:3px 5px 5px
}
@media (min-width: 992px) and (max-width: 1399.98px){
    .center-badge li .badge{
        bottom:-10px
    }
}
@media (max-width: 575.98px){
    .center-badge li .badge{
        bottom:-10px
    }
}
.center-badge li+li{
    margin-left:14px
}
[dir=rtl] .center-badge li+li{
    margin-left:unset;
    margin-right:14px
}
@media (min-width: 992px) and (max-width: 1399.98px){
    .center-badge li{
        width:48px;
        height:48px
    }
}
@media (max-width: 575.98px){
    .center-badge li{
        width:48px;
        height:48px
    }
}
.animated-badge ul li{
    position:relative
}
.animated-badge ul li+li{
    margin-left:14px
}
[dir=rtl] .animated-badge ul li+li{
    margin-left:unset;
    margin-right:14px
}
.animated-badge ul li span{
    width:8px;
    height:8px;
    position:absolute;
    top:-2px;
    right:-2px;
    animation:round 1.3s ease-in-out infinite;
    min-width:6px;
    border-radius:100%;
    z-index:2
}
.badge-heading{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding-bottom:10px
}
.button-badge .badge-spacing .badge.btn-p-space{
    padding:6px
}
.button-badge .badge-spacing .badge.btn-p-space svg.feather{
    width:14px;
    height:14px
}
[data-theme=dark] .button-badge .badge-spacing .badge.btn-p-space svg.feather{
    stroke:var(--black)
}
.badge-spacing{
    display:flex;
    flex-wrap:wrap;
    gap:12px
}
.badge-spacing a:hover{
    color:var(--white)
}
.badge-spacing .badge{
    padding:6px 12px;
    font-size:12px
}
.badge-spacing .badge.badge svg{
    padding-top:0
}
.badge-spacing .badge.badge svg.feather{
    width:16px;
    height:16px
}
[data-theme=dark] .badge-spacing .badge.badge svg.feather{
    stroke:var(--black)
}
.badge-spacing .badge.rounded-circle{
    padding:10px 14px;
    display:flex;
    justify-content:center;
    align-items:center
}
.badge-spacing .badge.badge-p-space{
    padding:10px 14px
}
.badge-spacing .badge+.badge{
    margin-left:0
}
.badge-spacing .badge.btn-p-space{
    padding:8px 10px
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .badge-spacing{
        gap:12px 8px
    }
}
[data-theme=dark] .badge-dark{
    background-color:var(--light-color);
    border-color:var(--light-color)
}
.page-title{
    align-items:center;
    padding:25px 0
}
@media (max-width: 767.98px){
    .page-title{
        padding:16px 0
    }
}
.page-title .breadcrumb{
    --bs-breadcrumb-margin-bottom: 0
}
.page-title .breadcrumb-item{
    color:var(--theme-default);
    font-weight:600
}
.page-title .breadcrumb-item.active{
    text-transform:capitalize;
    color:#43b9b299
}
.page-title .breadcrumb-item+.breadcrumb-item:before{
    color:var(--theme-default)
}
.page-title .breadcrumb-item .svg-color{
    padding:8px;
    width:30px;
    height:30px;
    stroke:var(--theme-default);
    background-color:#43b9b21a
}
.page-title h3,.page-title .h3{
    font-weight:600
}
@media (max-width: 767.98px){
    .page-title h3,.page-title .h3{
        margin-bottom:10px
    }
}
.breadcrumb{
    --bs-breadcrumb-margin-bottom: 0
}
.breadcrumb-item{
    color:var(--theme-default)
}
.breadcrumb-item.active{
    color:var(--body-font-color)
}
.breadcrumb-item+.breadcrumb-item:before{
    color:var(--body-font-color)
}
.breadcrumb-item .svg-color{
    padding:8px;
    width:30px;
    height:30px;
    stroke:var(--theme-default);
    background-color:#43b9b21a
}
.breadcrumb-icon{
    --bs-breadcrumb-divider: ">"
}
.breadcrumb-no-divider{
    --bs-breadcrumb-divider: ""
}
.breadcrumb-item .home-icon{
    width:15px;
    height:15px;
    stroke:var(--theme-default);
    vertical-align:sub
}
.breadcrumb-space .breadcrumb-item+.breadcrumb-item:before{
    content:"";
    width:4px;
    height:4px;
    padding-right:0;
    border-radius:50%;
    float:left;
    margin-right:7px;
    margin-top:9px;
    background-color:var(--light-font)
}
.breadcrumb-colored{
    padding:12px 16px;
    border-radius:4px
}
.breadcrumb-colored li.active{
    color:var(--white);
    opacity:.7
}
.breadcrumb-colored li a{
    color:var(--white)
}
.breadcrumb-colored .breadcrumb-item:before{
    color:var(--white)
}
.card{
    --bs-card-cap-color: var(--light-font);
    --bs-card-color: var(--body-font-color);
    margin-bottom:24px;
    border:2px solid var(--light-color);
    border-radius:5px;
    background-color:var(--card-color);
    box-shadow:var(--card-box-shadow)
}
@media (max-width: 575.98px){
    .card{
        margin-bottom:14px
    }
}
.card-header{
    border:none;
    position:relative;
    padding:18px;
    background-color:var(--card-color)
}
@media (max-width: 575.98px){
    .card-header{
        padding:16px
    }
}
.card-header h4,.card-header .h4{
    text-transform:capitalize
}
[data-theme=dark] .card-header h4,[data-theme=dark] .card-header .h4{
    color:var(--light-font)
}
@media (max-width: 767.98px){
    .card-header h4,.card-header .h4{
        font-size:18px
    }
}
.card-header p.desc{
    display:block;
    color:var(--light-font)
}
.card-header p.desc code{
    margin:0 4px
}
[class=desc] .card-header p.desc code{
    display:none
}
.card-header p.desc code:empty,.card-header p.desc span:empty{
    display:none
}
[class=desc] .card-header p.desc code:empty,[class=desc] .card-header p.desc span:empty{
    display:none
}
.card-header p.desc:has(span):empty{
    display:none
}
.card-header .card-header-right{
    right:19px;
    top:19px;
    display:inline-block;
    float:right;
    padding:8px 0;
    position:absolute;
    z-index:1;
    background-color:#fff
}
[data-theme=dark] .card-header .card-header-right{
    background-color:var(--card-color)
}
@media (max-width: 575.98px){
    .card-header .card-header-right{
        top:16px
    }
}
.card .sub-title{
    padding-bottom:12px;
    font-size:16px
}
.card-body{
    padding:18px
}
@media (max-width: 575.98px){
    .card-body{
        padding:16px
    }
}
.card-footer{
    padding:18px;
    background-color:var(--card-color);
    border-top:var(--light-border)
}
.card.full-card{
    position:fixed;
    top:0;
    z-index:99999;
    box-shadow:none;
    right:0;
    border-radius:0;
    border:1px solid var(--light-semi-gray);
    width:calc(100vw - 12px);
    height:100vh
}
.card.full-card .card-body{
    overflow:auto
}
.card-absolute{
    margin-top:20px
}
.card-absolute .card-header{
    position:absolute;
    top:-20px;
    left:18px;
    border-radius:.25rem;
    padding:6px 12px
}
.card-absolute .card-header h5,.card-absolute .card-header .h5{
    font-size:17px
}
.card-absolute .card-body{
    margin-top:10px
}
.card-social{
    text-align:center
}
.card-social li{
    display:inline-block;
    padding:15px 0
}
.card-social li:last-child a{
    margin-right:0
}
.card-social li a{
    padding:0;
    margin-right:15px;
    color:#bcc6de;
    font-size:16px;
    transition:all .3s ease
}
.card-social li a:hover{
    color:var(--theme-default);
    transition:all .3s ease
}
.social-profile{
    text-align:center;
    background-image:url(/build/assets/profile-bg-Yypm1dln.png);
    background-repeat:no-repeat;
    background-size:cover
}
[data-theme=dark] .social-profile{
    background:var(--card-color)
}
.social-profile .card-body{
    padding-left:20px;
    padding-right:20px
}
@media (max-width: 1399.98px){
    .social-profile .card-body{
        padding:23px 15px
    }
}
@media (max-width: 991.98px){
    .social-profile .card-body{
        padding:20px
    }
}
.social-details{
    margin-top:15px
}
.social-details h4 a,.social-details .h4 a{
    color:var(--body-font-color)
}
[data-theme=dark] .social-details h4 a,[data-theme=dark] .social-details .h4 a{
    color:var(--light-font)
}
.social-details .social-follow{
    column-count:3;
    column-gap:30px;
    margin-top:25px
}
@media (max-width: 1399.98px){
    .social-details .social-follow{
        column-gap:23px
    }
}
.social-details .social-follow li{
    position:relative
}
.social-details .social-follow li+li:before{
    position:absolute;
    content:"";
    height:14px;
    border:var(--light-border);
    left:-15px;
    top:50%;
    transform:translateY(-50%)
}
[dir=rtl] .social-details .social-follow li+li:before{
    left:unset;
    right:-15px
}
.social-details .card-social{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:15px
}
.social-img-wrap{
    background:linear-gradient(253deg,var(--theme-default) 11.51%,rgba(67,185,178,0) 82.07%);
    display:inline-block;
    border-radius:100%;
    padding:2px;
    position:relative
}
.social-img-wrap .edit-icon{
    position:absolute;
    right:0;
    bottom:0
}
.social-img-wrap .edit-icon svg{
    width:26px;
    height:27px;
    border-radius:100%;
    border:2px solid #ffffff;
    background:#fff
}
[data-theme=dark] .social-img-wrap .edit-icon svg{
    background:var(--card-color);
    border-color:var(--card-color)
}
.social-img{
    padding:5px;
    background:#fff;
    border-radius:100%
}
[data-theme=dark] .social-img{
    background:var(--card-color)
}
.social-img img{
    height:68px;
    border-radius:100%
}
.circle-dot-primary{
    width:16px;
    height:16px;
    border-radius:10px;
    border:var(--light-border);
    display:flex;
    align-items:center;
    justify-content:center
}
.circle-dot-primary span{
    width:8px;
    height:8px;
    background-color:#43b9b2;
    border-radius:10px
}
.circle-dot-secondary{
    width:16px;
    height:16px;
    border-radius:10px;
    border:var(--light-border);
    display:flex;
    align-items:center;
    justify-content:center
}
.circle-dot-secondary span{
    width:8px;
    height:8px;
    background-color:#c280d2;
    border-radius:10px
}
.circle-dot-tertiary{
    width:16px;
    height:16px;
    border-radius:10px;
    border:var(--light-border);
    display:flex;
    align-items:center;
    justify-content:center
}
.circle-dot-tertiary span{
    width:8px;
    height:8px;
    background-color:#fd7e40;
    border-radius:10px
}
.circle-dot-success{
    width:16px;
    height:16px;
    border-radius:10px;
    border:var(--light-border);
    display:flex;
    align-items:center;
    justify-content:center
}
.circle-dot-success span{
    width:8px;
    height:8px;
    background-color:#17a600;
    border-radius:10px
}
.circle-dot-warning{
    width:16px;
    height:16px;
    border-radius:10px;
    border:var(--light-border);
    display:flex;
    align-items:center;
    justify-content:center
}
.circle-dot-warning span{
    width:8px;
    height:8px;
    background-color:#f0ad4e;
    border-radius:10px
}
.circle-dot-danger{
    width:16px;
    height:16px;
    border-radius:10px;
    border:var(--light-border);
    display:flex;
    align-items:center;
    justify-content:center
}
.circle-dot-danger span{
    width:8px;
    height:8px;
    background-color:#c42a02;
    border-radius:10px
}
.circle-dot-info{
    width:16px;
    height:16px;
    border-radius:10px;
    border:var(--light-border);
    display:flex;
    align-items:center;
    justify-content:center
}
.circle-dot-info span{
    width:8px;
    height:8px;
    background-color:#2e8dd3;
    border-radius:10px
}
.circle-dot-light{
    width:16px;
    height:16px;
    border-radius:10px;
    border:var(--light-border);
    display:flex;
    align-items:center;
    justify-content:center
}
.circle-dot-light span{
    width:8px;
    height:8px;
    background-color:#f4f5f8;
    border-radius:10px
}
.circle-dot-dark{
    width:16px;
    height:16px;
    border-radius:10px;
    border:var(--light-border);
    display:flex;
    align-items:center;
    justify-content:center
}
.circle-dot-dark span{
    width:8px;
    height:8px;
    background-color:var(--body-font-color);
    border-radius:10px
}
.font-primary{
    color:#43b9b2!important
}
.stroke-primary{
    stroke:#43b9b2!important
}
.fill-primary{
    fill:#43b9b2
}
.toast-primary{
    color:#43b9b2
}
.font-secondary{
    color:#c280d2!important
}
.stroke-secondary{
    stroke:#c280d2!important
}
.fill-secondary{
    fill:#c280d2
}
.toast-secondary{
    color:#c280d2
}
.font-tertiary{
    color:#fd7e40!important
}
.stroke-tertiary{
    stroke:#fd7e40!important
}
.fill-tertiary{
    fill:#fd7e40
}
.toast-tertiary{
    color:#fd7e40
}
.font-success{
    color:#17a600!important
}
.stroke-success{
    stroke:#17a600!important
}
.fill-success{
    fill:#17a600
}
.toast-success{
    color:#17a600
}
.font-warning{
    color:#f0ad4e!important
}
.stroke-warning{
    stroke:#f0ad4e!important
}
.fill-warning{
    fill:#f0ad4e
}
.toast-warning{
    color:#f0ad4e
}
.font-danger{
    color:#c42a02!important
}
.stroke-danger{
    stroke:#c42a02!important
}
.fill-danger{
    fill:#c42a02
}
.toast-danger{
    color:#c42a02
}
.font-info{
    color:#2e8dd3!important
}
.stroke-info{
    stroke:#2e8dd3!important
}
.fill-info{
    fill:#2e8dd3
}
.toast-info{
    color:#2e8dd3
}
.font-light{
    color:var(--light-font)!important
}
.stroke-light{
    stroke:var(--light-font)!important
}
.fill-light{
    fill:var(--light-font)
}
.toast-light{
    color:var(--light-font)
}
.font-dark{
    color:var(--body-font-color)!important
}
.stroke-dark{
    stroke:var(--body-font-color)!important
}
.fill-dark{
    fill:var(--body-font-color)
}
.toast-dark{
    color:var(--body-font-color)
}
.stroke-white{
    stroke:var(--white)
}
[data-theme=dark] .font-dark{
    color:var(--light-font)!important
}
.bg-primary{
    background-color:#43b9b2!important;
    color:var(--white)
}
[data-theme=dark] .bg-primary span{
    color:var(--light-font)!important
}
.bg-light-primary{
    background-color:#43b9b21a!important;
    color:#43b9b2!important
}
.bg-light-primary h1,.bg-light-primary .h1,.bg-light-primary h2,.bg-light-primary .h2,.bg-light-primary h3,.bg-light-primary .h3,.bg-light-primary h4,.bg-light-primary .h4,.bg-light-primary h5,.bg-light-primary .h5,.bg-light-primary h6,.bg-light-primary .h6,[data-theme=dark] .bg-light-primary span,[data-theme=dark] .bg-light-primary p{
    color:#43b9b2!important
}
.dote-primary{
    background-color:#43b9b2;
    outline:5px solid rgba(67,185,178,.25);
    height:6px
}
.bg-secondary{
    background-color:#c280d2!important;
    color:var(--white)
}
[data-theme=dark] .bg-secondary span{
    color:var(--light-font)!important
}
.bg-light-secondary{
    background-color:#c280d21a!important;
    color:#c280d2!important
}
.bg-light-secondary h1,.bg-light-secondary .h1,.bg-light-secondary h2,.bg-light-secondary .h2,.bg-light-secondary h3,.bg-light-secondary .h3,.bg-light-secondary h4,.bg-light-secondary .h4,.bg-light-secondary h5,.bg-light-secondary .h5,.bg-light-secondary h6,.bg-light-secondary .h6,[data-theme=dark] .bg-light-secondary span,[data-theme=dark] .bg-light-secondary p{
    color:#c280d2!important
}
.dote-secondary{
    background-color:#c280d2;
    outline:5px solid rgba(194,128,210,.25);
    height:6px
}
.bg-tertiary{
    background-color:#fd7e40!important;
    color:var(--white)
}
[data-theme=dark] .bg-tertiary span{
    color:var(--light-font)!important
}
.bg-light-tertiary{
    background-color:#fd7e401a!important;
    color:#fd7e40!important
}
.bg-light-tertiary h1,.bg-light-tertiary .h1,.bg-light-tertiary h2,.bg-light-tertiary .h2,.bg-light-tertiary h3,.bg-light-tertiary .h3,.bg-light-tertiary h4,.bg-light-tertiary .h4,.bg-light-tertiary h5,.bg-light-tertiary .h5,.bg-light-tertiary h6,.bg-light-tertiary .h6,[data-theme=dark] .bg-light-tertiary span,[data-theme=dark] .bg-light-tertiary p{
    color:#fd7e40!important
}
.dote-tertiary{
    background-color:#fd7e40;
    outline:5px solid rgba(253,126,64,.25);
    height:6px
}
.bg-success{
    background-color:#17a600!important;
    color:var(--white)
}
[data-theme=dark] .bg-success span{
    color:var(--light-font)!important
}
.bg-light-success{
    background-color:#17a6001a!important;
    color:#17a600!important
}
.bg-light-success h1,.bg-light-success .h1,.bg-light-success h2,.bg-light-success .h2,.bg-light-success h3,.bg-light-success .h3,.bg-light-success h4,.bg-light-success .h4,.bg-light-success h5,.bg-light-success .h5,.bg-light-success h6,.bg-light-success .h6,[data-theme=dark] .bg-light-success span,[data-theme=dark] .bg-light-success p{
    color:#17a600!important
}
.dote-success{
    background-color:#17a600;
    outline:5px solid rgba(23,166,0,.25);
    height:6px
}
.bg-warning{
    background-color:#f0ad4e!important;
    color:var(--white)
}
[data-theme=dark] .bg-warning span{
    color:var(--light-font)!important
}
.bg-light-warning{
    background-color:#f0ad4e1a!important;
    color:#f0ad4e!important
}
.bg-light-warning h1,.bg-light-warning .h1,.bg-light-warning h2,.bg-light-warning .h2,.bg-light-warning h3,.bg-light-warning .h3,.bg-light-warning h4,.bg-light-warning .h4,.bg-light-warning h5,.bg-light-warning .h5,.bg-light-warning h6,.bg-light-warning .h6,[data-theme=dark] .bg-light-warning span,[data-theme=dark] .bg-light-warning p{
    color:#f0ad4e!important
}
.dote-warning{
    background-color:#f0ad4e;
    outline:5px solid rgba(240,173,78,.25);
    height:6px
}
.bg-danger{
    background-color:#c42a02!important;
    color:var(--white)
}
[data-theme=dark] .bg-danger span{
    color:var(--light-font)!important
}
.bg-light-danger{
    background-color:#c42a021a!important;
    color:#c42a02!important
}
.bg-light-danger h1,.bg-light-danger .h1,.bg-light-danger h2,.bg-light-danger .h2,.bg-light-danger h3,.bg-light-danger .h3,.bg-light-danger h4,.bg-light-danger .h4,.bg-light-danger h5,.bg-light-danger .h5,.bg-light-danger h6,.bg-light-danger .h6,[data-theme=dark] .bg-light-danger span,[data-theme=dark] .bg-light-danger p{
    color:#c42a02!important
}
.dote-danger{
    background-color:#c42a02;
    outline:5px solid rgba(196,42,2,.25);
    height:6px
}
.bg-info{
    background-color:#2e8dd3!important;
    color:var(--white)
}
[data-theme=dark] .bg-info span{
    color:var(--light-font)!important
}
.bg-light-info{
    background-color:#2e8dd31a!important;
    color:#2e8dd3!important
}
.bg-light-info h1,.bg-light-info .h1,.bg-light-info h2,.bg-light-info .h2,.bg-light-info h3,.bg-light-info .h3,.bg-light-info h4,.bg-light-info .h4,.bg-light-info h5,.bg-light-info .h5,.bg-light-info h6,.bg-light-info .h6,[data-theme=dark] .bg-light-info span,[data-theme=dark] .bg-light-info p{
    color:#2e8dd3!important
}
.dote-info{
    background-color:#2e8dd3;
    outline:5px solid rgba(46,141,211,.25);
    height:6px
}
.bg-light{
    background-color:#f4f5f8!important;
    color:var(--white)
}
[data-theme=dark] .bg-light span{
    color:var(--light-font)!important
}
.bg-light-light{
    background-color:#f4f5f81a!important;
    color:#f4f5f8!important
}
.bg-light-light h1,.bg-light-light .h1,.bg-light-light h2,.bg-light-light .h2,.bg-light-light h3,.bg-light-light .h3,.bg-light-light h4,.bg-light-light .h4,.bg-light-light h5,.bg-light-light .h5,.bg-light-light h6,.bg-light-light .h6,[data-theme=dark] .bg-light-light span,[data-theme=dark] .bg-light-light p{
    color:#f4f5f8!important
}
.dote-light{
    background-color:#f4f5f8;
    outline:5px solid rgba(244,245,248,.25);
    height:6px
}
.bg-dark{
    background-color:#2c2c31!important;
    color:var(--white)
}
[data-theme=dark] .bg-dark span{
    color:var(--light-font)!important
}
.bg-light-dark{
    background-color:#2c2c311a!important;
    color:#2c2c31!important
}
.bg-light-dark h1,.bg-light-dark .h1,.bg-light-dark h2,.bg-light-dark .h2,.bg-light-dark h3,.bg-light-dark .h3,.bg-light-dark h4,.bg-light-dark .h4,.bg-light-dark h5,.bg-light-dark .h5,.bg-light-dark h6,.bg-light-dark .h6,[data-theme=dark] .bg-light-dark span,[data-theme=dark] .bg-light-dark p{
    color:#2c2c31!important
}
.dote-dark{
    background-color:#2c2c31;
    outline:5px solid rgba(44,44,49,.25);
    height:6px
}
.bg-light-light{
    background-color:#f4f5f899!important;
    color:var(--body-font-color)
}
[data-theme=dark] .bg-light-light{
    background-color:var(--body-color)!important
}
.bg-light-dark{
    background-color:#2c2c3133!important;
    color:var(--body-font-color)
}
.bg-light{
    color:var(--body-font-color)
}
[data-theme=dark] .bg-light{
    background-color:var(--body-color)!important
}
.bg-common-primary{
    width:42px;
    height:40px;
    border-radius:11px;
    background-color:#43b9b21a;
    border:1px solid #43B9B2;
    display:flex;
    align-items:center;
    justify-content:center
}
.bg-common-primary svg{
    stroke:#43b9b2
}
.bg-common-secondary{
    width:42px;
    height:40px;
    border-radius:11px;
    background-color:#c280d21a;
    border:1px solid #C280D2;
    display:flex;
    align-items:center;
    justify-content:center
}
.bg-common-secondary svg{
    stroke:#c280d2
}
.bg-common-tertiary{
    width:42px;
    height:40px;
    border-radius:11px;
    background-color:#fd7e401a;
    border:1px solid #FD7E40;
    display:flex;
    align-items:center;
    justify-content:center
}
.bg-common-tertiary svg{
    stroke:#fd7e40
}
.bg-common-warning{
    width:42px;
    height:40px;
    border-radius:11px;
    background-color:#f0ad4e1a;
    border:1px solid #F0AD4E;
    display:flex;
    align-items:center;
    justify-content:center
}
.bg-common-warning svg{
    stroke:#f0ad4e
}
.bg-common-info{
    width:42px;
    height:40px;
    border-radius:11px;
    background-color:#2e8dd31a;
    border:1px solid #2E8DD3;
    display:flex;
    align-items:center;
    justify-content:center
}
.bg-common-info svg{
    stroke:#2e8dd3
}
.bg-common-success{
    width:42px;
    height:40px;
    border-radius:11px;
    background-color:#17a6001a;
    border:1px solid #17A600;
    display:flex;
    align-items:center;
    justify-content:center
}
.bg-common-success svg{
    stroke:#17a600
}
.bg-common-danger{
    width:42px;
    height:40px;
    border-radius:11px;
    background-color:#c42a021a;
    border:1px solid #C42A02;
    display:flex;
    align-items:center;
    justify-content:center
}
.bg-common-danger svg{
    stroke:#c42a02
}
.bg-common-light{
    width:42px;
    height:40px;
    border-radius:11px;
    background-color:#f4f5f81a;
    border:1px solid #F4F5F8;
    display:flex;
    align-items:center;
    justify-content:center
}
.bg-common-light svg{
    stroke:#f4f5f8
}
.bg-common-dark{
    width:42px;
    height:40px;
    border-radius:11px;
    background-color:#2c2c311a;
    border:1px solid #2C2C31;
    display:flex;
    align-items:center;
    justify-content:center
}
.bg-common-dark svg{
    stroke:#2c2c31
}
[data-theme=dark] .apexcharts-canvas .apexcharts-tooltip{
    border:1px solid var(--light-color)
}
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text{
    font-family:Outfit,sans-serif!important
}
[data-theme=dark] .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text{
    color:var(--body-font-color)
}
.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light{
    background-color:var(--card-color)
}
.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text{
    font-family:Outfit,sans-serif!important
}
[data-theme=dark] .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text{
    color:var(--body-font-color)
}
.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{
    border-bottom:1px solid var(--solid-border);
    background-color:var(--card-color)
}
.apexcharts-canvas .apexcharts-text tspan{
    font-family:Outfit,sans-serif;
    font-size:13px;
    font-weight:500;
    fill:var(--body-font-color)
}
.apexcharts-canvas .apexcharts-xaxis tspan{
    fill:var(--light-font)
}
.apexcharts-canvas .apexcharts-yaxis-title text,.apexcharts-canvas .apexcharts-legend-text,.apexcharts-canvas .apexcharts-title-text{
    font-family:Outfit,sans-serif!important;
    font-weight:500!important
}
.chartist-container{
    box-sizing:border-box;
    width:100%;
    height:400px
}
@media (max-width: 1199.98px){
    .chartist-container{
        height:200px
    }
}
@media only screen and (max-width: 360px){
    .chartist-container{
        height:230px
    }
}
.ct-series-a .ct-slice-pie,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-area{
    fill:#43b9b2
}
.ct-series-a .ct-point,.ct-series-a .ct-line,.ct-series-a .ct-bar,.ct-series-a .ct-slice-donut{
    stroke:var(--theme-default)
}
.ct-series-b .ct-point,.ct-series-b .ct-line,.ct-series-b .ct-bar,.ct-series-b .ct-slice-donut{
    stroke:#c280d2
}
.ct-series-b .ct-slice-pie,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-area{
    fill:#c280d2
}
.ct-series-c .ct-point,.ct-series-c .ct-line,.ct-series-c .ct-bar,.ct-series-c .ct-slice-donut{
    stroke:#fd7e40
}
.ct-series-c .ct-slice-pie,.ct-series-c .ct-slice-donut-solid,.ct-series-c .ct-area{
    fill:#fd7e40
}
.ct-series-d .ct-point,.ct-series-d .ct-line,.ct-series-d .ct-bar,.ct-series-d .ct-slice-donut{
    stroke:#17a600
}
.ct-series-d .ct-slice-pie,.ct-series-d .ct-slice-donut-solid,.ct-series-d .ct-area{
    fill:#17a600
}
.ct-series-e .ct-point,.ct-series-e .ct-line,.ct-series-e .ct-bar,.ct-series-e .ct-slice-donut{
    stroke:#2e8dd3
}
.ct-series-e .ct-slice-pie,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-area{
    fill:#2e8dd3
}
.ct-series-e .ct-point,.ct-series-e .ct-line,.ct-series-e .ct-bar,.ct-series-e .ct-slice-donut{
    stroke:#c42a02
}
.ct-series-e .ct-slice-pie,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-area{
    fill:#c42a02
}
.ct-series-f .ct-point,.ct-series-f .ct-line,.ct-series-f .ct-bar,.ct-series-f .ct-slice-donut{
    stroke:#f0ad4e
}
.ct-series-f .ct-slice-pie,.ct-series-f .ct-slice-donut-solid,.ct-series-f .ct-area{
    fill:#f0ad4e
}
.chart-container.chart-block canvas{
    height:360px!important;
    margin:0 auto
}
@media only screen and (max-width: 360px){
    .chart-container.chart-block canvas{
        height:140px!important
    }
}
.skill-chart{
    margin-bottom:-48px
}
.skill-chart .apexcharts-legend .apexcharts-legend-series span{
    display:block
}
.skill-chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text{
    margin:10px 0 20px
}
.header-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:4px
}
.dropdown .dropdown-toggle{
    background-color:#43b9b214;
    color:var(--theme-default);
    border-radius:10px;
    padding:5px 10px;
    width:100px;
    text-align:left
}
.progress-chart{
    margin:-11px 0 -20px
}
.apexcharts-title-text{
    fill:var(--body-font-color)!important
}
.apexcharts-subtitle-text{
    fill:var(--light-font)
}
.apexcharts-legend-text{
    color:var(--light-font)!important
}
.apexcharts-yaxis-title-text{
    fill:var(--light-font)
}
.apexcharts-datalabel-label,.apexcharts-datalabel-value{
    fill:var(--body-font-color)!important
}
#chart-widget1,#chart-widget2,#chart-widget3{
    margin-bottom:-15px
}
[data-theme=dark] .rtl-dropdown .dropdown-menu{
    color:var(--white);
    background-color:var(--body-color)
}
.custom-dropdown{
    position:relative
}
.custom-menu{
    position:absolute;
    border-radius:5px;
    background:var(--card-color);
    opacity:0;
    visibility:hidden;
    transition:all .5s;
    right:0;
    top:28px
}
[data-theme=dark] .custom-menu{
    border:1px solid var(--light-color)
}
[dir=rtl] .custom-menu{
    right:unset;
    left:16px
}
.custom-menu.show{
    opacity:1;
    visibility:visible;
    transition:all .5s
}
.dropdown-menu{
    border:var(--light-border);
    z-index:1
}
.dropdown-menu .dropdown-item{
    padding:6px 12px
}
[data-theme=dark] .dropdown-menu .dropdown-item{
    color:var(--body-font-color);
    background-color:var(--body-color)
}
[data-theme=dark] .dropdown-menu .dropdown-item:hover{
    background-color:var(--card-color)
}
.custom-menu{
    margin-top:20px!important;
    box-shadow:var(--dropdown-shadow)
}
.dropdown-basic{
    margin-bottom:-10px
}
.dropdown-basic .btn-group .btn-round{
    border-radius:50px
}
.dropdown-basic .separated-btn .btn{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    padding:10px
}
.dropdown-basic .separated-btn .btn svg{
    width:16px;
    height:16px;
    vertical-align:sub
}
.dropdown-basic button{
    max-height:43px
}
.dropdown-basic .dropdown{
    position:relative;
    display:inline-block;
    margin-bottom:10px
}
.dropdown-basic .dropdown .dropbtn{
    color:#fff;
    padding:12px 35px;
    border:none;
    cursor:pointer
}
.dropdown-basic .dropdown .dropdown-content{
    display:none;
    position:absolute;
    right:0;
    background-color:#fff;
    border:var(--light-border);
    border-radius:.375rem;
    min-width:160px;
    z-index:1;
    top:45px
}
[data-theme=dark] .dropdown-basic .dropdown .dropdown-content{
    background-color:var(--card-color)
}
@media (max-width: 575.98px){
    .dropdown-basic .dropdown .dropdown-content{
        left:-75;
        min-width:100px
    }
}
.dropdown-basic .dropdown .dropdown-content a{
    color:var(--body-font-color);
    padding:6px 14px;
    text-decoration:none;
    display:block
}
.dropdown-basic .dropdown .dropdown-content .dropdown-header{
    padding:12px 16px
}
.dropdown-basic .dropdown-content a:hover{
    background-color:var(--light-color)
}
.dropdown-basic .dropdown:hover .dropdown-content{
    display:block
}
.heading-dropdown .dropdown-menu>li:first-child>a{
    border-bottom:var(--light-border);
    border-top:0;
    background-color:var(--light-color)
}
btn-group .dropdown-wrapper{
    z-index:2
}
btn-group .dropdown-wrapper .input-group .input-group-text{
    padding:0 8px 0 0
}
[dir=rtl] btn-group .dropdown-wrapper .input-group .input-group-text{
    padding:0 0 0 8px
}
.form-wrapper{
    width:260px
}
.dropdown-menu .input-group{
    background-color:unset;
    padding:6px 12px;
    border-top:var(--light-border);
    opacity:.6
}
[data-theme=dark] .dropdown-menu .input-group{
    color:var(--white);
    background-color:var(--body-color);
    opacity:unset!important
}
.dropdown-menu .input-group:hover,.dropdown-menu .input-group:active{
    background-color:var(--light-color)
}
.dropdown-menu .input-group .input-group-text{
    background-color:unset;
    border:none
}
.dropdown-menu .input-group span{
    color:var(--body-font-color)
}
.dropdown-toggle:after{
    display:inline-block;
    margin-left:8px;
    vertical-align:2px;
    content:"";
    border-top:4px solid;
    border-right:4px solid transparent;
    border-bottom:0;
    border-left:4px solid transparent
}
[dir=rtl] .dropdown-toggle:after{
    margin-left:unset;
    margin-right:8px
}
.dropstart .dropdown-toggle:before{
    display:inline-block;
    margin-right:8px;
    content:"";
    border-top:4px solid transparent;
    border-right:4px solid;
    border-bottom:4px solid transparent
}
[dir=rtl] .dropstart .dropdown-toggle:before{
    margin-left:8px;
    margin-right:unset
}
.dropup .dropdown-toggle:after{
    content:"";
    display:inline-block;
    margin-left:8px;
    vertical-align:4px;
    border-top:0;
    border-right:4px solid transparent;
    border-bottom:4px solid;
    border-left:4px solid transparent
}
[dir=rtl] .dropup .dropdown-toggle:after{
    margin-left:unset;
    margin-right:8px
}
.dropend .dropdown-toggle:after{
    display:inline-block;
    content:"";
    border-top:4px solid transparent;
    border-right:0;
    border-bottom:4px solid transparent;
    border-left:4px solid;
    margin-left:8px
}
[dir=rtl] .dropend .dropdown-toggle:after{
    margin-left:unset;
    margin-right:8px
}
.dropdown-menu.show{
    z-index:9!important
}
.dropzone{
    margin-right:auto;
    position:relative;
    margin-left:auto;
    padding:50px;
    border:2px dashed #43B9B2;
    border-radius:15px;
    border-image:none;
    background:#43b9b21a;
    box-sizing:border-box;
    min-height:150px
}
.dropzone *{
    box-sizing:border-box
}
.dropzone h6,.dropzone .h6{
    font-size:16px;
    font-weight:500;
    margin-bottom:8px
}
.dropzone i{
    font-size:50px;
    color:var(--theme-default)
}
.dropzone .dz-message{
    text-align:center;
    margin:25px 0
}
.dropzone .dz-preview{
    position:relative;
    display:inline-block;
    margin:.5em;
    padding:0;
    border:none;
    background-color:#f4f5f8;
    width:120px;
    height:120px;
    box-shadow:0 0 3px #43b9b2
}
.dropzone .dz-preview .dz-image,.dropzone .dz-preview .dz-file-preview .dz-image{
    border-radius:0
}
.dropzone .dz-preview .dz-progress{
    display:block;
    height:10px;
    border:1px solid #17A600;
    left:12px;
    right:12px
}
.dropzone .dz-preview .dz-progress .dz-upload{
    display:block;
    height:100%;
    width:0;
    background:#17a600
}
.dropzone .dz-preview .dz-error-message{
    display:none!important
}
.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone .dz-preview.dz-success .dz-success-mark{
    display:block
}
.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{
    position:absolute;
    display:none;
    top:30px;
    width:54px;
    height:58px;
    left:50%;
    margin-left:-27px
}
.dropzone .dz-preview .dz-details .dz-size{
    margin-bottom:10px;
    font-size:16px
}
.filepond--root{
    margin-bottom:0
}
.filepond--root .filepond--credits{
    display:none
}
.filepond--drop-label{
    background-color:#43b9b21a;
    border:var(--light-border);
    color:var(--theme-default)
}
[data-theme=dark] .filepond--drop-label{
    background-color:var(--body-color)
}
.filepond--drop-label .filepond--label-action{
    text-decoration:none
}
.col-form-label{
    padding-bottom:4px
}
label{
    margin-bottom:.5rem;
    cursor:pointer
}
.form-control,.form-select{
    font-family:Outfit,sans-serif;
    font-size:14px;
    color:var(--body-font-color);
    font-weight:400;
    background-color:var(--body-color);
    border:1px solid var(--solid-border);
    border-radius:0;
    line-height:17px;
    padding:12px 20px
}
[data-theme=dark] .form-control::placeholder,[data-theme=dark] .form-select::placeholder{
    color:var(--dark-gray)!important
}
.form-control:focus,.form-select:focus{
    box-shadow:none;
    border-color:unset;
    outline:none!important;
    color:var(--body-font-color)
}
[data-theme=dark] .form-control:focus,[data-theme=dark] .form-select:focus{
    background-color:var(--body-color)
}
.form-control.form-control-color,.form-select.form-control-color{
    padding:8px
}
@media (max-width: 575.98px){
    .form-control,.form-select{
        padding:12px
    }
}
.form-check-input{
    border:1px solid var(--solid-border)
}
[data-theme=dark] .form-check-input{
    background-color:var(--body-color)
}
.form-check-input:focus{
    box-shadow:none
}
.input-group{
    border-radius:0
}
.input-group .form-control{
    border-radius:8px
}
.input-group-text{
    border:none;
    border-radius:8px
}
.input-group:focus{
    border:1px solid var(--theme-default)
}
.theme-form .form-control[type=file]::file-selector-button{
    border:2px solid #F4F5F8;
    background-color:#f4f5f8;
    border-radius:8px;
    padding:5px 10px;
    transition:1s
}
[data-theme=dark] .theme-form .form-control[type=file]::file-selector-button{
    background:var(--card-color);
    border-color:var(--card-color);
    color:var(--light-font)
}
.theme-form .form-control,.theme-form select{
    background-color:#f4f5f8
}
.theme-form .btn-fb,.theme-form .btn-twitter,.theme-form .btn-google,.theme-form .btn-linkedin{
    color:#fff;
    width:100%
}
.theme-form .btn-fb{
    background-color:#50598e
}
.theme-form .btn-twitter{
    background-color:#6fa2d8
}
.theme-form .btn-google{
    background-color:#c64e40
}
.theme-form .btn-linkedin{
    background-color:#0077b5
}
.checkbox-checked .form-check-input{
    cursor:pointer
}
.checkbox-checked .form-check-input:checked{
    background-color:var(--theme-default);
    border-color:var(--theme-default)
}
.checkbox-checked .form-check-input:focus{
    border-color:var(--theme-default);
    box-shadow:0 0 0 4px #43b9b240
}
.checkbox-checked .card-wrapper .form-check:last-child{
    min-height:0;
    margin-bottom:0
}
.checkbox-checked .card-wrapper .form-check:last-child label{
    margin-bottom:0;
    cursor:pointer
}
.theme-form .form-control,.theme-form select{
    border:none;
    color:var(--body-font-color)!important;
    border-radius:5px;
    font-family:Outfit,sans-serif;
    font-size:14px
}
[data-theme=dark] .theme-form .form-control,[data-theme=dark] .theme-form select{
    background-color:var(--body-color)
}
.theme-form .form-control.form-select,.theme-form select.form-select{
    padding:9px 20px
}
.theme-form .form-control-lg{
    padding:.5rem 1rem;
    font-size:1.25rem
}
.theme-form .form-control-sm{
    padding:.25rem .5rem;
    font-size:.875rem;
    border-radius:.25rem
}
.theme-form .form-text{
    font-size:1em
}
.theme-form .form-label{
    font-size:17px
}
.theme-form .input-group-text{
    background:#e8eaf0;
    border:none;
    border-radius:5px;
    margin-bottom:0
}
[data-theme=dark] .theme-form .input-group-text{
    background:var(--body-color)
}
.theme-form .input-group :not(:hover)[class*=btn-outline-]{
    background-color:#f4f5f8;
    color:inherit
}
[data-theme=dark] .theme-form .input-group :not(:hover)[class*=btn-outline-]{
    background:var(--card-color)
}
.form-check-reverse{
    display:flex;
    flex-direction:row-reverse;
    justify-content:flex-end;
    padding:0
}
.form-check-reverse .form-check-input{
    float:left;
    margin-right:0;
    margin-left:10px
}
.form-check-size{
    display:flex;
    gap:22px;
    align-items:center;
    flex-wrap:wrap
}
.form-check-size .form-check-inline{
    margin:0;
    min-height:0
}
.form-check-size .form-check-inline .form-check-input{
    width:18px;
    height:18px;
    margin-top:0
}
.form-check-size .form-check-inline .check-size{
    width:36px;
    height:18px;
    margin-top:0
}
.form-check-size .form-check-inline label{
    margin:0;
    cursor:pointer
}
.main-img-checkbox .img-checkbox{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center
}
.main-img-checkbox .img-checkbox .main-img-cover{
    position:absolute;
    top:15px;
    left:15px;
    width:24px;
    height:24px
}
.main-img-checkbox .img-checkbox .form-check-label{
    width:100%
}
.main-img-checkbox .img-checkbox img{
    width:100%;
    height:220px;
    object-fit:cover
}
.main-icon-checkbox.checkbox label{
    margin-top:0
}
.main-icon-checkbox.checkbox label:before{
    content:"";
    width:100%;
    height:100%;
    margin-left:1px;
    background-color:transparent;
    top:0;
    display:block
}
.main-icon-checkbox.checkbox-primary input[type=checkbox]:checked+label:before{
    color:transparent;
    border:2px solid var(--theme-default)
}
.main-icon-checkbox.checkbox-primary input[type=checkbox]{
    opacity:1
}
.main-icon-checkbox.checkbox-primary .form-check-input{
    border:1px solid var(--gray-60)
}
.main-icon-checkbox.checkbox-primary .form-check-input.checkbox-shadow:focus{
    box-shadow:none
}
.main-icon-checkbox.checkbox-primary .form-check-input:checked[type=checkbox]{
    background-image:none
}
.radio-wrapper,.checkbox-wrapper{
    display:flex;
    gap:calc(8px + .005*(100vw - 320px));
    flex-wrap:wrap;
    justify-content:center
}
.radio-wrapper li,.checkbox-wrapper li{
    position:relative;
    width:100%;
    padding:0;
    border:none;
    text-align:center;
    display:grid;
    place-items:center;
    width:100px;
    height:52px
}
.radio-wrapper li .form-check-input,.checkbox-wrapper li .form-check-input{
    position:absolute;
    width:100%;
    height:100%;
    float:none;
    margin:0;
    top:0;
    left:0;
    opacity:1;
    border-radius:0;
    background-color:transparent;
    border:1px solid var(--gray-60)
}
.radio-wrapper li .form-check-input:focus,.checkbox-wrapper li .form-check-input:focus{
    box-shadow:none
}
.radio-wrapper li .form-check-input[type=radio],.checkbox-wrapper li .form-check-input[type=radio]{
    opacity:1;
    cursor:pointer
}
.radio-wrapper li .form-check-input:checked,.checkbox-wrapper li .form-check-input:checked{
    border:2px solid var(--theme-default);
    background-color:transparent
}
.radio-wrapper li .form-check-input:checked[type=radio],.checkbox-wrapper li .form-check-input:checked[type=radio]{
    background-image:none;
    box-shadow:unset
}
.radio-wrapper li .form-check-input:checked~.form-check-label,.checkbox-wrapper li .form-check-input:checked~.form-check-label{
    color:var(--theme-default)
}
.radio-wrapper li .form-check-input:checked~.form-check-label span,.checkbox-wrapper li .form-check-input:checked~.form-check-label span{
    color:var(--theme-default)
}
.radio-wrapper li .form-check-label,.checkbox-wrapper li .form-check-label{
    position:unset;
    padding:0
}
.radio-wrapper li .form-check-label:after,.checkbox-wrapper li .form-check-label:after{
    content:none
}
.radio-wrapper li .form-check-label:before,.checkbox-wrapper li .form-check-label:before{
    content:none
}
.radio-wrapper li .form-check-label i,.checkbox-wrapper li .form-check-label i{
    font-size:20px;
    padding-right:10px;
    line-height:2.5
}
.radio-wrapper li .form-check-label span,.checkbox-wrapper li .form-check-label span{
    font-size:16px
}
.radio-form{
    display:flex;
    gap:18px;
    flex-wrap:wrap
}
.radio-form .form-check{
    min-height:0;
    margin-bottom:0
}
.radio-form .form-check .form-check-label{
    margin-bottom:0
}
.basic-form{
    position:relative
}
.basic-form svg{
    position:absolute;
    top:50%;
    right:12px;
    transform:translateY(-50%)
}
.basic-form svg.stroke-icon{
    width:25px;
    height:25px;
    stroke:#2c2c31;
    position:absolute;
    top:50%;
    right:12px;
    transform:translateY(-50%)
}
.flat-form *{
    border-radius:0!important
}
.edges-form *{
    border-radius:20px!important
}
.edges-form * .form-select{
    overflow:hidden
}
.raise-form .form-control,.raise-form .form-select{
    box-shadow:0 5px 10px 2px #2c2c311a!important
}
.custom-input .form-check .form-check-input:valid~.form-check-label{
    color:var(--theme-default)
}
.custom-input .form-check .form-check-input:invalid~.form-check-label{
    color:#c42a02
}
[data-theme=dark] .form-control-plaintext{
    color:var(--light-font)
}
@media (max-width: 360px){
    .accordion-page .theme-form select.form-select{
        padding:6px 36px!important
    }
}
@media (max-width: 338px){
    .input-dropdown .theme-form .input-group .btn{
        padding:6px!important
    }
}
[data-theme=dark] ::-webkit-calendar-picker-indicator{
    filter:invert(1)
}
[data-theme=dark] input{
    color:var(--body-font-color)
}
.grid-showcase{
    margin-bottom:-10px
}
.grid-showcase span{
    display:block;
    padding:10px;
    margin-bottom:10px;
    text-align:center;
    border:var(--light-border)
}
.grid-showcase~.card-footer table tr th{
    border:0;
    font-weight:600
}
.grid-align{
    margin-bottom:-16px;
    padding:0 15px
}
.grid-align .row{
    padding:15px 0;
    min-height:7rem;
    margin-bottom:16px
}
.grid-vertical{
    min-height:150px;
    padding:10px
}
.grid-option .table-striped tbody tr:nth-of-type(odd){
    background-color:var(--light-color)
}
.grid-option .table{
    margin-bottom:0
}
.grid-option .table tr,.grid-option .table th,.grid-option .table td{
    border:var(--light-border)
}
.grid-option .table tr th{
    font-weight:600
}
.icon-event{
    margin-bottom:-24px
}
.icon-event .card:hover{
    transform:translateY(-5px);
    transition:.5s
}
.icon-event .d-flex{
    padding:20px 14px;
    text-align:center;
    transition:all .3s ease-in-out
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .icon-event .d-flex{
        padding:18px 8px
    }
}
.icon-event .d-flex .flex-grow-1{
    margin-top:14px
}
.icon-event .d-flex i{
    font-size:24px
}
[data-theme=dark] .icon-event .d-flex i{
    color:var(--light-font)
}
.icon-event .d-flex i.flag-icon{
    font-size:28px
}
.icon-event .d-flex h6,.icon-event .d-flex .h6{
    font-size:15px;
    font-family:Outfit,sans-serif;
    color:var(--light-font)
}
[data-theme=dark] .icon-event .d-flex h6,[data-theme=dark] .icon-event .d-flex .h6{
    color:var(--light-font)
}
.icon-event .d-flex:hover{
    border-color:var(--theme-default)!important
}
.icon-event .d-flex:hover i{
    color:var(--theme-default)
}
.icon-event .d-flex:hover svg{
    stroke:var(--theme-default);
    transition:all .2s ease-in-out
}
.icon-event .d-flex:hover h6,.icon-event .d-flex:hover .h6{
    color:var(--theme-default);
    transition:all .3s ease-in-out
}
.icon-hover-bottom{
    background-color:#f8f9fa;
    width:100%;
    bottom:0;
    left:0;
    z-index:999;
    display:none
}
.icon-hover-bottom.open{
    display:block
}
.icon-hover-bottom .icon-popup{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:20px
}
.icon-hover-bottom .icon-popup .close-icon{
    position:absolute;
    right:10px;
    top:10px;
    font-size:20px;
    color:var(--gray-60);
    cursor:pointer
}
[dir=rtl] .icon-hover-bottom .icon-popup .close-icon{
    right:unset;
    left:10px
}
.icon-hover-bottom .icon-popup>div .flag-icon{
    width:60px;
    height:60px
}
.icon-hover-bottom .icon-popup .icon-last .form-inline .form-group{
    display:initial
}
.icon-hover-bottom .icon-title{
    display:block;
    color:#2c2c31;
    text-transform:uppercase;
    font-weight:500
}
.icon-hover-bottom .form-group input{
    display:inline-block;
    width:300px;
    background-color:#fff
}
.iconly-icons .svg-menu{
    width:24px;
    height:24px;
    stroke:var(--body-font-color)
}
[data-theme=dark] .iconly-icons .svg-menu{
    stroke:var(--light-font)
}
.iconModal .modal-body pre{
    margin-bottom:0
}
.iconModal .modal-body .copy-text{
    position:absolute;
    top:12px;
    right:12px
}
.fa-fa-icon-show-div{
    display:none
}
.icon-hover-bottom .icon-popup{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:20px;
    border-top:var(--light-border)
}
.icon-hover-bottom .icon-popup>div{
    display:inline-block
}
.icon-hover-bottom .icon-popup .close-icon{
    position:absolute;
    right:10px;
    top:10px;
    font-size:20px;
    color:var(--body-font-color);
    cursor:pointer
}
.icon-hover-bottom .icon-popup .icon-class{
    margin:0 20px;
    cursor:pointer
}
.icon-hover-bottom .icon-popup .icon-first .svg-menu{
    width:24px;
    height:24px;
    stroke:var(--body-font-color)
}
[data-theme=dark] .icon-hover-bottom .icon-popup{
    background-color:var(--body-color)
}
.icon-hover-bottom .icon-title{
    display:block;
    color:var(--body-font-color);
    text-transform:uppercase;
    font-weight:500
}
.icon-hover-bottom .icon-last .form-inline .form-group{
    display:initial
}
.icon-hover-bottom .form-group input{
    display:inline-block;
    width:300px;
    background-color:var(--card-color)
}
.alert{
    border-radius:.15rem;
    padding:15px
}
.alert svg{
    vertical-align:middle
}
.alert .progress{
    margin-top:15px
}
.alert [data-notify=icon]{
    margin-right:10px;
    line-height:20px;
    position:absolute
}
.alert [data-notify=message]{
    display:inline-block;
    width:100%;
    text-align:center;
    margin:0 auto
}
.alert i{
    margin-right:5px;
    font-size:16px
}
.alert p{
    margin-bottom:0
}
.alert .close{
    opacity:1;
    display:none
}
.alert .close span{
    font-size:24px;
    font-weight:400;
    display:inline-block;
    border-radius:3px;
    text-shadow:none;
    padding:0 0 0 5px
}
.list-group i{
    margin-right:10px
}
.list-group img{
    height:40px;
    width:40px;
    margin-right:10px
}
ol.line h5,ol.line .h5{
    font-size:17px
}
.list-group-item.list-group-item-primary{
    background-color:#43b9b24d!important;
    color:#43b9b2
}
.list-group-item.list-group-item-primary:hover,.list-group-item.list-group-item-primary:active,.list-group-item.list-group-item-primary:focus{
    background-color:#43b9b24d
}
[data-theme=dark] .list-group-item.list-group-item-primary:hover,[data-theme=dark] .list-group-item.list-group-item-primary:active,[data-theme=dark] .list-group-item.list-group-item-primary:focus{
    color:var(--body-font-color)
}
.list-hover-primary{
    background-color:unset
}
.list-hover-primary:hover,.list-hover-primary:active,.list-hover-primary.active{
    background-color:#43b9b21a!important;
    color:var(--body-font-color)
}
.list-group-item.list-group-item-secondary{
    background-color:#c280d24d!important;
    color:#c280d2
}
.list-group-item.list-group-item-secondary:hover,.list-group-item.list-group-item-secondary:active,.list-group-item.list-group-item-secondary:focus{
    background-color:#c280d24d
}
[data-theme=dark] .list-group-item.list-group-item-secondary:hover,[data-theme=dark] .list-group-item.list-group-item-secondary:active,[data-theme=dark] .list-group-item.list-group-item-secondary:focus{
    color:var(--body-font-color)
}
.list-hover-secondary{
    background-color:unset
}
.list-hover-secondary:hover,.list-hover-secondary:active,.list-hover-secondary.active{
    background-color:#c280d21a!important;
    color:var(--body-font-color)
}
.list-group-item.list-group-item-tertiary{
    background-color:#fd7e404d!important;
    color:#fd7e40
}
.list-group-item.list-group-item-tertiary:hover,.list-group-item.list-group-item-tertiary:active,.list-group-item.list-group-item-tertiary:focus{
    background-color:#fd7e404d
}
[data-theme=dark] .list-group-item.list-group-item-tertiary:hover,[data-theme=dark] .list-group-item.list-group-item-tertiary:active,[data-theme=dark] .list-group-item.list-group-item-tertiary:focus{
    color:var(--body-font-color)
}
.list-hover-tertiary{
    background-color:unset
}
.list-hover-tertiary:hover,.list-hover-tertiary:active,.list-hover-tertiary.active{
    background-color:#fd7e401a!important;
    color:var(--body-font-color)
}
.list-group-item.list-group-item-warning{
    background-color:#f0ad4e4d!important;
    color:#f0ad4e
}
.list-group-item.list-group-item-warning:hover,.list-group-item.list-group-item-warning:active,.list-group-item.list-group-item-warning:focus{
    background-color:#f0ad4e4d
}
[data-theme=dark] .list-group-item.list-group-item-warning:hover,[data-theme=dark] .list-group-item.list-group-item-warning:active,[data-theme=dark] .list-group-item.list-group-item-warning:focus{
    color:var(--body-font-color)
}
.list-hover-warning{
    background-color:unset
}
.list-hover-warning:hover,.list-hover-warning:active,.list-hover-warning.active{
    background-color:#f0ad4e1a!important;
    color:var(--body-font-color)
}
.list-group-item.list-group-item-info{
    background-color:#2e8dd34d!important;
    color:#2e8dd3
}
.list-group-item.list-group-item-info:hover,.list-group-item.list-group-item-info:active,.list-group-item.list-group-item-info:focus{
    background-color:#2e8dd34d
}
[data-theme=dark] .list-group-item.list-group-item-info:hover,[data-theme=dark] .list-group-item.list-group-item-info:active,[data-theme=dark] .list-group-item.list-group-item-info:focus{
    color:var(--body-font-color)
}
.list-hover-info{
    background-color:unset
}
.list-hover-info:hover,.list-hover-info:active,.list-hover-info.active{
    background-color:#2e8dd31a!important;
    color:var(--body-font-color)
}
.list-group-item.list-group-item-success{
    background-color:#17a6004d!important;
    color:#17a600
}
.list-group-item.list-group-item-success:hover,.list-group-item.list-group-item-success:active,.list-group-item.list-group-item-success:focus{
    background-color:#17a6004d
}
[data-theme=dark] .list-group-item.list-group-item-success:hover,[data-theme=dark] .list-group-item.list-group-item-success:active,[data-theme=dark] .list-group-item.list-group-item-success:focus{
    color:var(--body-font-color)
}
.list-hover-success{
    background-color:unset
}
.list-hover-success:hover,.list-hover-success:active,.list-hover-success.active{
    background-color:#17a6001a!important;
    color:var(--body-font-color)
}
.list-group-item.list-group-item-danger{
    background-color:#c42a024d!important;
    color:#c42a02
}
.list-group-item.list-group-item-danger:hover,.list-group-item.list-group-item-danger:active,.list-group-item.list-group-item-danger:focus{
    background-color:#c42a024d
}
[data-theme=dark] .list-group-item.list-group-item-danger:hover,[data-theme=dark] .list-group-item.list-group-item-danger:active,[data-theme=dark] .list-group-item.list-group-item-danger:focus{
    color:var(--body-font-color)
}
.list-hover-danger{
    background-color:unset
}
.list-hover-danger:hover,.list-hover-danger:active,.list-hover-danger.active{
    background-color:#c42a021a!important;
    color:var(--body-font-color)
}
.list-group-item.list-group-item-light{
    background-color:#f4f5f84d!important;
    color:#f4f5f8
}
.list-group-item.list-group-item-light:hover,.list-group-item.list-group-item-light:active,.list-group-item.list-group-item-light:focus{
    background-color:#f4f5f84d
}
[data-theme=dark] .list-group-item.list-group-item-light:hover,[data-theme=dark] .list-group-item.list-group-item-light:active,[data-theme=dark] .list-group-item.list-group-item-light:focus{
    color:var(--body-font-color)
}
.list-hover-light{
    background-color:unset
}
.list-hover-light:hover,.list-hover-light:active,.list-hover-light.active{
    background-color:#f4f5f81a!important;
    color:var(--body-font-color)
}
.list-group-item.list-group-item-dark{
    background-color:#2c2c314d!important;
    color:#2c2c31
}
.list-group-item.list-group-item-dark:hover,.list-group-item.list-group-item-dark:active,.list-group-item.list-group-item-dark:focus{
    background-color:#2c2c314d
}
[data-theme=dark] .list-group-item.list-group-item-dark:hover,[data-theme=dark] .list-group-item.list-group-item-dark:active,[data-theme=dark] .list-group-item.list-group-item-dark:focus{
    color:var(--body-font-color)
}
.list-hover-dark{
    background-color:unset
}
.list-hover-dark:hover,.list-hover-dark:active,.list-hover-dark.active{
    background-color:#2c2c311a!important;
    color:var(--body-font-color)
}
.horizontal-list-wrapper .list-group .list-group-item{
    padding:8px
}
.horizontal-list-wrapper .list-group .list-group-item[class*=b-]{
    border-left-width:2px!important
}
.list-group-item{
    border-color:var(--solid-border)
}
.list-group-item.active{
    background-color:var(--theme-default);
    border-color:var(--theme-default)
}
[data-theme=dark] .list-group-item.active{
    background-color:var(--theme-default)
}
[data-theme=dark] .list-group-item{
    background-color:var(--body-color);
    color:var(--body-font-color)
}
.list-wrapper{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:10px
}
@media (max-width: 414px){
    .list-wrapper{
        flex-wrap:unset;
        word-break:break-word
    }
}
@media (max-width: 366px){
    .list-wrapper{
        padding-bottom:8px
    }
}
.list-wrapper .list-img{
    width:calc(40px + 15 * (100vw - 320px) / 1600);
    height:calc(40px + 15 * (100vw - 320px) / 1600);
    border-radius:50%
}
.list-wrapper .list-content h6,.list-wrapper .list-content .h6{
    font-weight:500
}
.list-wrapper .list-content p{
    margin-bottom:0;
    color:var(--light-font)
}
.list-behavior-1{
    align-items:center
}
@media (max-width: 1199.98px){
    .list-behavior-1{
        gap:12px
    }
}
@media (max-width: 575.98px){
    .list-behavior-1:first-child{
        margin-bottom:14px
    }
}
@media (max-width: 1999px){
    .list-behavior-1 img{
        height:86px
    }
}
@media (max-width: 992px){
    .list-behavior-1 img{
        height:70px
    }
}
.list-behavior-1 .flex-grow-1{
    margin-left:16px
}
@media (max-width: 1199.98px){
    .list-behavior-1 .flex-grow-1{
        margin-left:0
    }
    .list-behavior-1 .flex-grow-1 p{
        display:block;
        display:-webkit-box;
        max-width:100%;
        margin:0 auto;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;
        text-overflow:ellipsis
    }
}
@media (max-width: 575.98px){
    #nav-tabContent{
        margin-top:15px
    }
}
.list-behaviors>div:nth-child(2n) .flex-grow-1{
    order:-1;
    margin-left:unset;
    margin-right:16px
}
@media (max-width: 1199.98px){
    .list-behaviors>div:nth-child(2n) .flex-grow-1{
        margin-left:0;
        margin-right:0;
        order:unset
    }
}
.list-group{
    overflow:hidden
}
.list-group .list-group-item{
    padding:11px 16px
}
.list-group .list-group-item .form-check-input:focus{
    box-shadow:unset!important
}
@media (max-width: 1216px){
    .contact-profile,.contact-profile.list-light-dark:hover{
        background-color:unset
    }
}
@media (max-width: 360px){
    .contact-profile img.tab-img{
        height:66px
    }
}
.scrollbar-wrapper{
    max-height:250px;
    overflow:auto
}
.badge-list .list-group-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap
}
.badge-list .list-group-item div{
    margin-right:auto;
    margin-left:8px
}
.modal-toggle-wrapper .form-control::placeholder{
    font-size:13px
}
.modal-toggle-wrapper .modal-img{
    display:flex;
    justify-content:center
}
.modal-toggle-wrapper .modal-img img{
    width:200px;
    height:200px
}
@media (max-width: 992px){
    .modal-toggle-wrapper .modal-img img{
        width:calc(136px + 64 * (100vw - 320px) / 672);
        height:calc(136px + 64 * (100vw - 320px) / 672)
    }
}
.modal-toggle-wrapper .modal-img li img{
    width:100px;
    height:100px
}
@media (max-width: 992px){
    .modal-toggle-wrapper .modal-img li img{
        width:calc(75px + 25 * (100vw - 320px) / 672);
        height:calc(75px + 25 * (100vw - 320px) / 672)
    }
}
.modal-toggle-wrapper .modal-img li+li{
    margin-left:-39px
}
.modal-toggle-wrapper button svg{
    width:16px;
    height:16px
}
.large-modal-header,.large-modal-body{
    display:flex;
    align-items:center;
    color:#2c2c31
}
.large-modal-header svg,.large-modal-body svg{
    width:20px;
    height:20px
}
.modal-padding-space{
    padding-left:20px
}
.svg-modal{
    width:15px;
    height:15px;
    stroke:#c280d2;
    vertical-align:middle
}
.card-wrapper .modal-heading h5,.card-wrapper .modal-heading .h5{
    font-size:calc(15px + 3 * (100vw - 320px) / 1080)
}
@media (min-width: 750px) and (max-width: 1200px){
    .card-wrapper .balance-modal{
        display:flex;
        flex-direction:column
    }
}
.modal-footer .btn{
    margin:0 4px
}
[data-theme=dark] .modal-footer{
    border-color:var(--solid-border)
}
.modal-content{
    background-color:var(--body-color)
}
[data-theme=dark] .modal-content .modal-header{
    border-color:var(--solid-border)
}
.modal-content .modal-header .modal-title{
    font-weight:600
}
.modal-content .modal-header .btn-close:focus{
    box-shadow:unset
}
[data-theme=dark] .modal-content{
    background-color:var(--card-color)
}
.modal-content .modal-body h5,.modal-content .modal-body .h5,.modal-content .modal-body h6,.modal-content .modal-body .h6{
    font-weight:500
}
.modal-details h6,.modal-details .h6{
    padding-bottom:12px
}
.modal-details .web-content{
    margin-bottom:16px
}
.modal-details .web-content .d-flex p{
    padding-bottom:8px
}
.modal-details .web-content .d-flex:last-child p{
    padding-bottom:0
}
.modal-details .web-content:last-child{
    margin-bottom:0
}
.dot-group{
    display:flex;
    gap:6px;
    padding:15px 0 0
}
.dot-group li{
    width:8px;
    height:8px;
    background:var(--light-font);
    border-radius:100%
}
.balance-box{
    text-align:center;
    background-image:url(/build/assets/bg-balance-mojAGTMz.png);
    background-position:right;
    background-size:cover
}
[data-theme=dark] .balance-box{
    background-blend-mode:overlay;
    background-color:var(--card-color)
}
.balance-box .balance-img{
    display:inline-block;
    padding:5px;
    border:2px solid var(--normal-shadow);
    border-left-color:#17a600;
    border-bottom-color:#17a600;
    border-radius:100%;
    position:relative;
    margin-bottom:15px
}
.balance-box .balance-img img{
    background-color:var(--normal);
    border-radius:100%;
    height:68px
}
.balance-box .balance-img .edit-icon{
    width:26px;
    height:26px;
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #ffffff;
    background-color:var(--normal-shadow);
    right:0;
    bottom:0;
    border-radius:100%
}
.balance-box .balance-img .edit-icon .icon{
    width:20px;
    height:29px;
    fill:#43b9b2
}
.balance-box .balance-profile ul{
    display:flex;
    justify-content:center;
    gap:50px;
    margin-top:16px
}
.balance-box .balance-profile ul li{
    position:relative
}
.balance-box .balance-profile ul li+li:before{
    position:absolute;
    content:"";
    left:-25px;
    top:50%;
    height:40px;
    transform:translateY(-50%);
    border:1px dashed var(--recent-dashed-border)
}
.balance-box .balance-item{
    display:flex;
    gap:10px
}
.balance-box .balance-item .balance-icon-wrap{
    width:40px;
    min-width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px
}
.balance-box .balance-item .balance-icon-wrap .balance-icon{
    width:18px;
    height:18px;
    border-radius:100%
}
.balance-box .balance-item .balance-icon-wrap .balance-icon .icon{
    color:#fff;
    width:18px;
    height:18px
}
.balance-box .balance-item .balance-icon-wrap .balance-icon .icon .feather{
    width:14px;
    height:14px;
    vertical-align:-1px
}
.balance-box .balance-item .badge{
    padding:8px 10px
}
@media (max-width: 767.98px){
    .animate-widget .text-center{
        display:none
    }
}
@media (max-width: 1660px){
    .balance-box .balance-item .balance-icon-wrap .balance-icon .icon{
        width:12px;
        height:12px;
        vertical-align:text-top
    }
}
@media (max-width: 1660px){
    .balance-box .balance-item .balance-icon-wrap .balance-icon{
        width:14px;
        height:14px
    }
}
@media (max-width: 1660px){
    .balance-box .balance-item .balance-icon-wrap{
        width:25px;
        min-width:25px;
        height:25px;
        border-radius:8px
    }
}
@media (max-width: 1660px){
    .balance-box .balance-profile ul li+li:before{
        left:-16px
    }
}
@media (max-width: 1660px){
    .balance-box .balance-profile ul{
        gap:25px
    }
}
.large-modal-header [data-theme=dark],.large-modal-body [data-theme=dark]{
    color:#fff
}
.checkbox_animated{
    cursor:pointer;
    position:relative;
    margin:0 1rem 0 0
}
.checkbox_animated:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:rotate(-45deg) scale(0);
    content:"";
    position:absolute;
    left:.25rem;
    top:.225rem;
    z-index:1;
    width:.75rem;
    height:.375rem;
    border:2px solid var(--theme-default);
    border-top-style:none;
    border-right-style:none
}
.checkbox_animated:after{
    content:"";
    position:absolute;
    top:-.125rem;
    left:0;
    width:1.3rem;
    height:1.3rem;
    background:var(--light-color);
    cursor:pointer
}
.checkbox_animated:checked:before{
    transform:rotate(-45deg) scale(1)
}
.checkbox label{
    display:inline-block;
    position:relative;
    padding-left:16px;
    cursor:pointer;
    margin-top:10px;
    margin-bottom:10px
}
.checkbox label:before{
    content:"";
    display:inline-block;
    position:absolute;
    width:19px;
    height:19px;
    left:0;
    margin-left:-16px;
    border:1px solid var(--solid-border);
    border-radius:3px;
    transition:border .15s ease-in-out,color .15s ease-in-out
}
.checkbox label:after{
    display:inline-block;
    position:absolute;
    width:16px;
    height:16px;
    left:0;
    top:0;
    margin-left:-20px;
    padding-left:3px;
    padding-top:1px;
    font-size:11px;
    color:var(--body-font-color)
}
.checkbox input[type=checkbox]{
    opacity:0
}
.checkbox input[type=checkbox]:focus{
    outline-offset:-2px
}
.checkbox input[type=checkbox]:focus+label:before{
    outline-offset:-2px
}
.checkbox input[type=checkbox]:checked+label:before{
    font-family:themify;
    content:"";
    text-align:center;
    line-height:1.2;
    color:var(--white)
}
.checkbox input[type=checkbox]:disabled+label{
    opacity:.65
}
.checkbox input[type=checkbox]:disabled+label:before{
    background-color:#f4f5f8;
    cursor:not-allowed
}
.checkbox .checkbox-circle label:before{
    border-radius:50%
}
.checkbox .checkbox-inline{
    margin-top:0
}
.checkbox-shadow.form-check-input:checked[type=checkbox]{
    background-image:unset
}
.checkbox-primary{
    cursor:pointer;
    box-shadow:none;
    position:relative;
    margin:0 1rem 0 0
}
.checkbox-primary:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:rotate(-45deg) scale(0);
    content:"";
    position:absolute;
    left:.25rem;
    top:6px;
    z-index:1;
    width:.75rem;
    height:.375rem;
    border:0;
    border:2px solid #43B9B2;
    border-top-style:none;
    border-right-style:none
}
.checkbox-primary:after{
    content:"";
    position:absolute;
    left:-1px;
    top:-1px;
    width:1.3rem;
    height:1.3rem;
    background:var(--light-color);
    cursor:pointer
}
[data-theme=dark] .checkbox-primary:after{
    background-color:var(--body-color);
    border:var(--light-border)
}
.checkbox-primary:checked:before{
    transform:rotate(-45deg) scale(1)
}
.checkbox-primary.form-check-input:checked{
    border:0
}
[data-theme=dark] .list-content-ui .checkbox-primary:after{
    background-color:var(--card-color)
}
.checkbox-border-primary:after{
    border:1px solid #43B9B2
}
.checkbox-solid-primary input[type=checkbox]:checked+label:before{
    background-color:#43b9b2;
    border:#43B9B2
}
.radio-primary{
    position:relative;
    margin:0 1rem 0 0;
    cursor:pointer;
    box-shadow:none;
    vertical-align:-2px
}
.radio-primary:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:scale(0);
    content:"";
    position:absolute;
    top:1px;
    left:.19rem;
    z-index:1;
    width:.586rem;
    height:.556rem;
    background:#43b9b2;
    border-radius:50%
}
.radio-primary:after{
    content:"";
    position:absolute;
    top:-.25rem;
    left:-.125rem;
    width:1.2rem;
    height:1.2rem;
    background:#fff;
    border:var(--light-border);
    border-radius:50%
}
[data-theme=dark] .radio-primary:after{
    background-color:var(--card-color)
}
.radio-primary:checked:before{
    transform:scale(1)
}
.radio-primary.form-check-input:checked{
    border:0
}
.radio-border-primary:after{
    border:1px dashed #43B9B2
}
.checkbox-secondary{
    cursor:pointer;
    box-shadow:none;
    position:relative;
    margin:0 1rem 0 0
}
.checkbox-secondary:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:rotate(-45deg) scale(0);
    content:"";
    position:absolute;
    left:.25rem;
    top:6px;
    z-index:1;
    width:.75rem;
    height:.375rem;
    border:0;
    border:2px solid #C280D2;
    border-top-style:none;
    border-right-style:none
}
.checkbox-secondary:after{
    content:"";
    position:absolute;
    left:-1px;
    top:-1px;
    width:1.3rem;
    height:1.3rem;
    background:var(--light-color);
    cursor:pointer
}
[data-theme=dark] .checkbox-secondary:after{
    background-color:var(--body-color);
    border:var(--light-border)
}
.checkbox-secondary:checked:before{
    transform:rotate(-45deg) scale(1)
}
.checkbox-secondary.form-check-input:checked{
    border:0
}
[data-theme=dark] .list-content-ui .checkbox-secondary:after{
    background-color:var(--card-color)
}
.checkbox-border-secondary:after{
    border:1px solid #C280D2
}
.checkbox-solid-secondary input[type=checkbox]:checked+label:before{
    background-color:#c280d2;
    border:#C280D2
}
.radio-secondary{
    position:relative;
    margin:0 1rem 0 0;
    cursor:pointer;
    box-shadow:none;
    vertical-align:-2px
}
.radio-secondary:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:scale(0);
    content:"";
    position:absolute;
    top:1px;
    left:.19rem;
    z-index:1;
    width:.586rem;
    height:.556rem;
    background:#c280d2;
    border-radius:50%
}
.radio-secondary:after{
    content:"";
    position:absolute;
    top:-.25rem;
    left:-.125rem;
    width:1.2rem;
    height:1.2rem;
    background:#fff;
    border:var(--light-border);
    border-radius:50%
}
[data-theme=dark] .radio-secondary:after{
    background-color:var(--card-color)
}
.radio-secondary:checked:before{
    transform:scale(1)
}
.radio-secondary.form-check-input:checked{
    border:0
}
.radio-border-secondary:after{
    border:1px dashed #C280D2
}
.checkbox-tertiary{
    cursor:pointer;
    box-shadow:none;
    position:relative;
    margin:0 1rem 0 0
}
.checkbox-tertiary:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:rotate(-45deg) scale(0);
    content:"";
    position:absolute;
    left:.25rem;
    top:6px;
    z-index:1;
    width:.75rem;
    height:.375rem;
    border:0;
    border:2px solid #FD7E40;
    border-top-style:none;
    border-right-style:none
}
.checkbox-tertiary:after{
    content:"";
    position:absolute;
    left:-1px;
    top:-1px;
    width:1.3rem;
    height:1.3rem;
    background:var(--light-color);
    cursor:pointer
}
[data-theme=dark] .checkbox-tertiary:after{
    background-color:var(--body-color);
    border:var(--light-border)
}
.checkbox-tertiary:checked:before{
    transform:rotate(-45deg) scale(1)
}
.checkbox-tertiary.form-check-input:checked{
    border:0
}
[data-theme=dark] .list-content-ui .checkbox-tertiary:after{
    background-color:var(--card-color)
}
.checkbox-border-tertiary:after{
    border:1px solid #FD7E40
}
.checkbox-solid-tertiary input[type=checkbox]:checked+label:before{
    background-color:#fd7e40;
    border:#FD7E40
}
.radio-tertiary{
    position:relative;
    margin:0 1rem 0 0;
    cursor:pointer;
    box-shadow:none;
    vertical-align:-2px
}
.radio-tertiary:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:scale(0);
    content:"";
    position:absolute;
    top:1px;
    left:.19rem;
    z-index:1;
    width:.586rem;
    height:.556rem;
    background:#fd7e40;
    border-radius:50%
}
.radio-tertiary:after{
    content:"";
    position:absolute;
    top:-.25rem;
    left:-.125rem;
    width:1.2rem;
    height:1.2rem;
    background:#fff;
    border:var(--light-border);
    border-radius:50%
}
[data-theme=dark] .radio-tertiary:after{
    background-color:var(--card-color)
}
.radio-tertiary:checked:before{
    transform:scale(1)
}
.radio-tertiary.form-check-input:checked{
    border:0
}
.radio-border-tertiary:after{
    border:1px dashed #FD7E40
}
.checkbox-success{
    cursor:pointer;
    box-shadow:none;
    position:relative;
    margin:0 1rem 0 0
}
.checkbox-success:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:rotate(-45deg) scale(0);
    content:"";
    position:absolute;
    left:.25rem;
    top:6px;
    z-index:1;
    width:.75rem;
    height:.375rem;
    border:0;
    border:2px solid #17A600;
    border-top-style:none;
    border-right-style:none
}
.checkbox-success:after{
    content:"";
    position:absolute;
    left:-1px;
    top:-1px;
    width:1.3rem;
    height:1.3rem;
    background:var(--light-color);
    cursor:pointer
}
[data-theme=dark] .checkbox-success:after{
    background-color:var(--body-color);
    border:var(--light-border)
}
.checkbox-success:checked:before{
    transform:rotate(-45deg) scale(1)
}
.checkbox-success.form-check-input:checked{
    border:0
}
[data-theme=dark] .list-content-ui .checkbox-success:after{
    background-color:var(--card-color)
}
.checkbox-border-success:after{
    border:1px solid #17A600
}
.checkbox-solid-success input[type=checkbox]:checked+label:before{
    background-color:#17a600;
    border:#17A600
}
.radio-success{
    position:relative;
    margin:0 1rem 0 0;
    cursor:pointer;
    box-shadow:none;
    vertical-align:-2px
}
.radio-success:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:scale(0);
    content:"";
    position:absolute;
    top:1px;
    left:.19rem;
    z-index:1;
    width:.586rem;
    height:.556rem;
    background:#17a600;
    border-radius:50%
}
.radio-success:after{
    content:"";
    position:absolute;
    top:-.25rem;
    left:-.125rem;
    width:1.2rem;
    height:1.2rem;
    background:#fff;
    border:var(--light-border);
    border-radius:50%
}
[data-theme=dark] .radio-success:after{
    background-color:var(--card-color)
}
.radio-success:checked:before{
    transform:scale(1)
}
.radio-success.form-check-input:checked{
    border:0
}
.radio-border-success:after{
    border:1px dashed #17A600
}
.checkbox-warning{
    cursor:pointer;
    box-shadow:none;
    position:relative;
    margin:0 1rem 0 0
}
.checkbox-warning:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:rotate(-45deg) scale(0);
    content:"";
    position:absolute;
    left:.25rem;
    top:6px;
    z-index:1;
    width:.75rem;
    height:.375rem;
    border:0;
    border:2px solid #F0AD4E;
    border-top-style:none;
    border-right-style:none
}
.checkbox-warning:after{
    content:"";
    position:absolute;
    left:-1px;
    top:-1px;
    width:1.3rem;
    height:1.3rem;
    background:var(--light-color);
    cursor:pointer
}
[data-theme=dark] .checkbox-warning:after{
    background-color:var(--body-color);
    border:var(--light-border)
}
.checkbox-warning:checked:before{
    transform:rotate(-45deg) scale(1)
}
.checkbox-warning.form-check-input:checked{
    border:0
}
[data-theme=dark] .list-content-ui .checkbox-warning:after{
    background-color:var(--card-color)
}
.checkbox-border-warning:after{
    border:1px solid #F0AD4E
}
.checkbox-solid-warning input[type=checkbox]:checked+label:before{
    background-color:#f0ad4e;
    border:#F0AD4E
}
.radio-warning{
    position:relative;
    margin:0 1rem 0 0;
    cursor:pointer;
    box-shadow:none;
    vertical-align:-2px
}
.radio-warning:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:scale(0);
    content:"";
    position:absolute;
    top:1px;
    left:.19rem;
    z-index:1;
    width:.586rem;
    height:.556rem;
    background:#f0ad4e;
    border-radius:50%
}
.radio-warning:after{
    content:"";
    position:absolute;
    top:-.25rem;
    left:-.125rem;
    width:1.2rem;
    height:1.2rem;
    background:#fff;
    border:var(--light-border);
    border-radius:50%
}
[data-theme=dark] .radio-warning:after{
    background-color:var(--card-color)
}
.radio-warning:checked:before{
    transform:scale(1)
}
.radio-warning.form-check-input:checked{
    border:0
}
.radio-border-warning:after{
    border:1px dashed #F0AD4E
}
.checkbox-danger{
    cursor:pointer;
    box-shadow:none;
    position:relative;
    margin:0 1rem 0 0
}
.checkbox-danger:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:rotate(-45deg) scale(0);
    content:"";
    position:absolute;
    left:.25rem;
    top:6px;
    z-index:1;
    width:.75rem;
    height:.375rem;
    border:0;
    border:2px solid #C42A02;
    border-top-style:none;
    border-right-style:none
}
.checkbox-danger:after{
    content:"";
    position:absolute;
    left:-1px;
    top:-1px;
    width:1.3rem;
    height:1.3rem;
    background:var(--light-color);
    cursor:pointer
}
[data-theme=dark] .checkbox-danger:after{
    background-color:var(--body-color);
    border:var(--light-border)
}
.checkbox-danger:checked:before{
    transform:rotate(-45deg) scale(1)
}
.checkbox-danger.form-check-input:checked{
    border:0
}
[data-theme=dark] .list-content-ui .checkbox-danger:after{
    background-color:var(--card-color)
}
.checkbox-border-danger:after{
    border:1px solid #C42A02
}
.checkbox-solid-danger input[type=checkbox]:checked+label:before{
    background-color:#c42a02;
    border:#C42A02
}
.radio-danger{
    position:relative;
    margin:0 1rem 0 0;
    cursor:pointer;
    box-shadow:none;
    vertical-align:-2px
}
.radio-danger:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:scale(0);
    content:"";
    position:absolute;
    top:1px;
    left:.19rem;
    z-index:1;
    width:.586rem;
    height:.556rem;
    background:#c42a02;
    border-radius:50%
}
.radio-danger:after{
    content:"";
    position:absolute;
    top:-.25rem;
    left:-.125rem;
    width:1.2rem;
    height:1.2rem;
    background:#fff;
    border:var(--light-border);
    border-radius:50%
}
[data-theme=dark] .radio-danger:after{
    background-color:var(--card-color)
}
.radio-danger:checked:before{
    transform:scale(1)
}
.radio-danger.form-check-input:checked{
    border:0
}
.radio-border-danger:after{
    border:1px dashed #C42A02
}
.checkbox-info{
    cursor:pointer;
    box-shadow:none;
    position:relative;
    margin:0 1rem 0 0
}
.checkbox-info:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:rotate(-45deg) scale(0);
    content:"";
    position:absolute;
    left:.25rem;
    top:6px;
    z-index:1;
    width:.75rem;
    height:.375rem;
    border:0;
    border:2px solid #2E8DD3;
    border-top-style:none;
    border-right-style:none
}
.checkbox-info:after{
    content:"";
    position:absolute;
    left:-1px;
    top:-1px;
    width:1.3rem;
    height:1.3rem;
    background:var(--light-color);
    cursor:pointer
}
[data-theme=dark] .checkbox-info:after{
    background-color:var(--body-color);
    border:var(--light-border)
}
.checkbox-info:checked:before{
    transform:rotate(-45deg) scale(1)
}
.checkbox-info.form-check-input:checked{
    border:0
}
[data-theme=dark] .list-content-ui .checkbox-info:after{
    background-color:var(--card-color)
}
.checkbox-border-info:after{
    border:1px solid #2E8DD3
}
.checkbox-solid-info input[type=checkbox]:checked+label:before{
    background-color:#2e8dd3;
    border:#2E8DD3
}
.radio-info{
    position:relative;
    margin:0 1rem 0 0;
    cursor:pointer;
    box-shadow:none;
    vertical-align:-2px
}
.radio-info:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:scale(0);
    content:"";
    position:absolute;
    top:1px;
    left:.19rem;
    z-index:1;
    width:.586rem;
    height:.556rem;
    background:#2e8dd3;
    border-radius:50%
}
.radio-info:after{
    content:"";
    position:absolute;
    top:-.25rem;
    left:-.125rem;
    width:1.2rem;
    height:1.2rem;
    background:#fff;
    border:var(--light-border);
    border-radius:50%
}
[data-theme=dark] .radio-info:after{
    background-color:var(--card-color)
}
.radio-info:checked:before{
    transform:scale(1)
}
.radio-info.form-check-input:checked{
    border:0
}
.radio-border-info:after{
    border:1px dashed #2E8DD3
}
.checkbox-light{
    cursor:pointer;
    box-shadow:none;
    position:relative;
    margin:0 1rem 0 0
}
.checkbox-light:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:rotate(-45deg) scale(0);
    content:"";
    position:absolute;
    left:.25rem;
    top:6px;
    z-index:1;
    width:.75rem;
    height:.375rem;
    border:0;
    border:2px solid var(--light-color);
    border-top-style:none;
    border-right-style:none
}
.checkbox-light:after{
    content:"";
    position:absolute;
    left:-1px;
    top:-1px;
    width:1.3rem;
    height:1.3rem;
    background:var(--light-color);
    cursor:pointer
}
[data-theme=dark] .checkbox-light:after{
    background-color:var(--body-color);
    border:var(--light-border)
}
.checkbox-light:checked:before{
    transform:rotate(-45deg) scale(1)
}
.checkbox-light.form-check-input:checked{
    border:0
}
[data-theme=dark] .list-content-ui .checkbox-light:after{
    background-color:var(--card-color)
}
.checkbox-border-light:after{
    border:1px solid var(--light-color)
}
.checkbox-solid-light input[type=checkbox]:checked+label:before{
    background-color:var(--light-color);
    border:var(--light-color)
}
.radio-light{
    position:relative;
    margin:0 1rem 0 0;
    cursor:pointer;
    box-shadow:none;
    vertical-align:-2px
}
.radio-light:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:scale(0);
    content:"";
    position:absolute;
    top:1px;
    left:.19rem;
    z-index:1;
    width:.586rem;
    height:.556rem;
    background:var(--light-color);
    border-radius:50%
}
.radio-light:after{
    content:"";
    position:absolute;
    top:-.25rem;
    left:-.125rem;
    width:1.2rem;
    height:1.2rem;
    background:#fff;
    border:var(--light-border);
    border-radius:50%
}
[data-theme=dark] .radio-light:after{
    background-color:var(--card-color)
}
.radio-light:checked:before{
    transform:scale(1)
}
.radio-light.form-check-input:checked{
    border:0
}
.radio-border-light:after{
    border:1px dashed var(--light-color)
}
.checkbox-dark{
    cursor:pointer;
    box-shadow:none;
    position:relative;
    margin:0 1rem 0 0
}
.checkbox-dark:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:rotate(-45deg) scale(0);
    content:"";
    position:absolute;
    left:.25rem;
    top:6px;
    z-index:1;
    width:.75rem;
    height:.375rem;
    border:0;
    border:2px solid var(--body-font-color);
    border-top-style:none;
    border-right-style:none
}
.checkbox-dark:after{
    content:"";
    position:absolute;
    left:-1px;
    top:-1px;
    width:1.3rem;
    height:1.3rem;
    background:var(--light-color);
    cursor:pointer
}
[data-theme=dark] .checkbox-dark:after{
    background-color:var(--body-color);
    border:var(--light-border)
}
.checkbox-dark:checked:before{
    transform:rotate(-45deg) scale(1)
}
.checkbox-dark.form-check-input:checked{
    border:0
}
[data-theme=dark] .list-content-ui .checkbox-dark:after{
    background-color:var(--card-color)
}
.checkbox-border-dark:after{
    border:1px solid var(--body-font-color)
}
.checkbox-solid-dark input[type=checkbox]:checked+label:before{
    background-color:var(--body-font-color);
    border:var(--body-font-color)
}
.radio-dark{
    position:relative;
    margin:0 1rem 0 0;
    cursor:pointer;
    box-shadow:none;
    vertical-align:-2px
}
.radio-dark:before{
    transition:transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform:scale(0);
    content:"";
    position:absolute;
    top:1px;
    left:.19rem;
    z-index:1;
    width:.586rem;
    height:.556rem;
    background:var(--body-font-color);
    border-radius:50%
}
.radio-dark:after{
    content:"";
    position:absolute;
    top:-.25rem;
    left:-.125rem;
    width:1.2rem;
    height:1.2rem;
    background:#fff;
    border:var(--light-border);
    border-radius:50%
}
[data-theme=dark] .radio-dark:after{
    background-color:var(--card-color)
}
.radio-dark:checked:before{
    transform:scale(1)
}
.radio-dark.form-check-input:checked{
    border:0
}
.radio-border-dark:after{
    border:1px dashed var(--body-font-color)
}
[data-theme=dark] .card-wrapper{
    border-color:var(--light-color)!important
}
.m-checkbox-inline .checkbox,.m-checkbox-inline .radio{
    display:inline-block
}
.m-checkbox-inline label{
    margin-right:20px
}
.fill-radio .radio:checked:after{
    border-width:10px;
    border-style:solid
}
.rating{
    position:relative;
    background:transparent;
    display:flex;
    align-items:center;
    gap:.3em;
    overflow:hidden;
    border-radius:20px
}
.rating-value{
    display:none
}
.rating-star{
    font-size:20px;
    cursor:pointer;
    color:#f0ad4e;
    transition:filter linear .3s
}
.feedback{
    margin:0;
    padding:0;
    list-style:none;
    display:flex
}
.feedback li{
    position:relative;
    border-radius:50%;
    background:var(--sb, var(--normal));
    box-shadow:inset 3px -3px 4px var(--sh, var(--normal-shadow));
    transition:background .4s,box-shadow .4s,transform .3s;
    -webkit-tap-highlight-color:transparent
}
.feedback li:not(:last-child){
    margin-right:20px
}
@media (max-width: 1399.98px){
    .feedback li:not(:last-child){
        margin-right:8px
    }
    [dir=rtl] .feedback li:not(:last-child){
        margin-left:8px;
        margin-right:unset
    }
}
[dir=rtl] .feedback li:not(:last-child){
    margin-left:20px;
    margin-right:unset
}
.feedback li div{
    width:40px;
    height:40px;
    position:relative;
    transform:perspective(240px) translateZ(4px)
}
.feedback li div svg{
    display:block;
    position:absolute;
    left:var(--l, 9px);
    top:var(--t, 13px);
    width:var(--w, 8px);
    height:var(--h, 2px);
    transform:rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
    fill:none;
    stroke:var(--s);
    stroke-width:2px;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:stroke .4s
}
.feedback li div:before{
    display:block;
    position:absolute;
    left:var(--l, 9px);
    top:var(--t, 13px);
    width:var(--w, 8px);
    height:var(--h, 2px);
    transform:rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
    content:"";
    z-index:var(--zi, 1);
    border-radius:var(--br, 1px);
    background:var(--b, var(--e, var(--normal-eye)));
    transition:background .4s
}
.feedback li div:after{
    display:block;
    position:absolute;
    left:var(--l, 9px);
    top:var(--t, 13px);
    width:var(--w, 8px);
    height:var(--h, 2px);
    transform:rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
    content:"";
    z-index:var(--zi, 1);
    border-radius:var(--br, 1px);
    background:var(--b, var(--e, var(--normal-eye)));
    transition:background .4s
}
.feedback li div svg.eye{
    --s: var(--e, var(--normal-eye));
    --t: 17px;
    --w: 7px;
    --h: 4px
}
.feedback li div svg.eye.right{
    --l: 23px
}
.feedback li div svg.mouth{
    --s: var(--m, var(--normal-mouth));
    --l: 11px;
    --t: 23px;
    --w: 18px;
    --h: 7px
}
.feedback li:not(.active){
    cursor:pointer
}
.feedback li:not(.active):active{
    transform:scale(.925)
}
.feedback li.angry{
    --step-1-rx: -24deg;
    --step-1-ry: 20deg;
    --step-2-rx: -24deg;
    --step-2-ry: -20deg
}
.feedback li.angry div:before{
    --r: 20deg
}
.feedback li.angry div:after{
    --l: 23px;
    --r: -20deg
}
.feedback li.angry div svg.eye{
    stroke-dasharray:4.55;
    stroke-dashoffset:8.15
}
.feedback li.angry.active{
    -webkit-animation:angry 1s linear;
    animation:angry 1s linear
}
.feedback li.angry.active div:before{
    --middle-y: -2px;
    --middle-r: 22deg;
    -webkit-animation:toggle .8s linear forwards;
    animation:toggle .8s linear forwards
}
.feedback li.angry.active div:after{
    --middle-y: 1px;
    --middle-r: -18deg;
    -webkit-animation:toggle .8s linear forwards;
    animation:toggle .8s linear forwards
}
.feedback li.sad{
    --step-1-rx: 20deg;
    --step-1-ry: -12deg;
    --step-2-rx: -18deg;
    --step-2-ry: 14deg
}
.feedback li.sad div:before{
    --b: var(--active-tear);
    --sc: 0;
    --w: 5px;
    --h: 5px;
    --t: 15px;
    --br: 50%
}
.feedback li.sad div:after{
    --b: var(--active-tear);
    --sc: 0;
    --w: 5px;
    --h: 5px;
    --t: 15px;
    --br: 50%;
    --l: 25px
}
.feedback li.sad div svg.eye{
    --t: 16px
}
.feedback li.sad div svg.mouth{
    --t: 24px;
    stroke-dasharray:9.5;
    stroke-dashoffset:33.25
}
.feedback li.sad.active div:before{
    -webkit-animation:tear .6s linear forwards;
    animation:tear .6s linear forwards
}
.feedback li.sad.active div:after{
    -webkit-animation:tear .6s linear forwards;
    animation:tear .6s linear forwards
}
.feedback li.ok{
    --step-1-rx: 4deg;
    --step-1-ry: -22deg;
    --step-1-rz: 6deg;
    --step-2-rx: 4deg;
    --step-2-ry: 22deg;
    --step-2-rz: -6deg
}
.feedback li.ok div:before{
    --l: 12px;
    --t: 17px;
    --h: 4px;
    --w: 4px;
    --br: 50%;
    box-shadow:12px 0 0 var(--e, var(--normal-eye))
}
.feedback li.ok div:after{
    --l: 13px;
    --t: 26px;
    --w: 14px;
    --h: 2px;
    --br: 1px;
    --b: var(--m, var(--normal-mouth))
}
.feedback li.ok.active div:before{
    --middle-s-y: .35;
    -webkit-animation:toggle .2s linear forwards;
    animation:toggle .2s linear forwards
}
.feedback li.ok.active div:after{
    --middle-s-x: .5;
    -webkit-animation:toggle .7s linear forwards;
    animation:toggle .7s linear forwards
}
.feedback li.good{
    --step-1-rx: -14deg;
    --step-1-rz: 10deg;
    --step-2-rx: 10deg;
    --step-2-rz: -8deg
}
.feedback li.good div:before{
    --b: var(--m, var(--normal-mouth));
    --w: 5px;
    --h: 5px;
    --br: 50%;
    --t: 22px;
    --zi: 0;
    opacity:.5;
    box-shadow:16px 0 0 var(--b);
    filter:blur(2px)
}
.feedback li.good div:after{
    --sc: 0
}
.feedback li.good div svg.eye{
    --t: 15px;
    --sc: -1;
    stroke-dasharray:4.55;
    stroke-dashoffset:8.15
}
.feedback li.good div svg.mouth{
    --t: 22px;
    --sc: -1;
    stroke-dasharray:13.3;
    stroke-dashoffset:23.75
}
.feedback li.good.active div svg.mouth{
    --middle-y: 1px;
    --middle-s: -1;
    -webkit-animation:toggle .8s linear forwards;
    animation:toggle .8s linear forwards
}
.feedback li.happy div{
    --step-1-rx: 18deg;
    --step-1-ry: 24deg;
    --step-2-rx: 18deg;
    --step-2-ry: -24deg
}
.feedback li.happy div:before{
    --sc: 0
}
.feedback li.happy div:after{
    --b: var(--m, var(--normal-mouth));
    --l: 11px;
    --t: 23px;
    --w: 18px;
    --h: 8px;
    --br: 0 0 8px 8px
}
.feedback li.happy div svg.eye{
    --t: 14px;
    --sc: -1
}
.feedback li.happy.active div:after{
    --middle-s-x: .95;
    --middle-s-y: .75;
    -webkit-animation:toggle .8s linear forwards;
    animation:toggle .8s linear forwards
}
.feedback li.active{
    --sb: var(--active);
    --sh: var(--active-shadow);
    --m: var(--active-mouth);
    --e: var(--active-eye)
}
.feedback li.active div{
    -webkit-animation:shake .8s linear forwards;
    animation:shake .8s linear forwards
}
@keyframes shake{
    30%{
        transform:perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotate(var(--step-1-rz, 0deg)) translateZ(10px)
    }
    60%{
        transform:perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotate(var(--step-2-rz, 0deg)) translateZ(10px)
    }
    to{
        transform:perspective(240px) translateZ(4px)
    }
}
@keyframes tear{
    0%{
        opacity:0;
        transform:translateY(-2px) scale(0) translateZ(0)
    }
    50%{
        transform:translateY(12px) scale(.6,1.2) translateZ(0)
    }
    20%,80%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translateY(24px) translate(4px) rotate(-30deg) scale(.7,1.1) translateZ(0)
    }
}
@keyframes toggle{
    50%{
        transform:translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)),var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg))
    }
}
@keyframes angry{
    40%{
        background:var(--active)
    }
    45%{
        box-shadow:inset 3px -3px 4px var(--active-shadow),inset 0 8px 10px var(--active-shadow-angry)
    }
}
.heart-rating{
    text-align:left
}
.heart-rating .rating-system3{
    width:auto;
    display:inline-block;
    margin:10px 0 18px;
    position:relative
}
.heart-rating span{
    display:inline-block;
    width:10px;
    height:10px;
    background:#c42a02;
    position:absolute;
    left:20px
}
.heart-rating input{
    display:none
}
.heart-rating label{
    float:right;
    display:inline-block;
    width:20px;
    height:5px;
    background:var(--gray-60);
    margin:4px;
    position:relative;
    transition:all .3s
}
.heart-rating .text{
    color:var(--gray-60);
    padding:12px 0 0;
    position:absolute;
    width:100%;
    top:100%
}
.heart-rating .rating-system3 label{
    width:10px;
    height:10px;
    margin:0 10px
}
.heart-rating .rating-system3 label:last-child{
    margin-left:0
}
.heart-rating .rating-system3 label:hover,.heart-rating .rating-system3 label:hover~label{
    background:#43b9b2;
    border-radius:100%
}
.heart-rating .rating-system3 input:checked~label{
    border-radius:100%;
    background:var(--theme-default);
    box-shadow:6px 0 #43b9b2,3px 1px 0 7px var(--white),3px 1px 0 9px #43b9b2
}
.heart-rating .rating-system3 input:checked~label:after{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    background:var(--theme-default);
    transform:rotate(-45deg);
    border-bottom-left-radius:15%;
    top:30%;
    left:3px
}
.heart-rating input:nth-of-type(5):checked~.text:before{
    content:"Not bad"
}
.heart-rating label:nth-of-type(5):hover~.text:before{
    content:"Not bad"!important
}
.heart-rating input:nth-of-type(4):checked~.text:before{
    content:"Its Ok"
}
.heart-rating label:nth-of-type(4):hover~.text:before{
    content:"Its Ok"!important
}
.heart-rating input:nth-of-type(3):checked~.text:before{
    content:"Good!"
}
.heart-rating label:nth-of-type(3):hover~.text:before{
    content:"Good!"!important
}
.heart-rating input:nth-of-type(2):checked~.text:before{
    content:"Very Good!"
}
.heart-rating label:nth-of-type(2):hover~.text:before{
    content:"Very Good!"!important
}
.heart-rating input:nth-of-type(1):checked~.text:before{
    content:"Awesome!!"
}
.heart-rating label:nth-of-type(1):hover~.text:before{
    content:"Awesome!!"!important
}
.number-rating .card{
    display:grid;
    gap:1rem;
    border-radius:1rem;
    box-shadow:none;
    border:0
}
.number-rating .card .card-body{
    padding:0
}
.number-rating .card p{
    color:var(--light-font)
}
.number-rating .circle{
    cursor:pointer;
    width:48px;
    height:48px;
    background-color:#43b9b21a;
    color:var(--theme-default);
    border-radius:50%;
    display:grid;
    place-items:center
}
@media (max-width: 1399.98px){
    .number-rating .circle{
        width:40px;
        height:40px
    }
}
.number-rating .ratings{
    margin:.5rem 0rem;
    display:flex;
    justify-content:space-between;
    font-weight:var(--fw-bold)
}
.number-rating .ratings .rating:is(:hover,:focus){
    background-color:var(--theme-default);
    color:var(--white)
}
.number-rating .rating-selected{
    background-color:var(--theme-default);
    color:var(--white)
}
.number-rating .back-card{
    display:grid;
    gap:1.25rem;
    place-items:center;
    text-align:center
}
.number-rating .result{
    background-color:#43b9b21a;
    padding:.75rem 1rem .5rem;
    border-radius:2rem;
    color:var(--theme-default)!important
}
.number-rating .greet{
    display:grid;
    gap:.75rem;
    margin:.75rem 0rem
}
.number-rating .hidden{
    display:none
}
.fr{
    animation:fade-slide-in .6s ease-out
}
.fr__face{
    background-image:linear-gradient(135deg,hsl(var(--face-hue1),90%,55%),hsl(var(--face-hue2),90%,45%));
    border-radius:50%;
    box-shadow:0 .5em .75em hsla(var(--face-hue2),90%,55%,.3);
    margin:0 auto 2em;
    position:relative;
    width:3em;
    height:3em
}
.fr__face-right-eye,.fr__face-left-eye,.fr__face-mouth-lower,.fr__face-mouth-upper{
    position:absolute;
    transition:background-color var(--trans-dur),box-shadow var(--trans-dur),color var(--trans-dur)
}
.fr__face-right-eye,.fr__face-left-eye{
    background-color:var(--white);
    border-radius:50%;
    top:.75em;
    width:.6em;
    height:.6em
}
.fr__face-right-eye{
    animation:right-eye 1s var(--delay-right) linear paused;
    clip-path:polygon(0 75%,100% 0,100% 100%,0 100%);
    left:.6em
}
.fr__face-left-eye{
    animation:left-eye 1s var(--delay-left) linear paused;
    clip-path:polygon(0 0,100% 75%,100% 100%,0 100%);
    right:.6em
}
.fr__face-mouth-lower,.fr__face-mouth-upper{
    color:var(--white);
    top:1.75em;
    left:.75em;
    width:1.5em;
    height:.75em
}
.fr__face-mouth-lower{
    animation:mouth-lower 1s var(--delay-mouth-lower) linear paused;
    border-radius:50% 50% 0 0/100% 100% 0 0;
    box-shadow:0 .125em inset
}
.fr__face-mouth-upper{
    animation:mouth-upper 1s var(--delay-mouth-upper) linear paused;
    border-radius:0 0 50% 50%/0 0 100% 100%;
    box-shadow:0 -.125em inset
}
.fr__label{
    display:block;
    margin-bottom:1.5em;
    text-align:center;
    font-size:18px
}
.fr__input{
    background-color:var(--gray1);
    background-image:linear-gradient(hsl(var(--input-hue),90%,45%),hsl(var(--input-hue),90%,45%));
    background-size:var(--percent) 100%;
    background-repeat:no-repeat;
    border-radius:.25em;
    display:block;
    margin:.5em auto 1.1em;
    width:100%;
    max-width:18em;
    height:.5em;
    transition:background-color var(--trans-dur);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-tap-highlight-color:transparent
}
.fr__input:focus{
    outline:transparent
}
.fr__input::-webkit-slider-thumb{
    background-color:var(--white);
    border:0;
    border-radius:50%;
    box-shadow:0 .125em .5em #0000004d;
    width:1.5em;
    height:1.5em;
    transition:background-color .15s linear;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.fr__input:focus::-webkit-slider-thumb,.fr__input::-webkit-slider-thumb:hover{
    background-color:var(--lt-gray)
}
.fr__input::-moz-range-thumb{
    background-color:var(--white);
    border:0;
    border-radius:50%;
    box-shadow:0 .125em .5em #0000004d;
    width:1.5em;
    height:1.5em;
    transition:background-color .15s linear
}
.fr__input:focus::-moz-range-thumb,.fr__input::-moz-range-thumb:hover{
    background-color:var(--lt-gray)
}
@keyframes fade-slide-in{
    0%,16.67%{
        opacity:0;
        transform:translateY(25%)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes right-eye{
    0%{
        clip-path:polygon(0 75%,100% 0,100% 100%,0 100%)
    }
    50%,to{
        clip-path:polygon(0 0,100% 0,100% 100%,0 100%)
    }
}
@keyframes left-eye{
    0%{
        clip-path:polygon(0 0,100% 75%,100% 100%,0 100%)
    }
    50%,to{
        clip-path:polygon(0 0,100% 0,100% 100%,0 100%)
    }
}
@keyframes mouth-lower{
    0%{
        border-radius:50% 50% 0 0/100% 100% 0 0;
        top:1.75em;
        height:.75em;
        visibility:visible
    }
    40%{
        border-radius:50% 50% 0 0/100% 100% 0 0;
        top:1.95em;
        height:.25em;
        visibility:visible
    }
    50%,to{
        border-radius:0;
        top:2em;
        height:.125em;
        visibility:hidden
    }
}
@keyframes mouth-upper{
    0%,50%{
        border-radius:0;
        box-shadow:0 -.125em inset;
        top:2em;
        height:.125em;
        visibility:hidden
    }
    62.5%{
        border-radius:0 0 50% 50%/0 0 100% 100%;
        box-shadow:0 -.125em inset;
        top:1.95em;
        height:.25em;
        visibility:visible
    }
    75%{
        border-radius:0 0 50% 50%/0 0 100% 100%;
        box-shadow:0 -.125em inset;
        top:1.825em;
        height:.5em;
        visibility:visible
    }
    to{
        border-radius:0 0 50% 50%/0 0 100% 100%;
        box-shadow:0 -.8em inset;
        top:1.75em;
        height:.75em;
        visibility:visible
    }
}
.emoji-wrapper{
    width:100%
}
.emoji-wrapper .content{
    padding:0 0 15px;
    display:flex;
    align-items:center;
    flex-direction:column
}
.emoji-wrapper .stars{
    margin-top:8px
}
.emoji-wrapper .stars label{
    font-size:24px;
    margin:0 3px;
    color:var(--light-color)
}
.emoji-wrapper .outer{
    height:65px;
    width:65px;
    overflow:hidden
}
.emoji-wrapper .outer .emojis{
    height:500%;
    display:flex;
    flex-direction:column
}
.emoji-wrapper .outer .emojis li{
    height:65px;
    width:100%;
    list-style:none;
    transition:all .3s ease
}
.emoji-wrapper .outer .emojis img{
    height:52px;
    width:52px
}
.emoji-wrapper #star-2:checked~.content .emojis .slideImg{
    margin-top:-64px
}
.emoji-wrapper #star-3:checked~.content .emojis .slideImg{
    margin-top:-130px
}
.emoji-wrapper #star-4:checked~.content .emojis .slideImg{
    margin-top:-194px
}
.emoji-wrapper #star-5:checked~.content .emojis .slideImg{
    margin-top:-262px
}
.emoji-wrapper #star-1:hover~.content .stars .star-1,.emoji-wrapper #star-1:checked~.content .stars .star-1,.emoji-wrapper #star-2:hover~.content .stars .star-1,.emoji-wrapper #star-2:hover~.content .stars .star-2,.emoji-wrapper #star-2:checked~.content .stars .star-1,.emoji-wrapper #star-2:checked~.content .stars .star-2,.emoji-wrapper #star-3:hover~.content .stars .star-1,.emoji-wrapper #star-3:hover~.content .stars .star-2,.emoji-wrapper #star-3:hover~.content .stars .star-3,.emoji-wrapper #star-3:checked~.content .stars .star-1,.emoji-wrapper #star-3:checked~.content .stars .star-2,.emoji-wrapper #star-3:checked~.content .stars .star-3,.emoji-wrapper #star-4:hover~.content .stars .star-1,.emoji-wrapper #star-4:hover~.content .stars .star-2,.emoji-wrapper #star-4:hover~.content .stars .star-3,.emoji-wrapper #star-4:hover~.content .stars .star-4,.emoji-wrapper #star-4:checked~.content .stars .star-1,.emoji-wrapper #star-4:checked~.content .stars .star-2,.emoji-wrapper #star-4:checked~.content .stars .star-3,.emoji-wrapper #star-4:checked~.content .stars .star-4,.emoji-wrapper #star-5:hover~.content .stars .star-1,.emoji-wrapper #star-5:hover~.content .stars .star-2,.emoji-wrapper #star-5:hover~.content .stars .star-3,.emoji-wrapper #star-5:hover~.content .stars .star-4,.emoji-wrapper #star-5:hover~.content .stars .star-5,.emoji-wrapper #star-5:checked~.content .stars .star-1,.emoji-wrapper #star-5:checked~.content .stars .star-2,.emoji-wrapper #star-5:checked~.content .stars .star-3,.emoji-wrapper #star-5:checked~.content .stars .star-4,.emoji-wrapper #star-5:checked~.content .stars .star-5{
    color:#f0ad4e
}
.emoji-wrapper .footer{
    border-top:var(--light-border);
    width:100%;
    padding:12px 12px 0;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.emoji-wrapper .footer span{
    font-size:17px;
    font-weight:400
}
.emoji-wrapper .footer span.numb{
    color:#2e8dd3
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .emoji-wrapper .footer span{
        font-size:14px
    }
}
.emoji-wrapper .footer .text:before{
    content:"Rate your experience"
}
.emoji-wrapper .footer .numb:before{
    content:"0 out of 5"
}
.emoji-wrapper #star-1:checked~.footer .text:before{
    content:"I just hate it"
}
.emoji-wrapper #star-1:checked~.footer .numb:before{
    content:"1 out of 5"
}
.emoji-wrapper #star-2:checked~.footer .text:before{
    content:"I don't like it"
}
.emoji-wrapper #star-2:checked~.footer .numb:before{
    content:"2 out of 5"
}
.emoji-wrapper #star-3:checked~.footer .text:before{
    content:"This is awesome"
}
.emoji-wrapper #star-3:checked~.footer .numb:before{
    content:"3 out of 5"
}
.emoji-wrapper #star-4:checked~.footer .text:before{
    content:"I just like it"
}
.emoji-wrapper #star-4:checked~.footer .numb:before{
    content:"4 out of 5"
}
.emoji-wrapper #star-5:checked~.footer .text:before{
    content:"I just love it"
}
.emoji-wrapper #star-5:checked~.footer .numb:before{
    content:"5 out of 5"
}
.emoji-wrapper input[type=radio]{
    display:none
}
.swal-modal .swal-title{
    font-size:22px
}
.swal-modal .swal-text{
    font-size:17px
}
.swal2-title{
    font-size:22px!important
}
.swal2-image{
    width:100px!important
}
.swal2-icon{
    margin-top:20px!important
}
.swal2-toast .swal2-icon{
    margin-top:0!important
}
.swal2-styled.swal2-confirm{
    background-color:var(--theme-default)!important
}
.swal2-styled.swal2-confirm:focus{
    box-shadow:none!important
}
.swal2-popup.swal2-toast .swal2-title{
    font-size:18px!important
}
.animate__animated .swal2-image{
    width:auto!important
}
[data-theme=dark] .swal2-popup{
    background-color:var(--body-color);
    color:var(--body-font-color)
}
[data-theme=dark] .swal2-popup.swal2-toast{
    background-color:var(--body-color)!important;
    color:var(--body-font-color);
    box-shadow:var(--card-box-shadow)
}
[data-theme=dark] .swal2-checkbox{
    background-color:var(--body-color);
    color:var(--body-font-color)
}
[data-theme=dark] .swal2-radio{
    color:var(--body-font-color);
    background-color:var(--body-color)
}
[data-theme=dark] .sweet-29{
    color:var(--black)!important
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
    background-color:var(--theme-default)
}
.nav i{
    margin-right:10px
}
.flex-space{
    display:flex;
    gap:16px
}
@media (max-width: 576px){
    .flex-space{
        justify-content:center
    }
}
.tab-img{
    height:100px
}
@media (max-width: 575.98px){
    .nav{
        display:inherit;
        text-align:center;
        border-bottom:none
    }
    .nav.nav-tabs .nav-link{
        border-top:0;
        border-bottom:0
    }
}
.nav-tabs .nav-item .nav-link svg.svg-color{
    width:16px;
    height:16px;
    margin-right:4px;
    vertical-align:sub
}
[data-theme=dark] .nav-tabs .nav-link{
    color:var(--light-font)!important
}
[data-theme=dark] .nav-tabs .nav-link.active{
    color:var(--theme-default)!important;
    border-color:var(--solid-border)
}
.nav-tabs .nav-link:hover{
    border-color:var(--solid-border)
}
.rating{
    stroke:#f0ad4e;
    fill:#f0ad4e
}
.nav-primary .nav-link{
    color:#43b9b2
}
.nav-primary .nav-link.active{
    background-color:#43b9b2;
    color:var(--white)
}
.nav-primary .nav-link svg{
    stroke:#43b9b2
}
.nav-secondary .nav-link{
    color:#c280d2
}
.nav-secondary .nav-link.active{
    background-color:#c280d2;
    color:var(--white)
}
.nav-secondary .nav-link svg{
    stroke:#c280d2
}
.nav-tertiary .nav-link{
    color:#fd7e40
}
.nav-tertiary .nav-link.active{
    background-color:#fd7e40;
    color:var(--white)
}
.nav-tertiary .nav-link svg{
    stroke:#fd7e40
}
.nav-warning .nav-link{
    color:#f0ad4e
}
.nav-warning .nav-link.active{
    background-color:#f0ad4e;
    color:var(--white)
}
.nav-warning .nav-link svg{
    stroke:#f0ad4e
}
.nav-info .nav-link{
    color:#2e8dd3
}
.nav-info .nav-link.active{
    background-color:#2e8dd3;
    color:var(--white)
}
.nav-info .nav-link svg{
    stroke:#2e8dd3
}
.nav-success .nav-link{
    color:#17a600
}
.nav-success .nav-link.active{
    background-color:#17a600;
    color:var(--white)
}
.nav-success .nav-link svg{
    stroke:#17a600
}
.nav-danger .nav-link{
    color:#c42a02
}
.nav-danger .nav-link.active{
    background-color:#c42a02;
    color:var(--white)
}
.nav-danger .nav-link svg{
    stroke:#c42a02
}
.nav-light .nav-link{
    color:#f4f5f8
}
.nav-light .nav-link.active{
    background-color:#f4f5f8;
    color:var(--white)
}
.nav-light .nav-link svg{
    stroke:#f4f5f8
}
.nav-dark .nav-link{
    color:#2c2c31
}
.nav-dark .nav-link.active{
    background-color:#2c2c31;
    color:var(--white)
}
.nav-dark .nav-link svg{
    stroke:#2c2c31
}
#bottom-tab .nav-border.tab-primary:hover{
    color:#43b9b2
}
#bottom-tab .nav-border.tab-primary:focus,#bottom-tab .nav-border.tab-primary:active,#bottom-tab .nav-border.tab-primary.active{
    color:#43b9b2;
    border-bottom:2px solid #43B9B2
}
#bottom-tab .nav-border.tab-secondary:hover{
    color:#c280d2
}
#bottom-tab .nav-border.tab-secondary:focus,#bottom-tab .nav-border.tab-secondary:active,#bottom-tab .nav-border.tab-secondary.active{
    color:#c280d2;
    border-bottom:2px solid #C280D2
}
#bottom-tab .nav-border.tab-tertiary:hover{
    color:#fd7e40
}
#bottom-tab .nav-border.tab-tertiary:focus,#bottom-tab .nav-border.tab-tertiary:active,#bottom-tab .nav-border.tab-tertiary.active{
    color:#fd7e40;
    border-bottom:2px solid #FD7E40
}
#bottom-tab .nav-border.tab-success:hover{
    color:#17a600
}
#bottom-tab .nav-border.tab-success:focus,#bottom-tab .nav-border.tab-success:active,#bottom-tab .nav-border.tab-success.active{
    color:#17a600;
    border-bottom:2px solid #17A600
}
#bottom-tab .nav-border.tab-danger:hover{
    color:#c42a02
}
#bottom-tab .nav-border.tab-danger:focus,#bottom-tab .nav-border.tab-danger:active,#bottom-tab .nav-border.tab-danger.active{
    color:#c42a02;
    border-bottom:2px solid #C42A02
}
#bottom-tab .nav-border.tab-warning:hover{
    color:#f0ad4e
}
#bottom-tab .nav-border.tab-warning:focus,#bottom-tab .nav-border.tab-warning:active,#bottom-tab .nav-border.tab-warning.active{
    color:#f0ad4e;
    border-bottom:2px solid #F0AD4E
}
#bottom-tab .nav-border.tab-info:hover{
    color:#2e8dd3
}
#bottom-tab .nav-border.tab-info:focus,#bottom-tab .nav-border.tab-info:active,#bottom-tab .nav-border.tab-info.active{
    color:#2e8dd3;
    border-bottom:2px solid #2E8DD3
}
#bottom-tab .nav-border.tab-light:hover{
    color:#f4f5f8
}
#bottom-tab .nav-border.tab-light:focus,#bottom-tab .nav-border.tab-light:active,#bottom-tab .nav-border.tab-light.active{
    color:#f4f5f8;
    border-bottom:2px solid #F4F5F8
}
#bottom-tab .nav-border.tab-dark:hover{
    color:#2c2c31
}
#bottom-tab .nav-border.tab-dark:focus,#bottom-tab .nav-border.tab-dark:active,#bottom-tab .nav-border.tab-dark.active{
    color:#2c2c31;
    border-bottom:2px solid #2C2C31
}
.border-tab.nav-tabs{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    margin-bottom:30px
}
@media (max-width: 575.98px){
    .border-tab.nav-tabs{
        display:block
    }
}
.border-tab.nav-tabs .nav-item .nav-link{
    font-size:16px;
    color:#2c2c31;
    text-align:center;
    padding:10px 25px;
    border:none;
    border-bottom:none;
    transition:.3s
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .border-tab.nav-tabs .nav-item .nav-link{
        padding:10px 22px
    }
}
@media (min-width: 576px) and (max-width: 1920px){
    .border-tab.nav-tabs .nav-item .nav-link{
        padding-top:0
    }
}
.border-tab.nav-tabs .nav-item .nav-link.active,.border-tab.nav-tabs .nav-item .nav-link.show,.border-tab.nav-tabs .nav-item .nav-link:focus,.border-tab.nav-tabs .nav-item .nav-link:hover{
    color:var(--theme-default)
}
.border-tab.nav-tabs .nav-item .nav-link.active,.border-tab.nav-tabs .nav-item .nav-link.show,.border-tab.nav-tabs .nav-item .nav-link:focus{
    border-bottom:none
}
.border-tab.nav-left .nav-link{
    transition:all .3s ease;
    color:#2c2c31
}
[data-theme=dark] .border-tab.nav-left .nav-link{
    color:var(--light-font)
}
.border-tab.nav-left .nav-link.active,.border-tab.nav-left .show>.nav-link{
    background-color:transparent;
    border-left-color:var(--theme-default);
    color:var(--theme-default);
    border-radius:0;
    transition:all .3s ease
}
.border-tab.nav-right .nav-link{
    border-right:2px solid transparent;
    transition:all .3s ease;
    color:#2c2c31;
    text-align:right
}
.border-tab.nav-right .nav-link.active,.border-tab.nav-right .show>.nav-link{
    background-color:transparent;
    border-right-color:var(--theme-default);
    color:var(--theme-default);
    border-radius:0;
    transition:all .3s ease
}
.border-tab.nav-primary .nav-link.active,.border-tab.nav-primary .nav-item.show,.border-tab.nav-primary .nav-link:focus,.border-tab.nav-primary .nav-link:hover{
    color:#43b9b2;
    background-color:transparent
}
.border-tab.nav-primary .nav-item .nav-link{
    transition:.3s
}
[data-theme=dark] .border-tab.nav-primary .nav-item .nav-link{
    color:#43b9b2!important
}
.border-tab.nav-primary .nav-item .nav-link.active,.border-tab.nav-primary .nav-item .nav-link.show,.border-tab.nav-primary .nav-item .nav-link:focus{
    border-bottom:2px solid #43B9B2
}
.border-tab.nav-primary .nav-item .nav-link.active,.border-tab.nav-primary .nav-item .nav-link.show,.border-tab.nav-primary .nav-item .nav-link:focus,.border-tab.nav-primary .nav-item .nav-link:hover{
    color:#43b9b2!important
}
.border-tab.nav-primary .nav-item .nav-link svg{
    stroke:#43b9b2
}
.border-tab.nav-left.nav-primary .nav-link.active,.border-tab.nav-left.nav-primary .show>.nav-link{
    border-left-color:#43b9b2;
    color:#43b9b2
}
.border-tab.nav-right.nav-primary .nav-link.active,.border-tab.nav-right.nav-primary .show>.nav-link{
    border-right-color:#43b9b2;
    color:#43b9b2
}
.border-tab.nav-secondary .nav-link.active,.border-tab.nav-secondary .nav-item.show,.border-tab.nav-secondary .nav-link:focus,.border-tab.nav-secondary .nav-link:hover{
    color:#c280d2;
    background-color:transparent
}
.border-tab.nav-secondary .nav-item .nav-link{
    transition:.3s
}
[data-theme=dark] .border-tab.nav-secondary .nav-item .nav-link{
    color:#c280d2!important
}
.border-tab.nav-secondary .nav-item .nav-link.active,.border-tab.nav-secondary .nav-item .nav-link.show,.border-tab.nav-secondary .nav-item .nav-link:focus{
    border-bottom:2px solid #C280D2
}
.border-tab.nav-secondary .nav-item .nav-link.active,.border-tab.nav-secondary .nav-item .nav-link.show,.border-tab.nav-secondary .nav-item .nav-link:focus,.border-tab.nav-secondary .nav-item .nav-link:hover{
    color:#c280d2!important
}
.border-tab.nav-secondary .nav-item .nav-link svg{
    stroke:#c280d2
}
.border-tab.nav-left.nav-secondary .nav-link.active,.border-tab.nav-left.nav-secondary .show>.nav-link{
    border-left-color:#c280d2;
    color:#c280d2
}
.border-tab.nav-right.nav-secondary .nav-link.active,.border-tab.nav-right.nav-secondary .show>.nav-link{
    border-right-color:#c280d2;
    color:#c280d2
}
.border-tab.nav-tertiary .nav-link.active,.border-tab.nav-tertiary .nav-item.show,.border-tab.nav-tertiary .nav-link:focus,.border-tab.nav-tertiary .nav-link:hover{
    color:#fd7e40;
    background-color:transparent
}
.border-tab.nav-tertiary .nav-item .nav-link{
    transition:.3s
}
[data-theme=dark] .border-tab.nav-tertiary .nav-item .nav-link{
    color:#fd7e40!important
}
.border-tab.nav-tertiary .nav-item .nav-link.active,.border-tab.nav-tertiary .nav-item .nav-link.show,.border-tab.nav-tertiary .nav-item .nav-link:focus{
    border-bottom:2px solid #FD7E40
}
.border-tab.nav-tertiary .nav-item .nav-link.active,.border-tab.nav-tertiary .nav-item .nav-link.show,.border-tab.nav-tertiary .nav-item .nav-link:focus,.border-tab.nav-tertiary .nav-item .nav-link:hover{
    color:#fd7e40!important
}
.border-tab.nav-tertiary .nav-item .nav-link svg{
    stroke:#fd7e40
}
.border-tab.nav-left.nav-tertiary .nav-link.active,.border-tab.nav-left.nav-tertiary .show>.nav-link{
    border-left-color:#fd7e40;
    color:#fd7e40
}
.border-tab.nav-right.nav-tertiary .nav-link.active,.border-tab.nav-right.nav-tertiary .show>.nav-link{
    border-right-color:#fd7e40;
    color:#fd7e40
}
.border-tab.nav-success .nav-link.active,.border-tab.nav-success .nav-item.show,.border-tab.nav-success .nav-link:focus,.border-tab.nav-success .nav-link:hover{
    color:#17a600;
    background-color:transparent
}
.border-tab.nav-success .nav-item .nav-link{
    transition:.3s
}
[data-theme=dark] .border-tab.nav-success .nav-item .nav-link{
    color:#17a600!important
}
.border-tab.nav-success .nav-item .nav-link.active,.border-tab.nav-success .nav-item .nav-link.show,.border-tab.nav-success .nav-item .nav-link:focus{
    border-bottom:2px solid #17A600
}
.border-tab.nav-success .nav-item .nav-link.active,.border-tab.nav-success .nav-item .nav-link.show,.border-tab.nav-success .nav-item .nav-link:focus,.border-tab.nav-success .nav-item .nav-link:hover{
    color:#17a600!important
}
.border-tab.nav-success .nav-item .nav-link svg{
    stroke:#17a600
}
.border-tab.nav-left.nav-success .nav-link.active,.border-tab.nav-left.nav-success .show>.nav-link{
    border-left-color:#17a600;
    color:#17a600
}
.border-tab.nav-right.nav-success .nav-link.active,.border-tab.nav-right.nav-success .show>.nav-link{
    border-right-color:#17a600;
    color:#17a600
}
.border-tab.nav-danger .nav-link.active,.border-tab.nav-danger .nav-item.show,.border-tab.nav-danger .nav-link:focus,.border-tab.nav-danger .nav-link:hover{
    color:#c42a02;
    background-color:transparent
}
.border-tab.nav-danger .nav-item .nav-link{
    transition:.3s
}
[data-theme=dark] .border-tab.nav-danger .nav-item .nav-link{
    color:#c42a02!important
}
.border-tab.nav-danger .nav-item .nav-link.active,.border-tab.nav-danger .nav-item .nav-link.show,.border-tab.nav-danger .nav-item .nav-link:focus{
    border-bottom:2px solid #C42A02
}
.border-tab.nav-danger .nav-item .nav-link.active,.border-tab.nav-danger .nav-item .nav-link.show,.border-tab.nav-danger .nav-item .nav-link:focus,.border-tab.nav-danger .nav-item .nav-link:hover{
    color:#c42a02!important
}
.border-tab.nav-danger .nav-item .nav-link svg{
    stroke:#c42a02
}
.border-tab.nav-left.nav-danger .nav-link.active,.border-tab.nav-left.nav-danger .show>.nav-link{
    border-left-color:#c42a02;
    color:#c42a02
}
.border-tab.nav-right.nav-danger .nav-link.active,.border-tab.nav-right.nav-danger .show>.nav-link{
    border-right-color:#c42a02;
    color:#c42a02
}
.border-tab.nav-info .nav-link.active,.border-tab.nav-info .nav-item.show,.border-tab.nav-info .nav-link:focus,.border-tab.nav-info .nav-link:hover{
    color:#2e8dd3;
    background-color:transparent
}
.border-tab.nav-info .nav-item .nav-link{
    transition:.3s
}
[data-theme=dark] .border-tab.nav-info .nav-item .nav-link{
    color:#2e8dd3!important
}
.border-tab.nav-info .nav-item .nav-link.active,.border-tab.nav-info .nav-item .nav-link.show,.border-tab.nav-info .nav-item .nav-link:focus{
    border-bottom:2px solid #2E8DD3
}
.border-tab.nav-info .nav-item .nav-link.active,.border-tab.nav-info .nav-item .nav-link.show,.border-tab.nav-info .nav-item .nav-link:focus,.border-tab.nav-info .nav-item .nav-link:hover{
    color:#2e8dd3!important
}
.border-tab.nav-info .nav-item .nav-link svg{
    stroke:#2e8dd3
}
.border-tab.nav-left.nav-info .nav-link.active,.border-tab.nav-left.nav-info .show>.nav-link{
    border-left-color:#2e8dd3;
    color:#2e8dd3
}
.border-tab.nav-right.nav-info .nav-link.active,.border-tab.nav-right.nav-info .show>.nav-link{
    border-right-color:#2e8dd3;
    color:#2e8dd3
}
.border-tab.nav-light .nav-link.active,.border-tab.nav-light .nav-item.show,.border-tab.nav-light .nav-link:focus,.border-tab.nav-light .nav-link:hover{
    color:#f4f5f8;
    background-color:transparent
}
.border-tab.nav-light .nav-item .nav-link{
    transition:.3s
}
[data-theme=dark] .border-tab.nav-light .nav-item .nav-link{
    color:#f4f5f8!important
}
.border-tab.nav-light .nav-item .nav-link.active,.border-tab.nav-light .nav-item .nav-link.show,.border-tab.nav-light .nav-item .nav-link:focus{
    border-bottom:2px solid #F4F5F8
}
.border-tab.nav-light .nav-item .nav-link.active,.border-tab.nav-light .nav-item .nav-link.show,.border-tab.nav-light .nav-item .nav-link:focus,.border-tab.nav-light .nav-item .nav-link:hover{
    color:#f4f5f8!important
}
.border-tab.nav-light .nav-item .nav-link svg{
    stroke:#f4f5f8
}
.border-tab.nav-left.nav-light .nav-link.active,.border-tab.nav-left.nav-light .show>.nav-link{
    border-left-color:#f4f5f8;
    color:#f4f5f8
}
.border-tab.nav-right.nav-light .nav-link.active,.border-tab.nav-right.nav-light .show>.nav-link{
    border-right-color:#f4f5f8;
    color:#f4f5f8
}
.border-tab.nav-dark .nav-link.active,.border-tab.nav-dark .nav-item.show,.border-tab.nav-dark .nav-link:focus,.border-tab.nav-dark .nav-link:hover{
    color:#2c2c31;
    background-color:transparent
}
.border-tab.nav-dark .nav-item .nav-link{
    transition:.3s
}
[data-theme=dark] .border-tab.nav-dark .nav-item .nav-link{
    color:#2c2c31!important
}
.border-tab.nav-dark .nav-item .nav-link.active,.border-tab.nav-dark .nav-item .nav-link.show,.border-tab.nav-dark .nav-item .nav-link:focus{
    border-bottom:2px solid #2C2C31
}
.border-tab.nav-dark .nav-item .nav-link.active,.border-tab.nav-dark .nav-item .nav-link.show,.border-tab.nav-dark .nav-item .nav-link:focus,.border-tab.nav-dark .nav-item .nav-link:hover{
    color:#2c2c31!important
}
.border-tab.nav-dark .nav-item .nav-link svg{
    stroke:#2c2c31
}
.border-tab.nav-left.nav-dark .nav-link.active,.border-tab.nav-left.nav-dark .show>.nav-link{
    border-left-color:#2c2c31;
    color:#2c2c31
}
.border-tab.nav-right.nav-dark .nav-link.active,.border-tab.nav-right.nav-dark .show>.nav-link{
    border-right-color:#2c2c31;
    color:#2c2c31
}
.border-tab.nav-warning .nav-link.active,.border-tab.nav-warning .nav-item.show,.border-tab.nav-warning .nav-link:focus,.border-tab.nav-warning .nav-link:hover{
    color:#f0ad4e;
    background-color:transparent
}
.border-tab.nav-warning .nav-item .nav-link{
    transition:.3s
}
[data-theme=dark] .border-tab.nav-warning .nav-item .nav-link{
    color:#f0ad4e!important
}
.border-tab.nav-warning .nav-item .nav-link.active,.border-tab.nav-warning .nav-item .nav-link.show,.border-tab.nav-warning .nav-item .nav-link:focus{
    border-bottom:2px solid #F0AD4E
}
.border-tab.nav-warning .nav-item .nav-link.active,.border-tab.nav-warning .nav-item .nav-link.show,.border-tab.nav-warning .nav-item .nav-link:focus,.border-tab.nav-warning .nav-item .nav-link:hover{
    color:#f0ad4e!important
}
.border-tab.nav-warning .nav-item .nav-link svg{
    stroke:#f0ad4e
}
.border-tab.nav-left.nav-warning .nav-link.active,.border-tab.nav-left.nav-warning .show>.nav-link{
    border-left-color:#f0ad4e;
    color:#f0ad4e
}
.border-tab.nav-right.nav-warning .nav-link.active,.border-tab.nav-right.nav-warning .show>.nav-link{
    border-right-color:#f0ad4e;
    color:#f0ad4e
}
.pills-blogger .blog-wrapper{
    border-radius:12px
}
.pills-blogger .blog-wrapper .flex-shrink-0{
    width:46px;
    height:46px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center
}
.designer-details{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:20px
}
@media (max-width: 1400px){
    .designer-details{
        gap:calc(14px + 21 * (100vw - 320px) / 1080)
    }
}
.designer-details .designer-profile{
    display:inline-block
}
.designer-details .designer-profile .designer-wrap{
    display:flex;
    align-items:center;
    gap:12px
}
.designer-details .designer-profile .designer-wrap .designer-img{
    height:50px;
    border-radius:100%
}
.designer-details .designer-profile .designer-wrap .designer-content h6,.designer-details .designer-profile .designer-wrap .designer-content .h6{
    font-weight:500
}
.material-wrapper{
    display:flex;
    gap:12px
}
@media (max-width: 576px){
    .material-wrapper{
        flex-direction:column;
        align-items:center
    }
}
.main-inbox .header-inbox{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid var(--solid-border);
    padding-bottom:8px
}
.main-inbox .header-inbox .header-left-inbox{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .main-inbox .header-inbox .header-left-inbox{
        gap:8px
    }
}
.main-inbox .header-inbox .header-left-inbox .inbox-img img{
    width:50px;
    height:50px;
    border-radius:100%
}
.main-inbox .header-inbox .header-right-inbox{
    display:flex;
    gap:12px
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .main-inbox .header-inbox .header-right-inbox{
        gap:5px
    }
}
@media (max-width: 560px){
    .main-inbox .header-inbox .header-right-inbox{
        display:none
    }
}
.main-inbox .body-inbox .body-h-wrapper{
    display:flex;
    padding-bottom:6px;
    border-bottom:1px solid var(--solid-border);
    align-items:center
}
.main-inbox .body-inbox .body-h-wrapper .feather{
    width:16px;
    height:16px;
    fill:var(--body-font-color)
}
@media (max-width: 630px){
    .main-inbox .body-inbox .body-h-wrapper{
        align-items:unset
    }
}
#sideline-tab .nav-effect{
    display:inline-block;
    position:relative
}
#sideline-tab .nav-effect:after{
    content:"";
    position:absolute;
    left:0;
    display:inline-block;
    height:14px;
    width:80%;
    border-bottom:1px solid;
    margin-top:10px;
    opacity:0;
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,transform .35s;
    -webkit-transform:scale(0,1);
    transform:scaleX(0)
}
#sideline-tab .nav-effect:hover:after{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover,.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active{
    background-color:unset;
    border-left:none;
    border-radius:0;
    transition:none
}
@media (max-width: 576px){
    .pills-blogger{
        justify-content:center;
        flex-wrap:wrap
    }
}
.nav-tabs .nav-link.font-primary,.nav-tabs .nav-link.font-primary.active{
    color:#43b9b2!important
}
.nav-tabs .nav-link.font-secondary,.nav-tabs .nav-link.font-secondary.active{
    color:#c280d2!important
}
.nav-tabs .nav-link.font-tertiary,.nav-tabs .nav-link.font-tertiary.active{
    color:#fd7e40!important
}
.nav-tabs .nav-link.font-success,.nav-tabs .nav-link.font-success.active{
    color:#17a600!important
}
.nav-tabs .nav-link.font-warning,.nav-tabs .nav-link.font-warning.active{
    color:#f0ad4e!important
}
.nav-tabs .nav-link.font-danger,.nav-tabs .nav-link.font-danger.active{
    color:#c42a02!important
}
.nav-tabs .nav-link.font-info,.nav-tabs .nav-link.font-info.active{
    color:#2e8dd3!important
}
.nav-tabs .nav-link.font-light,.nav-tabs .nav-link.font-light.active{
    color:var(--light-font)!important
}
.nav-tabs .nav-link.font-dark,.nav-tabs .nav-link.font-dark.active,[data-theme=dark] .product-page-main .border-tab.nav-primary .nav-item .nav-link{
    color:var(--body-font-color)!important
}
.product-page-main .border-tab.nav-primary .nav-item .nav-link.active{
    color:var(--theme-default)!important
}
.table{
    margin-bottom:0;
    --bs-table-color: var(--body-font-color)
}
.table .datatable-table:focus{
    outline:0
}
.table-striped.table-bordered>tbody>tr>*:nth-child(n+2),.table-striped.table-bordered>thead>tr>*:nth-child(n+2){
    border-left:unset
}
.table-striped>tbody>tr:nth-of-type(odd)>*{
    background-color:#f4f5f8b3;
    color:var(--body-font-color);
    --bs-table-accent-bg: unset
}
[data-theme=dark] .table-striped>tbody>tr:nth-of-type(odd)>*{
    background-color:var(--body-color)!important
}
table>:not(caption)>*>*{
    border-bottom:var(--light-border)
}
[data-theme=dark] table>:not(caption)>*>*{
    color:var(--light-font);
    border-color:var(--solid-border)
}
[data-theme=dark] table tbody tr{
    border-color:var(--solid-border)
}
table tbody tr:last-child td{
    padding-bottom:0;
    border-bottom:0
}
table tbody tr:last-child th{
    border-bottom:0!important
}
table tbody tr th{
    font-weight:600
}
table tbody tr th,table tbody tr td{
    vertical-align:middle
}
[data-theme=dark] table tbody tr th,[data-theme=dark] table tbody tr td{
    color:var(--light-font)
}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{
    position:relative
}
table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{
    top:50%!important;
    transform:translateY(-56%);
    bottom:unset!important;
    font-size:15px!important;
    margin: 0px -13px;
}
table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before{
    right:14px
}
.table-inverse{
    color:#fff;
    background-color:#2c2c31
}
.table-inverse th,.table-inverse td{
    border-color:#fff;
    color:#fff!important
}
.table-inverse.table-bordered{
    border:0
}
.table[class*=bg-] th,.table[class*=bg-] td{
    color:#fff!important
}
.table-xl td,.table-xl th{
    padding:1.25rem 2rem;
    font-size:120%
}
.table-lg td,.table-lg th{
    padding:.9rem 2rem;
    font-size:110%
}
.table-de td,.table-de th{
    padding:.75rem 2rem
}
.table-sm th,.table-sm td{
    padding:.5rem 2rem;
    font-size:90%
}
.table-xs th,.table-xs td{
    padding:.2rem 2rem;
    font-size:80%
}
@media (max-width: 767.98px){
    .card-block .table-responsive .checkbox-td-width tbody tr td{
        min-width:200px!important
    }
}
.card-block .table-responsive .table-bordered tbody tr:last-child td{
    padding:.5rem!important;
    border-bottom:0
}
@media (max-width: 767.98px){
    .card-block .table-responsive .table-bordered tbody tr td span{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width:100px
    }
}
.card-block .table-responsive .table-bordered td{
    vertical-align:middle
}
.pills-component{
    width:20%
}
.table-space table tbody tr:last-child td{
    padding-bottom:.5rem!important
}
.table-hover>tbody>tr:hover{
    --bs-table-accent-bg: $light-color
}
.table-hover tbody tr{
    vertical-align:middle
}
.table-hover tbody tr:hover{
    background-color:#43b9b21a
}
.table-hover tbody tr td svg{
    width:30px;
    height:30px;
    padding:5px;
    border-radius:4px
}
@media (max-width: 1199.98px){
    .signal-table .table.table-hover tbody tr td:nth-child(n+2){
        min-width:240px!important
    }
}
@media (max-width: 1199.98px){
    .basic_table .table-responsive .table tbody tr td:nth-child(n+2){
        min-width:180px
    }
}
@media (max-width: 767.98px){
    .card-block .table-responsive .radio-first-col-width tbody tr td{
        min-width:200px!important
    }
}
.toast{
    width:350px;
    max-width:100%;
    font-size:.875rem;
    pointer-events:auto;
    background-color:#ffffffd9;
    background-clip:padding-box;
    border:1px solid rgba(0,0,0,.1);
    -webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
    box-shadow:0 .5rem 1rem #00000026;
    border-radius:.25rem
}
.toast .toast-header{
    border-radius:0
}
.toast .toast-header .toast-warning,.toast .toast-header .toast-success,.toast .toast-header .toast-info{
    background-color:unset
}
.toast-index{
    z-index:12
}
.toast-index.toast:not(.showing):not(.show){
    opacity:0
}
.toast-index.toast-fade{
    transition:opacity .15s linear
}
.toast-index.show{
    display:block
}
.toast-img img{
    width:30px;
    height:30px
}
.bd-example-toasts{
    min-height:400px
}
[data-theme=dark] .bd-example-toasts{
    background-color:var(--card-color)!important;
    color:var(--body-font-color)
}
.toast:not(.showing):not(.show){
    opacity:0
}
.toast-content{
    display:block;
    display:-webkit-box;
    max-width:100%;
    height:65px;
    margin:0 auto;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.toast-rtl .toast-container{
    z-index:1
}
.toast-rtl.bg-dark .toast-container{
    position:unset
}
.toast-rtl .toast{
    background-color:#ffffffd9
}
[data-theme=dark] .toast-rtl .toast .toast-header{
    background-color:var(--body-color);
    color:var(--body-font-color);
    border-bottom:1px solid!important;
    border-color:#292e37!important;
    border-top-left-radius:0;
    border-top-right-radius:0
}
[dir=rtl] .toast-rtl .toast .toast-header strong{
    margin-right:unset!important;
    margin-left:auto!important
}
[dir=rtl] .toast-rtl .toast .btn-close{
    margin-right:6px;
    margin-left:unset
}
[data-theme=dark] .toast-rtl .toast .toast-dark{
    background-color:var(--body-color);
    color:var(--body-font-color);
    box-shadow:var(--card-box-shadow)
}
@media (max-width: 1920px){
    .toast-dark .btn{
        padding:calc(6px + 0*(100vw - 320px)) calc(4px + .015*(100vw - 320px))
    }
}
.toast-icons{
    margin-right:6px;
    width:20px;
    height:20px
}
[dir=rtl] .toast-icons{
    margin-right:unset;
    margin-left:6px
}
[data-theme=dark] .form-select{
    background-color:var(--body-color);
    color:var(--body-font-color);
    border-color:var(--body-color)
}
.form-select:focus{
    box-shadow:none;
    border-color:var(--solid-border)
}
.tg-dialog .tg-dialog-header{
    padding:15px 15px 0
}
.tg-dialog .tg-dialog-body,.tg-dialog .tg-dialog-footer{
    padding:15px
}
.tg-dialog .tg-dialog-footer button.tg-dialog-btn,.tg-dialog .tg-dialog-footer button.tg-dialog-btn:hover{
    background-color:var(--theme-default);
    color:#fff;
    border:#43B9B2
}
.tg-dialog .tg-dialog-dots>span.tg-dot.tg-dot-active{
    background-color:var(--theme-default)
}
.flex-grow-1 .tour-wrapper{
    display:flex;
    align-items:center;
    gap:8px
}
.flex-grow-1 .tour-wrapper .tour-dot{
    font-size:5px
}
.tour-blog{
    height:350px
}
@media (max-width: 992px){
    .tour-blog{
        height:calc(200px + 150 * (100vw - 320px) / 672)
    }
}
.tour-blog img{
    width:100%;
    height:100%;
    object-fit:cover
}
.info h6,.info .h6{
    font-size:calc(14px + .00125*(100vw - 320px))
}
.info span{
    font-size:calc(13px + 1 * (100vw - 320px) / 1600);
    color:var(--light-font)
}
.tour-email{
    display:flex;
    flex-direction:column
}
@media (max-width: 576px){
    .tour-email{
        align-items:center
    }
}
.block-ellipsis{
    display:block;
    display:-webkit-box;
    max-width:100%;
    margin:0 auto;
    font-size:14px;
    line-height:1.6!important;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    letter-spacing:.6px
}
.profile-img-style h5,.profile-img-style .h5{
    font-size:18px;
    font-weight:500;
    line-height:1.6
}
.list-inline .list-inline-item.b-r-gray{
    border-right:var(--light-border)
}
.social-tour{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:26px
}
.social-tour .list-inline{
    display:flex;
    justify-content:center;
    gap:calc(12px + .00875*(100vw - 320px))
}
.social-tour .list-inline .list-inline-item{
    margin-right:0
}
.social-tour .list-inline .list-inline-item a{
    padding:0
}
.social-tour .list-inline .list-inline-item a i{
    font-size:18px
}
@media (max-width: 599px){
    .social-tour .list-inline{
        display:none
    }
}
.social-tour .float-sm-end{
    min-width:81px
}
.tour-mb-space{
    margin-bottom:calc(2px + .00375*(100vw - 320px))
}
.like-comment .list-inline{
    justify-content:flex-start
}
@media (max-width: 324px){
    .like-comment .list-inline{
        flex-wrap:wrap;
        justify-content:flex-start;
        gap:8px
    }
}
div.ninotree{
    margin:0;
    padding:0
}
div.ninotree ul{
    list-style-type:none
}
div.ninotree label{
    margin-left:1.8em;
    -webkit-user-select:none;
    user-select:none
}
div.ninotree .caret{
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none
}
div.ninotree .collapsed{
    display:none
}
.treejs>ul.treejs-nodes{
    padding:0
}
[dir=rtl] .treejs .treejs-nodes{
    padding-left:unset;
    padding-right:20px
}
[dir=rtl] .treejs .treejs-node.treejs-placeholder{
    padding-right:20px;
    padding-left:unset
}
.treejs .treejs-node__halfchecked>.treejs-checkbox:before{
    background-color:var(--theme-default)!important;
    border-color:var(--theme-default)!important
}
[dir=rtl] .treejs .treejs-node__halfchecked>.treejs-checkbox:after{
    right:3px;
    left:unset
}
.treejs .treejs-node__checked>.treejs-checkbox:before{
    background-color:#17a600!important;
    border-color:#17a600!important
}
[dir=rtl] .treejs .treejs-node__checked>.treejs-checkbox:after{
    right:5px;
    left:unset
}
.pagination-primary .page-item .page-link{
    color:#43b9b2
}
.pagination-secondary .page-item .page-link{
    color:#c280d2
}
.pagination-tertiary .page-item .page-link{
    color:#fd7e40
}
.pagination-warning .page-item .page-link{
    color:#f0ad4e
}
.pagination-info .page-item .page-link{
    color:#2e8dd3
}
.pagination-success .page-item .page-link{
    color:#17a600
}
.pagination-danger .page-item .page-link{
    color:#c42a02
}
.pagination-light .page-item .page-link{
    color:#f4f5f8
}
.pagination-dark .page-item .page-link{
    color:#2c2c31
}
@media (max-width: 576px){
    .pagination-lg .page-item .page-link{
        padding:10px
    }
}
.pagination-border-primary .page-item.disabled>.page-link{
    border-color:#43b9b2!important;
    background-color:transparent
}
.pagination-border-primary .page-item .page-link{
    border:1px solid #43B9B2
}
.pagination-border-primary .page-item .page-link:hover,.pagination-border-primary .page-item .page-link:active{
    background-color:#43b9b2;
    color:var(--white)
}
.pagination-border-primary .page-item .page-link:focus{
    box-shadow:none;
    background-color:#43b9b233;
    color:#43b9b2
}
.pagination-border-primary .page-item .page-link span{
    color:#43b9b2
}
.pagination-border-primary .page-item.active .page-link{
    color:var(--white);
    background-color:#43b9b2
}
.pagination-border-secondary .page-item.disabled>.page-link{
    border-color:#c280d2!important;
    background-color:transparent
}
.pagination-border-secondary .page-item .page-link{
    border:1px solid #C280D2
}
.pagination-border-secondary .page-item .page-link:hover,.pagination-border-secondary .page-item .page-link:active{
    background-color:#c280d2;
    color:var(--white)
}
.pagination-border-secondary .page-item .page-link:focus{
    box-shadow:none;
    background-color:#c280d233;
    color:#c280d2
}
.pagination-border-secondary .page-item .page-link span{
    color:#c280d2
}
.pagination-border-secondary .page-item.active .page-link{
    color:var(--white);
    background-color:#c280d2
}
.pagination-border-tertiary .page-item.disabled>.page-link{
    border-color:#fd7e40!important;
    background-color:transparent
}
.pagination-border-tertiary .page-item .page-link{
    border:1px solid #FD7E40
}
.pagination-border-tertiary .page-item .page-link:hover,.pagination-border-tertiary .page-item .page-link:active{
    background-color:#fd7e40;
    color:var(--white)
}
.pagination-border-tertiary .page-item .page-link:focus{
    box-shadow:none;
    background-color:#fd7e4033;
    color:#fd7e40
}
.pagination-border-tertiary .page-item .page-link span{
    color:#fd7e40
}
.pagination-border-tertiary .page-item.active .page-link{
    color:var(--white);
    background-color:#fd7e40
}
.pagination-border-warning .page-item.disabled>.page-link{
    border-color:#f0ad4e!important;
    background-color:transparent
}
.pagination-border-warning .page-item .page-link{
    border:1px solid #F0AD4E
}
.pagination-border-warning .page-item .page-link:hover,.pagination-border-warning .page-item .page-link:active{
    background-color:#f0ad4e;
    color:var(--white)
}
.pagination-border-warning .page-item .page-link:focus{
    box-shadow:none;
    background-color:#f0ad4e33;
    color:#f0ad4e
}
.pagination-border-warning .page-item .page-link span{
    color:#f0ad4e
}
.pagination-border-warning .page-item.active .page-link{
    color:var(--white);
    background-color:#f0ad4e
}
.pagination-border-info .page-item.disabled>.page-link{
    border-color:#2e8dd3!important;
    background-color:transparent
}
.pagination-border-info .page-item .page-link{
    border:1px solid #2E8DD3
}
.pagination-border-info .page-item .page-link:hover,.pagination-border-info .page-item .page-link:active{
    background-color:#2e8dd3;
    color:var(--white)
}
.pagination-border-info .page-item .page-link:focus{
    box-shadow:none;
    background-color:#2e8dd333;
    color:#2e8dd3
}
.pagination-border-info .page-item .page-link span{
    color:#2e8dd3
}
.pagination-border-info .page-item.active .page-link{
    color:var(--white);
    background-color:#2e8dd3
}
.pagination-border-success .page-item.disabled>.page-link{
    border-color:#17a600!important;
    background-color:transparent
}
.pagination-border-success .page-item .page-link{
    border:1px solid #17A600
}
.pagination-border-success .page-item .page-link:hover,.pagination-border-success .page-item .page-link:active{
    background-color:#17a600;
    color:var(--white)
}
.pagination-border-success .page-item .page-link:focus{
    box-shadow:none;
    background-color:#17a60033;
    color:#17a600
}
.pagination-border-success .page-item .page-link span{
    color:#17a600
}
.pagination-border-success .page-item.active .page-link{
    color:var(--white);
    background-color:#17a600
}
.pagination-border-danger .page-item.disabled>.page-link{
    border-color:#c42a02!important;
    background-color:transparent
}
.pagination-border-danger .page-item .page-link{
    border:1px solid #C42A02
}
.pagination-border-danger .page-item .page-link:hover,.pagination-border-danger .page-item .page-link:active{
    background-color:#c42a02;
    color:var(--white)
}
.pagination-border-danger .page-item .page-link:focus{
    box-shadow:none;
    background-color:#c42a0233;
    color:#c42a02
}
.pagination-border-danger .page-item .page-link span{
    color:#c42a02
}
.pagination-border-danger .page-item.active .page-link{
    color:var(--white);
    background-color:#c42a02
}
.pagination-border-light .page-item.disabled>.page-link{
    border-color:#f4f5f8!important;
    background-color:transparent
}
.pagination-border-light .page-item .page-link{
    border:1px solid #F4F5F8
}
.pagination-border-light .page-item .page-link:hover,.pagination-border-light .page-item .page-link:active{
    background-color:#f4f5f8;
    color:var(--white)
}
.pagination-border-light .page-item .page-link:focus{
    box-shadow:none;
    background-color:#f4f5f833;
    color:#f4f5f8
}
.pagination-border-light .page-item .page-link span{
    color:#f4f5f8
}
.pagination-border-light .page-item.active .page-link{
    color:var(--white);
    background-color:#f4f5f8
}
.pagination-border-dark .page-item.disabled>.page-link{
    border-color:#2c2c31!important;
    background-color:transparent
}
.pagination-border-dark .page-item .page-link{
    border:1px solid #2C2C31
}
.pagination-border-dark .page-item .page-link:hover,.pagination-border-dark .page-item .page-link:active{
    background-color:#2c2c31;
    color:var(--white)
}
.pagination-border-dark .page-item .page-link:focus{
    box-shadow:none;
    background-color:#2c2c3133;
    color:#2c2c31
}
.pagination-border-dark .page-item .page-link span{
    color:#2c2c31
}
.pagination-border-dark .page-item.active .page-link{
    color:var(--white);
    background-color:#2c2c31
}
.pagination .page-item:active{
    background-color:unset
}
.pagination .page-item .page-link.rounded-circle{
    display:flex;
    justify-content:center;
    align-items:center;
    width:35px;
    height:35px
}
.hand-pagination main{
    padding:4rem 4rem 20rem;
    padding:0 0 15rem;
    width:100%;
    height:80vh;
    box-sizing:border-box;
    overflow:hidden;
    display:flex;
    flex-flow:column nowrap;
    justify-content:flex-end
}
.hand-pagination #pagination-container{
    box-sizing:border-box;
    width:100%;
    border:solid 1px red;
    border:none;
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    justify-content:center;
    align-items:center
}
.hand-pagination #pagination-container #indicator{
    width:3rem;
    height:3rem;
    border-radius:50%;
    background-color:#f0ad4e;
    visibility:hidden;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    z-index:-1
}
.hand-pagination #pagination-container a{
    margin:0 1.5rem 0 0;
    padding:.75rem 0 0;
    box-sizing:border-box;
    border-radius:50%;
    width:3rem;
    height:3rem;
    display:block;
    font-size:1.5rem;
    color:var(--theme-default);
    text-decoration:none;
    font-weight:700;
    text-align:center;
    line-height:100%
}
.hand-pagination #pagination-container a:last-of-type{
    margin-right:0
}
.hand-pagination #pagination-container #hand-svg{
    width:350px;
    height:450px;
    box-sizing:border-box;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    visibility:hidden;
    pointer-events:none
}
[data-theme=dark] .disabled>.page-link{
    border-color:var(--theme-default);
    background-color:transparent
}
.popover{
    border:var(--light-border)
}
[data-theme=dark] .popover{
    background-color:var(--body-color);
    --bs-popover-header-bg: unset
}
.popover-header{
    background-color:#43b9b21a;
    border-bottom:var(--light-border);
    color:var(--theme-default)
}
.common-flex{
    display:flex;
    gap:12px;
    flex-wrap:wrap
}
.popover-main .btn-showcase a{
    color:#fff
}
.popover-main .btn-showcase button:last-child{
    margin-right:0
}
.tooltip-inner{
    background-color:#fff;
    border:var(--light-border);
    color:var(--theme-default)
}
[data-theme=dark] .tooltip-inner{
    background-color:var(--body-color)
}
.tooltip-arrow:before{
    border:#ffffff!important
}
[data-theme=dark] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after{
    border-left-color:var(--body-color)
}
[data-theme=dark] .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after{
    border-top-color:var(--body-color)
}
[data-theme=dark] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after{
    border-right-color:var(--body-color)
}
[data-theme=dark] .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after{
    border-bottom-color:var(--body-color)
}
[data-theme=dark] .popover-body{
    color:var(--light-font)
}
.colored-tooltip .btn-primary,.colored-tooltip .btn-secondary,.colored-tooltip .btn-tertiary,.colored-tooltip .btn-warning,.colored-tooltip .btn-info,.colored-tooltip .btn-success,.colored-tooltip .btn-danger,.colored-tooltip .btn-light,.colored-tooltip .btn-dark{
    --bs-tooltip-bg: $val
}
.custom-tooltip{
    --bs-tooltip-bg: $primary-color
}
.wonky-tooltip form{
    display:flex;
    gap:20px
}
@media (max-width: 575.98px){
    .wonky-tooltip form{
        flex-wrap:wrap
    }
}
.wonky-tooltip .input-group{
    width:280px
}
@media (min-width: 576px) and (max-width: 767.98px){
    .wonky-tooltip .input-group{
        width:188px
    }
}
@media (max-width: 575.98px){
    .wonky-tooltip .input-group{
        width:220px
    }
}
.wonky-tooltip .input-group input{
    background-color:var(--light-color)
}
.wonky-tooltip .input-group .input-group-text{
    position:relative;
    transition:all .4s ease-in
}
.wonky-tooltip .input-group .input-group-text .tooltip{
    display:none;
    position:absolute;
    top:-62px;
    left:-90px;
    width:260px
}
@media (max-width: 420px){
    .wonky-tooltip .input-group .input-group-text .tooltip{
        left:unset;
        right:-30px
    }
}
.wonky-tooltip .input-group .input-group-text:hover .tooltip{
    display:block;
    padding:10px;
    opacity:1;
    transition:all .4s ease-in;
    animation:shake .6s ease-in-out forwards
}
@keyframes shake{
    0%{
        transform:rotate(2deg)
    }
    50%{
        transform:rotate(-3deg)
    }
    70%{
        transform:rotate(3deg)
    }
    to{
        transform:rotate(0)
    }
}
[data-theme=dark] .progress{
    background-color:var(--body-color)
}
.progress.sm-progress-bar{
    height:6px
}
.progress-showcase .progress{
    margin-bottom:10px
}
.progress-showcase .progress:last-child{
    margin-bottom:0
}
.sm-progress-bar{
    height:8px
}
.lg-progress-bar{
    height:20px
}
.progress-number button{
    width:2rem;
    height:2rem
}
.progress-number .progress-wrapper{
    height:1px
}
.progress-number .progress-wrapper.progress{
    background-color:var(--recent-dashed-border)
}
.progress-number .progress-wrapper .progress-bar{
    background-color:var(--theme-default)
}
.progress-btn{
    background-color:var(--light-color);
    border-color:var(--light-color)
}
[data-theme=dark] .progress-btn{
    color:var(--white)
}
.small-progressbar{
    position:relative;
    overflow:visible
}
.small-progressbar:after{
    position:absolute;
    content:"";
    top:-2px;
    right:-9px;
    background-color:var(--theme-default);
    width:12px;
    height:12px;
    border-radius:100%
}
[dir=rtl] .small-progressbar:after{
    left:-9px;
    right:unset
}
.small-progressbar .progress-label{
    position:absolute;
    top:-26px;
    right:-6px;
    font-weight:700
}
[dir=rtl] .small-progressbar .progress-label{
    right:unset;
    left:-6px
}
.small-progressbar .animate-circle{
    position:absolute;
    top:-11px;
    right:-18px;
    height:30px;
    width:30px;
    border:14px solid #43B9B2;
    border-radius:70px;
    animation:heart 1s ease-in-out;
    animation-iteration-count:infinite
}
[dir=rtl] .small-progressbar .animate-circle{
    right:unset;
    left:-18px
}
@keyframes heart{
    0%{
        transform:scale(0);
        opacity:0
    }
    25%{
        transform:scale(.1);
        opacity:1
    }
    50%{
        transform:scale(.5);
        opacity:.3
    }
    75%{
        transform:scale(.8);
        opacity:.5
    }
    to{
        transform:scale(1);
        opacity:0
    }
}
.progress-b-space .progress{
    margin-bottom:32px
}
.progress-striped-primary{
    background-color:#43b9b21a
}
.progress-striped-primary .progress-bar{
    background-image:linear-gradient(120deg,#43b9b2 25%,transparent 25%,transparent 50%,#43b9b2 50%,#43b9b2 75%,transparent 75%,transparent);
    background-size:16px 30px;
    --bs-progress-bar-bg: rgba($val, .1);
    animation:progress-bar-stripes 5s linear infinite
}
.progress-border-primary.progress-bar{
    position:relative
}
.progress-border-primary.progress-bar:after{
    position:absolute;
    content:"";
    top:-2px;
    right:-9px;
    background-color:#43b9b2;
    width:12px;
    height:12px;
    border-radius:100%
}
.progress-border-primary.progress{
    background-color:#43b9b226
}
.progress-border-primary .progress-bar{
    position:relative;
    overflow:visible;
    background-color:#43b9b2;
    border-radius:15px 0 0 15px
}
[dir=rtl] .progress-border-primary .progress-bar{
    border-radius:0 15px 15px 0
}
.progress-border-primary .progress-bar:after{
    position:absolute;
    content:"";
    top:-4px;
    right:0;
    background-color:#43b9b2;
    width:1px;
    height:16px
}
[dir=rtl] .progress-border-primary .progress-bar:after{
    left:0;
    right:unset
}
.progress-striped-secondary{
    background-color:#c280d21a
}
.progress-striped-secondary .progress-bar{
    background-image:linear-gradient(120deg,#c280d2 25%,transparent 25%,transparent 50%,#c280d2 50%,#c280d2 75%,transparent 75%,transparent);
    background-size:16px 30px;
    --bs-progress-bar-bg: rgba($val, .1);
    animation:progress-bar-stripes 5s linear infinite
}
.progress-border-secondary.progress-bar{
    position:relative
}
.progress-border-secondary.progress-bar:after{
    position:absolute;
    content:"";
    top:-2px;
    right:-9px;
    background-color:#c280d2;
    width:12px;
    height:12px;
    border-radius:100%
}
.progress-border-secondary.progress{
    background-color:#c280d226
}
.progress-border-secondary .progress-bar{
    position:relative;
    overflow:visible;
    background-color:#c280d2;
    border-radius:15px 0 0 15px
}
[dir=rtl] .progress-border-secondary .progress-bar{
    border-radius:0 15px 15px 0
}
.progress-border-secondary .progress-bar:after{
    position:absolute;
    content:"";
    top:-4px;
    right:0;
    background-color:#c280d2;
    width:1px;
    height:16px
}
[dir=rtl] .progress-border-secondary .progress-bar:after{
    left:0;
    right:unset
}
.progress-striped-tertiary{
    background-color:#fd7e401a
}
.progress-striped-tertiary .progress-bar{
    background-image:linear-gradient(120deg,#fd7e40 25%,transparent 25%,transparent 50%,#fd7e40 50%,#fd7e40 75%,transparent 75%,transparent);
    background-size:16px 30px;
    --bs-progress-bar-bg: rgba($val, .1);
    animation:progress-bar-stripes 5s linear infinite
}
.progress-border-tertiary.progress-bar{
    position:relative
}
.progress-border-tertiary.progress-bar:after{
    position:absolute;
    content:"";
    top:-2px;
    right:-9px;
    background-color:#fd7e40;
    width:12px;
    height:12px;
    border-radius:100%
}
.progress-border-tertiary.progress{
    background-color:#fd7e4026
}
.progress-border-tertiary .progress-bar{
    position:relative;
    overflow:visible;
    background-color:#fd7e40;
    border-radius:15px 0 0 15px
}
[dir=rtl] .progress-border-tertiary .progress-bar{
    border-radius:0 15px 15px 0
}
.progress-border-tertiary .progress-bar:after{
    position:absolute;
    content:"";
    top:-4px;
    right:0;
    background-color:#fd7e40;
    width:1px;
    height:16px
}
[dir=rtl] .progress-border-tertiary .progress-bar:after{
    left:0;
    right:unset
}
.progress-striped-warning{
    background-color:#f0ad4e1a
}
.progress-striped-warning .progress-bar{
    background-image:linear-gradient(120deg,#f0ad4e 25%,transparent 25%,transparent 50%,#f0ad4e 50%,#f0ad4e 75%,transparent 75%,transparent);
    background-size:16px 30px;
    --bs-progress-bar-bg: rgba($val, .1);
    animation:progress-bar-stripes 5s linear infinite
}
.progress-border-warning.progress-bar{
    position:relative
}
.progress-border-warning.progress-bar:after{
    position:absolute;
    content:"";
    top:-2px;
    right:-9px;
    background-color:#f0ad4e;
    width:12px;
    height:12px;
    border-radius:100%
}
.progress-border-warning.progress{
    background-color:#f0ad4e26
}
.progress-border-warning .progress-bar{
    position:relative;
    overflow:visible;
    background-color:#f0ad4e;
    border-radius:15px 0 0 15px
}
[dir=rtl] .progress-border-warning .progress-bar{
    border-radius:0 15px 15px 0
}
.progress-border-warning .progress-bar:after{
    position:absolute;
    content:"";
    top:-4px;
    right:0;
    background-color:#f0ad4e;
    width:1px;
    height:16px
}
[dir=rtl] .progress-border-warning .progress-bar:after{
    left:0;
    right:unset
}
.progress-striped-info{
    background-color:#2e8dd31a
}
.progress-striped-info .progress-bar{
    background-image:linear-gradient(120deg,#2e8dd3 25%,transparent 25%,transparent 50%,#2e8dd3 50%,#2e8dd3 75%,transparent 75%,transparent);
    background-size:16px 30px;
    --bs-progress-bar-bg: rgba($val, .1);
    animation:progress-bar-stripes 5s linear infinite
}
.progress-border-info.progress-bar{
    position:relative
}
.progress-border-info.progress-bar:after{
    position:absolute;
    content:"";
    top:-2px;
    right:-9px;
    background-color:#2e8dd3;
    width:12px;
    height:12px;
    border-radius:100%
}
.progress-border-info.progress{
    background-color:#2e8dd326
}
.progress-border-info .progress-bar{
    position:relative;
    overflow:visible;
    background-color:#2e8dd3;
    border-radius:15px 0 0 15px
}
[dir=rtl] .progress-border-info .progress-bar{
    border-radius:0 15px 15px 0
}
.progress-border-info .progress-bar:after{
    position:absolute;
    content:"";
    top:-4px;
    right:0;
    background-color:#2e8dd3;
    width:1px;
    height:16px
}
[dir=rtl] .progress-border-info .progress-bar:after{
    left:0;
    right:unset
}
.progress-striped-success{
    background-color:#17a6001a
}
.progress-striped-success .progress-bar{
    background-image:linear-gradient(120deg,#17a600 25%,transparent 25%,transparent 50%,#17a600 50%,#17a600 75%,transparent 75%,transparent);
    background-size:16px 30px;
    --bs-progress-bar-bg: rgba($val, .1);
    animation:progress-bar-stripes 5s linear infinite
}
.progress-border-success.progress-bar{
    position:relative
}
.progress-border-success.progress-bar:after{
    position:absolute;
    content:"";
    top:-2px;
    right:-9px;
    background-color:#17a600;
    width:12px;
    height:12px;
    border-radius:100%
}
.progress-border-success.progress{
    background-color:#17a60026
}
.progress-border-success .progress-bar{
    position:relative;
    overflow:visible;
    background-color:#17a600;
    border-radius:15px 0 0 15px
}
[dir=rtl] .progress-border-success .progress-bar{
    border-radius:0 15px 15px 0
}
.progress-border-success .progress-bar:after{
    position:absolute;
    content:"";
    top:-4px;
    right:0;
    background-color:#17a600;
    width:1px;
    height:16px
}
[dir=rtl] .progress-border-success .progress-bar:after{
    left:0;
    right:unset
}
.progress-striped-danger{
    background-color:#c42a021a
}
.progress-striped-danger .progress-bar{
    background-image:linear-gradient(120deg,#c42a02 25%,transparent 25%,transparent 50%,#c42a02 50%,#c42a02 75%,transparent 75%,transparent);
    background-size:16px 30px;
    --bs-progress-bar-bg: rgba($val, .1);
    animation:progress-bar-stripes 5s linear infinite
}
.progress-border-danger.progress-bar{
    position:relative
}
.progress-border-danger.progress-bar:after{
    position:absolute;
    content:"";
    top:-2px;
    right:-9px;
    background-color:#c42a02;
    width:12px;
    height:12px;
    border-radius:100%
}
.progress-border-danger.progress{
    background-color:#c42a0226
}
.progress-border-danger .progress-bar{
    position:relative;
    overflow:visible;
    background-color:#c42a02;
    border-radius:15px 0 0 15px
}
[dir=rtl] .progress-border-danger .progress-bar{
    border-radius:0 15px 15px 0
}
.progress-border-danger .progress-bar:after{
    position:absolute;
    content:"";
    top:-4px;
    right:0;
    background-color:#c42a02;
    width:1px;
    height:16px
}
[dir=rtl] .progress-border-danger .progress-bar:after{
    left:0;
    right:unset
}
.progress-striped-light{
    background-color:#f4f5f81a
}
.progress-striped-light .progress-bar{
    background-image:linear-gradient(120deg,#f4f5f8 25%,transparent 25%,transparent 50%,#f4f5f8 50%,#f4f5f8 75%,transparent 75%,transparent);
    background-size:16px 30px;
    --bs-progress-bar-bg: rgba($val, .1);
    animation:progress-bar-stripes 5s linear infinite
}
.progress-border-light.progress-bar{
    position:relative
}
.progress-border-light.progress-bar:after{
    position:absolute;
    content:"";
    top:-2px;
    right:-9px;
    background-color:#f4f5f8;
    width:12px;
    height:12px;
    border-radius:100%
}
.progress-border-light.progress{
    background-color:#f4f5f826
}
.progress-border-light .progress-bar{
    position:relative;
    overflow:visible;
    background-color:#f4f5f8;
    border-radius:15px 0 0 15px
}
[dir=rtl] .progress-border-light .progress-bar{
    border-radius:0 15px 15px 0
}
.progress-border-light .progress-bar:after{
    position:absolute;
    content:"";
    top:-4px;
    right:0;
    background-color:#f4f5f8;
    width:1px;
    height:16px
}
[dir=rtl] .progress-border-light .progress-bar:after{
    left:0;
    right:unset
}
.progress-striped-dark{
    background-color:#2c2c311a
}
.progress-striped-dark .progress-bar{
    background-image:linear-gradient(120deg,#2c2c31 25%,transparent 25%,transparent 50%,#2c2c31 50%,#2c2c31 75%,transparent 75%,transparent);
    background-size:16px 30px;
    --bs-progress-bar-bg: rgba($val, .1);
    animation:progress-bar-stripes 5s linear infinite
}
.progress-border-dark.progress-bar{
    position:relative
}
.progress-border-dark.progress-bar:after{
    position:absolute;
    content:"";
    top:-2px;
    right:-9px;
    background-color:#2c2c31;
    width:12px;
    height:12px;
    border-radius:100%
}
.progress-border-dark.progress{
    background-color:#2c2c3126
}
.progress-border-dark .progress-bar{
    position:relative;
    overflow:visible;
    background-color:#2c2c31;
    border-radius:15px 0 0 15px
}
[dir=rtl] .progress-border-dark .progress-bar{
    border-radius:0 15px 15px 0
}
.progress-border-dark .progress-bar:after{
    position:absolute;
    content:"";
    top:-4px;
    right:0;
    background-color:#2c2c31;
    width:1px;
    height:16px
}
[dir=rtl] .progress-border-dark .progress-bar:after{
    left:0;
    right:unset
}
@keyframes progress-bar-stripes{
    0%{
        background-position:40px 0
    }
    to{
        background-position:0 0
    }
}
[class*=ribbon-wrapper]{
    position:relative;
    padding:58px 18px 28px;
    color:var(--body-font-color)
}
.ribbon{
    padding:0 20px;
    height:30px;
    line-height:30px;
    clear:left;
    position:absolute;
    top:12px;
    left:0;
    color:#fff;
    z-index:1
}
.ribbon .ticket-star-icon,.ribbon .bell-icon,.ribbon .bag-icon,.ribbon .star-icon{
    width:15px;
    height:15px;
    stroke:#fff;
    vertical-align:sub
}
.ribbon-clip{
    left:-14px
}
.ribbon-clip:before{
    position:absolute;
    top:30px;
    left:0;
    width:0;
    height:0;
    content:"";
    border:7px solid transparent;
    border-top-color:#2c2c31;
    border-right-color:#2c2c31
}
.ribbon-vertical-left-wrapper{
    padding-left:40px;
    position:relative;
    color:var(--body-font-color)
}
.ribbon-vertical-right-wrapper{
    padding-right:40px
}
.ribbon-wrapper-bottom{
    padding-bottom:40px;
    padding-top:0
}
.ribbon-wrapper-right-bottom{
    padding-right:40px
}
.ribbon-space-bottom{
    top:0
}
.ribbon-bookmark:before{
    position:absolute;
    top:0;
    left:100%;
    display:block;
    width:0;
    height:0;
    content:"";
    border:15px solid #2C2C31;
    border-right:10px solid transparent
}
.ribbon-right{
    left:auto;
    right:-2px
}
.ribbon-clip-right{
    right:-14px
}
.ribbon-clip-right:before{
    position:absolute;
    top:30px;
    right:0;
    width:0;
    height:0;
    content:"";
    border:7px solid transparent;
    border-top-color:#2c2c31;
    border-right-color:#2c2c31
}
.ribbon-clip-bottom{
    left:-14px;
    bottom:12px;
    top:auto
}
.ribbon-clip-bottom:before{
    position:absolute;
    bottom:30px;
    left:0;
    width:0;
    height:0;
    content:"";
    border:7px solid transparent;
    border-top-color:#2c2c31;
    border-right-color:#2c2c31
}
.ribbon-clip-bottom-right{
    right:-14px;
    left:auto;
    bottom:12px;
    top:auto
}
.ribbon-clip-bottom-right:before{
    position:absolute;
    bottom:30px;
    right:0;
    width:0;
    height:0;
    content:"";
    border:7px solid transparent;
    border-top-color:#2c2c31;
    border-right-color:#2c2c31
}
.ribbon-bookmark.ribbon-right:before{
    right:100%;
    left:auto;
    border-right:15px solid #2C2C31;
    border-left:10px solid transparent
}
.ribbon-vertical-left{
    clear:none;
    padding:0 5px;
    height:70px;
    width:30px;
    line-height:70px;
    text-align:center;
    left:12px;
    top:-2px
}
.ribbon-vertical-right{
    clear:none;
    padding:0 5px;
    height:70px;
    width:30px;
    line-height:70px;
    text-align:center;
    top:-2px;
    left:auto;
    right:20px
}
[dir=rtl] .ribbon-vertical-right{
    left:auto!important;
    right:20px!important
}
.ribbon-bookmark.ribbon-vertical-left:before,.ribbon-bookmark.ribbon-vertical-right:before{
    top:100%;
    left:0;
    margin-top:-14px;
    border-right:15px solid #2C2C31;
    border-bottom:10px solid transparent
}
.ribbon-primary{
    background:#43b9b2
}
.ribbon-bookmark.ribbon-primary:before{
    border-color:#43b9b2;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-primary:before{
    border-right-color:#43b9b2;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before{
    border-right-color:#43b9b2;
    border-bottom-color:transparent
}
.ribbon-primary.ribbon-corner:before{
    border-top-color:#43b9b2;
    border-left-color:#43b9b2
}
.ribbon-primary.ribbon-corner.ribbon-right:before{
    border-right-color:#43b9b2;
    border-left-color:transparent
}
.ribbon-primary.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#43b9b2
}
.ribbon-primary.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#35948e;
    border-right-color:#35948e
}
.ribbon-primary.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#35948e;
    border-left-color:#35948e
}
.ribbon-primary.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#35948e;
    border-right-color:#35948e
}
.ribbon-primary.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#35948e;
    border-right-color:transparent;
    border-left-color:#35948e
}
.ribbon-secondary{
    background:#c280d2
}
.ribbon-bookmark.ribbon-secondary:before{
    border-color:#c280d2;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-secondary:before{
    border-right-color:#c280d2;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before{
    border-right-color:#c280d2;
    border-bottom-color:transparent
}
.ribbon-secondary.ribbon-corner:before{
    border-top-color:#c280d2;
    border-left-color:#c280d2
}
.ribbon-secondary.ribbon-corner.ribbon-right:before{
    border-right-color:#c280d2;
    border-left-color:transparent
}
.ribbon-secondary.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#c280d2
}
.ribbon-secondary.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#b05ac5;
    border-right-color:#b05ac5
}
.ribbon-secondary.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#b05ac5;
    border-left-color:#b05ac5
}
.ribbon-secondary.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#b05ac5;
    border-right-color:#b05ac5
}
.ribbon-secondary.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#b05ac5;
    border-right-color:transparent;
    border-left-color:#b05ac5
}
.ribbon-success{
    background:#17a600
}
.ribbon-bookmark.ribbon-success:before{
    border-color:#17a600;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-success:before{
    border-right-color:#17a600;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-success:before{
    border-right-color:#17a600;
    border-bottom-color:transparent
}
.ribbon-success.ribbon-corner:before{
    border-top-color:#17a600;
    border-left-color:#17a600
}
.ribbon-success.ribbon-corner.ribbon-right:before{
    border-right-color:#17a600;
    border-left-color:transparent
}
.ribbon-success.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#17a600
}
.ribbon-success.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#107300;
    border-right-color:#107300
}
.ribbon-success.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#107300;
    border-left-color:#107300
}
.ribbon-success.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#107300;
    border-right-color:#107300
}
.ribbon-success.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#107300;
    border-right-color:transparent;
    border-left-color:#107300
}
.ribbon-danger{
    background:#c42a02
}
.ribbon-bookmark.ribbon-danger:before{
    border-color:#c42a02;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-danger:before{
    border-right-color:#c42a02;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before{
    border-right-color:#c42a02;
    border-bottom-color:transparent
}
.ribbon-danger.ribbon-corner:before{
    border-top-color:#c42a02;
    border-left-color:#c42a02
}
.ribbon-danger.ribbon-corner.ribbon-right:before{
    border-right-color:#c42a02;
    border-left-color:transparent
}
.ribbon-danger.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#c42a02
}
.ribbon-danger.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#921f01;
    border-right-color:#921f01
}
.ribbon-danger.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#921f01;
    border-left-color:#921f01
}
.ribbon-danger.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#921f01;
    border-right-color:#921f01
}
.ribbon-danger.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#921f01;
    border-right-color:transparent;
    border-left-color:#921f01
}
.ribbon-info{
    background:#2e8dd3
}
.ribbon-bookmark.ribbon-info:before{
    border-color:#2e8dd3;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-info:before{
    border-right-color:#2e8dd3;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-info:before{
    border-right-color:#2e8dd3;
    border-bottom-color:transparent
}
.ribbon-info.ribbon-corner:before{
    border-top-color:#2e8dd3;
    border-left-color:#2e8dd3
}
.ribbon-info.ribbon-corner.ribbon-right:before{
    border-right-color:#2e8dd3;
    border-left-color:transparent
}
.ribbon-info.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#2e8dd3
}
.ribbon-info.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#2471aa;
    border-right-color:#2471aa
}
.ribbon-info.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#2471aa;
    border-left-color:#2471aa
}
.ribbon-info.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#2471aa;
    border-right-color:#2471aa
}
.ribbon-info.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#2471aa;
    border-right-color:transparent;
    border-left-color:#2471aa
}
.ribbon-light{
    background:#f4f5f8
}
.ribbon-bookmark.ribbon-light:before{
    border-color:#f4f5f8;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-light:before{
    border-right-color:#f4f5f8;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-light:before{
    border-right-color:#f4f5f8;
    border-bottom-color:transparent
}
.ribbon-light.ribbon-corner:before{
    border-top-color:#f4f5f8;
    border-left-color:#f4f5f8
}
.ribbon-light.ribbon-corner.ribbon-right:before{
    border-right-color:#f4f5f8;
    border-left-color:transparent
}
.ribbon-light.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#f4f5f8
}
.ribbon-light.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#d5d9e4;
    border-right-color:#d5d9e4
}
.ribbon-light.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#d5d9e4;
    border-left-color:#d5d9e4
}
.ribbon-light.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#d5d9e4;
    border-right-color:#d5d9e4
}
.ribbon-light.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#d5d9e4;
    border-right-color:transparent;
    border-left-color:#d5d9e4
}
.ribbon-dark{
    background:#2c2c31
}
.ribbon-bookmark.ribbon-dark:before{
    border-color:#2c2c31;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-dark:before{
    border-right-color:#2c2c31;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before{
    border-right-color:#2c2c31;
    border-bottom-color:transparent
}
.ribbon-dark.ribbon-corner:before{
    border-top-color:#2c2c31;
    border-left-color:#2c2c31
}
.ribbon-dark.ribbon-corner.ribbon-right:before{
    border-right-color:#2c2c31;
    border-left-color:transparent
}
.ribbon-dark.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#2c2c31
}
.ribbon-dark.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#141416;
    border-right-color:#141416
}
.ribbon-dark.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#141416;
    border-left-color:#141416
}
.ribbon-dark.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#141416;
    border-right-color:#141416
}
.ribbon-dark.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#141416;
    border-right-color:transparent;
    border-left-color:#141416
}
.ribbon-warning{
    background:#f0ad4e
}
.ribbon-bookmark.ribbon-warning:before{
    border-color:#f0ad4e;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-warning:before{
    border-right-color:#f0ad4e;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before{
    border-right-color:#f0ad4e;
    border-bottom-color:transparent
}
.ribbon-warning.ribbon-corner:before{
    border-top-color:#f0ad4e;
    border-left-color:#f0ad4e
}
.ribbon-warning.ribbon-corner.ribbon-right:before{
    border-right-color:#f0ad4e;
    border-left-color:transparent
}
.ribbon-warning.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#f0ad4e
}
.ribbon-warning.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#ec971f;
    border-right-color:#ec971f
}
.ribbon-warning.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#ec971f;
    border-left-color:#ec971f
}
.ribbon-warning.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#ec971f;
    border-right-color:#ec971f
}
.ribbon-warning.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#ec971f;
    border-right-color:transparent;
    border-left-color:#ec971f
}
.vertical-lp-space{
    padding:58px 28px 28px 50px
}
.vertical-rp-space{
    padding:58px 50px 28px 28px
}
.clip-bp-space{
    padding:28px 18px 58px
}
[data-theme=dark] .ribbon-wrapper.bg-light-dark p,[data-theme=dark] .ribbon-wrapper-bottom.bg-light-dark p{
    color:var(--white)!important
}
.range-slider .card .card-body .slider-container{
    width:90%;
    max-width:600px;
    margin:50px auto 20px
}
.range-slider .card.range_1 .card-body .slider-container .rs-container .rs-scale span:last-of-type{
    width:0!important
}
.range-slider .card.range_1 .card-body .slider-container .rs-container .rs-selected{
    background-color:var(--theme-secondary);
    border:1px solid var(--theme-secondary)
}
.range-slider .card.range_1 .card-body .slider-container .rs-container .rs-pointer{
    height:20px;
    width:20px;
    border-radius:50%;
    border:1px solid var(--theme-secondary);
    background:var(--theme-secondary);
    box-shadow:none
}
.range-slider .card.range_1 .card-body .slider-container .rs-container .rs-pointer:before{
    background-color:var(--theme-secondary)
}
.range-slider .card.range_1 .card-body .slider-container .rs-container .rs-pointer:after{
    background-color:var(--theme-secondary)
}
.range-slider .card.range_1 .card-body .slider-container .rs-container .rs-pointer .rs-tooltip{
    border:1px solid var(--theme-secondary)
}
.range-slider .card.range_2 .card-body .slider-container .rs-container .rs-selected{
    background-color:#fd7e40;
    border:1px solid #FD7E40
}
.range-slider .card.range_2 .card-body .slider-container .rs-container .rs-pointer{
    height:20px;
    width:20px;
    border-radius:50%;
    border:1px solid #FD7E40;
    background:#fd7e40;
    box-shadow:none
}
.range-slider .card.range_2 .card-body .slider-container .rs-container .rs-pointer:before{
    background-color:#fd7e40
}
.range-slider .card.range_2 .card-body .slider-container .rs-container .rs-pointer:after{
    background-color:#fd7e40
}
.range-slider .card.range_3 .card-body .slider-container .rs-container .rs-selected{
    background-color:#c42a02;
    border:1px solid #C42A02
}
.range-slider .card.range_3 .card-body .slider-container .rs-container .rs-pointer{
    border:1px solid #C42A02
}
[data-theme=dark] .range-slider .card.range_3 .card-body .slider-container .rs-container .rs-pointer{
    background-color:var(--body-color);
    box-shadow:none
}
.range-slider .card.range_3 .card-body .slider-container .rs-container .rs-pointer:before{
    background-color:#c42a02
}
.range-slider .card.range_3 .card-body .slider-container .rs-container .rs-pointer:after{
    background-color:#c42a02
}
.range-slider .card.range_3 .card-body .slider-container .rs-container .rs-pointer .rs-tooltip{
    border:1px solid #C42A02
}
[data-theme=dark] .range-slider .card.range_3 .card-body .slider-container .rs-container .rs-pointer .rs-tooltip{
    background-color:var(--body-color);
    color:var(--body-font-color)
}
.range-slider .card.range_4 .card-body .slider-container{
    position:relative;
    height:45px
}
.range-slider .card.range_4 .card-body .slider-container .range-slider_thumb{
    width:40px;
    height:40px;
    border:1px solid #2E8DD3;
    border-radius:50%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    background-color:#f4f5f8;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:700;
    font-size:14px;
    color:#2e8dd3;
    z-index:2
}
[data-theme=dark] .range-slider .card.range_4 .card-body .slider-container .range-slider_thumb{
    background-color:var(--body-color)
}
.range-slider .card.range_4 .card-body .slider-container .range-slider_line{
    height:10px;
    width:100%;
    background-color:var(--scrollbar-color);
    top:50%;
    transform:translateY(-50%);
    left:0;
    position:absolute;
    z-index:1
}
[data-theme=dark] .range-slider .card.range_4 .card-body .slider-container .range-slider_line{
    background-color:var(--body-color)
}
.range-slider .card.range_4 .card-body .slider-container .range-slider_line .range-slider_line-fill{
    position:absolute;
    height:10px;
    width:0;
    background-color:#2e8dd3
}
.range-slider .card.range_4 .card-body .slider-container .range-slider_input{
    position:absolute;
    top:50%;
    z-index:3;
    transform:translateY(-50%);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%;
    height:4px;
    opacity:0;
    margin:0
}
.range-slider .card.range_4 .card-body .slider-container .range-slider_input::-webkit-slider-thumb{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100px;
    height:100px;
    cursor:pointer;
    border-radius:50%;
    opacity:0
}
.range-slider .card.range_4 .card-body .slider-container .range-slider_input::-moz-range-thumb{
    width:14vmin;
    height:14vmin;
    cursor:pointer;
    border-radius:50%;
    opacity:0
}
.range-slider .card.range_5 .card-body .slider-container .rs-container .rs-selected{
    background-color:#17a600;
    border:1px solid #17A600
}
.range-slider .card.range_5 .card-body .slider-container .rs-container .rs-tooltip{
    background-color:#17a600;
    color:#fff!important;
    padding:3px 5px;
    border-radius:4px;
    font-size:14px
}
.range-slider .card.range_5 .card-body .slider-container .rs-container .rs-pointer{
    width:24px;
    height:24px;
    background-color:--white;
    border-radius:24px;
    border:4px solid #17A600
}
.range-slider .card.range_5 .card-body .slider-container .rs-container .rs-pointer:before{
    background-color:transparent
}
.range-slider .card.range_5 .card-body .slider-container .rs-container .rs-pointer:after{
    background-color:transparent
}
.range-slider .card.range_6 .card-body .slider-container .rs-container .rs-selected{
    background-color:#f0ad4e;
    border:1px solid #F0AD4E
}
.range-slider .card.range_6 .card-body .slider-container .rs-container .rs-pointer{
    border:2px solid #F0AD4E;
    width:20px;
    height:20px;
    background-color:#fff;
    transform:rotate(45deg);
    cursor:pointer
}
[data-theme=dark] .range-slider .card.range_6 .card-body .slider-container .rs-container .rs-pointer{
    background-color:var(--body-color);
    box-shadow:none
}
.range-slider .card.range_6 .card-body .slider-container .rs-container .rs-pointer:before{
    background-color:transparent
}
.range-slider .card.range_6 .card-body .slider-container .rs-container .rs-pointer:after{
    background-color:transparent
}
[data-theme=dark] .rs-container .rs-scale span ins{
    color:#fff
}
[data-theme=dark] .rs-container .rs-bg{
    background-color:var(--body-color);
    border:1px solid var(--light-color)
}
[data-simplebar]{
    position:unset
}
.simplebar-track{
    right:-2px
}
.simplebar-track.simplebar-vertical{
    width:10px
}
.simplebar-track.simplebar-horizontal{
    visibility:hidden!important
}
.simplebar-scrollbar:before{
    background:#43b9b233
}
.scrollbar-images{
    margin-bottom:12px
}
.visible-wrapper img{
    width:calc(230px + .0625*(100vw - 320px))!important
}
.horizontal-scroll .horz-scroll-content .horizontal-img{
    height:100%;
    max-width:240px
}
@media (max-width: 576px){
    .horizontal-scroll .horz-scroll-content .horizontal-img{
        max-width:calc(220px + 20 * (100vw - 320px) / 256)
    }
}
.horizontal-scroll .horz-scroll-content .horizontal-img img{
    height:100%;
    object-fit:cover
}
.scroll-demo.scroll-b-none{
    padding:0;
    border:none
}
[dir=rtl] .scroll-demo .scroll-rtl .list-group-item span{
    margin-right:auto
}
.scroll-demo{
    border-color:var(--solid-border)
}
.switch{
    position:relative;
    display:inline-block;
    width:60px;
    height:34px;
    margin-bottom:0!important
}
.switch input{
    display:none
}
.switch input:checked+.switch-state{
    background-color:var(--theme-default)
}
.switch input:checked+.switch-state:before{
    transform:translate(26px)
}
.switch input:focus+.switch-state{
    box-shadow:0 0 1px #43b9b2
}
.switch-state{
    border-radius:20px;
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#f4f5f8;
    transition:.4s
}
[data-theme=dark] .switch-state{
    background:var(--body-color)
}
.switch-state:before{
    position:absolute;
    content:"";
    height:26px;
    width:26px;
    left:4px;
    bottom:4px;
    background-color:#fff;
    transition:.4s;
    border-radius:20px
}
[data-theme=dark] .switch-state:before{
    background:var(--body-color)
}
.icon-state .switch-state:after{
    content:"";
    font-family:IcoFont;
    left:10px;
    position:absolute;
    top:10px;
    color:#2c2c31;
    transition:.4s;
    opacity:.3
}
[data-theme=dark] .icon-state .switch-state:after{
    color:var(--body-font-color)
}
.icon-state input:checked+.switch-state:after{
    content:"";
    left:36px;
    opacity:1;
    transition:.4s
}
.switch-lg .switch{
    width:75px;
    height:40px
}
.switch-lg .switch .switch-state:before{
    height:30px;
    width:30px;
    left:7px;
    bottom:5px;
    top:4px
}
.switch-lg.icon-state .switch .switch-state:after{
    left:12px;
    font-size:18px
}
.switch-lg.icon-state .switch input:checked+.switch-state:after{
    left:47px
}
.switch-lg.icon-state .switch input:checked+.switch-state:before{
    transform:translate(32px)
}
.switch-sm.icon-state .switch .switch-state:after{
    top:4px;
    left:4px;
    font-size:8px
}
.switch-sm.icon-state .switch input:checked+.switch-state:after{
    left:13px;
    top:4px
}
.switch-sm .switch{
    width:25px;
    height:16px;
    margin-top:10px;
    margin-bottom:0
}
.switch-sm .switch .switch-state:before{
    height:8px;
    width:8px;
    left:4px;
    bottom:4px
}
.switch-sm input:checked+.switch-state:before{
    left:-13px
}
.switch-outline .switch-state{
    background-color:#fff;
    border:1px solid var(--theme-default);
    transition:.4s
}
.switch-outline .switch-state:before{
    background-color:#f4f5f8;
    bottom:3px;
    color:#fff
}
[data-theme=dark] .switch-outline .switch-state:before{
    background:var(--body-color);
    color:var(--body-font-color)
}
.switch-outline .switch input{
    display:none
}
.switch-outline .switch input:checked+.switch-state{
    background-color:transparent;
    border:1px solid var(--theme-default)
}
.switch-outline .switch input:checked+.switch-state:before{
    background-color:var(--theme-default);
    bottom:3px;
    transform:translate(26px)
}
.switch-outline .switch input:checked+.switch-state:after{
    color:#fff
}
[data-theme=dark] .switch-outline .switch input:checked+.switch-state:after{
    color:var(--body-font-color)
}
.switch-outline .switch-state.bg-dark{
    border:1px solid #2C2C31;
    background-color:transparent!important
}
.switch-outline .switch input:checked+.switch-state.bg-dark{
    background-color:transparent!important;
    border:1px solid #2C2C31
}
.switch-outline .switch input:checked+.switch-state.bg-dark:before{
    background-color:#2c2c31
}
.switch-outline .switch-state.bg-warning{
    border:1px solid #F0AD4E;
    background-color:transparent!important
}
.switch-outline .switch input:checked+.switch-state.bg-warning{
    background-color:transparent!important;
    border:1px solid #F0AD4E
}
.switch-outline .switch input:checked+.switch-state.bg-warning:before{
    background-color:#f0ad4e
}
.switch-outline .switch-state.bg-success{
    border:1px solid #17A600;
    background-color:transparent!important
}
.switch-outline .switch input:checked+.switch-state.bg-success{
    background-color:transparent!important;
    border:1px solid #17A600
}
.switch-outline .switch input:checked+.switch-state.bg-success:before{
    background-color:#17a600
}
.switch-outline .switch-state.bg-info{
    border:1px solid #2E8DD3;
    background-color:transparent!important
}
.switch-outline .switch input:checked+.switch-state.bg-info{
    background-color:transparent!important;
    border:1px solid #2E8DD3
}
.switch-outline .switch input:checked+.switch-state.bg-info:before{
    background-color:#2e8dd3
}
.switch-outline .switch-state.bg-danger{
    border:1px solid #C42A02;
    background-color:transparent!important
}
.switch-outline .switch input:checked+.switch-state.bg-danger{
    background-color:transparent!important;
    border:1px solid #C42A02
}
.switch-outline .switch input:checked+.switch-state.bg-danger:before{
    background-color:#c42a02
}
.switch-outline .switch-state.bg-primary{
    border:1px solid var(--theme-default);
    background-color:transparent!important
}
.switch-outline .switch input:checked+.switch-state.bg-primary{
    background-color:transparent!important;
    border:1px solid var(--theme-default)
}
.switch-outline .switch input:checked+.switch-state.bg-primary:before{
    background-color:var(--theme-default)
}
.switch-outline .switch-state.bg-secondary{
    border:1px solid var(--theme-secondary);
    background-color:transparent!important
}
.switch-outline .switch input:checked+.switch-state.bg-secondary{
    background-color:transparent!important;
    border:1px solid var(--theme-secondary)
}
.switch-outline .switch input:checked+.switch-state.bg-secondary:before{
    background-color:var(--theme-secondary)
}
.switch-showcase{
    margin-bottom:-8px
}
.switch-showcase .d-flex{
    line-height:1
}
.switch-showcase .form-check .form-check-input{
    float:right
}
.form-switch .form-check-input:checked{
    background-color:var(--theme-default);
    border-color:var(--theme-default)
}
.tg-list{
    text-align:center;
    display:flex;
    align-items:center
}
.tgl{
    display:none
}
.tgl,.tgl:after,.tgl:before,.tgl *,.tgl *:after,.tgl *:before,.tgl+.tgl-btn{
    box-sizing:border-box
}
.tgl::selection,.tgl:after::selection,.tgl:before::selection,.tgl *::selection,.tgl *:after::selection,.tgl *:before::selection,.tgl+.tgl-btn::selection{
    background:none
}
.tgl+.tgl-btn{
    outline:0;
    display:block;
    width:4em;
    height:2em;
    position:relative;
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none
}
.tgl+.tgl-btn:after,.tgl+.tgl-btn:before{
    position:relative;
    display:block;
    content:"";
    width:50%;
    height:100%
}
.tgl+.tgl-btn:after{
    left:0
}
.tgl+.tgl-btn:before{
    display:none
}
.tgl:checked+.tgl-btn:after{
    left:50%
}
.tgl-skewed+.tgl-btn{
    overflow:hidden;
    transform:skew(-10deg);
    backface-visibility:hidden;
    transition:all .2s ease;
    background:var(--theme-secondary)
}
.tgl-skewed+.tgl-btn:after,.tgl-skewed+.tgl-btn:before{
    transform:skew(10deg);
    display:inline-block;
    transition:all .2s ease;
    width:100%;
    text-align:center;
    position:absolute;
    line-height:2em;
    font-weight:700;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,.4)
}
.tgl-skewed+.tgl-btn:after{
    left:100%;
    content:attr(data-tg-on)
}
.tgl-skewed+.tgl-btn:before{
    left:0;
    content:attr(data-tg-off)
}
.tgl-skewed+.tgl-btn:active{
    background:var(--theme-secondary)
}
.tgl-skewed+.tgl-btn:active:before{
    left:-10%
}
.tgl-skewed:checked+.tgl-btn{
    background:var(--theme-default)
}
.tgl-skewed:checked+.tgl-btn:before{
    left:-100%
}
.tgl-skewed:checked+.tgl-btn:after{
    left:0
}
.tgl-skewed:checked+.tgl-btn:active:after{
    left:10%
}
.tgl-flip+.tgl-btn{
    padding:2px;
    transition:all .2s ease;
    perspective:100px
}
.tgl-flip+.tgl-btn:after,.tgl-flip+.tgl-btn:before{
    display:inline-block;
    transition:all .4s ease;
    width:100%;
    text-align:center;
    line-height:2em;
    font-weight:700;
    color:#fff;
    position:absolute;
    top:0;
    left:0;
    backface-visibility:hidden;
    border-radius:4px
}
.tgl-flip+.tgl-btn:after{
    content:attr(data-tg-on);
    background:#f0ad4e;
    transform:rotateY(-180deg)
}
.tgl-flip+.tgl-btn:before{
    background:#c42a02;
    content:attr(data-tg-off)
}
.tgl-flip+.tgl-btn:active:before{
    transform:rotateY(-20deg)
}
.tgl-flip:checked+.tgl-btn:before{
    transform:rotateY(180deg)
}
.tgl-flip:checked+.tgl-btn:after{
    transform:rotateY(0);
    left:0;
    background:#17a600
}
.tgl-flip:checked+.tgl-btn:active:after{
    transform:rotateY(20deg)
}
.radius-none .form-check-input{
    border-radius:3px
}
.tg-list .tg-list-item .square-checked .switch-state:before{
    content:"";
    border-radius:0
}
.switch-wrapper .d-flex{
    margin-right:20px
}
.switch-wrapper .d-flex .flex-grow-1{
    flex-grow:unset!important
}
.switch-wrapper .d-flex .col-form-label{
    padding-bottom:0
}
.switch-wrapper .tg-list p{
    margin:0 8px 0 0
}
.default-square .form-switch .form-check-input{
    background-image:url(/build/assets/square-gray-qCky3v1K.png)
}
.default-square .form-switch .form-check-input:checked{
    background-image:url(/build/assets/square-ZCXWNvnM.svg)
}
table.datatable-table:focus{
    outline:unset
}
.action{
    display:flex
}
.action i{
    font-size:16px
}
.action .pdf i{
    font-size:20px;
    color:#c42a02
}
.action .edit{
    margin-right:5px
}
.action .edit i{
    color:#17a600
}
[dir=rtl] .action .edit{
    margin-left:5px
}
.action .delete i{
    color:#c42a02
}
.datatable-table th a{
    font-size:16px;
    line-height:1.2;
    color:var(--body-font-color)
}
.datatable-wrapper{
    position:relative
}
.datatable-wrapper :focus-visible{
    outline:none!important
}
.datatable-wrapper .datatable-top{
    padding:0;
    margin-bottom:12px
}
.datatable-wrapper .datatable-top input{
    padding:8px 12px;
    border:0;
    background-color:var(--light-color);
    outline:0
}
.datatable-wrapper .datatable-top input:before{
    content:"f002"
}
.datatable-wrapper .datatable-selector{
    border:1px solid var(--solid-border);
    background-color:var(--body-color)
}
[data-theme=dark] .datatable-wrapper .datatable-selector{
    color:var(--body-font-color)
}
.datatable-wrapper .datatable-selector:focus-visible{
    outline:unset
}
.datatable-wrapper .datatable-pagination li.datatable-hidden{
    visibility:visible
}
.datatable-wrapper .datatable-pagination .datatable-active a{
    background-color:#43b9b21a;
    color:var(--theme-default)
}
.datatable-wrapper .datatable-pagination a{
    border:var(--light-border);
    color:var(--light-font)
}
.datatable-wrapper .datatable-pagination a:focus,.datatable-wrapper .datatable-pagination a:hover{
    background-color:#43b9b21a
}
.datatable-wrapper.no-footer .datatable-container{
    border-top:1px solid var(--solid-border)
}
[data-theme=dark] .datatable-wrapper.no-footer .datatable-container{
    border-color:var(--solid-border)
}
.datatable-wrapper table tr th{
    color:var(--light-font);
    font-weight:500
}
.datatable-wrapper table tr td,.datatable-wrapper table tr th{
    border-bottom:var(--light-border);
    vertical-align:middle;
    padding:12px!important
}
.datatable-wrapper table tbody tr td button{
    font-size:13px;
    font-weight:500
}
.datatable-wrapper table tbody tr:last-child td{
    border-bottom:0;
    padding-bottom:12px!important
}
.gridjs-tr:last-child td{
    padding-bottom:12px!important
}
.gridjs-container .gridjs-wrapper{
    border-radius:0;
    border-top:1px solid var(--solid-border)
}
.gridjs-container .gridjs-footer{
    box-shadow:unset;
    padding:14px 0 0
}
.gridjs-pagination .gridjs-pages button{
    border:var(--light-border);
    border-right:var(--light-border)!important
}
.gridjs-pagination .gridjs-pages button+button{
    border-left:unset
}
.gridjs-pagination .gridjs-pages button:focus{
    box-shadow:unset
}
.gridjs-pagination .gridjs-pages button.gridjs-currentPage{
    background-color:#43b9b21a;
    color:var(--theme-default)
}
div.dt-button-background{
    display:none!important
}
div.DTS div.dataTables_scrollBody table{
    z-index:1
}
div .table-avtar{
    height:32px;
    margin-right:10px
}
[dir=rtl] div .table-avtar{
    margin-right:unset;
    margin-left:10px
}
div .action{
    display:flex
}
div .action i{
    font-size:16px
}
div .action .pdf i{
    font-size:20px;
    color:#c42a02
}
div .action .edit{
    margin-right:5px
}
div .action .edit i{
    color:#17a600
}
[dir=rtl] div .action .edit{
    margin-left:5px
}
div .action .delete i{
    color:#c42a02
}
#auto-generate-content_wrapper.dataTables_wrapper button{
    background-color:var(--white);
    border:1px solid var(--theme-default);
    color:var(--theme-default)
}
.dataTables_wrapper{
    padding:0;
    width:calc(100% - 1px)
}
.dataTables_wrapper.no-footer .dataTables_scrollBody{
    border-bottom:1px solid #ecf3fa
}
.dataTables_wrapper .dt-buttons .btn{
    border-radius:.25rem!important
}
.dataTables_wrapper .btn-group button{
    margin-right:5px
}
.dataTables_wrapper button{
    font-weight:400;
    padding:.375rem .75rem;
    font-size:14px;
    border-radius:.25rem;
    color:#fff
}
.dataTables_wrapper+.dataTables_wrapper{
    margin-top:20px
}
.dataTables_wrapper .dataTables_paginate{
    margin-left:15px!important;
    border:var(--light-border);
    border-radius:.25rem;
    padding-top:0
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    margin:0
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button:active{
    background:#43b9b21a;
    color:var(--theme-default)!important;
    box-shadow:none;
    border:var(--light-border)
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color:var(--theme-default)!important;
    background:#43b9b21a!important;
    border:var(--light-border)
}
.dataTables_wrapper .dataTables_length{
    margin-bottom:30px
}
.dataTables_wrapper .dataTables_length select{
    border-color:#f4f5f8;
    color:#2c2c31;
    padding:0 10px;
    margin:0 10px;
    height:2.7142em;
    background-color:#fff
}
[data-theme=dark] .dataTables_wrapper .dataTables_length select{
    background:var(--body-color);
    border-color:var(--body-color);
    color:var(--body-font-color)
}
.dataTables_wrapper .dataTables_length select:focus{
    outline:none
}
.dataTables_wrapper table.dataTable{
    border:none
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox,.dataTables_wrapper table.dataTable tbody th.select-checkbox{
    padding-right:40px!important
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:before,.dataTables_wrapper table.dataTable tbody th.select-checkbox:before{
    right:20px;
    top:22px;
    left:unset
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:after,.dataTables_wrapper table.dataTable tbody th.select-checkbox:after{
    margin-top:-5px;
    margin-left:21px
}
.dataTables_wrapper table.dataTable thead th,.dataTables_wrapper table.dataTable thead td{
    border-bottom:var(--light-border)
}
.dataTables_wrapper table.dataTable th,.dataTables_wrapper table.dataTable td{
    padding:.75rem;
    padding-bottom:.75rem!important
}
@media (max-width: 575.98px){
    .dataTables_wrapper table.dataTable th,.dataTables_wrapper table.dataTable td{
        padding:.5rem!important
    }
}
.dataTables_wrapper .dataTables_filter{
    margin-bottom:25px;
    margin-left:15px
}
.dataTables_wrapper .dataTables_filter td{
    border-bottom:0!important
}
.dataTables_wrapper .dataTables_filter input[type=search]{
    border:1px solid var(--light-semi-gray);
    padding:0 10px;
    margin-left:10px;
    height:37px;
    border-radius:0
}
[data-theme=dark] .dataTables_wrapper .dataTables_filter input[type=search]{
    background:var(--body-color);
    border-color:var(--body-color)
}
.dataTables_scrollHeadInner{
    width:100%!important
}
table .fixedHeader-floating{
    position:fixed!important;
    background-color:#fff
}
table .box>div{
    padding:5px 15px;
    background-color:var(--theme-default);
    display:inline-block;
    color:#fff;
    border-radius:5px;
    margin-bottom:15px;
    margin-right:15px
}
table.dataTable.fixedHeader-locked,table.dataTable.fixedHeader-floating{
    width:calc(100vw - 250px)!important;
    max-width:calc(100vw - 250px)!important;
    overflow:hidden!important;
    right:0!important;
    z-index:99;
    left:260px!important
}
table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating){
    width:100%!important
}
table.dataTable{
    border-collapse:collapse!important;
    margin-top:0!important
}
table.dataTable input,table.dataTable select{
    border:1px solid var(--light-semi-gray);
    height:37px
}
.user-datatable tr td:first-child,.user-datatable tr th:first-child{
    min-width:150px
}
.jsgrid .jsgrid-button{
    width:20px;
    height:20px
}
.jsgrid .jsgrid-delete-button{
    background-position:0 -78px;
    width:22px;
    height:22px
}
.jsgrid .jsgrid-edit-button{
    background-position:-2px -122px;
    width:22px;
    height:22px
}
.jsgrid .jsgrid-insert-mode-button{
    background-position:-2px -160px;
    width:25px;
    height:25px
}
.jsgrid .jsgrid-insert-button{
    background-position:-3px -202px;
    width:16px;
    height:16px
}
.toolbar{
    padding:5px 15px;
    background-color:var(--theme-default);
    display:inline-block;
    color:#fff;
    border-radius:5px;
    margin-bottom:15px;
    margin-right:15px
}
code.option{
    color:#c42a02!important
}
code.api{
    color:#17a600!important
}
.dt-ext .dataTables_wrapper .page-item.active .page-link{
    background-color:var(--theme-default)!important;
    border-color:var(--theme-default)!important;
    color:#fff
}
.dt-ext .dataTables_wrapper .dataTables_paginate{
    border:none
}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button{
    padding:0;
    border:none
}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover,.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active{
    border:none!important
}
.dt-ext .dataTables_wrapper .dataTables_paginate .page-link{
    margin-left:0;
    color:var(--theme-default);
    border:var(--light-border)
}
.dt-ext .dataTables_wrapper button.dt-button,.dt-ext .dataTables_wrapper div.dt-button,.dt-ext .dataTables_wrapper a.dt-button,.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled),.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled){
    background-color:var(--theme-default);
    border-color:var(--theme-default);
    border-radius:2px;
    color:#fff;
    background-image:none;
    font-size:14px
}
.dt-ext .dataTables_wrapper button.dt-button.btn-success,.dt-ext .dataTables_wrapper div.dt-button.btn-success,.dt-ext .dataTables_wrapper a.dt-button.btn-success{
    background-color:#17a600;
    border-color:#17a600
}
.dt-ext .dataTables_wrapper button.dt-button.btn-primary,.dt-ext .dataTables_wrapper div.dt-button.btn-primary,.dt-ext .dataTables_wrapper a.dt-button.btn-primary{
    background-color:var(--theme-default);
    border-color:var(--theme-default)
}
.dt-ext .dataTables_wrapper button.dt-button.btn-danger,.dt-ext .dataTables_wrapper div.dt-button.btn-danger,.dt-ext .dataTables_wrapper a.dt-button.btn-danger{
    background-color:#c42a02;
    border-color:#c42a02
}
.dt-ext .dataTables_wrapper table.dataTable th.focus,.dt-ext .dataTables_wrapper table.dataTable td.focus{
    outline:3px solid var(--theme-default)
}
.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.odd.selected>.sorting_1,.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1{
    background-color:#d0eeec
}
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody>tr.odd.selected,.dt-ext .dataTables_wrapper table.dataTable.stripe tbody>tr.odd>.selected,.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.odd.selected,.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.odd>.selected{
    background-color:#d0eeec
}
.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.even.selected>.sorting_1,.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1{
    background-color:#d0eeec
}
.dt-ext .dataTables_wrapper table.dataTable tbody>tr.selected,.dt-ext .dataTables_wrapper table.dataTable tbody>tr>.selected{
    background-color:#d0eeec
}
td.highlight{
    background-color:#f4f5f8!important
}
[data-theme=dark] td.highlight{
    background:var(--card-color)!important
}
td.details-control{
    background:url(/build/assets/details_open-DsXtJwpt.png) no-repeat center center;
    cursor:pointer
}
tr.shown td.details-control{
    background:url(/build/assets/details_close-BB9JpovZ.png) no-repeat center center
}
.dataTables_scroll~.dataTables_paginate{
    margin-top:20px!important
}
.product-table th:last-child{
    min-width:120px
}
.product-table h6,.product-table .h6{
    font-weight:600;
    color:#2c2c31
}
[data-theme=dark] .product-table h6,[data-theme=dark] .product-table .h6{
    color:var(--light-font)
}
[data-theme=dark] table.dataTable.display tbody tr.odd{
    background:var(--card-color)
}
table.dataTable.display tbody tr.odd>.sorting_1{
    background-color:#f8f9fa
}
[data-theme=dark] table.dataTable.display tbody tr.odd>.sorting_1{
    background:var(--card-color)
}
table.dataTable.display tbody tr.odd .badge{
    line-height:15px
}
[data-theme=dark] table.dataTable.display tbody tr.even{
    background:var(--body-color)
}
table.dataTable.display tbody tr.even .badge{
    line-height:15px
}
[data-theme=dark] table.dataTable.display tbody tr:hover{
    background:var(--card-color)
}
.jsgrid-row .jsgrid-cell .badge,.jsgrid-alt-row .jsgrid-cell .badge{
    line-height:15px!important
}
table.dataTable.display tbody tr>.sorting_1{
    background:none
}
table.dataTable.display tbody tr:hover>.sorting_1{
    background:none
}
[data-theme=dark] .dataTables_wrapper table.dataTable thead th{
    border-bottom:var(--light-border)
}
[data-theme=dark] .dataTables_info{
    color:var(--light-font)
}
#row_create td.highlight{
    font-weight:600;
    color:var(--theme-default)
}
#row_create td.danger{
    font-weight:600;
    color:#c42a02
}
@media (max-width: 767.98px){
    div.dataTables_wrapper div.dataTables_paginate{
        float:none;
        margin-top:20px!important;
        margin-left:0!important
    }
}
@media (max-width: 575.98px){
    div.dataTables_wrapper div.dataTables_paginate{
        margin-top:15px!important
    }
}
@media (max-width: 575.98px){
    div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous:before{
        content:"";
        font-family:themify;
        font-size:11px;
        padding:0 5px
    }
}
@media (max-width: 575.98px){
    div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous{
        font-size:0;
        padding:0
    }
}
@media (max-width: 575.98px){
    div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:before{
        content:"";
        font-family:themify;
        font-size:11px;
        padding:0 5px
    }
}
@media (max-width: 575.98px){
    div.dataTables_wrapper div.dataTables_paginate .paginate_button.next{
        font-size:0;
        padding:0
    }
}
@media (max-width: 575.98px){
    .paginate_button .page-link{
        font-size:12px
    }
}
@media (max-width: 360px){
    .paginate_button .page-link{
        font-size:11px
    }
}
@media (max-width: 575.98px){
    .autofill-datatable div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous:before{
        content:"";
        font-family:themify;
        font-size:11px;
        padding:0 5px;
        line-height:3.2
    }
}
@media (max-width: 575.98px){
    .autofill-datatable div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:before{
        content:"";
        font-family:themify;
        font-size:11px;
        padding:0 5px;
        line-height:3.2
    }
}
@media (max-width: 1500px){
    .autofill-datatable table.table thead th:after{
        top:33px!important
    }
}
@media (max-width: 1500px){
    .autofill-datatable table.table thead th:nth-child(2){
        min-width:100px
    }
}
@media (max-width: 1500px){
    .autofill-datatable table.table thead th:nth-child(5){
        min-width:100px
    }
}
@media (max-width: 1500px){
    .autofill-datatable table.table thead th:nth-child(7){
        min-width:100px
    }
}
[data-theme=dark] .autofill-datatable .table-light{
    --bs-table-bg: var(--card-color);
    --bs-table-striped-bg: var(--body-color);
    --bs-table-hover-bg: var(--body-color)
}
@media (max-width: 1630px){
    .complex-table table thead tr th:first-child{
        min-width:115px
    }
}
@media (max-width: 1630px){
    .complex-table table thead tr+tr th:first-child{
        min-width:190px
    }
}
@media (max-width: 1630px){
    .complex-table table thead tr+tr th:nth-child(3){
        min-width:100px
    }
}
[data-theme=dark] .table-space table.table-light thead tr th,[data-theme=dark] .table-space table.table-light tbody th,[data-theme=dark] .table-space table.table-light tbody td{
    color:var(--black)!important
}
[data-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button,[data-theme=dark] .jsgrid .jsgrid-pager .jsgrid-pager-current-page,[data-theme=dark] .jsgrid .jsgrid-pager .jsgrid-pager-page a{
    color:var(--light-font)!important
}
[data-theme=dark] table.fixedHeader-locked,[data-theme=dark] table.fixedHeader-floating{
    background-color:var(--card-color)!important;
    opacity:-.5
}
[data-theme=dark] .dataTables_wrapper table.dataTable tbody tr{
    background-color:var(--card-color)!important
}
.dt-button-info{
    background-color:var(--body-color)!important;
    border:1px solid var(--body-color)!important
}
.dt-button-info h2,.dt-button-info .h2{
    background-color:var(--body-color)!important
}
.clockpicker-canvas line{
    stroke:var(--theme-default)
}
.clockpicker-canvas-fg,.clockpicker-canvas-bearing{
    fill:var(--theme-default)
}
.datepicker{
    z-index:99
}
.datepicker--day-name{
    color:var(--theme-default);
    font-weight:700
}
.datepicker--cell.-current-{
    color:#000;
    border-radius:5px;
    font-weight:700;
    border:2px solid var(--theme-default)
}
.datepicker--cell.-focus-{
    background:var(--theme-default);
    color:#fff
}
.datepicker--cell.-selected-{
    background:var(--theme-default)!important
}
.datepicker--cell-day{
    width:14.2857142857%
}
.datepickers-container,.bootstrap-datetimepicker-widget{
    z-index:7
}
.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu{
    width:auto
}
.datetime-picker .input-group-text i{
    line-height:1.3
}
.clockpicker-popover{
    border:none;
    z-index:7
}
.clockpicker-popover .popover-content{
    background-color:#43b9b20d
}
.clockpicker-canvas-bg{
    fill:#d0eeec
}
.clockpicker-tick:hover{
    color:inherit;
    background-color:#d0eeec
}
[data-theme=dark] .fc-theme-standard .fc-scrollgrid{
    border-color:var(--body-color)
}
.calendar-basic .md-sidebar-aside{
    background-color:#fff
}
[data-theme=dark] .calendar-basic .md-sidebar-aside{
    background-color:var(--card-color)
}
.calendar-basic #external-events{
    padding:20px;
    border:1px solid #d7e2e9
}
[data-theme=dark] .calendar-basic #external-events{
    border-color:var(--body-color)
}
.calendar-basic #external-events h4,.calendar-basic #external-events .h4{
    margin-bottom:14px
}
.calendar-basic #external-events p{
    margin-top:12px
}
.calendar-basic #external-events .fc-h-event{
    padding:12px;
    background-color:var(--theme-default);
    border:1px solid var(--theme-default)
}
.calendar-basic #external-events .fc-h-event+.fc-h-event{
    margin-top:10px
}
.calendar-basic #external-events .fc-h-event .fc-event-main{
    font-size:13px
}
.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title{
    text-overflow:ellipsis
}
.calendar-basic .calendar-default .fc .fc-daygrid-day-number,.calendar-basic .calendar-default .fc .fc-col-header-cell-cushion{
    color:var(--body-font-color)
}
.calendar-basic .calendar-default .fc .fc-button .fc-icon{
    height:23px
}
.calendar-basic .calendar-default .fc-h-event{
    padding:2px;
    background-color:var(--theme-default);
    border:1px solid var(--theme-default)
}
.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group~.fc-today-button{
    margin:0 8px
}
.fc-event-dragging{
    padding:10px;
    background-color:var(--theme-default)
}
.fc .fc-toolbar{
    flex-wrap:wrap;
    gap:10px
}
.main-inline-calender.input-group{
    flex-direction:column
}
.main-inline-calender.input-group .form-control,.main-inline-calender.input-group .flatpickr-calendar.inline{
    width:100%
}
.main-inline-calender.input-group .flatpickr-innerContainer,.main-inline-calender.input-group .flatpickr-rContainer{
    display:block
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays,.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days{
    width:100%
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer{
    width:100%;
    max-width:none;
    min-width:unset
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day{
    border-radius:5px;
    width:100%;
    max-width:unset
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover,[data-theme=dark] .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.nextMonthDay,[data-theme=dark] .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.prevMonthDay{
    color:var(--body-font-color)
}
.flatpickr-day.selected,.flatpickr-day .endRange,.flatpickr-day.selected:hover,.flatpickr-day .endRange:hover{
    background-color:var(--theme-default);
    border-color:var(--theme-default)
}
.main-flatpickr .form-control:read-only{
    background-color:unset;
    border:var(--light-border)
}
.flatpickr-months{
    font-size:calc(12px + .00125*(100vw - 320px))
}
.flatpickr-current-month{
    font-size:calc(14px + 5 * (100vw - 320px) / 1600)
}
@media (max-width: 400px){
    .flatpickr-calendar.animate{
        width:77%;
        left:50%!important;
        transform:translate(-50%)
    }
}
.flatpickr-calendar .flatpickr-days{
    width:unset
}
.flatpickr-calendar .flatpickr-days .dayContainer{
    width:unset;
    min-width:unset;
    max-width:unset
}
@media (max-width: 768px){
    .flatpicker-calender .form-control{
        font-size:14px
    }
}
.accordion-page .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
[data-theme=dark] .accordion-page .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border:0
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-top-left-radius:5px;
    border-bottom-left-radius:5px
}
[data-theme=dark] .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border:0
}
.timepicker-wrapper .row{
    margin-bottom:16px
}
.timepicker-wrapper .row:last-child{
    margin-bottom:0
}
[data-theme=dark] .col-form-label{
    color:var(--light-font)
}
@media (max-width: 1650px) and (min-width: 1400px){
    .col-form-label{
        padding-top:0!important;
        padding-bottom:0!important
    }
}
[data-theme=dark] .flatpickr-calendar{
    background:var(--body-color);
    box-shadow:none
}
.flatpickr-day:hover{
    background-color:#43b9b21a;
    border-color:var(--body-color)
}
.flatpickr-day.today{
    background-color:#43b9b21a;
    border-color:var(--solid-border)
}
.flatpickr-day.today:hover{
    background:var(--theme-default);
    border-color:var(--theme-default)
}
.flatpickr-day.today:focus{
    background:var(--theme-default);
    border-color:var(--theme-default)
}
[data-theme=dark] .flatpickr-day.today{
    background-color:#43b9b21a;
    border-color:#43b9b21a
}
[data-theme=dark] .flatpickr-day.nextMonthDay{
    color:var(--light-font)
}
[data-theme=dark] .flatpickr-day.nextMonthDay:hover{
    background-color:var(--card-color);
    border:unset
}
.flatpickr-current-month .flatpickr-monthDropdown-months{
    color:var(--body-font-color)!important
}
[data-theme=dark] .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{
    background-color:var(--body-color)
}
.flatpickr-current-month input.cur-year{
    color:var(--body-font-color)!important
}
.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{
    color:var(--body-font-color);
    fill:var(--body-font-color)
}
.bootstrap-touchspin input.touchspin{
    padding:0 12px
}
.bootstrap-touchspin .input-group .btn{
    padding:.5rem 1.75rem
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical{
    position:relative;
    white-space:nowrap;
    width:1%;
    vertical-align:middle;
    display:table-cell
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down{
    margin-top:-2px
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i{
    position:absolute;
    top:4px;
    left:7px;
    font-size:10px;
    font-weight:400
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical>.btn{
    display:block;
    float:none;
    width:100%;
    max-width:100%;
    padding:9px;
    margin-left:-1px;
    position:relative
}
.bootstrap-touchspin .input-group{
    font-family:Outfit,sans-serif,sans-serif
}
.bootstrap-touchspin .input-group .btn{
    border-radius:0!important
}
.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn{
    padding:9px 30px
}
.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content{
    z-index:9999
}
.touchspin-wrapper .btn-touchspin{
    border-radius:5px;
    width:32px;
    height:32px
}
.touchspin-wrapper input[type=number]{
    width:85px;
    padding:3px;
    text-align:center;
    height:30px
}
.hover-touchspin .btn-touchspin.spin-border-dark:hover{
    background-color:#2c2c31;
    color:#fff
}
.pre-post-touchspin .decrement-touchspin,.pre-post-touchspin .increment-touchspin,.pre-post-touchspin .input-group-text{
    padding:7px 14px;
    border:0;
    border-radius:0!important
}
.pre-post-touchspin .input-group-text{
    background-color:var(--light-bg)
}
[data-theme=dark] .pre-post-touchspin .input-group-text{
    background:var(--card-color);
    color:var(--body-font-color);
    border:1px solid var(--solid-border)
}
.pre-post-touchspin .input-touchspin{
    border:1px solid var(--light-bg);
    border-width:2px;
    text-align:center
}
[data-theme=dark] .pre-post-touchspin .input-touchspin{
    background:var(--body-color);
    border:1px solid var(--solid-border);
    color:var(--body-font-color)
}
.pre-post-touchspin .input-group{
    width:auto
}
@media (max-width: 768px){
    .pre-post-touchspin .input-group .input-touchspin{
        width:100px
    }
}
.pre-post-touchspin.bg-touchspin button[type=button]{
    border:1px solid var(--light-bg);
    border-width:2px;
    text-align:center
}
[data-theme=dark] .pre-post-touchspin.bg-touchspin button[type=button]{
    border:1px solid var(--solid-border)
}
.pre-post-touchspin .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.rounded-touchspin .btn-touchspin{
    border-radius:50%
}
.rounded-touchspin .touchspin-wrapper input[type=number].input-touchspin{
    border-radius:15px
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}
.alert-primary{
    background-color:#43b9b2cc;
    border-color:#43b9b2e6;
    color:#fff
}
.alert-primary .progress{
    height:5px;
    background-color:#42b5ae;
    border-radius:0
}
.alert-primary .progress-bar{
    background-color:#fdfefe
}
.alert-primary .btn-close{
    filter:brightness(1) invert(1)
}
.alert-primary .alert-link{
    color:#43b9b2
}
.alert-primary hr{
    border-top-color:#43b9b2
}
.border-primary{
    border-color:#43b9b2!important
}
.touchspin-wrapper .btn-touchspin.touchspin-primary{
    background-color:#43b9b2;
    border:1px solid #43B9B2;
    color:#fff
}
.touchspin-wrapper .btn-touchspin.spin-border-primary{
    background-color:unset;
    border:1px solid #43B9B2;
    color:#43b9b2
}
.touchspin-wrapper input[type=number].spin-outline-primary{
    outline:1px solid #43B9B2;
    border:none;
    border-radius:3px
}
[data-theme=dark] .touchspin-wrapper input[type=number].spin-outline-primary{
    background-color:var(--body-color)!important;
    color:#fff;
    outline:1px solid var(--solid-border)
}
.pre-post-touchspin .btn-touchspin.touchspin-primary{
    background-color:#43b9b2;
    border:1px solid #43B9B2;
    color:#fff
}
.form-switch .form-check-input.switch-primary:checked{
    background-color:#43b9b2;
    border-color:#43b9b2
}
.alert-secondary{
    background-color:#c280d2cc;
    border-color:#c280d2e6;
    color:#fff
}
.alert-secondary .progress{
    height:5px;
    background-color:#c07cd1;
    border-radius:0
}
.alert-secondary .progress-bar{
    background-color:#fff
}
.alert-secondary .btn-close{
    filter:brightness(1) invert(1)
}
.alert-secondary .alert-link{
    color:#c280d2
}
.alert-secondary hr{
    border-top-color:#c280d2
}
.border-secondary{
    border-color:#c280d2!important
}
.touchspin-wrapper .btn-touchspin.touchspin-secondary{
    background-color:#c280d2;
    border:1px solid #C280D2;
    color:#fff
}
.touchspin-wrapper .btn-touchspin.spin-border-secondary{
    background-color:unset;
    border:1px solid #C280D2;
    color:#c280d2
}
.touchspin-wrapper input[type=number].spin-outline-secondary{
    outline:1px solid #C280D2;
    border:none;
    border-radius:3px
}
[data-theme=dark] .touchspin-wrapper input[type=number].spin-outline-secondary{
    background-color:var(--body-color)!important;
    color:#fff;
    outline:1px solid var(--solid-border)
}
.pre-post-touchspin .btn-touchspin.touchspin-secondary{
    background-color:#c280d2;
    border:1px solid #C280D2;
    color:#fff
}
.form-switch .form-check-input.switch-secondary:checked{
    background-color:#c280d2;
    border-color:#c280d2
}
.alert-tertiary{
    background-color:#fd7e40cc;
    border-color:#fd7e40e6;
    color:#fff
}
.alert-tertiary .progress{
    height:5px;
    background-color:#fd7b3b;
    border-radius:0
}
.alert-tertiary .progress-bar{
    background-color:#fff
}
.alert-tertiary .btn-close{
    filter:brightness(1) invert(1)
}
.alert-tertiary .alert-link{
    color:#fd7e40
}
.alert-tertiary hr{
    border-top-color:#fd7e40
}
.border-tertiary{
    border-color:#fd7e40!important
}
.touchspin-wrapper .btn-touchspin.touchspin-tertiary{
    background-color:#fd7e40;
    border:1px solid #FD7E40;
    color:#fff
}
.touchspin-wrapper .btn-touchspin.spin-border-tertiary{
    background-color:unset;
    border:1px solid #FD7E40;
    color:#fd7e40
}
.touchspin-wrapper input[type=number].spin-outline-tertiary{
    outline:1px solid #FD7E40;
    border:none;
    border-radius:3px
}
[data-theme=dark] .touchspin-wrapper input[type=number].spin-outline-tertiary{
    background-color:var(--body-color)!important;
    color:#fff;
    outline:1px solid var(--solid-border)
}
.pre-post-touchspin .btn-touchspin.touchspin-tertiary{
    background-color:#fd7e40;
    border:1px solid #FD7E40;
    color:#fff
}
.form-switch .form-check-input.switch-tertiary:checked{
    background-color:#fd7e40;
    border-color:#fd7e40
}
.alert-success{
    background-color:#17a600cc;
    border-color:#17a600e6;
    color:#fff
}
.alert-success .progress{
    height:5px;
    background-color:#16a100;
    border-radius:0
}
.alert-success .progress-bar{
    background-color:#b2ffa6
}
.alert-success .btn-close{
    filter:brightness(1) invert(1)
}
.alert-success .alert-link{
    color:#17a600
}
.alert-success hr{
    border-top-color:#17a600
}
.border-success{
    border-color:#17a600!important
}
.touchspin-wrapper .btn-touchspin.touchspin-success{
    background-color:#17a600;
    border:1px solid #17A600;
    color:#fff
}
.touchspin-wrapper .btn-touchspin.spin-border-success{
    background-color:unset;
    border:1px solid #17A600;
    color:#17a600
}
.touchspin-wrapper input[type=number].spin-outline-success{
    outline:1px solid #17A600;
    border:none;
    border-radius:3px
}
[data-theme=dark] .touchspin-wrapper input[type=number].spin-outline-success{
    background-color:var(--body-color)!important;
    color:#fff;
    outline:1px solid var(--solid-border)
}
.pre-post-touchspin .btn-touchspin.touchspin-success{
    background-color:#17a600;
    border:1px solid #17A600;
    color:#fff
}
.form-switch .form-check-input.switch-success:checked{
    background-color:#17a600;
    border-color:#17a600
}
.alert-danger{
    background-color:#c42a02cc;
    border-color:#c42a02e6;
    color:#fff
}
.alert-danger .progress{
    height:5px;
    background-color:#bf2902;
    border-radius:0
}
.alert-danger .progress-bar{
    background-color:#fed2c7
}
.alert-danger .btn-close{
    filter:brightness(1) invert(1)
}
.alert-danger .alert-link{
    color:#c42a02
}
.alert-danger hr{
    border-top-color:#c42a02
}
.border-danger{
    border-color:#c42a02!important
}
.touchspin-wrapper .btn-touchspin.touchspin-danger{
    background-color:#c42a02;
    border:1px solid #C42A02;
    color:#fff
}
.touchspin-wrapper .btn-touchspin.spin-border-danger{
    background-color:unset;
    border:1px solid #C42A02;
    color:#c42a02
}
.touchspin-wrapper input[type=number].spin-outline-danger{
    outline:1px solid #C42A02;
    border:none;
    border-radius:3px
}
[data-theme=dark] .touchspin-wrapper input[type=number].spin-outline-danger{
    background-color:var(--body-color)!important;
    color:#fff;
    outline:1px solid var(--solid-border)
}
.pre-post-touchspin .btn-touchspin.touchspin-danger{
    background-color:#c42a02;
    border:1px solid #C42A02;
    color:#fff
}
.form-switch .form-check-input.switch-danger:checked{
    background-color:#c42a02;
    border-color:#c42a02
}
.alert-info{
    background-color:#2e8dd3cc;
    border-color:#2e8dd3e6;
    color:#fff
}
.alert-info .progress{
    height:5px;
    background-color:#2c8ad0;
    border-radius:0
}
.alert-info .progress-bar{
    background-color:#fff
}
.alert-info .btn-close{
    filter:brightness(1) invert(1)
}
.alert-info .alert-link{
    color:#2e8dd3
}
.alert-info hr{
    border-top-color:#2e8dd3
}
.border-info{
    border-color:#2e8dd3!important
}
.touchspin-wrapper .btn-touchspin.touchspin-info{
    background-color:#2e8dd3;
    border:1px solid #2E8DD3;
    color:#fff
}
.touchspin-wrapper .btn-touchspin.spin-border-info{
    background-color:unset;
    border:1px solid #2E8DD3;
    color:#2e8dd3
}
.touchspin-wrapper input[type=number].spin-outline-info{
    outline:1px solid #2E8DD3;
    border:none;
    border-radius:3px
}
[data-theme=dark] .touchspin-wrapper input[type=number].spin-outline-info{
    background-color:var(--body-color)!important;
    color:#fff;
    outline:1px solid var(--solid-border)
}
.pre-post-touchspin .btn-touchspin.touchspin-info{
    background-color:#2e8dd3;
    border:1px solid #2E8DD3;
    color:#fff
}
.form-switch .form-check-input.switch-info:checked{
    background-color:#2e8dd3;
    border-color:#2e8dd3
}
.alert-light{
    background-color:#f4f5f8cc;
    border-color:#f4f5f8e6;
    color:#fff;
    color:#2c2c31;
    background-color:#f4f5f8
}
.alert-light .btn-close{
    filter:unset
}
.alert-light .progress{
    height:5px;
    background-color:#f1f2f6;
    border-radius:0
}
.alert-light .progress-bar{
    background-color:#fff
}
.alert-light .btn-close{
    filter:brightness(1) invert(1)
}
.alert-light .alert-link{
    color:#2c2c31;
    color:#f4f5f8
}
.alert-light hr{
    border-top-color:#f4f5f8
}
.border-light{
    border-color:#f4f5f8!important
}
.touchspin-wrapper .btn-touchspin.touchspin-light{
    background-color:#f4f5f8;
    border:1px solid #F4F5F8;
    color:#fff
}
.touchspin-wrapper .btn-touchspin.spin-border-light{
    background-color:unset;
    border:1px solid #F4F5F8;
    color:#f4f5f8
}
.touchspin-wrapper input[type=number].spin-outline-light{
    outline:1px solid #F4F5F8;
    border:none;
    border-radius:3px
}
[data-theme=dark] .touchspin-wrapper input[type=number].spin-outline-light{
    background-color:var(--body-color)!important;
    color:#fff;
    outline:1px solid var(--solid-border)
}
.pre-post-touchspin .btn-touchspin.touchspin-light{
    background-color:#f4f5f8;
    border:1px solid #F4F5F8;
    color:#fff
}
.form-switch .form-check-input.switch-light:checked{
    background-color:#f4f5f8;
    border-color:#f4f5f8
}
.alert-dark{
    background-color:#2c2c31cc;
    border-color:#2c2c31e6;
    color:#fff
}
.alert-dark .progress{
    height:5px;
    background-color:#2a2a2e;
    border-radius:0
}
.alert-dark .progress-bar{
    background-color:#aaaab2
}
.alert-dark .btn-close{
    filter:brightness(1) invert(1)
}
.alert-dark .alert-link{
    color:#2c2c31
}
.alert-dark hr{
    border-top-color:#2c2c31
}
.border-dark{
    border-color:#2c2c31!important
}
.touchspin-wrapper .btn-touchspin.touchspin-dark{
    background-color:#2c2c31;
    border:1px solid #2C2C31;
    color:#fff
}
.touchspin-wrapper .btn-touchspin.spin-border-dark{
    background-color:unset;
    border:1px solid #2C2C31;
    color:#2c2c31
}
.touchspin-wrapper input[type=number].spin-outline-dark{
    outline:1px solid #2C2C31;
    border:none;
    border-radius:3px
}
[data-theme=dark] .touchspin-wrapper input[type=number].spin-outline-dark{
    background-color:var(--body-color)!important;
    color:#fff;
    outline:1px solid var(--solid-border)
}
.pre-post-touchspin .btn-touchspin.touchspin-dark{
    background-color:#2c2c31;
    border:1px solid #2C2C31;
    color:#fff
}
.form-switch .form-check-input.switch-dark:checked{
    background-color:#2c2c31;
    border-color:#2c2c31
}
.alert-warning{
    background-color:#f0ad4ecc;
    border-color:#f0ad4ee6;
    color:#fff
}
.alert-warning .progress{
    height:5px;
    background-color:#f0ab49;
    border-radius:0
}
.alert-warning .progress-bar{
    background-color:#fff
}
.alert-warning .btn-close{
    filter:brightness(1) invert(1)
}
.alert-warning .alert-link{
    color:#f0ad4e
}
.alert-warning hr{
    border-top-color:#f0ad4e
}
.border-warning{
    border-color:#f0ad4e!important
}
.touchspin-wrapper .btn-touchspin.touchspin-warning{
    background-color:#f0ad4e;
    border:1px solid #F0AD4E;
    color:#fff
}
.touchspin-wrapper .btn-touchspin.spin-border-warning{
    background-color:unset;
    border:1px solid #F0AD4E;
    color:#f0ad4e
}
.touchspin-wrapper input[type=number].spin-outline-warning{
    outline:1px solid #F0AD4E;
    border:none;
    border-radius:3px
}
[data-theme=dark] .touchspin-wrapper input[type=number].spin-outline-warning{
    background-color:var(--body-color)!important;
    color:#fff;
    outline:1px solid var(--solid-border)
}
.pre-post-touchspin .btn-touchspin.touchspin-warning{
    background-color:#f0ad4e;
    border:1px solid #F0AD4E;
    color:#fff
}
.form-switch .form-check-input.switch-warning:checked{
    background-color:#f0ad4e;
    border-color:#f0ad4e
}
[data-theme=dark] .alert .alert-heading,[data-theme=dark] .alert p{
    color:var(--body-font-color)!important
}
[data-theme=dark] .alert-light,[data-theme=dark] .alert-light p{
    color:var(--black)!important
}
.form-wizard .tab{
    display:none
}
.form-wizard .step{
    height:10px;
    width:10px;
    margin:0 2px;
    background-color:var(--theme-default);
    border:none;
    border-radius:50%;
    display:inline-block;
    opacity:.5
}
.form-wizard .step.active{
    opacity:1
}
.form-wizard .step.finish{
    background-color:#c42a02
}
.vertical-main-wizard .header-vertical-wizard{
    background-color:#f4f5f8b3;
    height:100%;
    text-align:unset
}
[data-theme=dark] .vertical-main-wizard .header-vertical-wizard{
    background:var(--body-color)
}
.vertical-main-wizard .header-vertical-wizard .nav-link{
    border-bottom:1px solid var(--solid-border);
    border-radius:0;
    padding:20px
}
.vertical-main-wizard .header-vertical-wizard .nav-link:last-child{
    border-bottom:0
}
.vertical-main-wizard .nav-pills .nav-link.active{
    background-color:transparent
}
.vertical-main-wizard .nav-pills.show>.nav-link{
    background-color:transparent
}
.vertical-main-wizard .nav-link .vertical-wizard{
    display:flex;
    align-items:center;
    gap:14px
}
.vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard{
    width:33px;
    height:33px;
    background-color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    position:relative;
    border:1px solid #52526c
}
[data-theme=dark] .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard{
    background:var(--card-color)
}
.vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i{
    margin-right:0;
    color:#52526c
}
[data-theme=dark] .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i{
    color:var(--body-font-color)
}
.vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6,.vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content .h6{
    font-weight:400;
    line-height:1;
    color:var(--body-font-color)
}
.vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content p{
    color:var(--text-gray)
}
.vertical-main-wizard .nav-link.active{
    background-color:unset
}
.vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard{
    background-color:var(--theme-default);
    border:1px solid var(--theme-default)
}
.vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard i{
    color:#fff;
    font-size:18px
}
.vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard:before{
    content:"";
    width:45px;
    height:45px;
    border-radius:50%;
    position:absolute;
    border:1px solid var(--theme-default)
}
.vertical-main-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6,.vertical-main-wizard .nav-link.active .vertical-wizard .vertical-wizard-content .h6{
    color:var(--theme-default)
}
.vertical-main-wizard .form-check .form-check-label{
    margin-bottom:0
}
.vertical-main-wizard .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.basic-wizard .stepper-horizontal{
    display:flex;
    width:100%;
    margin:0 auto 24px;
    overflow:auto
}
.basic-wizard .stepper-horizontal .step{
    position:relative;
    padding-inline:24px;
    z-index:2;
    width:100%
}
.basic-wizard .stepper-horizontal .step:first-child{
    padding-left:0
}
.basic-wizard .stepper-horizontal .step:last-child{
    padding-right:0
}
.basic-wizard .stepper-horizontal .step:last-child .step-bar-left,.basic-wizard .stepper-horizontal .step:last-child .step-bar-right{
    display:none
}
.basic-wizard .stepper-horizontal .step .step-circle{
    width:32px;
    height:32px;
    margin:0 auto;
    border-radius:50%;
    text-align:center;
    line-height:28px;
    font-size:16px;
    font-weight:600;
    z-index:2;
    border:2px solid #cccccc;
    background:#fff
}
[data-theme=dark] .basic-wizard .stepper-horizontal .step .step-circle{
    color:var(--body-font-color);
    background:var(--body-color);
    border-color:var(--solid-border)
}
.basic-wizard .stepper-horizontal .step.done .step-circle{
    background-color:#fff;
    border:2px solid #52526c;
    color:var(--theme-default);
    z-index:4;
    position:relative
}
[data-theme=dark] .basic-wizard .stepper-horizontal .step.done .step-circle{
    background:var(--body-color);
    border-color:var(--solid-border)
}
.basic-wizard .stepper-horizontal .step.done .step-circle:before{
    font-family:FontAwesome;
    font-weight:100;
    content:""
}
.basic-wizard .stepper-horizontal .step.done .step-circle *{
    display:none
}
.basic-wizard .stepper-horizontal .step.done .step-title{
    color:#52526c
}
.basic-wizard .stepper-horizontal .step.editing .step-circle{
    background:#fff;
    border-color:#52526c;
    color:var(--theme-default)
}
[data-theme=dark] .basic-wizard .stepper-horizontal .step.editing .step-circle{
    background:var(--body-color);
    border-color:var(--solid-border)
}
.basic-wizard .stepper-horizontal .step .step-title{
    margin-top:8px;
    font-size:16px;
    font-weight:600;
    white-space:nowrap
}
.basic-wizard .stepper-horizontal .step .step-title,.basic-wizard .stepper-horizontal .step .step-optional{
    text-align:center
}
.basic-wizard .stepper-horizontal .step .step-bar-left,.basic-wizard .stepper-horizontal .step .step-bar-right{
    position:absolute;
    top:14px;
    height:4px;
    background-color:#43b9b21a;
    border:1px solid rgba(67,185,178,.1);
    border-width:2px 0
}
.basic-wizard .stepper-horizontal .step .step-bar-left{
    width:100%;
    left:50%;
    z-index:-1
}
[dir=rtl] .basic-wizard .stepper-horizontal .step .step-bar-left{
    left:unset;
    right:37%;
    margin-left:unset;
    margin-right:1rem
}
.basic-wizard .stepper-horizontal .step .step-bar-right{
    width:0;
    left:50%;
    z-index:-1;
    transition:width .5s ease-in-out
}
[dir=rtl] .basic-wizard .stepper-horizontal .step .step-bar-right{
    right:50%;
    left:unset
}
.basic-wizard .stepper-horizontal .step.done .step-bar-right{
    background-color:var(--theme-default);
    border-color:var(--theme-default);
    z-index:3;
    width:100%
}
.basic-wizard form.none{
    display:none
}
.basic-wizard form.block{
    display:block
}
.basic-wizard form .form-check-label{
    margin-bottom:0
}
.important-validation .form-label span{
    color:#c42a02
}
.wizard-footer button.disabled{
    background-color:#eaebf2
}
.wizard-footer button.back{
    background-color:#f0ad4e
}
.successful-form{
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    gap:10px;
    padding-bottom:24px
}
.successful-form img{
    width:100px;
    height:100px
}
.inquiries-form h6,.inquiries-form .h6{
    margin-bottom:14px
}
.inquiries-form .choose-option{
    display:flex;
    flex-direction:column;
    justify-content:center
}
.inquiries-form .choose-option .form-check:last-child{
    margin-bottom:0
}
.form-completed img{
    height:100px;
    margin:0 auto;
    display:block
}
.form-completed h6,.form-completed .h6{
    text-align:center;
    margin-top:24px
}
.horizontal-wizard-wrapper .main-horizontal-header{
    padding:0 0 20px
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options{
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    gap:14px
}
@media (max-width: 1182px){
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options{
        justify-content:flex-start
    }
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a{
    display:flex;
    justify-content:center;
    align-items:center
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard{
    display:flex;
    justify-content:center;
    align-items:center;
    color:var(--body-font-color);
    transition:all .3s ease
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i{
    font-size:18px;
    color:var(--body-font-color)
}
[dir=rtl] .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i{
    margin-right:unset;
    margin-left:10px
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard{
    color:#fff;
    transition:all .3s ease
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .horizontal-wizard-content h6,.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .horizontal-wizard-content .h6{
    color:var(--white)
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard i,.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard span{
    color:#fff
}
[data-theme=dark] .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard span{
    color:#fff!important
}
.horizontal-wizard-wrapper .main-horizontal-header .form-check{
    margin-bottom:0
}
.horizontal-wizard-wrapper .bank-search{
    margin-bottom:22px
}
@media (max-width: 767px){
    .horizontal-wizard-wrapper .bank-search{
        margin-bottom:0
    }
}
.horizontal-wizard-wrapper .bank-selection{
    padding:10px 0 0
}
@media (max-width: 401px){
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper{
        justify-content:center
    }
}
.horizontal-wizard-wrapper .bank-selection .radio-wrapper li{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
    position:relative;
    width:100%;
    padding:12px;
    border:none;
    text-align:center;
    max-width:130px
}
@media (max-width: 1232px){
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper li{
        padding:10px;
        max-width:105px
    }
}
@media (max-width: 1335px){
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper li{
        max-width:113px
    }
}
.horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label{
    margin-bottom:0;
    padding:12px
}
.horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label img{
    height:calc(45px + 7 * (100vw - 320px) / 1600)
}
.horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label span{
    font-size:14px
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options{
    gap:12px
}
@media (max-width: 1400px){
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options{
        justify-content:flex-start
    }
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link{
    color:var(--body-font-color)
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard{
    gap:10px
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard{
    width:30px;
    height:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:6px
}
[data-theme=dark] .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard{
    background-color:#43b9b21a
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard i{
    margin-right:0
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active{
    background-color:unset
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard{
    color:var(--body-font-color)
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .horizontal-wizard-content h6,.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .horizontal-wizard-content .h6{
    color:var(--theme-default)
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard{
    background-color:var(--theme-default)!important
}
.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard i{
    margin-right:0;
    color:#fff!important
}
.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li{
    padding:20px;
    display:grid;
    width:100%;
    height:100%;
    place-content:baseline;
    text-align:unset;
    align-items:unset;
    max-width:unset
}
.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label{
    justify-content:unset;
    display:flex;
    align-items:center
}
.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span>span+span{
    font-size:13px
}
@media (max-width: 400px){
    .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span>span+span{
        display:none
    }
}
.horizontal-wizard-wrapper.vertical-options .main-horizontal-header{
    padding-bottom:0
}
.horizontal-wizard-wrapper.vertical-options .main-horizontal-header .horizontal-options{
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:12px
}
.authentication-options .radio-wrapper{
    display:flex;
    gap:calc(8px + .005*(100vw - 320px));
    flex-wrap:wrap;
    justify-content:center
}
.authentication-options .radio-wrapper li{
    padding:20px;
    display:grid;
    width:100%;
    height:100%;
    place-content:baseline;
    text-align:unset;
    align-items:unset;
    max-width:unset
}
.authentication-options .radio-wrapper li .form-check-label{
    display:flex;
    align-items:center;
    text-align:left;
    gap:14px
}
@media (max-width: 400px){
    .authentication-options .radio-wrapper li .form-check-label{
        align-items:baseline
    }
}
.authentication-options .radio-wrapper li .form-check-label i,[dir=rtl] .authentication-options .radio-wrapper li .form-check-label i{
    padding:0
}
.authentication-options .radio-wrapper li .form-check-label i.fa-spin{
    -webkit-animation:spin 2s infinite linear;
    animation:spin 2s infinite linear
}
.authentication-options .radio-wrapper li .form-check-label span>span{
    font-size:16px;
    color:#1f2533;
    font-weight:500
}
[data-theme=dark] .authentication-options .radio-wrapper li .form-check-label span>span{
    color:var(--light-font)
}
.authentication-options .radio-wrapper li .form-check-label span>span+span{
    color:var(--text-gray);
    font-size:14px
}
[data-theme=dark] .authentication-options .radio-wrapper li .form-check-label span>span+span{
    color:var(--light-font)
}
.main-qr-code .modal-toggle-wrapper .modal-img{
    flex-direction:column;
    align-items:center;
    margin-bottom:22px
}
@media (max-width: 480px){
    .main-qr-code .modal-toggle-wrapper .modal-img{
        align-items:unset
    }
}
@media (max-width: 480px){
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-img{
        text-align:center
    }
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-img img{
    height:100px;
    width:100px
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-content{
    margin-top:16px
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert{
    align-items:unset
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div{
    word-break:break-word
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-content i{
    font-size:20px;
    margin-right:0
}
.main-qr-code .modal-toggle-wrapper .btn{
    display:block;
    margin:12px auto auto
}
.authentication-body{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    margin:auto;
    text-align:center
}
.authentication-body img{
    height:calc(200px + .1375*(100vw - 320px))
}
.authentication-body .modal .modal-body p{
    font-size:14px;
    line-height:1.7;
    letter-spacing:.7px;
    margin-top:0;
    margin-bottom:1rem
}
.shopping-wizard .shipping-form .shipping-border{
    border-right:1px solid var(--recent-dashed-border)
}
@media (max-width: 1200px){
    .shopping-wizard .shipping-form .shipping-border{
        border-right:unset
    }
}
.shopping-wizard .shipping-form .shipping-options{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    margin-bottom:18px
}
@media (max-width: 768px){
    .shopping-wizard .shipping-form .shipping-options{
        flex-direction:column
    }
}
.shopping-wizard .shipping-form .shipping-options .nav-link{
    width:100%
}
@media (min-width: 1200px) and (max-width: 1920px){
    .shopping-wizard .shipping-form .shipping-options .nav-link{
        padding:calc(8px + 0*(100vw - 300px)) calc(6px + 10 * (100vw - 300px) / 1620)
    }
}
.shopping-wizard .shipping-form .shipping-options .nav-link.active i{
    background-color:#c3f7f4;
    color:var(--theme-default);
    transition:all .3s ease-in-out
}
.shopping-wizard .shipping-form .shipping-options .nav-link.active h6,.shopping-wizard .shipping-form .shipping-options .nav-link.active .h6{
    color:#fff!important
}
.shopping-wizard .shipping-form .shipping-options .cart-options{
    display:flex;
    align-items:center;
    gap:11px
}
.shopping-wizard .shipping-form .shipping-options .cart-options i{
    font-size:18px;
    color:#fff;
    width:40px;
    height:40px;
    background-color:var(--theme-default);
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    margin:0;
    transition:all .3s ease-in-out
}
@media (min-width: 1200px) and (max-width: 1920px){
    .shopping-wizard .shipping-form .shipping-options .cart-options i{
        font-size:calc(14px + 4 * (100vw - 1200px) / 720);
        width:calc(30px + 10 * (100vw - 1200px) / 720);
        height:calc(30px + 10 * (100vw - 1200px) / 720)
    }
}
.shopping-wizard .shipping-form .shipping-options .cart-options h6,.shopping-wizard .shipping-form .shipping-options .cart-options .h6{
    color:var(--theme-default)
}
.shopping-wizard .shipping-form .shipping-info .table thead th{
    white-space:nowrap
}
.shopping-wizard .shipping-form .shipping-info .table thead th:last-child{
    text-align:end
}
.shopping-wizard .shipping-form .shipping-info .table tbody tr td img{
    height:50px
}
.shopping-wizard .shipping-form .shipping-info .table tbody tr td:last-child{
    text-align:end
}
.shopping-wizard .shipping-form .shipping-info .table tbody tr td span{
    color:var(--text-gray)
}
.shopping-wizard .shipping-form .shipping-info .table tbody tr:last-child td{
    border:0
}
.shopping-wizard .shipping-form .shipping-info .table tfoot{
    font-weight:400
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr td{
    white-space:nowrap
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr td:first-child{
    max-width:370px
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr td:last-child{
    min-width:0;
    text-align:end
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr:first-child{
    font-weight:500
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child{
    font-weight:600
}
.shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child td{
    border-bottom:0
}
.shopping-wizard .shipping-form .shipping-content{
    height:100%;
    padding:0
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title>.btn{
    background:none!important;
    border:0;
    padding:0 28px
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title>.btn i{
    color:var(--theme-default)
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:8px
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon{
    display:flex;
    align-items:center;
    gap:12px
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon i{
    font-size:16px;
    color:var(--theme-default)
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address{
    display:flex;
    flex-direction:column;
    gap:8px
}
.shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address h6,.shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address .h6{
    font-size:15px;
    font-weight:500
}
.shopping-wizard .shipping-form .shipping-content>.active.finish-wizard1{
    display:flex;
    align-items:center;
    justify-content:center;
    height:calc(100% - 73px)
}
@media (max-width: 768px){
    .shopping-wizard .shipping-form .shipping-content>.active.finish-wizard1{
        height:unset
    }
}
.shopping-wizard .shipping-form .shipping-method p{
    padding-left:25px;
    color:var(--text-gray)
}
[dir=rtl] .shopping-wizard .shipping-form .shipping-method p{
    padding-right:25px;
    padding-left:unset
}
.shopping-wizard .shipping-form .proceed-next{
    transform:scaleX(-1)
}
.shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center
}
@media (max-width: 768px){
    .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper{
        justify-content:unset;
        align-items:flex-start;
        flex-direction:column
    }
}
.shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper img{
    height:50px
}
.shopping-wizard .shipping-form .payment-info-wrapper .pay-info{
    display:block
}
.shopping-wizard .shipping-form .payment-info-wrapper .pay-info>div{
    margin-bottom:12px;
    display:flex;
    align-items:center
}
@media (max-width: 768px){
    .shopping-wizard .shipping-form .payment-info-wrapper .pay-info>div{
        flex-direction:column;
        align-items:flex-start
    }
}
.shopping-wizard .shipping-form .order-confirm{
    text-align:center
}
@media (max-width: 1200px){
    .shopping-wizard .shipping-form .order-confirm{
        margin-bottom:18px
    }
}
.shopping-wizard .shipping-form .order-confirm img{
    height:calc(95px + 45 * (100vw - 320px) / 1600)
}
.avatar-upload{
    flex-direction:column
}
.avatar-upload div:first-child{
    position:relative;
    max-width:205px;
    margin:auto
}
.avatar-upload div:first-child .avatar-edit{
    position:absolute;
    right:25px;
    z-index:1;
    top:4px
}
.avatar-upload div:first-child .avatar-edit input{
    display:none
}
.avatar-upload div:first-child .avatar-edit label{
    display:inline-block;
    width:35px;
    height:35px;
    margin-bottom:0;
    border-radius:100%;
    background:var(--light-bg);
    border:1px solid transparent;
    box-shadow:0 2px 4px #0000001f;
    cursor:pointer!important;
    font-weight:400;
    transition:all .2s ease-in-out
}
[data-theme=dark] .avatar-upload div:first-child .avatar-edit label{
    background:var(--body-color)
}
.avatar-upload div:first-child .avatar-edit label:after{
    content:"";
    font-family:IcoFont;
    color:var(--body-font-color);
    position:absolute;
    top:8px;
    left:3px;
    right:0;
    text-align:center;
    margin:auto
}
[dir=rtl] .avatar-upload div:first-child .avatar-edit label:after{
    right:3px;
    left:0
}
.avatar-upload div:first-child .avatar-preview{
    width:150px;
    height:150px;
    position:relative;
    border-radius:100%;
    border:6px solid var(--avatar-preview-border);
    box-shadow:0 2px 4px #0000001a;
    margin:auto
}
[data-theme=dark] .avatar-upload div:first-child .avatar-preview{
    border-color:var(--body-color)
}
.avatar-upload div:first-child .avatar-preview>div{
    background-image:url(/build/assets/user-Czl4PKbQ.png);
    width:100%;
    height:100%;
    border-radius:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center
}
.avatar-upload h6,.avatar-upload .h6{
    text-align:center;
    padding-top:14px
}
.email-verify .card-wrapper{
    display:grid;
    place-content:center
}
.email-verify .card-wrapper>div{
    align-items:center
}
.email-verify .card-wrapper .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.authenticate{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.authenticate span:nth-of-type(1){
    margin-top:12px
}
.authenticate h4,.authenticate .h4{
    margin-bottom:12px
}
.authenticate img{
    height:calc(145px + 55 * (100vw - 320px) / 1600)
}
.authenticate form{
    flex-direction:column;
    text-align:center
}
.authenticate form .otp-generate{
    display:flex;
    gap:12px;
    margin:14px 0;
    justify-content:center
}
.authenticate form .form-control{
    width:calc(25px + .00625*(100vw - 320px));
    height:calc(25px + .00625*(100vw - 320px));
    border-radius:5px;
    text-align:center;
    padding:0;
    display:block;
    min-width:0
}
.authenticate form div{
    display:inline-grid;
    gap:2px;
    margin-top:12px
}
.accordion .accordion-item .accordion-body .choose-bank .form-check .form-check-label{
    color:var(--body-font-color)
}
.wizard-4 .anchor{
    padding:40px 30px
}
@media (max-width: 1199.98px){
    .wizard-4 .anchor{
        padding:40px 12px
    }
}
@media (max-width: 767.98px){
    .wizard-4 .anchor{
        padding:10px 30px
    }
}
.wizard-4 .anchor li:last-child{
    position:absolute;
    bottom:0;
    width:auto;
    padding-bottom:0;
    left:9%
}
@media (max-width: 767.98px){
    .wizard-4 .anchor li:last-child{
        display:none
    }
}
.wizard-4 .anchor li:last-child img{
    height:300px;
    object-fit:cover
}
@media (max-width: 991.98px){
    .wizard-4 .anchor li:last-child img{
        height:230px
    }
}
.wizard-4 .anchor .progresscont .circleblocks .user-profile{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:40px;
    padding:40px 0
}
@media (max-width: 991.98px){
    .wizard-4 .anchor .progresscont .circleblocks .user-profile{
        gap:30px
    }
}
@media (max-width: 767.98px){
    .wizard-4 .anchor .progresscont .circleblocks .user-profile{
        padding:10px 0;
        gap:12px
    }
}
.wizard-4 .anchor .progresscont .circleblocks .user-profile>div{
    display:flex;
    align-items:center
}
.wizard-4 .anchor .progresscont .circleblocks .user-profile>div .user-content{
    padding-left:24px
}
@media (max-width: 1199.98px){
    .wizard-4 .anchor .progresscont .circleblocks .user-profile>div .user-content{
        padding-left:10px!important
    }
}
@media (max-width: 1199.98px){
    .wizard-4 .anchor .progresscont .circleblocks .user-profile>div .user-content h4,.wizard-4 .anchor .progresscont .circleblocks .user-profile>div .user-content .h4{
        font-size:16px
    }
}
.wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo{
    width:60px;
    height:60px;
    border:2px solid var(--theme-default);
    background-color:var(--card-color);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
@media (max-width: 991.98px){
    .wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo{
        width:45px;
        height:45px
    }
}
@media (max-width: 1199.98px){
    .wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo{
        width:50px;
        height:50px
    }
}
@media (max-width: 767.98px){
    .wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo{
        width:40px;
        height:40px
    }
}
.wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo.activecirculo{
    transition:.5s ease all;
    background-color:var(--theme-default)!important
}
.wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo.activecirculo i{
    color:#fff!important
}
.wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo i{
    font-size:22px;
    color:var(--theme-default)
}
@media (max-width: 767.98px){
    .wizard-4 .anchor .progresscont .circleblocks .user-profile .circulo i{
        font-size:16px
    }
}
.wizard-4 .step-container{
    background:#43b9b21c;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
    background-position:center;
    padding:30px 12px
}
@media (max-width: 767.98px){
    .wizard-4 .step-container{
        min-height:calc(100vh - 233px)
    }
}
.wizard-4 .step-container .progress{
    display:none
}
.wizard-4 .step-container .registration-content>div{
    width:100%;
    min-height:inherit
}
.wizard-4 .wizard-navigation{
    position:relative;
    bottom:0;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.wizard-4 .wizard-navigation button{
    width:7rem
}
@media (max-width: 991.98px){
    .wizard-4 .wizard-navigation button{
        width:7rem
    }
}
.wizard-4 .wizard-navigation button #submitForm{
    width:15rem
}
@media (max-width: 991.98px){
    .wizard-4 .wizard-navigation button #submitForm{
        width:7rem
    }
}
#addrescont,#verifycont,#aboutcont,#submitForm{
    display:none
}
.mega-inline{
    margin-bottom:-30px;
    display:flex
}
.mega-inline .card{
    box-shadow:var(--card-box-shadow)
}
.mega-inline .mega-title-badge{
    display:table;
    width:100%;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase
}
.mega-inline .d-flex .radio{
    margin-left:3px
}
@media (max-width: 575px){
    .mega-inline{
        margin-bottom:0
    }
}
.mega-vertical{
    display:flex;
    flex-wrap:wrap
}
.mega-vertical .card{
    box-shadow:var(--card-box-shadow)
}
.mega-vertical .mega-title-badge{
    display:table;
    width:100%;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase
}
.mega-vertical .d-flex .radio{
    margin-left:3px
}
.mega-title{
    font-weight:600
}
.mega-horizontal{
    display:flex;
    flex-wrap:wrap
}
.mega-horizontal .card{
    box-shadow:var(--card-box-shadow)
}
.mega-horizontal .mega-title-badge{
    display:table;
    width:100%;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase
}
.mega-horizontal .d-flex .radio{
    margin-left:3px
}
.plain-style .card{
    box-shadow:none;
    border:none!important
}
.border-style .card{
    box-shadow:none;
    border:1px solid #ecf3fa!important
}
.offer-style .card{
    box-shadow:none;
    border:var(--light-border)
}
.rating-star-wrapper{
    color:#797979
}
.card-wrapper .payment-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:8px;
    margin-bottom:16px;
    border-bottom:var(--light-border)
}
.card-wrapper .payment-wrapper:last-child{
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:unset
}
.card-wrapper .payment-wrapper .payment-second img{
    width:50px
}
.card-wrapper .payment-wrapper .payment-second .mega-icons{
    width:20px;
    height:20px
}
.main-upgrade{
    margin:0 auto;
    text-align:center;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.main-upgrade>div:first-child{
    margin-bottom:20px
}
.main-upgrade i{
    font-size:calc(40px + .00625*(100vw - 320px));
    display:block;
    color:var(--theme-default)
}
.main-upgrade p{
    line-height:1.4
}
.main-upgrade .variation-box{
    gap:20px;
    display:flex;
    justify-content:center;
    align-items:center
}
@media (min-width: 768px) and (max-width: 1200px){
    .main-upgrade .variation-box{
        display:grid;
        grid-template-columns:auto auto;
        gap:18px
    }
}
@media (max-width: 700px){
    .main-upgrade .variation-box{
        display:grid;
        grid-template-columns:auto auto;
        gap:18px
    }
}
@media (max-width: 380px){
    .main-upgrade .variation-box{
        grid-template-columns:unset
    }
}
.main-upgrade .variation-box .selection-box{
    position:relative;
    height:100px;
    border:1px dashed var(--theme-default);
    min-width:125px;
    border-radius:15px
}
@media (min-width: 1200px) and (max-width: 1920px){
    .main-upgrade .variation-box .selection-box{
        min-width:calc(110px + 15 * (100vw - 1200px) / 720)
    }
}
.main-upgrade .variation-box .selection-box .custom--mega-checkbox{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    line-height:25px;
    border-radius:10px;
    transition:.5s ease
}
.main-upgrade .variation-box .selection-box input{
    position:absolute;
    top:0;
    left:0;
    width:118px;
    height:96px;
    opacity:0;
    cursor:pointer
}
.megaoptions-border-space-sm .d-flex .radio label{
    padding-left:18px
}
@media (min-width: 618px) and (max-width: 1199px){
    .megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1{
        flex-direction:row;
        gap:18px
    }
}
@media (max-width: 618px){
    .megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1{
        flex-direction:column;
        gap:12px
    }
}
.megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1 .flex-grow-1{
    margin-top:-6px
}
@media (max-width: 618px){
    .megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1 .flex-grow-1{
        margin-left:0
    }
}
.megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1:first-child{
    margin-bottom:0
}
.megaoption-space .badge.pull-right,.megaoptions-border-space-sm .badge.pull-right{
    margin-bottom:12px
}
.mega-option .d-flex label{
    font-weight:600
}
.megaoptions-border-space-sm .flex-grow-1 .list-behavior-1:first-child{
    margin-bottom:0
}
@media (max-width: 618px){
    .megaoptions-border-space-sm .flex-grow-1 .list-behavior-1{
        flex-direction:column;
        gap:12px;
        align-items:flex-start
    }
}
.my-gallery img{
    width:100%
}
.my-gallery img.img-thumbnail{
    border:var(--light-border)
}
.my-gallery .pswp-gallery{
    margin-bottom:30px
}
@media (max-width: 991.98px){
    .my-gallery .pswp-gallery{
        margin-bottom:20px
    }
}
@media (max-width: 575.98px){
    .my-gallery .pswp-gallery{
        margin-bottom:15px
    }
}
.my-gallery.gallery-with-description img{
    padding:10px!important;
    border:var(--light-border)!important;
    border-bottom:none!important;
    border-radius:5px 5px 0 0
}
.my-gallery.gallery-with-description a>div{
    border-top:none!important;
    margin-bottom:0;
    padding:5px 10px 10px
}
.my-gallery.gallery-with-description h4,.my-gallery.gallery-with-description .h4{
    margin-top:0
}
.my-gallery.gallery figure.img-hover a>div{
    overflow:hidden
}
.my-gallery.gallery figure.img-hover.hover-12 a>div{
    background:var(--theme-default)
}
.my-gallery.gallery figure.img-hover.hover-12 a>div:hover img{
    opacity:.7
}
.masonary-gallery{
    display:flex
}
.gallery-grid .my-gallery{
    gap:unset;
    display:inherit!important
}
#aniimated-thumbnials figure:nth-child(12),#aniimated-thumbnials figure:nth-child(11),#aniimated-thumbnials figure:nth-child(10),#aniimated-thumbnials figure:nth-child(9){
    margin-bottom:30px
}
.pswp--touch .pswp__button--arrow{
    visibility:visible
}
.pswp--one-slide .pswp__button--arrow,.pswp--one-slide .pswp__counter{
    display:block
}
.pswp__dynamic-caption h4,.pswp__dynamic-caption .h4{
    color:#fff
}
[data-theme=dark] .pswp__dynamic-caption h4,[data-theme=dark] .pswp__dynamic-caption .h4{
    color:var(--body-font-color)
}
.pswp__dynamic-caption{
    color:#fff!important;
    text-align:center!important
}
@media (max-width: 575.98px){
    .pswp__button--arrow .pswp__icn{
        width:40px;
        height:40px
    }
}
.pswp__img{
    object-fit:cover
}
section.pswp__scroll-wrap{
    margin:0!important
}
.prooduct-details-box{
    margin-bottom:30px
}
.prooduct-details-box .close{
    position:absolute;
    top:10px;
    right:10px;
    height:16px;
    cursor:pointer
}
.prooduct-details-box .d-flex{
    border:1px solid #d7e2e9;
    border-radius:10px;
    padding:15px 0 15px 10px;
    width:100%;
    position:relative
}
[data-theme=dark] .prooduct-details-box .d-flex{
    border-color:var(--solid-border)
}
.prooduct-details-box .btn{
    line-height:13px
}
.prooduct-details-box .d-block{
    border:1px solid #ecf3fa;
    width:100%;
    position:relative
}
[data-theme=dark] .prooduct-details-box .d-block{
    border-color:var(--solid-border)
}
.prooduct-details-box .d-block .flex-grow-1{
    padding:15px
}
.prooduct-details-box .rating{
    color:#f0ad4e;
    letter-spacing:3px
}
.prooduct-details-box .price{
    margin-top:3px;
    font-size:14px;
    font-weight:600;
    display:flex
}
.prooduct-details-box .price span{
    margin-left:5px;
    color:var(--light-font)
}
.prooduct-details-box ul.rating li{
    display:inline-block
}
.prooduct-details-box .product-name a{
    color:var(--gray-60)
}
.prooduct-details-box .product-name h6,.prooduct-details-box .product-name .h6{
    color:#2f2f3b;
    font-size:15px;
    font-weight:700;
    margin-bottom:.5rem
}
[data-theme=dark] .prooduct-details-box .product-name h6,[data-theme=dark] .prooduct-details-box .product-name .h6{
    color:var(--body-font-color)
}
.prooduct-details-box .btn{
    position:absolute;
    right:15px;
    bottom:15px;
    font-size:9px;
    padding:2px 5px
}
.order-history .input-group{
    text-align:right;
    max-width:300px
}
[data-theme=dark] .order-history table{
    border-color:var(--solid-border)
}
.order-history table thead tr th{
    vertical-align:middle;
    border-top:none;
    background-color:#43b9b20d!important;
    padding:15px;
    font-size:16px;
    color:var(--theme-default);
    font-weight:600
}
[data-theme=dark] .order-history table thead tr th{
    border-color:var(--solid-border)
}
.order-history table .qty-box{
    width:120px;
    margin:0 auto;
    border-radius:5px;
    overflow:hidden
}
.order-history table .qty-box input{
    padding:0;
    border:none;
    background-color:transparent
}
.order-history table .qty-box input:focus{
    box-shadow:none;
    border:none
}
.order-history table .qty-box .input-group{
    justify-content:space-between;
    align-items:center;
    background-color:transparent;
    border-radius:5px;
    border:1px solid #ecf3fa;
    overflow:hidden
}
.order-history table .qty-box .btn{
    background-color:transparent;
    padding:8px 13px;
    font-size:10px
}
.order-history table tbody tr td{
    vertical-align:middle;
    color:var(--light-text);
    font-weight:600;
    padding:.75rem
}
.order-history table tbody tr td:first-child{
    text-align:center
}
.order-history table tbody tr td .product-name a{
    font-size:15px;
    color:var(--dark-gray)
}
.order-history table tbody tr td .product-name .order-process{
    font-size:13px;
    padding-left:15px
}
.order-history table tbody tr td .product-name .order-process .order-process-circle{
    position:relative
}
.order-history table tbody tr td .product-name .order-process .order-process-circle:before{
    position:absolute;
    content:"";
    width:4px;
    height:4px;
    border-radius:100%;
    background-color:var(--dark-gray);
    left:-15px;
    top:7px
}
.order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before{
    background-color:#17a600
}
.order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before{
    background-color:#c42a02
}
.order-history table tbody tr td.total-amount{
    color:#2f2f3b
}
.order-history table tbody tr:last-child td{
    padding-bottom:.75rem!important
}
.order-history .product-name h6,.order-history .product-name .h6{
    color:#2f2f3b;
    margin-bottom:unset;
    font-size:14px;
    font-weight:600
}
.whishlist-main>div{
    margin-bottom:-30px
}
@media only screen and (max-width: 1199px){
    .order-history table{
        width:900px;
        overflow:auto
    }
}
@media only screen and (max-width: 767px){
    .order-history table tbody tr td .product-name a{
        font-size:14px
    }
}
@media only screen and (max-width: 575px){
    .wishlist .text-end{
        text-align:left!important
    }
}
.default-dashboard table tr th,.ecommerce-dashboard table tr th,.project-dashboard table tr th{
    font-size:15px;
    color:var(--light-font);
    font-weight:500
}
.default-dashboard table tr th:last-child,.ecommerce-dashboard table tr th:last-child,.project-dashboard table tr th:last-child{
    text-align:center
}
.default-dashboard table tr td,.ecommerce-dashboard table tr td,.project-dashboard table tr td{
    font-weight:500
}
.default-dashboard table tr:last-child td,.ecommerce-dashboard table tr:last-child td,.project-dashboard table tr:last-child td{
    padding-bottom:0!important
}
.default-dashboard table tr th:first-child,.default-dashboard table tr td:first-child,.ecommerce-dashboard table tr th:first-child,.ecommerce-dashboard table tr td:first-child,.project-dashboard table tr th:first-child,.project-dashboard table tr td:first-child{
    padding-left:unset!important
}
.default-dashboard table tr th:last-child,.default-dashboard table tr td:last-child,.ecommerce-dashboard table tr th:last-child,.ecommerce-dashboard table tr td:last-child,.project-dashboard table tr th:last-child,.project-dashboard table tr td:last-child{
    padding-right:unset!important
}
.default-dashboard .datatable-wrapper,.ecommerce-dashboard .datatable-wrapper,.project-dashboard .datatable-wrapper{
    position:unset
}
.default-dashboard .datatable-wrapper .datatable-top,.ecommerce-dashboard .datatable-wrapper .datatable-top,.project-dashboard .datatable-wrapper .datatable-top{
    padding:0;
    position:absolute;
    top:14px;
    right:48px
}
.default-dashboard .datatable-wrapper .datatable-top input,.ecommerce-dashboard .datatable-wrapper .datatable-top input,.project-dashboard .datatable-wrapper .datatable-top input{
    padding:8px 12px;
    border:0;
    background-color:var(--light-color);
    outline:0
}
.default-dashboard .datatable-wrapper .datatable-top input:before,.ecommerce-dashboard .datatable-wrapper .datatable-top input:before,.project-dashboard .datatable-wrapper .datatable-top input:before{
    content:"f002"
}
@media (min-width: 992px) and (max-width: 1399.98px){
    .default-dashboard .datatable-wrapper .datatable-top input,.ecommerce-dashboard .datatable-wrapper .datatable-top input,.project-dashboard .datatable-wrapper .datatable-top input{
        display:none
    }
}
.default-dashboard .datatable-wrapper .datatable-bottom,.ecommerce-dashboard .datatable-wrapper .datatable-bottom,.project-dashboard .datatable-wrapper .datatable-bottom{
    padding:0;
    display:none
}
.default-dashboard .datatable-wrapper .datatable-sorter:before,.default-dashboard .datatable-wrapper .datatable-sorter:after,.ecommerce-dashboard .datatable-wrapper .datatable-sorter:before,.ecommerce-dashboard .datatable-wrapper .datatable-sorter:after,.project-dashboard .datatable-wrapper .datatable-sorter:before,.project-dashboard .datatable-wrapper .datatable-sorter:after{
    display:none
}
.default-dashboard .datatable-wrapper.no-footer .datatable-container,.ecommerce-dashboard .datatable-wrapper.no-footer .datatable-container,.project-dashboard .datatable-wrapper.no-footer .datatable-container{
    border-bottom:0;
    border-top:0
}
.default-dashboard .dropdown.icon-dropdown,.ecommerce-dashboard .dropdown.icon-dropdown,.project-dashboard .dropdown.icon-dropdown{
    position:absolute;
    right:19px;
    top:19px
}
.default-dashboard .dropdown.icon-dropdown .dropdown-toggle,.ecommerce-dashboard .dropdown.icon-dropdown .dropdown-toggle,.project-dashboard .dropdown.icon-dropdown .dropdown-toggle{
    border:none;
    background:transparent;
    color:#52526c;
    padding:0;
    width:auto
}
.default-dashboard .dropdown.icon-dropdown .dropdown-toggle i,.ecommerce-dashboard .dropdown.icon-dropdown .dropdown-toggle i,.project-dashboard .dropdown.icon-dropdown .dropdown-toggle i{
    color:var(--light-font)
}
.default-dashboard .dropdown.icon-dropdown .dropdown-toggle:after,.ecommerce-dashboard .dropdown.icon-dropdown .dropdown-toggle:after,.project-dashboard .dropdown.icon-dropdown .dropdown-toggle:after{
    display:none
}
.default-dashboard .dropdown.icon-dropdown .dropdown-menu .dropdown-item,.ecommerce-dashboard .dropdown.icon-dropdown .dropdown-menu .dropdown-item,.project-dashboard .dropdown.icon-dropdown .dropdown-menu .dropdown-item{
    line-height:1.5!important
}
.default-dashboard .dropdown.icon-dropdown .dropdown-menu.show,.ecommerce-dashboard .dropdown.icon-dropdown .dropdown-menu.show,.project-dashboard .dropdown.icon-dropdown .dropdown-menu.show{
    z-index:7!important
}
.default-dashboard .checkbox-solid-primary.checkbox input[type=checkbox]:checked+label:before,.ecommerce-dashboard .checkbox-solid-primary.checkbox input[type=checkbox]:checked+label:before,.project-dashboard .checkbox-solid-primary.checkbox input[type=checkbox]:checked+label:before{
    background-color:var(--theme-default);
    border-color:var(--theme-default);
    color:var(--white);
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    content:"";
    text-align:center;
    line-height:1.4
}
.default-dashboard .form-check-input:checked,.ecommerce-dashboard .form-check-input:checked,.project-dashboard .form-check-input:checked{
    background-color:var(--theme-default);
    border-color:var(--theme-default)
}
.default-dashboard .filled-checkbox .checkbox label,.ecommerce-dashboard .filled-checkbox .checkbox label,.project-dashboard .filled-checkbox .checkbox label{
    display:inline-block;
    position:relative;
    padding-left:16px;
    cursor:pointer;
    margin-top:10px;
    margin-bottom:10px;
    transition:border .15s ease-in-out,color .15s ease-in-out
}
.default-dashboard .task-card ul li .flex-shrink-0 .form-check,.ecommerce-dashboard .task-card ul li .flex-shrink-0 .form-check,.project-dashboard .task-card ul li .flex-shrink-0 .form-check{
    min-height:38px
}
.default-dashboard .task-card ul li .flex-shrink-0 .form-check .form-check-label:before,.ecommerce-dashboard .task-card ul li .flex-shrink-0 .form-check .form-check-label:before,.project-dashboard .task-card ul li .flex-shrink-0 .form-check .form-check-label:before{
    width:22px;
    height:22px;
    line-height:1.5
}
.default-dashboard .profile-greeting .card-body{
    background-image:url(/build/assets/bg-CsNeFIBM.png);
    background-repeat:no-repeat;
    background-position:center right;
    display:block;
    height:265px;
    padding:22px 24px
}
@media (min-width: 1200px) and (max-width: 1800px){
    .default-dashboard .profile-greeting .card-body{
        background-position:right -16% bottom 67%
    }
}
@media (min-width: 1200px) and (max-width: 1735px){
    .default-dashboard .profile-greeting .card-body{
        background-position:right -40% bottom 83%
    }
}
@media (min-width: 1200px) and (max-width: 1660px){
    .default-dashboard .profile-greeting .card-body{
        background-position:right -2% bottom 150%
    }
}
@media (min-width: 1200px) and (max-width: 1555px){
    .default-dashboard .profile-greeting .card-body{
        background-position:right -73% bottom 147%
    }
}
@media (min-width: 1200px) and (max-width: 1500px){
    .default-dashboard .profile-greeting .card-body{
        background-position:right -224% bottom 147%
    }
}
@media (min-width: 1450px) and (max-width: 1470px){
    .default-dashboard .profile-greeting .card-body{
        background-position:right -531% bottom 176%
    }
}
@media (min-width: 1200px) and (max-width: 1450px){
    .default-dashboard .profile-greeting .card-body{
        background-image:none!important;
        padding:15px!important
    }
}
@media (min-width: 1235px) and (max-width: 1399.98px){
    .default-dashboard .profile-greeting .card-body{
        height:248px
    }
}
@media (min-width: 576px) and (max-width: 1020px){
    .default-dashboard .profile-greeting .card-body{
        background-position:right -3% bottom 138%
    }
}
@media (min-width: 576px) and (max-width: 880px){
    .default-dashboard .profile-greeting .card-body{
        background-position:right -109% bottom 160%
    }
}
@media (min-width: 576px) and (max-width: 830px){
    .default-dashboard .profile-greeting .card-body{
        background-position:right -262% bottom 144%
    }
}
@media (min-width: 576px) and (max-width: 815px){
    .default-dashboard .profile-greeting .card-body{
        background-image:none!important;
        padding:15px!important
    }
}
@media (max-width: 767.98px){
    .default-dashboard .profile-greeting .card-body{
        height:250px
    }
}
@media (max-width: 500px){
    .default-dashboard .profile-greeting .card-body{
        background-position:right -38% bottom 98%
    }
}
@media (max-width: 470px){
    .default-dashboard .profile-greeting .card-body{
        background-position:right -61% bottom 135%
    }
}
@media (max-width: 420px){
    .default-dashboard .profile-greeting .card-body{
        background-image:none!important;
        padding:15px!important
    }
}
@media (min-width: 1200px) and (max-width: 1450px){
    .default-dashboard .profile-greeting .card-body .img-overlay{
        text-align:center;
        background-color:#43b9b240;
        height:100%;
        padding:20px 11px!important;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:space-evenly
    }
}
@media (min-width: 576px) and (max-width: 815px){
    .default-dashboard .profile-greeting .card-body .img-overlay{
        text-align:center;
        background-color:#43b9b240;
        height:100%;
        padding:20px 11px!important;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:space-evenly
    }
}
@media (max-width: 420px){
    .default-dashboard .profile-greeting .card-body .img-overlay{
        text-align:center;
        background-color:#43b9b240;
        height:100%;
        padding:20px 11px!important;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:space-evenly
    }
}
.default-dashboard .profile-greeting h1,.default-dashboard .profile-greeting .h1{
    margin-bottom:8px;
    -webkit-text-fill-color:transparent;
    background:-o-linear-gradient(transparent,transparent);
    -webkit-background-clip:text;
    background-image:-webkit-linear-gradient(transparent,transparent),url(/build/assets/1-Bfyj1kBK.gif);
    background-position:left;
    background-size:130%;
    filter:opacity(86%)
}
[data-theme=dark] .default-dashboard .profile-greeting h1,[data-theme=dark] .default-dashboard .profile-greeting .h1{
    filter:brightness(.5) invert(1)
}
@media (min-width: 1200px) and (max-width: 1450px){
    .default-dashboard .profile-greeting h1,.default-dashboard .profile-greeting .h1{
        font-size:25px!important
    }
}
@media (min-width: 576px) and (max-width: 815px){
    .default-dashboard .profile-greeting h1,.default-dashboard .profile-greeting .h1{
        font-size:25px!important
    }
}
.default-dashboard .profile-greeting p{
    width:220px;
    font-size:16px;
    margin-bottom:0;
    color:var(--light-font)
}
@media (min-width: 1200px) and (max-width: 1450px){
    .default-dashboard .profile-greeting p{
        width:unset!important;
        line-height:1.3;
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (min-width: 576px) and (max-width: 815px){
    .default-dashboard .profile-greeting p{
        width:unset!important;
        line-height:1.3;
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (max-width: 420px){
    .default-dashboard .profile-greeting p{
        width:unset!important;
        line-height:1.3;
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.default-dashboard .profile-greeting .btn{
    margin-top:60px;
    padding:10px 20px
}
@media (min-width: 1200px) and (max-width: 1520px){
    .default-dashboard .profile-greeting .btn{
        margin-top:55px
    }
}
@media (min-width: 1200px) and (max-width: 1450px){
    .default-dashboard .profile-greeting .btn{
        margin-top:5px
    }
}
@media (max-width: 815px){
    .default-dashboard .profile-greeting .btn{
        margin-top:7px
    }
}
@media (max-width: 575px){
    .default-dashboard .profile-greeting .btn{
        margin-top:50px
    }
}
@media (max-width: 420px){
    .default-dashboard .profile-greeting .btn{
        margin-top:0
    }
}
@media (min-width: 1200px) and (max-width: 1400px){
    .default-dashboard .project-card .card-header .dropdown{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .default-dashboard .project-card .card-body .custom-width{
        width:100%!important
    }
}
@media (min-width: 576px) and (max-width: 767.98px){
    .default-dashboard .project-card .card-body .custom-width{
        width:100%!important
    }
}
.default-dashboard .project-card .card-body .progress{
    height:9px;
    border-radius:2px
}
.default-dashboard .project-card .card-body .progress+.progress{
    margin-top:22px
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .default-dashboard .project-card .card-body .overview-details{
        display:none
    }
}
.default-dashboard .project-card .card-body .overview-details li+li{
    margin-top:8px
}
@media (min-width: 1200px) and (max-width: 1880px){
    .default-dashboard .project-card .card-body .overview-details li+li{
        margin-top:5px
    }
}
.default-dashboard .project-card .card-body .overview-details li .activity-dot{
    width:16px;
    height:16px;
    border-radius:10px;
    border:var(--light-border);
    display:flex;
    align-items:center;
    justify-content:center
}
.default-dashboard .project-card .card-body .overview-details li .activity-dot span{
    width:8px;
    height:8px;
    background-color:var(--theme-default);
    border-radius:10px
}
.default-dashboard .project-card .card-body .overview-details li h5,.default-dashboard .project-card .card-body .overview-details li .h5{
    margin-left:12px
}
@media (max-width: 1880px){
    .default-dashboard .project-card .card-body .overview-details li h5,.default-dashboard .project-card .card-body .overview-details li .h5{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (min-width: 1400px) and (max-width: 1800px){
    .default-dashboard .project-card .card-body .overview-details li h5,.default-dashboard .project-card .card-body .overview-details li .h5{
        width:100px
    }
}
.default-dashboard .project-card .card-body h4,.default-dashboard .project-card .card-body .h4{
    margin-bottom:16px
}
.default-dashboard .project-card .card-body h4 span,.default-dashboard .project-card .card-body .h4 span{
    color:var(--light-font)
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .default-dashboard .project-card .card-body h4,.default-dashboard .project-card .card-body .h4{
        font-size:18px!important
    }
}
.default-dashboard .project-card .card-body .dropdown-menu.dropdown-block{
    width:100%;
    text-align:center
}
.default-dashboard .project-card .view-btn{
    color:var(--body-font-color);
    font-weight:500;
    padding:10px 12px;
    margin-top:20px;
    box-shadow:none!important;
    border:none!important
}
.default-dashboard .project-card .view-btn:active{
    border:0
}
@media (min-width: 1200px) and (max-width: 1880px){
    .default-dashboard .project-card .view-btn{
        margin-top:25px
    }
}
@media (min-width: 1200px) and (max-width: 1235px){
    .default-dashboard .project-card .view-btn{
        margin-top:17px
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .default-dashboard .project-card .view-btn{
        padding:6px 12px
    }
}
.default-dashboard .project-card .view-btn .feather{
    width:16px;
    height:16px;
    stroke:var(--light-font)
}
[data-theme=dark] .default-dashboard .project-card .view-btn.btn-light{
    background-color:var(--body-color);
    border-color:var(--body-color)
}
@media (min-width: 1200px) and (max-width: 1460px){
    .default-dashboard .visit-card .card-header h4,.default-dashboard .visit-card .card-header .h4{
        font-size:17px!important
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    .default-dashboard .visit-card .card-header h4,.default-dashboard .visit-card .card-header .h4{
        font-size:14px!important
    }
}
@media (min-width: 1200px) and (max-width: 1500px){
    .default-dashboard .visit-card .card-body{
        padding:18px 10px
    }
}
@media (min-width: 1200px) and (max-width: 1588px){
    .default-dashboard .visit-card .dropdown{
        display:none
    }
}
@media (max-width: 420px){
    .default-dashboard .visit-card .dropdown{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1460px){
    .default-dashboard .visit-card .total-earn h4,.default-dashboard .visit-card .total-earn .h4{
        display:none!important
    }
}
@media (max-width: 370px){
    .default-dashboard .visit-card .total-earn h4,.default-dashboard .visit-card .total-earn .h4{
        display:none!important
    }
}
.default-dashboard .visit-card .total-earn p{
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box!important;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    white-space:normal
}
@media (min-width: 1200px) and (max-width: 1440px){
    .default-dashboard .visit-card .total-earn p{
        display:none!important
    }
}
@media (min-width: 1200px) and (max-width: 1460px){
    .default-dashboard .visit-card .total-earn p{
        display:none!important
    }
}
@media (max-width: 500px){
    .default-dashboard .visit-card .total-earn p{
        display:none!important
    }
}
.default-dashboard .visit-card .visit-chart{
    margin:0 -12px -18px
}
@media (min-width: 1200px) and (max-width: 1480px){
    .default-dashboard .visit-card .visit-chart{
        margin:-19px -12px -17px
    }
}
@media (max-width: 500px){
    .default-dashboard .visit-card .visit-chart{
        margin:-16px -12px -17px
    }
}
.default-dashboard .visit-card .badge{
    padding:5px 12px;
    font-size:11px
}
@media (min-width: 1200px) and (max-width: 1710px){
    .default-dashboard .visit-card .badge{
        padding:5px
    }
}
@media (min-width: 1200px) and (max-width: 1480px){
    .default-dashboard .visit-card .badge{
        padding:5px 20px
    }
}
@media (max-width: 500px){
    .default-dashboard .visit-card .badge{
        padding:5px 20px
    }
}
.default-dashboard .visit-card .badge svg{
    padding-top:2px;
    vertical-align:-4px
}
.default-dashboard .visit-card ul li{
    position:relative
}
@media (min-width: 1200px) and (max-width: 1480px){
    .default-dashboard .visit-card ul li{
        width:100%;
        text-align:center
    }
}
@media (max-width: 500px){
    .default-dashboard .visit-card ul li{
        width:100%;
        text-align:center
    }
}
@media (min-width: 1200px) and (max-width: 1480px){
    .default-dashboard .visit-card ul li+li{
        display:none!important
    }
}
@media (max-width: 500px){
    .default-dashboard .visit-card ul li+li{
        display:none!important
    }
}
.default-dashboard .visit-card ul li+li:before{
    position:absolute;
    content:"";
    left:-20px;
    top:50%;
    height:72px;
    transform:translateY(-50%);
    border:var(--light-border)
}
@media (min-width: 1200px) and (max-width: 1870px){
    .default-dashboard .visit-card ul li+li:before{
        left:-13px
    }
}
@media (min-width: 1200px) and (max-width: 1780px){
    .default-dashboard .visit-card ul li+li:before{
        left:-5px
    }
}
@media (min-width: 1200px) and (max-width: 1710px){
    .default-dashboard .visit-card ul li+li:before{
        left:-18px
    }
}
@media (min-width: 1200px) and (max-width: 1640px){
    .default-dashboard .visit-card ul li+li:before{
        left:-7px
    }
}
@media (min-width: 1200px) and (max-width: 1600px){
    .default-dashboard .visit-card ul li+li:before{
        left:-9px
    }
}
@media (min-width: 1200px) and (max-width: 1560px){
    .default-dashboard .visit-card ul li+li:before{
        left:-6px
    }
}
@media (min-width: 1200px) and (max-width: 1535px){
    .default-dashboard .visit-card ul li+li:before{
        left:-4px
    }
}
@media (min-width: 1200px) and (max-width: 1500px){
    .default-dashboard .visit-card ul li+li:before{
        left:-9px
    }
}
@media (max-width: 1199.98px){
    .default-dashboard .visit-card ul li+li:before{
        left:-42px
    }
}
@media (max-width: 1100px){
    .default-dashboard .visit-card ul li+li:before{
        left:-32px
    }
}
@media (max-width: 991.98px){
    .default-dashboard .visit-card ul li+li:before{
        left:-45px
    }
}
@media (max-width: 950px){
    .default-dashboard .visit-card ul li+li:before{
        left:-35px
    }
}
@media (max-width: 815px){
    .default-dashboard .visit-card ul li+li:before{
        left:-23px
    }
}
@media (max-width: 660px){
    .default-dashboard .visit-card ul li+li:before{
        left:-12px
    }
}
@media (max-width: 1530px){
    .default-dashboard .summary-card .custom-width-1{
        width:70%
    }
}
@media (max-width: 1400px) and (min-width: 1200px){
    .default-dashboard .summary-card .custom-width-1{
        width:100%
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .default-dashboard .summary-card .custom-width-1{
        width:100%
    }
}
@media (max-width: 500px){
    .default-dashboard .summary-card .custom-width-1{
        width:100%
    }
}
@media (max-width: 1530px){
    .default-dashboard .summary-card .custom-width-2{
        width:30%
    }
}
@media (max-width: 1400px) and (min-width: 1200px){
    .default-dashboard .summary-card .custom-width-2{
        display:none
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .default-dashboard .summary-card .custom-width-2{
        display:none
    }
}
@media (max-width: 500px){
    .default-dashboard .summary-card .custom-width-2{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1600px){
    .default-dashboard .summary-card .custom-width-2 h5,.default-dashboard .summary-card .custom-width-2 .h5{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.default-dashboard .summary-card [class*=col-]>h5,.default-dashboard .summary-card [class*=col-]>.h5{
    margin-bottom:24px
}
.default-dashboard .summary-card .project-cost{
    border-right:var(--light-border)
}
@media (max-width: 1880px){
    .default-dashboard .summary-card .project-cost{
        margin-right:-15px
    }
}
@media (min-width: 1200px) and (max-width: 1420px){
    .default-dashboard .summary-card .project-cost{
        margin-right:-22px
    }
}
@media (max-width: 1400px) and (min-width: 1200px){
    .default-dashboard .summary-card .project-cost{
        border-right:0;
        text-align:center;
        margin-right:0!important
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .default-dashboard .summary-card .project-cost{
        border-right:0;
        text-align:center;
        margin-right:0!important
    }
}
@media (max-width: 767.98px){
    .default-dashboard .summary-card .project-cost{
        margin-right:-9px
    }
}
@media (max-width: 500px){
    .default-dashboard .summary-card .project-cost{
        border-right:0;
        text-align:center;
        margin-right:0!important
    }
}
.default-dashboard .summary-card .project-cost span svg{
    vertical-align:-3px;
    transform:rotate(-45deg)
}
.default-dashboard .summary-card .project-cost ul li{
    width:106px
}
@media (min-width: 1200px) and (max-width: 1800px){
    .default-dashboard .summary-card .project-cost ul li{
        width:95px
    }
}
@media (min-width: 1200px) and (max-width: 1660px){
    .default-dashboard .summary-card .project-cost ul li{
        width:88px
    }
}
@media (min-width: 1200px) and (max-width: 1470px){
    .default-dashboard .summary-card .project-cost ul li{
        width:81px
    }
}
@media (max-width: 1400px) and (min-width: 1200px){
    .default-dashboard .summary-card .project-cost ul li{
        width:95px
    }
}
.default-dashboard .summary-card ul.d-flex{
    margin:24px 0 14px;
    gap:26px
}
@media (max-width: 1600px){
    .default-dashboard .summary-card ul.d-flex{
        gap:16px
    }
}
@media (max-width: 1400px) and (min-width: 1200px){
    .default-dashboard .summary-card ul.d-flex{
        align-items:center;
        justify-content:center
    }
}
@media (max-width: 991.98px){
    .default-dashboard .summary-card ul.d-flex{
        align-items:center;
        justify-content:center
    }
}
.default-dashboard .summary-card ul.d-flex li>.d-flex{
    padding:12px 16px;
    align-items:center;
    text-align:center;
    border-radius:4px
}
@media (max-width: 1199.98px){
    .default-dashboard .summary-card ul.d-flex li>.d-flex{
        padding:12px 2px
    }
}
.default-dashboard .summary-card ul.d-flex li>.d-flex .flex-shrink-0{
    width:42px;
    height:40px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media (max-width: 1400px) and (min-width: 1200px){
    .default-dashboard .summary-card ul.d-flex li>.d-flex .flex-shrink-0{
        width:34px;
        height:34px
    }
}
.default-dashboard .summary-card ul.d-flex li>.d-flex .flex-grow-1{
    margin-top:10px
}
.default-dashboard .summary-card ul.d-flex li>.d-flex .flex-grow-1 h6,.default-dashboard .summary-card ul.d-flex li>.d-flex .flex-grow-1 .h6{
    margin-bottom:6px
}
.default-dashboard .summary-card ul.d-flex li>.d-flex.light{
    border:2px solid var(--light-color);
    box-shadow:0 3px 18px 0 var(--light-color)
}
@media (max-width: 1400px) and (min-width: 1200px){
    .default-dashboard .summary-card .task-bottom{
        justify-content:center
    }
}
@media (max-width: 991.98px){
    .default-dashboard .summary-card .task-bottom{
        justify-content:center
    }
}
@media (max-width: 1800px){
    .default-dashboard .summary-card .task-bottom h5,.default-dashboard .summary-card .task-bottom .h5{
        font-size:14px;
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.default-dashboard .summary-card .task-bottom .badge{
    padding:5px 2px;
    border-radius:0
}
@media (max-width: 1750px){
    .default-dashboard .summary-card .task-bottom .badge{
        display:none
    }
}
@media (max-width: 1199.98px){
    .default-dashboard .summary-card .team-member h5,.default-dashboard .summary-card .team-member .h5{
        font-size:14px;
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (min-width: 1200px) and (max-width: 1578px){
    .default-dashboard .summary-card .team-member .customers ul li:nth-child(3) img{
        display:none
    }
}
@media (max-width: 1530px){
    .default-dashboard .summary-card .team-member .customers ul li:nth-child(2) img{
        display:none
    }
}
@media (max-width: 1530px){
    .default-dashboard .summary-card .team-member .customers ul li:nth-child(3) img{
        display:none
    }
}
.default-dashboard .summary-card .team-member .d-flex{
    padding:12px 18px;
    margin-top:26px;
    text-align:center;
    align-items:center
}
@media (min-width: 1200px) and (max-width: 1530px){
    .default-dashboard .summary-card .team-member .d-flex{
        margin-top:10px;
        padding:0 18px
    }
}
@media (max-width: 1199.98px){
    .default-dashboard .summary-card .team-member .d-flex{
        padding:3px 18px
    }
}
@media (max-width: 1530px){
    .default-dashboard .summary-card .team-member .d-flex .flex-grow-1{
        display:none
    }
}
.default-dashboard .summary-card .team-member .team-chart{
    margin:-20px 0 0;
    min-height:64px!important
}
@media (min-width: 1200px) and (max-width: 1530px){
    .default-dashboard .summary-card .team-member .team-chart{
        margin:-6px -11px;
        min-height:0!important
    }
}
@media (max-width: 1199.98px){
    .default-dashboard .summary-card .team-member .team-chart{
        margin:-6px -11px
    }
}
.default-dashboard .notification-card .d-flex{
    align-items:center;
    padding:15px 16px
}
@media (min-width: 768px) and (max-width: 1199.98px){
    .default-dashboard .notification-card .d-flex{
        padding:12px 16px!important
    }
}
@media (min-width: 1200px) and (max-width: 1600px){
    .default-dashboard .notification-card .d-flex{
        padding:13px 16px
    }
}
@media (min-width: 1200px) and (max-width: 1400px){
    .default-dashboard .notification-card .d-flex{
        padding:19px 16px
    }
}
.default-dashboard .notification-card .d-flex+.d-flex{
    border-top:var(--light-border)
}
@media (min-width: 1200px) and (max-width: 1460px){
    .default-dashboard .notification-card .d-flex:nth-child(2){
        display:none!important
    }
}
@media (min-width: 768px) and (max-width: 1199.98px){
    .default-dashboard .notification-card .d-flex:nth-child(4){
        display:none!important
    }
}
@media (min-width: 1200px) and (max-width: 1400px){
    .default-dashboard .notification-card .d-flex .flex-shrink-0{
        display:none!important
    }
}
.default-dashboard .notification-card .d-flex .flex-shrink-0 span{
    width:42px;
    height:42px;
    font-size:14px;
    font-weight:500;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center
}
.default-dashboard .notification-card .d-flex .flex-grow-1 h6,.default-dashboard .notification-card .d-flex .flex-grow-1 .h6{
    font-weight:500
}
.default-dashboard .notification-card .d-flex .flex-grow-1 h6:hover,.default-dashboard .notification-card .d-flex .flex-grow-1 .h6:hover{
    color:var(--theme-default)
}
@media (max-width: 1880px){
    .default-dashboard .notification-card .d-flex .flex-grow-1 h6,.default-dashboard .notification-card .d-flex .flex-grow-1 .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.default-dashboard .notification-card .d-flex .flex-grow-1 span{
    font-size:13px;
    color:var(--light-font)
}
@media (max-width: 1880px){
    .default-dashboard .notification-card .d-flex .flex-grow-1 span{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (min-width: 1200px) and (max-width: 1600px){
    .default-dashboard .notification-card .d-flex .flex-grow-1 .d-flex button{
        padding:4px 10px
    }
}
.default-dashboard .notification-card .d-flex:nth-child(3){
    padding:20px 16px
}
@media (min-width: 576px) and (max-width: 767.98px){
    .default-dashboard .notification-card .d-flex:nth-child(3){
        display:none!important
    }
}
.default-dashboard .notification-card .d-flex .btn-outline-dark{
    border-color:var(--light-font)!important;
    color:var(--light-font)!important
}
@media (max-width: 1300px) and (min-width: 1200px){
    .default-dashboard .schedule-card .dropdown{
        display:none
    }
}
@media (max-width: 1300px) and (min-width: 1200px){
    .default-dashboard .schedule-card .monthly-time{
        display:none!important
    }
}
.default-dashboard .schedule-card .schedule-wrapper{
    justify-content:space-between;
    margin-bottom:20px;
    border:0
}
@media (max-width: 575.98px){
    .default-dashboard .schedule-card .schedule-wrapper{
        display:flex!important
    }
}
.default-dashboard .schedule-card .schedule-wrapper li a{
    padding:10px 14px;
    border:0;
    border-radius:5px;
    background-color:var(--light-color)
}
@media (min-width: 1200px) and (max-width: 1800px){
    .default-dashboard .schedule-card .schedule-wrapper li a{
        padding:10px
    }
}
.default-dashboard .schedule-card .schedule-wrapper li a span{
    font-size:13px;
    color:var(--light-font)
}
.default-dashboard .schedule-card .schedule-wrapper li a h6,.default-dashboard .schedule-card .schedule-wrapper li a .h6{
    color:var(--body-font-color);
    font-weight:600
}
.default-dashboard .schedule-card .schedule-wrapper li a.active{
    background-color:var(--theme-default)
}
.default-dashboard .schedule-card .schedule-wrapper li a.active span,.default-dashboard .schedule-card .schedule-wrapper li a.active h6,.default-dashboard .schedule-card .schedule-wrapper li a.active .h6{
    color:var(--white)
}
@media (min-width: 1200px) and (max-width: 1300px){
    .default-dashboard .schedule-card .schedule-wrapper li:nth-child(4){
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1500px){
    .default-dashboard .schedule-card .schedule-wrapper li:nth-child(5){
        display:none
    }
}
@media (min-width: 576px) and (max-width: 767.98px){
    .default-dashboard .schedule-card .schedule-wrapper li:nth-child(5){
        display:none
    }
}
@media (max-width: 380px){
    .default-dashboard .schedule-card .schedule-wrapper li:nth-child(5){
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1600px){
    .default-dashboard .schedule-card .schedule-wrapper li:nth-child(6){
        display:none
    }
}
@media (min-width: 576px) and (max-width: 767.98px){
    .default-dashboard .schedule-card .schedule-wrapper li:nth-child(6){
        display:none
    }
}
@media (max-width: 380px){
    .default-dashboard .schedule-card .schedule-wrapper li:nth-child(6){
        display:none
    }
}
.default-dashboard .schedule-card ul.activity-update li{
    border-width:2px!important
}
.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1{
    margin-left:14px
}
@media (min-width: 1200px) and (max-width: 1300px){
    .default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1{
        margin-left:9px
    }
}
[dir=rtl] .default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1{
    margin-right:14px;
    margin-left:unset
}
.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1>span{
    font-size:13px;
    color:var(--light-font)
}
@media (max-width: 1300px) and (min-width: 1200px){
    .default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1>span{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (min-width: 1200px) and (max-width: 1460px){
    .default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1>span{
        display:none!important
    }
}
.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 h5,.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h5{
    font-size:14px;
    margin-bottom:4px
}
@media (max-width: 1600px){
    .default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 h5,.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h5{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 h6,.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h6{
    font-size:13px;
    color:var(--theme-default)
}
@media (min-width: 1200px) and (max-width: 1300px){
    .default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 h6,.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (max-width: 767.98px){
    .default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 h6,.default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h6{
        display:none!important
    }
}
.default-dashboard .schedule-card ul.activity-update li+li{
    margin-top:16px
}
@media (max-width: 1660px){
    .default-dashboard .schedule-card ul.activity-update li+li{
        margin-top:15px
    }
}
.default-dashboard .invoice-card{
    position:relative
}
.default-dashboard .invoice-card .datatable-table th a{
    font-size:15px;
    line-height:1;
    color:var(--light-font)
}
.default-dashboard .invoice-card .datatable-wrapper{
    position:unset
}
.default-dashboard .invoice-card .datatable-wrapper .datatable-top{
    padding:0;
    position:absolute;
    top:14px;
    right:48px
}
.default-dashboard .invoice-card .datatable-wrapper .datatable-top input{
    padding:8px 12px;
    border:0;
    background-color:var(--light-color);
    outline:0
}
.default-dashboard .invoice-card .datatable-wrapper .datatable-top input:before{
    content:"f002"
}
.default-dashboard .invoice-card .datatable-wrapper .datatable-bottom{
    padding:0;
    display:none
}
.default-dashboard .invoice-card .datatable-wrapper .datatable-sorter:before,.default-dashboard .invoice-card .datatable-wrapper .datatable-sorter:after{
    display:none
}
.default-dashboard .invoice-card .datatable-wrapper.no-footer .datatable-container{
    border-bottom:0;
    border-top:0
}
.default-dashboard .invoice-card .datatable-wrapper table tr th{
    color:var(--light-font);
    font-weight:500
}
.default-dashboard .invoice-card .datatable-wrapper table tr td,.default-dashboard .invoice-card .datatable-wrapper table tr th{
    border-bottom:var(--light-border);
    vertical-align:middle;
    padding:8px 10px!important
}
@media (min-width: 1200px) and (max-width: 1216px){
    .default-dashboard .invoice-card .datatable-wrapper table tr td,.default-dashboard .invoice-card .datatable-wrapper table tr th{
        padding:5px 3px!important
    }
}
@media (max-width: 1199.98px){
    .default-dashboard .invoice-card .datatable-wrapper table tr td,.default-dashboard .invoice-card .datatable-wrapper table tr th{
        padding:7px 10px!important
    }
}
@media (min-width: 1200px) and (max-width: 1880px){
    .default-dashboard .invoice-card .datatable-wrapper table tr td:nth-child(5),.default-dashboard .invoice-card .datatable-wrapper table tr th:nth-child(5){
        display:none
    }
}
.default-dashboard .invoice-card .datatable-wrapper table tbody tr td button{
    font-size:13px;
    font-weight:500
}
.default-dashboard .invoice-card .datatable-wrapper table tbody tr td img{
    width:42px;
    height:42px
}
.default-dashboard .invoice-card .datatable-wrapper table tbody tr td:nth-child(2){
    color:var(--light-font)
}
.default-dashboard .invoice-card .datatable-wrapper table tbody tr td:nth-child(5){
    color:var(--light-font)
}
@media (min-width: 1200px) and (max-width: 1880px){
    .default-dashboard .invoice-card .datatable-wrapper table tbody tr:nth-child(5){
        display:none
    }
}
.default-dashboard .invoice-card .datatable-wrapper table tbody tr:last-child td{
    border-bottom:0
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .default-dashboard .invoice-card .datatable-wrapper table tbody tr:last-child td{
        padding-bottom:0!important
    }
}
.default-dashboard .monthly-overview{
    font-family:Outfit,sans-serif
}
@media (min-width: 1200px) and (max-width: 1880px){
    .default-dashboard .course-table table tr th:nth-child(3){
        display:none
    }
}
@media (max-width: 1140px){
    .default-dashboard .course-table table tr th:nth-child(3){
        min-width:115px
    }
}
@media (min-width: 1200px) and (max-width: 1477px){
    .default-dashboard .course-table table tr th:nth-child(2){
        display:none
    }
}
.default-dashboard .course-table table tr td{
    padding:17px 9px
}
.default-dashboard .course-table table tr td h6:hover,.default-dashboard .course-table table tr td .h6:hover{
    color:var(--theme-default);
    transition:.5s all
}
@media (max-width: 1199.98px){
    .default-dashboard .course-table table tr td{
        padding:5px 9px
    }
}
@media (min-width: 1200px) and (max-width: 1460px){
    .default-dashboard .course-table table tr td{
        padding:8px 12px
    }
}
@media (min-width: 1200px) and (max-width: 1320px){
    .default-dashboard .course-table table tr td{
        padding:8px 3px
    }
}
@media (min-width: 1200px) and (max-width: 1880px){
    .default-dashboard .course-table table tr td:nth-child(3){
        display:none
    }
}
@media (max-width: 1140px){
    .default-dashboard .course-table table tr td:nth-child(3){
        min-width:115px
    }
}
@media (min-width: 1200px) and (max-width: 1477px){
    .default-dashboard .course-table table tr td:nth-child(2){
        display:none
    }
}
@media (max-width: 1880px){
    .default-dashboard .course-table table tr td .flex-grow-1 h6,.default-dashboard .course-table table tr td .flex-grow-1 .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (min-width: 1200px) and (max-width: 1320px){
    .default-dashboard .course-table table tr td button{
        padding:5px 7px!important
    }
}
.default-dashboard .invoice-table{
    margin-top:0;
    margin-bottom:0
}
@media (max-width: 460px){
    .default-dashboard .invoice-table .datatable-search{
        display:none!important
    }
}
@media (min-width: 1200px) and (max-width: 1500px){
    .default-dashboard .invoice-table table tr th:first-child{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1400px){
    .default-dashboard .invoice-table table tr th:nth-child(2){
        display:none
    }
}
@media (max-width: 1199.98px){
    .default-dashboard .invoice-table table tr th:nth-child(2){
        min-width:100px
    }
}
@media (min-width: 1200px) and (max-width: 1800px){
    .default-dashboard .invoice-table table tr th:nth-child(5){
        display:none
    }
}
@media (max-width: 1199.98px){
    .default-dashboard .invoice-table table tr th:nth-child(5){
        min-width:130px
    }
}
@media (min-width: 1200px) and (max-width: 1636px){
    .default-dashboard .invoice-table table tr th:nth-child(4){
        display:none
    }
}
@media (max-width: 1199.98px){
    .default-dashboard .invoice-table table tr th:nth-child(4){
        min-width:100px
    }
}
.default-dashboard .invoice-table table tr td{
    padding:17px 12px
}
.default-dashboard .invoice-table table tr td h6:hover,.default-dashboard .invoice-table table tr td .h6:hover{
    color:var(--theme-default);
    transition:.5s all
}
@media (min-width: 1200px) and (max-width: 1500px){
    .default-dashboard .invoice-table table tr td:first-child{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1400px){
    .default-dashboard .invoice-table table tr td:nth-child(2){
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1800px){
    .default-dashboard .invoice-table table tr td:nth-child(5){
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1636px){
    .default-dashboard .invoice-table table tr td:nth-child(4){
        display:none
    }
}
.default-dashboard .task-card ul li{
    align-items:center
}
.default-dashboard .task-card ul li h5:hover,.default-dashboard .task-card ul li .h5:hover{
    color:var(--theme-default);
    transition:.5s all
}
.default-dashboard .task-card ul li+li{
    margin-top:18px
}
@media (min-width: 1200px) and (max-width: 1800px){
    .default-dashboard .task-card ul li+li{
        margin-top:20px
    }
}
@media (min-width: 1200px) and (max-width: 1750px){
    .default-dashboard .task-card ul li+li{
        margin-top:23px
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .default-dashboard .task-card ul li+li{
        margin-top:21px
    }
}
@media (min-width: 1200px) and (max-width: 1216px){
    .default-dashboard .task-card ul li+li{
        margin-top:15px
    }
}
.default-dashboard .task-card ul li.d-flex .flex-shrink-0 input{
    margin-bottom:12px
}
@media (min-width: 1200px) and (max-width: 1750px){
    .default-dashboard .task-card ul li.d-flex .flex-grow-1 h5,.default-dashboard .task-card ul li.d-flex .flex-grow-1 .h5{
        font-size:14px
    }
}
@media (max-width: 1600px){
    .default-dashboard .task-card ul li.d-flex .flex-grow-1 h5,.default-dashboard .task-card ul li.d-flex .flex-grow-1 .h5{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal;
        width:140px
    }
}
@media (min-width: 1200px) and (max-width: 1430px){
    .default-dashboard .task-card ul li.d-flex .flex-grow-1 h5,.default-dashboard .task-card ul li.d-flex .flex-grow-1 .h5{
        width:100px
    }
}
.default-dashboard .task-card ul li.d-flex .flex-grow-1 h6,.default-dashboard .task-card ul li.d-flex .flex-grow-1 .h6{
    color:var(--light-font);
    line-height:1.3
}
@media (min-width: 1200px) and (max-width: 1800px){
    .default-dashboard .task-card ul li.d-flex .flex-grow-1 h6,.default-dashboard .task-card ul li.d-flex .flex-grow-1 .h6{
        font-size:13px
    }
}
@media (max-width: 1880px){
    .default-dashboard .task-card ul li.d-flex .flex-grow-1 h6,.default-dashboard .task-card ul li.d-flex .flex-grow-1 .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal;
        width:140px
    }
}
@media (min-width: 1200px) and (max-width: 1430px){
    .default-dashboard .task-card ul li.d-flex .flex-grow-1 h6,.default-dashboard .task-card ul li.d-flex .flex-grow-1 .h6{
        width:100px
    }
}
.default-dashboard .task-card ul li.d-flex .dropdown.task-dropdown .dropdown-toggle{
    border:none;
    background:transparent;
    color:#52526c;
    padding:0;
    width:auto
}
.default-dashboard .task-card ul li.d-flex .dropdown.task-dropdown .dropdown-toggle .feather{
    width:31px;
    height:20px;
    background-color:var(--light-color);
    stroke:var(--light-font);
    cursor:pointer
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .default-dashboard .task-card ul li.d-flex .dropdown.task-dropdown .dropdown-toggle .feather{
        display:none!important
    }
}
.default-dashboard .task-card ul li.d-flex .dropdown.task-dropdown .dropdown-toggle:after{
    display:none
}
@media (min-width: 1200px) and (max-width: 1700px){
    .default-dashboard .monthly-overview{
        margin:23px 0 -28px
    }
}
@media (max-width: 1199.98px){
    .default-dashboard .monthly-overview{
        margin:27px 0 -36px
    }
}
@media (min-width: 1200px) and (max-width: 1880px){
    .default-dashboard .investing-card .investing{
        margin:23px 0 -23px
    }
}
@media (min-width: 1200px) and (max-width: 1700px){
    .default-dashboard .investing-card .investing{
        margin:23px 0 -28px
    }
}
.default-dashboard .client-card .card-body{
    padding:17px 14px
}
.default-dashboard .client-card .card-body .row{
    align-items:center
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .default-dashboard .client-card .card-body .row .custom-width-1{
        display:none!important
    }
}
@media (max-width: 380px){
    .default-dashboard .client-card .card-body .row .custom-width-1{
        display:none!important
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .default-dashboard .client-card .card-body .row .custom-width-2{
        width:100%!important
    }
}
@media (max-width: 380px){
    .default-dashboard .client-card .card-body .row .custom-width-2{
        width:100%!important
    }
}
.default-dashboard .client-card h3,.default-dashboard .client-card .h3{
    margin-bottom:4px
}
.default-dashboard .client-card h5,.default-dashboard .client-card .h5{
    color:var(--body-font-color);
    font-weight:500;
    margin-bottom:10px
}
@media (max-width: 1700px){
    .default-dashboard .client-card h5,.default-dashboard .client-card .h5{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .default-dashboard .invest-card .card-header .dropdown{
        display:none
    }
}
.default-dashboard .invest-card .card-body ul{
    padding:12px 18px 18px;
    display:flex;
    align-items:center;
    text-align:center
}
@media (min-width: 1200px) and (max-width: 1880px){
    .default-dashboard .invest-card .card-body ul{
        padding:14px 18px 18px
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .default-dashboard .invest-card .card-body ul{
        display:none
    }
}
.default-dashboard .invest-card .card-body ul li{
    display:inline-block;
    width:100%
}
.default-dashboard .invest-card .card-body ul li+li{
    border-left:var(--light-border)
}
.default-dashboard .invest-card .card-body ul li h5,.default-dashboard .invest-card .card-body ul li .h5{
    color:var(--gray-60);
    margin-bottom:5px;
    font-weight:500
}
.default-dashboard .invest-card .card-body ul li h6,.default-dashboard .invest-card .card-body ul li .h6{
    font-size:14px;
    font-weight:600;
    color:var(--body-font-color)
}
.default-dashboard .invest-card .apexcharts-tooltip .apexcharts-tooltip-text-y-label,.default-dashboard .invest-card .apexcharts-tooltip .apexcharts-tooltip-z-group,.default-dashboard .invest-card .apexcharts-tooltip .apexcharts-tooltip-goals-group{
    display:none
}
@media (min-width: 1200px){
    .default-dashboard .custom-margin{
        margin-top:-85px
    }
}
@media (min-width: 1200px) and (max-width: 1700px){
    .default-dashboard .custom-margin{
        margin-top:-80px
    }
}
@media (min-width: 1200px) and (max-width: 1600px){
    .default-dashboard .custom-margin{
        margin-top:-62px
    }
}
.card-hover:hover{
    transform:translateY(-5px);
    transition:.5s
}
.ecommerce-dashboard .sale-progress ul li{
    padding:13px 20px;
    border-radius:5px;
    position:relative;
    align-items:center
}
@media (min-width: 1200px) and (max-width: 1559.98px){
    .ecommerce-dashboard .sale-progress ul li{
        gap:10px!important
    }
}
.ecommerce-dashboard .sale-progress ul li .flex-shrink-0{
    width:42px;
    height:42px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media (min-width: 1200px) and (max-width: 1290px){
    .ecommerce-dashboard .sale-progress ul li .flex-shrink-0{
        display:none
    }
}
.ecommerce-dashboard .sale-progress ul li .flex-grow-1 h5,.ecommerce-dashboard .sale-progress ul li .flex-grow-1 .h5{
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box!important;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    white-space:normal
}
@media (max-width: 991.98px){
    .ecommerce-dashboard .sale-progress ul li .flex-grow-1 h5,.ecommerce-dashboard .sale-progress ul li .flex-grow-1 .h5{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.ecommerce-dashboard .sale-progress ul li .flex-grow-1 span{
    color:var(--light-font);
    background-color:transparent
}
@media (min-width: 1200px) and (max-width: 1879.98px){
    .ecommerce-dashboard .sale-progress ul li .flex-grow-1 span{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.ecommerce-dashboard .sale-progress ul li .flex-grow-1 .progress{
    height:7px;
    margin-top:6px
}
.ecommerce-dashboard .sale-progress ul li .badge{
    padding:5px
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .sale-progress ul li .badge{
        display:none
    }
}
@media (max-width: 360px){
    .ecommerce-dashboard .sale-progress ul li .badge{
        display:none
    }
}
.ecommerce-dashboard .sale-progress ul li .badge svg{
    transform:rotate(-45deg)
}
[dir=rtl] .ecommerce-dashboard .sale-progress ul li .badge{
    right:unset;
    left:20px
}
.ecommerce-dashboard .sale-progress ul li+li{
    margin-top:24px
}
.ecommerce-dashboard .track-order .card-body{
    background-image:url(/build/assets/delivery-CQvmefV8.png);
    background-repeat:no-repeat;
    background-position:96% 86%;
    display:block;
    height:224px;
    padding:22px 24px;
    animation:animatedBackground 4s infinite alternate
}
@media (min-width: 1200px) and (max-width: 1699.98px){
    .ecommerce-dashboard .track-order .card-body{
        background-image:none
    }
}
@media (min-width: 768px) and (max-width: 900px){
    .ecommerce-dashboard .track-order .card-body{
        background-image:none
    }
}
@media (max-width: 420px){
    .ecommerce-dashboard .track-order .card-body{
        background-image:none;
        height:200px
    }
}
@media (max-width: 360px){
    .ecommerce-dashboard .track-order .card-body{
        height:216px
    }
}
@keyframes animatedBackground{
    0%{
        background-position:90% 86%
    }
    50%{
        background-position:94% 86%
    }
    to{
        background-position:96% 86%
    }
}
.ecommerce-dashboard .track-order .card-body p{
    width:235px;
    line-height:2;
    margin-bottom:10px
}
.ecommerce-dashboard .track-order .card-body h4,.ecommerce-dashboard .track-order .card-body .h4{
    margin-bottom:8px
}
.ecommerce-dashboard .track-order .card-body h5,.ecommerce-dashboard .track-order .card-body .h5{
    text-decoration:underline;
    margin-bottom:20px
}
@media (min-width: 1200px) and (max-width: 1505px){
    .ecommerce-dashboard .track-order .card-body h5,.ecommerce-dashboard .track-order .card-body .h5{
        margin-bottom:4px
    }
}
@media (max-width: 991.98px){
    .ecommerce-dashboard .track-order .card-body h5,.ecommerce-dashboard .track-order .card-body .h5{
        margin-bottom:12px
    }
}
.ecommerce-dashboard .manage-order table tr:first-child td{
    padding-top:0
}
.ecommerce-dashboard .manage-order table tr:last-child td{
    padding-bottom:0
}
.ecommerce-dashboard .manage-order table tr td{
    padding:21px 0
}
@media (max-width: 1199.98px){
    .ecommerce-dashboard .manage-order table tr td{
        padding:9px 0
    }
}
@media (min-width: 1200px) and (max-width: 1340px){
    .ecommerce-dashboard .manage-order table tr td{
        padding:21px 0
    }
}
@media (min-width: 1200px) and (max-width: 1269.98px){
    .ecommerce-dashboard .manage-order table tr td{
        padding:17px 0
    }
}
.ecommerce-dashboard .manage-order table tr td:first-child span{
    color:var(--text-light-gray)
}
.ecommerce-dashboard .manage-order table tr td:nth-child(2) span{
    color:var(--light-font)
}
.ecommerce-dashboard .manage-order table tr td h6:hover,.ecommerce-dashboard .manage-order table tr td .h6:hover{
    color:var(--theme-default);
    transition:.5s all
}
@media (min-width: 1200px) and (max-width: 1260px){
    .ecommerce-dashboard .manage-order table tr td span{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (min-width: 1200px) and (max-width: 1269.98px){
    .ecommerce-dashboard .manage-order table tr td img{
        width:28px!important
    }
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .manage-order table tr td .d-block{
        display:none!important
    }
}
@media (min-width: 1200px) and (max-width: 1699.98px){
    .ecommerce-dashboard .sale-product .col-5{
        width:100%!important
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .ecommerce-dashboard .sale-product .col-5{
        width:100%!important
    }
}
@media (max-width: 420px){
    .ecommerce-dashboard .sale-product .col-5{
        width:100%!important
    }
}
.ecommerce-dashboard .sale-product select{
    background-color:var(--light-color);
    border:0;
    border-radius:0;
    font-size:14px;
    color:var(--light-font)!important
}
@media (min-width: 1200px) and (max-width: 1699.98px){
    .ecommerce-dashboard .sale-product select{
        display:none!important
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .ecommerce-dashboard .sale-product select{
        display:none!important
    }
}
@media (max-width: 420px){
    .ecommerce-dashboard .sale-product select{
        display:none!important
    }
}
.ecommerce-dashboard .sale-product table{
    margin-top:22px
}
@media (min-width: 1200px) and (max-width: 1369.98px){
    .ecommerce-dashboard .sale-product table{
        margin-top:10px
    }
}
@media (max-width: 991.98px){
    .ecommerce-dashboard .sale-product table{
        margin-top:7px
    }
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .sale-product table thead tr th:nth-child(3){
        display:none
    }
}
@media (min-width: 768px) and (max-width: 820px){
    .ecommerce-dashboard .sale-product table thead tr th:nth-child(3){
        display:none
    }
}
@media (max-width: 420px){
    .ecommerce-dashboard .sale-product table thead tr th:nth-child(3){
        display:none
    }
}
.ecommerce-dashboard .sale-product table tbody tr td{
    border:0
}
@media (min-width: 1200px) and (max-width: 1369.98px){
    .ecommerce-dashboard .sale-product table tbody tr td{
        padding:10px 1px 20px
    }
}
.ecommerce-dashboard .sale-product table tbody tr td:last-child{
    min-width:100px
}
@media (min-width: 1200px) and (max-width: 1369.98px){
    .ecommerce-dashboard .sale-product table tbody tr td:last-child{
        min-width:47px
    }
}
@media (max-width: 360px){
    .ecommerce-dashboard .sale-product table tbody tr td:last-child{
        min-width:80px
    }
}
.ecommerce-dashboard .sale-product table tbody tr td .progress{
    height:8px;
    overflow:visible
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .sale-product table tbody tr td:nth-child(3){
        display:none
    }
}
@media (min-width: 768px) and (max-width: 820px){
    .ecommerce-dashboard .sale-product table tbody tr td:nth-child(3){
        display:none
    }
}
@media (max-width: 420px){
    .ecommerce-dashboard .sale-product table tbody tr td:nth-child(3){
        display:none
    }
}
.ecommerce-dashboard .sale-product table tbody tr:nth-child(n+2) td{
    padding-top:22px
}
@media (min-width: 1200px) and (max-width: 1369.98px){
    .ecommerce-dashboard .sale-product table tbody tr:nth-child(n+2) td{
        padding:22px 1px 20px
    }
}
@media (min-width: 1200px) and (max-width: 1370px){
    .ecommerce-dashboard .sale-product table tbody tr:nth-child(n+2) td{
        padding:15px 1px 20px
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    .ecommerce-dashboard .sale-product table tbody tr:nth-child(n+2) td{
        padding:10px 1px 20px
    }
}
.ecommerce-dashboard .sale-product table tbody tr:last-child td{
    padding-bottom:20px!important
}
.ecommerce-dashboard .sale-product table tfoot th{
    border:0;
    padding:9px 12px!important
}
@media (max-width: 360px){
    .ecommerce-dashboard .sale-product table tfoot th:nth-child(n+2){
        padding:9px 0!important
    }
}
.ecommerce-dashboard .sale-product table tfoot th.f-w-800{
    font-weight:800!important
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .selling-table .datatable-top{
        display:none
    }
}
@media (max-width: 991.98px){
    .ecommerce-dashboard .selling-table .datatable-top{
        display:none
    }
}
.ecommerce-dashboard .selling-table table thead tr th{
    padding:12px 4px!important
}
@media (min-width: 1200px) and (max-width: 1405px){
    .ecommerce-dashboard .selling-table table thead tr th:first-child{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1432px){
    .ecommerce-dashboard .selling-table table thead tr th:nth-child(3){
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1880px){
    .ecommerce-dashboard .selling-table table thead tr th:nth-child(4){
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1550px){
    .ecommerce-dashboard .selling-table table thead tr th:nth-child(5){
        display:none
    }
}
.ecommerce-dashboard .selling-table table tbody tr:last-child td{
    padding-bottom:0!important
}
.ecommerce-dashboard .selling-table table tbody tr td{
    padding:12px 3px!important
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .selling-table table tbody tr td{
        padding:10px 3px!important
    }
}
@media (min-width: 1200px) and (max-width: 1339.98px){
    .ecommerce-dashboard .selling-table table tbody tr td{
        padding:13px 3px!important
    }
}
@media (min-width: 1200px) and (max-width: 1260px){
    .ecommerce-dashboard .selling-table table tbody tr td{
        padding:8px 3px!important
    }
}
@media (min-width: 1200px) and (max-width: 1269.98px){
    .ecommerce-dashboard .selling-table table tbody tr td{
        padding:5px 3px!important
    }
}
.ecommerce-dashboard .selling-table table tbody tr td .flex-grow-1 h6:hover,.ecommerce-dashboard .selling-table table tbody tr td .flex-grow-1 .h6:hover{
    color:var(--theme-default)
}
@media (min-width: 1200px) and (max-width: 1230px){
    .ecommerce-dashboard .selling-table table tbody tr td .flex-grow-1 h6,.ecommerce-dashboard .selling-table table tbody tr td .flex-grow-1 .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.ecommerce-dashboard .selling-table table tbody tr td:first-child{
    padding-right:0!important
}
@media (min-width: 1200px) and (max-width: 1405px){
    .ecommerce-dashboard .selling-table table tbody tr td:first-child{
        display:none
    }
}
.ecommerce-dashboard .selling-table table tbody tr td:nth-child(2) .flex-shrink-0{
    height:38px;
    width:38px;
    border-radius:10px;
    background:var(--light-color);
    display:flex;
    align-items:center;
    justify-content:center
}
@media (max-width: 1199.98px){
    .ecommerce-dashboard .selling-table table tbody tr td:nth-child(2){
        min-width:180px
    }
}
@media (min-width: 1200px) and (max-width: 1432px){
    .ecommerce-dashboard .selling-table table tbody tr td:nth-child(3){
        display:none
    }
}
@media (max-width: 1199.98px){
    .ecommerce-dashboard .selling-table table tbody tr td:nth-child(3){
        min-width:80px
    }
}
@media (min-width: 1200px) and (max-width: 1880px){
    .ecommerce-dashboard .selling-table table tbody tr td:nth-child(4){
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1550px){
    .ecommerce-dashboard .selling-table table tbody tr td:nth-child(5){
        display:none
    }
}
.ecommerce-dashboard [class*=circle-dot-]{
    width:20px;
    height:20px
}
.ecommerce-dashboard [class*=circle-dot-] span{
    width:10px;
    height:10px
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .category .col-xl-6{
        width:100%!important
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .ecommerce-dashboard .category .col-xl-6{
        width:100%!important
    }
}
@media (max-width: 460px){
    .ecommerce-dashboard .category .col-xl-6{
        width:100%!important
    }
}
.ecommerce-dashboard .category .apexcharts-datalabel-label{
    transform:translateY(25px)!important
}
.ecommerce-dashboard .category .apexcharts-datalabel-value{
    transform:translateY(-35px)!important
}
.ecommerce-dashboard .category .apexcharts-canvas .apexcharts-radialbar-hollow{
    width:108px;
    height:108px;
    fill:#fdfdff;
    filter:drop-shadow(0px 24.5802440643px 11.1728391647px rgba(62,58,100,.1))
}
[data-theme=dark] .ecommerce-dashboard .category .apexcharts-canvas .apexcharts-radialbar-hollow{
    fill:var(--body-color)
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .category ul{
        display:none!important
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .ecommerce-dashboard .category ul{
        display:none!important
    }
}
@media (max-width: 460px){
    .ecommerce-dashboard .category ul{
        display:none!important
    }
}
.ecommerce-dashboard .category ul li{
    padding:16px 14px;
    gap:10px
}
@media (min-width: 1200px) and (max-width: 1879.98px){
    .ecommerce-dashboard .category ul li h6,.ecommerce-dashboard .category ul li .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (max-width: 1199.98px){
    .ecommerce-dashboard .category ul li h6,.ecommerce-dashboard .category ul li .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (min-width: 1200px) and (max-width: 1879.98px){
    .ecommerce-dashboard .category ul li span{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.ecommerce-dashboard .category ul li+li{
    margin-top:26px
}
@media (min-width: 1200px) and (max-width: 1860px){
    .ecommerce-dashboard .category ul li+li{
        margin-top:34px
    }
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .ecommerce-dashboard .category ul li+li{
        margin-top:35px
    }
}
.ecommerce-dashboard .category .category-chart{
    display:flex;
    justify-content:center;
    align-items:center
}
.ecommerce-dashboard .discount-product{
    padding:18px 24px
}
@media (min-width: 1200px) and (max-width: 1444.98px){
    .ecommerce-dashboard .discount-product{
        padding:18px 10px
    }
}
@media (min-width: 1200px) and (max-width: 1400px){
    .ecommerce-dashboard .discount-product .discount-title{
        font-size:15px
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .ecommerce-dashboard .discount-product .discount-title{
        font-size:18px
    }
}
@media (max-width: 360px){
    .ecommerce-dashboard .discount-product .discount-title{
        font-size:14px
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    .ecommerce-dashboard .discount-product .discount-content{
        font-size:17px
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .ecommerce-dashboard .discount-product .discount-content{
        font-size:14px
    }
}
@media (max-width: 360px){
    .ecommerce-dashboard .discount-product .discount-content{
        font-size:14px
    }
}
.ecommerce-dashboard .discount-product hr{
    opacity:.4;
    margin:18px 0
}
.ecommerce-dashboard .discount-product .row div[class*=col-]+div[class*=col-]{
    padding-left:22px;
    border-left:var(--light-border)
}
.ecommerce-dashboard .discount-product .row div[class*=col-]>h4,.ecommerce-dashboard .discount-product .row div[class*=col-]>.h4{
    margin-bottom:24px
}
.ecommerce-dashboard .discount-product .main-box{
    width:58px;
    height:55px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media (min-width: 1200px) and (max-width: 1339.98px){
    .ecommerce-dashboard .discount-product .main-box{
        width:44px;
        height:44px
    }
}
@media (max-width: 420px){
    .ecommerce-dashboard .discount-product .main-box{
        width:46px;
        height:43px
    }
}
.ecommerce-dashboard .discount-product .main-box:hover svg{
    fill:var(--white)
}
.ecommerce-dashboard .discount-product .main-box:hover.border-primary{
    background-color:var(--theme-default)
}
.ecommerce-dashboard .discount-product .main-box:hover.border-secondary{
    background-color:var(--theme-secondary)
}
.ecommerce-dashboard .discount-product .d-flex h4,.ecommerce-dashboard .discount-product .d-flex .h4{
    width:120px
}
@media (min-width: 1200px) and (max-width: 1527.98px){
    .ecommerce-dashboard .discount-product .d-flex .bg-light-primary{
        display:none
    }
}
@media (max-width: 420px){
    .ecommerce-dashboard .discount-product .d-flex .bg-light-primary{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1527.98px){
    .ecommerce-dashboard .discount-product .d-flex .bg-light-secondary{
        display:none
    }
}
@media (max-width: 420px){
    .ecommerce-dashboard .discount-product .d-flex .bg-light-secondary{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1330px){
    .ecommerce-dashboard .seller-table table thead th:first-child{
        max-width:50px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
}
@media (min-width: 1200px) and (max-width: 1684.98px){
    .ecommerce-dashboard .seller-table table thead th:nth-child(3){
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1879.98px){
    .ecommerce-dashboard .seller-table table thead th:nth-child(4){
        display:none
    }
}
.ecommerce-dashboard .seller-table table tbody tr td{
    padding:20px 8px
}
@media (min-width: 1200px) and (max-width: 1400px){
    .ecommerce-dashboard .seller-table table tbody tr td{
        padding:18px 8px
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    .ecommerce-dashboard .seller-table table tbody tr td{
        padding:17px 8px
    }
}
.ecommerce-dashboard .seller-table table tbody tr td img{
    width:38px;
    height:38px
}
.ecommerce-dashboard .seller-table table tbody tr td span{
    color:var(--text-light-gray)
}
.ecommerce-dashboard .seller-table table tbody tr td h6:hover,.ecommerce-dashboard .seller-table table tbody tr td .h6:hover{
    color:var(--theme-default);
    transition:.5s all
}
.ecommerce-dashboard .seller-table table tbody tr td .btn{
    padding:6px 5px
}
@media (max-width: 540px){
    .ecommerce-dashboard .seller-table table tbody tr td:first-child{
        min-width:148px
    }
}
@media (min-width: 1200px) and (max-width: 1394.98px){
    .ecommerce-dashboard .seller-table table tbody tr td:first-child span{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1345px){
    .ecommerce-dashboard .seller-table table tbody tr td:first-child h6,.ecommerce-dashboard .seller-table table tbody tr td:first-child .h6{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1684.98px){
    .ecommerce-dashboard .seller-table table tbody tr td:nth-child(3){
        display:none
    }
}
@media (max-width: 540px){
    .ecommerce-dashboard .seller-table table tbody tr td:nth-child(3){
        min-width:100px
    }
}
@media (min-width: 1200px) and (max-width: 1879.98px){
    .ecommerce-dashboard .seller-table table tbody tr td:nth-child(4){
        display:none
    }
}
@media (max-width: 545px){
    .ecommerce-dashboard .seller-table table tbody tr td:last-child{
        min-width:100px
    }
}
.ecommerce-dashboard .progress-items .stroke-danger{
    stroke:#c42a02!important
}
.ecommerce-dashboard .progress-items .stroke-success{
    stroke:#17a600!important
}
.ecommerce-dashboard .progress-items .flex-shrink-0{
    width:49px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center
}
.ecommerce-dashboard .progress-items .flex-shrink-0.bg-light-primary{
    background:linear-gradient(180deg,#43b9b230 7.29%,#43b9b200)
}
.ecommerce-dashboard .progress-items .flex-shrink-0.bg-light-secondary{
    background:linear-gradient(180deg,#c280d230 7.29%,#c280d200)
}
.ecommerce-dashboard .progress-items .flex-shrink-0.bg-light-tertiary{
    background:linear-gradient(180deg,#fd7e4030 7.29%,#fd7e4000)
}
@media (min-width: 1200px) and (max-width: 1339.98px){
    .ecommerce-dashboard .progress-items .flex-shrink-0{
        width:40px;
        height:35px
    }
}
@media (min-width: 1200px) and (max-width: 1260px){
    .ecommerce-dashboard .progress-items .flex-shrink-0{
        width:25px;
        height:27px
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .ecommerce-dashboard .progress-items .flex-shrink-0{
        width:39px;
        height:37px
    }
}
@media (max-width: 575.98px){
    .ecommerce-dashboard .progress-items .flex-shrink-0{
        width:39px;
        height:39px
    }
}
.ecommerce-dashboard .progress-items .progress-card{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:6px
}
.ecommerce-dashboard .progress-items .progress-card .order-chart{
    margin:-47px -10px -40px -20px
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .progress-items .progress-card p{
        display:none
    }
}
@media (min-width: 768px) and (max-width: 975px){
    .ecommerce-dashboard .progress-items .progress-card p{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .progress-items .progress-card{
        width:100%!important;
        display:block!important
    }
}
@media (min-width: 768px) and (max-width: 975px){
    .ecommerce-dashboard .progress-items .progress-card{
        width:100%!important;
        display:block!important
    }
}
@media (min-width: 1200px) and (max-width: 1570px){
    .ecommerce-dashboard .progress-items .badge{
        display:none!important
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .ecommerce-dashboard .progress-items .badge{
        display:none!important
    }
}
@media (min-width: 1200px) and (max-width: 1339.98px){
    .ecommerce-dashboard .progress-items h3,.ecommerce-dashboard .progress-items .h3{
        font-size:20px!important;
        margin-top:6px!important
    }
}
@media (min-width: 1200px) and (max-width: 1269.98px){
    .ecommerce-dashboard .progress-items h3,.ecommerce-dashboard .progress-items .h3{
        font-size:18px!important
    }
}
@media (max-width: 991.98px){
    .ecommerce-dashboard .progress-items h3,.ecommerce-dashboard .progress-items .h3{
        font-size:21px!important;
        margin-top:6px!important
    }
}
[data-theme=dark] .ecommerce-dashboard .progress-items h3,[data-theme=dark] .ecommerce-dashboard .progress-items .h3{
    color:var(--light-font)
}
.ecommerce-dashboard .product-offer .dropdown-menu{
    z-index:9
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .product-offer .card-body{
        padding-top:0!important
    }
}
.ecommerce-dashboard .product-offer .swiper .swiper-slide{
    display:flex;
    justify-content:center;
    align-items:center
}
.ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-gif{
    width:58px;
    height:58px;
    position:absolute;
    right:0;
    top:0
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-gif{
        width:49px;
        height:49px
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-gif{
        width:32px;
        height:32px
    }
}
@media (max-width: 1199.98px){
    .ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-gif{
        width:70px;
        height:70px
    }
}
@media (max-width: 420px){
    .ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-gif{
        width:50px;
        height:50px
    }
}
.ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-content{
    margin-top:20px
}
@media (min-width: 1200px) and (max-width: 1379.98px){
    .ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-content{
        margin-top:1px
    }
}
[data-theme=dark] .ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-content h4 a,[data-theme=dark] .ecommerce-dashboard .product-offer .swiper .swiper-slide .item .product-content .h4 a{
    color:var(--light-font)
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .product-offer .swiper .swiper-wrapper{
        padding-bottom:20px!important
    }
}
.ecommerce-dashboard .product-offer .swiper .swiper-pagination{
    display:inline-grid;
    position:absolute;
    top:35%;
    right:0;
    left:unset;
    margin-bottom:-10px;
    bottom:110px!important;
    width:unset!important;
    margin-top:25px
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .product-offer .swiper .swiper-pagination{
        bottom:10px!important;
        display:unset!important;
        left:50%!important;
        top:unset!important;
        transform:translate(-50%)!important
    }
}
.ecommerce-dashboard .product-offer .swiper .swiper-pagination .swiper-pagination-bullet{
    width:7px;
    height:7px;
    background-color:var(--theme-default)
}
.ecommerce-dashboard .product-offer .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    height:25px;
    border-radius:10px
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .ecommerce-dashboard .product-offer .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        width:25px;
        border-radius:10px;
        height:7px
    }
}
@media (min-width: 1200px) and (max-width: 1379.98px){
    .ecommerce-dashboard .sales-summary .card-header{
        padding-bottom:0
    }
}
@media (max-width: 1199.98px){
    .ecommerce-dashboard .sales-summary .card-header{
        padding-bottom:0
    }
}
@media (min-width: 1200px) and (max-width: 1379.98px){
    .ecommerce-dashboard .sales-summary .card-body{
        padding-top:0
    }
}
@media (max-width: 1199.98px){
    .ecommerce-dashboard .sales-summary .card-body{
        padding-top:0
    }
}
.overview-wrapper{
    position:relative;
    z-index:1
}
.back-bar-container{
    position:absolute;
    width:calc(100% - 64px);
    bottom:13px;
    margin:0 auto!important;
    left:45px
}
.project-dashboard .card-icon{
    position:absolute;
    right:19px;
    top:19px
}
.project-dashboard .card.esatae-card .card-body .esatae-body{
    padding:10px 0
}
@media (min-width: 1200px) and (max-width: 1700px){
    .project-dashboard .card.esatae-card .card-body .esatae-body{
        padding:7px 0
    }
}
@media (min-width: 1200px) and (max-width: 1490px){
    .project-dashboard .card.esatae-card .card-body .esatae-body{
        gap:18px!important
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    .project-dashboard .card.esatae-card .card-body .esatae-body{
        gap:5px!important
    }
}
@media (max-width: 480px){
    .project-dashboard .card.esatae-card .card-body .esatae-body{
        gap:10px!important
    }
}
@media (max-width: 480px){
    .project-dashboard .card.esatae-card .card-body .esatae-body .gap-3{
        gap:10px!important
    }
}
@media (max-width: 360px){
    .project-dashboard .card.esatae-card .card-body .esatae-body .gap-3 .flex-grow-1{
        display:none
    }
}
.project-dashboard .card.esatae-card .card-body .esatae-body .gap-3 .flex-grow-1 span{
    color:var(--text-light-gray)
}
.project-dashboard .card.esatae-card .card-body .esatae-body .flex-shrink-0{
    width:42px;
    height:40px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center
}
.project-dashboard .card.esatae-card .card-body .esatae-body .flex-shrink-0.bg-tertiary{
    filter:drop-shadow(-6px 6px 10px rgba(253,126,64,.25))
}
@media (min-width: 1200px) and (max-width: 1685px){
    .project-dashboard .card.esatae-card .card-body .esatae-body .flex-shrink-0.bg-tertiary{
        display:none
    }
}
.project-dashboard .card.esatae-card .card-body .esatae-body .flex-shrink-0.bg-secondary{
    filter:drop-shadow(-6px 6px 10px rgba(194,128,210,.25))
}
@media (min-width: 1200px) and (max-width: 1685px){
    .project-dashboard .card.esatae-card .card-body .esatae-body .flex-shrink-0.bg-secondary{
        display:none
    }
}
.project-dashboard .card.esatae-card .card-body .esatae-body .flex-shrink-0.bg-primary{
    filter:drop-shadow(-6px 6px 10px rgba(67,185,178,.25))
}
@media (min-width: 1200px) and (max-width: 1685px){
    .project-dashboard .card.esatae-card .card-body .esatae-body .flex-shrink-0.bg-primary{
        display:none
    }
}
.project-dashboard .card.esatae-card .card-body .esatae-body .flex-shrink-0 svg{
    fill:#fff
}
.project-dashboard .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li+li{
    margin-left:-12px
}
@media (min-width: 1200px) and (max-width: 1730px){
    .project-dashboard .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li+li{
        margin-left:-20%
    }
}
.project-dashboard .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li:last-child span{
    width:40px;
    height:40px;
    font-weight:500;
    vertical-align:middle;
    border:2px solid var(--light-color);
    background-color:var(--card-color);
    display:flex;
    align-items:center;
    justify-content:center
}
@media (min-width: 1200px) and (max-width: 1417px){
    .project-dashboard .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li:last-child span{
        width:35px!important;
        height:35px
    }
}
@media (max-width: 480px){
    .project-dashboard .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li:last-child span{
        width:30px!important;
        height:30px
    }
}
.project-dashboard .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li img{
    border:2px solid #ffffff;
    transition:.5s
}
[data-theme=dark] .project-dashboard .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li img{
    border-color:var(--body-color)
}
@media (min-width: 1200px) and (max-width: 1417px){
    .project-dashboard .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li img{
        width:35px!important
    }
}
@media (max-width: 480px){
    .project-dashboard .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li img{
        width:30px!important
    }
}
@media (min-width: 1200px) and (max-width: 1385px){
    .project-dashboard .card.esatae-card .card-body .esatae-body .flex-grow-1{
        width:70px!important
    }
}
@media (min-width: 1200px) and (max-width: 1585px){
    .project-dashboard .card.esatae-card .card-body .esatae-body .flex-grow-1 h6,.project-dashboard .card.esatae-card .card-body .esatae-body .flex-grow-1 .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.project-dashboard .card.esatae-card .card-body .esatae-body .flex-grow-1 .d-flex{
    align-items:center;
    justify-content:space-between
}
.project-dashboard .card.esatae-card .card-body .esatae-body .flex-grow-1 .progress{
    height:10px
}
@media (min-width: 768px) and (max-width: 940px){
    .project-dashboard .card.client-card .icon-dropdown{
        display:none
    }
}
.project-dashboard .card.client-card .card-body .team-member .customers.avatar-group ul li+li{
    margin-left:-6%
}
@media (max-width: 1700px){
    .project-dashboard .card.client-card .card-body .team-member .customers.avatar-group ul li+li{
        margin-left:-9%
    }
}
@media (min-width: 1200px) and (max-width: 1630px){
    .project-dashboard .card.client-card .card-body .team-member .customers.avatar-group ul li+li{
        margin-left:-10%
    }
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .project-dashboard .card.client-card .card-body .team-member .customers.avatar-group ul li img{
        width:40px!important
    }
}
@media (max-width: 480px){
    .project-dashboard .card.client-card .card-body .team-member .customers.avatar-group ul li img{
        width:35px!important
    }
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .project-dashboard .card.client-card .card-body .team-member .customers.avatar-group ul li:last-child span{
        width:40px!important;
        height:40px!important
    }
}
@media (max-width: 480px){
    .project-dashboard .card.client-card .card-body .team-member .customers.avatar-group ul li:last-child span{
        width:35px!important;
        height:35px!important
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .project-dashboard .card.client-card .card-body .project-chart .project{
        display:none
    }
}
@media (min-width: 768px) and (max-width: 1199.98px){
    .project-dashboard .card.calendar-box .card-body{
        display:flex;
        align-items:center;
        justify-content:space-between
    }
}
@media (min-width: 768px) and (max-width: 1199.98px){
    .project-dashboard .card.calendar-box .card-body .border-dash-bottom{
        width:50%;
        border-bottom:0
    }
}
.project-dashboard .team-table .table-responsive{
    overflow:hidden
}
@media (max-width: 1199.98px){
    .project-dashboard .team-table .table-responsive{
        overflow-x:scroll
    }
}
@media (min-width: 1200px) and (max-width: 1700px){
    .project-dashboard .team-table .table-responsive table tr th:nth-child(3){
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1460px){
    .project-dashboard .team-table .table-responsive table tr th:last-child{
        display:none
    }
}
.project-dashboard .team-table .table-responsive table tr td{
    padding:12px
}
@media (min-width: 1200px) and (max-width: 1490px){
    .project-dashboard .team-table .table-responsive table tr td{
        padding:12px 0
    }
}
.project-dashboard .team-table .table-responsive table tr td h6:hover,.project-dashboard .team-table .table-responsive table tr td .h6:hover{
    color:var(--theme-default);
    transition:.5s all
}
@media (min-width: 1200px) and (max-width: 1360px){
    .project-dashboard .team-table .table-responsive table tr td:nth-child(2){
        text-align:end
    }
}
@media (min-width: 1200px) and (max-width: 1700px){
    .project-dashboard .team-table .table-responsive table tr td:nth-child(3){
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    .project-dashboard .team-table .table-responsive table tr td .flex-grow-1 span{
        display:none
    }
}
.project-dashboard .team-table .table-responsive table tr td .team-chart{
    margin:-36px -7px
}
@media (min-width: 1200px) and (max-width: 1560px){
    .project-dashboard .team-table .table-responsive table tr td .team-chart{
        margin:-36px -35px
    }
}
@media (min-width: 1200px) and (max-width: 1490px){
    .project-dashboard .team-table .table-responsive table tr td .team-chart{
        margin:-36px -9px
    }
}
@media (min-width: 1200px) and (max-width: 1460px){
    .project-dashboard .team-table .table-responsive table tr td .team-chart{
        display:none
    }
}
.project-dashboard .list-card .list-item{
    display:flex;
    padding:15px 0;
    justify-content:space-between;
    align-items:center
}
.project-dashboard .list-card .list-item .input-box input{
    margin-top:-10px
}
[dir=rtl] .project-dashboard .list-card .list-item h5,[dir=rtl] .project-dashboard .list-card .list-item .h5{
    margin-right:10px;
    margin-left:unset
}
@media (max-width: 1880px){
    .project-dashboard .list-card .list-item h5,.project-dashboard .list-card .list-item .h5{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (min-width: 1200px) and (max-width: 1725px){
    .project-dashboard .list-card .list-item h5,.project-dashboard .list-card .list-item .h5{
        font-size:14px
    }
}
@media (min-width: 1200px) and (max-width: 1545px){
    .project-dashboard .list-card .list-item h5,.project-dashboard .list-card .list-item .h5{
        width:170px
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    .project-dashboard .list-card .list-item h5,.project-dashboard .list-card .list-item .h5{
        width:135px
    }
}
@media (min-width: 768px) and (max-width: 950px){
    .project-dashboard .list-card .list-item h5,.project-dashboard .list-card .list-item .h5{
        width:135px
    }
}
@media (max-width: 480px){
    .project-dashboard .list-card .list-item h5,.project-dashboard .list-card .list-item .h5{
        width:133px
    }
}
@media (max-width: 1625px){
    .project-dashboard .list-card .list-item .btn{
        padding:6px 12px
    }
}
@media (min-width: 1200px) and (max-width: 1576px){
    .project-dashboard .list-card .list-item .btn{
        padding:6px
    }
}
.project-dashboard .list-card .list-item+.list-item{
    border-top:var(--light-border)
}
.project-dashboard .client-card .card-body .client-btn{
    margin-top:22px
}
@media (min-width: 1200px) and (max-width: 1630px){
    .project-dashboard .client-card .card-body .client-btn{
        margin-top:6px
    }
}
@media (min-width: 1200px) and (max-width: 1525px){
    .project-dashboard .client-card .card-body .client-btn{
        margin-top:17px
    }
}
@media (max-width: 1199.98px){
    .project-dashboard .client-card .card-body .client-btn{
        margin-top:8px
    }
}
@media (max-width: 991.98px){
    .project-dashboard .client-card .card-body .client-btn{
        margin-top:19px
    }
}
@media (min-width: 1200px) and (max-width: 1345px){
    .project-dashboard .client-card .card-body .client-btn .px-5{
        padding-right:2rem!important;
        padding-left:2rem!important
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    .project-dashboard .client-card .card-body .client-btn .px-5{
        padding-right:1rem!important;
        padding-left:1rem!important
    }
}
@media (max-width: 360px){
    .project-dashboard .client-card .card-body .client-btn .px-5{
        padding-right:20px!important;
        padding-left:20px!important
    }
}
@media (min-width: 576px) and (max-width: 940px){
    .project-dashboard .client-card .card-icon{
        display:none
    }
}
.project-dashboard .task-table .table{
    overflow:hidden
}
.project-dashboard .task-table .table tbody tr td{
    padding:17px 12px
}
@media (min-width: 1200px) and (max-width: 1725px){
    .project-dashboard .task-table .table tbody tr td{
        padding:17px 9px
    }
}
@media (min-width: 1200px) and (max-width: 1685px){
    .project-dashboard .task-table .table tbody tr td{
        padding:17px 0
    }
}
@media (min-width: 1200px) and (max-width: 1570px){
    .project-dashboard .task-table .table tbody tr td{
        padding:19px 0
    }
}
.project-dashboard .task-table .table tbody tr td .d-flex .flex-shrink-0{
    width:38px;
    height:38px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--light-color)
}
.project-dashboard .task-table .table tbody tr td ul{
    column-count:2;
    column-rule-style:solid;
    column-rule-color:var(--light-font);
    column-gap:20px;
    column-rule-width:1px;
    display:inline-block
}
@media (min-width: 1200px) and (max-width: 1570px){
    .project-dashboard .task-table .table tbody tr td ul{
        column-count:1;
        margin-right:88px;
        display:block
    }
}
.project-dashboard .task-table .table tbody tr td ul li{
    gap:6px;
    align-items:center;
    display:flex
}
.project-dashboard .task-table .table tbody tr td ul li:first-child{
    color:var(--body-font-color)
}
@media (min-width: 1200px) and (max-width: 1570px){
    .project-dashboard .task-table .table tbody tr td ul li:nth-child(2){
        display:none
    }
}
.project-dashboard .task-table .table tbody tr td .f-light{
    gap:6px;
    align-items:center;
    display:flex
}
.project-dashboard .task-table .table tbody tr td .progress-showcase .progress{
    height:8px;
    overflow:visible
}
.project-dashboard .task-table .table tbody tr td .task-icon-button button{
    padding:6px
}
.project-dashboard .task-table .table tbody tr td .task-icon-button button svg{
    margin-right:5px
}
.project-dashboard .task-table .table tbody tr td:first-child{
    width:20%
}
@media (min-width: 1200px) and (max-width: 1470px){
    .project-dashboard .task-table .table tbody tr td:first-child{
        width:25%
    }
}
@media (max-width: 1199.98px){
    .project-dashboard .task-table .table tbody tr td:first-child{
        min-width:150px!important
    }
}
.project-dashboard .task-table .table tbody tr td:nth-child(2){
    width:20%
}
.project-dashboard .task-table .table tbody tr td:nth-child(2) h6:hover,.project-dashboard .task-table .table tbody tr td:nth-child(2) .h6:hover{
    color:var(--theme-default)
}
@media (min-width: 1200px) and (max-width: 1470px){
    .project-dashboard .task-table .table tbody tr td:nth-child(3){
        width:100px
    }
}
@media (min-width: 1400px) and (max-width: 1435px){
    .project-dashboard .task-table .table tbody tr td:nth-child(3){
        width:80px
    }
}
@media (min-width: 1200px) and (max-width: 1310px){
    .project-dashboard .task-table .table tbody tr td:nth-child(3){
        width:80px
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    .project-dashboard .task-table .table tbody tr td:nth-child(3){
        width:50px
    }
}
@media (max-width: 1199.98px){
    .project-dashboard .task-table .table tbody tr td:nth-child(3){
        min-width:125px!important
    }
}
.project-dashboard .task-table .table tbody tr td:nth-child(3) h6,.project-dashboard .task-table .table tbody tr td:nth-child(3) .h6{
    color:var(--text-dark-black)
}
[data-theme=dark] .project-dashboard .task-table .table tbody tr td:nth-child(3) h6,[data-theme=dark] .project-dashboard .task-table .table tbody tr td:nth-child(3) .h6{
    color:var(--light-font)
}
@media (min-width: 1400px) and (max-width: 1435px){
    .project-dashboard .task-table .table tbody tr td:nth-child(3) h6,.project-dashboard .task-table .table tbody tr td:nth-child(3) .h6{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1310px){
    .project-dashboard .task-table .table tbody tr td:nth-child(3) h6,.project-dashboard .task-table .table tbody tr td:nth-child(3) .h6{
        display:none
    }
}
.project-dashboard .task-table .table tbody tr td:last-child{
    text-align:end
}
@media (max-width: 1199.98px){
    .project-dashboard .task-table .table tbody tr td:last-child{
        min-width:160px
    }
}
.project-dashboard .task-table .timer{
    display:flex;
    align-items:center
}
.project-dashboard .task-table .timer svg{
    stroke:var(--text-light-gray)
}
.project-dashboard .task-table .timer span{
    color:var(--text-light-gray)
}
.project-dashboard .task-table svg{
    width:15px;
    height:15px;
    color:var(--light-font)!important
}
.project-dashboard .date-picker{
    position:relative
}
.project-dashboard .date-picker__calendar{
    left:0;
    position:absolute;
    top:100%;
    width:274px;
    overflow:0;
    transition:opacity .2s ease-out,visibility .2s step-start .2s;
    visibility:hidden
}
.project-dashboard .date-picker__calendar_visible{
    opacity:1;
    transition-delay:0s;
    visibility:visible
}
.project-dashboard .calendar{
    padding:10px;
    width:100%;
    font-family:Outfit,sans-serif;
    color:var(--body-font-color);
    line-height:1.2;
    text-align:center;
    -webkit-user-select:none;
    user-select:none
}
.project-dashboard .calendar__header{
    position:relative;
    padding:15px 35px 27px;
    font-size:18px;
    font-weight:700;
    letter-spacing:.1em
}
@media (min-width: 1200px) and (max-width: 1275px){
    .project-dashboard .calendar__header{
        padding:15px 15px 27px
    }
}
@media (max-width: 480px){
    .project-dashboard .calendar__header{
        padding:8px 24px
    }
}
.project-dashboard .calendar__month{
    font-weight:700;
    padding:10px 10px 10px 20px;
    color:var(--body-font-color)!important
}
[data-theme=dark] .project-dashboard .calendar__month{
    color:var(--light-font)
}
@media (min-width: 1200px) and (max-width: 1430px){
    .project-dashboard .calendar__month{
        font-size:14px
    }
}
@media (min-width: 1200px) and (max-width: 1340px){
    .project-dashboard .calendar__month{
        font-size:12px
    }
}
@media (min-width: 1200px) and (max-width: 1295px){
    .project-dashboard .calendar__month{
        font-size:11px
    }
}
@media (max-width: 480px){
    .project-dashboard .calendar__month{
        font-size:13px!important
    }
}
.project-dashboard .calendar__year{
    font-weight:700;
    padding:10px 20px 10px 10px;
    color:var(--body-font-color)!important;
    margin-left:-5px
}
[data-theme=dark] .project-dashboard .calendar__year{
    color:var(--light-font)
}
@media (min-width: 1200px) and (max-width: 1430px){
    .project-dashboard .calendar__year{
        font-size:14px
    }
}
@media (min-width: 1200px) and (max-width: 1340px){
    .project-dashboard .calendar__year{
        font-size:12px
    }
}
@media (min-width: 1200px) and (max-width: 1295px){
    .project-dashboard .calendar__year{
        font-size:11px
    }
}
@media (max-width: 480px){
    .project-dashboard .calendar__year{
        font-size:13px!important
    }
}
.project-dashboard .calendar__btn{
    position:absolute;
    top:16px;
    display:block;
    height:20px;
    padding:0;
    width:20px;
    text-indent:-9999px;
    background:transparent;
    border:none;
    cursor:pointer;
    outline:none
}
.project-dashboard .calendar__btn:before{
    content:"";
    position:absolute;
    top:16px;
    display:block;
    height:10px;
    width:10px;
    border-left:1px solid #2C2C31;
    border-top:1px solid #2C2C31;
    transform-origin:center
}
[data-theme=dark] .project-dashboard .calendar__btn:before{
    border-color:var(--light-font)
}
@media (min-width: 1200px) and (max-width: 1400px){
    .project-dashboard .calendar__btn:before{
        top:12px
    }
}
@media (max-width: 480px){
    .project-dashboard .calendar__btn:before{
        top:3px
    }
}
.project-dashboard .calendar__btn_prev{
    left:50px
}
@media (min-width: 1200px) and (max-width: 1635px){
    .project-dashboard .calendar__btn_prev{
        left:20px
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    .project-dashboard .calendar__btn_prev{
        left:0
    }
}
.project-dashboard .calendar__btn_prev:before{
    left:8px;
    transform:rotate(-45deg)
}
@media (max-width: 480px){
    .project-dashboard .calendar__btn_prev{
        left:0
    }
}
.project-dashboard .calendar__btn_next{
    right:50px
}
@media (min-width: 1200px) and (max-width: 1635px){
    .project-dashboard .calendar__btn_next{
        right:20px
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    .project-dashboard .calendar__btn_next{
        right:0
    }
}
.project-dashboard .calendar__btn_next:before{
    right:8px;
    transform:rotate(135deg)
}
@media (max-width: 480px){
    .project-dashboard .calendar__btn_next{
        right:0
    }
}
.project-dashboard .calendar__btn_disabled{
    pointer-events:none
}
.project-dashboard .calendar__btn_disabled:before{
    border-color:#2c2c31
}
[data-theme=dark] .project-dashboard .calendar__btn_disabled:before{
    border-color:var(--light-font)
}
.project-dashboard .calendar__btn:hover:before{
    border-color:var(--theme-default);
    transition:.5s all
}
.project-dashboard .calendar__table{
    margin:8px 0 12px;
    width:100%;
    table-layout:fixed
}
.project-dashboard .calendar__table-col-header{
    padding:12px 0;
    font-size:14px!important;
    font-family:Outfit,sans-serif!important;
    color:var(--body-font-color)!important;
    letter-spacing:.1em;
    font-weight:700!important
}
@media (min-width: 1200px) and (max-width: 1300px){
    .project-dashboard .calendar__table-col-header{
        font-size:12px!important
    }
}
@media (max-width: 480px){
    .project-dashboard .calendar__table-col-header{
        font-size:13px!important
    }
}
.project-dashboard .calendar__table-cell{
    color:var(--body-font-color)!important;
    font-size:14px;
    font-weight:600!important;
    letter-spacing:.05em;
    cursor:pointer;
    padding:11px 0
}
.project-dashboard .calendar__table-cell_disabled{
    color:var(--body-font-color);
    font-weight:500!important;
    pointer-events:none
}
.project-dashboard .calendar__table-cell_selected{
    border-radius:20px;
    background:var(--theme-default);
    box-shadow:0 4px 27px 0 var(--home-box-shadow);
    width:52px!important;
    height:52px!important;
    color:#fff!important;
    line-height:normal
}
.project-dashboard .timeline-items{
    padding-bottom:40px;
    padding-top:40px
}
@media (min-width: 1200px) and (max-width: 1700px){
    .project-dashboard .timeline-items{
        padding-bottom:25px;
        padding-top:25px
    }
}
@media (min-width: 1200px) and (max-width: 1350px){
    .project-dashboard .timeline-items{
        padding-bottom:35px;
        padding-top:35px
    }
}
@media (max-width: 480px){
    .project-dashboard .timeline-items{
        padding-bottom:28px;
        padding-top:28px
    }
}
.project-dashboard .timeline-items .timeline-box{
    border-radius:5px;
    border:2px solid #F4F5F8;
    box-shadow:0 3px 18px #f4f5f8;
    background:#fff;
    padding:15px 22px
}
[data-theme=dark] .project-dashboard .timeline-items .timeline-box{
    background:var(--body-color);
    box-shadow:var(--card-box-shadow);
    border-color:var(--body-color)
}
@media (min-width: 1200px) and (max-width: 1250px){
    .project-dashboard .timeline-items .timeline-box{
        padding:15px 13px
    }
}
@media (max-width: 360px){
    .project-dashboard .timeline-items .timeline-box{
        padding:15px 10px
    }
}
@media (min-width: 1200px) and (max-width: 1295px){
    .project-dashboard .timeline-items .timeline-box .flex-grow-1 .f-15{
        font-size:14px!important
    }
}
@media (min-width: 1200px) and (max-width: 1250px){
    .project-dashboard .timeline-items .timeline-box .flex-grow-1 .f-15{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.project-dashboard .timeline-items .timeline-box .font-light{
    gap:6px;
    align-items:center;
    display:flex
}
.project-dashboard .timeline-items .timeline-box .font-light svg{
    width:17px;
    height:17px
}
.project-dashboard .timeline-items .timeline-box .team-member ul li:last-child span{
    width:38px;
    height:38px
}
@media (min-width: 1200px) and (max-width: 1560px){
    .project-dashboard .timeline-items .timeline-box .team-member ul{
        display:none!important
    }
}
@media (max-width: 480px){
    .project-dashboard .timeline-items .timeline-box .team-member ul{
        display:none!important
    }
}
.project-dashboard .timeline-items hr{
    border:var(--light-border);
    opacity:inherit
}
.project-dashboard .border-dash-bottom{
    border-bottom:var(--light-border)
}
.project-dashboard .revenuechart{
    margin-bottom:-41px
}
@media (min-width: 1200px) and (max-width: 1630px){
    .project-dashboard .revenuechart{
        margin-bottom:-57px
    }
}
@media (min-width: 576px) and (max-width: 1630px){
    .project-dashboard .total-project .custom-width{
        width:100%
    }
}
@media (max-width: 450px){
    .project-dashboard .total-project .custom-width{
        width:100%
    }
}
.project-dashboard .total-project .customer-chart{
    margin-bottom:-20px
}
@media (min-width: 576px) and (max-width: 1630px){
    .project-dashboard .total-project .customer-chart{
        margin-bottom:0
    }
}
@media (max-width: 450px){
    .project-dashboard .total-project .customer-chart{
        margin-bottom:0
    }
}
.project-dashboard .total-project .project-details p{
    color:var(--text-dark-black)
}
[data-theme=dark] .project-dashboard .total-project .project-details p{
    color:var(--body-font-color)
}
.project-dashboard .total-project .project-details span{
    color:var(--light-font)
}
@media (min-width: 576px) and (max-width: 1630px){
    .project-dashboard .total-project .project-details{
        display:none
    }
}
@media (max-width: 450px){
    .project-dashboard .total-project .project-details{
        display:none
    }
}
@media (min-width: 576px) and (max-width: 940px){
    .project-dashboard .total-project .card-icon{
        display:none
    }
}
@media (min-width: 576px) and (max-width: 940px){
    .project-dashboard .total-revenue .card-icon{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1595px){
    .project-dashboard .project-chart .project{
        margin:0 -14px
    }
}
@media (min-width: 1200px) and (max-width: 1545px){
    .project-dashboard .project-chart .project{
        margin:0 -17px
    }
}
@media (min-width: 1200px) and (max-width: 1525px){
    .project-dashboard .project-chart .project{
        display:none
    }
}
@media (max-width: 575.98px){
    .user-profile .order-sm-0{
        order:-1
    }
}
@media (max-width: 767.98px){
    .user-profile .ttl-info{
        margin-bottom:20px
    }
}
@media (max-width: 575.98px){
    .user-profile .ttl-info{
        text-align:center!important
    }
}
.user-profile .ttl-info h6,.user-profile .ttl-info .h6{
    font-size:16px;
    color:var(--light-font);
    font-weight:500
}
.user-profile .ttl-info span{
    color:var(--dark-gray)
}
.user-profile .border-right{
    border-right:1px solid var(--light-text)
}
.user-profile hr{
    margin:30px 0
}
@media (max-width: 575.98px){
    .user-profile hr{
        margin:15px 0
    }
}
.user-profile .hovercard .cardheader{
    background-image:url(/build/assets/bg-profile-Bbsfu6kb.png);
    background-size:cover;
    background-position:10%;
    height:470px
}
@media (max-width: 767.98px){
    .user-profile .hovercard .cardheader{
        height:350px
    }
}
@media (max-width: 575.98px){
    .user-profile .hovercard .cardheader{
        height:300px
    }
}
.user-profile .hovercard .social-media ul{
    display:flex;
    align-items:center;
    justify-content:center
}
.user-profile .hovercard .social-media ul li{
    width:40px;
    height:40px;
    background-color:var(--light-color);
    border-radius:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center
}
.user-profile .hovercard .social-media ul li a{
    padding:0;
    font-size:22px
}
@media (max-width: 575.98px){
    .user-profile .hovercard .social-media ul li a{
        margin-right:0;
        font-size:16px
    }
}
@media (max-width: 360px){
    .user-profile .hovercard .social-media ul li a{
        padding:0 6px
    }
}
.user-profile .hovercard .social-media ul li i{
    font-size:20px
}
.user-profile .hovercard .user-image{
    position:relative;
    height:0;
    width:auto
}
.user-profile .hovercard .user-image .avatar{
    margin-top:-80px
}
.user-profile .hovercard .user-image .avatar img{
    width:100px;
    height:100px;
    max-width:155px;
    max-height:155px;
    border-radius:50%;
    border:7px solid #ffffff
}
[data-theme=dark] .user-profile .hovercard .user-image .avatar img{
    border-color:var(--body-color)
}
.user-profile .hovercard .user-image .icon-wrapper{
    position:absolute;
    bottom:-20px;
    left:51%;
    display:flex;
    justify-content:center;
    align-items:center;
    height:40px;
    width:40px;
    border-radius:50%;
    background-color:#fff;
    cursor:pointer;
    overflow:hidden;
    margin:0 auto;
    font-size:17px;
    box-shadow:0 0 6px 3px #4466f21a
}
[data-theme=dark] .user-profile .hovercard .user-image .icon-wrapper{
    background:var(--body-color);
    color:var(--light-font)
}
.user-profile .hovercard .info{
    padding:30px 26px
}
@media (max-width: 767.98px){
    .user-profile .hovercard .info{
        padding:35px
    }
}
@media (max-width: 575.98px){
    .user-profile .hovercard .info{
        padding:20px
    }
}
@media (max-width: 991.98px){
    .user-profile .hovercard .info .user-designation{
        margin-bottom:20px
    }
}
@media (max-width: 575.98px){
    .user-profile .hovercard .info .user-designation{
        margin-bottom:15px;
        padding:15px 0
    }
}
.user-profile .hovercard .info .title{
    margin-bottom:4px;
    font-size:24px;
    line-height:1;
    color:#2c2c31;
    vertical-align:middle
}
.user-profile .hovercard .info .title a{
    color:var(--body-font-color);
    font-size:20px;
    text-transform:uppercase;
    font-weight:500
}
.user-profile .hovercard .info .desc{
    overflow:hidden;
    line-height:20px;
    text-overflow:ellipsis;
    text-transform:uppercase;
    font-size:16px;
    color:var(--body-font-color);
    font-weight:500
}
.user-profile .follow{
    margin-top:20px
}
.user-profile .follow .follow-num{
    font-size:20px;
    color:var(--body-font-color);
    font-family:Outfit,sans-serif,sans-serif;
    font-weight:500
}
[data-theme=dark] .user-profile .follow .follow-num,.user-profile .follow span{
    color:var(--light-font)
}
.user-profile .profile-img-style{
    padding:30px
}
@media (max-width: 575.98px){
    .user-profile .profile-img-style{
        padding:15px
    }
}
.user-profile .profile-img-style .img-container{
    margin-top:22px;
    min-height:0!important
}
.user-profile .profile-img-style .img-container .my-gallery{
    display:block
}
.user-profile .profile-img-style .user-name{
    font-size:14px;
    color:var(--body-font-color);
    margin:0;
    font-weight:600
}
.user-profile .profile-img-style p{
    line-height:30px;
    font-size:14px;
    color:var(--light-font);
    margin-bottom:0
}
.user-profile .profile-img-style .d-flex img{
    width:50px
}
.user-profile .like-comment li a,[data-theme=dark] .user-profile .like-comment li a{
    color:var(--light-font)
}
.user-profile .like-comment li:first-child a:hover,.user-profile .like-comment li:first-child a:active{
    color:#c42a02
}
.user-profile .like-comment span{
    font-family:Outfit,sans-serif,sans-serif
}
@media (max-width: 575.98px){
    .user-profile .like-comment span{
        margin-left:0!important
    }
}
[data-theme=dark] .user-profile .like-comment span{
    color:var(--light-font)
}
.user-profile .social-media a{
    padding:0 15px;
    color:var(--light-font);
    font-size:20px;
    cursor:pointer
}
.user-profile .social-media a:hover{
    color:var(--theme-default)
}
.user-profile .my-gallery{
    display:block
}
.user-profile .my-gallery.img-2{
    gap:0;
    display:flex
}
.edit-profile .profile-title .d-flex{
    align-items:center;
    margin-bottom:30px
}
.edit-profile table tbody tr:last-child td{
    padding-bottom:.5rem!important
}
.edit-profile .profile-title .d-flex{
    align-items:center;
    margin-bottom:10px
}
.edit-profile .profile-title .d-flex img{
    width:70px;
    height:70px
}
.edit-profile .profile-title .d-flex .flex-grow-1{
    margin-left:14px
}
[dir=rtl] .edit-profile .profile-title .d-flex .flex-grow-1{
    margin-left:unset;
    margin-right:14px
}
.project-list .row{
    margin:15px
}
.project-list button:focus{
    outline:none!important
}
.project-list .theme-form .form-group{
    margin-bottom:15px
}
.project-list .border-tab.nav-tabs .nav-item .nav-link{
    border:1px solid transparent;
    padding:5px 30px 5px 0;
    border-radius:5px;
    display:flex;
    align-items:center
}
.project-list .border-tab.nav-tabs .nav-item .nav-link.active .feather{
    stroke:var(--theme-default)!important
}
.project-list .btn{
    margin-right:5px;
    vertical-align:-12px;
    float:right
}
[dir=rtl] .project-list .btn{
    float:left
}
.project-list .btn svg{
    vertical-align:middle;
    height:16px
}
.project-list ul{
    margin-bottom:0!important;
    border-bottom:0
}
.project-list ul li svg{
    height:18px;
    vertical-align:middle;
    margin-right:5px
}
.tab-content .row>div[class*=col-xl-4]:nth-child(1){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 100s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(2){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 200s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(3){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 300s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(4){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 400s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(5){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 500s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(6){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 600s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(7){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 700s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(8){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 800s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(9){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 900s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(10){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 1000s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(11){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 1100s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(12){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 1200s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(13){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 1300s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(14){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 1400s
}
.tab-content .row>div[class*=col-xl-4]:nth-child(15){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 1500s
}
.project-cards .tab-content{
    margin-bottom:-30px
}
[data-theme=dark] .project-cards .badge{
    color:var(--light-font)!important
}
.project-box{
    position:relative;
    border:var(--light-border);
    border-radius:5px;
    padding:30px;
    margin-bottom:30px;
    color:var(--body-font-color)!important
}
.project-box h6,.project-box .h6{
    font-weight:500!important
}
.project-box .badge{
    position:absolute;
    right:30px;
    top:15px;
    line-height:13px
}
.project-box .project-status p{
    margin-bottom:5px;
    font-weight:800
}
.project-box .details div{
    margin-bottom:5px;
    opacity:.7
}
.projectdetails .card .card-body,.projectdetails .card .card-footer{
    padding:20px
}
.projectdetails .card select{
    width:90px;
    height:28px;
    font-size:11px;
    right:20px;
    top:20px
}
.projectmore .details .col-4{
    margin-bottom:5px
}
.projectmore .details .col-4:nth-child(2n){
    opacity:.5
}
.projectmore h5,.projectmore .h5{
    font-size:20px;
    font-weight:600
}
.projectmore .task-list{
    position:relative
}
.projectmore .task-list ul li{
    margin-bottom:5px
}
.projectmore .task-list ul+ul{
    position:absolute;
    left:50%;
    top:0
}
.new-users.activity .gradient-round{
    padding:13px;
    font-size:20px;
    line-height:1.4;
    text-align:center;
    top:unset!important
}
.new-users.activity .gradient-round:after{
    display:none
}
.files-content{
    display:flex;
    margin-bottom:-10px
}
.files-content li{
    margin-right:20px;
    margin-bottom:10px
}
.files-content li .files-list .file-left{
    background-color:#43b9b214;
    border:var(--light-border);
    padding:18px 22px;
    border-radius:5px
}
.file-sidebar .card .card-body,.file-sidebar .card .card-header,.file-content .card .card-body,.file-content .card .card-header{
    padding:20px!important
}
.file-sidebar .card .card-body .btn-outline-primary .stroke-primary,.file-sidebar .card .card-header .btn-outline-primary .stroke-primary,.file-content .card .card-body .btn-outline-primary .stroke-primary,.file-content .card .card-header .btn-outline-primary .stroke-primary{
    stroke:var(--theme-default)
}
.file-sidebar .card .card-body .btn-outline-primary:hover .stroke-primary,.file-sidebar .card .card-header .btn-outline-primary:hover .stroke-primary,.file-content .card .card-body .btn-outline-primary:hover .stroke-primary,.file-content .card .card-header .btn-outline-primary:hover .stroke-primary{
    stroke:#fff!important
}
.file-sidebar .card .card-body .stroke-white,.file-sidebar .card .card-header .stroke-white,.file-content .card .card-body .stroke-white,.file-content .card .card-header .stroke-white{
    stroke:#fff
}
.file-sidebar .card .card-body .file-manager,.file-sidebar .card .card-header .file-manager,.file-content .card .card-body .file-manager,.file-content .card .card-header .file-manager{
    padding-top:unset!important
}
.file-sidebar .card .card-body .form-group input,.file-sidebar .card .card-header .form-group input,.file-content .card .card-body .form-group input,.file-content .card .card-header .form-group input{
    line-height:0
}
.file-manager .folder{
    margin-bottom:-12px
}
.file-manager .folder li:nth-child(n+2){
    margin-left:12px;
    margin-bottom:12px
}
.file-manager .folder li:nth-child(5),.file-manager .folder li:nth-child(9),.file-manager .folder li:nth-child(13){
    margin-left:0
}
[data-theme=dark] .file-manager .folder li.folder-box{
    background-color:var(--body-color)!important
}
.file-sidebar ul li+li{
    margin-top:8px
}
.file-sidebar .btn{
    display:flex;
    align-items:center;
    padding:8px 20px;
    font-weight:400
}
[data-theme=dark] .file-sidebar .btn.btn-light{
    background-color:var(--body-color);
    border-color:var(--solid-border)
}
.file-sidebar .btn.btn-primary:hover,.file-sidebar .btn.btn-outline-primary:hover{
    color:#fff!important
}
.file-sidebar .btn.btn-primary:hover svg,.file-sidebar .btn.btn-outline-primary:hover svg{
    stroke:#fff!important
}
.file-sidebar .btn:hover{
    color:var(--theme-default)!important
}
.file-sidebar .btn:hover svg{
    stroke:var(--theme-default)
}
.file-sidebar .btn svg{
    width:16px;
    height:16px;
    vertical-align:middle;
    margin-right:8px
}
.file-sidebar .pricing-plan{
    border:1px solid var(--solid-border);
    border-radius:5px;
    margin-top:10px;
    padding:15px;
    position:relative;
    overflow:hidden
}
[data-theme=dark] .file-sidebar .pricing-plan{
    background-color:var(--body-color);
    border-color:var(--solid-border)
}
.file-sidebar .pricing-plan h6,.file-sidebar .pricing-plan .h6{
    font-size:14px;
    margin-bottom:2px;
    color:#59667a
}
.file-sidebar .pricing-plan h5,.file-sidebar .pricing-plan .h5{
    font-weight:500;
    font-size:20px
}
.file-sidebar .pricing-plan p{
    margin-bottom:5px;
    color:#59667a
}
.file-sidebar .pricing-plan .btn{
    display:inline-block;
    font-size:12px
}
.file-sidebar .pricing-plan .bg-img{
    position:absolute;
    top:40px;
    opacity:.1;
    transform:rotate(-45deg);
    right:-40px
}
.file-manager h5,.file-manager .h5{
    font-size:18px
}
.file-manager>h6,.file-manager>.h6{
    opacity:.6;
    font-weight:400!important;
    font-size:15px;
    margin-bottom:12px
}
.file-manager .files-gap{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px
}
.file-manager .files-gap.list-group{
    flex-direction:unset
}
.file-manager p{
    font-size:12px;
    color:#59667a;
    margin-bottom:0
}
.folder h6,.folder .h6{
    opacity:.9;
    font-weight:500!important;
    font-size:14px
}
.files-content,.quick-file{
    flex-wrap:wrap
}
.quick-file{
    margin-bottom:-10px
}
.quick-file li{
    margin-right:20px;
    margin-bottom:10px
}
.quick-file li:last-child{
    margin-right:0
}
.quick-file li h6,.quick-file li .h6{
    font-size:14px;
    text-align:center;
    font-weight:400;
    margin-top:8px
}
.quick-file li .quick-box{
    background-color:#43b9b214;
    border:var(--light-border);
    padding:20px 24px;
    border-radius:5px
}
.quick-file li .quick-box i{
    font-size:30px;
    margin-right:0
}
.file-content .folder-box .files-list h6,.file-content .folder-box .files-list .h6{
    font-size:16px;
    font-weight:400
}
.file-content .folder-box .files-list i{
    margin-right:0
}
.file-content .ellips{
    position:absolute;
    top:30px;
    right:30px;
    opacity:.7
}
.file-content .form-inline{
    border:1px solid var(--solid-border);
    padding:0 20px;
    border-radius:5px
}
[data-theme=dark] .file-content .form-inline{
    background-color:var(--body-color)!important;
    border-color:var(--solid-border)
}
.file-content .form-inline i{
    padding-right:10px;
    color:#59667a;
    line-height:3
}
.file-content .form-inline input::-webkit-input-placeholder{
    color:#59667a
}
.file-content .form-inline input:focus{
    outline:none!important
}
.file-content .search-form input{
    padding:5px 10px 5px 70px;
    border-radius:5px
}
.file-content .search-form .form-group:before{
    left:82px;
    top:37px
}
.file-content .search-form .form-group:after{
    top:39px;
    left:53px
}
.file-content .btn svg{
    height:16px;
    margin-right:2px;
    vertical-align:-3px
}
.file-content h4,.file-content .h4{
    font-weight:500;
    margin-bottom:5px;
    font-size:24px;
    line-height:1
}
.file-content .folder .folder-box{
    border:var(--light-border);
    border-radius:5px;
    padding:15px;
    background-color:#fff;
    width:calc(25% - 15px);
    display:inline-block;
    margin:2px 0;
    position:relative
}
.file-content .folder .folder-box h6,.file-content .folder .folder-box .h6{
    font-size:16px
}
.file-content .folder .folder-box .ellips{
    top:22px;
    right:22px
}
.file-content .folder .folder-box:nth-child(1){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 100s
}
.file-content .folder .folder-box:nth-child(2){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 200s
}
.file-content .folder .folder-box:nth-child(3){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 300s
}
.file-content .folder .folder-box:nth-child(4){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 400s
}
.file-content .folder .folder-box:nth-child(5){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 500s
}
.file-content .folder .folder-box:nth-child(6){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 600s
}
.file-content .folder .folder-box:nth-child(7){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 700s
}
.file-content .folder .folder-box:nth-child(8){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 800s
}
.file-content .folder .folder-box:nth-child(9){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 900s
}
.file-content .folder .folder-box:nth-child(10){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 1000s
}
.file-content .folder .folder-box:nth-child(11){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 1100s
}
.file-content .folder .folder-box:nth-child(12){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 1200s
}
.file-content .folder .folder-box:nth-child(13){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 1300s
}
.file-content .folder .folder-box:nth-child(14){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 1400s
}
.file-content .folder .folder-box:nth-child(15){
    animation-fill-mode:both;
    animation:fadeIncustom .5s linear 1500s
}
.md-sidebar .md-sidebar-toggle{
    display:none;
    width:fit-content;
    margin-bottom:20px;
    font-weight:600;
    text-transform:capitalize
}
@media screen and (max-width: 1440px){
    .file-content .folder .folder-box .d-flex{
        display:block!important;
        text-align:center
    }
    .file-content .folder .folder-box .d-flex .flex-grow-1{
        margin-left:0!important;
        margin-top:5px
    }
}
@media screen and (max-width: 1366px){
    .file-content .folder{
        margin-bottom:-10px
    }
    .file-content .folder .folder-box{
        margin-bottom:10px;
        margin-right:0;
        padding:13px
    }
    .file-content .folder .folder-box .d-flex i{
        font-size:30px
    }
    .file-content .card-header .btn{
        padding:8px 15px;
        z-index:0
    }
    .file-sidebar .btn{
        padding:8px 15px
    }
}
@media screen and (max-width: 768px){
    .file-content .form-inline{
        display:inline-block
    }
    .file-content .folder{
        margin-bottom:-10px
    }
    .file-content .folder .folder-box{
        width:calc(50% - 20px);
        margin-bottom:10px;
        margin-right:8px
    }
    .file-content .folder .folder-box:nth-child(odd){
        margin-left:0
    }
}
@media screen and (max-width: 420px){
    .file-content .folder .folder-box{
        width:100%;
        margin-right:unset
    }
    .file-content h4,.file-content .h4{
        font-size:20px
    }
    .file-content .card-header .btn{
        padding:7px 10px;
        font-size:12px
    }
    .file-manager .folder li:nth-child(n+2){
        margin-left:0
    }
    .file-manager>h6,.file-manager>.h6{
        font-size:14px
    }
}
.jkanban-container .card-header p{
    color:#2f2f3b;
    font-weight:400
}
[data-theme=dark] .jkanban-container .card-header p{
    color:var(--light-font)!important
}
.jkanban-container .card-body #demo1,.jkanban-container .card-body #demo2,.jkanban-container .card-body #demo3{
    margin-left:-15px;
    margin-right:-15px
}
.jkanban-container .btn{
    margin-bottom:10px
}
[data-theme=dark] .jkanban-container .note{
    color:var(--bs-heading-color)!important
}
.jkanban-container .note a{
    display:contents
}
.kanban-board-header{
    z-index:0;
    height:auto;
    width:auto;
    line-height:unset;
    background:var(--light-color);
    border-bottom:1px solid var(--solid-border);
    padding:16px
}
.kanban-board-header.bg-info~.kanban-drag{
    padding:20px;
    background-color:#2e8dd34d!important
}
.kanban-board-header.bg-warning~.kanban-drag{
    padding:20px;
    background-color:#f0ad4e4d!important
}
.kanban-board-header.bg-success~.kanban-drag{
    padding:20px;
    background-color:#17a6004d!important
}
.default-kanban .kanban-container,.custom-board .kanban-container,.api-board .kanban-container{
    display:flex;
    width:100%!important;
    flex-wrap:wrap
}
.kanban-board{
    margin-bottom:30px;
    transition:all .3s ease;
    letter-spacing:.5px;
    border-radius:8px;
    box-shadow:1px 5px 24px #4466f20d;
    overflow:hidden;
    width:calc((100% - 90px) / 3)!important;
    margin-right:30px
}
.kanban-board .kanban-drag{
    background:var(--light-color);
    padding:20px
}
.kanban-item{
    background:transparent;
    padding:0;
    margin-bottom:20px
}
.kanban-item p{
    opacity:.7
}
.kanban-item:last-child{
    margin-bottom:0
}
.kanban-item .list{
    display:inline-block;
    opacity:.4
}
.kanban-item .list li{
    display:inline-block;
    font-size:12px;
    margin-right:10px
}
.kanban-item .list li i{
    margin-right:10px
}
.kanban-item .kanban-box{
    border:var(--light-border);
    border-radius:5px;
    padding:20px;
    position:relative;
    display:block;
    color:inherit;
    background-color:var(--body-color)
}
.kanban-item .kanban-box:hover{
    color:inherit
}
.kanban-item .kanban-box+.kanban-box{
    margin-top:20px
}
.kanban-item .kanban-box .badge{
    font-weight:400;
    padding:4px;
    float:right
}
.kanban-item .kanban-box h6,.kanban-item .kanban-box .h6{
    font-size:15px;
    margin-top:5px;
    margin-bottom:8px;
    font-weight:500
}
.kanban-item .kanban-box .dropdown{
    display:inline-block;
    right:10px;
    position:absolute;
    top:20px
}
.kanban-item .kanban-box .dropdown .dropdown-item{
    font-size:13px;
    font-weight:500;
    padding:5px 10px;
    text-align:left
}
.kanban-item .kanban-box .dropdown svg{
    height:14px
}
.kanban-item .kanban-box .d-flex{
    justify-content:space-between
}
.kanban-item .kanban-box .dropdown-toggle:after{
    content:none
}
.kanban-item .kanban-box .customers li:first-child{
    vertical-align:middle
}
.kanban-item .kanban-box .customers ul li+li{
    margin-left:-10px
}
.kanban-item .kanban-box .date{
    font-size:11px;
    opacity:.5
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
    .jkanban-container .kanban-container .kanban-board{
        width:calc(33.3333333333% - 20px)!important
    }
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .jkanban-container .kanban-container .kanban-board{
        margin:0 10px!important;
        width:calc(33.3333333333% - 20px)!important
    }
}
@media (max-width: 1199.98px){
    .jkanban-container .btn{
        margin-bottom:10px
    }
}
@media (max-width: 991.98px){
    .kanban-board{
        width:calc(50% - 30px)!important
    }
}
@media (max-width: 767.98px){
    .jkanban-container .card-body #demo1{
        margin-left:0
    }
}
@media only screen and (max-width: 600px){
    .kanban-board .kanban-drag,.kanban-container .kanban-item .kanban-box{
        padding:10px 15px
    }
    .custom-board .kanban-container .kanban-board,.api-board .kanban-container .kanban-board{
        width:90%!important;
        margin-left:14px!important;
        margin-right:14px!important
    }
    .kanban-container .kanban-board{
        width:94%!important;
        margin:0 10px!important
    }
}
@media only screen and (max-width: 480px){
    .jkanban-container .kanban-board{
        margin-bottom:14px
    }
    .jkanban-container .card-body{
        padding:15px!important
    }
    .kanban-board .kanban-drag,.kanban-container .kanban-item .kanban-box{
        padding:10px 15px
    }
}
@media only screen and (max-width: 360px){
    .jkanban-container .btn{
        margin-left:0;
        padding:6px 16px
    }
}
.profile-img-style img,.scroll-bar-wrap img{
    width:100%
}
[data-theme=dark] .profile-img-style img,[data-theme=dark] .scroll-bar-wrap img{
    border-color:var(--light-color)!important
}
.gallery{
    margin-bottom:-30px
}
.gallery>a{
    margin-bottom:30px
}
.gallery>a:before{
    content:"";
    font-family:IcoFont;
    position:absolute;
    height:calc(100% - 10px);
    left:20px;
    width:calc(100% - 40px);
    background-color:#ffffff45;
    top:5px;
    transform:scale(0);
    transition:all .3s ease;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    color:#000
}
.gallery>a:hover:before{
    transform:scale(1);
    transition:all .3s ease
}
.gallery>a .img-thumbnail{
    border-radius:0
}
.gallery-with-description{
    margin-bottom:-30px
}
.gallery-with-description a>div{
    padding:10px;
    border:var(--light-border);
    margin-bottom:30px;
    border-radius:0 0 5px 5px
}
[data-theme=dark] .gallery-with-description a>div{
    border:var(--light-border)
}
.gallery-with-description a:hover{
    text-decoration:none!important
}
.gallery-with-description h4,.gallery-with-description .h4{
    color:#2c2c31;
    margin-top:15px;
    font-size:18px
}
[data-theme=dark] .gallery-with-description h4,[data-theme=dark] .gallery-with-description .h4{
    color:var(--light-font)
}
.gallery-with-description p{
    color:#44444c
}
[data-theme=dark] .gallery-with-description p{
    color:var(--light-font)
}
.lg-backdrop{
    background-color:#fff
}
.lg-outer .lg-actions .lg-next,.lg-outer .lg-actions .lg-prevlg-prev{
    background-color:#fff0;
    border:1px solid var(--light-semi-gray)
}
.lg-outer .lg-actions .lg-next:hover,.lg-outer .lg-actions .lg-prevlg-prev:hover{
    color:var(--dark-gray)
}
.lg-outer .lg-toolbar{
    background-color:#ffffff45;
    border-bottom:1px solid #2C2C31
}
.lg-outer .lg-toolbar .lg-icon:hover,.lg-outer #lg-counter{
    color:#2c2c31
}
.lg-outer .lg-sub-html{
    background-color:#ffffff45
}
.lg-outer .lg-sub-html h4,.lg-outer .lg-sub-html .h4{
    font-size:inherit;
    color:#2c2c31
}
.lg-outer .lg-sub-html p{
    color:#2c2c31
}
.lg-outer .lg-thumb-outer{
    background-color:var(--light-gray)
}
.lg-outer .lg-thumb-item{
    padding:4px;
    border:1px solid var(--light-semi-gray);
    border-radius:0
}
.lg-outer .lg-thumb-item .active,.lg-outer .lg-thumb-item:hover{
    border-color:#000
}
.gallery a:before,.gallery a:after{
    content:none
}
.gallery .img-hover>div{
    overflow:hidden
}
.gallery .hover-1 img{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-1 img:hover{
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.gallery .hover-2 img{
    width:100%;
    height:auto;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    transform:translate(0)
}
.gallery .hover-2:hover img{
    transform:translate(40px) scale(1.2)
}
.gallery .hover-3 img{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-3:hover img{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.gallery .hover-4 img{
    -webkit-transform:scale(1.5);
    transform:scale(1.5);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-4:hover img{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.gallery .hover-5 img{
    margin-left:30px;
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-5:hover img{
    margin-left:0
}
.gallery .hover-6 img{
    -webkit-transform:rotate(15deg) scale(1.4);
    transform:rotate(15deg) scale(1.4);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-6:hover img{
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1)
}
.gallery .hover-7 img{
    -webkit-filter:blur(3px);
    filter:blur(3px);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-7:hover img{
    -webkit-filter:blur(0);
    filter:blur(0)
}
.gallery .hover-8 img{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-8:hover img{
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.gallery .hover-9 img{
    -webkit-filter:sepia(100%);
    filter:sepia(100%);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-9:hover img{
    -webkit-filter:sepia(0);
    filter:sepia(0)
}
.gallery .hover-10 img{
    -webkit-filter:grayscale(0) blur(0);
    filter:grayscale(0) blur(0);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-10:hover img{
    -webkit-filter:grayscale(100%) blur(3px);
    filter:grayscale(100%) blur(3px)
}
.gallery .hover-11 img{
    opacity:1;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.gallery .hover-11:hover img{
    opacity:.5
}
@-webkit-keyframes flash{
    0%{
        opacity:.4
    }
    to{
        opacity:1
    }
}
@keyframes flash{
    0%{
        opacity:.4
    }
    to{
        opacity:1
    }
}
.gallery .hover-13:hover img{
    opacity:1;
    -webkit-animation:flash 1.5s;
    animation:flash 1.5s
}
@-webkit-keyframes shine{
    to{
        left:125%
    }
}
@keyframes shine{
    to{
        left:125%
    }
}
.gallery .hover-14 div{
    position:relative
}
.gallery .hover-14 div:before{
    position:absolute;
    top:0;
    left:-75%;
    z-index:2;
    display:block;
    content:"";
    width:50%;
    height:100%;
    background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background:linear-gradient(to right,#fff0,#ffffff4d);
    -webkit-transform:skewX(-25deg);
    transform:skew(-25deg)
}
.gallery .hover-14 div:hover:before{
    -webkit-animation:shine .75s;
    animation:shine .75s
}
.gallery .hover-15 div{
    position:relative
}
.gallery .hover-15 div:before{
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    display:block;
    content:"";
    width:0;
    height:0;
    background:#ffffff4d;
    border-radius:100%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity:0
}
.gallery .hover-15 div:hover:before{
    -webkit-animation:circle .75s;
    animation:circle .75s
}
@-webkit-keyframes circle{
    0%{
        opacity:1
    }
    40%{
        opacity:1
    }
    to{
        width:200%;
        height:200%;
        opacity:0
    }
}
@keyframes circle{
    0%{
        opacity:1
    }
    40%{
        opacity:1
    }
    to{
        width:200%;
        height:200%;
        opacity:0
    }
}
*{
    box-sizing:border-box
}
*:after,*:before{
    box-sizing:border-box
}
.grid{
    position:relative
}
.grid:after{
    content:"";
    display:block;
    clear:both
}
.grid-item img{
    max-width:100%;
    padding:.25rem;
    background-color:#fff;
    border:var(--light-border)
}
[data-theme=dark] .grid-item img{
    background-color:var(--card-color)!important
}
.gallery-with-description .grid-item img{
    border:0;
    padding:0
}
.blog-box img{
    border-radius:.25rem
}
.blog-box .top-radius-blog{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.blog-box h6,.blog-box .h6{
    font-weight:600;
    margin:15px 0
}
.blog-box .blog-details{
    padding-right:20px
}
@media (max-width: 575.98px){
    .blog-box .blog-details{
        padding:20px!important
    }
}
.blog-box .blog-details .blog-social{
    margin-top:30px
}
.blog-box .blog-details .blog-social li{
    display:inline-block;
    font-size:12px;
    color:#52526c
}
[data-theme=dark] .blog-box .blog-details .blog-social li{
    color:var(--light-font)
}
.blog-box .blog-details .blog-social li+li{
    padding-left:20px;
    line-height:1;
    padding-right:0
}
@media (max-width: 575.98px){
    .blog-box .blog-details .blog-social li+li>span{
        display:none
    }
}
@media (max-width: 767.98px){
    .blog-box .blog-details .blog-social li+li{
        padding-left:25px
    }
}
@media (max-width: 575.98px){
    .blog-box .blog-details .blog-social li+li{
        padding-left:20px
    }
}
.blog-box .blog-details .blog-social li i{
    padding-right:5px;
    font-weight:300
}
.blog-box .blog-details .blog-social li:first-child{
    border-right:1px solid #cccccc;
    padding-right:20px
}
@media (max-width: 575.98px){
    .blog-box .blog-details .blog-social li:first-child{
        margin-right:10px;
        padding-right:20px
    }
}
[data-theme=dark] .blog-box .blog-details .blog-social li:first-child{
    border-color:var(--solid-border)
}
@media only screen and (max-width: 360px){
    .blog-box .blog-details .blog-social li:last-child{
        padding-left:0
    }
}
[data-theme=dark] .blog-box .blog-details-main hr{
    background-color:var(--solid-border)
}
.blog-box .blog-details-main .blog-social{
    margin:20px 0;
    justify-content:center
}
.blog-box .blog-details-main .blog-social li{
    display:inline-block;
    font-size:12px;
    color:#52526c;
    padding:0 24px;
    border-right:1px dotted
}
[data-theme=dark] .blog-box .blog-details-main .blog-social li{
    color:var(--light-font)
}
@media (max-width: 1676px){
    .blog-box .blog-details-main .blog-social li{
        padding:0 10px
    }
}
.blog-box .blog-details-main .blog-social li:last-child{
    border-right:0
}
.blog-box .blog-details-main .blog-social li i{
    padding-right:5px
}
.blog-box .blog-details-main .blog-bottom-details{
    margin:20px;
    font-size:14px;
    line-height:1.714;
    font-weight:500
}
[data-theme=dark] .blog-box .blog-details-main .blog-bottom-details{
    color:var(--light-font)
}
.blog-box .blog-date{
    color:#52526c
}
[data-theme=dark] .blog-box .blog-date{
    color:var(--light-font)
}
.blog-box .blog-date span{
    font-size:36px;
    font-weight:500;
    padding-right:5px
}
@media (max-width: 575.98px){
    .blog-box .blog-date span{
        font-size:25px
    }
}
.blog-box.blog-shadow:before{
    box-shadow:inset 0 -200px 100px -13px #0009;
    transition:all .3s ease;
    border-radius:5px;
    content:"";
    position:absolute;
    height:100%;
    top:0;
    width:100%;
    bottom:0
}
@media (max-width: 575.98px){
    .blog-box.blog-shadow:before{
        box-shadow:inset 0 -100px 100px -13px #0009
    }
}
.blog-box.blog-shadow:hover:before{
    box-shadow:inset 0 -200px 100px -13px #000000a6;
    transition:all .3s ease
}
.blog-box.blog-shadow .blog-details{
    position:absolute;
    bottom:0;
    width:100%;
    padding:20px!important
}
@media (max-width: 575.98px){
    .blog-box.blog-shadow .blog-details{
        padding:15px!important
    }
}
@media only screen and (max-width: 480px){
    .blog-box.blog-shadow .blog-details{
        padding:10px!important
    }
}
.blog-box.blog-shadow .blog-details h4,.blog-box.blog-shadow .blog-details .h4{
    color:#fff;
    margin-bottom:0
}
@media (max-width: 575.98px){
    .blog-box.blog-shadow .blog-details h4,.blog-box.blog-shadow .blog-details .h4{
        margin-bottom:10px
    }
}
@media only screen and (max-width: 480px){
    .blog-box.blog-shadow .blog-details h4,.blog-box.blog-shadow .blog-details .h4{
        font-size:14px
    }
}
.blog-box.blog-shadow .blog-details p{
    font-size:14px;
    color:#fff;
    margin-bottom:10px
}
@media (max-width: 575.98px){
    .blog-box.blog-shadow .blog-details p{
        margin-bottom:0
    }
}
.blog-box.blog-shadow .blog-details .blog-social li{
    color:#fff
}
@media (max-width: 575.98px){
    .blog-box.blog-shadow .blog-details .blog-social li:first-child{
        margin-right:10px;
        padding-right:20px
    }
}
@media (max-width: 575.98px){
    .blog-box.blog-shadow .blog-details .blog-social li+li{
        padding-left:20px
    }
}
@media only screen and (max-width: 360px){
    .blog-box.blog-shadow .blog-details .blog-social li:last-child{
        padding-left:0
    }
}
@media (max-width: 575.98px){
    .blog-box.blog-shadow .blog-details .blog-social{
        margin-top:15px
    }
}
@media (max-width: 575.98px){
    .blog-list .blog-details{
        padding-top:0
    }
}
.blog-list .blog-details .blog-social{
    margin-top:0
}
@media (max-width: 575.98px){
    .blog-list .blog-details .blog-social{
        margin-top:15px
    }
}
.blog-list .blog-details h6,.blog-list .blog-details .h6{
    margin-top:0;
    color:#ccc;
    font-weight:500
}
[data-theme=dark] .blog-list .blog-details h6,[data-theme=dark] .blog-list .blog-details .h6{
    color:var(--light-font)
}
.blog-list .blog-details hr{
    margin-top:10px;
    margin-bottom:10px
}
.blog-list img{
    padding:17px
}
.blog-grid img{
    width:100%
}
.blog-grid .blog-details{
    padding:20px
}
.blog-grid .blog-details h6,.blog-grid .blog-details .h6{
    font-size:14px;
    margin-bottom:0;
    line-height:1.8
}
.blog-box{
    position:relative;
    max-height:100%;
    align-items:center
}
.blog-box .blog-details h6,.blog-box .blog-details .h6{
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-line-clamp:1;
    display:-webkit-box;
    -webkit-box-orient:vertical
}
.blog-box .blog-details p{
    font-size:14px;
    line-height:1.8;
    letter-spacing:.7px;
    margin-top:30px;
    margin-bottom:0;
    color:#52526c;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-line-clamp:3;
    display:-webkit-box;
    -webkit-box-orient:vertical
}
[data-theme=dark] .blog-box .blog-details p{
    color:var(--light-font)
}
@media (max-width: 575.98px){
    .blog-box .blog-details p{
        margin-top:15px
    }
}
@media only screen and (max-width: 360px){
    .blog-box .blog-details p{
        line-height:1.5
    }
}
@media (max-width: 1570px){
    .blog-box .blog-details p{
        -webkit-line-clamp:2
    }
}
.blog-box .blog-details h4,.blog-box .blog-details .h4{
    font-size:18px;
    font-weight:500;
    line-height:1.5;
    margin-top:20px;
    margin-bottom:0
}
@media (max-width: 575.98px){
    .blog-box .blog-details h4,.blog-box .blog-details .h4{
        margin-top:15px
    }
}
.blog-box .blog-details .single-blog-content-top{
    margin-top:20px;
    border-top:1px solid var(--light-semi-gray)
}
@media (max-width: 575.98px){
    .blog-box .blog-details .single-blog-content-top{
        margin-top:15px
    }
}
[data-theme=dark] .blog-box .blog-details .single-blog-content-top{
    border-color:var(--solid-border)
}
.blog-box .blog-details .blog-social li,.blog-box .blog-details .comment-social li{
    font-size:14px
}
.comment-box{
    padding-top:50px;
    padding-bottom:50px
}
@media (max-width: 575.98px){
    .comment-box{
        padding-top:30px;
        padding-bottom:30px
    }
}
.comment-box hr{
    margin-top:20px;
    margin-bottom:30px
}
.comment-box li{
    margin-bottom:30px
}
.comment-box li:last-child{
    margin-bottom:0
}
.comment-box ul ul{
    margin-left:135px
}
@media (max-width: 575.98px){
    .comment-box ul ul{
        margin-left:30px
    }
}
.comment-box p{
    font-size:14px;
    line-height:2;
    color:#52526c;
    text-align:justify;
    margin-bottom:0
}
[data-theme=dark] .comment-box p{
    color:var(--light-font)
}
.comment-box h4,.comment-box .h4{
    font-weight:600
}
@media (max-width: 575.98px){
    .comment-box .d-flex{
        display:block!important
    }
}
.comment-box .d-flex img{
    margin-right:30px;
    border-radius:10px;
    height:90px;
    padding:7px;
    width:90px;
    border:1px solid var(--light-semi-gray)
}
[data-theme=dark] .comment-box .d-flex img{
    border-color:var(--solid-border)
}
@media (max-width: 767.98px){
    .comment-box .d-flex img{
        margin-right:30px
    }
}
@media (max-width: 575.98px){
    .comment-box .d-flex img{
        height:50px;
        width:50px;
        padding:3px;
        margin-bottom:10px
    }
}
.comment-box .d-flex h6,.comment-box .d-flex .h6{
    font-weight:500;
    margin-bottom:5px
}
@media (max-width: 767.98px){
    .comment-box .d-flex h6,.comment-box .d-flex .h6{
        margin-bottom:10px
    }
}
.comment-box .d-flex h6 span,.comment-box .d-flex .h6 span{
    padding-left:10px;
    font-size:13px;
    color:#52526c;
    font-weight:400
}
[data-theme=dark] .comment-box .d-flex h6 span,[data-theme=dark] .comment-box .d-flex .h6 span{
    color:var(--light-font)
}
@media (max-width: 767.98px){
    .comment-box .comment-social{
        margin-bottom:5px
    }
}
@media (max-width: 1199.98px){
    .comment-box .comment-social{
        margin-left:0
    }
}
.comment-box .comment-social li{
    display:inline-block;
    color:#ccc;
    padding-left:20px;
    margin-bottom:0;
    text-transform:uppercase
}
@media (max-width: 991.98px){
    .comment-box .comment-social li{
        padding-left:15px
    }
}
.comment-box .comment-social li:first-child{
    border-right:1px solid var(--light-semi-gray);
    padding-right:20px
}
@media (max-width: 767.98px){
    .comment-box .comment-social li:first-child{
        padding-left:0;
        padding-right:15px
    }
}
.comment-box .comment-social li i{
    padding-right:10px
}
@media screen and (max-width: 1366px) and (min-width: 1200px){
    .blog-bottom-content{
        display:none
    }
}
.sm-100-w{
    width:100%;
    height:100%
}
@media (max-width: 575.98px){
    .blog-single .blog-box .blog-details{
        padding:0
    }
}
@media (max-width: 575.98px){
    .blog-single .blog-box .blog-details .blog-social{
        margin-top:15px
    }
}
.knowledgebase-bg{
    height:500px;
    border-radius:15px;
    margin-bottom:30px
}
@media (max-width: 1199.98px){
    .knowledgebase-bg{
        height:400px
    }
}
@media (max-width: 575.98px){
    .knowledgebase-bg{
        height:250px
    }
}
.knowledgebase-search{
    position:absolute;
    top:0;
    bottom:0;
    display:flex;
    align-items:center;
    left:5%
}
@media (max-width: 575.98px){
    .knowledgebase-search{
        width:calc(100% - 30px);
        left:15px;
        height:calc(100% - 30px);
        background-color:#43b9b230
    }
}
@media (max-width: 575.98px){
    .knowledgebase-search h3,.knowledgebase-search .h3{
        font-size:20px;
        margin-bottom:0
    }
}
@media (max-width: 575.98px){
    .knowledgebase-search>div{
        width:100%;
        text-align:center;
        padding:15px;
        border-right:10px
    }
}
.knowledgebase-search .form-inline{
    background-color:#fff;
    width:500px;
    padding:12px 50px;
    border-radius:10px;
    border:1px solid var(--form-inline-border);
    margin-top:10px;
    position:relative
}
@media (max-width: 1199.98px){
    .knowledgebase-search .form-inline{
        width:400px;
        padding:7px 45px
    }
}
@media (max-width: 575.98px){
    .knowledgebase-search .form-inline{
        width:90%;
        padding:3px 45px
    }
}
.knowledgebase-search .form-inline ::placeholder{
    color:#ccc
}
.knowledgebase-search .form-inline svg,.knowledgebase-search .form-inline i{
    position:absolute;
    left:20px;
    width:20px;
    top:17px;
    stroke:#ccc
}
@media (max-width: 1199.98px){
    .knowledgebase-search .form-inline svg,.knowledgebase-search .form-inline i{
        top:14px
    }
}
@media (max-width: 575.98px){
    .knowledgebase-search .form-inline svg,.knowledgebase-search .form-inline i{
        top:9px
    }
}
.faq-widgets{
    align-items:center
}
.faq-widgets .flex-grow-1{
    flex:1
}
.faq-widgets .flex-grow-1 h4,.faq-widgets .flex-grow-1 .h4{
    font-weight:600;
    color:#fff
}
.faq-widgets .flex-grow-1 p{
    padding-right:20px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#ffffffb3
}
.faq-widgets svg{
    width:60px!important;
    height:60px!important;
    opacity:.5;
    color:#fff
}
@media (max-width: 575.98px){
    .faq-widgets svg{
        width:100px;
        height:100px;
        position:absolute;
        opacity:.1;
        top:10px;
        right:20px;
        width:60px!important;
        height:60px!important
    }
}
@media (max-width: 1199.98px){
    .faq-widgets svg{
        width:80px;
        height:80px
    }
}
.header-faq{
    margin-bottom:15px
}
@media (max-width: 575.98px){
    .header-faq{
        margin-bottom:15px;
        margin-top:10px
    }
}
.header-faq h5,.header-faq .h5{
    font-weight:600
}
.features-faq.card .card-body,.features-faq.card .card-footer{
    padding:20px 25px
}
.features-faq .faq-image img{
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    width:100%
}
.features-faq .card-body h5,.features-faq .card-body .h5{
    font-weight:500
}
.add-project.table td{
    vertical-align:middle
}
.add-project .text-inherit{
    color:var(--black)
}
[data-theme=dark] .add-project .text-inherit{
    color:var(--body-font-color)
}
.faq-accordion.default-according{
    margin-bottom:30px
}
.faq-accordion.default-according .card .accordion-button{
    background-color:transparent
}
.faq-accordion.default-according .card .btn-link{
    display:flex;
    font-weight:500;
    color:#2f2f3b;
    text-decoration:none
}
.faq-accordion.default-according .card .btn-link i{
    width:20px;
    height:20px;
    margin-right:10px
}
[data-theme=dark] .faq-accordion.default-according .card .btn-link{
    color:var(--light-font)
}
.faq-accordion.default-according .card .faq-header{
    position:relative;
    padding:30px
}
@media (max-width: 991.98px){
    .faq-accordion.default-according .card .faq-header{
        padding:20px!important
    }
}
@media (max-width: 575.98px){
    .faq-accordion.default-according .card .faq-header{
        padding:15px!important
    }
}
.faq-accordion.default-according .card .faq-header i{
    position:absolute;
    right:30px;
    top:30px;
    width:20px;
    height:20px
}
@media (max-width: 991.98px){
    .faq-accordion.default-according .card .faq-header i{
        right:20px;
        top:20px
    }
}
.faq-accordion.default-according .card .faq-header span{
    margin-top:3px
}
.faq-accordion.default-according .faq-body{
    padding:20px!important
}
.faq-accordion.default-according .card-mb-faq{
    margin-bottom:30px
}
.faq-title{
    margin:30px 0
}
@media (max-width: 575.98px){
    .faq-title{
        margin:15px 0
    }
}
.faq-title h6,.faq-title .h6{
    color:var(--light-text);
    font-weight:600
}
.faq-form{
    position:relative
}
.faq-form .search-icon{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:20px
}
.navigation-btn{
    margin-bottom:20px
}
@media (max-width: 575.98px){
    .navigation-btn{
        margin-bottom:15px
    }
}
.navigation-btn a{
    display:flex;
    align-items:center;
    justify-content:center
}
.navigation-btn a i{
    width:15px;
    height:15px
}
.navigation-option ul li{
    position:relative;
    padding:8px 8px 8px 0
}
@media (max-width: 991.98px){
    .navigation-option ul li{
        padding:10px 10px 10px 0
    }
}
.navigation-option ul li:hover{
    background-color:var(--body-color)
}
.navigation-option ul li:hover a{
    color:var(--theme-default)
}
.navigation-option ul li a{
    padding-left:40px;
    color:#2f2f3b
}
[data-theme=dark] .navigation-option ul li a{
    color:var(--light-font)
}
.navigation-option ul li a i{
    position:absolute;
    width:15px;
    height:15px;
    top:11px;
    left:15px
}
@media (max-width: 991.98px){
    .navigation-option ul li a i{
        top:12px
    }
}
.updates-faq{
    width:40px;
    height:40px;
    border:1px solid var(--theme-default);
    border-radius:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-right:20px
}
@media (max-width: 991.98px){
    .updates-faq{
        width:35px;
        height:35px;
        margin-right:20px
    }
}
@media (max-width: 767.98px){
    .updates-faq{
        width:30px;
        height:30px
    }
}
.updates-faq svg{
    width:18px!important;
    height:18px!important
}
@media (max-width: 991.98px){
    .updates-faq svg{
        width:16px;
        height:16px
    }
}
.updates-bottom-time{
    flex:1
}
.updates-bottom-time p{
    margin-bottom:2px
}
[data-theme=dark] .updates-bottom-time p{
    color:var(--light-font)
}
.updates-bottom-time p+p{
    color:var(--light-text)
}
[data-theme=dark] .updates-bottom-time p+p{
    color:var(--light-font)
}
.updates-faq-main{
    margin-bottom:20px
}
.updates-faq-main a{
    font-weight:500
}
.updates-faq-main:last-child{
    margin-bottom:0
}
@media (max-width: 991.98px){
    .updates-faq-main{
        margin-bottom:20px
    }
}
@media (max-width: 575.98px){
    .updates-faq-main{
        margin-bottom:15px
    }
}
@media (max-width: 1199.98px){
    .faq-accordion{
        margin-bottom:30px
    }
}
@media (max-width: 575.98px){
    .faq-accordion{
        margin-bottom:0
    }
}
@media (max-width: 575.98px){
    .faq-accordion .faq-header .pull-right{
        float:right
    }
}
@media (max-width: 575.98px){
    .faq-accordion .faq-header i{
        right:15px;
        top:15px
    }
}
@media (max-width: 767.98px){
    .form-inline .form-group:not(.form-control-search) input{
        width:100%
    }
}
@media (max-width: 767.98px){
    .xs-mt-search{
        margin-top:30px
    }
}
@media (max-width: 575.98px){
    .xs-mt-search{
        margin-top:0
    }
}
[data-theme=dark] .text-muted{
    color:var(--light-font)!important
}
.toggle-data{
    cursor:pointer
}
.filter-block ul li{
    padding-top:15px;
    opacity:.5
}
@media (max-width: 1500px){
    .filter-block ul li{
        padding-top:10px
    }
}
.collection-filter-block svg{
    width:50px;
    height:25px;
    stroke:var(--theme-default)!important;
    fill:#43b9b21a;
    margin-right:10px
}
.collection-filter-block h5,.collection-filter-block .h5{
    margin-bottom:0;
    font-size:16px
}
.collection-filter-block p{
    font-size:13px
}
.collection-filter-block .flex-grow-1{
    opacity:.5
}
.collection-filter-block li+li{
    margin-top:16px
}
.qty-box .btn{
    background-color:transparent!important;
    border-color:#ecf3fa!important;
    padding:8px 12px
}
.qty-box .btn i{
    color:var(--dark-gray)
}
.qty-box .btn svg{
    width:14px!important;
    stroke:#2c2c31
}
.qty-box span{
    padding:0 4px
}
.qty-box .input-group{
    background-color:#2c2c311a
}
.qty-box input{
    background-color:#2c2c311a;
    color:#2c2c31;
    max-width:44px;
    padding:0;
    text-align:center;
    border:none;
    max-height:37px
}
.product-social li a{
    color:var(--dark-gray);
    font-size:15px;
    border:1px solid #cccccc;
    border-radius:100%;
    height:35px;
    width:35px;
    display:inline-block;
    text-align:center;
    line-height:2.3;
    transition:all .3s ease
}
.product-social li a:hover{
    border-color:var(--theme-default);
    color:var(--theme-default);
    background-color:#43b9b21a;
    transition:all .3s ease
}
.product-social li:nth-child(n+2){
    margin-left:10px
}
@media (max-width: 767.98px){
    .product-sidebar .filter-section .card .card-header{
        display:none
    }
}
.product-wrapper .product-sidebar .filter-section .card{
    border:0
}
.product-wrapper .product-sidebar .filter-section .card .left-filter{
    z-index:0;
    opacity:0;
    visibility:hidden;
    height:0;
    transition:.3s;
    min-width:320px
}
@media (max-width: 767.98px){
    .product-wrapper .product-sidebar .filter-section .card .left-filter{
        top:unset!important;
        min-width:unset
    }
}
.product-wrapper .product-grid .product-wrapper-grid{
    margin-left:0;
    transition:.3s
}
.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter{
    z-index:3;
    opacity:1;
    visibility:visible;
    position:absolute;
    width:100%;
    background-color:#fff;
    top:53px;
    height:auto;
    overflow-x:hidden;
    overflow-y:auto;
    box-shadow:-1px 1px 54px -30px #0009
}
[data-theme=dark] .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter{
    background-color:var(--card-color)!important
}
.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter .swiper-slide{
    margin:0 16px!important
}
.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter .product-details{
    padding:25px 0
}
.d-none-productlist{
    display:none
}
@media (max-width: 767.98px){
    .d-none-productlist{
        display:block;
        margin-right:10px
    }
}
.d-none-productlist svg{
    vertical-align:middle;
    cursor:pointer
}
@media (min-width: 576px){
    .product-wrapper-grid.list-view .col-sm-6{
        flex:0 0 100%;
        max-width:100%!important
    }
}
.product-wrapper-grid.list-view .product-box{
    display:flex;
    align-items:center
}
@media only screen and (max-width: 480px){
    .product-wrapper-grid.list-view .product-box{
        display:block
    }
}
.product-wrapper-grid.list-view .product-box .product-img{
    width:30%
}
@media only screen and (max-width: 1500px){
    .product-wrapper-grid.list-view .product-box .product-img{
        width:35%
    }
}
@media only screen and (max-width: 1400px){
    .product-wrapper-grid.list-view .product-box .product-img{
        width:40%
    }
}
@media only screen and (max-width: 1300px){
    .product-wrapper-grid.list-view .product-box .product-img{
        width:100%
    }
}
@media (max-width: 992px){
    .product-wrapper-grid.list-view .product-box .product-img{
        width:32%
    }
}
@media only screen and (max-width: 767.98px){
    .product-wrapper-grid.list-view .product-box .product-img{
        width:42%
    }
}
@media only screen and (max-width: 480px){
    .product-wrapper-grid.list-view .product-box .product-img{
        width:100%
    }
}
.product-wrapper-grid.list-view .product-box .product-details{
    text-align:left
}
.product-wrapper-grid.list-view .product-modal .product-box .product-img{
    width:50%
}
@media (max-width: 992px){
    .product-wrapper-grid.list-view .product-modal .product-box .product-img{
        width:100%
    }
}
.product-wrapper-grid.list-view .product-details .pro-detail{
    color:var(--gray-60);
    font-weight:700;
    line-height:1;
    padding:5px 0;
    transition:all .5s ease;
    font-size:16px;
    text-transform:capitalize;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
@media (min-width: 480px) and (max-width: 767px){
    .product-wrapper-grid.list-view .product-details .pro-detail{
        width:250px
    }
}
.product-wrapper-grid.list-view .product-details .product-title{
    display:block;
    line-height:23px;
    font-size:16px;
    color:var(--dark-gray)
}
@media (max-width: 992px){
    .product-wrapper-grid.list-view .product-details .product-title{
        display:none
    }
}
.slider-product{
    padding:15px 0;
    border-top:1px solid #F4F5F8;
    border-bottom:1px solid #F4F5F8;
    margin-bottom:15px
}
[data-theme=dark] .slider-product{
    border-color:var(--solid-border)!important
}
.products-total{
    display:flex;
    align-items:center
}
.grid-options{
    height:33px;
    margin-left:10px
}
@media (max-width: 1199.98px){
    .grid-options ul li:last-child{
        display:none
    }
}
.grid-options ul li a{
    position:relative
}
.grid-options ul li a .line-grid{
    position:absolute;
    width:4px;
    height:15px;
    top:9px
}
.grid-options ul li a .line-grid-1{
    left:12px
}
.grid-options ul li a .line-grid-2{
    left:18px
}
.grid-options ul li a .line-grid-3{
    left:36px
}
.grid-options ul li a .line-grid-4{
    left:42px
}
.grid-options ul li a .line-grid-5{
    left:48px
}
.grid-options ul li a .line-grid-6{
    left:66px
}
.grid-options ul li a .line-grid-7{
    left:72px
}
.grid-options ul li a .line-grid-8{
    left:78px
}
.grid-options ul li a .line-grid-9{
    left:84px
}
.grid-options ul li a .line-grid-10{
    left:103px
}
.grid-options ul li a .line-grid-11{
    left:109px
}
.grid-options ul li a .line-grid-12{
    left:115px
}
.grid-options ul li a .line-grid-13{
    left:121px
}
.grid-options ul li a .line-grid-14{
    left:127px
}
.grid-options ul li a .line-grid-15{
    left:133px
}
.square-product-setting{
    height:36px;
    vertical-align:middle
}
.square-product-setting a{
    color:#2f2f3b
}
.square-product-setting .icon-grid{
    padding:7px;
    background-color:#43b9b21a;
    display:flex;
    align-items:center;
    margin:0 10px
}
.square-product-setting .icon-grid svg{
    width:20px;
    height:20px;
    color:var(--theme-default)
}
.square-product-setting .grid-layout-view.active{
    background-color:var(--theme-default)
}
.square-product-setting .grid-layout-view.active svg{
    color:var(--white)
}
.square-product-setting .list-layout-view.active{
    background-color:var(--theme-default)
}
.square-product-setting .list-layout-view.active svg{
    color:var(--white)
}
.product-filter .banner-product{
    margin-top:15px
}
.product-filter h6,.product-filter .h6{
    margin-bottom:15px
}
.product-filter .color-selector{
    line-height:.9
}
.product-filter .color-selector ul li{
    display:inline-block;
    width:20px;
    height:20px;
    border:1px solid var(--gray-border);
    border-radius:100%;
    cursor:pointer
}
.product-filter .color-selector ul li.white{
    background-color:#fff
}
.product-filter .color-selector ul li.gray{
    background-color:#52526c
}
.product-filter .color-selector ul li.black{
    background-color:#000
}
.product-filter .color-selector ul li.orange{
    background-color:#fd7e40
}
.product-filter .color-selector ul li.green{
    background-color:#17a600
}
.product-filter .color-selector ul li.pink{
    background-color:#c42a02
}
.product-filter .color-selector ul li.yellow{
    background-color:#f0ad4e
}
.product-filter .color-selector ul li.blue{
    background-color:#2e8dd3
}
.product-filter .color-selector ul li.red{
    background-color:#ff647f
}
.product-filter.product-page{
    margin-top:20px
}
.select2-drpdwn-product .form-control{
    margin:5px 0;
    text-align:center;
    background-color:#43b9b21a;
    color:var(--theme-default);
    font-weight:500;
    padding:7px 15px;
    border-radius:5px;
    border-color:#43b9b21a
}
.feature-products form .form-group{
    position:relative
}
.feature-products form .form-group input{
    margin-bottom:15px;
    border:none;
    box-shadow:1px 5px 24px 0 var(--input-boxshadow);
    height:50px;
    padding-left:30px
}
[data-theme=dark] .feature-products form .form-group input{
    background-color:var(--card-color)!important
}
.feature-products form .form-group i{
    position:absolute;
    top:18px;
    right:30px;
    color:var(--dark-gray)
}
.product-modal.modal .modal-header{
    background-color:#fff;
    border-bottom:0px
}
[data-theme=dark] .product-modal.modal .modal-header{
    background-color:var(--card-color)!important
}
.product-modal.modal .modal-header .product-box.row{
    align-items:center
}
.product-modal.modal .modal-header .product-box .product-details{
    padding:25px 0
}
@media (max-width: 991.98px){
    .product-modal.modal .modal-header .product-box .product-details{
        padding:25px 15px 0
    }
}
.product-modal.modal .modal-header .product-box .product-details h6,.product-modal.modal .modal-header .product-box .product-details .h6{
    text-transform:capitalize
}
[data-theme=dark] .product-modal.modal .modal-header .product-box .product-details h6,[data-theme=dark] .product-modal.modal .modal-header .product-box .product-details .h6{
    color:var(--light-font)
}
.product-modal.modal .modal-header .product-box .product-details .product-price{
    margin-bottom:10px
}
.product-modal.modal .modal-header .product-box .product-details .product-view{
    padding:20px 0;
    border-top:1px solid rgba(67,185,178,.2);
    border-bottom:1px solid rgba(67,185,178,.2)
}
@media (max-width: 991.98px){
    .product-modal.modal .modal-header .product-box .product-details .product-view{
        padding:15px 0
    }
}
.product-modal.modal .modal-header .product-box .product-details .product-size{
    margin:20px 0
}
@media (max-width: 991.98px){
    .product-modal.modal .modal-header .product-box .product-details .product-size{
        font-size:14px
    }
}
.product-modal.modal .modal-header .product-box .product-details .product-size ul li{
    display:inline-block;
    background-color:#43b9b21a;
    border-radius:5px
}
.product-modal.modal .modal-header .product-box .product-details .product-size ul li button{
    color:var(--theme-default);
    width:35px;
    height:35px;
    font-size:16px;
    padding:0;
    font-weight:500;
    border-radius:5px
}
.product-modal.modal .modal-header .product-box .product-details .product-size ul li:nth-child(n+2){
    margin-left:15px
}
@media (max-width: 991.98px){
    .product-modal.modal .modal-header .product-box .product-details .product-size ul li:nth-child(n+2){
        margin-left:10px
    }
}
.product-modal.modal .modal-header .product-box .product-details .product-size ul li.active button,.product-modal.modal .modal-header .product-box .product-details .product-size ul li:hover button{
    background-color:var(--theme-default)!important;
    color:#fff
}
.product-modal.modal .modal-header .product-box .product-details .product-qnty fieldset{
    margin-bottom:20px
}
.product-modal.modal .modal-header .product-box .product-details .product-qnty fieldset .input-group{
    width:35%
}
.product-modal.modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn{
    padding:5px 12px
}
.product-modal.modal .modal-header .product-box .product-details .product-qnty .addcart-btn .btn{
    font-weight:600
}
.product-box{
    border-radius:10px;
    overflow:hidden
}
.product-box .product-details{
    padding:15px 25px
}
.product-box .product-details>a{
    color:#2f2f3b
}
.product-box .product-details .pro-detail{
    margin-bottom:0;
    opacity:.8
}
[data-theme=dark] .product-box .product-details .pro-detail{
    color:var(--light-font)!important
}
.product-box .product-details .product-title{
    display:none
}
.product-box .product-details h4,.product-box .product-details .h4{
    margin-bottom:0;
    margin-top:5px;
    font-size:20px;
    font-family:Outfit,sans-serif
}
.product-box .product-details h6,.product-box .product-details .h6{
    color:#2f2f3b;
    text-transform:uppercase;
    margin-bottom:10px
}
.product-box .product-details span{
    color:var(--dark-gray)
}
.product-box .product-details .rating i{
    font-size:16px;
    letter-spacing:3px;
    color:var(--star-color)
}
.product-box .product-img{
    position:relative
}
.product-box .product-img .product-hover{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#0000004d;
    opacity:0;
    border-radius:100%;
    transform:scale(0);
    transition:all .3s ease
}
.product-box .product-img .product-hover ul li{
    display:inline-block;
    box-shadow:1px 1px 2px 1px #00000014;
    padding:10px 12px;
    background-color:#fff;
    font-size:18px;
    border-radius:10px;
    height:45px;
    width:45px;
    margin:0 3px;
    text-align:center;
    cursor:pointer
}
.product-box .product-img .product-hover ul li i{
    color:#59667a;
    font-size:18px
}
.product-box .product-img .product-hover ul li .btn{
    padding:0
}
.product-box .product-img .product-hover ul li:hover{
    background-color:var(--theme-default);
    transition:all .3s ease
}
.product-box .product-img .product-hover ul li:hover .btn,.product-box .product-img .product-hover ul li:hover i{
    color:#fff
}
.product-box:hover .product-hover{
    opacity:1;
    border-radius:0%;
    transform:scale(1);
    transition:all .3s ease
}
.product-page-main .swiper-container{
    overflow:hidden
}
.product-page-main .swiper-container.slider2 .swiper-wrapper .swiper-slide{
    cursor:pointer
}
.product-page-main .swiper-container.slider2 .swiper-wrapper .swiper-slide img{
    display:block;
    width:100%;
    border-radius:5px;
    object-position:top
}
@media screen and (max-width: 1660px) and (min-width: 1200px){
    .product-page-main .swiper-container.slider2 .swiper-wrapper .swiper-slide img{
        max-width:420px;
        margin:0 auto
    }
}
@media (max-width: 1399.98px){
    .product-page-main .swiper-container.slider2 .swiper-wrapper .swiper-slide img{
        max-width:334px!important
    }
}
@media (max-width: 767.98px){
    .product-page-main .swiper-container.slider2 .swiper-wrapper .swiper-slide img{
        max-width:100%!important
    }
}
.product-page-main .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide{
    border:1px solid #F4F5F8;
    border-radius:5px;
    background-color:var(--owl-item-bg);
    cursor:pointer
}
.product-page-main .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{
    border:1px solid var(--theme-default)
}
.product-page-main .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide img{
    width:100%;
    height:115px;
    margin:auto;
    display:block;
    border-radius:5px;
    object-fit:cover;
    object-position:top
}
.product-page-main .product-slider{
    margin-bottom:20px
}
@media (min-width: 1400px){
    .product-page-main .product-slider img{
        height:520px;
        object-fit:cover
    }
}
@media (min-width: 1500px){
    .product-page-main .product-slider img{
        height:400px;
        object-fit:cover
    }
}
.product-page-main .product-color{
    margin-top:10px
}
.add-product .dropzone{
    padding:40px
}
.add-product .product-info h4,.add-product .product-info .h4{
    font-size:16px;
    margin-bottom:14px
}
.add-product .product-info .dzu-dropzone{
    height:240px;
    justify-content:center
}
.add-product .product-info .product-group{
    border:1px solid #ecf3fa;
    padding:16px 18px;
    border-radius:6px
}
[data-theme=dark] .add-product .product-info .product-group{
    border-color:var(--solid-border)
}
.product-page-details span{
    padding-left:15px
}
.br-theme-fontawesome-stars .br-widget a,.br-theme-fontawesome-stars .br-widget a.br-selected:after,.br-theme-fontawesome-stars .br-widget a.br-active:after{
    color:var(--star-color)!important;
    font: 14px/1 FontAwesome
}
.product-price span{
    font-size:18px;
    font-weight:700;
    margin-top:5px;
    color:var(--theme-default)!important
}
.product-price del{
    color:var(--light-font);
    margin-left:15px;
    font-weight:600;
    font-size:14px
}
.product-color li{
    display:inline-block;
    border-radius:100%;
    height:20px;
    width:20px;
    margin:0 2px
}
.product-page-main p{
    font-size:15px
}
[data-theme=dark] .product-page-main p{
    color:var(--body-font-color)
}
.product-page-main .nav-link{
    text-transform:uppercase;
    font-weight:500
}
.product-filter .swiper-container{
    position:relative
}
.product-filter .swiper-container .swiper-wrapper .swiper-slide .product-box{
    align-items:center
}
@media (max-width: 767.98px){
    .product-filter .swiper-container .swiper-wrapper .swiper-slide .product-box .col-md-4{
        width:auto
    }
}
@media (max-width: 767.98px){
    .product-filter .swiper-container .swiper-wrapper .swiper-slide .product-box .col-md-8{
        width:auto
    }
}
.product-filter .swiper-container .swiper-wrapper .swiper-slide .product-box+.product-box{
    margin-top:15px
}
.product-filter .swiper-container .swiper-button-prev,.product-filter .swiper-container .swiper-button-next{
    margin-top:0;
    position:absolute;
    top:-46px;
    color:inherit
}
.product-filter .swiper-container .swiper-button-prev:after,.product-filter .swiper-container .swiper-button-next:after{
    font-size:12px
}
.product-filter .swiper-container .swiper-button-prev{
    right:46px;
    left:auto
}
.product-filter .swiper-container .swiper-button-next{
    right:27px
}
@media (max-width: 575.98px){
    .payment-details .card-body .theme-form .p-r-0{
        padding-right:12px
    }
}
.payment-details .card-body .theme-form input::placeholder,.payment-details .card-body .theme-form textarea::placeholder{
    color:var(--dark-gray)!important;
    font-weight:400!important
}
.product-sidebar .filter-sidebar{
    max-height:1000px;
    overflow:auto
}
.product-sidebar .filter-section .card .card-header{
    padding:16px 30px;
    border-radius:5px
}
.product-sidebar .filter-section .card .card-header h6,.product-sidebar .filter-section .card .card-header .h6{
    position:relative
}
.product-sidebar .filter-section .card .card-header h6 .pull-right i,.product-sidebar .filter-section .card .card-header .h6 .pull-right i{
    position:absolute;
    top:4px;
    left:0;
    font-size:10px;
    width:100%;
    height:10px;
    text-align:right;
    cursor:pointer
}
.custom-scrollbar.page-sidebar{
    position:fixed
}
@media (max-width: 1199.98px){
    .custom-scrollbar.page-sidebar{
        position:relative
    }
}
@media (max-width: 767.98px){
    .product-sidebar{
        transform:translate(-300px) scaleX(0);
        opacity:0;
        visibility:hidden;
        transition:.3s;
        height:0;
        position:absolute;
        z-index:3;
        width:300px
    }
}
.product-sidebar .slider-container{
    width:90%;
    max-width:600px;
    margin-bottom:20px
}
.product-sidebar .slider-container .rs-container .rs-bg{
    height:6px
}
.product-sidebar .slider-container .rs-container .rs-scale span ins{
    font-size:9px
}
.product-sidebar .slider-container .rs-container .rs-selected{
    background-color:var(--theme-default);
    border:1px solid var(--theme-default);
    height:6px
}
.product-sidebar .slider-container .rs-container .rs-pointer{
    border:2px solid var(--theme-default);
    width:15px;
    height:15px;
    background-color:#fff;
    transform:rotate(45deg);
    cursor:pointer
}
[data-theme=dark] .product-sidebar .slider-container .rs-container .rs-pointer{
    background-color:var(--body-color);
    box-shadow:none
}
.product-sidebar .slider-container .rs-container .rs-pointer:before{
    background-color:transparent
}
.product-sidebar .slider-container .rs-container .rs-pointer:after{
    background-color:transparent
}
@media (max-width: 480px){
    .add-product .dropzone{
        min-height:80px;
        padding:18px
    }
    .left-filter{
        margin-top:-22px
    }
    .product-sidebar{
        transform:translate(-300px) scaleX(0);
        opacity:0;
        visibility:hidden;
        transition:.3s;
        height:0;
        position:absolute;
        z-index:9;
        width:300px
    }
    .product-sidebar.open{
        transform:translate(0) scaleX(1);
        box-shadow:1px 5px 24px 0 var(--ecommerce-box-shadow);
        visibility:visible;
        opacity:1;
        height:auto;
        top:-45px
    }
    .product-sidebar .filter-section .card-header{
        display:none
    }
    .product-sidebar .filter-section .left-filter{
        top:unset!important
    }
}
@media (max-width: 420px){
    .product-modal.modal .modal-header .product-box .product-details .product-qnty fieldset .input-group{
        width:50%
    }
    .product-modal.modal .modal-header .product-box .product-details .product-qnty .addcart-btn .btn{
        padding:5px 10px;
        font-size:12px
    }
}
@media (max-width: 767.98px){
    .feature-products .filter-toggle{
        padding:8px 15px;
        background-color:var(--card-color);
        margin-left:10px;
        border-radius:5px
    }
}
@media (max-width: 767.98px){
    .feature-products span.f-w-600{
        padding-top:19px;
        display:inline-block
    }
}
@media (max-width: 767.98px){
    .feature-products .select2-drpdwn-product{
        float:left;
        margin:8px 10px 10px 0
    }
}
@media (max-width: 767.98px){
    .product-sidebar.open{
        transform:translate(0) scaleX(1);
        box-shadow:1px 5px 24px 0 var(--input-boxshadow);
        visibility:visible;
        opacity:1;
        height:auto;
        top:-45px;
        position:relative
    }
}
.product-sidebar.open:after{
    content:"";
    position:absolute;
    width:0;
    height:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #ffffff;
    right:120px;
    top:-7px
}
.payment-opt li{
    display:inline-block
}
.payment-opt li img{
    height:20px;
    margin:15px 15px 0 0
}
@media (max-width: 767.98px){
    .grid-options ul li{
        display:none
    }
}
@media (max-width: 991.98px){
    .grid-options ul li:nth-child(3){
        display:none
    }
}
@media only screen and (max-width: 1366px){
    .grid-options ul li:last-child{
        display:none
    }
}
@media (max-width: 767.98px){
    .product-table .datatable-wrapper table tr td:nth-child(2){
        min-width:200px
    }
}
@media (max-width: 767.98px){
    .product-table .datatable-wrapper table tr td:nth-child(4){
        min-width:100px
    }
}
@media (max-width: 1399.98px){
    .product-table .datatable-wrapper table tr td:last-child{
        min-width:140px
    }
}
@media screen and (max-width: 1366px) and (min-width: 1200px){
    .whishlist-main [class*=col-]{
        width:25%
    }
}
@media screen and (max-width: 1400px) and (min-width: 1200px){
    .whishlist-main .prooduct-details-box .btn{
        top:0;
        right:0;
        letter-spacing:0
    }
}
@media screen and (max-width: 1660px) and (min-width: 1200px){
    .whishlist-main .prooduct-details-box .btn{
        top:5px;
        right:5px;
        bottom:unset;
        left:unset
    }
}
@media (max-width: 1500px){
    .list-products table thead th:nth-child(3){
        min-width:110px
    }
}
@media (max-width: 1500px){
    .list-products table thead th:nth-child(5){
        min-width:120px
    }
}
@media (max-width: 1500px){
    .list-products table thead th:last-child{
        min-width:135px
    }
}
:root{
    --light-color: #F4F5F8;
    --card-color: #fff;
    --body-font-color: #3D3D47;
    --light-font: #767676;
    --gray-60: #666666;
    --shape-border: #6A7185;
    --body-color: #F9FAFC;
    --dark-gray:#898989;
    --pitch-color: #fe8a7d;
    --light-gray: #eeeeee;
    --light-text:#979797;
    --footer-icon: #FF3636;
    --light-semi-gray:#efefef;
    --photoswipe-border: #ddd;
    --theme-default: #43B9B2;
    --theme-secondary: #C280D2;
    --light2: #F5F6F9;
    --star-color: #ffa800;
    --chart-dashed-border: rgba(82, 82, 108, .2);
    --view-grid-bg: #ECF3FA80;
    --recent-dashed-border: rgba(82, 82, 108, .3);
    --dashed-border: hsla(224, 11%, 47%, .3);
    --text-gray: rgba(153, 153, 169, .8);
    --avatar-preview-border: #F8F8F8;
    --card-box-shadow: 0 3px 18px rgb($light-color);
    --card-border-color: #f3f3f3;
    --login-box-shadow: 0 0 37px rgba(8, 21, 66, .05);
    --light-border: 1px dashed rgba(106, 113, 133, .3);
    --solid-border: #6a71854d;
    --light-bg: #EEF1F6;
    --form-inline-border: #e6e6e6;
    --recent-border: #374558;
    --scrollbar-color: #eee;
    --error-background: rgba($white, .6);
    --owl-item-bg:#f8f8f8;
    --gray-border: #444;
    --dropdown-shadow: 0px 10px 44px 0px rgba(0,0,0,.1);
    --input-boxshadow: rgba(68, 102, 242, .05);
    --card-hover-box-shadow: 0 0 40px rgba(8, 21, 66, .05);
    --chat-background: linear-gradient(0deg, #F5F6FA, #F5F6FA),linear-gradient(0deg, #FFFFFF, #FFFFFF);
    --scrollbar-thumb: #bdbdbd;
    --text-light-gray: #9B9B9B;
    --text-dark-black: #363636;
    --landing-header-bg: #EDF8F7;
    --landing-btn: #FF6150;
    --landing-outline-text: rgba(255, 255, 255, .4);
    --features-bg-1: #FFE8EA;
    --features-svg-1: #F94646;
    --features-bg-2: #FFF3E5;
    --features-svg-2: #FF993A;
    --features-bg-3: #DEF1FF;
    --features-svg-3: #43BCFF;
    --features-bg-4: #D4F5ED;
    --features-svg-4: #60B158;
    --features-bg-5: #FFF3E5;
    --features-svg-5: #FF993A;
    --features-bg-6: #FFE8EA;
    --features-svg-6: #F94646;
    --features-bg-7: #FFEADE;
    --features-svg-7:#FF843E;
    --features-bg-8: #F7E7FF;
    --features-svg-8: #A93AFF;
    --features-box-shadow: rgba(0, 102, 102, .03);
    --features-bg: #FCFCFD;
    --application-shadow: rgba(169, 184, 200, .15);
    --footer-bg: #292E37;
    --bs-heading-color: var(--body-font-color);
    --bs-card-color: var(--body-font-color);
    --bs-table-bg: transparent;
    --bs-body-bg: transparent;
    --normal: #ECEAF3;
    --normal-shadow: #D9D8E3;
    --normal-mouth: #9795A4;
    --normal-eye: #595861;
    --active: #F8DA69;
    --active-shadow: #F4B555;
    --active-mouth: #F05136;
    --active-eye: #313036;
    --active-tear: #76b5e7;
    --active-shadow-angry: #e94f1d;
    --face-hue1: 60;
    --face-hue2: 30;
    --delay-left: 0s;
    --delay-right: 0s;
    --delay-mouth-lower: 0s;
    --delay-mouth-upper: 0s;
    --input-hue: 60;
    --percent: 50%;
    --hue: 223;
    --white: hsl(var(--hue),10%,100%);
    --lt-gray: hsl(var(--hue),10%,95%);
    --gray1: hsl(var(--hue),10%,90%);
    --gray2: hsl(var(--hue),10%,80%);
    --gray7: hsl(var(--hue),10%,30%);
    --gray9: hsl(var(--hue),10%,10%);
    --primary: hsl(var(--hue),90%,55%);
    --trans-dur: .3s
}
html[data-theme=dark],html[data-theme=dark-sidebar] .page-sidebar{
    --light-color: var(--body-color);
    --card-color: #292E37;
    --body-color: #22262c;
    --body-font-color: rgba(255, 255, 255, .5);
    --light-font: rgba(255, 255, 255, .8);
    --light-border: 1px dashed rgba(233,226,226,.3);
    --solid-border: #b0b9d34d;
    --scrollbar-color: $dark-color;
    --bs-heading-color: #ffffffd7;
    --bs-card-color: #ffffffd7;
    --bs-table-bg: transparent;
    --bs-body-bg: transparent
}
:root,html[data-theme=dark]{
    --white: #fff;
    --black: #000
}
.jsgrid-filter-row select,.jsgrid-filter-row input{
    padding:6px 10px;
    border:1px solid #f2f4ff;
    background:#fff
}
.popover{
    background-color:#fff;
    border:none;
    box-shadow:0 0 2px #a8e2df
}
.popover .popover-header{
    background-color:#a8e2df;
    color:var(--theme-default);
    border-bottom:none
}
.popover .popover-body{
    color:var(--body-font-color)
}
[data-theme=dark] .uk-textarea:focus{
    background-color:var(--body-color)
}
[data-theme=dark] .fg-emoji-container,[data-theme=dark] .fg-emoji-container .fg-emoji-nav{
    background-color:var(--card-color)
}
[data-theme=dark] .fg-emoji-container .fg-emoji-nav ul{
    border-color:var(--dark-border)
}
[data-theme=dark] .fg-emoji-container .fg-emoji-nav ul li:hover a svg{
    fill:var(--light-font)
}
[data-theme=dark] .fg-emoji-container .fg-emoji-nav ul li a:hover{
    background-color:var(--body-color)
}
[data-theme=dark] .fg-emoji-list li a{
    background-color:var(--card-color)
}
[data-theme=dark] .fg-emoji-list li a:hover{
    background-color:var(--body-color)
}
[data-theme=dark] .fg-emoji-picker-search input{
    background-color:var(--body-color);
    color:var(--light-font)
}
[data-theme=dark] .fg-emoji-picker-search .fg-emoji-picker-search-icon{
    background-color:var(--body-color)
}
[data-theme=dark] .fg-emoji-picker-category-title{
    border-color:var(--card-color)
}
.tooltip.bs-tooltip-top .tooltip-arrow:before,.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before{
    border-top-color:#a8e2df
}
.tooltip.bs-tooltip-bottom .tooltip-arrow:before,.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before{
    border-bottom-color:#a8e2df;
    border-top-color:transparent
}
.tooltip.bs-tooltip-start .tooltip-arrow:before,.tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before{
    border-left-color:#a8e2df;
    border-top-color:transparent
}
.tooltip.bs-tooltip-end .tooltip-arrow:before,.tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before{
    border-right-color:#a8e2df;
    border-top-color:transparent
}
.tooltip .tooltip-inner{
    background-color:var(--theme-default);
    color:#fff
}
.tooltip .tooltip-arrow:before{
    border-top-color:#a8e2df
}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{
    color:inherit!important
}
.dropdown-basic .dropdown .dropdown-content a{
    padding:6px 16px;
    color:#2b2b2b;
    opacity:.6;
    font-size:13px;
    border-top:1px solid var(--light-semi-gray);
    background:#fff
}
[data-theme=dark] .dropdown-basic .dropdown .dropdown-content a{
    color:var(--body-font-color);
    background-color:var(--body-color);
    border-color:var(--solid-border)
}
.dropdown-basic .dropdown .dropdown-content a:hover{
    background-color:#fff
}
[data-theme=dark] .dropdown-basic .dropdown .dropdown-content a:hover{
    color:var(--body-font-color);
    background-color:var(--card-color)
}
.dropdown-basic .dropdown .dropdown-content .dropdown-header{
    padding:8px 16px;
    font-weight:400;
    color:#2c2c31;
    font-size:13px
}
.dropdown-basic .dropup .dropup-content{
    top:auto
}
.default-according .card .card-header{
    padding:0;
    border:none;
    border-radius:5px 5px 0 0
}
.default-according .card .card-header.bg-primary .btn,.default-according .card .card-header.bg-secondary .btn{
    border-color:transparent
}
.default-according .card .card-header i{
    position:initial;
    font-size:20px;
    display:inline-block;
    vertical-align:text-bottom;
    margin-right:5px
}
.default-according .card .card-header h5,.default-according .card .card-header .h5{
    margin-top:0
}
.default-according .card .card-header .btn-link{
    padding:10px 20px;
    width:100%;
    text-align:left;
    letter-spacing:.7px;
    font-family:Outfit,sans-serif;
    color:var(--body-font-color);
    border-radius:5px 5px 0 0
}
[data-theme=dark] .default-according .card .card-header .btn-link{
    border-color:var(--card-color)
}
@media (max-width: 575px){
    .default-according .card .card-header .btn-link{
        padding:9px 15px
    }
}
.default-according .card .card-body{
    padding:15px 20px;
    line-height:22px;
    font-size:13px;
    border-color:var(--light-semi-gray);
    border-radius:0 0 5px 5px;
    color:#2c2c31
}
[data-theme=dark] .default-according .card .card-body{
    color:var(--light-font);
    border-color:var(--solid-border)
}
.main .langChoice option{
    background-color:var(--body-color)
}
[data-theme=dark] .jsgrid-edit-row>.jsgrid-cell{
    background-color:var(--body-color)
}
[data-theme=dark] .jsgrid-edit-row>.jsgrid-cell input{
    background-color:var(--card-color);
    border:unset
}
[data-theme=dark] .knowledgebase-search h3,[data-theme=dark] .knowledgebase-search .h3{
    color:#2f2f3b
}
[data-theme=dark] .ql-snow .ql-formats .ql-size .ql-picker-label{
    border-color:var(--solid-border)
}
[data-theme=dark] .ql-snow .ql-formats .ql-size .ql-picker-label:hover{
    color:var(--theme-default)
}
[data-theme=dark] .ql-snow .ql-formats .ql-size .ql-picker-label:hover svg .ql-stroke{
    stroke:var(--theme-default)
}
[data-theme=dark] .ql-snow .ql-formats .ql-size .ql-picker-options{
    background-color:var(--card-color);
    border-color:var(--solid-border)
}
[data-theme=dark] .ql-snow .ql-formats .ql-size .ql-picker-options span:hover{
    color:var(--theme-default)
}
[data-theme=dark] .ql-snow .ql-formats button:hover svg .ql-fill{
    fill:var(--theme-default);
    stroke:var(--theme-default)
}
[data-theme=dark] .ql-snow .ql-formats button:hover svg .ql-stroke{
    stroke:var(--theme-default)
}
[data-theme=dark] .ql-snow .ql-formats button.ql-active:hover svg .ql-fill{
    fill:var(--theme-default);
    stroke:var(--theme-default)
}
[data-theme=dark] .ql-snow .ql-formats button.ql-active:hover svg .ql-stroke{
    stroke:var(--theme-default)
}
[data-theme=dark] .ql-snow .ql-formats .ql-picker span:hover svg .ql-fill{
    fill:var(--theme-default)
}
[data-theme=dark] .ql-snow .ql-formats .ql-picker span:hover svg .ql-stroke{
    stroke:var(--theme-default)
}
.ace-monokai .ace_print-margin{
    background:transparent!important
}
.nav-tabs{
    border-bottom-color:var(--light-semi-gray)
}
[data-theme=dark] .nav-tabs{
    border-color:var(--solid-border)
}
.nav-tabs .nav-bottom .nav-item .nav-link.active{
    border-color:var(--light-semi-gray)
}
.nav-tabs .nav-item.show .nav-link{
    font-weight:500
}
.nav-tabs .nav-link{
    color:#2c2c31
}
.nav-tabs .nav-link.active{
    font-weight:500
}
.nav-tabs.nav-bottom .nav-item .nav-link.active{
    border-color:#fff
}
.dropdown-menu{
    -webkit-box-shadow:0 0 20px rgba(89,102,122,.1);
    box-shadow:0 0 20px #59667a1a;
    border:none;
    padding:0;
    z-index:1;
    background-color:var(--body-color)
}
.dropdown-menu .dropdown-item{
    font-family:Outfit,sans-serif;
    color:#2b2b2b;
    opacity:1.6;
    font-size:13px;
    padding:6px 12px;
    border-top:1px solid var(--light-semi-gray);
    background:#fff
}
[data-theme=dark] .dropdown-menu .dropdown-item{
    border-top:0
}
.dropdown-menu .dropdown-item:hover{
    background-color:#fff
}
.dropdown-menu .dropdown-divider{
    margin:0;
    border:1px solid var(--solid-border)!important
}
.border-tab .nav-tabs .nav-item .nav-link.active,.border-tab .nav-tabs .nav-item .nav-link.show{
    border-bottom:2px solid #43B9B2
}
.border-tab .nav-tabs .nav-item .nav-link:focus{
    border-bottom:2px solid #43B9B2
}
.tabbed-card .nav-tabs .nav-item .nav-link{
    top:17px
}
.timeliny .timeliny-dot:before{
    font-size:18px
}
.component .input-group .btn{
    line-height:32px;
    text-transform:capitalize
}
.login-card .login-main .form-group a{
    color:var(--theme-default)
}
.login-card .login-main .alert.bg-primary{
    background-color:var(--theme-default)!important;
    color:#fff
}
.faq-accordion .card .btn-link svg{
    margin-left:20px
}
@media (max-width: 575.98px){
    .faq-accordion .card .btn-link svg{
        margin-left:10px
    }
}
.job-filter .faq-form .form-control{
    font-size:14px
}
.job-filter .faq-form .search-icon{
    width:16px;
    height:16px
}
.note-btn-group .dropdown-toggle.show~.dropdown-menu{
    display:block;
    top:30px
}
.mouse-wheel .owl-stage-outer .owl-stage{
    width:5600px!important
}
.mouse-wheel .owl-stage-outer .owl-stage .owl-item{
    width:225.333px!important
}
.carousel-item .carousel-caption{
    width:100%;
    right:0;
    left:0;
    bottom:0;
    padding:26px 10px;
    background-color:#262932
}
[data-theme=dark] input[type=file]::file-selector-button{
    color:var(--light-font);
    background-color:#1d1e26
}
[data-theme=dark] input[type=file]:hover:not(:disabled):not([readonly])::file-selector-button{
    color:var(--light-font)!important;
    background-color:#1d1e26!important
}
.animate-img .animate-widget img{
    width:100%;
    height:350px;
    margin:0 auto;
    object-fit:cover
}
.modal-popup.modal{
    top:20%;
    left:50%;
    transform:translate(-50%)
}
.modal-popup.modal .modal-dialog .theme-close{
    width:calc(25px + 15 * (100vw - 320px) / 1600);
    height:calc(25px + 15 * (100vw - 320px) / 1600);
    font-size:calc(12px + .00125*(100vw - 320px))
}
.theme-close{
    opacity:1;
    position:absolute;
    z-index:1;
    right:0;
    background-color:#fff!important
}
.task-container .badge{
    line-height:13px
}
.map-z-index{
    z-index:1
}
@media (max-width: 442px){
    .animated-modal .form-select{
        width:100%!important
    }
}
[data-theme=dark] .code-box-copy pre[class*=language-]{
    border:1px solid var(--body-color)
}
.support-ticket table thead th .datatable-sorter:after{
    top:2px;
    border-bottom:4px solid var(--body-font-color)!important
}
.support-ticket table thead th .datatable-sorter:before{
    bottom:2px;
    border-top:4px solid var(--body-font-color)!important
}
@media (max-width: 1500px){
    .support-ticket table thead th:nth-child(2){
        min-width:112px
    }
    .support-ticket table thead th:nth-child(5){
        min-width:100px
    }
    .support-ticket table thead th:nth-child(6){
        min-width:100px
    }
    .support-ticket table thead th:last-child{
        min-width:100px
    }
}
.support-ticket table tbody td .d-flex{
    align-items:flex-start
}
.code-box-copy{
    width:100%;
    overflow:auto
}
@media screen and (max-width: 1660px) and (min-width: 1200px){
    .xl-none{
        display:none
    }
    .xl-60{
        max-width:60%;
        flex:0 0 60%
    }
    .xl-50{
        max-width:50%;
        flex:0 0 50%
    }
    .xl-100{
        max-width:100%;
        flex:0 0 100%
    }
    .xl-23{
        max-width:23%;
        flex:0 0 23%
    }
    .xl-25{
        max-width:25%;
        flex:0 0 25%
    }
    .xl-40{
        max-width:40%;
        flex:0 0 40%
    }
    .xl-4{
        max-width:33.33%;
        flex:0 0 33.33%
    }
}
[data-theme=dark] .for-light,.for-dark{
    display:none
}
[data-theme=dark] .for-dark{
    display:block
}
.dark-color-card .card-header h4,.dark-color-card .card-header .h4,.dark-color-card .card-header p,.dark-color-card .card-footer h6,.dark-color-card .card-footer .h6{
    color:var(--white)!important
}
.border{
    border-color:var(--solid-border)!important
}
.border-top{
    border-top-color:var(--solid-border)!important
}
.border-bottom{
    border-bottom-color:var(--solid-border)!important
}
.border-start{
    border-left-color:var(--solid-border)!important
}
.border-end{
    border-right-color:var(--solid-border)!important
}
[data-theme=dark] .hoverinfo strong{
    color:var(--black)
}
[data-theme=dark] .apexcharts-point-annotations text{
    fill:var(--body-font-color)
}
[data-theme=dark] .apexcharts-point-annotations rect{
    fill:var(--body-color)
}
.apexcharts-menu{
    background-color:var(--body-color)!important;
    border-color:var(--body-color)!important;
    color:var(--body-font-color)!important
}
[data-theme=dark] .project-box.bg-light-primary p,[data-theme=dark] .project-box.bg-light-primary span,[data-theme=dark] .project-box.bg-light-secondary p,[data-theme=dark] .project-box.bg-light-secondary span,[data-theme=dark] .project-box.bg-light-tertiary p,[data-theme=dark] .project-box.bg-light-tertiary span,[data-theme=dark] .project-box.bg-light-success p,[data-theme=dark] .project-box.bg-light-success span,[data-theme=dark] .project-box.bg-light-warning p,[data-theme=dark] .project-box.bg-light-warning span,[data-theme=dark] .project-box.bg-light-danger p,[data-theme=dark] .project-box.bg-light-danger span,[data-theme=dark] .project-box.bg-light-info p,[data-theme=dark] .project-box.bg-light-info span,[data-theme=dark] .project-box.bg-light-light p,[data-theme=dark] .project-box.bg-light-light span,[data-theme=dark] .project-box.bg-light-dark p,[data-theme=dark] .project-box.bg-light-dark span{
    color:var(--light-font)!important
}
[data-theme=dark] .border-top{
    border-top-color:var(--solid-border)!important
}
[data-theme=dark] .border-start{
    border-left-color:var(--solid-border)!important
}
[data-theme=dark] .border-end{
    border-right-color:var(--solid-border)!important
}
[data-theme=dark] .touchspin-wrapper .btn-touchspin.spin-border-dark{
    border-color:var(--solid-border)!important;
    color:var(--body-font-color)
}
[data-theme=dark] .touchspin-wrapper .btn-touchspin.touchspin-dark{
    border-color:var(--solid-border)!important
}
[data-theme=dark] .card{
    --bs-card-color: var(--light-font) !important;
    --bs-body-color: var(--light-font) !important;
    --bs-secondary-color: var(--light-font) !important
}
.select2-container--default .select2-selection--single{
    background-color:var(--body-color)!important;
    border:1px solid var(--solid-border)!important
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:7px
}
.select2-container--default .select2-results__option--selected{
    background-color:var(--card-color)
}
.select2-dropdown{
    background-color:var(--body-color)!important;
    border:1px solid var(--solid-border)!important
}
.select2-search__field:focus-visible{
    outline:none
}
[data-theme=dark] .bg-light.font-dark{
    color:#fff!important
}
[data-theme=dark] .buttons-tab .btn-light.font-dark{
    color:#000!important
}
[data-theme=dark] .knowledgebase-search input[type=text]{
    color:#ccc!important
}
.dark-blockquote .b-l-primary,.dark-blockquote .b-r-tertiary{
    border-width:4px!important
}
.input-group-page .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
[data-theme=dark] .list-content-ui .list-group-item.active{
    color:#fff!important
}
[data-theme=dark] .list-content-ui .list-group-flush>.list-group-item{
    background-color:unset
}
[data-theme=dark] .mega-option .card-wrapper.default-border{
    border:var(--light-border)!important
}
.role-management{
    direction:ltr
}
.role-management .card-body{
    border-radius:15px;
    overflow:hidden;
    padding:18px 24px
}
.role-management .blog-card{
    position:relative;
    padding-right:235px
}
@media (max-width: 575px){
    .role-management .blog-card{
        padding:0
    }
}
.role-management .blog-card .blog-card-content h4,.role-management .blog-card .blog-card-content .h4{
    margin-bottom:8px;
    -webkit-text-fill-color:transparent;
    background:-o-linear-gradient(transparent,transparent);
    -webkit-background-clip:text;
    background-image:-webkit-linear-gradient(transparent,transparent),url(/build/assets/1-Bfyj1kBK.gif);
    background-position:left;
    background-size:130%;
    filter:opacity(86%);
    color:#2f2f3b
}
[data-theme=dark] .role-management .blog-card .blog-card-content h4,[data-theme=dark] .role-management .blog-card .blog-card-content .h4{
    filter:brightness(.5) invert(1)
}
.role-management .blog-card .blog-card-content p{
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box!important;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    white-space:normal;
    font-weight:500
}
.role-management .blog-card .blog-card-content .role-details{
    display:flex;
    align-items:center;
    gap:15px
}
.role-management .blog-card .blog-card-content .role-details .role-profile img{
    height:50px;
    border-radius:50%
}
.role-management .blog-card .blog-card-content .role-details .role-profile-details h3,.role-management .blog-card .blog-card-content .role-details .role-profile-details .h3{
    font-weight:500;
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal
}
.role-management .blog-card .blog-card-content .d-flex{
    margin-top:25px;
    gap:50px
}
@media (max-width: 455px){
    .role-management .blog-card .blog-card-content .d-flex{
        display:block!important
    }
}
@media (max-width: 1665px) and (min-width: 1400px){
    .role-management .blog-card .blog-card-content .d-flex{
        gap:10px
    }
}
@media (max-width: 720px) and (min-width: 576px){
    .role-management .blog-card .blog-card-content .d-flex{
        gap:10px
    }
}
.role-management .blog-card .blog-card-content .blog-tags{
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:25px
}
@media (max-width: 455px){
    .role-management .blog-card .blog-card-content .blog-tags{
        margin-bottom:10px
    }
}
.role-management .blog-card .blog-card-content .blog-tags .tags-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:45px;
    height:45px;
    flex-shrink:0
}
.role-management .blog-card .blog-card-content .blog-tags .tags-icon.bg-light-primary{
    background:linear-gradient(180deg,#43b9b230 7.29%,#43b9b200)
}
.role-management .blog-card .blog-card-content .blog-tags .tags-icon.bg-light-secondary{
    background:linear-gradient(180deg,#c280d230 7.29%,#c280d200)
}
.role-management .blog-card .blog-card-content .blog-tags .tags-icon.bg-light-secondary svg{
    stroke:#c280d2;
    fill:#c280d2
}
.role-management .blog-card .blog-card-content .blog-tags .tags-icon svg{
    width:24px;
    height:24px;
    stroke:#43b9b2;
    fill:#43b9b2
}
.role-management .blog-card .blog-card-content .blog-tags .tag-details h2,.role-management .blog-card .blog-card-content .blog-tags .tag-details .h2{
    color:#43b9b2
}
.role-management .blog-card .blog-card-content .blog-tags .tag-details p{
    font-size:16px;
    font-weight:500
}
.role-management .blog-card .blog-card-image{
    top:50%;
    right:-24px;
    position:absolute;
    transform:translateY(-50%)
}
@media (max-width: 575px){
    .role-management .blog-card .blog-card-image img{
        display:none
    }
}
.upcoming-box{
    text-align:center;
    position:relative;
    z-index:1
}
.upcoming-box p{
    margin-bottom:8px
}
.upcoming-box a.btn{
    padding:5px 10px;
    font-weight:500
}
.upcoming-box .upcoming-icon.bg-light-primary{
    background:linear-gradient(180deg,#43b9b230 7.29%,#43b9b200)
}
.upcoming-box .upcoming-icon.bg-light-secondary{
    background:linear-gradient(180deg,#c280d230 7.29%,#c280d200)
}
.upcoming-box .upcoming-icon.bg-light-secondary svg{
    stroke:#c280d2;
    fill:#c280d2
}
.upcoming-box .upcoming-icon.bg-light-tertiary{
    background:linear-gradient(180deg,#fd7e4030 7.29%,#fd7e4000)
}
.upcoming-box .upcoming-icon.bg-light-tertiary svg{
    stroke:#fd7e40;
    fill:#fd7e40
}
.upcoming-box .upcoming-icon svg{
    width:22px;
    height:22px;
    stroke:#43b9b2;
    fill:#43b9b2
}
.upcoming-box:hover .upcoming-icon img,.upcoming-box:hover .upcoming-icon svg{
    transform:rotateY(360deg);
    transition:all .9s ease-in-out
}
.upcoming-box .upcoming-icon{
    height:50px;
    width:50px;
    margin:0 auto 8px;
    display:flex;
    align-items:center;
    justify-content:center
}
.upcoming-box .upcoming-icon img{
    transform:rotateY(0);
    transition:all .9s ease-in-out
}
.upcoming-box h6,.upcoming-box .h6{
    font-weight:500
}
.upcoming-box p{
    font-size:18px;
    font-weight:600
}
@media (max-width: 1614px){
    .upcoming-box p{
        font-size:14px
    }
}
.user-management .card-body{
    border-radius:5px
}
.user-management .blog-tags{
    display:flex;
    align-items:center;
    gap:20px;
    flex-direction:column
}
@media (max-width: 455px){
    .user-management .blog-tags{
        margin-bottom:10px
    }
    .user-management .blog-tags:last-child{
        margin-bottom:0
    }
}
.user-management .blog-tags .tags-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fff;
    width:55px;
    height:55px;
    border-radius:10px;
    flex-shrink:0
}
.user-management .blog-tags .tags-icon svg{
    width:30px;
    height:30px;
    stroke:#43b9b2;
    fill:#43b9b2
}
.user-management .blog-tags .tag-details{
    text-align:center
}
.user-management .blog-tags .tag-details h2,.user-management .blog-tags .tag-details .h2{
    color:#fff;
    margin-bottom:5px
}
.user-management .blog-tags .tag-details p{
    font-size:20px
}
.by-role{
    gap:10px;
    overflow-x:auto;
    flex-wrap:unset
}
.page-wrapper.sidebar-close .total-user{
    min-width:115px
}
.total-user{
    min-width:95px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    border-radius:10px;
    transition:all .4s
}
.total-user h5,.total-user .h5{
    text-transform:capitalize;
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box!important;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    white-space:normal;
    width:85px;
    text-align:center
}
.total-user span{
    color:#43b9b2!important;
    font-size:20px;
    font-weight:600
}
.user-role .upcoming-box p{
    margin-block:12px
}
[data-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background-color:unset!important;
    color:var(--white)!important
}
.form-control{
    cursor:text
}
.form-select{
    cursor:pointer
}
.tap-top{
    text-align:center;
    cursor:pointer;
    display:none;
    width:35px;
    height:35px;
    line-height:35px;
    border-radius:100%;
    position:fixed;
    bottom:30px;
    right:30px;
    z-index:5;
    color:#fff;
    background:var(--theme-default);
    border:none;
    padding:7px;
    outline:2px solid #43B9B2;
    outline-offset:2px;
    opacity:.5;
    transition:all .3s ease
}
.tap-top:hover{
    transition:all .3s ease;
    opacity:1
}
.tap-top svg{
    width:20px;
    vertical-align:0px
}
.custom-toast .toast{
    box-shadow:unset!important
}
.custom-toast .toast .toast-message{
    color:#43b9b2
}
#toast-container.custom-toast{
    top:12px
}
#toast-container.custom-toast .toast{
    border:1px solid;
    border-radius:5px;
    font-weight:500;
    font-size:16px;
    width:max-content!important;
    background-color:#43b9b21a!important;
    box-shadow:#1d23271a 0 4px 12px
}
#toast-container.custom-toast .toast.toast-primary{
    border-color:#43b9b2;
    color:#43b9b2;
    background-image:url(/build/assets/success-CGLppRhi.svg)!important
}
#toast-container.custom-toast .toast.toast-primary .toast-progress{
    background-color:transparent
}
.comman-image{
    width:fit-content
}
.comman-image img{
    width:100px;
    height:80px
}
input[type=password]{
    font-size:15px
}
.select2-container--open .select2-dropdown--below{
    border:1px solid rgba(67,185,178,.1);
    border-radius:0;
    box-shadow:0 6px 10px 4px #43b9b233;
    top:-18px;
    left:0;
    right:0;
    z-index:13
}
input.error~label,textarea.error~label{
    margin-top:5px;
    color:unset;
    cursor:auto
}
input~span,textarea~span{
    cursor:auto
}
input~span strong,textarea~span strong{
    color:#c42a02;
    font-weight:400;
    margin-top:5px
}
span.validation{
    margin-top:5px;
    cursor:auto
}
span.validation strong{
    color:#c42a02;
    font-weight:400
}
.dataTables_processing~table thead tr th{
    min-width:150px
}
.dataTables_processing~table tbody tr td .initial-div .initial-letter{
    width:40px;
    height:40px;
    min-width:38px;
    border-radius:100%;
    display:inline-flex;
    color:#43b9b2;
    align-items:center;
    justify-content:center;
    background-color:var(--body-color);
    font-size:20px;
    text-transform:uppercase
}
.dataTables_processing~table tbody tr td .initial-div img{
    width:40px;
    height:40px;
    min-width:38px;
    border-radius:100%;
    border:unset
}
.error{
    margin:0
}
.error~label{
    cursor:auto;
    margin-top:10px;
    color:#c42a02!important
}
.categories-edit{
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-align:end
}
.categories-edit .btn{
    padding:6px calc(10px + .00375*(100vw - 320px))
}
.nestable-lists .dd{
    max-width:unset
}
.dd-list .dd-item>button{
    margin-left:30px;
    margin-top:6px;
    width:24px;
    height:24px
}
[dir=rtl] .dd-list .dd-item>button{
    margin-right:30px;
    margin-left:unset;
    float:right
}
.dd-list .dd-item .dd3-handle{
    position:absolute;
    margin:0;
    left:0;
    top:0;
    height:unset;
    cursor:pointer;
    width:34px;
    text-indent:30px;
    white-space:nowrap;
    overflow:hidden;
    background-color:var(--body-color);
    border:1px dashed var(--solid-border);
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    padding:8px 10px
}
[dir=rtl] .dd-list .dd-item .dd3-handle{
    right:0;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px
}
.dd-list .dd-item .dd3-handle svg{
    display:block;
    position:absolute;
    left:8px;
    top:10px;
    width:16px;
    height:16px;
    text-align:center;
    text-indent:0;
    fill:var(--body-font-color);
    font-weight:400
}
[dir=rtl] .dd-list .dd-item .dd3-handle svg{
    right:8px;
    left:unset
}
.dd-list .dd-item:first-child .dd3-content{
    margin-top:0
}
.dd-list .dd-item .dd3-content{
    display:block;
    height:unset;
    margin:14px 0;
    padding:8px 60px 8px 42px;
    color:var(--body-font-color);
    text-decoration:none;
    font-weight:500;
    background-color:transparent;
    border:1px dashed var(--solid-border);
    border-radius:4px;
    font-size:14px
}
[dir=rtl] .dd-list .dd-item .dd3-content{
    padding:8px 42px 8px 80px
}
.dd-list .dd-item .dd3-content:hover button.delete-svg,.dd-list .dd-item .dd3-content:hover button.edit-icon,.dd-list .dd-item .dd3-content:hover a.delete-svg,.dd-list .dd-item .dd3-content:hover a.edit-icon{
    opacity:1;
    visibility:visible;
    transition:all .2s ease
}
.dd-list .dd-item .dd3-content .modal .modal-content .modal-body .main-img{
    background-color:var(--body-color);
    width:80px;
    height:80px;
    border-radius:100%;
    margin:0 auto 10px;
    display:flex;
    align-items:center;
    justify-content:center
}
.dd-list .dd-item .dd3-content .modal .modal-content .modal-body .main-img svg{
    width:40px!important;
    height:40px
}
.dd-list .dd-item .dd3-content .modal .modal-content .modal-body .text-center{
    margin:0 40px
}
.dd-list .dd-item .dd3-content .modal .modal-content .modal-body .modal-title{
    font-weight:500;
    font-size:22px;
    margin-bottom:7px
}
.dd-list .dd-item .dd3-content .modal .modal-content .modal-body p{
    font-size:14px;
    color:var(--body-font-color);
    white-space:normal;
    line-height:1.5
}
.dd-list .dd-item .dd3-content .modal .modal-content .modal-footer .cancel{
    background-color:var(--body-color);
    border:unset
}
.dd-list .delete-svg svg,.dd-list .delete-svg i{
    position:absolute;
    right:10px;
    top:10px;
    width:18px;
    height:18px;
    cursor:pointer;
    color:#ff6e70!important
}
[dir=rtl] .dd-list .delete-svg svg,[dir=rtl] .dd-list .delete-svg i{
    right:unset;
    left:10px
}
.dd-list .edit-icon svg,.dd-list .edit-icon i{
    position:absolute;
    right:33px;
    top:10px;
    width:18px;
    height:18px;
    cursor:pointer;
    color:#00a32a!important
}
[dir=rtl] .dd-list .edit-icon svg,[dir=rtl] .dd-list .edit-icon i{
    right:unset;
    left:33px
}
.dd-list button.delete-svg,.dd-list button.edit-icon,.dd-list a.delete-svg,.dd-list a.edit-icon{
    border:none;
    background-color:transparent;
    padding:0;
    opacity:0;
    visibility:hidden;
    transition:all .2s ease
}
.dd-empty{
    display:none
}
.dataTables_length select{
    outline:unset;
    border-color:#0003!important;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image:url(/build/assets/arrow-KD4J7c_B.svg);
    background-repeat:no-repeat;
    background-position:right .7rem top 50%;
    background-size:.65rem auto
}
[dir=rtl] .dataTables_length select{
    background-position:left .7rem top 50%
}
.dataTable tbody tr td .action-div .switch{
    margin-top:5px;
    width:50px;
    height:25px;
    margin-bottom:0
}
.dataTable tbody tr td .action-div .switch .switch-state:before{
    height:20px;
    width:20px;
    left:2px;
    bottom:3px
}
.dataTable tbody tr td .action-div a svg{
    width:20px;
    height:20px;
    stroke:var(--theme-default)
}
.multi-images .multi-remove{
    width:fit-content
}
.multi-images .multi-remove img{
    width:100px;
    height:80px
}
.multi-images .dz-remove{
    margin:0 auto;
    width:fit-content;
    letter-spacing:0;
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box!important;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    white-space:normal
}
.dz-preview{
    width:fit-content;
    margin:0 auto
}
.dz-preview .dz-remove{
    letter-spacing:0;
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box!important;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    white-space:normal
}
.select2-results__option span img{
    width:20px
}
.phone-select-edit .select2-container .select2-selection--single{
    height:unset!important;
    border:unset!important;
    padding:0;
    background-color:var(--light-color)!important
}
.phone-select-edit .select2-container .select2-selection--single .select2-selection__rendered{
    line-height:25px;
    padding:8px 10px!important;
    font-weight:400;
    background-color:var(--body-color);
    border:1px solid var(--solid-border);
    border-radius:0;
    border-right:unset
}
.phone-select-edit .select2-container .select2-selection--single .select2-selection__arrow{
    top:8px
}
.phone-select-edit input{
    border-top-left-radius:0!important;
    border-bottom-left-radius:0!important
}
.phone-select-edit input~span strong{
    margin-left:-38%
}
[dir=rtl] .phone-select-edit input~span strong{
    margin-left:unset;
    margin-right:-38%
}
.custom-input .phone-select .select2-container .select2-selection--single{
    height:unset!important;
    border:unset!important;
    padding:0;
    background-color:var(--light-color)!important
}
.custom-input .phone-select .select2-container .select2-selection--single .select2-selection__rendered{
    line-height:25px;
    padding:8px 10px!important
}
.custom-input .phone-select .select2-container .select2-selection--single .select2-selection__arrow{
    top:8px
}
.custom-input .phone-select input{
    border-top-left-radius:0!important;
    border-bottom-left-radius:0!important
}
.custom-input .phone-select input.error~label{
    margin-left:-18%
}
[dir=rtl] .custom-input .phone-select input.error~label{
    margin-left:unset;
    margin-right:-18%
}
.custom-input .phone-select input~span strong{
    margin-left:-38%
}
[dir=rtl] .custom-input .phone-select input~span strong{
    margin-left:unset;
    margin-right:-38%
}
.custom-input .select2-container .select2-selection--single{
    height:38px!important
}
.custom-input .select2-container .select2-selection--single .select2-selection__rendered{
    line-height:18px
}
.custom-input .select2-container .select2-selection--single .select2-selection__arrow{
    top:6px
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    background-color:var(--body-color)
}
.select2-container--default .select2-selection__choice{
    padding:5px!important
}
[data-theme=dark] .dataTables_wrapper .dataTables_length select{
    background-image:url(/build/assets/arrow-white-Cwo7Senu.svg)!important;
    background-repeat:no-repeat;
    background-position:right .7rem top 50%;
    background-size:.65rem auto
}
.dataTables_wrapper .dataTables_filter input[type=search]{
    border-color:#0003!important;
    outline:unset
}
.dataTables_wrapper .dataTable tbody tr td img{
    width:40px;
    height:40px;
    min-width:38px;
    border-radius:100%;
    border:unset
}
.filter-cards-view .job-filter:first-child{
    margin-bottom:30px
}
@media (max-width: 991.98px){
    .filter-cards-view .job-filter:first-child{
        margin-bottom:20px
    }
}
@media (max-width: 575.98px){
    .filter-cards-view .job-filter:first-child{
        margin-bottom:15px
    }
}
.filter-cards-view .checkbox-animated{
    margin-top:30px;
    margin-bottom:30px
}
@media (max-width: 991.98px){
    .filter-cards-view .checkbox-animated{
        margin-top:20px;
        margin-bottom:20px
    }
}
@media (max-width: 575.98px){
    .filter-cards-view .checkbox-animated{
        margin-top:15px;
        margin-bottom:15px
    }
}
@media (max-width: 991.98px){
    .filter-cards-view{
        padding:20px!important
    }
}
@media (max-width: 575.98px){
    .filter-cards-view{
        padding:15px!important
    }
}
.location-checkbox span{
    color:var(--light-text);
    padding-left:33px
}
.job-accordion .card{
    margin-bottom:30px
}
@media (max-width: 991.98px){
    .job-accordion .card{
        margin-bottom:20px
    }
}
@media (max-width: 575.98px){
    .job-accordion .card{
        margin-bottom:10px!important
    }
}
.job-accordion .btn-block{
    border-top-left-radius:0;
    border-top-right-radius:0
}
@media (max-width: 991.98px){
    .job-accordion .animate-chk{
        padding:20px!important
    }
}
@media (max-width: 575.98px){
    .job-accordion .animate-chk{
        padding:15px!important
    }
}
.job-search p{
    margin-top:30px
}
@media (max-width: 991.98px){
    .job-search p{
        margin-top:20px
    }
}
@media (max-width: 575.98px){
    .job-search p{
        margin-top:15px
    }
}
@media (max-width: 575.98px){
    .job-search .d-flex{
        display:block!important;
        text-align:center
    }
}
.job-search .d-flex .flex-grow-1 h6,.job-search .d-flex .flex-grow-1 .h6{
    margin-bottom:3px
}
@media (max-width: 575.98px){
    .job-search .d-flex .flex-grow-1 h6 .pull-right,.job-search .d-flex .flex-grow-1 .h6 .pull-right{
        float:none;
        margin-top:3px;
        display:block
    }
}
@media (max-width: 575.98px){
    .job-search .d-flex .flex-grow-1 h6 a,.job-search .d-flex .flex-grow-1 .h6 a{
        display:block
    }
}
.job-search .d-flex .flex-grow-1 h6 span,.job-search .d-flex .flex-grow-1 .h6 span{
    font-size:13px;
    color:var(--light-text);
    font-weight:400
}
.job-search .d-flex .flex-grow-1 h6 span.badge,.job-search .d-flex .flex-grow-1 .h6 span.badge{
    color:#fff
}
.job-search .d-flex .flex-grow-1 p{
    margin-top:0;
    color:var(--light-text)
}
@media (max-width: 575.98px){
    .job-search .d-flex .flex-grow-1 p span+span{
        display:block!important
    }
}
@media (max-width: 575.98px){
    .job-search .d-flex img{
        margin-bottom:15px
    }
}
@media (max-width: 575.98px){
    .job-search .d-flex .m-r-20{
        margin-right:0
    }
}
.job-search .job-description{
    margin-top:30px
}
@media (max-width: 575.98px){
    .job-search .job-description{
        margin-top:15px
    }
}
.job-search .job-description h6,.job-search .job-description .h6{
    font-weight:700;
    font-size:18px;
    margin-bottom:10px
}
.job-search .job-description p{
    margin-top:0;
    margin-bottom:6px
}
.job-search .job-description ul{
    list-style-type:disc;
    list-style-position:inside
}
.job-search .job-description ul li{
    margin-bottom:10px;
    display:list-item
}
.job-search .job-description ul li:last-child{
    margin-bottom:0
}
.job-search .job-description .theme-form{
    margin-top:30px;
    margin-bottom:30px
}
@media (max-width: 575.98px){
    .job-search .job-description .theme-form{
        margin-top:15px;
        margin-bottom:15px
    }
}
.job-search .job-description .theme-form .row div[class^=col-]+div[class^=col-] .select2-container{
    margin-top:18px
}
@media (max-width: 575.98px){
    .job-search .job-description .theme-form .row div[class^=col-]+div[class^=col-] .select2-container{
        margin-top:2px
    }
}
.job-search .job-description .theme-form .row div[class^=col-] .job-select2~.select2-container{
    margin-top:0!important
}
.job-search .job-description .theme-form .row div[class^=col-] .input-group .datepicker-here{
    font-size:14px;
    border:1px solid var(--light-semi-gray);
    padding-top:12px;
    padding-bottom:12px
}
@media (max-width: 575.98px){
    .job-search .job-description .theme-form .xs-mt-period{
        margin-top:15px
    }
}
.select2-container .select2-selection--single{
    border-radius:.25rem!important;
    border-color:var(light-semi-gray);
    height:47px!important;
    padding:10px
}
.job-pagination{
    margin-bottom:30px
}
@media (max-width: 575.98px){
    .job-pagination{
        margin-bottom:15px
    }
}
.job-pagination nav ul{
    justify-content:flex-end
}
@media only screen and (max-width: 1366px){
    .xl-mt-job{
        margin-bottom:20px
    }
}
@media (max-width: 575.98px){
    .xl-mt-job{
        margin-bottom:15px
    }
}
@media only screen and (max-width: 360px){
    .job-search .job-description .btn{
        padding:6px 12px
    }
}
.select-date .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:9px;
    right:12px
}
.md-sidebar{
    position:relative
}
.md-sidebar .md-sidebar-toggle{
    display:none;
    width:fit-content;
    text-transform:capitalize;
    margin-bottom:20px
}
@media (max-width: 1199.98px){
    .md-sidebar .md-sidebar-toggle{
        display:block
    }
}
@media (max-width: 1199.98px){
    .md-sidebar .md-sidebar-aside{
        position:absolute;
        top:40px;
        left:0;
        opacity:0;
        visibility:hidden;
        z-index:3;
        width:280px!important
    }
    [dir=rtl] .md-sidebar .md-sidebar-aside{
        left:unset;
        right:0
    }
    .md-sidebar .md-sidebar-aside.open{
        opacity:1;
        visibility:visible
    }
}
@media (max-width: 1199.98px){
    .md-sidebar .md-sidebar-aside.job-left-aside{
        top:100%;
        margin-top:0;
        overflow-x:hidden;
        overflow-y:scroll;
        height:450px;
        border:1px solid var(--solid-border)
    }
}
@media (max-width: 1199.98px){
    .md-sidebar .md-sidebar-aside.job-left-aside.open{
        opacity:1;
        visibility:visible
    }
}
@media (max-width: 1199.98px){
    .md-sidebar .job-sidebar{
        background-color:#fff;
        padding:20px
    }
    [data-theme=dark] .md-sidebar .job-sidebar{
        background:var(--card-color)
    }
}
@media (max-width: 1199.98px){
    .md-sidebar .job-sidebar .faq-accordion.default-according{
        margin-bottom:0;
        background-color:var(--card-color)
    }
}
@media (max-width: 1199.98px){
    .md-sidebar .job-sidebar .faq-accordion.default-according .row>div:last-child .card{
        margin-bottom:0
    }
}
@media (max-width: 1199.98px){
    .md-sidebar .job-sidebar .job-toggle{
        display:block!important;
        margin-bottom:20px
    }
}
.learning-header{
    margin-bottom:10px
}
@media (max-width: 991.98px){
    .learning-header{
        margin-bottom:0
    }
}
[data-theme=dark] .learning-header span{
    color:var(--body-font-color)
}
.categories{
    padding:15px 0
}
.categories .learning-header{
    padding-left:15px
}
.categories ul li{
    padding:10px 15px
}
@media (max-width: 991.98px){
    .categories ul li{
        padding:4px 15px
    }
}
.categories ul li a{
    color:#2f2f3b
}
[data-theme=dark] .categories ul li a{
    color:var(--light-font)
}
.categories ul li:hover{
    background-color:#f4f5f8
}
[data-theme=dark] .categories ul li:hover{
    background-color:#43b9b21a
}
.upcoming-course .d-flex+.d-flex{
    margin-top:15px
}
.job-accordion{
    margin-bottom:0
}
@media screen and (min-width: 1200px) and (max-width: 1366px){
    .learning-comment{
        margin-left:-14px!important;
        float:left!important
    }
    .blog-box .blog-details .blog-social li:first-child{
        padding-right:30px
    }
    .blog-box .blog-details .blog-social li+li{
        padding-left:30px
    }
}
@media only screen and (max-width: 991px){
    .categories{
        padding:20px 0
    }
    .upcoming-course .d-flex+.d-flex{
        margin-top:20px
    }
}
@media only screen and (max-width: 575px){
    .categories{
        padding:15px 0
    }
    .upcoming-course .d-flex+.d-flex{
        margin-top:15px
    }
}
.hdg_main{
    position:relative
}
.main .langChoice{
    position:absolute;
    right:40px;
    top:18px;
    padding:10px 12px;
    background-color:transparent;
    border:1px solid var(--solid-border)
}
[data-theme=dark] .main .langChoice{
    color:#fff
}
.main .langChoice:focus-visible{
    outline:0
}
@media (max-width: 991.98px){
    .main .langChoice{
        right:20px;
        top:11px;
        padding:8px
    }
}
@media (max-width: 575.98px){
    .main .langChoice{
        top:14px;
        padding:4px 7px
    }
}
.pl-navs-inline{
    padding-left:26px!important
}
@media (max-width: 767.98px){
    .language-xs{
        margin-top:15px
    }
}
.language-xs .masthead{
    border:var(--light-border)!important
}
.language-xs ul{
    padding:20px
}
.language-xs ul li.d-flex{
    align-items:center;
    gap:15px
}
.language-xs ul li+li{
    margin-top:30px
}
.navs-icon{
    padding:20px
}
.navs-icon.masthead-nav{
    border:var(--light-border)!important
}
.navs-icon li{
    padding:9px 0
}
.navs-icon li a{
    color:var(--body-font-color);
    font-family:Outfit,sans-serif
}
.navs-icon li a:hover{
    color:var(--theme-default)
}
.navs-icon li ul{
    padding-top:9px
}
.img-container,.img-preview{
    background-color:var(--light-color);
    text-align:center;
    width:100%
}
.img-container{
    margin-bottom:1rem;
    max-height:497px;
    min-height:200px
}
.img-container .cropper-bg{
    width:100%!important
}
.img-container{
    min-height:497px
}
.img-container>img{
    max-width:100%
}
.docs-preview{
    margin-right:-1rem
}
.img-preview{
    float:left;
    margin-bottom:.5rem;
    margin-right:.5rem;
    overflow:hidden
}
.img-preview>img{
    max-width:100%
}
.img-cropper label.btn{
    margin:0
}
@media only screen and (max-width: 360px){
    .img-cropper label.btn{
        padding:.375rem .2rem
    }
}
.img-cropper #putData{
    margin-bottom:0
}
.img-cropper .img-container{
    min-height:auto;
    margin-bottom:0
}
.img-cropper .docs-data>.input-group:last-child{
    margin-bottom:0
}
.img-cropper .docs-preview{
    margin-top:20px;
    margin-bottom:10px
}
.preview-lg{
    height:9rem;
    width:16rem
}
.preview-md{
    height:4.5rem;
    width:8rem
}
.preview-sm{
    height:2.25rem;
    width:4rem
}
.preview-xs{
    height:1.125rem;
    margin-right:0;
    width:2rem
}
.docs-data>.input-group{
    margin-bottom:10px
}
.docs-data .input-group-prepend .input-group-text{
    min-width:4rem
}
.docs-data .input-group-append .input-group-text{
    min-width:3rem
}
.docs-buttons>.btn,.docs-buttons>.btn-group,.docs-buttons>.form-control{
    margin-bottom:10px;
    margin-right:10px
}
.docs-toggles>.btn,.docs-toggles>.btn-group,.docs-toggles>.dropdown{
    margin-bottom:.5rem
}
.docs-tooltip{
    display:block;
    font-size:14px;
    letter-spacing:1px
}
@media only screen and (max-width: 360px){
    .docs-tooltip{
        font-size:11px
    }
}
.docs-tooltip>.icon{
    margin:0 -.25rem;
    vertical-align:top
}
.tooltip-inner{
    white-space:normal
}
.btn-upload .tooltip-inner,.btn-toggle .tooltip-inner{
    white-space:nowrap
}
.btn-toggle{
    padding:.5rem
}
.btn-toggle>.docs-tooltip{
    margin:-.5rem;
    padding:.5rem
}
.btn-group-crop{
    margin-right:5px!important
}
.btn-group-crop>.btn{
    padding-left:.5rem;
    padding-right:.5rem
}
.btn-group-crop .docs-tooltip{
    margin-left:-.5rem;
    margin-right:-.5rem;
    padding-left:.5rem;
    padding-right:.5rem
}
.docs-options .dropdown-menu{
    width:100%
}
.docs-options .dropdown-menu>li{
    font-size:.875rem;
    padding:.125rem 1rem
}
.docs-options .dropdown-menu .form-check-label{
    display:block
}
.docs-cropped .modal-body{
    text-align:center
}
.docs-cropped .modal-body>img,.docs-cropped .modal-body>canvas{
    max-width:100%
}
.docs-buttons .btn{
    padding:6px 16px
}
.circle-image .cropper-view-box,.circle-image .cropper-face{
    border-radius:50%
}
.circle-image #result img{
    width:160px;
    height:160px;
    margin-top:12px
}
@media screen and (max-width: 1580px) and (min-width: 1200px){
    .docs-buttons{
        flex:0 0 100%;
        max-width:100%
    }
}
@media only screen and (max-width: 1366px){
    .docs-toggles{
        margin-top:8px
    }
}
@media screen and (max-width: 1580px) and (min-width: 1200px){
    .docs-toggles{
        flex:0 0 100%;
        max-width:100%
    }
}
@media only screen and (max-width: 360px){
    .docs-toggles .btn{
        padding:.375rem .2rem
    }
}
.docs-toggles .dropdown .dropdown-toggle{
    width:auto
}
[data-theme=dark] .input-group-text{
    background-color:var(--card-color)
}
.browse .browse-articles span{
    vertical-align:middle
}
.browse .browse-articles span:nth-child(2){
    padding-left:20px
}
[dir=rtl] .browse .browse-articles span:nth-child(2){
    padding-left:unset;
    padding-right:20px
}
.browse .browse-articles span svg{
    width:14px;
    height:14px;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
[dir=rtl] .browse .browse-articles span svg{
    left:unset;
    right:0
}
.browse .browse-articles h6,.browse .browse-articles .h6{
    padding-bottom:10px;
    margin-bottom:0;
    border-bottom:1px solid var(--solid-border);
    position:relative;
    padding-left:25px;
    font-weight:600;
    font-size:16px
}
[dir=rtl] .browse .browse-articles h6,[dir=rtl] .browse .browse-articles .h6{
    padding-left:unset;
    padding-right:25px
}
.browse .browse-articles h6 span svg,.browse .browse-articles .h6 span svg{
    width:16px;
    height:16px;
    margin-right:10px;
    position:absolute;
    left:0;
    top:33%;
    transform:translateY(-50%)
}
.browse .browse-articles ul li{
    padding:8px;
    border-radius:8px
}
.browse .browse-articles ul li a{
    color:#2f2f3b;
    position:relative;
    display:flex;
    align-items:center;
    gap:10px
}
.browse .browse-articles ul li:hover{
    background-color:#f8f9fa
}
[data-theme=dark] .browse .browse-articles ul li:hover{
    background:var(--body-color)
}
@media only screen and (max-width: 1366px){
    .browse div[class^=col-]:nth-child(3){
        margin-top:30px
    }
}
@media only screen and (max-width: 360px){
    .browse .browse-articles ul li a span:nth-child(2){
        width:158px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        display:inline-block
    }
}
.badge.pull-right{
    padding-top:6px
}
.articles-icons svg{
    min-width:18px
}
.d-flex.faq-widgets svg{
    min-width:18px
}
.ace-editor{
    height:400px;
    width:100%
}
@media only screen and (max-width: 575.98px){
    .ace-editor{
        height:320px
    }
}
.cart .total-amount{
    text-align:right!important;
    margin-top:30px
}
.cart .cart-btn-transform{
    text-transform:capitalize
}
.cart .qty-box{
    width:25%;
    margin:0 auto
}
.cart .qty-box .input-group .btn{
    background-color:var(--photoswipe-border)!important;
    border-color:var(--photoswipe-border)!important;
    padding:8px 12px
}
.cart-buttons{
    margin-top:30px
}
.cart-buttons .cart-btn{
    float:right;
    padding-right:85px
}
.wow-title .badge{
    padding:4px 6px 6px
}
.line p strong{
    text-transform:capitalize
}
.ecommerce-widget .progress-showcase{
    margin-top:30px
}
.ecommerce-widget .total-num{
    margin:0;
    letter-spacing:1px;
    font-weight:500
}
.ecommerce-widget .total-num span{
    color:var(--black)
}
.data-basic-map{
    height:340px;
    width:100%
}
@media (max-width: 1199.98px){
    .data-basic-map{
        height:320px
    }
}
@media (max-width: 767.98px){
    .data-basic-map{
        height:300px
    }
}
@media (max-width: 575.98px){
    .data-basic-map{
        height:260px
    }
}
.choropleth-map{
    height:340px;
    width:100%
}
@media (max-width: 1199.98px){
    .choropleth-map{
        height:320px
    }
}
@media (max-width: 767.98px){
    .choropleth-map{
        height:300px
    }
}
@media (max-width: 575.98px){
    .choropleth-map{
        height:260px
    }
}
.data-map{
    height:340px;
    width:100%
}
@media (max-width: 1199.98px){
    .data-map{
        height:320px
    }
}
@media (max-width: 767.98px){
    .data-map{
        height:300px
    }
}
@media (max-width: 575.98px){
    .data-map{
        height:260px
    }
}
.data-map-glob{
    height:580px;
    width:100%
}
.data-map-glob svg{
    margin-top:-3%
}
@media (max-width: 767.98px){
    .data-map-glob svg{
        margin-top:0
    }
}
@media (max-width: 1199.98px){
    .data-map-glob{
        height:400px
    }
}
@media (max-width: 767.98px){
    .data-map-glob{
        height:360px
    }
}
@media (max-width: 575.98px){
    .data-map-glob{
        height:280px
    }
}
.data-map-glob .datamap path:not(.datamaps-arc){
    stroke:var(--solid-border)!important
}
.helper-common-box{
    display:flex;
    align-items:center;
    margin-bottom:8px;
    gap:8px
}
.helper-common-box:last-child{
    margin-bottom:0
}
.border-wrapper{
    padding:20px;
    border:var(--light-border)
}
.border-wrapper h5,.border-wrapper .h5{
    font-size:16px;
    font-weight:500
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .border-wrapper{
        padding:18px 14px
    }
}
.helper-box{
    width:40px;
    height:40px
}
.helper-box.helper-text{
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:900
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .helper-box{
        width:34px;
        height:34px
    }
}
.helper-radius{
    width:60px;
    height:30px
}
.fill-wrapper{
    background-color:var(--light-color)
}
.gradient-border{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    align-items:center
}
@media (max-width: 1200px){
    .gradient-border{
        gap:calc(13px + 9 * (100vw - 320px) / 880)
    }
}
.radius-wrapper{
    background-color:var(--light-color)
}
.font-wrapper{
    display:flex;
    align-items:center;
    padding:12px 20px
}
.checkout .checkout-details{
    border:1px solid var(--photoswipe-border);
    padding:40px;
    background-color:var(--body-color)
}
[data-theme=dark] .checkout .checkout-details{
    border-color:var(--solid-border)
}
.checkout .checkout-details .order-place{
    margin-top:15px
}
.order-box .title-box{
    padding-bottom:20px;
    color:var(--body-font-color);
    font-size:22px;
    border-bottom:1px solid var(--light-semi-gray);
    margin-bottom:20px
}
[data-theme=dark] .order-box .title-box{
    border-color:var(--solid-border)
}
.order-box .title-box span{
    width:35%;
    float:right;
    font-weight:600;
    text-align:right
}
.order-box .title-box h4,.order-box .title-box .h4{
    font-weight:600
}
.order-box .title-box .checkbox-title{
    display:flex;
    justify-content:space-between
}
.order-box .sub-total li{
    position:relative;
    display:inline-block;
    font-size:16px;
    font-weight:600;
    color:var(--body-font-color);
    line-height:20px;
    margin-bottom:20px;
    width:100%
}
.order-box .sub-total li .count{
    position:relative;
    font-size:18px;
    line-height:20px;
    font-weight:400;
    width:35%;
    float:right;
    text-align:right
}
.order-box .sub-total .shipping-class{
    margin-bottom:12px
}
.order-box .sub-total .shipping-class .shopping-checkout-option{
    margin-top:-4px;
    position:relative;
    font-size:18px;
    line-height:20px;
    color:var(--theme-default);
    font-weight:400;
    width:35%;
    float:right;
    text-align:right
}
.order-box .total{
    position:relative;
    margin-bottom:30px
}
.order-box .total li{
    position:relative;
    display:block;
    font-weight:400;
    color:var(--body-font-color);
    line-height:20px;
    font-size:18px
}
.order-box .qty{
    position:relative;
    border-bottom:1px solid var(--light-semi-gray);
    margin-bottom:30px
}
[data-theme=dark] .order-box .qty{
    border-color:var(--solid-border)
}
.order-box .qty li{
    position:relative;
    display:block;
    font-size:15px;
    color:var(--body-font-color);
    line-height:20px;
    margin-bottom:20px
}
.order-box .qty li span{
    float:right;
    font-size:18px;
    line-height:20px;
    color:var(--body-font-color);
    font-weight:400;
    width:35%;
    text-align:right
}
.radio-option{
    position:relative
}
.img-paypal{
    width:30%;
    margin-left:15px
}
@media screen and (max-width: 1199px){
    .checkout .checkout-details{
        padding:25px
    }
    .order-box .title-box span{
        width:30%
    }
    .order-box .sub-total li .count{
        width:38%
    }
    .order-box .sub-total .shipping-class .shopping-checkout-option{
        width:46%
    }
    .order-box .qty li span,.order-box .total li .count{
        width:38%
    }
}
@media screen and (max-width: 991px){
    .order-box .sub-total .shipping-class .shopping-checkout-option{
        width:38%
    }
}
@media screen and (max-width: 575px){
    .checkout .checkout-details{
        padding:15px
    }
    .order-box .sub-total .shipping-class .shopping-checkout-option,.order-box .sub-total li .count{
        width:50%
    }
}
.pricing-simple{
    box-shadow:0 0 10px 5px var(--input-boxshadow);
    margin-bottom:0!important
}
.pricing-simple .card-body{
    border-bottom:none
}
.pricing-simple .card-body h3,.pricing-simple .card-body .h3{
    position:relative;
    margin-bottom:38px
}
.pricing-simple .card-body h3:before,.pricing-simple .card-body .h3:before{
    position:absolute;
    content:"";
    width:80px;
    height:1px;
    margin:0 auto;
    left:0;
    right:0;
    bottom:-10px;
    background-color:var(--light-text)
}
.pricing-simple .card-body h1,.pricing-simple .card-body .h1{
    font-size:30px;
    line-height:.9;
    margin-bottom:30px;
    font-weight:400
}
.pricingtable{
    text-align:center;
    padding-top:45px;
    padding-bottom:45px;
    border-radius:10px;
    box-shadow:0 0 10px 5px var(--input-boxshadow);
    border:2px solid var(--light-color);
    overflow:hidden;
    position:relative;
    z-index:1;
    height:100%
}
.pricingtable:before,.pricingtable:after{
    content:"";
    background-color:var(--theme-default);
    width:300px;
    height:300px;
    border-radius:50%;
    position:absolute;
    right:-213px;
    z-index:-1;
    opacity:.1
}
.pricingtable:after{
    background-color:var(--theme-default);
    height:300px;
    width:300px;
    top:auto;
    bottom:-210px;
    right:auto;
    left:-160px;
    opacity:.1
}
.pricingtable .title{
    text-transform:uppercase;
    margin-bottom:20px
}
.pricingtable .price-value{
    color:#fff;
    background-color:var(--theme-default);
    width:130px;
    height:130px;
    padding:45px 0 0;
    margin:0 auto 25px;
    border-radius:50%
}
.pricingtable .price-value .duration{
    margin:0 0 0 -5px
}
.pricingtable .price-value .amount{
    font-size:58px;
    font-weight:700;
    line-height:45px;
    display:inline-block
}
.pricingtable .price-value .currency{
    vertical-align:top
}
.pricingtable .pricing-content{
    margin:0 0 25px;
    display:inline-block
}
.pricingtable .pricing-content li{
    font-weight:500;
    text-align:left;
    margin:0 0 20px;
    position:relative;
    padding-left:30px
}
.pricingtable .pricing-content li:last-child{
    margin:0
}
.pricingtable .pricing-content li:before{
    content:"";
    color:var(--theme-default);
    font-family:FontAwesome;
    text-align:center;
    width:20px;
    height:20px;
    border-radius:50%;
    position:absolute;
    top:1px;
    left:0
}
@media (max-width: 1470px){
    .pricing-block>div{
        flex:50%
    }
    .pricing-block>div:nth-child(n+3){
        margin-top:30px
    }
}
@media only screen and (max-width: 991px){
    .pricing-simple .card-body h1,.pricing-simple .card-body .h1{
        margin-bottom:20px
    }
    .pricing-simple .card-body h3,.pricing-simple .card-body .h3{
        margin-bottom:28px
    }
}
@media only screen and (max-width: 575px){
    .pricing-simple .card-body h1,.pricing-simple .card-body .h1{
        margin-bottom:15px
    }
    .pricing-block>div{
        flex:100%
    }
    .pricing-block>div:nth-child(n+2){
        margin-top:20px
    }
    .pricingtable{
        padding-top:30px;
        padding-bottom:30px
    }
}
.invoice p{
    color:var(--light-text);
    text-transform:capitalize
}
.invoice .invo-header{
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #ecf3fa
}
.invoice .table-striped tbody tr:nth-of-type(odd){
    background-color:#43b9b20d;
    --bs-table-accent-bg: unset
}
.invoice .table-striped tbody tr h6,.invoice .table-striped tbody tr .h6{
    text-transform:capitalize;
    color:var(--theme-default)
}
.invoice .invo-profile{
    margin-bottom:15px
}
.invoice .invo-profile .invo-profile-left .d-flex .flex-shrink-0{
    margin-right:15px
}
.invoice .invo-profile .invo-profile-left .d-flex .flex-grow-1 h4,.invoice .invo-profile .invo-profile-left .d-flex .flex-grow-1 .h4{
    font-size:16px
}
.invoice .invo-profile .invo-profile-left .d-flex .flex-grow-1 p span{
    display:block
}
.invoice .invo-profile .invo-profile-right{
    text-align:right
}
.invoice .invo-profile .invo-profile-right h6,.invoice .invo-profile .invo-profile-right .h6{
    font-size:16px
}
.invoice-1 body{
    font-family:Outfit,sans-serif;
    display:block;
    color:#000248
}
.invoice-1 .table-wrapper{
    margin:0 auto
}
.invoice-1 h2,.invoice-1 .h2{
    margin:0;
    font-weight:500;
    font-size:32px
}
.invoice-1 h6,.invoice-1 .h6{
    font-weight:400;
    line-height:1.5;
    margin:0
}
.invoice-1 span{
    line-height:1.5;
    font-weight:400
}
.invoice-1 .banner-image{
    margin:13px 0 10px
}
.invoice-1 .order-details td span{
    margin-bottom:-4px;
    display:block
}
[data-theme=dark] .invoice-2 .back td{
    background:var(--card-color)!important
}
.invoice-2 .padding td{
    padding-bottom:18px!important
}
.invoice-2 .card-body>table{
    display:block
}
.invoice-2 .card-body>table>tbody{
    display:block
}
.invoice-2 .card-body>table>tbody>tr{
    display:block
}
.invoice-2 .card-body>table>tbody>tr>td{
    display:block
}
@media only screen and (max-width: 1199px){
    .invoice h4,.invoice .h4,.invoice h3,.invoice .h3{
        margin-bottom:0
    }
    .invoice .invo-profile .d-flex{
        margin-bottom:15px;
        padding-bottom:15px;
        border-bottom:1px solid #ecf3fa
    }
    .invoice .invo-profile .invo-profile-right{
        text-align:left
    }
}
@media only screen and (max-width: 991px){
    .invoice .card .card-body{
        padding:20px
    }
    .invoice h4,.invoice .h4,.invoice h3,.invoice .h3{
        font-size:20px
    }
    .invoice table td{
        min-width:150px
    }
    .invoice table td:first-child{
        min-width:280px
    }
}
@media only screen and (max-width: 767px){
    .invoice .invo-pal{
        margin-top:15px;
        text-align:left!important
    }
    .invoice .text-md-end{
        text-align:right
    }
}
@media only screen and (max-width: 575px){
    .invoice h4,.invoice .h4{
        font-size:18px
    }
    .invoice h3,.invoice .h3{
        font-size:15px
    }
    .invoice p{
        font-size:13px
    }
    .invoice .invo-header .flex-grow-1{
        text-align:right
    }
    .invoice .text-xs-center{
        margin-top:20px;
        text-align:center!important
    }
    .invoice .text-md-end{
        text-align:left
    }
}
@media only screen and (max-width: 420px){
    .invoice .invo-profile .d-flex .flex-grow-1{
        margin-left:0!important;
        margin-top:10px
    }
}
@media print{
    .page-wrapper .page-header,.page-body-wrapper .page-sidebar,.setting-sidebar{
        display:none
    }
    .page-body{
        margin:0
    }
    .page-wrapper .page-title{
        visibility:hidden
    }
    .page-wrapper .page-body-wrapper .page-title{
        display:none
    }
    .page-wrapper.compact-wrapper .page-body-wrapper .page-body{
        margin:0
    }
    table.fixedHeader-floating,.email-left-aside,.footer{
        display:none
    }
}
.invoice-table{
    margin-top:16px;
    margin-bottom:16px
}
.invoice .text-right input{
    margin-top:6px
}
.invoice .d-flex{
    align-items:center
}
.error-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100vh;
    text-align:center;
    background-color:var(--card-color)
}
.error-wrapper.maintenance-bg{
    background-image:url(/build/assets/coming-soon-bg-BbIaQ9kE.jpg);
    background-color:#fff9;
    background-blend-mode:overlay
}
[data-theme=dark] .error-wrapper.maintenance-bg{
    background-color:var(--card-color)
}
.error-wrapper svg{
    width:100%;
    height:380px
}
.error-wrapper .maintenance-heading{
    margin-top:20px
}
.error-wrapper .maintenance-heading .headline{
    font-size:99px;
    font-weight:900;
    letter-spacing:10px;
    color:var(--theme-default);
    z-index:2;
    position:relative
}
.error-wrapper .error-heading{
    margin-top:115px
}
.error-wrapper .error-heading .headline{
    font-size:285px;
    font-weight:700;
    letter-spacing:1px;
    margin-top:-130px
}
.error-wrapper .error{
    margin:70px 0 100px;
    color:#000
}
.error-wrapper .error .error-title{
    font-size:9.5rem;
    color:#fff;
    text-shadow:6px 6px 7px rgba(0,0,0,.32)
}
.error-wrapper .error .line-bottom{
    width:10%;
    height:5px;
    background-color:#f0ad4e;
    border:none
}
.error-wrapper .error .c-white{
    color:#fff
}
.error-wrapper .error .error-btn{
    text-align:center
}
.error-wrapper .svg-wrraper{
    margin-bottom:35px
}
.error-wrapper .svg-wrraper svg{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:440px
}
.error-wrapper h3,.error-wrapper .h3{
    font-weight:700;
    margin-bottom:20px;
    font-size:31px
}
.error-wrapper .sub-content{
    font-size:18px;
    color:var(--body-font-color);
    letter-spacing:1px;
    line-height:35px;
    font-weight:400;
    z-index:3;
    margin-bottom:35px
}
@media (max-width: 1199px){
    .error-wrapper .maintenance-heading .headline{
        font-size:60px;
        margin-bottom:15px
    }
    .error-wrapper svg{
        height:320px
    }
}
@media (max-width: 991px){
    .error-wrapper svg{
        height:280px
    }
    .error-wrapper .svg-wrraper svg{
        height:450px
    }
    .error-wrapper .sub-content{
        line-height:25px
    }
}
@media (max-width: 767px){
    .error-wrapper .maintenance-heading .headline{
        font-size:35px;
        margin-bottom:10px
    }
    .error-wrapper h3,.error-wrapper .h3{
        margin-bottom:18px
    }
    .error-wrapper .sub-content{
        margin-bottom:30px;
        font-size:16px
    }
}
@media (max-width: 575px){
    .error-wrapper .maintenance-heading .headline{
        font-size:25px;
        letter-spacing:2px
    }
    .error-wrapper .svg-wrraper{
        margin-bottom:25px
    }
    .error-wrapper .svg-wrraper svg{
        height:380px
    }
    .error-wrapper .sub-content{
        font-size:14px
    }
}
@media (max-width: 480px){
    .error-wrapper .svg-wrraper svg{
        height:auto
    }
}
.login_one_image{
    background-image:url(/build/assets/1-CsOOF9qe.jpg);
    background-size:cover;
    background-position:center center
}
.login_two_image{
    background-image:url(/build/assets/3-CIKbL4Gc.jpg);
    background-size:cover;
    background-position:center center
}
.login_bs_validation{
    background-image:url(/build/assets/1-CsOOF9qe.jpg);
    background-size:cover;
    background-position:center center
}
.login-card{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
    background:url(/build/assets/login_bg-CrM_v32F.jpg);
    background-position:center;
    padding:30px 12px
}
.login-card .logo{
    display:block;
    margin-bottom:30px;
    text-align:center
}
.login-card .btn-showcase .btn{
    line-height:1;
    padding:10px 15px;
    margin:0
}
.login-card .btn-showcase .btn+.btn{
    margin-left:5px
}
.login-card .btn-showcase .btn i{
    height:16px;
    vertical-align:bottom
}
.login-card .login-main{
    width:450px;
    padding:40px;
    border-radius:10px;
    box-shadow:var(--login-box-shadow);
    margin:0 auto;
    background-color:#fff
}
[data-theme=dark] .login-card .login-main{
    background-color:var(--card-color)
}
.login-card .login-main .theme-form h4,.login-card .login-main .theme-form .h4{
    margin-bottom:5px
}
.login-card .login-main .theme-form .link-two{
    position:absolute;
    top:0;
    right:0
}
@media only screen and (max-width: 575px){
    .login-card .login-main .theme-form .link-two{
        position:unset;
        float:left!important
    }
}
.login-card .login-main .theme-form .unlock-1{
    width:75%;
    height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.login-card .login-main .theme-form label{
    font-size:15px;
    letter-spacing:.4px
}
.login-card .login-main .theme-form .checkbox label:before{
    background-color:var(--body-color);
    border:1px solid var(--light-gray)
}
.login-card .login-main .theme-form .login-social-title{
    position:relative;
    z-index:1;
    text-align:center;
    margin-top:75px;
    margin-bottom:30px
}
.login-card .login-main .theme-form .login-social-title h6,.login-card .login-main .theme-form .login-social-title .h6{
    width:fit-content;
    margin-left:auto;
    margin-right:auto;
    color:var(--light-text);
    background-color:var(--card-color);
    padding-left:25px;
    padding-right:25px
}
.login-card .login-main .theme-form .login-social-title:before{
    content:"";
    position:absolute;
    width:100%;
    height:2px;
    background-color:var(--solid-border);
    top:10px;
    z-index:-1;
    right:0
}
.login-card .login-main .theme-form button{
    background-color:#43b9b2;
    border-color:#43b9b2
}
.login-card .login-main .theme-form input{
    transition:all .3s ease
}
.login-card .login-main .theme-form input::-webkit-input-placeholder{
    color:var(--light-text)
}
.login-card .login-main .theme-form input:hover,.login-card .login-main .theme-form input:focus{
    box-shadow:none!important;
    transition:all .3s ease
}
.login-card .login-main .theme-form p{
    margin-bottom:25px;
    font-size:14px;
    color:var(--dark-gray)
}
.login-card .login-main .theme-form p a{
    color:var(--theme-default)
}
.login-card .login-main .theme-form .form-group{
    margin-bottom:10px;
    position:relative
}
.login-card .login-main .theme-form .form-group a{
    color:var(--theme-default);
    float:right
}
.login-card .login-main .theme-form .form-group a.link{
    float:none
}
.login-card .login-main .theme-form ul.login-social{
    display:flex;
    align-items:center;
    justify-content:center
}
.login-card .login-main .theme-form ul.login-social li{
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid var(--solid-border);
    background-color:#43b9b20d;
    display:flex;
    align-items:center;
    justify-content:center
}
.login-card .login-main .theme-form ul.login-social li i{
    width:auto;
    height:16px;
    color:var(--theme-default);
    vertical-align:middle
}
.login-card .login-main .theme-form ul.login-social li:nth-child(n+2){
    margin-left:15px
}
.login-card .login-main .theme-form ul.login-social li:hover{
    background-color:var(--theme-default)
}
.login-card .login-main .theme-form ul.login-social li:hover i{
    color:#fff
}
.login-card.login-bg{
    background:#43b9b20f!important
}
[data-theme=dark] .login-card.login-bg{
    background-color:var(--body-color)!important;
    background-blend-mode:overlay
}
.show-hide{
    position:absolute;
    top:52px;
    right:20px;
    transform:translateY(-50%)
}
.show-hide span{
    cursor:pointer;
    font-size:13px;
    color:var(--theme-default)
}
.show-hide span.show:before{
    content:"show"
}
.show-hide span:before{
    content:"hide"
}
.needs-validation.was-validated .invalid-feedback{
    color:#c42a02
}
.needs-validation .invalid-feedback{
    color:var(--dark-gray)
}
.needs-validation .show-hide{
    right:30px
}
.needs-validation .invalid-tooltip{
    right:10px
}
.login-card .login-main .theme-form label{
    font-size:14px
}
.login-card .login-main .theme-form label a{
    color:var(--theme-default)
}
.login-card .login-main .theme-form .show-hide{
    top:50%
}
[data-theme=dark] .login-dark{
    background-color:var(--card-color);
    background-blend-mode:overlay
}
@media only screen and (max-width: 1199px){
    .login-card{
        background:transparent
    }
    .login_one_image,.login_bs_validation{
        top:0;
        height:100vh;
        opacity:.5;
        position:fixed
    }
    .login-card .logo,.login-card .login-main{
        position:relative
    }
}
@media only screen and (max-width: 991px){
    .login-card .login-main{
        width:380px
    }
}
@media only screen and (max-width: 767px){
    .login-card .login-main .theme-form ul.login-social li{
        width:35px;
        height:35px
    }
}
@media only screen and (max-width: 575px){
    .login-card{
        padding-top:40px;
        padding-bottom:40px
    }
    .login-card .logo{
        margin-bottom:10px
    }
    .login-card .login-main{
        width:auto;
        padding:20px
    }
    .login-card .login-main .theme-form .form-group{
        margin-bottom:5px!important
    }
    .login-card .login-main .theme-form .form-group .form-check-label{
        margin-bottom:0!important
    }
    .login-card .login-main .theme-form p{
        margin-bottom:5px
    }
    .login-card .login-main .theme-form .or:before{
        width:55%
    }
}
.comingsoon-bgimg{
    background:url(/build/assets/coming-soon-bg-BbIaQ9kE.jpg);
    background-position:bottom;
    background-size:cover
}
[data-theme=dark] .comingsoon-bgimg{
    background-blend-mode:overlay;
    background-color:#000000d1
}
.comingsoon{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100vh;
    padding:50px 0
}
[data-theme=dark] .comingsoon{
    background-blend-mode:overlay;
    background-color:#000000d4
}
.comingsoon .comingsoon-inner h5,.comingsoon .comingsoon-inner .h5{
    font-size:18px;
    letter-spacing:1px;
    color:#52526c;
    font-weight:500;
    margin-bottom:30px;
    margin-top:30px
}
.comingsoon .comingsoon-inner .countdown{
    padding:30px 0;
    border-top:1px solid var(--solid-border);
    border-bottom:1px solid var(--solid-border)
}
.comingsoon .comingsoon-inner .countdown .time{
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    color:#fff;
    font-weight:500;
    width:100px;
    height:100px;
    font-size:36px;
    background:var(--theme-default)
}
.comingsoon .comingsoon-inner .countdown .title{
    padding-top:13px;
    font-size:14px;
    font-weight:400;
    color:#52526c;
    text-transform:uppercase;
    letter-spacing:1px
}
.comingsoon .comingsoon-inner .countdown ul li{
    display:inline-block;
    text-transform:uppercase;
    margin:0 20px
}
.comingsoon .comingsoon-inner .countdown ul li span{
    display:block
}
.comingsoon video{
    position:fixed;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index:-100;
    transform:translate(-50%) translateY(-50%);
    transition:1s opacity
}
@media only screen and (max-width: 991.98px){
    .comingsoon .comingsoon-inner .countdown ul li .time{
        width:80px;
        height:80px;
        font-size:26px
    }
    .comingsoon .comingsoon-inner .countdown ul li .title{
        font-size:12px
    }
}
@media only screen and (max-width: 575.98px){
    .comingsoon .comingsoon-inner .countdown{
        padding:20px 0
    }
    .comingsoon .comingsoon-inner .countdown ul li{
        margin:0 7px
    }
    .comingsoon .comingsoon-inner .countdown ul li .time{
        width:45px;
        height:45px;
        line-height:45px;
        font-size:16px;
        margin:0 auto
    }
}
.status-circle{
    width:12px;
    height:12px;
    position:absolute;
    top:4px;
    left:44px;
    border-radius:50%;
    border:2px solid #ffffff
}
.user-image{
    float:left;
    width:52px;
    height:52px;
    margin-right:5px
}
.user-image .about{
    float:left;
    margin-top:5px;
    padding-left:10px
}
.user-image .about .name{
    color:#2c2c31;
    letter-spacing:1px;
    font-weight:500
}
.left-sidebar-wrapper{
    padding:20px;
    border-radius:10px 0 0 10px;
    z-index:1;
    border:2px solid #ffffff;
    border-right:unset
}
[data-theme=dark] .left-sidebar-wrapper{
    border:2px solid var(--light-color);
    box-shadow:var(--card-box-shadow)
}
@media (max-width: 767px){
    .left-sidebar-wrapper{
        border-radius:10px
    }
}
.left-sidebar-wrapper *{
    scrollbar-width:auto;
    scrollbar-color:rgba(67,185,178,.1)
}
.left-sidebar-wrapper *::-webkit-scrollbar{
    width:6px
}
.left-sidebar-wrapper *::-webkit-scrollbar-track{
    background:transparent
}
.left-sidebar-wrapper *::-webkit-scrollbar-thumb{
    background-color:#43b9b21a;
    border-radius:10px;
    border:3px solid transparent
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text{
    background-color:var(--light-gray);
    padding-right:0
}
[data-theme=dark] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text{
    background-color:var(--body-color)
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg{
    width:16px;
    height:16px
}
[data-theme=dark] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg{
    color:#fff
}
.left-sidebar-wrapper .left-sidebar-chat .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .form-control{
    border:none!important;
    background-color:var(--light-gray)
}
[data-theme=dark] .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control{
    background-color:var(--body-color)
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus,.left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus-visible{
    border-color:var(--light-gray);
    box-shadow:unset
}
.left-sidebar-wrapper .advance-options ul{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    padding:0
}
.left-sidebar-wrapper .advance-options ul .nav-item .nav-link{
    color:var(--body-font-color);
    border-bottom:2px solid transparent;
    background-color:transparent;
    padding:16px 57px;
    text-decoration:unset
}
@media (max-width: 1855px){
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link{
        padding:16px 45px
    }
}
@media (max-width: 1663px){
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link{
        padding:16px 30px
    }
}
@media (max-width: 1423px){
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link{
        padding:16px 28px
    }
}
.left-sidebar-wrapper .advance-options ul .nav-item .nav-link:active,.left-sidebar-wrapper .advance-options ul .nav-item .nav-link.active{
    border-bottom:2px solid var(--theme-default);
    color:var(--theme-default)
}
.left-sidebar-wrapper .advance-options .common-space{
    padding:11px 0
}
.left-sidebar-wrapper .advance-options .common-space p{
    margin:0;
    color:#52526ccc
}
[data-theme=dark] .left-sidebar-wrapper .advance-options .common-space p{
    color:var(--light-font)
}
.left-sidebar-wrapper .advance-options .common-space .header-top .btn{
    padding:6px 12px
}
.left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover{
    background-color:var(--theme-default)
}
.left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover i{
    color:#fff
}
.left-sidebar-wrapper .advance-options .chats-user{
    border-bottom:unset;
    height:555px;
    overflow-y:auto
}
.left-sidebar-wrapper .advance-options .chats-user li{
    gap:10px;
    width:100%;
    border-bottom:1px solid var(--chart-dashed-border);
    cursor:pointer;
    padding:11px
}
.left-sidebar-wrapper .advance-options .chats-user li:hover{
    background-color:var(--light2)
}
[data-theme=dark] .left-sidebar-wrapper .advance-options .chats-user li:hover{
    background-color:var(--body-color)
}
@media (max-width: 1505px){
    .left-sidebar-wrapper .advance-options .chats-user li{
        flex-wrap:wrap;
        gap:1px
    }
}
.left-sidebar-wrapper .advance-options .chats-user li:last-child{
    border-bottom:unset
}
.left-sidebar-wrapper .advance-options .chats-user li .chat-time{
    display:flex;
    gap:10px;
    align-items:center
}
.left-sidebar-wrapper .advance-options .chats-user li .chat-time>div{
    text-align:left
}
[data-theme=dark] .left-sidebar-wrapper .advance-options .chats-user li .chat-time>div{
    color:var(--light-font)
}
@media (max-width: 1498px){
    .left-sidebar-wrapper .advance-options .chats-user li>div{
        width:100%;
        text-align:end
    }
}
.active-profile{
    position:relative
}
.active-profile img{
    width:42px;
    height:42px
}
@media (max-width: 1650px){
    .active-profile img{
        width:33px;
        height:33px
    }
}
.active-profile .status{
    position:absolute;
    height:14px;
    width:14px;
    border-radius:100%;
    bottom:5%;
    right:-2px;
    border:3px solid #ffffff
}
@media (max-width: 1600px){
    .active-profile .status{
        width:11px;
        height:11px;
        border:2px solid #ffffff
    }
}
.contact-edit i{
    color:#52526ccc;
    cursor:pointer
}
.contact-edit i:after{
    content:unset
}
[data-theme=dark] .contact-edit i{
    color:var(--body-font-color)
}
.contact-edit svg{
    cursor:pointer;
    width:18px;
    height:18px
}
@media (max-width: 360px){
    .contact-edit svg{
        width:14px;
        height:14px
    }
}
[data-theme=dark] .contact-edit svg{
    color:var(--body-font-color)
}
.contact-edit .dropdown-menu .dropdown-item:hover{
    background-color:#f4f5f8b3;
    opacity:1;
    text-decoration:unset
}
[data-theme=dark] .contact-edit .dropdown-menu .dropdown-item:hover{
    background-color:var(--body-color)
}
.contact-edit.chat-alert{
    width:40px;
    height:40px;
    background:var(--light2);
    display:fke;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:5px
}
[data-theme=dark] .contact-edit.chat-alert{
    background:var(--body-color)
}
@media (max-width: 360px){
    .contact-edit.chat-alert{
        width:32px;
        height:32px
    }
}
@media (max-width: 340px){
    .contact-edit.chat-alert{
        display:none
    }
}
.search-contacts{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative
}
.search-contacts .form-control{
    padding-inline:35px
}
.search-contacts .form-control:focus{
    box-shadow:unset;
    border-color:var(--chart-dashed-border)
}
.search-contacts i{
    color:#52526ccc;
    width:18px;
    height:18px;
    right:10px;
    top:16px;
    position:absolute
}
[data-theme=dark] .search-contacts i{
    color:var(--body-font-color)
}
.search-contacts svg{
    stroke:#52526ccc;
    width:18px;
    height:18px;
    left:10px;
    top:13px;
    position:absolute
}
[data-theme=dark] .search-contacts svg{
    stroke:var(--body-font-color)
}
.search-contacts .mic-search{
    right:10px;
    top:8px;
    position:absolute;
    left:unset
}
.contact-wrapper{
    padding-top:14px;
    border-bottom:unset;
    height:526px;
    overflow-y:auto
}
.contact-wrapper>p{
    line-height:0;
    margin:0;
    padding:12px 0;
    font-size:18px;
    font-weight:500;
    color:var(--body-font-color)
}
.contact-wrapper ul li{
    width:100%;
    cursor:pointer
}
.contact-wrapper ul li .chat-time{
    display:flex;
    align-items:center;
    gap:10px
}
.contact-wrapper ul li .chat-time img{
    width:42px;
    height:42px
}
@media (max-width: 1650px){
    .contact-wrapper ul li .chat-time img{
        width:33px;
        height:33px
    }
}
.contact-wrapper ul li .chat-time>div span{
    color:var(--body-font-color)
}
.contact-wrapper ul li svg{
    width:18px;
    height:18px
}
.contact-wrapper ul:last-child .common-space{
    padding-bottom:unset
}
.right-sidebar-chat{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    z-index:0;
    border:2px solid #ffffff;
    border-left:unset
}
[data-theme=dark] .right-sidebar-chat{
    border:2px solid var(--light-color);
    box-shadow:var(--card-box-shadow)
}
@media (max-width: 767.98px){
    .right-sidebar-chat{
        border-radius:10px
    }
}
.right-sidebar-title{
    padding:13px 25px;
    display:flex;
    justify-content:space-between
}
.right-sidebar-title .common-space{
    width:100%
}
.right-sidebar-title .common-space .chat-time{
    display:flex;
    gap:10px;
    align-items:center
}
[data-theme=dark] .right-sidebar-title .common-space .chat-time{
    color:var(--body-font-color)
}
.right-sidebar-title .common-space .chat-time .active-profile img{
    width:42px;
    height:42px
}
@media (max-width: 360px){
    .right-sidebar-title .common-space .chat-time .active-profile img{
        width:36px;
        height:36px
    }
}
.right-sidebar-title .common-space .chat-time div p{
    margin:0;
    color:#52526ccc
}
[data-theme=dark] .right-sidebar-title .common-space .chat-time div p{
    color:var(--body-font-color)
}
.right-sidebar-title .common-space .chat-time ul li img{
    width:42px;
    height:42px
}
.right-sidebar-title .common-space .chat-time.group-chat ul{
    display:flex
}
.right-sidebar-title .common-space .chat-time.group-chat ul li img{
    border:3px solid transparent
}
[data-theme=dark] .right-sidebar-title .common-space .chat-time.group-chat ul li img{
    border-color:var(--solid-border)
}
.right-sidebar-title .common-space .chat-time.group-chat ul li+li{
    margin-left:-12px
}
.right-sidebar-title .common-space .chat-time.group-chat ul li+li img{
    border:3px solid #ffffff
}
.right-sidebar-title .common-space .chat-time.group-chat ul li img,.right-sidebar-title .common-space .chat-time.group-chat ul li .profile-count{
    width:38px;
    height:38px
}
@media (min-width: 768px) and (max-width: 1199px){
    .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2),.right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3),.right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5),.right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6){
        display:none
    }
}
@media (min-width: 341px) and (max-width: 410px){
    .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2),.right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3),.right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5),.right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6){
        display:none
    }
}
@media (max-width: 1045px){
    .right-sidebar-title .common-space .chat-time.group-chat>div span,.right-sidebar-title .common-space .chat-time.group-chat>div p{
        display:none
    }
}
.common-space{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.msger-chat{
    flex:1;
    overflow-y:auto;
    padding:10px;
    background:var(--chat-background);
    height:620px
}
[data-theme=dark] .msger-chat{
    background:var(--body-color);
    box-shadow:var(--card-box-shadow)
}
.msger-chat::-webkit-scrollbar{
    width:6px
}
.msger-chat::-webkit-scrollbar-track{
    background:var(--photoswipe-border)
}
.msger-chat::-webkit-scrollbar-thumb{
    background:var(--scrollbar-thumb)
}
.msg{
    display:flex;
    align-items:flex-end;
    margin-bottom:10px
}
.msg:last-of-type{
    margin:0
}
.msg-img{
    width:50px;
    height:50px;
    margin-right:10px;
    background:var(--photoswipe-border);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    border-radius:50%
}
.msg-bubble{
    max-width:450px;
    padding:15px;
    border-radius:15px
}
.msg-info{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px
}
.msg-info-name{
    margin-right:10px;
    font-weight:700
}
.msg-info-time{
    font-size:.85em
}
.left-msg .msg-img{
    background-image:url(/build/assets/1-CcgdMKOL.jpg);
    width:33px;
    height:33px
}
@media (max-width: 1200px){
    .left-msg .msg-img{
        min-width:16px;
        min-height:16px
    }
}
.left-msg .msg-bubble{
    position:relative;
    border-radius:15px;
    background:#fff;
    width:calc(100% - 33px)
}
[data-theme=dark] .left-msg .msg-bubble{
    background:var(--card-color);
    color:var(--light-font)
}
.right-msg{
    flex-direction:row-reverse
}
.right-msg .msg-bubble{
    color:#fff;
    background:var(--theme-default);
    width:calc(100% - 33px)
}
.right-msg .msg-img{
    margin:0 0 0 10px;
    background-image:url(/build/assets/1-CcgdMKOL.jpg);
    width:33px;
    height:33px
}
@media (max-width: 1200px){
    .right-msg .msg-img{
        min-width:16px;
        min-height:16px
    }
}
.msger-inputarea{
    display:flex;
    padding:10px;
    border-top:1px solid var(--chart-dashed-border);
    background:var(--chat-background);
    align-items:center
}
[data-theme=dark] .msger-inputarea{
    background:var(--card-color)
}
.msger-inputarea .dropdown-toggle:after{
    content:unset
}
.msger-inputarea .dropdown-toggle .dropdown-menu{
    inset:unset!important
}
.msger-inputarea .dropdown-form{
    position:relative
}
.msger-inputarea .dropdown-form i{
    font-size:16px;
    font-weight:900;
    color:var(--theme-default);
    cursor:pointer;
    padding:0
}
.msger-inputarea .dropdown-form .chat-icon{
    position:absolute;
    left:0!important;
    bottom:22px!important;
    background:transparent;
    box-shadow:unset
}
.msger-inputarea .dropdown-form .chat-icon div{
    width:47px;
    height:47px;
    border-radius:50%;
    background-color:var(--white);
    color:var(#2F2F3B);
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0;
    opacity:1
}
[data-theme=dark] .msger-inputarea .dropdown-form .chat-icon div{
    background-color:var(--card-color)
}
.msger-inputarea .dropdown-form .chat-icon div svg{
    width:42px;
    height:42px;
    cursor:pointer
}
.msger-inputarea .dropdown-form .chat-icon div:nth-child(1) svg{
    stroke:var(#2F2F3B)
}
.msger-inputarea .dropdown-form .chat-icon div:nth-child(2) svg{
    stroke:var(#2F2F3B);
    fill:none
}
.msger-inputarea .dropdown-form .chat-icon div:hover{
    background-color:var(--theme-default);
    opacity:1
}
.msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(1) svg{
    fill:none
}
.msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(2) svg{
    stroke:#fff
}
.msger-inputarea .msger-send-btn i{
    color:#fff
}
.msger-inputarea *{
    padding:10px;
    border:none;
    border-radius:3px;
    font-size:1em
}
.msger-input{
    flex:1;
    background:transparent
}
.msger-input:focus,.msger-input:focus-visible{
    outline:unset
}
.fg-emoji-container{
    left:calc(10px + 1395 * (100vw - 320px) / 1600)!important
}
@media (min-width: 860px) and (max-width: 945px){
    .fg-emoji-container{
        left:417px!important
    }
}
@media (min-width: 686px) and (max-width: 860px){
    .fg-emoji-container{
        left:360px!important
    }
}
@media (min-width: 588px) and (max-width: 770px){
    .fg-emoji-container{
        left:200px!important
    }
}
@media (min-width: 546px) and (max-width: 588px){
    .fg-emoji-container{
        left:144px!important
    }
}
@media (min-width: 500px) and (max-width: 546px){
    .fg-emoji-container{
        left:88px!important
    }
}
@media (max-width: 500px){
    .fg-emoji-container{
        left:22px!important;
        width:262px!important
    }
}
.fg-emoji-container .fg-emoji-nav{
    background-color:#52526ccc
}
.fg-emoji-container #fg-emoji-picker-move{
    display:none
}
.open-emoji{
    padding:0
}
.open-emoji button{
    z-index:0;
    position:relative;
    padding:0 14px;
    background:transparent
}
.open-emoji button:before{
    content:"";
    font-family:FontAwesome;
    z-index:1;
    position:relative;
    font-size:20px;
    color:var(--text-gray)
}
.second-btn{
    z-index:0;
    position:relative;
    padding:0 14px;
    background:transparent
}
.second-btn:before{
    content:"";
    font-family:FontAwesome;
    z-index:1;
    position:relative;
    font-size:20px;
    color:var(--text-gray)
}
.msger-send-btn{
    margin-left:10px;
    background:var(--theme-default);
    width:40px;
    height:39px;
    font-weight:700;
    cursor:pointer;
    transition:all .23s;
    display:flex;
    align-items:center;
    justify-content:center
}
.msger-send-btn svg{
    width:1px;
    height:12px
}
.custom-name{
    width:42px;
    height:42px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50px
}
@media (max-width: 1650px){
    .custom-name{
        width:33px;
        height:33px
    }
}
@media (max-width: 767.98px){
    .left-sidebar-wrapper .advance-options .chats-user{
        height:200px
    }
}
.loader-wrapper{
    height:100%;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:fixed;
    background-color:#fff;
    z-index:12;
    top:0
}
.loader-wrapper .loader{
    width:100%;
    height:100%;
    transform:rotate(165deg)
}
.loader-wrapper .loader:before,.loader-wrapper .loader:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    width:50px;
    height:50px;
    border-radius:4px;
    transform:translate(-50%,-50%)
}
.loader-wrapper .loader:before{
    animation:before 2s infinite
}
.loader-wrapper .loader:after{
    animation:after 2s infinite
}
@keyframes before{
    0%{
        width:8px;
        box-shadow:16px -8px #43b9b2,-16px 8px #fd7e40
    }
    35%{
        width:40px;
        box-shadow:0 -8px #43b9b2,0 8px #fd7e40
    }
    70%{
        width:8px;
        box-shadow:-16px -8px #43b9b2,16px 8px #fd7e40
    }
    to{
        box-shadow:16px -8px #43b9b2,-16px 8px #fd7e40
    }
}
@keyframes after{
    0%{
        height:8px;
        box-shadow:8px 16px #c280d2,-8px -16px #2e8dd3
    }
    35%{
        height:40px;
        box-shadow:8px 0 #c280d2,-8px 0 #2e8dd3
    }
    70%{
        height:8px;
        box-shadow:8px -16px #c280d2,-8px 16px #2e8dd3
    }
    to{
        box-shadow:8px 16px #c280d2,-8px -16px #2e8dd3
    }
}
.modal-bookmark .modal-body,.modal-bookmark .modal-header{
    padding:15px
}
.bookmark-wrap .details-bookmark .row>div+div{
    padding-right:15px!important
}
.bookmark-wrap .left-bookmark{
    height:700px
}
.bookmark-wrap .left-bookmark ul li button{
    border:none;
    cursor:pointer
}
.bookmark-wrap .left-bookmark ul li button:focus{
    outline:none
}
.bookmark-wrap .left-bookmark ul li svg{
    width:18px;
    height:18px;
    vertical-align:sub
}
.bookmark-wrap .left-bookmark ul li>.main-title{
    color:var(--theme-default);
    font-weight:500;
    margin-bottom:5px;
    display:block;
    font-size:16px
}
.bookmark-wrap .left-bookmark ul li>.main-title span a:hover{
    background-color:transparent
}
.bookmark-wrap .left-bookmark ul li>.main-title svg{
    color:var(--dark-gray);
    stroke-width:1px
}
.bookmark-wrap .left-bookmark ul li a>.title{
    text-transform:capitalize
}
@media (max-width: 1366px){
    .bookmark-wrap .left-bookmark.task-sidebar{
        height:auto
    }
}
.bookmark-wrap.todo-wrap .left-bookmark{
    height:unset
}
.form-bookmark a{
    text-transform:capitalize!important;
    color:var(--theme-default)!important;
    line-height:1!important;
    font-weight:500
}
.form-bookmark a:hover{
    background-color:transparent!important
}
.form-bookmark input#index_var{
    display:none
}
.form-bookmark input,.form-bookmark select{
    font-size:14px
}
.form-bookmark .select2-container .select2-selection--single{
    border-color:var(--avatar-preview-border)
}
[data-theme=dark] .form-bookmark .select2-container .select2-selection--single{
    background:var(--body-color);
    border-color:var(--body-color)
}
.form-bookmark .select2{
    width:100%!important
}
.form-bookmark .error{
    margin:0!important;
    font-size:11px;
    color:#c42a02!important
}
.form-bookmark button{
    margin-top:10px
}
@keyframes displayTransition{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.bookmark-tabcontent .details-bookmark{
    height:auto;
    min-height:359px
}
.bookmark-tabcontent .details-bookmark .bookmark-card{
    position:relative
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon{
    padding:3px;
    border-radius:4px;
    background-color:#0003;
    width:30px;
    position:absolute;
    right:15px;
    top:15px;
    opacity:0
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i{
    color:#fff;
    font-size:16px;
    vertical-align:-1px
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i{
    color:var(--star-color)
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data{
    width:100%
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general{
    display:none
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon{
    transition:.5s
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark{
    text-align:left;
    padding:15px;
    border-top:1px solid #F4F5F8;
    position:relative
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6,.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .h6{
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p{
    animation:displayTransition 1s
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block{
    opacity:0;
    position:absolute;
    width:100%;
    padding:15px;
    top:30px;
    left:0
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li{
    display:inline-block
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li+li{
    margin-left:5px
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg{
    width:16px;
    height:16px;
    color:var(--dark-gray)
}
@media (max-width: 767px){
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block{
        padding-top:0
    }
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover{
    box-shadow:1px 4px 16px 3px #0000000a;
    transition:.5s
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p{
    opacity:0
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block{
    opacity:1;
    animation:displayTransition 2s
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon{
    opacity:1
}
.bookmark-tabcontent .details-bookmark.list-bookmark .row>div{
    flex:0 0 100%;
    max-width:100%
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general{
    display:block
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website{
    display:flex;
    align-items:center
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p{
    opacity:1
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block{
    position:absolute;
    right:30px;
    opacity:1;
    text-align:right
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block{
    opacity:1;
    animation:displayTransition 0s
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark{
    border-top:none
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p,.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6,.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .h6{
    margin-top:0;
    display:inline-block
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6,.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .h6{
    position:relative;
    padding-right:15px
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6:after,.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .h6:after{
    position:absolute;
    content:"-";
    right:0;
    color:var(--dark-gray)
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general{
    margin-top:5px
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p{
    width:68%;
    margin-right:20px
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
    width:20%
}
.bookmark-tabcontent .tab-content .card .d-flex{
    justify-content:space-between;
    align-items:center
}
.bookmark-tabcontent .tab-content .card .d-flex svg{
    width:18px;
    height:18px;
    vertical-align:middle
}
.bookmark-tabcontent .tab-content .card .d-flex ul li{
    display:inline-block
}
.bookmark-tabcontent .tab-content .card .d-flex ul li+li{
    margin-left:5px
}
.bookmark-tabcontent .tab-content .tab-pane>.card{
    box-shadow:none
}
@media only screen and (max-width: 1660px){
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p{
        display:none
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block{
        margin-top:6px
    }
}
@media screen and (min-width: 1200px) and (max-width: 1366px){
    .bookmark-wrap .left-bookmark ul li .btn-block svg{
        display:none
    }
}
@media only screen and (max-width: 1366px){
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
        width:40%
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block{
        top:80px
    }
}
@media only screen and (max-width: 1199px){
    .bookmark-wrap .left-bookmark{
        height:auto
    }
    .bookmark-tabcontent .details-bookmark{
        min-height:auto
    }
}
@media only screen and (max-width: 991px){
    .modal-bookmark .modal-body,.modal-bookmark .modal-header{
        padding:20px
    }
}
@media only screen and (max-width: 767px){
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width:172px
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p{
        display:none
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul{
        position:relative;
        right:unset;
        top:unset
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
        width:45%
    }
}
@media only screen and (max-width: 575px){
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
        width:100%
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website{
        display:block
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark{
        padding-left:15px
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block{
        position:relative;
        right:unset;
        text-align:left;
        top:unset;
        padding:0
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general{
        display:none
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p,.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6,.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .h6{
        display:block
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6:after,.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .h6:after{
        display:none
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p{
        margin-top:15px
    }
    .modal-bookmark .modal-body,.modal-bookmark .modal-header{
        padding:15px
    }
}
.email-wrap .row .col-xl-3+.col-xl-3{
    padding-right:0
}
.email-wrap .row .col-xl-6{
    padding-left:0
}
.email-wrap .dropdown .dropdown-toggle{
    background-color:#7366ff14;
    color:var(--theme-default);
    border-radius:10px;
    padding:5px 10px;
    width:100px;
    text-align:left
}
[dir=rtl] .email-wrap .dropdown .dropdown-toggle{
    text-align:right
}
.email-wrap .dropdown .dropdown-toggle:after{
    position:absolute;
    top:50%;
    right:10px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    content:"";
    border:none;
    font-family:FontAwesome;
    font-size:18px;
    margin:0
}
[dir=rtl] .email-wrap .dropdown .dropdown-toggle:after{
    right:unset;
    left:10px
}
.email-wrap .dropdown .dropdown-menu{
    -webkit-box-shadow:0 0 20px rgba(89,102,122,.1);
    box-shadow:0 0 20px #59667a1a;
    border:none;
    padding:0
}
.email-wrap .dropdown .dropdown-menu .dropdown-item{
    color:#2b2b2b;
    opacity:.6;
    font-size:13px;
    padding:6px 12px;
    border-top:1px solid var(--light-color);
    background:#fff;
    line-height:19px
}
.email-wrap .dropdown .dropdown-menu .dropdown-item:hover{
    background-color:#fff
}
.email-wrap .email-app-sidebar .media img{
    border:2px solid var(--light-gray)
}
.email-wrap .email-app-sidebar .main-menu>li{
    width:100%;
    text-align:left
}
.email-wrap .email-app-sidebar .main-menu>li a{
    line-height:2.2;
    text-transform:uppercase;
    border-radius:3px
}
.email-wrap .email-app-sidebar .main-menu>li a i{
    margin-right:10px
}
.email-wrap .email-app-sidebar .main-menu>li a.active>a{
    color:#000
}
.email-wrap .email-app-sidebar .main-menu>li a:hover{
    background-color:#43b9b21a;
    text-decoration:none
}
.email-wrap .email-app-sidebar ul li a{
    display:flex;
    padding-left:20px;
    align-items:center
}
.email-wrap .email-app-sidebar ul li a>.title{
    width:100%;
    color:#2c2c31
}
[data-theme=dark] .email-wrap .email-app-sidebar ul li a>.title{
    color:var(--light-font)
}
.email-wrap .email-app-sidebar ul li a>.badge{
    align-self:center;
    color:var(--dark-gray)
}
.email-wrap .email-left-aside{
    float:left;
    width:100%
}
.email-wrap .email-left-aside .card-body{
    padding:15px
}
@media (min-width: 1200px){
    .email-wrap .email-right-aside .email-body .pr-0{
        padding-right:0
    }
    [dir=rtl] .email-wrap .email-right-aside .email-body .pr-0{
        padding-right:12px;
        padding-left:0
    }
}
@media (min-width: 1200px){
    .email-wrap .email-right-aside .email-body .pl-0{
        padding-left:0
    }
    [dir=rtl] .email-wrap .email-right-aside .email-body .pl-0{
        padding-left:12px;
        padding-right:0
    }
}
.email-wrap .email-right-aside .email-body .inbox{
    overflow:auto
}
@media (max-width: 1199.98px){
    .email-wrap .email-right-aside .email-body .inbox{
        display:flex;
        flex-wrap:wrap
    }
}
.email-wrap .email-right-aside .email-body .inbox .media{
    padding:20px
}
.email-wrap .email-right-aside .email-body .inbox .media.active{
    background-color:#fff
}
.email-wrap .email-right-aside .radius-left{
    border-radius:8px;
    height:100%
}
.email-wrap .btn-mail{
    border-radius:2px;
    text-align:left;
    padding:13px 15px;
    margin:20px 0;
    letter-spacing:1px;
    line-height:12px!important
}
.email-wrap p{
    margin-bottom:0;
    color:var(--dark-gray)
}
.email-wrap .media-body{
    margin-top:5px
}
.email-wrap .media-body h6,.email-wrap .media-body .h6{
    margin-bottom:2px;
    color:var(--body-font-color);
    margin-top:3px
}
.email-wrap .media-body h6 small,.email-wrap .media-body .h6 small,.email-wrap .media-body h6 .small,.email-wrap .media-body .h6 .small{
    font-size:12px
}
.email-wrap .media-body h6 small span,.email-wrap .media-body .h6 small span,.email-wrap .media-body h6 .small span,.email-wrap .media-body .h6 .small span{
    color:var(--light-font)
}
.email-wrap .media-body p{
    color:#52526c;
    font-size:12px
}
.email-wrap .email-top{
    padding:20px;
    border-bottom:1px solid rgba(0,0,0,.1);
    line-height:49px
}
.email-wrap .email-top i{
    cursor:pointer
}
.email-wrap .email-top h5,.email-wrap .email-top .h5{
    margin-bottom:0;
    padding:12px 0
}
.email-wrap .email-top .d-flex{
    padding:13px 0
}
.email-wrap .email-wrapper{
    padding:20px
}
.email-wrap .email-wrapper hr{
    margin-top:0;
    margin-bottom:20px
}
.email-wrap .email-wrapper .d-inline-block{
    width:100%
}
.email-wrap .email-wrapper h6,.email-wrap .email-wrapper .h6{
    margin-bottom:11px;
    float:left
}
.email-wrap .email-wrapper .right-download{
    float:right
}
.email-wrap .email-wrapper p+p{
    margin-bottom:20px
}
.email-wrap .email-wrapper h5,.email-wrap .email-wrapper .h5{
    margin-bottom:20px
}
.email-wrap .email-body .attachment ul li img{
    margin-bottom:20px;
    width:80px;
    height:80px;
    object-fit:cover
}
.email-wrap .email-body .attachment .list-inline .list-inline-item{
    padding-right:13px
}
.email-wrap .email-body .email-compose .cke_contents.cke_reset{
    max-height:178px;
    width:100%;
    border:1px solid var(--light-gray)
}
.email-wrap .email-body .email-compose .email-top h4,.email-wrap .email-body .email-compose .email-top .h4{
    padding:11px 0
}
.alert-contactadd{
    background-color:#fff;
    border:1px solid var(--theme-default);
    width:12%;
    padding:10px
}
.updateimg{
    position:absolute;
    left:15px;
    width:100px;
    top:32px;
    line-height:93px;
    opacity:0
}
#right-history{
    top:81px;
    right:-320px;
    height:100%;
    position:fixed;
    width:320px;
    z-index:9;
    background-color:#fff;
    transition:.5s;
    box-shadow:0 0 9px #f8f9fa5c
}
[data-theme=dark] #right-history{
    background:var(--body-color)
}
[dir=rtl] #right-history{
    right:unset;
    left:-320px
}
#right-history h6 span a,#right-history .h6 span a{
    color:#2f2f3b
}
[data-theme=dark] #right-history h6 span a,[data-theme=dark] #right-history .h6 span a{
    color:var(--light-font)
}
#right-history.show{
    right:0;
    transition:.3s
}
[dir=rtl] #right-history.show{
    right:unset;
    left:0
}
[data-theme=dark] .swal-modal{
    background:var(--body-color)
}
[data-theme=dark] .swal-title,[data-theme=dark] .swal-text{
    color:var(--light-font)
}
[data-theme=dark] .swal-button{
    background:var(--card-color);
    color:var(--light-font)
}
.history-details .text-center{
    display:flex;
    align-items:center;
    justify-content:center
}
.history-details .text-center i{
    margin:0 6px
}
.history-details>div{
    padding:30px 0
}
.history-details .d-flex{
    padding:30px 15px;
    border-top:1px solid #F4F5F8;
    align-items:flex-start;
    gap:12px
}
[data-theme=dark] .history-details .d-flex{
    border-color:var(--solid-border)
}
.history-details .d-flex i{
    padding:5px;
    background:var(--star-color);
    color:#fff;
    border-radius:100%;
    display:flex;
    justify-content:center;
    width:30px;
    align-items:center;
    height:30px
}
.history-details .d-flex h6,.history-details .d-flex .h6{
    margin-bottom:5px
}
.delete-contact{
    display:none
}
.more-data{
    animation:displayTransition 1s
}
.contact-editform{
    padding:30px;
    animation:displayTransition 1s
}
.contact-editform a{
    display:block
}
.contact-editform button{
    margin-top:30px
}
.contact-editform .select2-container .select2-selection--single{
    height:39px!important
}
#deletemodal .modal-header{
    border-bottom:none
}
#deletemodal .modal-header .delete-data span svg{
    vertical-align:middle;
    margin-right:15px
}
.contact-options li .btn-category{
    line-height:39px;
    border-radius:3px;
    padding-left:40px!important;
    padding:0;
    color:var(--theme-default);
    font-weight:500
}
.list-persons p{
    font-family:Outfit,sans-serif
}
.list-persons .profile-mail{
    padding:30px 0
}
.list-persons .profile-mail .d-flex{
    align-items:center
}
.list-persons .profile-mail .d-flex img{
    height:100px
}
.list-persons .profile-mail .d-flex .flex-grow-1 h5,.list-persons .profile-mail .d-flex .flex-grow-1 .h5{
    margin-bottom:5px
}
.list-persons .profile-mail .d-flex .flex-grow-1 ul{
    margin-top:5px
}
.list-persons .profile-mail .d-flex .flex-grow-1 ul li{
    display:inline-block
}
.list-persons .profile-mail .d-flex .flex-grow-1 ul li a{
    font-size:13px
}
.list-persons .profile-mail .d-flex .flex-grow-1 ul li+li{
    padding-left:10px;
    margin-left:5px;
    border-left:2px solid var(--light-color)
}
.list-persons .profile-mail .email-general{
    padding-top:50px
}
.list-persons .profile-mail .email-general ul{
    padding-right:20px
}
.list-persons .profile-mail .email-general ul li{
    color:var(--dark-gray);
    padding-bottom:10px;
    margin-bottom:10px
}
.list-persons .profile-mail .email-general ul li:last-child{
    padding-bottom:0;
    margin-bottom:0
}
.list-persons .profile-mail .email-general ul li>span{
    float:right
}
.list-persons .profile-mail .email-general p span{
    margin-left:30px
}
.list-persons .profile-mail .email-general .gender{
    margin-top:30px
}
.contacts-tabs .nav-pills{
    border-right:1px solid var(--light-color);
    height:100%
}
.contacts-tabs .nav-pills .nav-link.active,.contacts-tabs .nav-pills .nav-link>.nav-link,.contacts-tabs .nav-pills .show.active,.contacts-tabs .nav-pills .show>.nav-link{
    background-color:#43b9b20d;
    color:#2f2f3b
}
.contacts-tabs .nav-pills .nav-link{
    color:#2f2f3b;
    padding:0
}
.contacts-tabs .nav-pills .nav-link .d-flex .img-50{
    height:50px
}
.contacts-tabs .nav-pills .nav-link+.nav-link{
    border-top:1px solid var(--light-color)
}
.contacts-tabs .nav-pills .d-flex{
    padding:20px
}
.contacts-tabs .tab-content .tab-content-child{
    animation:displayTransition 1s
}
@media only screen and (max-width: 991px){
    #right-history{
        top:60px
    }
    .updateimg{
        top:21px
    }
    .list-persons .profile-mail{
        padding:20px
    }
    .list-persons .profile-mail .email-general .gender,.contact-editform button{
        margin-top:20px
    }
}
@media only screen and (max-width: 767px){
    .contact-editform{
        padding:20px
    }
    .contact-editform.pl-0{
        padding-left:20px!important
    }
    .contacts-tabs .nav-pills{
        border-right:none;
        border-bottom:1px solid var(--light-color)
    }
}
@media only screen and (max-width: 575px){
    #right-history{
        width:270px
    }
    .updateimg{
        top:16px;
        left:29px
    }
    .contacts-tabs .d-flex img.m-r-20{
        margin-right:15px
    }
    .contacts-tabs .nav-pills .d-flex,.list-persons .profile-mail{
        padding:15px
    }
    .list-persons .profile-mail .email-general .gender{
        margin-top:15px
    }
    .list-persons .nav-pills .nav-link .d-flex .flex-grow-1{
        text-align:left
    }
    .contact-editform{
        padding:15px
    }
    .contact-editform button{
        margin-top:15px
    }
    .contact-editform.pl-0{
        padding-left:15px!important
    }
    .contact-editform form .row>div .row>div>div,.contact-options form .row>div .row>div>div{
        margin-bottom:0
    }
    .contact-editform form .row>div .row>div+div,.contact-options form .row>div .row>div+div{
        margin-top:15px
    }
}
@media only screen and (max-width: 360px){
    .updateimg{
        line-height:73px;
        width:80px
    }
    .list-persons .profile-mail .email-general p span{
        margin-left:10px
    }
    .list-persons .profile-mail .d-flex{
        display:block
    }
    .list-persons .profile-mail .d-flex img{
        height:80px;
        width:80px!important;
        margin-bottom:15px
    }
}
.dark-contact .nav .nav-link .d-flex .flex-grow-1 h6,.dark-contact .nav .nav-link .d-flex .flex-grow-1 .h6{
    color:var(--body-font-color)
}
.email-right-aside .email-list{
    display:block
}
.email-right-aside .email-list.hide,.email-right-aside .email-read{
    display:none
}
.email-right-aside .email-read.show{
    display:block
}
.email-right-aside .modal-footer{
    text-align:end
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:active,.email-main-wrapper .email-app-sidebar .nav-pills .nav-item.active{
    border-radius:5px
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link{
    color:#52526ccc;
    gap:13px;
    text-transform:capitalize;
    font-size:16px;
    font-weight:500;
    position:relative;
    padding:8px 20px
}
[data-theme=dark] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link{
    color:var(--light-font)
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:hover{
    background-color:unset;
    color:var(--theme-default)
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active,.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active{
    background-color:#43b9b21a;
    color:var(--theme-default);
    border-radius:5px
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg,.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg{
    stroke:#43b9b2cc
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active:after,.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active:after{
    content:"";
    border-right:3px solid var(--theme-default);
    position:absolute;
    top:9px;
    width:4px;
    right:0;
    height:35px;
    border:2px solid var(--theme-default);
    border-radius:100px 0 0 100px
}
@media (max-width: 1400px){
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active:after,.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active:after{
        top:8px;
        height:28px
    }
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link .stroke-icon{
    width:18px;
    height:18px
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link div{
    width:calc(100% - 31px);
    display:flex;
    align-items:center;
    justify-content:space-between
}
[data-theme=dark] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div{
    color:var(--theme-default)
}
@media (max-width: 1400px){
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div{
        font-size:15px
    }
}
.email-main-wrapper .email-app-sidebar span{
    background-color:var(--theme-default);
    color:#fff;
    border-radius:20px;
    padding:5px 13px
}
@media (max-width: 1400px){
    .email-main-wrapper .email-app-sidebar span{
        padding:3px 10px
    }
}
.email-main-wrapper .email-app-sidebar .compose-mail{
    display:block;
    text-align:center
}
.email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active{
    padding:15px;
    background-color:var(--theme-default);
    color:#fff
}
@media (max-width: 1400px){
    .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active{
        padding:10px
    }
}
.email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active:before{
    content:unset
}
.email-main-wrapper .email-app-sidebar .compose-mail .nav-link i{
    font-size:13px
}
@media (max-width: 1400px){
    .email-main-wrapper .email-app-sidebar .email-category.nav-pills .nav-item .nav-link{
        padding:3px 20px
    }
}
@media (max-width: 1400px){
    .email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item .nav-link{
        padding:3px 20px
    }
}
.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item:first-child a{
    margin-top:16px
}
.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item svg{
    width:24px;
    height:24px
}
.email-main-wrapper .email-app-sidebar .emailbox.btn{
    width:100%;
    margin-bottom:15px;
    padding:12px;
    font-size:16px;
    font-weight:500
}
@media (max-width: 576px){
    .email-main-wrapper .email-app-sidebar .emailbox.btn{
        padding:7px
    }
}
.email-main-wrapper .email-app-sidebar .emailbox.btn i{
    padding-right:12px
}
.email-body .mail-header-wrapper{
    padding:16px;
    box-shadow:0 5px 10px #00000014;
    display:flex;
    justify-content:space-between;
    align-items:center
}
@media (max-width: 1468px){
    .email-body .mail-header-wrapper{
        padding:12px
    }
}
@media (max-width: 600px){
    .email-body .mail-header-wrapper{
        flex-direction:column;
        align-items:flex-start
    }
}
.email-body .mail-header-wrapper .mail-header .form-check{
    display:flex;
    align-items:center
}
@media (max-width: 420px){
    .email-body .mail-header-wrapper .mail-header .form-check{
        align-items:flex-start
    }
}
.email-body .mail-header-wrapper .mail-header .form-check .form-check-input{
    width:18px;
    height:18px;
    margin-top:9px
}
@media (max-width: 1468px){
    .email-body .mail-header-wrapper .mail-header .form-check .form-check-input{
        margin-right:8px;
        margin-top:2px
    }
}
.email-body .mail-header-wrapper .mail-header .form-check .form-check-input:focus{
    box-shadow:unset;
    border:1px solid var(--theme-default)
}
@media (max-width: 424px){
    .email-body .mail-header-wrapper .mail-header ul{
        gap:12px
    }
}
@media (max-width: 351px){
    .email-body .mail-header-wrapper .mail-header ul{
        flex-direction:column
    }
}
.email-body .mail-header-wrapper .mail-header ul li a{
    display:flex;
    align-items:center;
    gap:9px;
    color:#52526ccc;
    position:relative;
    padding-bottom:0
}
@media (max-width: 1468px){
    .email-body .mail-header-wrapper .mail-header ul li a{
        padding:7px
    }
}
.email-body .mail-header-wrapper .mail-header ul li a:before{
    content:"";
    position:absolute;
    bottom:-23px;
    left:0;
    width:0;
    background-color:var(--theme-default);
    height:2px;
    transition:all .1s ease-in
}
@media (max-width: 1468px){
    .email-body .mail-header-wrapper .mail-header ul li a:before{
        bottom:-15px
    }
}
@media (max-width: 991px){
    .email-body .mail-header-wrapper .mail-header ul li a:before{
        bottom:-13px
    }
}
@media (max-width: 351px){
    .email-body .mail-header-wrapper .mail-header ul li a:before{
        bottom:-2px
    }
}
.email-body .mail-header-wrapper .mail-header ul li a.active{
    color:var(--theme-default)
}
.email-body .mail-header-wrapper .mail-header ul li a.active:before{
    width:100%;
    transition:all .1s ease-in
}
.email-body .mail-header-wrapper .mail-header ul li a svg{
    width:22px;
    height:22px
}
@media (max-width: 424px){
    .email-body .mail-header-wrapper .mail-header ul li a svg{
        display:none
    }
}
.email-body .mail-header-wrapper .mail-body{
    display:flex;
    gap:12px
}
@media (max-width: 1500px){
    .email-body .mail-header-wrapper .mail-body{
        justify-content:end
    }
}
@media (max-width: 600px){
    .email-body .mail-header-wrapper .mail-body{
        display:none
    }
}
.email-body .mail-header-wrapper .mail-body .mail-search{
    position:relative
}
@media (max-width: 1500px){
    .email-body .mail-header-wrapper .mail-body .mail-search{
        width:55%
    }
}
@media (max-width: 1468px){
    .email-body .mail-header-wrapper .mail-body .mail-search{
        width:48%
    }
}
@media (max-width: 1400px){
    .email-body .mail-header-wrapper .mail-body .mail-search{
        display:none
    }
}
.email-body .mail-header-wrapper .mail-body .mail-search .form-control{
    display:inline-block;
    padding:8px 30px
}
.email-body .mail-header-wrapper .mail-body .mail-search .form-control:focus{
    box-shadow:unset;
    border:1px solid var(--chart-dashed-border)
}
@media (max-width: 1504px){
    .email-body .mail-header-wrapper .mail-body .mail-search .form-control{
        max-width:165px
    }
}
.email-body .mail-header-wrapper .mail-body .mail-search i{
    position:absolute;
    top:10px;
    left:11px
}
[data-theme=dark] .email-body .mail-header-wrapper .mail-body .mail-search i{
    color:var(--light-font)
}
.email-body .mail-header-wrapper .mail-body .light-square i{
    color:var(--body-font-color)
}
.email-body .light-square{
    width:40px;
    height:39px;
    border-radius:8px;
    background-color:var(--light2);
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer
}
[data-theme=dark] .email-body .light-square{
    background:var(--body-color)
}
@media (max-width: 992px){
    .email-body .light-square{
        width:34px;
        height:35px
    }
}
.email-body .light-square.dropdown-toggle:after{
    content:"";
    display:none
}
.email-body .light-square .dropdown-menu .dropdown-item{
    border-top:0
}
.email-body .light-square .dropdown-menu .dropdown-item:hover{
    background-color:#ccc
}
[data-theme=dark] .email-body .light-square .dropdown-menu .dropdown-item:hover{
    background-color:var(--body-color)
}
.email-body .light-square .dropdown-menu .dropdown-item i{
    padding-right:12px
}
.email-body .mail-body-wrapper ul li{
    padding:16px;
    display:flex;
    align-items:center;
    cursor:pointer;
    border-bottom:var(--light-border)
}
.email-body .mail-body-wrapper ul li:hover{
    background-color:#43b9b21a
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .email-timing{
    display:none;
    transition:all .3s ease-in-out
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .email-options{
    display:flex;
    align-items:center;
    gap:14px;
    justify-content:flex-end;
    min-width:100px;
    transition:all .3s ease-in-out
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i{
    font-size:18px
}
@media (max-width: 375px){
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i{
        font-size:16px
    }
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .show{
    display:block
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .hide{
    display:none
}
@media (max-width: 460px){
    .email-body .mail-body-wrapper ul li.inbox-data{
        display:block
    }
}
.email-body .mail-body-wrapper ul li:last-child{
    border-bottom:unset
}
.email-body .mail-body-wrapper ul li .inbox-user{
    min-width:290px;
    display:flex;
    align-items:center;
    gap:12px
}
@media (max-width: 1400px){
    .email-body .mail-body-wrapper ul li .inbox-user{
        min-width:280px
    }
}
@media (max-width: 576px){
    .email-body .mail-body-wrapper ul li .inbox-user{
        min-width:260px
    }
}
.email-body .mail-body-wrapper ul li .inbox-user .form-check-input{
    width:18px;
    height:18px
}
.email-body .mail-body-wrapper ul li .inbox-user .form-check-input:focus{
    box-shadow:unset
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border{
    width:50px;
    height:50px;
    border:2px solid var(--chart-dashed-border);
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:100%
}
@media (max-width: 1400px){
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border{
        width:42px;
        height:42px
    }
}
@media (max-width: 355px){
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border{
        display:none
    }
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border>div{
    width:40px;
    height:40px;
    background-color:#c3f7f4;
    border-radius:100%
}
@media (max-width: 1400px){
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border>div{
        width:32px;
        height:32px
    }
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border>div p{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
    font-weight:900;
    padding-top:3px
}
@media (max-width: 1200px){
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border>div p{
        font-size:13px
    }
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border .circle-success{
    background-color:#17a6001a
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border img{
    border-radius:100%;
    height:38px
}
@media (max-width: 1400px){
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img{
        height:32px
    }
}
.email-body .mail-body-wrapper ul li .inbox-message{
    display:flex;
    justify-content:space-between;
    width:100%;
    gap:16px
}
@media (max-width: 700px){
    .email-body .mail-body-wrapper ul li .inbox-message{
        display:block
    }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data span{
    font-weight:500;
    color:#52526c;
    letter-spacing:.3;
    display:-webkit-box;
    max-width:100%;
    margin:0 auto;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
[data-theme=dark] .email-body .mail-body-wrapper ul li .inbox-message .email-data span{
    color:var(--light-font)
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data span span{
    font-weight:400;
    line-height:1.9
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data .badge{
    border-radius:20px
}
@media (max-width: 1236px){
    .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge{
        margin-bottom:5px
    }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data .badge:last-child{
    margin-bottom:0
}
.email-body .mail-body-wrapper ul li .inbox-message .email-timing{
    display:flex;
    align-items:center;
    min-width:80px;
    transition:all .3s ease-in-out
}
@media (max-width: 768px){
    .email-body .mail-body-wrapper ul li .inbox-message .email-timing{
        justify-content:flex-end;
        height:18px
    }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-timing span{
    color:var(--light-font)
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options{
    display:none;
    transition:all .3s ease-in-out
}
@media (max-width: 768px){
    .email-body .mail-body-wrapper ul li .inbox-message .email-options{
        height:18px
    }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options .show{
    display:block
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options .hide{
    display:none
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options i{
    color:var(--light-font)
}
.email-body .mail-body-wrapper ul li.page-item{
    padding:0
}
.email-body .mail-body-wrapper .hidden{
    display:none!important
}
.email-body .mail-pagination{
    display:flex;
    justify-content:flex-end;
    gap:12px;
    padding:16px
}
.email-body .mail-pagination .pagination-button,.email-body .mail-pagination .pagination-number{
    padding:0 12px;
    width:35px;
    height:35px;
    border-radius:10px;
    border:unset
}
[data-theme=dark] .email-body .mail-pagination .pagination-button,[data-theme=dark] .email-body .mail-pagination .pagination-number{
    background:var(--body-color);
    color:var(--light-font)
}
.email-body .mail-pagination .pagination-button.disabled{
    background-color:#d7e2e9;
    color:var(--body-font-color);
    opacity:1
}
[data-theme=dark] .email-body .mail-pagination .pagination-button.disabled{
    background:var(--body-color);
    color:var(--light-font)
}
.email-body .mail-pagination .pagination-number{
    padding:6px 12px
}
.email-body .mail-pagination .pagination-number.active{
    background-color:var(--theme-default);
    color:#fff
}
.email-body .mail-pagination .pagination-index{
    display:flex;
    gap:12px
}
.compose-modal form .form-control{
    position:relative
}
.compose-modal form .add-bcc{
    position:absolute;
    top:79px;
    right:25px
}
.compose-modal form .add-bcc .btn{
    padding:5px 8px;
    background-color:#43b9b21a;
    color:var(--theme-default)
}
.mail-header-wrapper.header-wrapper1{
    flex-direction:unset
}
@media (max-width: 440px){
    .mail-header-wrapper.header-wrapper1{
        flex-direction:column;
        gap:10px
    }
}
.mail-header-wrapper .mail-header1{
    display:flex;
    align-items:center;
    gap:18px
}
.mail-header-wrapper .mail-header1 span{
    font-weight:500;
    color:var(--body-font-color)
}
.mail-header-wrapper .mail-header1 .btn-email{
    width:20px;
    height:20px;
    stroke:var(--body-font-color)
}
.mail-header-wrapper .mail-body1{
    display:flex;
    gap:10px
}
.mail-header-wrapper .mail-body1 svg{
    width:20px;
    height:20px
}
@media (max-width: 480px){
    .mail-header-wrapper .mail-body1 svg{
        width:18px;
        height:18px
    }
}
.mail-body-wrapper .user-mail-wrapper{
    padding:16px
}
.mail-body-wrapper .user-mail-wrapper .user-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid var(--chart-dashed-border)
}
@media (max-width: 390px){
    .mail-body-wrapper .user-mail-wrapper .user-title{
        flex-direction:column;
        padding-bottom:12px;
        justify-content:unset;
        align-items:unset
    }
}
.mail-body-wrapper .user-mail-wrapper .user-title>div{
    display:flex;
    align-items:center;
    gap:12px;
    padding-bottom:12px
}
.mail-body-wrapper .user-mail-wrapper .user-title>div .rounded-border{
    width:50px;
    height:50px;
    border:2px solid var(--chart-dashed-border);
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:100%
}
.mail-body-wrapper .user-mail-wrapper .user-title>div .rounded-border img{
    height:38px;
    border-radius:100%
}
.mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown{
    position:relative;
    cursor:pointer
}
.mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown .dropdown-button{
    display:flex;
    align-items:center;
    gap:8px;
    color:#98a6ad;
    border:unset
}
.mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown .dropdown-button svg{
    width:16px;
    height:16px
}
.mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown .inbox-security{
    padding:16px;
    box-shadow:var(--card-hover-box-shadow);
    min-width:350px
}
.mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown .inbox-security p{
    margin-bottom:8px
}
.mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown .inbox-security p:last-child{
    margin-bottom:0
}
.mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown .inbox-security p span{
    color:var(--body-font-color)
}
.mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown .inbox-security.onhover-show-div{
    box-shadow:0 0 20px #59667a1a;
    transform:translateY(30px);
    opacity:0;
    visibility:hidden;
    left:0;
    position:absolute;
    z-index:8;
    background-color:var(--card-color);
    transition:all linear .3s
}
@media (max-width: 475px){
    .mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown .inbox-security.onhover-show-div{
        left:-27px
    }
}
@media (max-width: 445px){
    .mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown .inbox-security.onhover-show-div{
        left:-70px
    }
}
@media (max-width: 395px){
    .mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown .inbox-security.onhover-show-div{
        min-width:270px
    }
}
.mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown:hover .onhover-show-div{
    opacity:1;
    transform:translateY(0);
    visibility:visible;
    border-radius:5px;
    overflow:hidden
}
.mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown:hover .onhover-show-div:before{
    z-index:1;
    width:0;
    height:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #ffffff;
    content:"";
    top:-7px;
    position:absolute;
    left:10px;
    z-index:2
}
@media (max-width: 575px){
    .mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown:hover .onhover-show-div{
        opacity:1;
        visibility:visible
    }
}
@media (max-width: 475px){
    .mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown:hover .onhover-show-div{
        left:-27px
    }
}
@media (max-width: 445px){
    .mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown:hover .onhover-show-div{
        left:-70px
    }
}
@media (max-width: 395px){
    .mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown:hover .onhover-show-div{
        min-width:270px
    }
}
@media (max-width: 390px){
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options{
        padding-bottom:0
    }
}
.mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span{
    color:#98a6ad
}
@media (max-width: 623px){
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span{
        display:none
    }
}
.mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg{
    width:18px;
    height:18px
}
.mail-body-wrapper .user-mail-wrapper .user-title .inbox-options .light-square .dropdown-toggle:after{
    content:unset
}
.mail-body-wrapper .user-mail-wrapper .user-body{
    padding:14px 0;
    border-bottom:1px solid var(--chart-dashed-border)
}
.mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(1){
    padding-bottom:14px
}
.mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(2),.mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(4){
    line-height:1.8;
    margin-bottom:10px
}
.mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent{
    padding-top:14px
}
.mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent p{
    padding-bottom:0
}
.mail-body-wrapper .user-mail-wrapper .user-footer{
    padding:14px 0;
    border-bottom:1px solid var(--chart-dashed-border)
}
.mail-body-wrapper .user-mail-wrapper .user-footer>div:not(.toolbar-box){
    display:flex;
    align-items:center;
    gap:8px;
    padding-bottom:12px;
    cursor:pointer
}
.mail-body-wrapper .user-mail-wrapper .user-footer #editor{
    width:600vh;
    height:21vh
}
.mail-body-wrapper .user-mail-wrapper .user-footer svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:var(--text-gray)
}
@media (max-width: 480px){
    .mail-body-wrapper .user-mail-wrapper .user-footer svg{
        width:18px;
        height:18px
    }
}
.mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file{
    align-items:center;
    gap:30px;
    padding:12px;
    background-color:#43b9b21a
}
.mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file .common-flex img{
    height:36px
}
.mail-body-wrapper .user-mail-wrapper .send-btn{
    text-align:end;
    padding-top:14px
}
.mail-body-wrapper .user-mail-wrapper .send-btn i{
    margin-left:8px;
    font-size:12px
}
.toolbar-box{
    display:block;
    padding:0;
    border:1px solid var(--chart-dashed-border);
    border-radius:5px
}
[data-theme=dark] .toolbar-box{
    background:var(--body-color)
}
.toolbar-box .ql-toolbar.ql-snow{
    border:0
}
.toolbar-box .ql-container.ql-snow{
    border:0;
    min-height:100px
}
.toolbar-box .ql-editor p:nth-child(3){
    margin:12px 0
}
.toolbar-box .ql-editor p:nth-child(8),.toolbar-box .ql-editor p:nth-child(9){
    margin:12px 0
}
.toolbar-box .ql-bold:hover,.toolbar-box .ql-italic:hover,.toolbar-box .ql-underline:hover,.toolbar-box .ql-strike:hover,.toolbar-box .ql-list:hover,.toolbar-box .ql-stroke:hover,.toolbar-box .ql-indent:hover,.toolbar-box .ql-link:hover,.toolbar-box .ql-image:hover{
    color:var(--theme-default)
}
.toolbar-box .ql-bold:hover svg .ql-stroke,.toolbar-box .ql-bold:hover svg .ql-fill,.toolbar-box .ql-italic:hover svg .ql-stroke,.toolbar-box .ql-italic:hover svg .ql-fill,.toolbar-box .ql-underline:hover svg .ql-stroke,.toolbar-box .ql-underline:hover svg .ql-fill,.toolbar-box .ql-strike:hover svg .ql-stroke,.toolbar-box .ql-strike:hover svg .ql-fill,.toolbar-box .ql-list:hover svg .ql-stroke,.toolbar-box .ql-list:hover svg .ql-fill,.toolbar-box .ql-stroke:hover svg .ql-stroke,.toolbar-box .ql-stroke:hover svg .ql-fill,.toolbar-box .ql-indent:hover svg .ql-stroke,.toolbar-box .ql-indent:hover svg .ql-fill,.toolbar-box .ql-link:hover svg .ql-stroke,.toolbar-box .ql-link:hover svg .ql-fill,.toolbar-box .ql-image:hover svg .ql-stroke,.toolbar-box .ql-image:hover svg .ql-fill{
    stroke:var(--theme-default)
}
.toolbar-box .ql-bold button.ql-active .ql-stroke,.toolbar-box .ql-italic button.ql-active .ql-stroke,.toolbar-box .ql-underline button.ql-active .ql-stroke,.toolbar-box .ql-strike button.ql-active .ql-stroke,.toolbar-box .ql-list button.ql-active .ql-stroke,.toolbar-box .ql-stroke button.ql-active .ql-stroke,.toolbar-box .ql-indent button.ql-active .ql-stroke,.toolbar-box .ql-link button.ql-active .ql-stroke,.toolbar-box .ql-image button.ql-active .ql-stroke{
    stroke:var(--theme-default)
}
#editor .ql-editing,#editor1 .ql-editing{
    left:60.375px!important
}
#editor .ql-editing.ql-out-bottom,#editor1 .ql-editing.ql-out-bottom{
    visibility:visible!important
}
#editor .ql-tooltip,#editor1 .ql-tooltip{
    left:35.9688px!important
}
@media (max-width: 430px){
    #editor .ql-tooltip,#editor1 .ql-tooltip{
        left:2.9688px!important
    }
}
#editor .ql-tooltip.ql-out-bottom,#editor1 .ql-tooltip.ql-out-bottom{
    visibility:visible!important
}
@media (max-width: 430px){
    #editor .ql-tooltip.ql-out-bottom input[type=text],#editor1 .ql-tooltip.ql-out-bottom input[type=text]{
        width:94px
    }
}
.important-mail{
    width:18px;
    height:18px;
    fill:transparent;
    cursor:pointer
}
.important-mail:active,.important-mail.active{
    fill:#f0ad4e;
    stroke:#f0ad4e
}
.bookmark-box:active,.bookmark-box.active{
    stroke:var(--theme-default)
}
.dropdown-subtitle>p{
    color:var(--body-font-color);
    font-weight:500
}
.ql-snow .ql-toolbar button:hover{
    color:var(--theme-default)
}
[data-theme=dark] .ql-snow .ql-stroke{
    stroke:var(--light-font)
}
[data-theme=dark] .ql-snow .ql-fill{
    fill:var(--light-font)
}
[data-theme=dark] .ql-editor.ql-blank:before{
    color:var(--light-font)
}
[data-theme=dark] .ql-editor ol li,[data-theme=dark] .ql-editor ul li{
    color:var(--light-font)
}
.modal-open .datepickers-container{
    z-index:1075
}
.date-details{
    align-items:center
}
.date-details>div+div{
    margin-left:10px
}
.taskadd table tr td{
    border-top:none;
    padding:16px
}
.taskadd table tr td:first-child{
    padding-left:30px
}
.taskadd table tr td:last-child{
    padding-right:30px
}
.taskadd table tr td svg{
    width:18px;
    height:18px;
    color:#59667a
}
.taskadd table tr:first-child td{
    padding-top:30px
}
.taskadd table tr:last-child td{
    padding-bottom:20px!important
}
@media only screen and (max-width: 1660px){
    .taskadd table tr td:first-child{
        min-width:160px
    }
    .taskadd table tr td:nth-child(3){
        min-width:70px
    }
}
@media only screen and (max-width: 991px){
    .date-details{
        display:block!important;
        margin-bottom:-10px
    }
    .date-details .d-inline-block{
        margin-bottom:10px
    }
    .taskadd table tr td:first-child{
        padding-left:20px
    }
    .taskadd table tr:first-child td{
        padding-top:20px
    }
    .taskadd table tr:last-child td{
        padding-bottom:20px
    }
}
@media only screen and (max-width: 767px){
    .taskadd table tr td:nth-child(2){
        min-width:745px
    }
}
@media only screen and (max-width: 575px){
    .taskadd table tr td:first-child{
        padding-left:15px
    }
    .taskadd table tr:first-child td{
        padding-top:15px
    }
    .taskadd table tr:last-child td{
        padding-bottom:15px
    }
}
[data-theme=dark] .pika-single{
    background:var(--card-color);
    border-color:var(--solid-border)
}
.pika-single .pika-lendar .pika-label{
    color:var(--theme-default)
}
[data-theme=dark] .pika-single .pika-lendar .pika-label{
    background:var(--card-color)
}
.pika-single .pika-lendar .pika-table>:not(caption)>*>*{
    border-bottom:none
}
.pika-single .pika-lendar .pika-table abbr[title]{
    text-decoration:none
}
.pika-single .pika-lendar .pika-table th{
    color:var(--theme-default)
}
.pika-single .pika-lendar .pika-table .is-today .pika-button{
    background-color:var(--theme-default);
    color:#fff;
    font-weight:700
}
.pika-single .pika-lendar .pika-table .pika-button{
    background-color:#43b9b21a;
    text-align:center
}
.pika-single .pika-lendar .pika-table .is-selected .pika-button,.pika-single .pika-lendar .pika-table .has-event .pika-button{
    color:#fff;
    font-weight:700;
    background:var(--theme-default);
    box-shadow:inset 0 1px 3px #43b9b2;
    border-radius:3px
}
.pika-single .pika-lendar .pika-table .has-event .pika-button{
    background:var(--theme-default);
    box-shadow:inset 0 1px 3px #43b9b2
}
.pika-single .pika-lendar .pika-table .is-endrange .pika-button,.pika-single .pika-lendar .pika-table .pika-button:hover,.pika-single .pika-lendar .pika-table .pika-row .pick-whole-week:hover .pika-button{
    color:#fff;
    background:var(--theme-default);
    box-shadow:none;
    border-radius:3px
}
.fc .fc-button-primary,.fc .fc-button-primary:hover{
    color:#fff;
    background-color:var(--theme-default);
    border-color:var(--theme-default)
}
.fc .fc-button-primary:disabled{
    color:#fff;
    background-color:var(--theme-default);
    border-color:var(--theme-default)
}
.fc .fc-button-primary:focus{
    box-shadow:0 0 0 .2rem #43b9b280
}
.fc .fc-button-primary:not(:disabled):active{
    color:#fff;
    background-color:var(--theme-default);
    border-color:var(--theme-default)
}
.fc .fc-button-primary:not(:disabled):active:focus{
    box-shadow:0 0 0 .2rem #43b9b280
}
.fc .fc-button-primary:not(:disabled).fc-button-active{
    color:#fff;
    background-color:var(--theme-default);
    border-color:var(--theme-default)
}
.fc .fc-button-primary:not(:disabled).fc-button-active:focus{
    box-shadow:0 0 0 .2rem #43b9b280
}
.fc .fc-list-event-dot{
    display:inline-block;
    box-sizing:content-box;
    width:0;
    height:0;
    border:5px solid var(--theme-default);
    border-radius:5px
}
.fc-h-event{
    display:block;
    border:1px solid var(--theme-default);
    background-color:var(--theme-default)
}
.fc-h-event .fc-event-title{
    color:#fff
}
.fc-daygrid-event-dot{
    margin:0 4px;
    box-sizing:content-box;
    width:0;
    height:0;
    border:4px solid var(--theme-default);
    border-radius:4px
}
.fc-event-time,.fc-event-title{
    color:var(--theme-default)
}
.fc-v-event{
    display:block;
    border:1px solid var(--theme-default);
    background-color:var(--theme-default)
}
.fc-v-event .fc-event-title,.fc-timegrid-event .fc-event-time{
    color:#fff
}
.fc-list-day-side-text,.fc-list-day-text{
    color:var(--theme-default)
}
[data-theme=dark] .fc-theme-standard .fc-list-day-cushion,[data-theme=dark] .fc .fc-list-event:hover td{
    background-color:var(--body-color)
}
.fc-theme-standard .fc-list{
    border:1px solid var(--solid-border)
}
.user-profile .hovercard .user-image .share-icons{
    position:absolute;
    right:100px;
    top:-27px
}
@media (max-width: 1199.98px){
    .user-profile .hovercard .user-image .share-icons{
        position:absolute;
        right:45px;
        top:-22px
    }
}
@media (max-width: 767.98px){
    .user-profile .hovercard .user-image .share-icons{
        right:25px;
        top:-19px
    }
}
@media (max-width: 575.98px){
    .user-profile .hovercard .user-image .share-icons{
        right:15px
    }
}
@media only screen and (max-width: 360px){
    .user-profile .hovercard .user-image .share-icons{
        right:6px;
        top:-15px
    }
}
.user-profile .hovercard .user-image .share-icons li{
    display:inline-block;
    margin-right:10px
}
@media (max-width: 575.98px){
    .user-profile .hovercard .user-image .share-icons li{
        margin-right:0
    }
}
.user-profile .hovercard .user-image .share-icons li .social-icon{
    width:50px;
    height:50px;
    text-align:center;
    display:flex;
    align-items:center;
    vertical-align:middle;
    justify-content:center;
    border-radius:100%
}
@media (max-width: 1199.98px){
    .user-profile .hovercard .user-image .share-icons li .social-icon{
        width:40px;
        height:40px
    }
}
@media (max-width: 767.98px){
    .user-profile .hovercard .user-image .share-icons li .social-icon{
        width:35px;
        height:35px
    }
}
@media only screen and (max-width: 360px){
    .user-profile .hovercard .user-image .share-icons li .social-icon{
        width:25px;
        height:25px
    }
}
.user-profile .hovercard .user-image .share-icons li .social-icon i{
    color:#fff;
    font-size:25px
}
[data-theme=dark] .user-profile .hovercard .user-image .share-icons li .social-icon i{
    color:var(--light-font)
}
@media (max-width: 1199.98px){
    .user-profile .hovercard .user-image .share-icons li .social-icon i{
        font-size:18px
    }
}
@media only screen and (max-width: 360px){
    .user-profile .hovercard .user-image .share-icons li .social-icon i{
        font-size:14px
    }
}
.user-profile .hovercard .user-image .share-icons li:last-child{
    margin-right:0
}
.user-profile .card-footer>div h3,.user-profile .card-footer>div .h3{
    font-size:16px
}
.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active{
    border-bottom:none!important
}
.market-tabs .nav{
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center
}
.market-tabs .nav .nav-item{
    width:100%
}
@media (max-width: 575.98px){
    .market-tabs .nav .nav-item{
        width:50%!important
    }
}
.market-tabs .nav .nav-item .nav-link{
    height:81px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    padding-top:30px;
    text-align:center;
    font-family:Outfit,sans-serif;
    color:var(--body-font-color)
}
.tabs-scoial{
    border-bottom:none;
    margin-bottom:20px!important;
    margin-top:20px
}
.tabs-scoial li a{
    font-weight:600
}
.tabs-scoial li a svg circle{
    color:var(--light-text)
}
@media (max-width: 575.98px){
    .tabs-scoial li:nth-child(3){
        position:absolute;
        top:25px;
        left:0;
        right:0;
        margin:0 auto
    }
}
.social-network span{
    margin-bottom:30px;
    display:block
}
.social-list .d-flex{
    margin-bottom:20px;
    display:flex;
    align-items:center
}
.social-list .d-flex:last-child{
    margin-bottom:0
}
.social-list .d-flex .flex-grow-1 a{
    color:var(--light-text)
}
.social-list .d-flex .flex-grow-1 span{
    font-weight:600
}
.social-list .d-flex .flex-grow-1:hover a{
    color:var(--theme-default)
}
.photos{
    margin-bottom:-15px
}
.photos ul li{
    display:inline-block;
    margin-right:10px;
    margin-bottom:10px;
    width:70px
}
.photos ul li:nth-child(4n){
    margin-right:0
}
.new-users-social{
    margin-bottom:30px
}
.new-users-social svg{
    cursor:pointer
}
.new-users-social .d-flex img{
    width:58px
}
.new-users-social .d-flex .flex-grow-1{
    margin-top:10px
}
.new-users-social svg circle{
    color:var(--light-text)
}
.like-content span i{
    font-size:14px
}
.timeline-content p{
    margin-top:30px;
    color:var(--light-text)
}
.timeline-content .comment-number i{
    color:var(--light-text);
    margin-right:20px;
    margin-left:10px
}
.timeline-content .comments-box{
    margin-top:30px
}
.timeline-content .comments-box .input-group{
    margin-top:6px
}
.timeline-content .comments-box .input-group .input-txt-bx{
    border:none
}
.timeline-content .comments-box .input-group .input-txt-bx::placeholder{
    color:var(--light-text)
}
.timeline-content .comments-box .input-group .input-group-append .btn i{
    font-size:20px;
    display:flex;
    color:var(--light-text)
}
.social-chat{
    margin-top:30px
}
.social-chat span span{
    font-weight:400;
    color:var(--light-text);
    font-size:12px
}
.social-chat .flex-grow-1{
    padding:30px;
    border:1px solid #F4F5F8;
    position:relative
}
[data-theme=dark] .social-chat .flex-grow-1{
    border-color:var(--body-color)
}
.social-chat .flex-grow-1 p{
    margin-top:5px
}
.social-chat .flex-grow-1:before{
    content:"";
    position:absolute;
    top:19px;
    right:100%;
    border:7px solid transparent;
    border-right:7px solid #59667a
}
.social-chat .flex-grow-1:after{
    content:"";
    position:absolute;
    top:19px;
    right:100%;
    border:7px solid transparent;
    border-right:7px solid #ffffff
}
[data-theme=dark] .social-chat .flex-grow-1:after{
    border-right:7px solid var(--body-color)
}
.social-chat .your-msg,.social-chat .other-msg{
    margin-bottom:30px
}
.social-chat .your-msg .d-flex,.social-chat .other-msg .d-flex{
    align-items:baseline
}
.social-chat .other-msg{
    margin-left:40px
}
.socialprofile span{
    color:var(--light-text)
}
.socialprofile .social-btngroup{
    margin:30px 0
}
.socialprofile .likes-profile h5 span,.socialprofile .likes-profile .h5 span{
    color:#2f2f3b
}
.socialprofile .social-group{
    margin-top:30px
}
.socialprofile .social-group ul li+li{
    margin-left:-7%
}
.socialprofile .social-group ul li:nth-child(4){
    margin-left:-22px
}
.social-status form .form-group .form-control-social{
    border:1px solid #F4F5F8;
    padding-left:15px;
    margin-bottom:30px
}
.social-status .d-flex{
    position:relative;
    margin-bottom:30px;
    align-items:flex-start
}
.social-status .d-flex:last-child{
    margin-bottom:0
}
.social-status .d-flex .social-status{
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    background-color:#fff;
    bottom:0;
    left:35px;
    border-radius:100%
}
.social-status .d-flex .social-online{
    border:3px solid #17A600
}
.social-status .d-flex .social-busy{
    border:3px solid #F0AD4E
}
.social-status .d-flex .social-offline{
    border:3px solid #59667a
}
.social-status .d-flex .flex-grow-1 p{
    color:var(--light-text);
    margin-bottom:5px
}
.social-status .d-flex .flex-grow-1 span+span{
    color:var(--light-text)
}
.social-status .d-flex .flex-grow-1 .light-span{
    color:var(--light-text)
}
.social-header h5 span:first-child,.social-header .h5 span:first-child{
    line-height:1.48
}
.social-header h5 span svg circle,.social-header .h5 span svg circle{
    color:var(--light-text)
}
.details-about+.details-about{
    margin-top:30px
}
.details-about .your-details p{
    color:var(--light-text)
}
.avatar-showcase .friend-pic{
    margin-right:8px;
    margin-bottom:10px
}
.avatar-showcase .pepole-knows ul li{
    display:inline-block;
    margin-right:20px;
    margin-bottom:10px
}
.avatar-showcase .pepole-knows ul li:last-child{
    margin-right:0
}
.avatar-showcase .pepole-knows ul li .add-friend h6,.avatar-showcase .pepole-knows ul li .add-friend .h6{
    margin-top:3px
}
.activity-log .my-activity+.my-activity{
    margin-top:30px
}
.activity-log .my-activity p{
    margin-bottom:5px
}
.activity-log .my-activity p span svg{
    width:15px;
    height:15px
}
@media (max-width: 575.98px){
    .social-app-profile .hovercard .info .tabs-scoial .user-designation{
        border-top:none;
        border-bottom:none;
        margin-bottom:0;
        padding:0
    }
}
@media (max-width: 767.98px){
    .tabs-scoial.border-tab.nav-tabs{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
@media (max-width: 575.98px){
    .social-app-profile .tabs-scoial{
        margin-bottom:0!important
    }
}
@media (max-width: 575.98px){
    .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link{
        padding:10px;
        height:60px
    }
}
@media (max-width: 575.98px){
    .tabs-scoial{
        position:relative;
        padding-top:80px
    }
}
.choices__inner{
    border:none;
    background:var(--light-color)
}
[data-theme=dark] .choices__list[aria-expanded],[data-theme=dark] .choices[data-type*=select-one] .choices__input{
    background:var(--body-color);
    border-color:var(--solid-border)
}
.choices__input{
    background:var(--light-color)
}
[data-theme=dark] .choices__input{
    background:var(--body-color)
}
[data-theme=dark] .choices[data-type*=select-one]:after{
    border-color:var(--solid-border) transparent transparent
}
[data-theme=dark] .choices__list--dropdown .choices__item--selectable.is-highlighted,[data-theme=dark] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted{
    background-color:#43b9b21a
}
[data-theme=dark] .choices__heading{
    border-color:var(--solid-border)
}
[data-theme=dark] .theme-form .form-control::placeholder{
    color:var(--light-font)
}
[data-theme=dark] .choices__item.choices__item--selectable{
    color:var(--body-font-color)
}
.choices__list--multiple .choices__item{
    background-color:var(--theme-default);
    border:1px solid var(--theme-default);
    color:#fff;
    border-radius:4px;
    cursor:default;
    float:left;
    margin-right:5px;
    padding:3px 12px;
    margin-top:2px
}
.choices__heading{
    font-weight:700;
    color:var(--bs-heading-color)
}
.choices[data-type*=text] .choices__button,.choices[data-type*=select-multiple] .choices__button{
    margin-bottom:0;
    border-left:0
}
.timeline-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:12px
}
.time-content{
    display:flex;
    align-items:center;
    gap:4px
}
.time-content i{
    font-size:18px
}
.activity .media{
    margin-bottom:30px
}
.activity .media:last-child{
    margin-bottom:0
}
.activity .media .gradient-round{
    position:relative;
    width:53px;
    height:53px;
    background-image:linear-gradient(26deg,var(--theme-default) 0%,rgba(67,185,178,.3882352941) 100%);
    border-radius:100%;
    top:-18px
}
.activity .media .gradient-round svg{
    position:absolute;
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    left:0;
    top:18px;
    right:0;
    margin:0 auto
}
.activity .media .gradient-round svg path,.activity .media .gradient-round svg line,.activity .media .gradient-round svg circle{
    color:#fff
}
.activity .media .gradient-round.gradient-line-1:after{
    position:absolute;
    content:"";
    background-color:var(--body-color);
    width:2px;
    height:62px;
    bottom:-77px;
    left:0;
    right:0;
    margin:0 auto
}
.activity .media .gradient-round.small-line:after{
    position:absolute;
    content:"";
    background-color:var(--body-color);
    width:2px;
    height:19px;
    bottom:-34px;
    left:0;
    right:0;
    margin:0 auto
}
.activity .media .gradient-round.medium-line:after{
    position:absolute;
    content:"";
    background-color:var(--body-color);
    width:2px;
    height:53px;
    bottom:-68px;
    left:0;
    right:0;
    margin:0 auto
}
.activity .media .media-body h6,.activity .media .media-body .h6{
    font-weight:600;
    margin-bottom:30px
}
.activity .media .media-body h6 span,.activity .media .media-body .h6 span{
    font-weight:400;
    color:var(--light-text)
}
.activity .media .media-body p{
    width:80%
}
.timeline-small .media{
    margin-bottom:30px
}
.timeline-small .media:last-child{
    margin-bottom:0
}
.timeline-small .media .timeline-round{
    position:relative;
    width:53px;
    height:53px;
    border-radius:15px;
    top:-18px
}
.timeline-small .media .timeline-round svg{
    position:absolute;
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    left:0;
    top:18px;
    right:0;
    margin:0 auto
}
.timeline-small .media .timeline-round svg path,.timeline-small .media .timeline-round svg line,.timeline-small .media .timeline-round svg circle{
    color:#fff
}
.timeline-small .media .timeline-round.timeline-line-1:after{
    position:absolute;
    content:"";
    background-color:var(--body-color);
    width:2px;
    height:62px;
    bottom:-88px;
    left:0;
    right:0;
    margin:0 auto
}
.timeline-small .media .timeline-round.small-line:after{
    position:absolute;
    content:"";
    background-color:var(--body-color);
    width:2px;
    height:19px;
    bottom:-34px;
    left:0;
    right:0;
    margin:0 auto
}
.timeline-small .media .timeline-round.medium-line:after{
    position:absolute;
    content:"";
    background-color:var(--body-color);
    width:2px;
    height:53px;
    bottom:-68px;
    left:0;
    right:0;
    margin:0 auto
}
.timeline-small .media .media-body h6,.timeline-small .media .media-body .h6{
    margin-bottom:30px
}
.timeline-small .media .media-body h6 span,.timeline-small .media .media-body .h6 span{
    font-weight:400;
    color:var(--light-text)
}
.timeline-small .media .media-body p{
    width:80%
}
.cd-container{
    width:90%;
    max-width:1170px;
    margin:0 auto
}
.cd-container:after{
    content:"";
    display:table;
    clear:both
}
@media only screen and (min-width: 1170px){
    #cd-timeline:before{
        left:50%!important;
        margin-left:-2px
    }
    .cd-timeline-block{
        margin:4em 0
    }
    .cd-timeline-block:first-child{
        margin-top:0
    }
    .cd-timeline-block:last-child{
        margin-bottom:0
    }
    .cd-timeline-block:nth-child(2n) .cd-timeline-content{
        float:right
    }
    .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-date{
        left:auto;
        right:122%;
        text-align:right
    }
    .cd-timeline-block:nth-child(2n) .cd-timeline-content:before{
        top:24px;
        left:auto;
        right:100%;
        border-color:transparent;
        border-right-color:#f4f5f8
    }
    [data-theme=dark] .cd-timeline-block:nth-child(2n) .cd-timeline-content:before{
        border-right-color:var(--body-color)
    }
    .cd-timeline-img{
        width:60px;
        height:60px;
        left:50%;
        margin-left:-30px
    }
    .cd-timeline-img>i{
        font-size:18px;
        top:50%;
        left:50%;
        padding:3px
    }
    .cssanimations .cd-timeline-img.is-hidden{
        visibility:hidden
    }
    [data-theme=dark] .cssanimations .cd-timeline-img.is-hidden{
        color:var(--light-font)
    }
    .cssanimations .cd-timeline-img.bounce-in{
        visibility:visible;
        animation:cd-bounce-1 .6s
    }
    .cssanimations .cd-timeline-content.is-hidden{
        visibility:hidden
    }
    .cssanimations .cd-timeline-content.bounce-in{
        visibility:visible;
        animation:cd-bounce-2 .6s
    }
    .cssanimations .cd-timeline-block:nth-child(2n) .cd-timeline-content.bounce-in{
        animation:cd-bounce-2-inverse .6s
    }
    .cd-timeline-content{
        margin-left:0;
        padding:1.6em;
        width:45%
    }
    .cd-timeline-content .cd-date{
        position:absolute;
        width:100%;
        left:122%;
        top:6px;
        font-size:16px
    }
    .cd-timeline-content:before{
        top:24px;
        left:100%;
        border-color:transparent;
        border-left-color:#fff
    }
}
#cd-timeline{
    position:relative;
    padding:2em 0
}
#cd-timeline:before{
    content:"";
    position:absolute;
    top:0;
    font-size:1.5rem;
    height:100%;
    width:2px;
    background:#f4f5f8;
    left:-15px
}
[data-theme=dark] #cd-timeline:before{
    background:var(--body-color)
}
.cd-timeline-block{
    position:relative;
    margin:30px 0
}
.cd-timeline-block:after{
    content:"";
    display:table;
    clear:both
}
.cd-timeline-block:first-child{
    margin-top:0
}
.cd-timeline-block:last-child{
    margin-bottom:0
}
.cd-timeline-img{
    width:40px;
    height:40px;
    left:51%;
    margin-left:-30px;
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    position:absolute;
    top:0;
    border-radius:50px
}
.cd-timeline-img i{
    display:block;
    position:relative;
    left:45%;
    top:44%;
    margin-left:-12px;
    margin-top:-12px;
    font-size:20px;
    color:#fff
}
@-webkit-keyframes cd-bounce-1{
    0%{
        opacity:0
    }
    60%{
        opacity:1
    }
}
@-moz-keyframes cd-bounce-1{
    0%{
        opacity:0
    }
    60%{
        opacity:1
    }
}
@keyframes cd-bounce-1{
    0%{
        opacity:0;
        transform:scale(.5)
    }
    60%{
        opacity:1;
        transform:scale(1.2)
    }
    to{
        transform:scale(1)
    }
}
.cd-timeline-content{
    position:relative;
    background:#f4f5f8;
    border-radius:4px;
    padding:30px;
    box-shadow:1px 1px 2px 1px #00000014
}
[data-theme=dark] .cd-timeline-content{
    background:var(--body-color)
}
.cd-timeline-content p{
    padding-top:9px
}
.cd-timeline-content h4,.cd-timeline-content .h4{
    margin-bottom:0
}
.cd-timeline-content:after{
    content:"";
    display:table;
    clear:both
}
.cd-timeline-content audio{
    width:100%
}
.cd-timeline-content .cd-date{
    font-size:13px;
    display:inline-block;
    float:left;
    padding:.8em 0 0;
    opacity:.7
}
.cd-timeline-content:before{
    content:"";
    position:absolute;
    top:28px;
    right:100%;
    height:0;
    width:0;
    border:15px solid transparent;
    border-left:15px solid #F4F5F8
}
[dir=rtl] .cd-timeline-content:before{
    border-right:15px solid var(--body-color);
    border-left:unset!important
}
[data-theme=dark] [dir=rtl] .cd-timeline-content:before{
    border-right:15px solid var(--body-color)
}
[data-theme=dark] .cd-timeline-content:before{
    border-left:15px solid var(--body-color)
}
@media (max-width: 1169px){
    .cd-timeline-content:before{
        display:none
    }
}
@media only screen and (min-width: 768px){
    .cd-timeline-content .cd-date{
        font-size:14px;
        padding-bottom:0
    }
}
@-webkit-keyframes cd-bounce-2{
    0%{
        opacity:0
    }
    60%{
        opacity:1
    }
}
@-moz-keyframes cd-bounce-2{
    0%{
        opacity:0
    }
    60%{
        opacity:1
    }
}
@keyframes cd-bounce-2{
    0%{
        opacity:0;
        transform:translate(-100px)
    }
    60%{
        opacity:1;
        transform:translate(20px)
    }
    to{
        transform:translate(0)
    }
}
@-webkit-keyframes cd-bounce-2-inverse{
    0%{
        opacity:0
    }
    60%{
        opacity:1
    }
}
@-moz-keyframes cd-bounce-2-inverse{
    0%{
        opacity:0
    }
    60%{
        opacity:1
    }
}
@keyframes cd-bounce-2-inverse{
    0%{
        opacity:0;
        transform:translate(100px)
    }
    60%{
        opacity:1;
        transform:translate(-20px)
    }
    to{
        transform:translate(0)
    }
}
@media only screen and (max-width: 1169px){
    .cd-timeline-block .cd-timeline-img{
        left:-2px;
        height:30px;
        width:30px;
        margin-left:-30px;
        top:14px;
        z-index:7
    }
    .cd-timeline-block .cd-timeline-img>i{
        font-size:15px;
        top:16px;
        left:17px;
        padding:3px
    }
    .landing-main #cd-timeline:before{
        left:-39px
    }
    .landing-main .cd-timeline-block .cd-timeline-img{
        left:-34px;
        height:50px;
        width:50px;
        top:1px;
        z-index:8
    }
    .landing-main .cd-timeline-block .cd-timeline-img>i{
        font-size:23px;
        top:21px;
        left:7px;
        padding:3px
    }
}
@media only screen and (max-width: 576px){
    .cd-timeline-content{
        padding:15px
    }
    .cd-timeline-content h4,.cd-timeline-content .h4{
        font-size:18px
    }
}
.main-timeline ul:before{
    left:5px!important
}
[dir=rtl] .main-timeline ul:before{
    right:5px;
    left:unset
}
.square-timeline{
    position:relative
}
.square-timeline:before{
    border:var(--light-border);
    content:"";
    margin-left:0;
    position:absolute;
    top:0;
    left:18px;
    width:1px;
    height:100%
}
[dir=rtl] .square-timeline:before{
    margin-left:unset;
    margin-right:0;
    left:unset;
    right:18px
}
.square-timeline .timeline-event{
    position:relative
}
.square-timeline .timeline-event:hover .timeline-event-icon{
    transform:rotate(-105deg);
    background-color:var(--theme-default)
}
.square-timeline .timeline-event:hover .timeline-event-wrapper .timeline-thumbnail{
    box-shadow:inset 40em 0 #43b9b240
}
.square-timeline .timeline-event .timeline-event-wrapper{
    padding:0 0 0 14px;
    position:relative;
    top:-7px;
    left:38px;
    width:95%
}
[dir=rtl] .square-timeline .timeline-event .timeline-event-wrapper{
    left:unset;
    right:38px;
    padding:0 14px 0 0
}
@media (max-width: 1200px){
    .square-timeline .timeline-event .timeline-event-wrapper{
        width:calc(84% + 11 * (100vw - 320px) / 880)
    }
}
.square-timeline .timeline-event .timeline-event-wrapper .designer-details{
    padding:20px 0
}
.square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail{
    transition:box-shadow .5s ease-in .1s;
    background-color:#43b9b240;
    box-shadow:inset 0 0 #2e8dd340;
    display:inline-block;
    margin-bottom:12px;
    padding:2px 25px
}
.square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:hover,.square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:active,.square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:focus{
    background-color:unset
}
.square-timeline .timeline-event .timeline-event-wrapper>div{
    display:inline-block;
    width:100%
}
.square-timeline .timeline-event .timeline-event-icon{
    transition:.2s ease-in;
    transform:rotate(45deg);
    background-color:var(--theme-default);
    outline:6px solid rgba(67,185,178,.25);
    display:block;
    margin:0;
    position:absolute;
    top:0;
    left:14px;
    width:10px;
    height:10px
}
[dir=rtl] .square-timeline .timeline-event .timeline-event-icon{
    right:14px;
    left:unset
}
[data-theme=dark] .square-timeline .list-group-item{
    background-color:transparent
}
.list-inline{
    display:flex;
    justify-content:center
}
.list-inline.events .event-list{
    display:block;
    position:relative;
    text-align:center;
    padding-top:70px;
    margin-right:0
}
.list-inline.events .event-list p{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-bottom:16px
}
.list-inline.events .event-list .event-date{
    position:absolute;
    top:38px;
    left:0;
    right:0;
    width:75px;
    margin:0 auto;
    border-radius:4px;
    padding:2px 4px
}
.list-inline.events .event-list .event-date p{
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden;
    line-height:1.5;
    margin-top:7px
}
.timeline-list.timeline-border{
    border-bottom:1px solid var(--light-color)
}
.timeline-list.list-inline{
    padding-bottom:0
}
.timeline-list.list-inline.events .event-list{
    padding-top:35px
}
.timeline-list.list-inline.events .event-list:before{
    content:"";
    height:0;
    border-right:unset
}
.timeline-list.list-inline.events .event-list .event-date{
    top:2px
}
.timeline-list.list-inline.events .event-list .event-date p{
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden;
    line-height:1.5;
    margin-top:7px
}
.timeline-list.list-inline.events .event-list .read-more-btn{
    position:relative;
    margin-bottom:3px
}
.timeline-list.list-inline .vertical-line{
    height:45px;
    width:1px;
    margin:0 auto;
    position:relative;
    border:1px dashed var(--theme-default)
}
.list-group.main-lists-content{
    padding-top:20px
}
@media (max-width: 1218px){
    .list-group .list-group-item .timeline-icon{
        display:none
    }
}
@media (max-width: 1400px){
    .horizontal-timeline{
        display:none
    }
}
.notification ul{
    position:relative
}
.notification ul:before{
    position:absolute;
    content:"";
    border:1px dashed #52526c;
    opacity:.3;
    top:12px;
    left:2px;
    height:calc(100% - 12px)
}
[dir=rtl] .notification ul:before{
    left:unset;
    right:2px
}
.notification li{
    padding-bottom:22px
}
.notification div[class*=activity-dot-]{
    margin-top:12px;
    animation:round 1.3s ease-in-out infinite
}
.notification .card .d-flex .w-100 p .badge{
    color:#fff;
    margin-left:10px;
    font-weight:500
}
.notification .card .d-flex .w-100 h6,.notification .card .d-flex .w-100 .h6{
    margin-bottom:5px;
    position:relative
}
.notification .card .d-flex .w-100 h6~p,.notification .card .d-flex .w-100 .h6~p{
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    text-emphasis:inherit;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
    width:260px
}
@media (max-width: 767px){
    .notification .card .d-flex .w-100 h6~p,.notification .card .d-flex .w-100 .h6~p{
        -webkit-line-clamp:unset;
        text-emphasis:unset;
        white-space:unset;
        text-overflow:unset;
        display:block;
        width:unset;
        overflow:visible
    }
}
@keyframes round{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.2)
    }
    to{
        transform:scale(1)
    }
}
.notification .card .d-flex .w-100 span{
    color:#52526c
}
.notification .card .d-flex:nth-child(2) .media-body h6 .dot-notification,.notification .card .d-flex:nth-child(2) .media-body .h6 .dot-notification{
    background-color:#f0ad4e;
    border:5px solid #fceedb
}
.notification .card .d-flex:last-child{
    margin-bottom:0!important
}
.notification .date-content{
    padding:4px 8px;
    border-radius:5px
}
@media only screen and (max-width: 991px){
    .notification li{
        padding-bottom:20px
    }
    .notification .card .card-body .d-flex .w-100 p{
        margin:0
    }
    .notification .card .card-body .d-flex .w-100 h6,.notification .card .card-body .d-flex .w-100 .h6{
        margin-top:10px
    }
}
@media only screen and (max-width: 575px){
    .notification li{
        padding-bottom:15px
    }
}
.activity-dot-primary{
    min-width:6px;
    height:6px;
    background-color:#43b9b2;
    border-radius:100%;
    outline:5px solid rgba(67,185,178,.25);
    position:relative;
    z-index:2
}
.timeline-dot-primary{
    min-width:12px;
    height:12px;
    background-color:#43b9b2;
    outline:5px solid rgba(67,185,178,.25);
    position:relative;
    z-index:2
}
.activity-dot-secondary{
    min-width:6px;
    height:6px;
    background-color:#c280d2;
    border-radius:100%;
    outline:5px solid rgba(194,128,210,.25);
    position:relative;
    z-index:2
}
.timeline-dot-secondary{
    min-width:12px;
    height:12px;
    background-color:#c280d2;
    outline:5px solid rgba(194,128,210,.25);
    position:relative;
    z-index:2
}
.activity-dot-success{
    min-width:6px;
    height:6px;
    background-color:#17a600;
    border-radius:100%;
    outline:5px solid rgba(23,166,0,.25);
    position:relative;
    z-index:2
}
.timeline-dot-success{
    min-width:12px;
    height:12px;
    background-color:#17a600;
    outline:5px solid rgba(23,166,0,.25);
    position:relative;
    z-index:2
}
.activity-dot-danger{
    min-width:6px;
    height:6px;
    background-color:#c42a02;
    border-radius:100%;
    outline:5px solid rgba(196,42,2,.25);
    position:relative;
    z-index:2
}
.timeline-dot-danger{
    min-width:12px;
    height:12px;
    background-color:#c42a02;
    outline:5px solid rgba(196,42,2,.25);
    position:relative;
    z-index:2
}
.activity-dot-info{
    min-width:6px;
    height:6px;
    background-color:#2e8dd3;
    border-radius:100%;
    outline:5px solid rgba(46,141,211,.25);
    position:relative;
    z-index:2
}
.timeline-dot-info{
    min-width:12px;
    height:12px;
    background-color:#2e8dd3;
    outline:5px solid rgba(46,141,211,.25);
    position:relative;
    z-index:2
}
.activity-dot-light{
    min-width:6px;
    height:6px;
    background-color:#f4f5f8;
    border-radius:100%;
    outline:5px solid rgba(244,245,248,.25);
    position:relative;
    z-index:2
}
.timeline-dot-light{
    min-width:12px;
    height:12px;
    background-color:#f4f5f8;
    outline:5px solid rgba(244,245,248,.25);
    position:relative;
    z-index:2
}
.activity-dot-dark{
    min-width:6px;
    height:6px;
    background-color:#2c2c31;
    border-radius:100%;
    outline:5px solid rgba(44,44,49,.25);
    position:relative;
    z-index:2
}
.timeline-dot-dark{
    min-width:12px;
    height:12px;
    background-color:#2c2c31;
    outline:5px solid rgba(44,44,49,.25);
    position:relative;
    z-index:2
}
.activity-dot-warning{
    min-width:6px;
    height:6px;
    background-color:#f0ad4e;
    border-radius:100%;
    outline:5px solid rgba(240,173,78,.25);
    position:relative;
    z-index:2
}
.timeline-dot-warning{
    min-width:12px;
    height:12px;
    background-color:#f0ad4e;
    outline:5px solid rgba(240,173,78,.25);
    position:relative;
    z-index:2
}
.recent-images{
    margin-top:10px
}
.recent-images ul{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px
}
.recent-images li{
    border:var(--light-border);
    padding:3px;
    border-radius:2px
}
.recent-images li .recent-img-wrap{
    width:50px;
    height:50px;
    background:var(--light2);
    display:flex;
    align-items:center;
    justify-content:center
}
.recent-images li .recent-img-wrap img{
    width:50px;
    height:50px
}
.notification li .recent-images ul:before{
    display:none
}
.notification li .recent-images li{
    padding-bottom:3px
}
.auto-slider .card-body{
    margin-bottom:50px
}
@media (max-width: 1399.98px){
    .auto-slider .card-body{
        margin-bottom:35px
    }
}
@media (max-width: 767.98px){
    .auto-slider .card-body{
        margin-bottom:30px
    }
}
.auto-slider .card-body .swiper .swiper-wrapper .swiper-slide img{
    display:block;
    width:100%;
    border-radius:5px
}
.auto-slider .card-body .swiper-pagination{
    bottom:22px;
    z-index:1
}
.auto-slider .card-body .swiper-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background-color:var(--theme-default)
}
@media (max-width: 767.98px){
    .auto-slider .card-body .swiper-pagination .swiper-pagination-bullet{
        width:8px;
        height:8px
    }
}
.auto-slider .card-body .mouse-pagination{
    bottom:22px;
    z-index:1;
    position:absolute
}
.auto-slider .card-body .mouse-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background-color:var(--theme-default)
}
@media (max-width: 767.98px){
    .auto-slider .card-body .mouse-pagination .swiper-pagination-bullet{
        width:8px;
        height:8px
    }
}
.carousel-item .carousel-caption{
    width:100%;
    right:0;
    left:0;
    bottom:0;
    padding:26px 10px;
    background-color:#26293282
}
.carousel-item .carousel-caption h5,.carousel-item .carousel-caption .h5{
    color:#fff!important
}
[data-theme=dark] .carousel-item .carousel-caption h5,[data-theme=dark] .carousel-item .carousel-caption .h5{
    color:var(--light-font)!important
}
.carousel-item .carousel-opacity{
    background-color:#f4f5f882
}
.carousel-dark .carousel-caption h5,.carousel-dark .carousel-caption .h5{
    color:#000!important
}
[data-theme=dark] .carousel-dark .carousel-caption h5,[data-theme=dark] .carousel-dark .carousel-caption .h5{
    color:var(--light-font)!important
}
.carousel .carousel-control-prev-icon,.carousel .carousel-control-next-icon{
    width:calc(23px + 9 * (100vw - 320px) / 1600);
    height:calc(23px + 9 * (100vw - 320px) / 1600)
}
.carousel .carousel-indicators{
    margin-bottom:3px
}
@media screen and (max-width: 1660px) and (min-width: 1200px){
    .auto-slider .swiper .swiper-wrapper .swiper-slide img{
        max-width:420px;
        margin:0 auto
    }
}
.icon-lists.whether-icon svg{
    height:50px;
    width:50px
}
.climacon_component-stroke{
    fill:#dcdada;
    stroke-width:1px;
    stroke:#717171
}
.climacon_component-fill{
    fill:#71717140;
    stroke-width:0;
    stroke:#ddd
}
svg.climacon{
    display:inline-block;
    width:80px;
    height:80px;
    shape-rendering:geometricPrecision
}
g,path,circle,rect{
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    transform-origin:50% 50%;
    animation-duration:18s;
    animation-direction:normal
}
.climacon_componentWrap-sun{
    animation-name:rotate
}
.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke{
    animation-name:scale;
    animation-direction:alternate;
    animation-duration:4.5s
}
.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(2n){
    animation-delay:4.5s
}
.climacon_componentWrap-moon{
    animation-name:partialRotate;
    animation-duration:18s;
    animation-direction:alternate
}
.climacon_componentWrap-wind{
    animation-name:translateWind;
    animation-duration:6s;
    animation-direction:alternate;
    animation-timing-function:ease-in-out
}
.climacon_componentWrap-snowflake{
    animation-name:rotate;
    animation-duration:54s;
    animation-direction:normal
}
.climacon_componentWrap-sun_cloud{
    animation-name:behindCloudMove,rotate;
    animation-iteration-count:1,infinite;
    animation-timing-function:ease-out,linear;
    animation-delay:0,4.5s;
    animation-duration:4.5s,18s
}
.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke{
    fill-opacity:0;
    animation-name:fillOpacity,scale;
    animation-iteration-count:1,infinite;
    animation-delay:4.5s,0;
    animation-fill-mode:both
}
.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(2n){
    animation-delay:4.5s
}
.climacon_componentWrap-moon_cloud{
    animation-name:behindCloudMove,partialRotate;
    animation-iteration-count:1,infinite;
    animation-timing-function:ease-out,linear;
    animation-delay:0,4.5s;
    animation-duration:4.5s,18s
}
.climacon_component-stroke_drizzle{
    fill-opacity:0;
    animation-name:drizzleFall,fillOpacity2;
    animation-timing-function:ease-in;
    animation-duration:1.5s
}
.climacon_component-stroke_drizzle:nth-child(1){
    animation-delay:0s
}
.climacon_component-stroke_drizzle:nth-child(2){
    animation-delay:.9s
}
.climacon_component-stroke_drizzle:nth-child(3){
    animation-delay:1.8s
}
.climacon_component-stroke_rain{
    fill-opacity:0;
    animation-name:rainFall,fillOpacity2;
    animation-timing-function:ease-in;
    animation-duration:3s
}
.climacon_component-stroke_rain:nth-child(n+4){
    animation-delay:1.5s
}
.climacon_component-stroke_rain_alt:nth-child(2){
    animation-delay:1.5s
}
.climacon_component-stroke_hailAlt{
    fill-opacity:1;
    animation-timing-function:ease-in;
    animation-duration:1s
}
.climacon_component-stroke_hailAlt-left{
    animation-name:hailLeft,fillOpacity2
}
.climacon_component-stroke_hailAlt-middle{
    animation-name:hailMiddle,fillOpacity2
}
.climacon_component-stroke_hailAlt-middle:nth-child(2){
    animation-name:hailMiddle2,fillOpacity2
}
.climacon_component-stroke_hailAlt-right{
    animation-name:hailRight,fillOpacity2
}
.climacon_component-stroke_hailAlt:nth-child(1){
    animation-delay:0s
}
.climacon_component-stroke_hailAlt:nth-child(2){
    animation-delay:.1666666667s
}
.climacon_component-stroke_hailAlt:nth-child(3){
    animation-delay:.3333333333s
}
.climacon_component-stroke_hailAlt:nth-child(4){
    animation-delay:.5s
}
.climacon_component-stroke_hailAlt:nth-child(5){
    animation-delay:.6666666667s
}
.climacon_component-stroke_hailAlt:nth-child(6){
    animation-delay:.8333333333s
}
.climacon_component-stroke_snow{
    fill-opacity:0;
    animation-name:snowFall,fillOpacity2;
    animation-timing-function:ease-in-out;
    animation-duration:9s
}
.climacon_component-stroke_snow:nth-child(3){
    animation-name:snowFall2,fillOpacity2
}
.climacon_component-stroke_snow:nth-child(1){
    animation-delay:0s
}
.climacon_component-stroke_snow:nth-child(2){
    animation-delay:3s
}
.climacon_component-stroke_snow:nth-child(3){
    animation-delay:6s
}
.climacon_wrapperComponent-snowAlt{
    fill-opacity:0;
    animation-name:snowFall,fillOpacity2;
    animation-timing-function:ease-in-out;
    animation-duration:9s
}
.climacon_component-stroke_fogLine{
    fill-opacity:.5;
    animation-name:translateFog,fillOpacityFog;
    animation-iteration-count:infinite;
    animation-direction:normal;
    animation-timing-function:ease-in;
    animation-duration:18s
}
.climacon_component-stroke_fogLine:nth-child(2n){
    animation-delay:9s
}
.climacon_component-stroke_lightning{
    fill-opacity:0;
    animation-name:fillOpacityLightning;
    animation-iteration-count:infinite;
    animation-direction:normal;
    animation-timing-function:ease-out;
    animation-duration:18s
}
.climacon_component-stroke_tornadoLine{
    animation-name:translateTornado1;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-timing-function:ease-in-out;
    animation-duration:18s
}
.climacon_component-stroke_tornadoLine:nth-child(1){
    animation-name:translateTornado1
}
.climacon_component-stroke_tornadoLine:nth-child(2){
    animation-name:translateTornado2
}
.climacon_component-stroke_tornadoLine:nth-child(3){
    animation-name:translateTornado3
}
.climacon_component-stroke_tornadoLine:nth-child(4){
    animation-name:translateTornado4
}
.climacon_component-stroke_tornadoLine:nth-child(5){
    animation-name:translateTornado5
}
.climacon_component-stroke_tornadoLine:nth-child(6){
    animation-name:translateTornado6
}
.climacon_componentWrap-sunsetAlt{
    animation-name:translateSunset;
    animation-duration:4.5s;
    animation-iteration-count:1;
    animation-timing-function:ease-out
}
.climacon_componentWrap-sunsetAlt{
    animation-name:translateSunset;
    animation-iteration-count:1
}
.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke,.climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke{
    fill-opacity:1;
    animation-name:scale;
    animation-duration:3s;
    animation-iteration-count:infinite;
    animation-delay:0s;
    animation-fill-mode:both;
    animation-direction:alternate
}
.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke:nth-child(2n),.climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke:nth-child(2n){
    animation-delay:4.5s
}
.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke{
    fill-opacity:1;
    animation-name:scale;
    animation-iteration-count:infinite;
    animation-delay:0s;
    animation-fill-mode:both;
    animation-direction:alternate
}
.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke:nth-child(2n){
    animation-delay:4.5s
}
.climacon_component-stroke_arrow-up{
    fill-opacity:0;
    animation-name:fillOpacity2,translateArrowUp;
    animation-duration:4.5s
}
.climacon_component-stroke_arrow-down{
    fill-opacity:0;
    animation-name:fillOpacity2,translateArrowDown;
    animation-duration:4.5s
}
.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke,.climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke{
    animation-name:scale;
    animation-direction:alternate;
    animation-iteration-count:infinite;
    animation-duration:4.5s;
    animation-delay:0s;
    animation-fill-mode:both
}
.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke:nth-child(2n),.climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke:nth-child(2n){
    animation-delay:4.5s
}
.climacon_componentWrap-sunriseAlt{
    animation-name:translateSunrise,fillOpacity;
    animation-duration:18s,9s;
    animation-direction:normal;
    animation-iteration-count:1;
    animation-fill-mode:forwards
}
.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke{
    fill-opacity:0;
    animation-name:fillOpacity,scale;
    animation-direction:normal,alternate;
    animation-iteration-count:1,infinite;
    animation-duration:4.5s;
    animation-delay:4.5s,0;
    animation-fill-mode:both
}
.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke:nth-child(2n){
    animation-delay:4.5s,4.5s
}
.climacon_componentWrap-sunsetAlt{
    animation-name:translateSunset;
    animation-delay:0s;
    animation-duration:18s;
    animation-direction:normal;
    animation-iteration-count:1;
    animation-fill-mode:forwards
}
@keyframes rotate{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
@keyframes partialRotate{
    0%{
        transform:rotate(0)
    }
    25%{
        transform:rotate(-15deg)
    }
    50%{
        transform:rotate(0)
    }
    75%{
        transform:rotate(15deg)
    }
    to{
        transform:rotate(0)
    }
}
@keyframes scale{
    0%{
        transform:scale(1)
    }
    to{
        transform:scale(.5)
    }
}
@keyframes behindCloudMove{
    0%{
        transform:translate(-1.75px) translateY(1.75px)
    }
    to{
        transform:translate(0) translateY(0)
    }
}
@keyframes drizzleFall{
    0%{
        transform:translateY(0)
    }
    to{
        transform:translateY(21px)
    }
}
@keyframes rainFall{
    0%{
        transform:translateY(0)
    }
    to{
        transform:translateY(14px)
    }
}
@keyframes rainFall2{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(14px)
    }
    to{
        transform:translate(14px) translateY(14px)
    }
}
@keyframes hailLeft{
    50%{
        transform:translateY(17.5px)
    }
    51%{
        transform:translateY(17.5px) translate(-.3px)
    }
    53%{
        transform:translateY(16.4033342063px) translate(-.9px)
    }
    55%{
        transform:translateY(15.3239634873px) translate(-1.5px)
    }
    57%{
        transform:translateY(14.278910164px) translate(-2.1px)
    }
    59%{
        transform:translateY(13.2846553516px) translate(-2.7px)
    }
    61%{
        transform:translateY(12.3568790424px) translate(-3.3px)
    }
    63%{
        transform:translateY(11.5102128231px) translate(-3.9px)
    }
    65%{
        transform:translateY(10.7580091257px) translate(-4.5px)
    }
    67%{
        transform:translateY(10.1121306519px) translate(-5.1px)
    }
    69%{
        transform:translateY(9.5827632909px) translate(-5.7px)
    }
    71%{
        transform:translateY(9.1782554824px) translate(-6.3px)
    }
    73%{
        transform:translateY(8.9049865561px) translate(-6.9px)
    }
    75%{
        transform:translateY(8.7672661263px) translate(-7.5px)
    }
    77%{
        transform:translateY(8.7672661263px) translate(-8.1px)
    }
    79%{
        transform:translateY(8.9049865561px) translate(-8.7px)
    }
    81%{
        transform:translateY(9.1782554824px) translate(-9.3px)
    }
    83%{
        transform:translateY(9.5827632909px) translate(-9.9px)
    }
    85%{
        transform:translateY(10.1121306519px) translate(-10.5px)
    }
    87%{
        transform:translateY(10.7580091257px) translate(-11.1px)
    }
    89%{
        transform:translateY(11.5102128231px) translate(-11.7px)
    }
    91%{
        transform:translateY(12.3568790424px) translate(-12.3px)
    }
    93%{
        transform:translateY(13.2846553516px) translate(-12.9px)
    }
    95%{
        transform:translateY(14.278910164px) translate(-13.5px)
    }
    97%{
        transform:translateY(15.3239634873px) translate(-14.1px)
    }
    99%{
        transform:translateY(16.4033342063px) translate(-14.7px)
    }
}
@keyframes hailMiddle{
    50%{
        transform:translateY(17.5px)
    }
    51%{
        transform:translateY(17.5px) translate(-.15px)
    }
    53%{
        transform:translateY(16.4033342063px) translate(-.45px)
    }
    55%{
        transform:translateY(15.3239634873px) translate(-.75px)
    }
    57%{
        transform:translateY(14.278910164px) translate(-1.05px)
    }
    59%{
        transform:translateY(13.2846553516px) translate(-1.35px)
    }
    61%{
        transform:translateY(12.3568790424px) translate(-1.65px)
    }
    63%{
        transform:translateY(11.5102128231px) translate(-1.95px)
    }
    65%{
        transform:translateY(10.7580091257px) translate(-2.25px)
    }
    67%{
        transform:translateY(10.1121306519px) translate(-2.55px)
    }
    69%{
        transform:translateY(9.5827632909px) translate(-2.85px)
    }
    71%{
        transform:translateY(9.1782554824px) translate(-3.15px)
    }
    73%{
        transform:translateY(8.9049865561px) translate(-3.45px)
    }
    75%{
        transform:translateY(8.7672661263px) translate(-3.75px)
    }
    77%{
        transform:translateY(8.7672661263px) translate(-4.05px)
    }
    79%{
        transform:translateY(8.9049865561px) translate(-4.35px)
    }
    81%{
        transform:translateY(9.1782554824px) translate(-4.65px)
    }
    83%{
        transform:translateY(9.5827632909px) translate(-4.95px)
    }
    85%{
        transform:translateY(10.1121306519px) translate(-5.25px)
    }
    87%{
        transform:translateY(10.7580091257px) translate(-5.55px)
    }
    89%{
        transform:translateY(11.5102128231px) translate(-5.85px)
    }
    91%{
        transform:translateY(12.3568790424px) translate(-6.15px)
    }
    93%{
        transform:translateY(13.2846553516px) translate(-6.45px)
    }
    95%{
        transform:translateY(14.278910164px) translate(-6.75px)
    }
    97%{
        transform:translateY(15.3239634873px) translate(-7.05px)
    }
    99%{
        transform:translateY(16.4033342063px) translate(-7.35px)
    }
}
@keyframes hailMiddle2{
    50%{
        transform:translateY(17.5px)
    }
    51%{
        transform:translateY(17.5px) translate(.15px)
    }
    53%{
        transform:translateY(16.4033342063px) translate(.45px)
    }
    55%{
        transform:translateY(15.3239634873px) translate(.75px)
    }
    57%{
        transform:translateY(14.278910164px) translate(1.05px)
    }
    59%{
        transform:translateY(13.2846553516px) translate(1.35px)
    }
    61%{
        transform:translateY(12.3568790424px) translate(1.65px)
    }
    63%{
        transform:translateY(11.5102128231px) translate(1.95px)
    }
    65%{
        transform:translateY(10.7580091257px) translate(2.25px)
    }
    67%{
        transform:translateY(10.1121306519px) translate(2.55px)
    }
    69%{
        transform:translateY(9.5827632909px) translate(2.85px)
    }
    71%{
        transform:translateY(9.1782554824px) translate(3.15px)
    }
    73%{
        transform:translateY(8.9049865561px) translate(3.45px)
    }
    75%{
        transform:translateY(8.7672661263px) translate(3.75px)
    }
    77%{
        transform:translateY(8.7672661263px) translate(4.05px)
    }
    79%{
        transform:translateY(8.9049865561px) translate(4.35px)
    }
    81%{
        transform:translateY(9.1782554824px) translate(4.65px)
    }
    83%{
        transform:translateY(9.5827632909px) translate(4.95px)
    }
    85%{
        transform:translateY(10.1121306519px) translate(5.25px)
    }
    87%{
        transform:translateY(10.7580091257px) translate(5.55px)
    }
    89%{
        transform:translateY(11.5102128231px) translate(5.85px)
    }
    91%{
        transform:translateY(12.3568790424px) translate(6.15px)
    }
    93%{
        transform:translateY(13.2846553516px) translate(6.45px)
    }
    95%{
        transform:translateY(14.278910164px) translate(6.75px)
    }
    97%{
        transform:translateY(15.3239634873px) translate(7.05px)
    }
    99%{
        transform:translateY(16.4033342063px) translate(7.35px)
    }
}
@keyframes hailRight{
    50%{
        transform:translateY(17.5px)
    }
    51%{
        transform:translateY(17.5px) translate(.3px)
    }
    53%{
        transform:translateY(16.4033342063px) translate(.9px)
    }
    55%{
        transform:translateY(15.3239634873px) translate(1.5px)
    }
    57%{
        transform:translateY(14.278910164px) translate(2.1px)
    }
    59%{
        transform:translateY(13.2846553516px) translate(2.7px)
    }
    61%{
        transform:translateY(12.3568790424px) translate(3.3px)
    }
    63%{
        transform:translateY(11.5102128231px) translate(3.9px)
    }
    65%{
        transform:translateY(10.7580091257px) translate(4.5px)
    }
    67%{
        transform:translateY(10.1121306519px) translate(5.1px)
    }
    69%{
        transform:translateY(9.5827632909px) translate(5.7px)
    }
    71%{
        transform:translateY(9.1782554824px) translate(6.3px)
    }
    73%{
        transform:translateY(8.9049865561px) translate(6.9px)
    }
    75%{
        transform:translateY(8.7672661263px) translate(7.5px)
    }
    77%{
        transform:translateY(8.7672661263px) translate(8.1px)
    }
    79%{
        transform:translateY(8.9049865561px) translate(8.7px)
    }
    81%{
        transform:translateY(9.1782554824px) translate(9.3px)
    }
    83%{
        transform:translateY(9.5827632909px) translate(9.9px)
    }
    85%{
        transform:translateY(10.1121306519px) translate(10.5px)
    }
    87%{
        transform:translateY(10.7580091257px) translate(11.1px)
    }
    89%{
        transform:translateY(11.5102128231px) translate(11.7px)
    }
    91%{
        transform:translateY(12.3568790424px) translate(12.3px)
    }
    93%{
        transform:translateY(13.2846553516px) translate(12.9px)
    }
    95%{
        transform:translateY(14.278910164px) translate(13.5px)
    }
    97%{
        transform:translateY(15.3239634873px) translate(14.1px)
    }
    99%{
        transform:translateY(16.4033342063px) translate(14.7px)
    }
}
@keyframes fillOpacity{
    0%{
        fill-opacity:0;
        stroke-opacity:0
    }
    to{
        fill-opacity:1;
        stroke-opacity:1
    }
}
@keyframes fillOpacity2{
    0%{
        fill-opacity:0;
        stroke-opacity:0
    }
    50%{
        fill-opacity:1;
        stroke-opacity:1
    }
    to{
        fill-opacity:0;
        stroke-opacity:0
    }
}
@keyframes lightningFlash{
    0%{
        fill-opacity:0
    }
    1%{
        fill-opacity:1
    }
    2%{
        fill-opacity:0
    }
    50%{
        fill-opacity:0
    }
    51%{
        fill-opacity:1
    }
    52%{
        fill-opacity:0
    }
    53%{
        fill-opacity:1
    }
    54%{
        fill-opacity:0
    }
    to{
        fill-opacity:0
    }
}
@keyframes snowFall{
    0%{
        transform:translateY(0) translate(0)
    }
    2%{
        transform:translateY(.35px) translate(.7534862344px)
    }
    4%{
        transform:translateY(.7px) translate(1.441332186px)
    }
    6%{
        transform:translateY(1.05px) translate(2.0611944604px)
    }
    8%{
        transform:translateY(1.4px) translate(2.6112438152px)
    }
    10%{
        transform:translateY(1.75px) translate(3.0901699437px)
    }
    12%{
        transform:translateY(2.1px) translate(3.4971832505px)
    }
    14%{
        transform:translateY(2.45px) translate(3.8320136241px)
    }
    16%{
        transform:translateY(2.8px) translate(4.0949062299px)
    }
    18%{
        transform:translateY(3.15px) translate(4.2866143598px)
    }
    20%{
        transform:translateY(3.5px) translate(4.4083893922px)
    }
    22%{
        transform:translateY(3.85px) translate(4.4619679282px)
    }
    24%{
        transform:translateY(4.2px) translate(4.4495561885px)
    }
    26%{
        transform:translateY(4.55px) translate(4.3738117645px)
    }
    28%{
        transform:translateY(4.9px) translate(4.2378228353px)
    }
    30%{
        transform:translateY(5.25px) translate(4.0450849719px)
    }
    32%{
        transform:translateY(5.6px) translate(3.7994756648px)
    }
    34%{
        transform:translateY(5.95px) translate(3.5052267202px)
    }
    36%{
        transform:translateY(6.3px) translate(3.1668946836px)
    }
    38%{
        transform:translateY(6.65px) translate(2.7893294577px)
    }
    40%{
        transform:translateY(7px) translate(2.3776412907px)
    }
    42%{
        transform:translateY(7.35px) translate(1.9371663223px)
    }
    44%{
        transform:translateY(7.7px) translate(1.4734308761px)
    }
    46%{
        transform:translateY(8.05px) translate(.9921147013px)
    }
    48%{
        transform:translateY(8.4px) translate(.4990133642px)
    }
    50%{
        transform:translateY(8.75px) translate(0)
    }
    52%{
        transform:translateY(9.1px) translate(-.4990133642px)
    }
    54%{
        transform:translateY(9.45px) translate(-.9921147013px)
    }
    56%{
        transform:translateY(9.8px) translate(-1.4734308761px)
    }
    58%{
        transform:translateY(10.15px) translate(-1.9371663223px)
    }
    60%{
        transform:translateY(10.5px) translate(-2.3776412907px)
    }
    62%{
        transform:translateY(10.85px) translate(-2.7893294577px)
    }
    64%{
        transform:translateY(11.2px) translate(-3.1668946836px)
    }
    66%{
        transform:translateY(11.55px) translate(-3.5052267202px)
    }
    68%{
        transform:translateY(11.9px) translate(-3.7994756648px)
    }
    70%{
        transform:translateY(12.25px) translate(-4.0450849719px)
    }
    72%{
        transform:translateY(12.6px) translate(-4.2378228353px)
    }
    74%{
        transform:translateY(12.95px) translate(-4.3738117645px)
    }
    76%{
        transform:translateY(13.3px) translate(-4.4495561885px)
    }
    78%{
        transform:translateY(13.65px) translate(-4.4619679282px)
    }
    80%{
        transform:translateY(14px) translate(-4.4083893922px)
    }
    82%{
        transform:translateY(14.35px) translate(-4.2866143598px)
    }
    84%{
        transform:translateY(14.7px) translate(-4.0949062299px)
    }
    86%{
        transform:translateY(15.05px) translate(-3.8320136241px)
    }
    88%{
        transform:translateY(15.4px) translate(-3.4971832505px)
    }
    90%{
        transform:translateY(15.75px) translate(-3.0901699438px)
    }
    92%{
        transform:translateY(16.1px) translate(-2.6112438152px)
    }
    94%{
        transform:translateY(16.45px) translate(-2.0611944605px)
    }
    96%{
        transform:translateY(16.8px) translate(-1.441332186px)
    }
    98%{
        transform:translateY(17.15px) translate(-.7534862344px)
    }
    to{
        transform:translateY(17.5px) translate(-.0000000001px)
    }
}
@keyframes snowFall2{
    0%{
        transform:translateY(0) translate(0)
    }
    2%{
        transform:translateY(.35px) translate(-.7534862344px)
    }
    4%{
        transform:translateY(.7px) translate(-1.441332186px)
    }
    6%{
        transform:translateY(1.05px) translate(-2.0611944604px)
    }
    8%{
        transform:translateY(1.4px) translate(-2.6112438152px)
    }
    10%{
        transform:translateY(1.75px) translate(-3.0901699437px)
    }
    12%{
        transform:translateY(2.1px) translate(-3.4971832505px)
    }
    14%{
        transform:translateY(2.45px) translate(-3.8320136241px)
    }
    16%{
        transform:translateY(2.8px) translate(-4.0949062299px)
    }
    18%{
        transform:translateY(3.15px) translate(-4.2866143598px)
    }
    20%{
        transform:translateY(3.5px) translate(-4.4083893922px)
    }
    22%{
        transform:translateY(3.85px) translate(-4.4619679282px)
    }
    24%{
        transform:translateY(4.2px) translate(-4.4495561885px)
    }
    26%{
        transform:translateY(4.55px) translate(-4.3738117645px)
    }
    28%{
        transform:translateY(4.9px) translate(-4.2378228353px)
    }
    30%{
        transform:translateY(5.25px) translate(-4.0450849719px)
    }
    32%{
        transform:translateY(5.6px) translate(-3.7994756648px)
    }
    34%{
        transform:translateY(5.95px) translate(-3.5052267202px)
    }
    36%{
        transform:translateY(6.3px) translate(-3.1668946836px)
    }
    38%{
        transform:translateY(6.65px) translate(-2.7893294577px)
    }
    40%{
        transform:translateY(7px) translate(-2.3776412907px)
    }
    42%{
        transform:translateY(7.35px) translate(-1.9371663223px)
    }
    44%{
        transform:translateY(7.7px) translate(-1.4734308761px)
    }
    46%{
        transform:translateY(8.05px) translate(-.9921147013px)
    }
    48%{
        transform:translateY(8.4px) translate(-.4990133642px)
    }
    50%{
        transform:translateY(8.75px) translate(0)
    }
    52%{
        transform:translateY(9.1px) translate(.4990133642px)
    }
    54%{
        transform:translateY(9.45px) translate(.9921147013px)
    }
    56%{
        transform:translateY(9.8px) translate(1.4734308761px)
    }
    58%{
        transform:translateY(10.15px) translate(1.9371663223px)
    }
    60%{
        transform:translateY(10.5px) translate(2.3776412907px)
    }
    62%{
        transform:translateY(10.85px) translate(2.7893294577px)
    }
    64%{
        transform:translateY(11.2px) translate(3.1668946836px)
    }
    66%{
        transform:translateY(11.55px) translate(3.5052267202px)
    }
    68%{
        transform:translateY(11.9px) translate(3.7994756648px)
    }
    70%{
        transform:translateY(12.25px) translate(4.0450849719px)
    }
    72%{
        transform:translateY(12.6px) translate(4.2378228353px)
    }
    74%{
        transform:translateY(12.95px) translate(4.3738117645px)
    }
    76%{
        transform:translateY(13.3px) translate(4.4495561885px)
    }
    78%{
        transform:translateY(13.65px) translate(4.4619679282px)
    }
    80%{
        transform:translateY(14px) translate(4.4083893922px)
    }
    82%{
        transform:translateY(14.35px) translate(4.2866143598px)
    }
    84%{
        transform:translateY(14.7px) translate(4.0949062299px)
    }
    86%{
        transform:translateY(15.05px) translate(3.8320136241px)
    }
    88%{
        transform:translateY(15.4px) translate(3.4971832505px)
    }
    90%{
        transform:translateY(15.75px) translate(3.0901699438px)
    }
    92%{
        transform:translateY(16.1px) translate(2.6112438152px)
    }
    94%{
        transform:translateY(16.45px) translate(2.0611944605px)
    }
    96%{
        transform:translateY(16.8px) translate(1.441332186px)
    }
    98%{
        transform:translateY(17.15px) translate(.7534862344px)
    }
    to{
        transform:translateY(17.5px) translate(.0000000001px)
    }
}
@keyframes translateTornado1{
    0%{
        transform:translateY(0)
    }
    25%{
        transform:translate(3.997px)
    }
    75%{
        transform:translate(-3.997px)
    }
    to{
        transform:translate(0)
    }
}
@keyframes translateTornado2{
    0%{
        transform:translateY(0)
    }
    25%{
        transform:translate(2.002px)
    }
    75%{
        transform:translate(-2.002px)
    }
    to{
        transform:translate(0)
    }
}
@keyframes translateTornado3{
    0%{
        transform:translateY(0)
    }
    25%{
        transform:translate(8.001px)
    }
    75%{
        transform:translate(-8.001px)
    }
    to{
        transform:translate(0)
    }
}
@keyframes translateTornado4{
    0%{
        transform:translateY(0)
    }
    25%{
        transform:translate(5.999px)
    }
    75%{
        transform:translate(-5.999px)
    }
    to{
        transform:translate(0)
    }
}
@keyframes translateTornado5{
    0%{
        transform:translateY(0)
    }
    25%{
        transform:translate(10.003px)
    }
    75%{
        transform:translate(-10.003px)
    }
    to{
        transform:translate(0)
    }
}
@keyframes translateTornado6{
    0%{
        transform:translateY(0)
    }
    25%{
        transform:translate(5.999px)
    }
    75%{
        transform:translate(-5.999px)
    }
    to{
        transform:translate(0)
    }
}
@keyframes fillOpacityLightning{
    0%{
        fill-opacity:0;
        stroke-opacity:0
    }
    1%{
        fill-opacity:1;
        stroke-opacity:1
    }
    7%{
        fill-opacity:0;
        stroke-opacity:0
    }
    50%{
        fill-opacity:0;
        stroke-opacity:0
    }
    51%{
        fill-opacity:1;
        stroke-opacity:1
    }
    53%{
        fill-opacity:0;
        stroke-opacity:0
    }
    54%{
        fill-opacity:1;
        stroke-opacity:1
    }
    60%{
        fill-opacity:0;
        stroke-opacity:0
    }
    to{
        fill-opacity:0;
        stroke-opacity:0
    }
}
@keyframes translateFog{
    0%{
        transform:translateY(0)
    }
    25%{
        transform:translate(2.499px)
    }
    75%{
        transform:translate(-2.499px)
    }
    to{
        transform:translate(0)
    }
}
@keyframes fillOpacityFog{
    0%{
        fill-opacity:.5;
        stroke-opacity:.5
    }
    50%{
        fill-opacity:1;
        stroke-opacity:1
    }
    to{
        fill-opacity:.5;
        stroke-opacity:.5
    }
}
@keyframes translateSunrise{
    0%{
        transform:translateY(0)
    }
    25%{
        transform:translateY(-16.002px)
    }
    to{
        transform:translateY(-16.002px)
    }
}
@keyframes translateSunset{
    0%{
        transform:translateY(-16.002px)
    }
    25%{
        transform:translateY(-3.997px)
    }
    to{
        transform:translateY(-3.997px)
    }
}
@keyframes translateArrowDown{
    0%{
        transform:translateY(2.002px)
    }
    to{
        transform:translateY(4.998px)
    }
}
@keyframes translateArrowUp{
    0%{
        transform:translateY(-2.002px)
    }
    to{
        transform:translateY(-4.998px)
    }
}
@keyframes translateWind{
    0%{
        transform:translateY(0)
    }
    25%{
        transform:translate(4.998px)
    }
    75%{
        transform:translate(-4.998px)
    }
    to{
        transform:translate(0)
    }
}
@media (max-width: 991.98px){
    .todo .todo-list-wrapper .mark-all-tasks{
        top:20px;
        right:20px
    }
}
@media (max-width: 575.98px){
    .todo .todo-list-wrapper .mark-all-tasks{
        right:15px
    }
}
@media (max-width: 575.98px){
    .todo .todo-list-wrapper .mark-all-tasks .mark-all-tasks-container{
        display:none
    }
}
@media (max-width: 991.98px){
    .todo .todo-list-wrapper #todo-list li .task-container .task-label{
        min-width:460px
    }
}
@media (max-width: 575.98px){
    .todo .todo-list-wrapper #todo-list li .task-container .task-label{
        font-size:14px
    }
}
.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover{
    border-color:var(--solid-border);
    background:var(--card-color)
}
[data-theme=dark] .todo .todo-list-wrapper #todo-list li .task-container:hover h4,[data-theme=dark] .todo .todo-list-wrapper #todo-list li .task-container:hover .h4{
    color:var(--body-font-color)
}
[data-theme=dark] .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea{
    background-color:var(--body-color);
    border-color:var(--body-color);
    color:var(--body-font-color)
}
@media (max-width: 1800px){
    .todo .todo-list-body .task-container div.d-flex{
        min-width:240px;
        justify-content:flex-end
    }
}
@media (max-width: 575.98px){
    .todo .action-box.large{
        height:25px;
        width:25px
    }
}
@media (max-width: 575.98px){
    .todo .action-box.large .icon{
        font-size:14px;
        vertical-align:-3px
    }
}
@media (max-width: 1199.98px){
    .jvector-map-height{
        height:280px
    }
}
@media (max-width: 767.98px){
    .jvector-map-height{
        height:150px
    }
}
@media (max-width: 575.98px){
    .jvector-map-height{
        height:250px
    }
}
.jsgrid .jsgrid-grid-body .jsgrid-cell{
    padding:12px;
    padding-bottom:12px!important
}
.jsgrid .jsgrid-pager-container{
    text-align:right
}
@media (max-width: 767.98px){
    .jsgrid .jsgrid-pager-container{
        text-align:center
    }
}
@media (max-width: 575.98px){
    .jsgrid .jsgrid-pager-container{
        margin-bottom:0
    }
}
.jsgrid .jsgrid-pager{
    padding:0;
    margin-top:20px
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button{
    margin-right:-5px
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child{
    border-radius:5px 0 0 5px
}
@media only screen and (max-width: 360px){
    .jsgrid .jsgrid-pager .jsgrid-pager-page{
        padding:.5em .62em
    }
}
.jsgrid .jsgrid-pager .jsgrid-pager-page~.jsgrid-pager-nav-button{
    margin-left:-5px
}
.jsgrid .jsgrid-pager .jsgrid-pager-page~.jsgrid-pager-nav-button:last-child{
    border-radius:0 5px 5px 0
}
.jsgrid .jsgrid-pager [class*=jsgrid-pager]{
    display:inline-block;
    min-width:1.5em;
    padding:.5em 1em;
    border:1px dashed rgba(106,113,133,.3)
}
.jsgrid .jsgrid-pager .jsgrid-pager-page a,.jsgrid .jsgrid-pager .jsgrid-pager-current-page{
    color:#2c2c31
}
.jsgrid .jsgrid-selected-row>.jsgrid-cell{
    background:#f4f5f8;
    border-color:#6a71854d;
    border-bottom:1px dashed rgba(106,113,133,.3)
}
.jsgrid .jsgrid-header-row>.jsgrid-header-cell{
    padding:.75rem;
    font-weight:500
}
[data-theme=dark] .jsgrid-row>.jsgrid-cell{
    background:var(--card-color)
}
[data-theme=dark] .jsgrid-alt-row>.jsgrid-cell{
    background:var(--body-color)
}
[data-theme=dark] .jsgrid-header-row>.jsgrid-header-cell{
    background:var(--card-color)
}
[data-theme=dark] .jsgrid-filter-row>.jsgrid-cell{
    background:var(--card-color)
}
[data-theme=dark] .jsgrid-filter-row input{
    background:var(--body-color)
}
[data-theme=dark] .jsgrid-grid-header{
    background-color:var(--solid-border);
    overflow:hidden
}
.card .card-header .card-header-right{
    right:19px;
    top:12px;
    display:inline-block;
    float:right;
    padding:8px 0;
    position:absolute;
    background-color:#fff;
    z-index:1
}
[data-theme=dark] .card .card-header .card-header-right{
    background-color:var(--card-color)
}
@media (max-width: 575.98px){
    .card .card-header .card-header-right{
        top:16px
    }
}
.card .card-header .card-header-right .card-option{
    text-align:right;
    width:35px;
    height:20px;
    overflow:hidden;
    transition:.3s ease-in-out
}
.card .card-header .card-header-right .card-option li{
    display:inline-block
}
.card .card-header .card-header-right .card-option li:first-child i{
    transition:1s
}
.card .card-header .card-header-right .card-option li:first-child i.icofont{
    color:unset
}
.card .card-header .card-header-right i{
    margin:0 5px;
    cursor:pointer;
    line-height:20px
}
[data-theme=dark] .card .card-header .card-header-right i{
    color:var(--light-font)
}
.card .card-header .card-header-right i.icofont-refresh{
    font-size:13px
}
.starter-main .card-body p{
    font-size:14px;
    margin-bottom:16px
}
.starter-main .card-body ul{
    padding-left:30px;
    list-style-type:disc;
    margin-bottom:15px
}
.starter-main .card-body ul li{
    display:list-item
}
.starter-main .card-body h4,.starter-main .card-body .h4{
    font-size:18px
}
.starter-main .card-body pre{
    white-space:pre-line;
    padding:30px
}
.starter-main .card-body .alert-primary.inverse:before{
    top:32px
}
.starter-main .alert i{
    display:flex;
    align-items:center
}
.starter-kit-fix .page-body{
    margin-bottom:52px
}
.starter-main .alert-primary.inverse{
    padding:13px 20px 13px 65px;
    border-color:var(--theme-default)
}
[dir=rtl] .starter-main .alert-primary.inverse{
    padding:13px 65px 13px 20px
}
.starter-main .alert-primary.inverse:before{
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid var(--theme-default);
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
[dir=rtl] .starter-main .alert-primary.inverse:before{
    border-right:7px solid var(--theme-default);
    border-left:unset
}
.starter-main .alert-primary.inverse i{
    padding:17px 20px;
    display:flex;
    align-items:center;
    background-color:var(--theme-default);
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
[dir=rtl] .starter-main .alert-primary.inverse i{
    right:0;
    left:unset;
    margin-right:unset;
    margin-left:5px
}
.card.card-load .card-loader{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    background-color:#ffffffb3;
    z-index:8;
    align-items:center;
    justify-content:center
}
.card.card-load .card-loader i{
    margin:0 auto;
    color:var(--theme-default);
    font-size:20px
}
.general-widget .dropdown.icon-dropdown{
    position:absolute;
    right:19px;
    top:19px
}
.general-widget .dropdown.icon-dropdown .dropdown-toggle{
    border:none;
    background:transparent;
    color:#52526c;
    padding:0;
    width:auto
}
.general-widget .dropdown.icon-dropdown .dropdown-toggle i{
    color:var(--light-font)
}
.general-widget .dropdown.icon-dropdown .dropdown-toggle:after{
    display:none
}
.general-widget .dropdown.icon-dropdown .dropdown-menu .dropdown-item{
    line-height:1.5!important
}
@media (max-width: 1300px) and (min-width: 1200px){
    .general-widget .schedule-card .icon-dropdown{
        display:none
    }
}
@media (max-width: 1300px) and (min-width: 1200px){
    .general-widget .schedule-card .monthly-time{
        display:none!important
    }
}
.general-widget .schedule-card .schedule-wrapper{
    justify-content:space-between;
    margin-bottom:20px;
    border:0
}
.general-widget .schedule-card .schedule-wrapper li a{
    padding:10px 14px;
    border:0;
    border-radius:5px;
    background-color:var(--light-color)
}
@media (min-width: 1200px) and (max-width: 1800px){
    .general-widget .schedule-card .schedule-wrapper li a{
        padding:10px
    }
}
.general-widget .schedule-card .schedule-wrapper li a span{
    font-size:13px;
    color:var(--light-font)
}
.general-widget .schedule-card .schedule-wrapper li a h6,.general-widget .schedule-card .schedule-wrapper li a .h6{
    color:var(--body-font-color);
    font-weight:600
}
.general-widget .schedule-card .schedule-wrapper li a.active{
    background-color:var(--theme-default)
}
.general-widget .schedule-card .schedule-wrapper li a.active span,.general-widget .schedule-card .schedule-wrapper li a.active h6,.general-widget .schedule-card .schedule-wrapper li a.active .h6{
    color:var(--white)
}
@media (min-width: 1200px) and (max-width: 1300px){
    .general-widget .schedule-card .schedule-wrapper li:nth-child(4){
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1500px){
    .general-widget .schedule-card .schedule-wrapper li:nth-child(5){
        display:none
    }
}
@media (max-width: 991.98px){
    .general-widget .schedule-card .schedule-wrapper li:nth-child(5){
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1600px){
    .general-widget .schedule-card .schedule-wrapper li:nth-child(6){
        display:none
    }
}
@media (max-width: 991.98px){
    .general-widget .schedule-card .schedule-wrapper li:nth-child(6){
        display:none
    }
}
.general-widget .schedule-card ul.activity-update li{
    border-width:2px!important
}
.general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1{
    margin-left:14px
}
[dir=rtl] .general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1{
    margin-right:14px;
    margin-left:unset
}
.general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1>span{
    font-size:13px;
    color:var(--light-font)
}
@media (max-width: 1300px) and (min-width: 1200px){
    .general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1>span{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 h5,.general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h5{
    font-size:14px;
    margin-bottom:4px
}
@media (max-width: 1600px){
    .general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 h5,.general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h5{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 h6,.general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h6{
    font-size:13px;
    color:var(--theme-default)
}
@media (min-width: 1200px) and (max-width: 1300px){
    .general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 h6,.general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.general-widget .schedule-card ul.activity-update li+li{
    margin-top:16px
}
@media (max-width: 1660px){
    .general-widget .schedule-card ul.activity-update li+li{
        margin-top:15px
    }
}
@media (max-width: 1360px) and (min-width: 1200px){
    .general-widget .schedule-card ul.activity-update li+li{
        margin-top:19px
    }
}
@media (max-width: 1300px) and (min-width: 1200px){
    .general-widget .invest-card .icon-dropdown{
        display:none
    }
}
.general-widget .invest-card .card-body ul{
    padding:12px 18px 18px;
    display:flex;
    align-items:center;
    text-align:center
}
@media (max-width: 1880px){
    .general-widget .invest-card .card-body ul{
        padding:14px 18px 18px
    }
}
.general-widget .invest-card .card-body ul li{
    display:inline-block;
    width:100%
}
.general-widget .invest-card .card-body ul li+li{
    border-left:var(--light-border)
}
.general-widget .invest-card .card-body ul li h5,.general-widget .invest-card .card-body ul li .h5{
    color:var(--gray-60);
    margin-bottom:5px;
    font-weight:500
}
.general-widget .invest-card .card-body ul li h6,.general-widget .invest-card .card-body ul li .h6{
    font-size:14px;
    font-weight:600;
    color:var(--body-font-color)
}
.general-widget .invest-card .apexcharts-tooltip .apexcharts-tooltip-text-y-label,.general-widget .invest-card .apexcharts-tooltip .apexcharts-tooltip-z-group,.general-widget .invest-card .apexcharts-tooltip .apexcharts-tooltip-goals-group{
    display:none
}
@media (max-width: 1530px){
    .general-widget .summary-card .col-xl-8{
        width:70%
    }
}
@media (max-width: 1400px) and (min-width: 1200px){
    .general-widget .summary-card .col-xl-8{
        width:100%
    }
}
@media (max-width: 991.98px){
    .general-widget .summary-card .col-xl-8{
        width:100%
    }
}
@media (max-width: 1530px){
    .general-widget .summary-card .col-xl-4{
        width:30%
    }
}
@media (max-width: 1400px) and (min-width: 1200px){
    .general-widget .summary-card .col-xl-4{
        display:none
    }
}
@media (max-width: 991.98px){
    .general-widget .summary-card .col-xl-4{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1600px){
    .general-widget .summary-card .col-xl-4 h5,.general-widget .summary-card .col-xl-4 .h5{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.general-widget .summary-card [class*=col-]>h5,.general-widget .summary-card [class*=col-]>.h5{
    margin-bottom:24px
}
.general-widget .summary-card .project-cost{
    border-right:var(--light-border)
}
@media (max-width: 1880px){
    .general-widget .summary-card .project-cost{
        margin-right:-15px
    }
}
@media (min-width: 1200px) and (max-width: 1420px){
    .general-widget .summary-card .project-cost{
        margin-right:-22px
    }
}
@media (max-width: 1400px) and (min-width: 1200px){
    .general-widget .summary-card .project-cost{
        border-right:0;
        text-align:center;
        margin-right:0!important
    }
}
@media (max-width: 991.98px){
    .general-widget .summary-card .project-cost{
        border-right:0;
        text-align:center;
        margin-right:0!important
    }
}
.general-widget .summary-card .project-cost span svg{
    vertical-align:-3px;
    transform:rotate(-45deg)
}
.general-widget .summary-card .project-cost ul li{
    width:106px
}
@media (min-width: 1200px) and (max-width: 1800px){
    .general-widget .summary-card .project-cost ul li{
        width:95px
    }
}
@media (min-width: 1200px) and (max-width: 1660px){
    .general-widget .summary-card .project-cost ul li{
        width:88px
    }
}
@media (min-width: 1200px) and (max-width: 1470px){
    .general-widget .summary-card .project-cost ul li{
        width:81px
    }
}
@media (max-width: 1400px) and (min-width: 1200px){
    .general-widget .summary-card .project-cost ul li{
        width:95px
    }
}
.general-widget .summary-card ul.d-flex{
    margin:24px 0 14px;
    gap:26px
}
@media (max-width: 1600px){
    .general-widget .summary-card ul.d-flex{
        gap:16px
    }
}
@media (max-width: 1400px) and (min-width: 1200px){
    .general-widget .summary-card ul.d-flex{
        align-items:center;
        justify-content:center
    }
}
@media (max-width: 991.98px){
    .general-widget .summary-card ul.d-flex{
        align-items:center;
        justify-content:center
    }
}
.general-widget .summary-card ul.d-flex li>.d-flex{
    padding:12px 16px;
    align-items:center;
    text-align:center
}
@media (max-width: 1199.98px){
    .general-widget .summary-card ul.d-flex li>.d-flex{
        padding:12px 2px
    }
}
.general-widget .summary-card ul.d-flex li>.d-flex .flex-shrink-0{
    width:42px;
    height:40px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media (max-width: 1400px) and (min-width: 1200px){
    .general-widget .summary-card ul.d-flex li>.d-flex .flex-shrink-0{
        width:34px;
        height:34px
    }
}
.general-widget .summary-card ul.d-flex li>.d-flex .flex-grow-1{
    margin-top:10px
}
.general-widget .summary-card ul.d-flex li>.d-flex .flex-grow-1 h6,.general-widget .summary-card ul.d-flex li>.d-flex .flex-grow-1 .h6{
    margin-bottom:6px
}
.general-widget .summary-card ul.d-flex li>.d-flex.light{
    border:2px solid var(--light-color);
    box-shadow:0 3px 18px 0 var(--light-color)
}
@media (max-width: 1400px) and (min-width: 1200px){
    .general-widget .summary-card .task-bottom{
        justify-content:center
    }
}
@media (max-width: 991.98px){
    .general-widget .summary-card .task-bottom{
        justify-content:center
    }
}
@media (max-width: 1800px){
    .general-widget .summary-card .task-bottom h5,.general-widget .summary-card .task-bottom .h5{
        font-size:14px;
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.general-widget .summary-card .task-bottom .badge{
    padding:5px 2px;
    border-radius:0
}
@media (max-width: 1750px){
    .general-widget .summary-card .task-bottom .badge{
        display:none
    }
}
@media (max-width: 1199.98px){
    .general-widget .summary-card .team-member h5,.general-widget .summary-card .team-member .h5{
        font-size:14px;
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (min-width: 1200px) and (max-width: 1578px){
    .general-widget .summary-card .team-member .customers ul li:nth-child(3) img{
        display:none
    }
}
@media (max-width: 1530px){
    .general-widget .summary-card .team-member .customers ul li:nth-child(2) img{
        display:none
    }
}
@media (max-width: 1530px){
    .general-widget .summary-card .team-member .customers ul li:nth-child(3) img{
        display:none
    }
}
.general-widget .summary-card .team-member .d-flex{
    padding:12px 18px;
    margin-top:26px;
    text-align:center;
    align-items:center
}
@media (min-width: 1200px) and (max-width: 1530px){
    .general-widget .summary-card .team-member .d-flex{
        margin-top:10px;
        padding:0 18px
    }
}
@media (max-width: 1199.98px){
    .general-widget .summary-card .team-member .d-flex{
        padding:3px 18px
    }
}
@media (max-width: 1530px){
    .general-widget .summary-card .team-member .d-flex .flex-grow-1{
        display:none
    }
}
.general-widget .summary-card .team-member #team-chart{
    margin:-20px 0 0;
    min-height:64px!important
}
@media (min-width: 1200px) and (max-width: 1530px){
    .general-widget .summary-card .team-member #team-chart{
        margin:-6px -11px;
        min-height:0!important
    }
}
@media (min-width: 1200px) and (max-width: 1530px) and (max-width: 1199.98px){
    .general-widget .summary-card .team-member #team-chart{
        margin:-6px -11px
    }
}
.general-widget .esatae-card .card-body .esatae-body{
    padding:3px 0
}
@media (min-width: 1200px) and (max-width: 1700px){
    .general-widget .esatae-card .card-body .esatae-body{
        padding:2px 0
    }
}
@media (min-width: 1200px) and (max-width: 1400px){
    .general-widget .esatae-card .card-body .esatae-body{
        padding:0
    }
}
@media (min-width: 1200px) and (max-width: 1490px){
    .general-widget .esatae-card .card-body .esatae-body{
        gap:18px!important
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    .general-widget .esatae-card .card-body .esatae-body{
        gap:5px!important
    }
}
@media (max-width: 480px){
    .general-widget .esatae-card .card-body .esatae-body{
        gap:10px!important
    }
}
@media (max-width: 480px){
    .general-widget .esatae-card .card-body .esatae-body .gap-3{
        gap:10px!important
    }
}
.general-widget .esatae-card .card-body .esatae-body .gap-3 .flex-grow-1 span{
    color:var(--text-light-gray)
}
@media (max-width: 360px){
    .general-widget .esatae-card .card-body .esatae-body .gap-3 .flex-grow-1{
        display:none
    }
}
.general-widget .esatae-card .card-body .esatae-body .flex-shrink-0{
    width:42px;
    height:40px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center
}
.general-widget .esatae-card .card-body .esatae-body .flex-shrink-0.bg-tertiary{
    filter:drop-shadow(-6px 6px 10px rgba(253,126,64,.25))
}
@media (min-width: 1200px) and (max-width: 1685px){
    .general-widget .esatae-card .card-body .esatae-body .flex-shrink-0.bg-tertiary{
        display:none
    }
}
@media (min-width: 576px) and (max-width: 767.98px){
    .general-widget .esatae-card .card-body .esatae-body .flex-shrink-0.bg-tertiary{
        display:none
    }
}
.general-widget .esatae-card .card-body .esatae-body .flex-shrink-0.bg-secondary{
    filter:drop-shadow(-6px 6px 10px rgba(194,128,210,.25))
}
@media (min-width: 1200px) and (max-width: 1685px){
    .general-widget .esatae-card .card-body .esatae-body .flex-shrink-0.bg-secondary{
        display:none
    }
}
@media (min-width: 576px) and (max-width: 767.98px){
    .general-widget .esatae-card .card-body .esatae-body .flex-shrink-0.bg-secondary{
        display:none
    }
}
.general-widget .esatae-card .card-body .esatae-body .flex-shrink-0.bg-primary{
    filter:drop-shadow(-6px 6px 10px rgba(67,185,178,.25))
}
@media (min-width: 1200px) and (max-width: 1685px){
    .general-widget .esatae-card .card-body .esatae-body .flex-shrink-0.bg-primary{
        display:none
    }
}
@media (min-width: 576px) and (max-width: 767.98px){
    .general-widget .esatae-card .card-body .esatae-body .flex-shrink-0.bg-primary{
        display:none
    }
}
.general-widget .esatae-card .card-body .esatae-body .flex-shrink-0 svg{
    fill:#fff
}
@media (min-width: 576px) and (max-width: 991.98px){
    .general-widget .esatae-card .card-body .esatae-body .customer{
        display:none!important
    }
}
.general-widget .esatae-card .card-body .esatae-body .customer.avatar-group ul li+li{
    margin-left:-12px
}
@media (min-width: 1200px) and (max-width: 1730px){
    .general-widget .esatae-card .card-body .esatae-body .customer.avatar-group ul li+li{
        margin-left:-20%
    }
}
@media (max-width: 991.98px){
    .general-widget .esatae-card .card-body .esatae-body .customer.avatar-group ul li:nth-child(2){
        display:none!important
    }
}
.general-widget .esatae-card .card-body .esatae-body .customer.avatar-group ul li:last-child span{
    width:40px;
    height:40px;
    font-weight:500;
    vertical-align:middle;
    border:2px solid var(--light-color);
    background-color:var(--card-color);
    display:flex;
    align-items:center;
    justify-content:center
}
@media (min-width: 1200px) and (max-width: 1417px){
    .general-widget .esatae-card .card-body .esatae-body .customer.avatar-group ul li:last-child span{
        width:35px!important;
        height:35px
    }
}
@media (max-width: 480px){
    .general-widget .esatae-card .card-body .esatae-body .customer.avatar-group ul li:last-child span{
        width:30px!important;
        height:30px
    }
}
.general-widget .esatae-card .card-body .esatae-body .customer.avatar-group ul li img{
    border:2px solid #ffffff;
    transition:.5s
}
[data-theme=dark] .general-widget .esatae-card .card-body .esatae-body .customer.avatar-group ul li img{
    border-color:var(--body-color)
}
@media (min-width: 1200px) and (max-width: 1417px){
    .general-widget .esatae-card .card-body .esatae-body .customer.avatar-group ul li img{
        width:35px!important
    }
}
@media (max-width: 480px){
    .general-widget .esatae-card .card-body .esatae-body .customer.avatar-group ul li img{
        width:30px!important
    }
}
@media (min-width: 1200px) and (max-width: 1385px){
    .general-widget .esatae-card .card-body .esatae-body .flex-grow-1{
        width:70px!important
    }
}
@media (min-width: 576px) and (max-width: 767.98px){
    .general-widget .esatae-card .card-body .esatae-body .flex-grow-1{
        width:53px!important
    }
}
@media (max-width: 380px){
    .general-widget .esatae-card .card-body .esatae-body .flex-grow-1{
        width:60px!important
    }
}
@media (max-width: 1880px){
    .general-widget .esatae-card .card-body .esatae-body .flex-grow-1 h6,.general-widget .esatae-card .card-body .esatae-body .flex-grow-1 .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (max-width: 1600px){
    .general-widget .esatae-card .card-body .esatae-body .flex-grow-1 span{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.general-widget .esatae-card .card-body .esatae-body .flex-grow-1 .d-flex{
    align-items:center;
    justify-content:space-between
}
.general-widget .esatae-card .card-body .esatae-body .flex-grow-1 .progress{
    height:10px
}
.general-widget .progress-items .stroke-danger{
    stroke:#c42a02!important
}
.general-widget .progress-items .stroke-success{
    stroke:#17a600!important
}
.general-widget .progress-items .flex-shrink-0{
    width:49px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center
}
.general-widget .progress-items .flex-shrink-0.bg-light-primary{
    background:linear-gradient(180deg,#43b9b230 7.29%,#43b9b200);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px)
}
.general-widget .progress-items .flex-shrink-0.bg-light-secondary{
    background:linear-gradient(180deg,#c280d230 7.29%,#c280d200);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px)
}
.general-widget .progress-items .flex-shrink-0.bg-light-tertiary{
    background:linear-gradient(180deg,#fd7e4030 7.29%,#fd7e4000);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px)
}
@media (min-width: 1200px) and (max-width: 1339.98px){
    .general-widget .progress-items .flex-shrink-0{
        width:40px;
        height:35px
    }
}
@media (min-width: 1200px) and (max-width: 1260px){
    .general-widget .progress-items .flex-shrink-0{
        width:25px;
        height:27px
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .general-widget .progress-items .flex-shrink-0{
        width:39px;
        height:37px
    }
}
@media (max-width: 575.98px){
    .general-widget .progress-items .flex-shrink-0{
        width:39px;
        height:39px
    }
}
.general-widget .progress-items .progress-card{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:6px
}
.general-widget .progress-items .progress-card .order-chart{
    margin:-47px -10px -40px -20px
}
@media (max-width: 991.98px){
    .general-widget .progress-items .progress-card .order-chart{
        margin:-41px 0 -40px 17px
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .general-widget .progress-items .progress-card p{
        display:none
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .general-widget .progress-items .progress-card{
        width:100%!important;
        display:block!important
    }
}
@media (min-width: 1200px) and (max-width: 1570px){
    .general-widget .progress-items .badge{
        display:none!important
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .general-widget .progress-items .badge{
        display:none!important
    }
}
@media (min-width: 1200px) and (max-width: 1339.98px){
    .general-widget .progress-items h3,.general-widget .progress-items .h3{
        font-size:21px!important;
        margin-top:6px!important
    }
}
@media (min-width: 1200px) and (max-width: 1269.98px){
    .general-widget .progress-items h3,.general-widget .progress-items .h3{
        font-size:18px!important
    }
}
@media (max-width: 991.98px){
    .general-widget .progress-items h3,.general-widget .progress-items .h3{
        font-size:21px!important;
        margin-top:6px!important
    }
}
[data-theme=dark] .general-widget .progress-items h3,[data-theme=dark] .general-widget .progress-items .h3{
    color:var(--light-font)
}
@media (min-width: 1200px) and (max-width: 1379.98px){
    .general-widget .sales-summary .card-header{
        padding-bottom:0
    }
}
@media (max-width: 1199.98px){
    .general-widget .sales-summary .card-header{
        padding-bottom:0
    }
}
@media (min-width: 1200px) and (max-width: 1379.98px){
    .general-widget .sales-summary .card-body{
        padding-top:0
    }
}
@media (max-width: 1199.98px){
    .general-widget .sales-summary .card-body{
        padding-top:0
    }
}
.general-widget .product-offer .dropdown-menu{
    z-index:9
}
@media (max-width: 1300px) and (min-width: 1200px){
    .general-widget .product-offer .icon-dropdown{
        display:none
    }
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .general-widget .product-offer .card-body{
        padding-top:0!important
    }
}
.general-widget .product-offer .swiper .swiper-slide{
    display:flex;
    justify-content:center;
    align-items:center
}
.general-widget .product-offer .swiper .swiper-slide .item .product-gif{
    width:58px;
    height:58px;
    position:absolute;
    right:0;
    top:0
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .general-widget .product-offer .swiper .swiper-slide .item .product-gif{
        width:49px;
        height:49px
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .general-widget .product-offer .swiper .swiper-slide .item .product-gif{
        width:32px;
        height:32px
    }
}
@media (max-width: 1199.98px){
    .general-widget .product-offer .swiper .swiper-slide .item .product-gif{
        width:70px;
        height:70px
    }
}
@media (max-width: 420px){
    .general-widget .product-offer .swiper .swiper-slide .item .product-gif{
        width:50px;
        height:50px
    }
}
.general-widget .product-offer .swiper .swiper-slide .item .product-content{
    margin-top:20px
}
@media (min-width: 1200px) and (max-width: 1379.98px){
    .general-widget .product-offer .swiper .swiper-slide .item .product-content{
        margin-top:1px
    }
}
[data-theme=dark] .general-widget .product-offer .swiper .swiper-slide .item .product-content h4 a,[data-theme=dark] .general-widget .product-offer .swiper .swiper-slide .item .product-content .h4 a{
    color:var(--light-font)
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .general-widget .product-offer .swiper .swiper-wrapper{
        padding-bottom:20px!important
    }
}
.general-widget .product-offer .swiper .swiper-pagination{
    display:inline-grid;
    position:absolute;
    top:35%;
    right:0;
    left:unset;
    margin-bottom:-10px;
    bottom:110px!important;
    width:unset!important;
    margin-top:25px
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .general-widget .product-offer .swiper .swiper-pagination{
        bottom:10px!important;
        display:unset!important;
        left:50%!important;
        top:unset!important;
        transform:translate(-50%)!important
    }
}
.general-widget .product-offer .swiper .swiper-pagination .swiper-pagination-bullet{
    width:7px;
    height:7px;
    background-color:var(--theme-default)
}
.general-widget .product-offer .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    height:25px;
    border-radius:10px
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .general-widget .product-offer .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        width:25px;
        border-radius:10px;
        height:7px
    }
}
.landing-page .fluid-space{
    padding:0 calc(100px + 60 * (100vw - 300px) / 1620)
}
@media (max-width: 1399px){
    .landing-page .fluid-space{
        padding:0 80px
    }
}
@media (max-width: 575px){
    .landing-page .fluid-space{
        padding:0 50px
    }
}
@media (max-width: 480px){
    .landing-page .fluid-space{
        padding:0 35px
    }
}
.landing-page .section-py-space{
    padding-top:70px;
    padding-bottom:70px
}
@media (max-width: 1199.98px){
    .landing-page .section-py-space{
        padding-top:60px;
        padding-bottom:60px
    }
}
@media (max-width: 991.98px){
    .landing-page .section-py-space{
        padding-top:50px;
        padding-bottom:50px
    }
}
@media (max-width: 767.98px){
    .landing-page .section-py-space{
        padding-top:40px;
        padding-bottom:40px
    }
}
.landing-page .main-title{
    color:var(--body-font-color);
    font-family:Outfit,sans-serif;
    font-size:calc(24px + 16 * (100vw - 300px) / 1620);
    font-weight:600;
    line-height:.8;
    text-transform:capitalize
}
.landing-page .description-title{
    color:var(--light-font);
    font-family:Outfit,sans-serif;
    font-size:calc(14px + 3 * (100vw - 300px) / 1620);
    font-style:normal;
    font-weight:400;
    margin-bottom:38px;
    width:32%;
    line-height:1.3;
    margin-left:auto;
    margin-right:auto
}
@media (max-width: 1199.98px){
    .landing-page .description-title{
        width:45%
    }
}
@media (max-width: 767.98px){
    .landing-page .description-title{
        width:68%
    }
}
@media (max-width: 575.98px){
    .landing-page .description-title{
        width:88%
    }
}
.landing-page .landing-header{
    padding:16px 0;
    top:0;
    left:0;
    width:100%;
    z-index:6;
    background-color:var(--landing-header-bg);
    transition:all .5s ease-in-out
}
.landing-page .landing-header.sticky{
    background-color:var(--landing-header-bg);
    transition:all .5s ease-in-out
}
@media (max-width: 1399.98px){
    .landing-page .landing-header{
        padding:15px 0
    }
}
@media (max-width: 991.98px){
    .landing-page .landing-header{
        padding:5px 0
    }
}
@media (max-width: 767.98px){
    .landing-page .landing-header .navbar-brand{
        padding:0
    }
}
@media (max-width: 480px){
    .landing-page .landing-header .navbar-brand .logo-size{
        width:90px
    }
}
@media (max-width: 991.98px){
    .landing-page .landing-header ul.landing-menu.open{
        right:0
    }
}
.landing-page .landing-header ul.landing-menu li.nav-item.menu-back{
    border-bottom:1px solid #ecf3fa;
    padding:22px 20px;
    text-align:right;
    text-transform:uppercase;
    font-weight:700;
    font-size:16px;
    display:none;
    cursor:pointer;
    margin-bottom:15px
}
.landing-page .landing-header ul.landing-menu li.nav-item.menu-back i{
    font-size:16px;
    margin-left:10px
}
@media (max-width: 991.98px){
    .landing-page .landing-header ul.landing-menu li.nav-item.menu-back{
        display:block
    }
}
.landing-page .landing-header ul.landing-menu li.nav-item a.nav-link{
    font-size:16px;
    font-weight:500;
    font-family:Outfit,sans-serif;
    color:var(--body-font-color);
    padding:10px 30px;
    text-transform:uppercase;
    position:relative
}
.landing-page .landing-header ul.landing-menu li.nav-item a.nav-link:hover:after{
    width:26px
}
@media (max-width: 1440px){
    .landing-page .landing-header ul.landing-menu li.nav-item a.nav-link{
        padding:10px 20px
    }
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .landing-page .landing-header ul.landing-menu li.nav-item a.nav-link{
        padding:10px;
        font-size:14px
    }
}
@media (max-width: 991.98px){
    .landing-page .landing-header ul.landing-menu li.nav-item a.nav-link{
        padding:10px 20px
    }
}
@media (max-width: 575.98px){
    .landing-page .landing-header ul.landing-menu li.nav-item a.nav-link{
        text-align:left
    }
}
.landing-page .landing-header ul.landing-menu li.nav-item a.nav-link:after{
    background-color:var(--theme-default);
    content:"";
    position:absolute;
    display:block;
    height:3px;
    width:0px;
    transition:.2s ease-in
}
.landing-page .landing-header ul.landing-menu li.nav-item:hover a.nav-link{
    color:var(--theme-default)
}
@media (max-width: 991.98px){
    .landing-page .landing-header ul.landing-menu{
        position:fixed;
        top:0;
        right:-320px;
        width:300px;
        height:100vh;
        background-color:#fff;
        display:block;
        -webkit-transition:all .5s ease;
        transition:all .5s ease
    }
}
.landing-page .landing-header .buy-block{
    display:flex;
    align-items:center
}
.landing-page .landing-header .buy-block .toggle-menu{
    margin-left:20px;
    display:none;
    cursor:pointer
}
.landing-page .landing-header .buy-block .toggle-menu i{
    font-size:24px;
    color:#000
}
@media (max-width: 575.98px){
    .landing-page .landing-header .buy-block .toggle-menu i{
        font-size:18px
    }
}
@media (max-width: 991.98px){
    .landing-page .landing-header .buy-block .toggle-menu{
        display:block
    }
}
@media (max-width: 480px){
    .landing-page .landing-header .buy-block .toggle-menu{
        margin-left:10px
    }
}
.landing-page .btn-landing{
    border-radius:7px;
    text-transform:uppercase;
    font-size:16px;
    color:#fff;
    background-color:var(--theme-default);
    padding:12px 39px;
    line-height:1;
    font-weight:600;
    display:flex;
    align-items:center;
    transition:all .5s ease
}
@media (max-width: 1199.98px){
    .landing-page .btn-landing{
        padding:10px 15px;
        font-size:14px!important
    }
}
@media (max-width: 575.98px){
    .landing-page .btn-landing{
        padding:9px 12px
    }
}
.landing-page .btn-landing:hover{
    transform:scale(.8)
}
.landing-page .landing-home{
    background-image:url(/build/assets/homebg-COTMQXKb.png);
    background-position:bottom;
    background-repeat:no-repeat;
    height:calc(100vh - 92.5px);
    background-color:#fff
}
@media (max-width: 1700px){
    .landing-page .landing-home{
        background-position:right 67% bottom -25%
    }
}
@media (max-width: 1640px){
    .landing-page .landing-home{
        background-position:right 84% bottom -19%
    }
}
@media (max-width: 1500px){
    .landing-page .landing-home{
        background-position:right 34% bottom -48%
    }
}
@media (max-width: 1199.98px){
    .landing-page .landing-home{
        background-position:right 100% bottom 0%;
        height:unset
    }
}
@media (max-width: 991.98px){
    .landing-page .landing-home{
        background-position:right 100% bottom -60%
    }
}
@media (max-width: 575.98px){
    .landing-page .landing-home{
        background-position:right 99% bottom 29%
    }
}
.landing-page .landing-home .home-left{
    display:flex;
    align-items:center
}
@media (max-width: 1199.98px){
    .landing-page .landing-home .home-left{
        padding:100px 0
    }
}
@media (max-width: 991.98px){
    .landing-page .landing-home .home-left{
        justify-content:center;
        text-align:center;
        padding:60px 0
    }
}
@media (max-width: 575.98px){
    .landing-page .landing-home .home-left{
        padding:30px 0 60px
    }
}
.landing-page .landing-home .home-left .landing-title .sub-title{
    display:flex;
    align-items:center;
    font-family:Outfit,sans-serif;
    font-size:calc(14px + .0025*(100vw - 320px));
    font-weight:400;
    padding-bottom:10px
}
@media (min-width: 576px) and (max-width: 991.98px){
    .landing-page .landing-home .home-left .landing-title .sub-title{
        display:none
    }
}
@media (max-width: 575.98px){
    .landing-page .landing-home .home-left .landing-title .sub-title{
        justify-content:center;
        text-align:center;
        padding-bottom:0
    }
}
@media (max-width: 575.98px){
    .landing-page .landing-home .home-left .landing-title .sub-title .html-gif{
        width:25px!important
    }
}
.landing-page .landing-home .home-left .landing-title .header-title{
    color:var(--body-font-color);
    font-family:Outfit,sans-serif;
    font-size:calc(18px + 33 * (100vw - 320px) / 1600);
    font-weight:600;
    line-height:1.2
}
.landing-page .landing-home .home-left .landing-title .header-title .gradient-1{
    background:linear-gradient(92deg,var(--theme-default) 2.7%,var(--theme-secondary) 53.71%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-weight:600
}
.landing-page .landing-home .home-left .landing-title p{
    color:var(--light-font);
    font-family:Outfit,sans-serif;
    font-size:calc(14px + .00125*(100vw - 320px));
    font-weight:400;
    line-height:1.4;
    padding-bottom:34px;
    padding-top:10px
}
@media (max-width: 1640px){
    .landing-page .landing-home .home-left .landing-title p{
        padding-bottom:20px
    }
}
@media (max-width: 1199.98px){
    .landing-page .landing-home .home-left .landing-title .doc-btn{
        font-size:14px;
        padding:5px 10px!important
    }
}
@media (max-width: 575.98px){
    .landing-page .landing-home .home-left .landing-title .doc-btn svg{
        width:15px!important;
        height:15px!important;
        margin-right:5px!important
    }
}
.landing-page .landing-home .home-left .landing-title .html-btn{
    padding:10px 14px!important;
    font-family:Outfit,sans-serif;
    background-color:var(--landing-btn)!important;
    border-color:var(--landing-btn)!important
}
@media (max-width: 575.98px){
    .landing-page .landing-home .home-left .landing-title .html-btn{
        padding:5px 10px!important
    }
}
.landing-page .landing-home .home-right{
    display:flex;
    align-items:center
}
@media (max-width: 1199.98px){
    .landing-page .landing-home .home-right{
        padding:100px 0
    }
}
@media (max-width: 991.98px){
    .landing-page .landing-home .home-right{
        justify-content:center;
        padding-bottom:0;
        text-align:center
    }
}
@media (max-width: 575.98px){
    .landing-page .landing-home .home-right{
        display:none!important
    }
}
.landing-page .landing-home .home-right .landing-image{
    position:relative;
    z-index:1
}
@media (max-width: 1240px){
    .landing-page .landing-home .home-right .landing-image .home-img{
        width:600px
    }
}
@media (max-width: 1199.98px){
    .landing-page .landing-home .home-right .landing-image .home-img{
        width:450px
    }
}
@media (max-width: 991.98px){
    .landing-page .landing-home .home-right .landing-image .home-img{
        width:400px
    }
}
@media (max-width: 767.98px){
    .landing-page .landing-home .home-right .landing-image .home-img{
        width:340px
    }
}
.landing-page .landing-home .home-right .landing-image .animate-img .right-img{
    animation:up-down 5s infinite;
    position:absolute;
    z-index:-1;
    right:-8%;
    top:-22%
}
@media (max-width: 1820px){
    .landing-page .landing-home .home-right .landing-image .animate-img .right-img{
        right:-8%
    }
}
@media (max-width: 1710px){
    .landing-page .landing-home .home-right .landing-image .animate-img .right-img{
        top:-29%;
        right:-10%
    }
}
@media (max-width: 1580px){
    .landing-page .landing-home .home-right .landing-image .animate-img .right-img{
        top:-34%
    }
}
@media (max-width: 1500px){
    .landing-page .landing-home .home-right .landing-image .animate-img .right-img{
        right:-14%;
        top:-37%
    }
}
@media (max-width: 1399.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .right-img{
        right:-10%;
        top:-35%
    }
}
@media (max-width: 1280px){
    .landing-page .landing-home .home-right .landing-image .animate-img .right-img{
        right:-12%;
        top:-38%
    }
}
@media (max-width: 1240px){
    .landing-page .landing-home .home-right .landing-image .animate-img .right-img{
        right:-10%;
        top:-41%
    }
}
@media (max-width: 1199.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .right-img{
        right:-18%;
        top:-42%
    }
}
@media (max-width: 991.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .right-img{
        right:-27%
    }
}
@media (max-width: 1199.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .right-img img{
        width:250px
    }
}
.landing-page .landing-home .home-right .landing-image .animate-img .left-img{
    animation:up-down 4s infinite;
    left:-14%;
    position:absolute;
    top:75%;
    z-index:-1;
    box-shadow:var(--login-box-shadow)
}
@media (max-width: 1860px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img{
        left:-18%;
        top:74%
    }
}
@media (max-width: 1820px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img{
        left:-16%;
        top:76%
    }
}
@media (max-width: 1760px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img{
        left:-19%
    }
}
@media (max-width: 1590px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img{
        left:-20%
    }
}
@media (max-width: 1460px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img{
        left:-24%
    }
}
@media (max-width: 1265px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img{
        left:-23%
    }
}
@media (max-width: 1220px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img{
        top:79%
    }
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img{
        display:none
    }
}
@media (max-width: 991.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img{
        left:-37%;
        top:49%
    }
}
@media (max-width: 767.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img{
        left:-37%;
        top:57%
    }
}
@media (max-width: 600px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img{
        left:-32%;
        top:57%
    }
}
@media (max-width: 1399.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img img{
        width:200px
    }
}
@media (max-width: 1265px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img img{
        width:185px
    }
}
@media (max-width: 1240px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img img{
        width:165px
    }
}
@media (max-width: 767.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-img img{
        width:140px
    }
}
.landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
    animation:up-down 4s infinite;
    width:50px;
    height:50px;
    position:absolute;
    right:92%;
    top:77%
}
@media (max-width: 1860px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        top:76%;
        right:96%
    }
}
@media (max-width: 1820px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        right:93%;
        top:78%
    }
}
@media (max-width: 1780px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        right:92%
    }
}
@media (max-width: 1760px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        right:95%
    }
}
@media (max-width: 1700px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        right:94%
    }
}
@media (max-width: 1590px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        right:93%
    }
}
@media (max-width: 1560px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        right:92%
    }
}
@media (max-width: 1500px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        right:93%
    }
}
@media (max-width: 1460px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        right:95%
    }
}
@media (max-width: 1399.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        width:45px;
        height:45px;
        right:98%
    }
}
@media (max-width: 1300px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        right:95%
    }
}
@media (max-width: 1265px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        width:40px;
        height:40px;
        right:95%
    }
}
@media (max-width: 1240px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        width:35px;
        height:35px;
        right:97%
    }
}
@media (max-width: 1220px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        top:82%
    }
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        display:none
    }
}
@media (max-width: 991.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        right:97%;
        top:51%
    }
}
@media (max-width: 767.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        right:97%;
        top:59%
    }
}
@media (max-width: 600px){
    .landing-page .landing-home .home-right .landing-image .animate-img .left-gif{
        right:93%;
        top:59%
    }
}
.landing-page .landing-home .home-right .landing-image .animate-img .sub-title{
    position:absolute;
    top:-23%;
    left:11%
}
.landing-page .landing-home .home-right .landing-image .animate-img .sub-title span{
    font-family:Caveat,cursive;
    color:#fd7e40;
    text-align:center;
    font-size:calc(14px + 29 * (100vw - 320px) / 1600);
    font-weight:700
}
@media (max-width: 1860px){
    .landing-page .landing-home .home-right .landing-image .animate-img .sub-title{
        top:-28%
    }
}
@media (max-width: 1580px){
    .landing-page .landing-home .home-right .landing-image .animate-img .sub-title{
        top:-33%
    }
}
@media (max-width: 1590px){
    .landing-page .landing-home .home-right .landing-image .animate-img .sub-title{
        top:-32%
    }
}
.landing-page .landing-home .home-right .landing-image .animate-img .arrow-decore{
    position:absolute;
    top:-12%;
    left:28%;
    z-index:-1
}
@media (max-width: 1860px){
    .landing-page .landing-home .home-right .landing-image .animate-img .arrow-decore{
        top:-15%
    }
}
@media (max-width: 1580px){
    .landing-page .landing-home .home-right .landing-image .animate-img .arrow-decore{
        top:-18%
    }
}
@media (max-width: 1240px){
    .landing-page .landing-home .home-right .landing-image .animate-img .arrow-decore img{
        width:90px
    }
}
.landing-page .landing-home .home-right .landing-image .animate-img .outline-text{
    position:absolute;
    right:-8%;
    bottom:-33%
}
@media (max-width: 1860px){
    .landing-page .landing-home .home-right .landing-image .animate-img .outline-text{
        bottom:-27%
    }
}
@media (max-width: 1630px){
    .landing-page .landing-home .home-right .landing-image .animate-img .outline-text{
        bottom:-40%;
        right:-18%
    }
}
@media (max-width: 1500px){
    .landing-page .landing-home .home-right .landing-image .animate-img .outline-text{
        bottom:-44%;
        right:-11%
    }
}
@media (max-width: 1399.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .outline-text{
        right:-6%;
        bottom:-42%
    }
}
@media (max-width: 1300px){
    .landing-page .landing-home .home-right .landing-image .animate-img .outline-text{
        right:-7%;
        bottom:-47%
    }
}
@media (max-width: 1240px){
    .landing-page .landing-home .home-right .landing-image .animate-img .outline-text{
        right:-10%;
        bottom:-55%
    }
}
@media (max-width: 1199.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .outline-text{
        right:-19%;
        bottom:-36%
    }
}
@media (max-width: 991.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .outline-text{
        display:none
    }
}
.landing-page .landing-home .home-right .landing-image .animate-img .outline-text h2,.landing-page .landing-home .home-right .landing-image .animate-img .outline-text .h2{
    -webkit-text-stroke:1px var(--landing-outline-text);
    -webkit-text-fill-color:transparent;
    color:var(--landing-outline-text);
    text-transform:uppercase;
    font-family:Roboto,sans-serif;
    font-weight:700;
    font-size:120px
}
@media (max-width: 1860px){
    .landing-page .landing-home .home-right .landing-image .animate-img .outline-text h2,.landing-page .landing-home .home-right .landing-image .animate-img .outline-text .h2{
        font-size:90px
    }
}
@media (max-width: 1760px){
    .landing-page .landing-home .home-right .landing-image .animate-img .outline-text h2,.landing-page .landing-home .home-right .landing-image .animate-img .outline-text .h2{
        font-size:80px
    }
}
@media (max-width: 1199.98px){
    .landing-page .landing-home .home-right .landing-image .animate-img .outline-text h2,.landing-page .landing-home .home-right .landing-image .animate-img .outline-text .h2{
        font-size:60px
    }
}
.landing-page .landing-page-design{
    background-color:#fff
}
.landing-page .landing-page-design .layout-box{
    transition:all .5s ease;
    overflow:hidden
}
.landing-page .landing-page-design .layout-box .img-wrraper{
    position:relative;
    overflow:hidden;
    border:18px solid rgba(67,185,178,.1);
    border-bottom:unset;
    border-radius:10px 10px 0 0;
    filter:drop-shadow(0px 4px 18px rgba(0,0,0,.1));
    transition:all .5s ease
}
.landing-page .landing-page-design .layout-box .img-wrraper .layout-img{
    border:5px solid #ffffff
}
.landing-page .landing-page-design .layout-box .layout-btn{
    padding-top:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    transition:all .5s ease
}
.landing-page .landing-page-design .layout-box .layout-btn .btn{
    padding:7px 40px!important
}
@media (max-width: 767.98px){
    .landing-page .landing-page-design .layout-box .layout-btn .btn{
        padding:5px 20px!important
    }
}
.landing-page .landing-page-design .layout-box .demo-btn{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transform:translateY(45px);
    transition:all .4s
}
.landing-page .landing-page-design .layout-box .demo-btn .link-btn a{
    border-radius:14px;
    background:#f8f8f8;
    transition:all .3s ease;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:7px 7px 5px #c0cad838
}
@media (max-width: 1200px){
    .landing-page .landing-page-design .layout-box .demo-btn .link-btn a{
        width:43px;
        height:43px
    }
}
.landing-page .landing-page-design .layout-box .demo-btn .link-btn a img{
    margin-bottom:-2px;
    height:20px
}
.landing-page .landing-page-design .layout-box:hover .demo-btn{
    background-color:#00000017;
    opacity:1;
    transform:translateY(0)
}
.landing-page .framework-section{
    scroll-behavior:smooth;
    overflow:hidden;
    background-color:#43b9b20f
}
.landing-page .framework-section .framworks-list{
    text-align:center;
    display:flex;
    justify-content:center;
    gap:55px;
    flex-wrap:wrap
}
@media (max-width: 767.98px){
    .landing-page .framework-section .framworks-list{
        gap:30px
    }
}
.landing-page .framework-section .framworks-list li{
    position:relative;
    display:inline-block;
    display:flex;
    align-items:center;
    min-width:222px;
    gap:10px;
    padding:12px 30px 12px 12px;
    background-color:#fff;
    border-radius:10px;
    width:fit-content;
    box-shadow:#43b9b233 0 2px 8px
}
.landing-page .framework-section .framworks-list li div{
    height:70px;
    width:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    background-color:#43b9b21a
}
.landing-page .framework-section .framworks-list li div img{
    transition:all .3s ease;
    width:calc(28px + .0125*(100vw - 320px));
    height:calc(28px + .0125*(100vw - 320px));
    object-fit:cover
}
@media (max-width: 767px){
    .landing-page .framework-section .framworks-list li div{
        height:60px;
        width:60px
    }
}
.landing-page .framework-section .framworks-list li:nth-child(13){
    margin-bottom:0
}
.landing-page .framework-section .framworks-list li:last-child{
    margin-bottom:0
}
.landing-page .framework-section .framworks-list li:hover{
    background-color:#fff
}
.landing-page .framework-section .framworks-list li:hover:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    border-radius:10px
}
.landing-page .framework-section .framworks-list li:hover img{
    transform:scale(.7);
    animation:swing 2s ease infinite
}
.landing-page .framework-section .framworks-list li h5,.landing-page .framework-section .framworks-list li .h5{
    font-family:Outfit,sans-serif;
    color:var(--body-font-color)
}
.landing-page .framework-section .framworks .nav{
    margin-bottom:35px;
    border-bottom:0
}
.landing-page .framework-section .framworks .nav .nav-item .nav-link{
    border-radius:6px;
    padding:14px;
    align-items:center;
    background-color:transparent;
    border:1px solid var(--theme-default);
    position:relative
}
@media (max-width: 991px){
    .landing-page .framework-section .framworks .nav .nav-item .nav-link{
        padding:8px
    }
}
@media (max-width: 480px){
    .landing-page .framework-section .framworks .nav .nav-item .nav-link{
        display:block!important;
        padding:10px 15px
    }
}
.landing-page .framework-section .framworks .nav .nav-item .nav-link.active{
    background-color:#43b9b233;
    box-shadow:0 0 20px #43b9b21a
}
.landing-page .framework-section .framworks .nav .nav-item .nav-link img{
    height:28px;
    margin-right:8px
}
@media (max-width: 991px){
    .landing-page .framework-section .framworks .nav .nav-item .nav-link img{
        height:28px
    }
}
@media (max-width: 480px){
    .landing-page .framework-section .framworks .nav .nav-item .nav-link img{
        height:20px;
        margin-right:unset
    }
}
.landing-page .framework-section .framworks .nav .nav-item .nav-link .nav-text{
    font-weight:700;
    color:var(--body-font-color)
}
@media (max-width: 480px){
    .landing-page .framework-section .framworks .nav .nav-item .nav-link .nav-text{
        display:none
    }
}
.landing-page .framework-section .framworks .nav .nav-item:nth-child(n+2){
    margin-left:20px
}
@media (max-width: 480px){
    .landing-page .framework-section .framworks .nav .nav-item{
        width:auto
    }
}
@media (max-width: 1199px){
    .landing-page .framework-section .framworks .nav{
        margin-bottom:30px
    }
}
@media (max-width: 575px){
    .landing-page .framework-section .framworks .nav{
        display:flex
    }
}
.landing-page .application-section{
    background-color:#fff
}
.landing-page .application-section .application .application-block{
    padding:0 28px;
    justify-content:center
}
.landing-page .application-section .application .application-block .demo-box{
    background-color:#fff;
    padding-bottom:unset!important;
    padding:20px;
    border-radius:10px;
    box-shadow:0 3px 9px 3px var(--application-shadow);
    transition:all .5s ease
}
.landing-page .application-section .application .application-block .demo-box .img-wrraper{
    overflow:hidden;
    position:relative;
    border-radius:10px;
    border:10px solid rgba(67,185,178,.1)
}
.landing-page .application-section .application .application-block .demo-box .img-wrraper img{
    transition:all .5s ease;
    width:100%
}
.landing-page .application-section .application .application-block .demo-box .demo-detail{
    padding-top:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap
}
.landing-page .application-section .application .application-block .demo-box .demo-detail .btn{
    border-bottom:unset!important;
    border-radius:15px 15px 0 0!important
}
.landing-page .application-section .application .application-block .demo-box:hover .img-wrraper img{
    transform:scale(1.05);
    transition:all .5s
}
.landing-page .features-section{
    scroll-behavior:smooth;
    overflow:hidden;
    background-color:#43b9b20f
}
.landing-page .features-section .feature-content .feature-box{
    border-radius:10px;
    padding:20px 38px;
    border:2px solid #ffffff;
    background:var(--features-bg);
    box-shadow:0 9px 20px 0 var(--features-box-shadow);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
    transition:all .2s ease
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper{
    width:50px;
    height:50px;
    border-radius:60px;
    margin-bottom:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:auto;
    margin-right:auto;
    transition:all .2s ease
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper svg{
    transition:all .2s ease
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-1{
    background-color:var(--features-bg-1)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-1 svg{
    fill:var(--features-svg-1)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-2{
    background-color:var(--features-bg-2)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-2 svg{
    fill:var(--features-svg-2)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-3{
    background-color:var(--features-bg-3)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-3 svg{
    fill:var(--features-svg-3)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-4{
    background-color:var(--features-bg-4)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-4 svg{
    fill:var(--features-svg-4)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-5{
    background-color:var(--features-bg-5)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-5 svg{
    fill:var(--features-svg-5)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-6{
    background-color:var(--features-bg-6)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-6 svg{
    fill:var(--features-svg-6)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-7{
    background-color:var(--features-bg-7)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-7 svg{
    fill:var(--features-svg-7)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-8{
    background-color:var(--features-bg-8)
}
.landing-page .features-section .feature-content .feature-box .icon-wrraper.bg-8 svg{
    fill:var(--features-svg-8)
}
.landing-page .features-section .feature-content .feature-box h4,.landing-page .features-section .feature-content .feature-box .h4{
    color:var(--body-font-color);
    font-family:Outfit,sans-serif;
    font-size:18px;
    font-weight:500
}
@media (max-width: 1740px){
    .landing-page .features-section .feature-content .feature-box h4,.landing-page .features-section .feature-content .feature-box .h4{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.landing-page .features-section .feature-content .feature-box p{
    font-size:calc(14px + 2 * (100vw - 300px) / 1620);
    color:var(--light-font);
    margin-bottom:unset
}
@media (max-width: 1860px){
    .landing-page .features-section .feature-content .feature-box p{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .landing-page .features-section .feature-content .feature-box p{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        white-space:normal
    }
}
.landing-page .features-section .feature-content .feature-box:hover{
    background-color:var(--theme-default);
    box-shadow:0 10px 20px #43b9b230,0 6px 6px #43b9b23b
}
.landing-page .features-section .feature-content .feature-box:hover .icon-wrraper{
    background-color:#fff
}
.landing-page .features-section .feature-content .feature-box:hover .icon-wrraper svg{
    fill:var(--theme-default);
    transition:all .2s ease
}
.landing-page .features-section .feature-content .feature-box:hover h4,.landing-page .features-section .feature-content .feature-box:hover .h4,.landing-page .features-section .feature-content .feature-box:hover p{
    color:#fff
}
.landing-page .support-section{
    background-color:#fff
}
.landing-page .support-section .fluid-space{
    padding:0 calc(160px + 90 * (100vw - 300px) / 1620)!important
}
@media (max-width: 1399px){
    .landing-page .support-section .fluid-space{
        padding:0 180px!important
    }
}
@media (max-width: 1199.98px){
    .landing-page .support-section .fluid-space{
        padding:0 100px!important
    }
}
@media (max-width: 575.98px){
    .landing-page .support-section .fluid-space{
        padding:0 40px!important
    }
}
@media (max-width: 480px){
    .landing-page .support-section .fluid-space{
        padding:0 35px!important
    }
}
.landing-page .support-section .landing-title .sub-title{
    font-family:Caveat,cursive;
    font-size:40px;
    font-size:calc(22px + 17 * (100vw - 300px) / 1620);
    font-weight:700
}
.landing-page .support-section .landing-title h2,.landing-page .support-section .landing-title .h2{
    font-family:Outfit,sans-serif;
    color:var(--body-font-color);
    font-size:calc(22px + 17 * (100vw - 300px) / 1620);
    font-weight:600;
    text-transform:capitalize
}
.landing-page .support-section .landing-title p{
    color:var(--light-font);
    font-family:Outfit,sans-serif;
    font-size:calc(14px + 2 * (100vw - 300px) / 1620);
    font-weight:400;
    line-height:1.4;
    padding-bottom:34px;
    padding-top:10px
}
@media (max-width: 1199.98px){
    .landing-page .support-section .landing-title p{
        padding-bottom:22px
    }
}
.landing-page .support-section .landing-title .support-button{
    border-radius:7px;
    text-transform:uppercase;
    font-size:16px;
    padding:12px 39px;
    line-height:1;
    font-weight:600;
    transition:all .5s ease
}
@media (max-width: 1199.98px){
    .landing-page .support-section .landing-title .support-button{
        font-size:14px;
        padding:9px 28px
    }
}
.landing-page .support-section .landing-title .support-button:hover{
    transform:scale(.8)
}
.landing-page .support-section .support-img{
    position:relative;
    margin-bottom:-2px
}
.landing-page .support-section .support-img .img-1{
    width:600px
}
@media (max-width: 1600px){
    .landing-page .support-section .support-img .img-1{
        width:500px
    }
}
@media (max-width: 1399.98px){
    .landing-page .support-section .support-img .img-1{
        width:450px
    }
}
@media (max-width: 1199.98px){
    .landing-page .support-section .support-img .img-1{
        width:430px
    }
}
@media (max-width: 991.98px){
    .landing-page .support-section .support-img .img-1{
        width:400px
    }
}
@media (max-width: 930px){
    .landing-page .support-section .support-img .img-1{
        width:370px
    }
}
@media (max-width: 767.98px){
    .landing-page .support-section .support-img .img-1{
        width:350px
    }
}
@media (max-width: 460px){
    .landing-page .support-section .support-img .img-1{
        width:300px
    }
}
@media (max-width: 360px){
    .landing-page .support-section .support-img .img-1{
        width:250px
    }
}
.landing-page .support-section .support-img .img-2{
    position:absolute;
    left:4%;
    bottom:13%
}
@media (max-width: 1700px){
    .landing-page .support-section .support-img .img-2{
        left:-1%
    }
}
@media (max-width: 1600px){
    .landing-page .support-section .support-img .img-2{
        width:100px;
        left:4%
    }
}
@media (max-width: 1460px){
    .landing-page .support-section .support-img .img-2{
        left:-1%
    }
}
@media (max-width: 1399.98px){
    .landing-page .support-section .support-img .img-2{
        left:4%
    }
}
@media (max-width: 1260px){
    .landing-page .support-section .support-img .img-2{
        left:-3%
    }
}
@media (max-width: 1199.98px){
    .landing-page .support-section .support-img .img-2{
        left:1%
    }
}
@media (max-width: 1040px){
    .landing-page .support-section .support-img .img-2{
        width:88px;
        left:-1%
    }
}
@media (max-width: 991.98px){
    .landing-page .support-section .support-img .img-2{
        transform:rotate(136deg);
        bottom:2%;
        left:17%
    }
}
@media (max-width: 930px){
    .landing-page .support-section .support-img .img-2{
        left:14%
    }
}
@media (max-width: 840px){
    .landing-page .support-section .support-img .img-2{
        display:none
    }
}
.landing-page .landing-footer{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background-color:var(--footer-bg);
    position:relative;
    padding-top:0!important;
    overflow:hidden
}
.landing-page .landing-footer .triangle{
    width:auto;
    height:0;
    border-left:50vw solid var(--footer-bg);
    border-right:50vw solid var(--footer-bg);
    border-top:80px solid #ffffff
}
@media (max-width: 480px){
    .landing-page .landing-footer .triangle{
        border-top-width:45px!important
    }
}
.landing-page .landing-footer .shape .shape1{
    position:absolute;
    bottom:-18%;
    left:24%
}
.landing-page .landing-footer .shape .shape1 img{
    width:130px
}
@media (max-width: 991.98px){
    .landing-page .landing-footer .shape .shape1 img{
        width:90px
    }
}
.landing-page .landing-footer .shape .shape2{
    left:37%;
    bottom:17%;
    position:absolute;
    filter:brightness(.5)
}
.landing-page .landing-footer .shape .shape3{
    left:17%;
    top:71%;
    position:absolute
}
.landing-page .landing-footer .shape .shape4{
    right:36%;
    filter:brightness(.5);
    top:70%;
    position:absolute
}
.landing-page .landing-footer .shape .shape5{
    right:24%;
    position:absolute
}
.landing-page .landing-footer .shape .shape6{
    position:absolute;
    left:2%;
    top:29%
}
.landing-page .landing-footer .shape .shape6 img{
    width:230px
}
@media (max-width: 1199.98px){
    .landing-page .landing-footer .shape .shape6 img{
        width:150px
    }
}
@media (max-width: 480px){
    .landing-page .landing-footer .shape .shape6 img{
        width:80px
    }
}
@media (max-width: 480px){
    .landing-page .landing-footer .shape .shape6{
        top:43%
    }
}
.landing-page .landing-footer .shape .shape7{
    right:-4%;
    top:43%;
    position:absolute
}
@media (max-width: 991.98px){
    .landing-page .landing-footer .shape .shape7 img{
        width:100px
    }
}
@media (max-width: 480px){
    .landing-page .landing-footer .shape .shape7{
        display:none
    }
}
.landing-page .landing-footer .shape .shape8{
    left:-2%;
    top:-8%;
    position:absolute
}
.landing-page .landing-footer .shape .shape8 img{
    width:100px
}
.landing-page .landing-footer .shape .shape9{
    top:22%;
    left:27%;
    position:absolute
}
.landing-page .landing-footer .shape .shape10{
    top:67%;
    right:17%;
    position:absolute
}
.landing-page .landing-footer .footer-logo{
    position:absolute;
    top:9%;
    left:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transform:translate(-50%)
}
@media (max-width: 991.98px){
    .landing-page .landing-footer .footer-logo{
        top:12%
    }
}
@media (max-width: 480px){
    .landing-page .landing-footer .footer-logo{
        top:6%
    }
}
.landing-page .landing-footer .footer-logo img{
    width:75px;
    height:75px
}
@media (max-width: 991.98px){
    .landing-page .landing-footer .footer-logo img{
        width:65px;
        height:65px
    }
}
@media (max-width: 480px){
    .landing-page .landing-footer .footer-logo img{
        width:50px;
        height:50px
    }
}
.landing-page .landing-footer .star-rate{
    margin-bottom:20px;
    margin-top:70px
}
@media (max-width: 991.98px){
    .landing-page .landing-footer .star-rate{
        margin-top:50px
    }
}
.landing-page .landing-footer .star-rate li{
    display:inline-block
}
.landing-page .landing-footer .star-rate li i{
    font-size:20px
}
.landing-page .landing-footer h2,.landing-page .landing-footer .h2{
    color:#fff;
    text-align:center;
    font-family:Outfit,sans-serif;
    font-size:calc(18px + 13 * (100vw - 320px) / 1600);
    font-weight:500;
    line-height:1.2;
    margin-bottom:30px;
    width:32%;
    margin-left:auto;
    margin-right:auto
}
@media (max-width: 1670px){
    .landing-page .landing-footer h2,.landing-page .landing-footer .h2{
        width:42%
    }
}
@media (max-width: 1150px){
    .landing-page .landing-footer h2,.landing-page .landing-footer .h2{
        width:60%
    }
}
@media (max-width: 991.98px){
    .landing-page .landing-footer h2,.landing-page .landing-footer .h2{
        margin-bottom:20px
    }
}
@media (max-width: 575.98px){
    .landing-page .landing-footer h2,.landing-page .landing-footer .h2{
        font-size:14px
    }
}
@media (max-width: 650px){
    .landing-page .landing-footer h2,.landing-page .landing-footer .h2{
        width:80%
    }
}
.landing-page .landing-footer .btn-footer{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:20px
}
.landing-page .landing-footer .btn-footer .btn{
    transition:all .5s ease
}
.landing-page .landing-footer .btn-footer .btn:hover{
    transform:scale(.8)
}
@media (max-width: 991.98px){
    .landing-page .landing-footer .btn-footer .btn{
        font-size:16px
    }
}
@media (max-width: 767.98px){
    .landing-page .landing-footer .btn-footer .btn{
        font-size:14px
    }
}
@keyframes up-down{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-10px)
    }
    to{
        transform:translateY(0)
    }
}
.main-buttons{
    display:flex;
    justify-content:flex-start;
    gap:15px
}
@media (max-width: 991px){
    .main-buttons{
        justify-content:center
    }
}
.main-buttons a{
    padding:10px;
    border-radius:14px;
    background:#43b9b233;
    transition:all .3s ease;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    object-fit:cover
}
@media (max-width: 767px){
    .main-buttons a{
        width:41px;
        height:41px
    }
}
@media (max-width: 575px){
    .main-buttons a{
        width:38px;
        height:38px
    }
}
.main-buttons img{
    height:30px
}
@media (max-width: 767px){
    .main-buttons img{
        height:22px
    }
}
@media (max-width: 575px){
    .main-buttons img{
        height:20px
    }
}
@media (max-width: 1199.98px){
    .overlay{
        position:fixed;
        z-index:2;
        top:0;
        width:100vw;
        height:100vh;
        opacity:0;
        visibility:hidden;
        overflow:hidden;
        background:var(--black)
    }
    .overlay.active{
        opacity:.5;
        visibility:visible
    }
}
.page-sidebar{
    position:fixed;
    top:0;
    left:0;
    width:253px;
    height:100vh;
    border-top:2px solid var(--body-color);
    box-shadow:0 36px 35px #0000001a;
    z-index:11;
    background:var(--card-color);
    margin-top:78px;
    transition:.5s all
}
[dir=rtl] .page-sidebar{
    left:unset;
    right:0
}
@media (max-width: 991.98px){
    .page-sidebar{
        margin-top:70px
    }
}
@media (max-width: 767px){
    .page-sidebar{
        margin-top:66px
    }
}
@media (max-width: 575.98px){
    .page-sidebar{
        width:240px
    }
}
@media (max-width: 480px){
    .page-sidebar{
        margin-top:60px
    }
}
.page-sidebar li{
    display:block;
    padding:0 16px
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+1) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+1) .stroke-icon{
    stroke:#f6ce95
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+2) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+2) .stroke-icon{
    stroke:#505059
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+3) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+3) .stroke-icon{
    stroke:#22f300
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+4) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+4) .stroke-icon{
    stroke:#22f300
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+5) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+5) .stroke-icon{
    stroke:#f6ce95
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+6) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+6) .stroke-icon{
    stroke:#f6ce95
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+7) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+7) .stroke-icon{
    stroke:#6dafe0
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+8) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+8) .stroke-icon{
    stroke:#505059
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+9) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+9) .stroke-icon{
    stroke:#ddb8e6
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+10) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+10) .stroke-icon{
    stroke:#7acfca
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+11) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+11) .stroke-icon{
    stroke:#f6ce95
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+12) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+12) .stroke-icon{
    stroke:#ddb8e6
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+13) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+13) .stroke-icon{
    stroke:#22f300
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+14) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+14) .stroke-icon{
    stroke:#ddb8e6
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+15) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+15) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+16) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+16) .stroke-icon{
    stroke:#ddb8e6
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+17) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+17) .stroke-icon{
    stroke:#7acfca
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+18) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+18) .stroke-icon{
    stroke:#fd4516
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+19) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+19) .stroke-icon{
    stroke:#505059
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+20) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+20) .stroke-icon{
    stroke:#7acfca
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+21) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+21) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+22) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+22) .stroke-icon{
    stroke:#fd4516
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+23) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+23) .stroke-icon{
    stroke:#ddb8e6
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+24) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+24) .stroke-icon{
    stroke:#fd4516
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+25) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+25) .stroke-icon{
    stroke:#505059
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+26) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+26) .stroke-icon{
    stroke:#22f300
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+27) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+27) .stroke-icon{
    stroke:#505059
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+28) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+28) .stroke-icon{
    stroke:#fd4516
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+29) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+29) .stroke-icon{
    stroke:#fd4516
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+30) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+30) .stroke-icon{
    stroke:#ddb8e6
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+31) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+31) .stroke-icon{
    stroke:#ddb8e6
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+32) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+32) .stroke-icon{
    stroke:#22f300
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+33) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+33) .stroke-icon{
    stroke:#fd4516
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+34) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+34) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+35) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+35) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+36) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+36) .stroke-icon{
    stroke:#6dafe0
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+37) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+37) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+38) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+38) .stroke-icon{
    stroke:#f6ce95
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+39) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+39) .stroke-icon{
    stroke:#505059
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+40) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+40) .stroke-icon{
    stroke:#22f300
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+41) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+41) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+42) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+42) .stroke-icon{
    stroke:#6dafe0
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+43) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+43) .stroke-icon{
    stroke:#22f300
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+44) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+44) .stroke-icon{
    stroke:#22f300
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+45) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+45) .stroke-icon{
    stroke:#ddb8e6
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+46) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+46) .stroke-icon{
    stroke:#7acfca
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+47) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+47) .stroke-icon{
    stroke:#6dafe0
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+48) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+48) .stroke-icon{
    stroke:#6dafe0
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+49) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+49) .stroke-icon{
    stroke:#6dafe0
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+50) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+50) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+51) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+51) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+52) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+52) .stroke-icon{
    stroke:#f6ce95
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+53) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+53) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+54) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+54) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+55) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+55) .stroke-icon{
    stroke:#22f300
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+56) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+56) .stroke-icon{
    stroke:#505059
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+57) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+57) .stroke-icon{
    stroke:#7acfca
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+58) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+58) .stroke-icon{
    stroke:#ddb8e6
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+59) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+59) .stroke-icon{
    stroke:#6dafe0
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+60) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+60) .stroke-icon{
    stroke:#505059
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+61) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+61) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+62) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+62) .stroke-icon{
    stroke:#ddb8e6
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+63) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+63) .stroke-icon{
    stroke:#22f300
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+64) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+64) .stroke-icon{
    stroke:#7acfca
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+65) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+65) .stroke-icon{
    stroke:#f6ce95
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+66) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+66) .stroke-icon{
    stroke:#fd4516
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+67) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+67) .stroke-icon{
    stroke:#f6ce95
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+68) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+68) .stroke-icon{
    stroke:#ddb8e6
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+69) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+69) .stroke-icon{
    stroke:#fd4516
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+70) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+70) .stroke-icon{
    stroke:#6dafe0
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+71) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+71) .stroke-icon{
    stroke:#7acfca
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+72) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+72) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+73) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+73) .stroke-icon{
    stroke:#6dafe0
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+74) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+74) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+75) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+75) .stroke-icon{
    stroke:#6dafe0
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+76) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+76) .stroke-icon{
    stroke:#6dafe0
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+77) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+77) .stroke-icon{
    stroke:#ddb8e6
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+78) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+78) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+79) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+79) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+80) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+80) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+81) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+81) .stroke-icon{
    stroke:#505059
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+82) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+82) .stroke-icon{
    stroke:#22f300
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+83) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+83) .stroke-icon{
    stroke:#f6ce95
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+84) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+84) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+85) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+85) .stroke-icon{
    stroke:#f6ce95
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+86) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+86) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+87) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+87) .stroke-icon{
    stroke:#7acfca
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+88) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+88) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+89) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+89) .stroke-icon{
    stroke:#fd4516
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+90) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+90) .stroke-icon{
    stroke:#505059
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+91) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+91) .stroke-icon{
    stroke:#ddb8e6
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+92) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+92) .stroke-icon{
    stroke:#7acfca
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+93) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+93) .stroke-icon{
    stroke:#7acfca
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+94) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+94) .stroke-icon{
    stroke:#f6ce95
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+95) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+95) .stroke-icon{
    stroke:#505059
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+96) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+96) .stroke-icon{
    stroke:#505059
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+97) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+97) .stroke-icon{
    stroke:#feb18c
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+98) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+98) .stroke-icon{
    stroke:#7acfca
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+99) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+99) .stroke-icon{
    stroke:#505059
}
.page-sidebar[sidebar-layout=iconcolor-sidebar] .sidebar-menu li:nth-child(8n+100) .stroke-icon,.page-sidebar.iconcolor-sidebar .sidebar-menu li:nth-child(8n+100) .stroke-icon{
    stroke:#fd4516
}
.page-sidebar .sidebar-menu{
    position:relative;
    padding:24px 0;
    height:calc(100vh - 70px);
    overflow:auto;
    display:flex;
    flex-direction:column
}
.page-sidebar .sidebar-menu .shape{
    margin-top:10px;
    margin-bottom:-6px
}
.page-sidebar .sidebar-menu .shape1{
    position:absolute;
    width:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    z-index:1
}
.page-sidebar .sidebar-menu .shape1 .line{
    position:relative;
    width:4px;
    height:40px;
    background-color:var(--white);
    border:1px solid var(--shape-border);
    border-radius:5px
}
.page-sidebar .sidebar-menu .shape1 .line:before,.page-sidebar .sidebar-menu .shape1 .line:after{
    position:absolute;
    content:"";
    z-index:-1;
    width:8px;
    display:inline-block;
    height:8px;
    background-color:var(--black);
    border-radius:100%;
    left:-4px;
    margin-left:.5px
}
.page-sidebar .sidebar-menu .shape1 .line:before{
    top:-5px
}
.page-sidebar .sidebar-menu .shape1 .line:after{
    bottom:-5px
}
.page-sidebar .sidebar-menu .shape1-left{
    left:11%
}
.page-sidebar .sidebar-menu .shape1-right{
    right:15.5%
}
.page-sidebar .sidebar-menu .shape1-right .line:before,.page-sidebar .sidebar-menu .shape1-right .line:after{
    left:-3px
}
.page-sidebar .sidebar-menu .line{
    border-top:var(--light-border);
    margin:20px 0
}
.page-sidebar .sidebar-menu .svg-menu{
    width:16px;
    height:16px;
    stroke-width:.1;
    margin-right:12px;
    stroke:var(--light-font)
}
[dir=rtl] .page-sidebar .sidebar-menu .svg-menu{
    margin-right:unset;
    margin-left:12px;
    transform:rotate(180deg)
}
.page-sidebar .sidebar-menu .pin-title{
    display:none;
    order:-1
}
.page-sidebar .sidebar-menu .pin-title~.pin-line{
    display:none
}
.page-sidebar .sidebar-menu .pin-title.show{
    display:block
}
.page-sidebar .sidebar-menu .pin-title.show~.pin-line{
    display:block
}
.page-sidebar .sidebar-menu .sidebar-block{
    padding:0 16px
}
.page-sidebar .sidebar-menu .sidebar-list{
    position:relative
}
.page-sidebar .sidebar-menu .sidebar-list svg.stroke-icon{
    stroke:var(--light-font)
}
.page-sidebar .sidebar-menu .sidebar-list svg.fill-icon{
    fill:var(--light-font);
    stroke:none
}
.page-sidebar .sidebar-menu .sidebar-list:hover .pinned-icon{
    display:block
}
.page-sidebar .sidebar-menu .sidebar-list.pined{
    order:-1!important
}
.page-sidebar .sidebar-menu .sidebar-list.pined .pinned-icon{
    transform:rotate(0);
    stroke:var(--theme-default)
}
.page-sidebar .sidebar-menu .sidebar-list .pinned-icon{
    width:16px;
    height:16px;
    position:absolute;
    top:12px;
    right:20px;
    transform:rotate(-45deg);
    display:none;
    stroke:var(--light-font);
    cursor:pointer
}
.page-sidebar .sidebar-menu .sidebar-list:not(.active) .sidebar-submenu{
    display:none
}
.page-sidebar .sidebar-menu .sidebar-list .sidebar-submenu>li.active .submenu-title{
    color:var(--body-font-color)
}
.page-sidebar .sidebar-menu .sidebar-list .sidebar-submenu>li svg.feather{
    width:14px;
    height:14px
}
.page-sidebar .sidebar-menu .sidebar-list.active .sidebar-submenu>li.active .submenu-title .feather{
    transform:rotate(90deg)
}
.page-sidebar .sidebar-menu .sidebar-list.active .sidebar-link{
    background-color:#43b9b21a
}
.page-sidebar .sidebar-menu .sidebar-list.active .sidebar-link svg{
    stroke:var(--theme-default)
}
.page-sidebar .sidebar-menu .sidebar-list.active .sidebar-link svg.stroke-icon{
    stroke:var(--theme-default)
}
.page-sidebar .sidebar-menu .sidebar-list.active .sidebar-link svg.feather{
    transform:rotate(90deg)
}
.page-sidebar .sidebar-menu .sidebar-list.active .sidebar-link svg.pinned-icon{
    stroke:var(--light-font)
}
.page-sidebar .sidebar-menu .sidebar-list.active .sidebar-link span{
    color:var(--theme-default)
}
@media (max-width: 767px){
    .page-sidebar .sidebar-menu{
        overflow-x:hidden
    }
}
.page-sidebar .sidebar-main-title{
    font-size:16px;
    font-weight:600;
    padding:0 40px;
    margin-bottom:15px;
    display:block;
    text-transform:uppercase;
    color:var(--theme-default)
}
@media (max-width: 767.98px){
    .page-sidebar .sidebar-main-title{
        font-size:15px
    }
}
.page-sidebar .sidebar-submenu{
    margin-top:10px;
    animation:fadeIn .4s;
    flex-direction:column
}
.page-sidebar .sidebar-submenu .submenu-title{
    display:flex;
    align-items:center
}
.page-sidebar .sidebar-submenu .submenu-title .feather{
    width:16px;
    height:16px;
    margin-left:auto
}
.page-sidebar .sidebar-submenu .according-submenu{
    margin-top:4px;
    margin-left:16px
}
[dir=rtl] .page-sidebar .sidebar-submenu .according-submenu{
    margin-right:16px;
    margin-left:unset
}
.page-sidebar .sidebar-submenu .according-submenu.active{
    display:block
}
.page-sidebar .sidebar-submenu .according-submenu:not(.active){
    display:none
}
.page-sidebar .sidebar-submenu .according-submenu li a{
    width:130px;
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box!important;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    white-space:normal
}
.page-sidebar .sidebar-submenu a{
    position:relative;
    letter-spacing:.5px;
    font-size:14px;
    display:block;
    padding:4px 4px 4px 8px;
    color:var(--light-font);
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box!important;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    white-space:normal
}
.page-sidebar .sidebar-submenu a.active{
    color:var(--theme-default)
}
.page-sidebar .sidebar-submenu a.active svg{
    stroke:var(--theme-default)
}
.page-sidebar .sidebar-link{
    font-weight:500;
    padding:10px 20px;
    border-radius:0;
    display:flex;
    align-items:center;
    gap:8px
}
@media (max-width: 767.98px){
    .page-sidebar .sidebar-link{
        padding:10px 16px
    }
}
.page-sidebar .sidebar-link:hover svg{
    stroke:var(--theme-default);
    animation:swing ease-in-out .5s 1 alternate
}
.page-sidebar .sidebar-link:hover svg.stroke-icon{
    stroke:var(--theme-default)
}
.page-sidebar .sidebar-link:hover span{
    color:var(--theme-default)
}
.page-sidebar .sidebar-link.active{
    background-color:#43b9b21a
}
.page-sidebar .sidebar-link.active svg{
    stroke:var(--theme-default)
}
.page-sidebar .sidebar-link.active svg.feather{
    transform:rotate(90deg)
}
.page-sidebar .sidebar-link.active span{
    color:var(--theme-default)
}
.page-sidebar .sidebar-link .badge{
    margin-left:auto
}
[dir=rtl] .page-sidebar .sidebar-link .badge{
    margin-right:auto;
    margin-left:unset
}
.page-sidebar .sidebar-link .badge~.feather{
    margin-left:unset
}
.page-sidebar .sidebar-link svg{
    width:18px;
    height:18px;
    vertical-align:sub;
    stroke:var(--light-font);
    transition:color .3s
}
.page-sidebar .sidebar-link svg.feather{
    width:16px;
    height:16px;
    margin-left:auto
}
[dir=rtl] .page-sidebar .sidebar-link svg.feather{
    margin-right:auto;
    margin-left:unset
}
.page-sidebar .sidebar-link .arrow{
    width:15px;
    height:15px;
    margin-left:auto;
    transition:.5s all
}
[dir=rtl] .page-sidebar .sidebar-link .arrow{
    margin-left:unset;
    margin-right:auto
}
.page-sidebar .sidebar-link span{
    font-size:16px;
    font-weight:400;
    margin:-2px 0
}
@media (max-width: 991.98px){
    .page-sidebar .sidebar-link span{
        font-size:15px
    }
}
.page-wrapper{
    position:relative
}
.page-wrapper.sidebar-close .page-sidebar{
    left:-263px;
    transition:.5s all
}
.page-sidebar .left-arrow,.page-sidebar .right-arrow{
    display:none
}
.page-sidebar .sidebar-menu .sidebar-list .sidebar-link.active svg.stroke-icon{
    stroke:var(--theme-default)
}
[data-theme=dark-sidebar] .page-wrapper.horizontal-sidebar .page-header .logo-wrapper{
    background-color:#fff!important
}
[data-theme=dark-sidebar] .page-wrapper.horizontal-sidebar .page-header .logo-wrapper .for-light{
    display:block
}
[data-theme=dark-sidebar] .page-wrapper.horizontal-sidebar .page-header .logo-wrapper .for-dark{
    display:none
}
@media (min-width: 1200px){
    .page-wrapper.horizontal-sidebar .page-header .close-btn{
        display:none
    }
}
.page-wrapper.horizontal-sidebar .page-body-wrapper{
    margin-left:unset!important
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar{
    height:50px;
    line-height:inherit;
    background:var(--card-color);
    box-shadow:0 9px 24px #59667a0d;
    overflow-x:hidden;
    z-index:1;
    overflow-y:visible;
    position:fixed;
    width:100vw;
    border-top:0;
    z-index:3;
    margin-top:79px
}
[data-theme=dark] .page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar{
    border-top:1px solid var(--solid-border)
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu{
    flex-direction:row!important;
    padding:0!important;
    height:unset;
    overflow:hidden
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .line,.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-main-title{
    display:none
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list{
    position:relative;
    padding:10px 0;
    display:inline-block
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list:hover .sidebar-submenu{
    display:block!important
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-link{
    white-space:nowrap;
    line-height:23px;
    text-decoration:none;
    text-transform:capitalize;
    padding:5px 15px;
    margin:0 3px;
    letter-spacing:.04em;
    position:relative;
    border-radius:5px;
    font-weight:500;
    transition:all .3s ease
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-link .feather{
    transform:rotate(90deg)!important
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-link.active{
    background-color:transparent!important
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-link .badge{
    display:none
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .pinned-icon{
    visibility:hidden;
    position:absolute;
    top:19px;
    right:0;
    color:var(--theme-default)
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-submenu{
    position:fixed;
    z-index:4;
    margin-top:10px;
    box-shadow:0 0 5px #0f223a26;
    padding:15px;
    border:1 solid var(--solid-border);
    background:var(--card-color);
    display:none!important
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-submenu li{
    padding:0;
    position:relative
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-submenu li a.active{
    color:var(--theme-default)
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-submenu li a.active .svg-menu{
    stroke:var(--theme-default)
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-submenu li a:hover{
    color:var(--theme-default);
    letter-spacing:1.5px;
    transition:all .3s ease
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-submenu li .according-submenu{
    display:none!important
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-submenu li:hover .according-submenu{
    display:block!important;
    position:absolute;
    left:165px;
    border:1 solid var(--solid-border);
    background:var(--card-color);
    top:0;
    margin-left:0;
    margin-top:0;
    padding:15px;
    box-shadow:0 0 5px #0f223a26
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-submenu li:hover .according-submenu li a{
    white-space:nowrap;
    background:transparent;
    padding:4px 10px;
    display:block;
    letter-spacing:.06em;
    font-weight:500;
    transition:all .3s ease
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-submenu li:hover .according-submenu li a:hover{
    color:var(--theme-default);
    letter-spacing:1.5px;
    transition:all .3s ease
}
@media (min-width: 992px){
    .page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .simplebar-wrapper .simplebar-mask{
        top:0
    }
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .simplebar-wrapper .simplebar-mask .simplebar-content{
    display:flex
}
[dir=rtl] .page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu a{
    padding-left:unset;
    padding-right:8px
}
[dir=rtl] .page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .svg-menu{
    margin-right:12px;
    margin-left:0;
    transform:unset
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .left-arrow{
    left:0;
    bottom:0;
    position:absolute;
    top:0;
    padding:10px;
    background:var(--card-color);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1;
    cursor:pointer;
    color:var(--body-font-color)
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .left-arrow.disabled{
    display:none
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .right-arrow{
    right:0;
    bottom:0;
    position:absolute;
    top:0;
    padding:10px;
    background:var(--card-color);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1;
    cursor:pointer;
    color:var(--body-font-color)
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .right-arrow.disabled{
    display:none
}
.page-wrapper.horizontal-sidebar .page-body-wrapper .page-body{
    margin-top:50px
}
@keyframes swing{
    20%{
        transform:rotate(15deg)
    }
    40%{
        transform:rotate(-10deg)
    }
    60%{
        transform:rotate(5deg)
    }
    80%{
        transform:rotate(-5deg)
    }
    to{
        transform:rotate(0)
    }
}
.page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .simplebar-wrapper .simplebar-content{
    display:grid
}
.page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .simplebar-wrapper .simplebar-content .sidebar-list.pined{
    order:-1!important
}
.page-wrapper .page-body-wrapper{
    background-color:var(--body-color)
}
.page-wrapper .page-body-wrapper .page-body{
    min-height:calc(100vh - 136px);
    background-color:var(--body-color);
    padding:0 18px;
    position:relative;
    transition:.5s
}
@media (max-width: 1199.98px){
    .page-wrapper .page-body-wrapper .page-body{
        padding:0 12px
    }
}
@media (min-width: 1200px){
    .page-wrapper .page-body-wrapper{
        margin-left:253px;
        transition:.5s all
    }
    [dir=rtl] .page-wrapper .page-body-wrapper{
        margin-right:253px;
        margin-left:unset
    }
}
@media (min-width: 1200px){
    .page-wrapper.sidebar-close .page-body-wrapper{
        margin-left:0;
        transition:.5s all
    }
    [dir=rtl] .page-wrapper.sidebar-close .page-body-wrapper{
        margin-right:0;
        margin-left:unset
    }
}
.page-header{
    width:100%;
    margin:0;
    box-shadow:0 4px 34px #0a4b550d
}
.page-header .svg-color{
    width:20px;
    height:20px;
    cursor:pointer
}
.page-header .svg-color.circle-color{
    animation:ring 4s .7s ease-in-out infinite
}
.page-header .page-main-header{
    background-color:var(--card-color);
    display:flex;
    justify-content:space-between;
    padding:15px 34px
}
@media (max-width: 1199.98px){
    .page-header .page-main-header{
        align-items:center;
        padding:15px 20px
    }
}
@media (max-width: 991.98px){
    .page-header .page-main-header{
        justify-content:flex-end;
        padding:15px 14px
    }
}
@media (max-width: 575.98px){
    .page-header .page-main-header{
        padding:15px 10px
    }
}
.page-header .logo-wrapper{
    width:253px;
    justify-content:space-between;
    padding:15px 16px;
    background-color:var(--card-color)
}
@media (max-width: 420px){
    [data-theme=dark] .page-header .logo-wrapper .for-dark{
        display:none!important
    }
}
.page-header .logo-wrapper .close-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:45px;
    height:45px;
    background-color:var(--light-color)
}
@media (max-width: 767.98px){
    .page-header .logo-wrapper .close-btn{
        width:38px;
        height:38px
    }
}
@media (max-width: 480px){
    .page-header .logo-wrapper .close-btn{
        width:32px;
        height:32px
    }
}
.page-header .logo-wrapper .close-btn .toggle-sidebar{
    width:18px;
    height:18px;
    position:relative;
    cursor:pointer;
    display:inline-block
}
@media (max-width: 575.98px){
    .page-header .logo-wrapper .close-btn .toggle-sidebar{
        width:16px;
        height:16px
    }
}
.page-header .logo-wrapper .close-btn .toggle-sidebar .line{
    background:var(--body-font-color);
    display:block;
    height:2px;
    border-radius:.1875rem;
    margin:2px auto 4px 0;
    transition:all .3s ease-in-out
}
[dir=rtl] .page-header .logo-wrapper .close-btn .toggle-sidebar .line{
    margin:2px 0 4px auto
}
@media (max-width: 480px){
    .page-header .logo-wrapper .close-btn .toggle-sidebar .line{
        margin:2px auto 3px 0
    }
}
.page-header .logo-wrapper .close-btn .toggle-sidebar.close{
    transform:rotate(-90deg)
}
.page-header .logo-wrapper .close-btn .toggle-sidebar.close .line{
    position:relative
}
.page-header .logo-wrapper .close-btn .toggle-sidebar.close .line:nth-child(1){
    position:absolute;
    left:2px;
    top:4px;
    width:16px;
    transform:rotate(90deg);
    transition-delay:.1s
}
@media (max-width: 480px){
    .page-header .logo-wrapper .close-btn .toggle-sidebar.close .line:nth-child(1){
        top:6px;
        left:0
    }
}
.page-header .logo-wrapper .close-btn .toggle-sidebar.close .line:nth-child(2){
    position:absolute;
    left:2px;
    top:11px;
    width:10px;
    transform:rotate(45deg);
    transition-delay:50ms
}
@media (max-width: 480px){
    .page-header .logo-wrapper .close-btn .toggle-sidebar.close .line:nth-child(2){
        left:0
    }
}
.page-header .logo-wrapper .close-btn .toggle-sidebar.close .line:nth-child(3){
    position:absolute;
    left:8px;
    top:11px;
    width:10px;
    transform:rotate(-45deg);
    transition-delay:.1s
}
@media (max-width: 480px){
    .page-header .logo-wrapper .close-btn .toggle-sidebar.close .line:nth-child(3){
        left:6px
    }
}
@media (max-width: 767.98px){
    .page-header .logo-wrapper img{
        width:100px
    }
}
@media (max-width: 575.98px){
    .page-header .logo-wrapper img{
        width:90px
    }
}
@media (max-width: 420px){
    .page-header .logo-wrapper img{
        display:none
    }
}
@media (max-width: 991.98px){
    .page-header .logo-wrapper{
        width:230px
    }
}
@media (max-width: 767.98px){
    .page-header .logo-wrapper{
        width:190px;
        padding:14px 0 14px 14px
    }
    [dir=rtl] .page-header .logo-wrapper{
        padding:14px 14px 14px 0
    }
}
@media (max-width: 767.98px){
    .page-header .logo-wrapper{
        width:170px
    }
}
@media (max-width: 480px) and (min-width: 420px){
    .page-header .logo-wrapper{
        width:154px
    }
}
@media (max-width: 420px){
    .page-header .logo-wrapper{
        width:auto
    }
}
header{
    position:sticky;
    top:0;
    z-index:9
}
header ul[class*=header-]{
    display:flex;
    align-items:center
}
@media (max-width: 991.98px){
    header ul[class*=header-]{
        justify-content:flex-end
    }
}
header ul[class*=header-]>li{
    position:relative
}
@media (max-width: 1199.98px){
    header ul[class*=header-]>li{
        padding:4px 10px
    }
}
@media (max-width: 767.98px){
    header ul[class*=header-]>li{
        padding:4px 6px
    }
}
header ul[class*=header-]>li .badge{
    position:absolute;
    top:-4px;
    right:-4px;
    padding:3px 6px 5px
}
@media (max-width: 575.98px){
    header ul[class*=header-]>li .badge{
        padding:1px 4px 3px
    }
}
header ul[class*=header-]>li:nth-child(n+2){
    width:40px;
    height:40px;
    background-color:var(--light-color);
    border-radius:0;
    padding:0;
    margin-left:14px;
    display:flex;
    align-items:center;
    justify-content:center
}
[dir=rtl] header ul[class*=header-]>li:nth-child(n+2){
    margin-left:unset;
    margin-right:14px
}
@media (max-width: 991.98px){
    header ul[class*=header-]>li:nth-child(n+2){
        margin-left:8px
    }
    [dir=rtl] header ul[class*=header-]>li:nth-child(n+2){
        margin-left:unset;
        margin-right:8px
    }
}
@media (max-width: 767.98px){
    header ul[class*=header-]>li:nth-child(n+2){
        width:35px;
        height:35px
    }
}
@media (max-width: 575.98px){
    header ul[class*=header-]>li:nth-child(n+2){
        background-color:unset;
        width:auto;
        height:auto
    }
}
header ul[class*=header-]>li.modes{
    align-items:center;
    width:40px;
    height:40px;
    background-color:var(--light-color);
    border-radius:0;
    padding:0;
    justify-content:center
}
@media (max-width: 767.98px){
    header ul[class*=header-]>li.modes{
        width:35px;
        height:35px
    }
}
@media (max-width: 575.98px){
    header ul[class*=header-]>li.modes{
        background-color:unset;
        width:auto;
        height:auto
    }
}
header ul[class*=header-]>li.modes a:hover{
    color:var(--body-font-color)
}
header ul[class*=header-]>li.modes a:hover .svg-color{
    stroke:var(--body-font-color)
}
header ul[class*=header-]>li.modes a.dark-mode .svg-color{
    width:20px;
    height:20px;
    cursor:pointer;
    fill:var(--white)
}
@media (max-width: 767.98px){
    header ul[class*=header-]>li.modes a.dark-mode .svg-color{
        width:18px;
        height:20px
    }
}
@media (max-width: 480px){
    header ul[class*=header-]>li.modes a.dark-mode .svg-color{
        width:16px;
        height:18px
    }
}
header ul[class*=header-]>li.profile-dropdown{
    width:unset;
    height:unset;
    background-color:transparent
}
header ul[class*=header-]>li.profile-dropdown .d-flex .flex-grow-1{
    margin-left:10px
}
[dir=rtl] header ul[class*=header-]>li.profile-dropdown .d-flex .flex-grow-1{
    margin-left:unset;
    margin-right:10px
}
header ul[class*=header-]>li.profile-dropdown .d-flex .flex-grow-1 h5,header ul[class*=header-]>li.profile-dropdown .d-flex .flex-grow-1 .h5{
    font-weight:600
}
header ul[class*=header-]>li.profile-dropdown .d-flex .flex-grow-1 span{
    font-size:12px;
    color:var(--light-font)
}
@media (max-width: 767.98px){
    header ul[class*=header-]>li>a>.svg-color,header ul[class*=header-]>li .search-icon>.svg-color{
        width:18px;
        height:20px;
        cursor:pointer
    }
}
@media (max-width: 480px){
    header ul[class*=header-]>li>a>.svg-color,header ul[class*=header-]>li .search-icon>.svg-color{
        width:16px;
        height:18px
    }
}
header a .svg-color{
    transition:.5s all
}
header a:hover .svg-color{
    transition:.5s all;
    stroke:var(--theme-default)
}
header .search-form{
    position:relative
}
header .search-form .input-group{
    width:595px;
    position:relative
}
header .search-form .input-group input{
    background-color:var(--light-color);
    border:none;
    border-radius:0;
    font-weight:600;
    padding:16px
}
header .search-form .input-group input::placeholder{
    color:var(--light-font)!important
}
[dir=rtl] header .search-form .input-group input{
    border-radius:0
}
header .search-form .input-group .input-group-text{
    background-color:var(--light-color);
    border-radius:0;
    padding-left:18px
}
[dir=rtl] header .search-form .input-group .input-group-text{
    border-radius:0;
    padding-right:18px!important;
    padding-left:0!important
}
@media (max-width: 1399.98px){
    header .search-form .input-group{
        width:350px
    }
}
@media (max-width: 1199.98px){
    header .search-form .input-group{
        width:196px
    }
}
@media (max-width: 1410px) and (min-width: 1400px){
    header .search-form .input-group{
        width:560px
    }
}
@media (max-width: 575.98px){
    header .search-form .input-group{
        position:absolute;
        left:0;
        z-index:1;
        visibility:hidden;
        top:30px;
        opacity:0;
        transition:.5s all;
        transform:translateY(-40px) scaleY(0)
    }
    [dir=rtl] header .search-form .input-group{
        left:unset;
        right:0
    }
    header .search-form .input-group.show{
        visibility:visible;
        opacity:1;
        transition:.5s all;
        transform:translateY(0) scaleY(1)
    }
}
header .profile-name .svg-color,header .header-right h6 .svg-color,header .header-right .h6 .svg-color{
    width:12px;
    height:12px
}
header .profile-box{
    background:var(--white);
    border:1px solid var(--shape-border);
    border-radius:0;
    padding:6px 12px;
    align-items:center;
    cursor:pointer;
    gap:4px
}
@media (max-width: 1199.98px){
    header .profile-box{
        border:none;
        box-shadow:none;
        padding:0
    }
    header .profile-box .profile-name{
        display:none
    }
}
@media (max-width: 575.98px){
    header .profile-box img{
        width:25px;
        height:25px
    }
}
header .profile-menu li{
    padding:10px 12px
}
header .profile-menu li a{
    display:flex;
    gap:10px
}
@media (max-width: 1199.98px){
    header .profile-menu{
        min-width:150px
    }
}
header .profile-menu:not(.language-menu){
    top:55px
}
@media (max-width: 1199.98px){
    header .profile-menu:not(.language-menu){
        top:40px
    }
}
@media (max-width: 575.98px){
    header .profile-menu:not(.language-menu){
        top:45px
    }
}
header .language-menu{
    min-width:80px
}
header .language-menu li:nth-child(n+2){
    border-top:1px solid var(--shape-border)
}
header .custom-menu h5,header .custom-menu .h5,header .custom-menu h6,header .custom-menu .h6{
    font-weight:500
}
header .custom-dropdown h5.title,header .custom-dropdown .title.h5{
    border-bottom:var(--light-border);
    font-size:16px
}
header .title{
    display:flex;
    align-items:center;
    gap:10px
}
header .custom-menu .bg-primary-light{
    padding:18px
}
header .cart-dropdown{
    min-width:335px
}
header .cart-dropdown h5,header .cart-dropdown .h5{
    justify-content:space-between
}
header .cart-dropdown ul{
    padding:18px
}
header .cart-dropdown ul li{
    padding:13px;
    border-radius:5px;
    position:relative;
    align-items:center
}
header .cart-dropdown ul li .flex-shrink-0{
    width:42px;
    height:42px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center
}
header .cart-dropdown ul li .touchpin-details{
    margin-left:15px
}
[dir=rtl] header .cart-dropdown ul li .touchpin-details{
    margin-right:15px;
    margin-left:unset
}
header .cart-dropdown ul li .touchpin-details span{
    color:var(--light-font);
    background-color:transparent
}
header .cart-dropdown ul li .touchpin-details .touchspin-wrapper{
    position:relative;
    display:flex;
    border:var(--light-border);
    border-radius:3px;
    width:80px;
    margin-top:6px
}
header .cart-dropdown ul li .touchpin-details .touchspin-wrapper .btn-touchspin{
    padding:7px;
    color:var(--light-font);
    background-color:transparent;
    border:none;
    border-radius:8px;
    font-size:1rem;
    text-align:center;
    white-space:nowrap;
    font-weight:400;
    line-height:1.5;
    display:flex;
    align-items:center;
    width:unset;
    height:unset
}
header .cart-dropdown ul li .touchpin-details .touchspin-wrapper .btn-touchspin:focus-visible{
    outline:none
}
header .cart-dropdown ul li .touchpin-details .touchspin-wrapper input{
    padding:0;
    text-align:center;
    border-right:var(--light-border);
    border-left:var(--light-border);
    background-color:var(--white);
    border-radius:0!important;
    border-top:0;
    border-bottom:0;
    width:30px;
    height:unset
}
header .cart-dropdown ul li .touchpin-details .touchspin-wrapper .svg-color{
    width:10px;
    height:10px
}
header .cart-dropdown ul li .touchpin-details button.btn{
    font-size:10px;
    padding:4px;
    position:absolute;
    top:14px;
    right:14px
}
[dir=rtl] header .cart-dropdown ul li .touchpin-details button.btn{
    left:14px;
    right:unset
}
header .cart-dropdown ul li .touchpin-details button.btn:focus{
    box-shadow:none
}
header .cart-dropdown ul li .badge{
    top:20px;
    right:20px
}
[dir=rtl] header .cart-dropdown ul li .badge{
    right:unset;
    left:20px
}
header .cart-dropdown ul li+li{
    margin-top:15px
}
header .message-dropdown{
    min-width:335px
}
header .message-dropdown ul{
    padding:18px
}
header .message-dropdown ul li{
    padding:10px;
    position:relative;
    border:2px solid var(--light-color);
    border-top-width:2px!important
}
header .message-dropdown ul li h5,header .message-dropdown ul li .h5{
    font-size:14px;
    margin-bottom:5px
}
header .message-dropdown ul li h6,header .message-dropdown ul li .h6{
    font-size:12px;
    display:flex;
    align-items:center;
    color:var(--light-font)
}
header .message-dropdown ul li .badge{
    position:absolute;
    top:20px;
    right:10px
}
[dir=rtl] header .message-dropdown ul li .badge{
    left:10px;
    right:unset
}
header .message-dropdown ul li .feather{
    width:12px;
    height:12px;
    padding-top:0
}
header .message-dropdown ul li+li{
    margin-top:15px
}
@media (max-width: 991.98px){
    header .profile-dropdown .d-flex img{
        width:35px;
        height:35px
    }
}
@media (max-width: 480px){
    header .profile-dropdown .d-flex img{
        width:26px;
        height:26px
    }
}
@media (max-width: 767.98px){
    header .profile-dropdown .d-flex .flex-grow-1{
        display:none
    }
}
@media (max-width: 991.98px){
    header .profile-dropdown .d-flex .flex-grow-1 h5,header .profile-dropdown .d-flex .flex-grow-1 .h5{
        font-size:14px
    }
}
header .profile-dropdown .custom-menu{
    width:158px;
    padding:18px
}
header .profile-dropdown .custom-menu ul li{
    padding:10px 0
}
header .profile-dropdown .custom-menu ul li:hover svg,header .profile-dropdown .custom-menu ul li:hover a{
    stroke:var(--theme-default);
    color:var(--theme-default)
}
header .profile-dropdown .custom-menu ul li svg{
    width:18px;
    height:18px
}
header .profile-dropdown .custom-menu ul li+li{
    border-top:var(--light-border)
}
header .profile-dropdown .custom-menu ul li:first-child{
    padding-top:0
}
header .profile-dropdown .custom-menu ul li:last-child{
    padding-bottom:0
}
header .notification-dropdown{
    min-width:335px
}
header .notification-dropdown .title{
    justify-content:space-between
}
header .notification-dropdown .title span{
    font-size:14px
}
header .notification-dropdown ul.activity-update{
    padding:18px
}
header .notification-dropdown ul.activity-update li{
    border-width:2px!important
}
header .notification-dropdown ul.activity-update li.d-flex .flex-grow-1{
    margin-left:14px
}
[dir=rtl] header .notification-dropdown ul.activity-update li.d-flex .flex-grow-1{
    margin-right:14px;
    margin-left:unset
}
header .notification-dropdown ul.activity-update li.d-flex .flex-grow-1>span{
    font-size:13px;
    color:var(--light-font)
}
header .notification-dropdown ul.activity-update li.d-flex .flex-grow-1 h5,header .notification-dropdown ul.activity-update li.d-flex .flex-grow-1 .h5{
    font-size:14px;
    margin-bottom:4px
}
header .notification-dropdown ul.activity-update li.d-flex .flex-grow-1 h6,header .notification-dropdown ul.activity-update li.d-flex .flex-grow-1 .h6{
    font-size:13px;
    color:var(--theme-default)
}
header .notification-dropdown ul.activity-update li+li{
    margin-top:15px
}
header .bookmark-dropdown{
    min-width:300px
}
header .bookmark-dropdown .input-group{
    border:none
}
header .bookmark-dropdown .input-group .form-control{
    background-color:var(--light-color);
    border:none;
    border-radius:0
}
header .bookmark-dropdown .input-group .input-group-text{
    border-radius:0;
    background-color:var(--light-color)
}
header .bookmark-dropdown ul{
    padding:18px
}
header .bookmark-dropdown ul li{
    display:block
}
header .bookmark-dropdown ul li:hover .d-flex a{
    color:var(--theme-default)
}
header .bookmark-dropdown ul li .d-flex a{
    font-weight:600
}
header .bookmark-dropdown ul li:nth-child(n+2){
    border-top:none;
    padding:12px
}
header .bookmark-dropdown ul li:nth-child(n+3){
    margin-top:12px
}
header .bookmark-dropdown ul li .icon-star{
    width:16px;
    height:16px
}
header .bookmark-dropdown ul li .flex-shrink-0 a{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
header .bookmark-dropdown a{
    justify-content:space-between
}
header .bookmark-dropdown a,header .bookmark-dropdown h5,header .bookmark-dropdown .h5{
    display:flex;
    align-items:center;
    gap:10px
}
header .bookmark-dropdown .icon-star{
    width:16px;
    height:16px;
    cursor:pointer
}
header .bookmark-dropdown .starred{
    stroke:#f0ad4e
}
header .bookmark-dropdown .input-group{
    box-shadow:none
}
@media (max-width: 575.98px){
    header .custom-menu{
        position:fixed;
        width:calc(100% - 30px);
        min-width:unset;
        top:45px;
        right:10px
    }
    [dir=rtl] header .custom-menu{
        left:10px;
        right:unset
    }
}
@media (max-width: 991.98px){
    .nav-right .header-right .serchinput .search-form{
        top:60px;
        position:absolute;
        transition:all linear .3s;
        right:0;
        transform:translateY(-35px) scaleY(0);
        opacity:0;
        visibility:hidden;
        width:180px;
        margin-left:12px
    }
}
@media (max-width: 420px){
    .nav-right .header-right .serchinput .search-form{
        top:38px;
        right:-80px
    }
}
@media (max-width: 991.98px){
    .nav-right .header-right .serchinput .search-form.open{
        transform:translateY(0) scaleY(1);
        opacity:1;
        visibility:visible;
        transition:all linear .3s;
        top:60px;
        position:absolute;
        width:180px;
        margin-left:12px
    }
}
@media (max-width: 575.98px){
    .nav-right .header-right .serchinput .search-form.open{
        top:50px
    }
}
@media (max-width: 991.98px){
    .nav-right .header-right .serchinput .search-form input{
        padding:10px 15px;
        background-color:var(--card-color);
        border:1px solid var(--solid-border);
        border-radius:30px
    }
    .nav-right .header-right .serchinput .search-form input:focus-visible{
        outline:none
    }
}
@media (max-width: 575.98px){
    .nav-right .header-right .serchinput .search-form input{
        width:200px
    }
}
@media (max-width: 420px){
    .nav-right .header-right .serchinput .search-form input{
        width:140px
    }
}
@keyframes ring{
    0%{
        transform:rotate(0)
    }
    1%{
        transform:rotate(30deg)
    }
    3%{
        transform:rotate(-28deg)
    }
    5%{
        transform:rotate(34deg)
    }
    7%{
        transform:rotate(-32deg)
    }
    9%{
        transform:rotate(30deg)
    }
    11%{
        transform:rotate(-28deg)
    }
    13%{
        transform:rotate(26deg)
    }
    15%{
        transform:rotate(-24deg)
    }
    17%{
        transform:rotate(22deg)
    }
    19%{
        transform:rotate(-20deg)
    }
    21%{
        transform:rotate(18deg)
    }
    23%{
        transform:rotate(-16deg)
    }
    25%{
        transform:rotate(14deg)
    }
    27%{
        transform:rotate(-12deg)
    }
    29%{
        transform:rotate(10deg)
    }
    31%{
        transform:rotate(-8deg)
    }
    33%{
        transform:rotate(6deg)
    }
    35%{
        transform:rotate(-4deg)
    }
    37%{
        transform:rotate(2deg)
    }
    39%{
        transform:rotate(-1deg)
    }
    41%{
        transform:rotate(1deg)
    }
    43%{
        transform:rotate(0)
    }
    to{
        transform:rotate(0)
    }
}
footer{
    background-color:var(--card-color);
    padding:20px;
    bottom:0;
    left:0
}
footer p{
    font-size:14px;
    font-weight:500
}
footer p .footer-icon{
    width:22px;
    height:18px;
    stroke:var(--footer-icon);
    fill:var(--footer-icon)
}
@media (max-width: 767.98px){
    footer{
        padding:14px 6px
    }
    footer .row p{
        text-align:center
    }
    footer .row p.float-end{
        float:unset!important
    }
}
@media (max-width: 575.98px){
    footer p{
        font-size:13px
    }
}
.page-wrapper.sidebar-close{
    margin-left:0;
    transition:.5s all
}
.page-wrapper.sidebar-close .footer{
    left:-263px;
    transition:.5s all
}
.dropzone.dropzone-secondary{
    border:2px dashed #C280D2
}
.dropzone.dropzone-secondary i{
    color:var(--theme-secondary)
}
@media (max-width: 360px){
    .dropzone .note{
        min-width:unset!important
    }
}
.dropzone .dz-preview{
    margin:28px 18px!important;
    box-shadow:unset;
    z-index:1
}
.dropzone .dz-preview .dz-details{
    top:unset;
    bottom:-6px;
    position:relative;
    padding-bottom:1px;
    padding-top:0!important;
    background-color:unset
}
[dir=rtl] .dropzone .dz-preview .dz-details{
    left:unset;
    right:32px
}
.dropzone .dz-preview:hover .dz-error-message{
    display:none!important
}
.dropzone .dz-error-mark .dz-remove{
    position:relative
}
.dz-preview .dz-remove{
    cursor:pointer
}
.dropzone-secondary .dz-preview .dz-remove{
    color:#c280d2
}
.select2{
    max-width:100%
}
.add-post #cke_text-box{
    border:1px solid var(--light-semi-gray)
}
.add-post form .m-checkbox-inline label{
    margin-bottom:0
}
.add-post form .form-control{
    border:1px solid var(--light-semi-gray)
}
[data-theme=dark] .add-post form .form-control::placeholder{
    color:var(--light-font)
}
[data-theme=dark] .add-post form .form-control{
    border-color:var(--light-color)
}
.add-post form .col-form-label{
    padding-bottom:0;
    padding-top:0
}
.add-post form .col-form-label .select2-container--default{
    margin-top:10px;
    max-width:100%
}
.add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field{
    padding:2px
}
.add-post form .col-form-label .select2-container--default .select2-selection--multiple{
    border:1px solid var(--light-semi-gray);
    max-width:100%
}
.add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin-top:6px!important
}
.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color:var(--theme-default);
    border:1px solid var(--theme-default);
    color:#fff
}
.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{
    color:var(--white);
    float:right;
    margin-left:.5rem
}
[dir=rtl] .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{
    float:left;
    margin-left:unset;
    margin-right:.5rem
}
.add-post .dropzone{
    margin-bottom:30px
}
.select2-container--open .select2-dropdown{
    z-index:7
}
.select2-container{
    width:100%!important
}
.select2-container.select2 .selection{
    display:block!important
}
.select2-drpdwn .select2-selection{
    border-radius:0!important;
    border-color:#f4f5f8!important;
    height:40px!important;
    padding:5px
}
.select2-drpdwn .form-control{
    border-radius:5px
}
.select2-drpdwn .form-control-primary{
    border-color:var(--theme-default);
    color:var(--theme-default)
}
.select2-drpdwn .form-control-secondary{
    border-color:#c280d2;
    color:#c280d2
}
.select2-drpdwn .form-control-success{
    border-color:#17a600;
    color:#17a600
}
.select2-drpdwn .form-control-info{
    border-color:#2e8dd3;
    color:#2e8dd3
}
.select2-drpdwn .form-control-warning{
    border-color:#f0ad4e;
    color:#f0ad4e
}
.select2-drpdwn .form-control-danger{
    border-color:#c42a02;
    color:#c42a02
}
.select2-drpdwn .form-control-inverse{
    border-color:#2c2c31;
    color:#2c2c31
}
.select2-drpdwn .form-control-primary-fill{
    background-color:var(--theme-default);
    color:#fff
}
.select2-drpdwn .form-control-secondary-fill{
    background-color:var(--theme-secondary);
    color:#fff
}
.select2-drpdwn .form-control-success-fill{
    background-color:#17a600;
    color:#fff
}
.select2-drpdwn .form-control-info-fill{
    background-color:#2e8dd3;
    color:#fff
}
.select2-drpdwn .form-control-warning-fill{
    background-color:#f0ad4e;
    color:#fff
}
.select2-drpdwn .form-control-danger-fill{
    background-color:#c42a02;
    color:#fff
}
.select2-drpdwn .form-control-inverse-fill{
    background-color:#2c2c31;
    color:#fff
}
.filepond--drop-label .filepond--label-action{
    color:#c42a02;
    text-decoration:none
}
.filepond--list .filepond--file{
    background-color:var(--theme-default)
}
.customLook{
    display:inline-block;
    min-width:0;
    border:none
}
.customLook .tagify__tag{
    margin-top:0
}
.customLook .tagify__tag:only-of-type .tagify__tag__removeBtn{
    display:none
}
.customLook .tagify__tag:hover .tagify__tag__removeBtn{
    transform:none;
    opacity:1;
    margin-left:-1ch
}
.customLook .tagify__tag__removeBtn{
    opacity:0;
    transform:translate(-6px) scale(.5);
    margin-left:-3ch;
    transition:.12s
}
.customLook+button{
    color:var(--theme-default);
    font:700 1.4em/1.65 Arial;
    border:0;
    background:none;
    box-shadow:0 0 0 2px inset var(--theme-default);
    border-radius:50%;
    width:1.65em;
    height:1.65em;
    cursor:pointer;
    outline:none;
    transition:.1s ease-out;
    margin:0 0 0 5px;
    vertical-align:unset
}
.customLook+button:hover{
    box-shadow:0 0 0 5px inset var(--theme-default)
}
.customLook .tagify__input{
    display:none
}
.tagify--empty .tagify__input:before{
    color:var(--body-font-color)
}
.customSuggestionsList>div{
    max-height:300px;
    min-height:50px;
    border:2px solid var(--chart-dashed-border);
    overflow:auto
}
.customSuggestionsList .empty{
    color:var(--theme-default);
    font-size:20px;
    text-align:center;
    padding:1em
}
.tagify__dropdown.extra-properties .tagify__dropdown__item>img{
    display:inline-block;
    vertical-align:middle;
    height:20px;
    transform:scale(.75);
    margin-right:5px;
    border-radius:2px;
    transition:.12s ease-out
}
.tagify__dropdown.extra-properties .tagify__dropdown__item:hover>img{
    transform:none;
    margin-right:12px
}
.tagify__dropdown.extra-properties .tagify__dropdown__item--active>img{
    transform:none;
    margin-right:12px
}
.tagify.countries .tagify__input{
    min-width:175px
}
.tagify.countries tag{
    white-space:nowrap
}
.tagify.countries tag img{
    display:inline-block;
    height:16px;
    margin-right:3px;
    border-radius:2px;
    pointer-events:none
}
.tagify--select{
    width:100%
}
.tagify__dropdown__wrapper{
    background:#fff;
    border-color:var(--recent-dashed-border)
}
.tagify__dropdown__item--active{
    background-color:#ccc;
    color:var(--body-font-color)
}
.tagify{
    --tags-focus-border-color: $gray-60
}
.tagify__input{
    color:#2c2c31
}
.tagify--select:after{
    color:var(--body-font-color)
}
[dir=rtl] .tagify--select:after{
    right:unset;
    left:0;
    transform:translate(150%,-50%) scaleX(1.2) rotate(90deg)
}
[dir=rtl] .tagify--select .tagify__tag{
    right:unset;
    left:1.8em
}
[dir=rtl] .tagify--select[aria-expanded=true]:after{
    transform:translate(150%,-50%) rotate(270deg) scale(1.2)
}
.international-num input{
    width:calc(240px + .00625*(100vw - 320px));
    padding:10px;
    border-radius:2px;
    border:1px solid #cccccc
}
.international-num input:focus{
    outline-color:#ccc
}
.international-num input::placeholder{
    color:#ccc
}
.international-num .results ul{
    border:1px solid #cccccc;
    margin-top:12px;
    padding:8px;
    line-height:1.9
}
.iti--allow-dropdown .iti__flag{
    background-image:url(/build/assets/flags-DDO3guPO.png)
}
.select-box{
    position:relative;
    display:flex;
    width:400px;
    flex-direction:column
}
.select-box .options-container{
    background:#43b9b21a;
    color:var(--body-font-color);
    max-height:0;
    width:100%;
    opacity:0;
    transition:all .4s;
    border-radius:0 0 8px 8px;
    overflow:hidden;
    order:1
}
.select-box .options-container::-webkit-scrollbar{
    width:8px;
    background:var(--view-grid-bg);
    border-radius:0 8px 8px 0
}
.select-box .options-container::-webkit-scrollbar-thumb{
    background:var(--view-grid-bg);
    border-radius:0 8px 8px 0
}
.select-box .options-container.active{
    max-height:240px;
    opacity:1;
    overflow-y:scroll;
    margin-top:53px
}
@media (min-width: 1007px) and (max-width: 1920px){
    .select-box .options-container.active{
        max-width:calc(265px + 135 * (100vw - 1007px) / 913)
    }
}
@media (min-width: 768px) and (max-width: 1006px){
    .select-box .options-container.active{
        max-width:calc(295px + 55 * (100vw - 1007px) / 238)
    }
}
@media (max-width: 767px){
    .select-box .options-container.active{
        max-width:calc(242px + 173 * (100vw - 320px) / 447);
        margin-top:46px
    }
}
.select-box .options-container.active+.selected-box:after{
    transform:rotateX(180deg);
    top:-6px
}
.select-box .options-container.active~.search-box input{
    opacity:1;
    pointer-events:auto
}
.select-box .selection-option{
    padding:12px 24px;
    cursor:pointer
}
.select-box .selection-option:hover{
    background:#ccc
}
.select-box .selection-option .radio{
    display:none
}
.select-box label{
    cursor:pointer
}
.selected-box{
    background:var(--light2);
    color:.selected-box white;
    position:relative;
    order:0;
    padding:12px 24px;
    cursor:pointer
}
[data-theme=dark] .selected-box{
    background:var(--body-color);
    border-color:var(--body-color)
}
@media (min-width: 1007px) and (max-width: 1920px){
    .selected-box{
        max-width:calc(265px + 135 * (100vw - 1007px) / 913)
    }
}
@media (min-width: 768px) and (max-width: 1006px){
    .selected-box{
        max-width:calc(295px + 55 * (100vw - 1007px) / 238)
    }
}
@media (max-width: 767px){
    .selected-box{
        max-width:calc(242px + 173 * (100vw - 320px) / 447)
    }
}
.selected-box:after{
    content:"";
    font-family:FontAwesome;
    position:absolute;
    height:100%;
    width:32px;
    right:10px;
    top:12px;
    transition:all .4s
}
[dir=rtl] .selected-box:after{
    left:10px;
    right:unset
}
.search-box input{
    width:100%;
    padding:12px 16px;
    font-size:16px;
    position:absolute;
    z-index:1;
    border:2px solid var(--chart-dashed-border);
    opacity:0;
    pointer-events:none;
    transition:all .4s;
    border-radius:6px
}
[data-theme=dark] .search-box input{
    background:var(--body-color);
    border-color:var(--body-color)
}
@media (min-width: 1007px) and (max-width: 1920px){
    .search-box input{
        max-width:calc(265px + 135 * (100vw - 1007px) / 913)
    }
}
@media (min-width: 768px) and (max-width: 1006px){
    .search-box input{
        max-width:calc(295px + 55 * (100vw - 1007px) / 238)
    }
}
@media (max-width: 767px){
    .search-box input{
        max-width:calc(242px + 173 * (100vw - 320px) / 447);
        padding:9px 16px
    }
}
.search-box input:focus{
    outline:none
}
body.modal-open .select2-container--open .select2-dropdown{
    z-index:1076
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color:var(--theme-default);
    color:#fff
}
[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:var(--light-font)
}
[data-theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field,[data-theme=dark] .select2-search--dropdown{
    background:var(--body-color)
}
.tagify__tag:hover:not([readonly]) div:before{
    --tag-bg-inset: 0px
}
.tagify{
    border:none
}
[data-theme=dark] .tagify__dropdown__wrapper{
    background:var(--body-color)
}
[data-theme=dark] .tagify__tag-text{
    color:var(--black)
}
[data-theme=dark] .international-num input{
    background:var(--body-color);
    border-color:var(--body-color)
}
.international-num input:focus{
    outline:none
}
.select-box .selection-option:hover,.tagify__dropdown__item.tagify__dropdown__item--active{
    background:var(--body-color)
}
.search-page .d-flex .flex-grow-1{
    overflow:hidden
}
.search-page .theme-form input{
    border:1px solid var(--theme-default);
    padding-left:20px;
    border-radius:10px 0 0 10px;
    flex:1 1 auto
}
.search-page .theme-form input::placeholder{
    color:var(--theme-default)
}
.search-page .theme-form input:focus{
    outline:none
}
.search-page .theme-form .input-group .btn{
    line-height:32px;
    font-size:16px
}
.search-page .theme-form .input-group .form-control-plaintext{
    background:transparent
}
.search-page h6,.search-page .h6{
    line-height:1.4
}
.search-page .nav-link{
    font-weight:500;
    text-transform:uppercase
}
.search-page .border-tab.nav-tabs .material-border{
    border-bottom-width:1px
}
.search-page .border-tab.nav-tabs .nav-item .nav-link{
    font-size:15px;
    padding:10px 18px
}
.search-page .media .media-body{
    overflow:hidden
}
.search-page .info-block{
    padding:30px;
    border-radius:15px;
    border:1px solid var(--light-color)
}
@media (max-width: 991.98px){
    .search-page .info-block{
        flex-wrap:wrap
    }
}
@media (max-width: 575.98px){
    .search-page .info-block{
        display:block
    }
}
@media only screen and (max-width: 360px){
    .search-page .info-block{
        padding:20px
    }
}
.search-page .info-block a{
    color:var(--light-text);
    margin-bottom:3px;
    display:block
}
.search-page .info-block h6,.search-page .info-block .h6{
    color:var(--theme-default)
}
@media (max-width: 991.98px){
    .search-page .info-block .flex-grow-1{
        overflow:hidden;
        flex:1
    }
}
@media (max-width: 767.98px){
    .search-page .info-block .flex-grow-1{
        flex:unset
    }
}
.search-page .info-block+.info-block{
    margin-top:20px
}
.search-page .border-tab.nav-tabs{
    align-items:left;
    justify-content:end
}
.search-page .border-tab.nav-tabs .nav-item{
    width:auto
}
.search-page .search-links h6,.search-page .search-links .h6{
    margin-bottom:10px
}
.search-page p{
    text-transform:lowercase;
    margin-bottom:0;
    color:var(--light-text)
}
.search-page ul.search-info li{
    display:inline-block;
    font-size:12px;
    line-height:1;
    color:var(--light-text)
}
.search-page ul.search-info li+li{
    border-left:1px solid #aaaab2;
    padding-left:8px;
    margin-left:8px
}
.search-page ul.search-info li i{
    color:#f0ad4e
}
.search-page ul.search-info li i:not(:last-child){
    margin-right:4px
}
.search-page #video-links .embed-responsive+.embed-responsive{
    margin-top:30px
}
.search-list{
    margin-bottom:30px;
    width:auto;
    display:inline-flex;
    border-radius:10px;
    overflow:hidden;
    border:1px solid var(--theme-default);
    border:none
}
@media (max-width: 991.98px){
    .search-list{
        justify-content:center
    }
}
.search-list .nav-item{
    background-color:#43b9b21a
}
.search-list .nav-item .nav-link{
    border:none;
    padding:.7rem 1.5rem;
    opacity:.5
}
.search-list .nav-item .nav-link.active{
    background-color:#43b9b21a;
    color:var(--theme-default);
    opacity:1
}
.search-list .nav-item.show,.search-list .nav-item.active{
    background-color:#43b9b21a
}
@media (max-width: 575.98px){
    .nav{
        display:inherit;
        text-align:center;
        border-bottom:none
    }
}
.box-layout{
    background-image:url(/build/assets/boxbg-D240b-sC.jpg);
    background-blend-mode:overlay;
    background-color:#ffffff80
}
@media only screen and (min-width: 1280px){
    .box-layout .contact .md-sidebar .md-sidebar-aside{
        z-index:1090
    }
    .box-layout .learning-filter{
        order:-1
    }
    .box-layout .job-accordion .card{
        margin-bottom:15px
    }
    .box-layout .job-cards-view .md-sidebar .job-sidebar.open{
        background-color:var(--card-color);
        padding:20px 20px 0
    }
    .box-layout .md-sidebar .md-sidebar-toggle{
        display:block
    }
    .box-layout .md-sidebar .md-sidebar-aside{
        position:absolute;
        top:40px;
        left:0;
        opacity:0;
        visibility:hidden;
        z-index:3;
        width:280px
    }
    .box-layout .md-sidebar .md-sidebar-aside.open{
        opacity:1;
        visibility:visible
    }
    .box-layout .whishlist-main [class*=col-]{
        width:20%
    }
    .box-layout .whishlist-main .prooduct-details-box .btn{
        top:0;
        right:0;
        left:unset;
        bottom:unset
    }
    .box-layout .feedback li:not(:last-child){
        margin-right:8px
    }
    .box-layout .choropleth-map,.box-layout .data-basic-map{
        margin-left:-97px;
        transform:scale(.6)
    }
    .box-layout .data-map-glob svg{
        transform:scale(.9);
        margin-left:-280px
    }
    .box-layout .data-map svg{
        transform:scale(.7);
        margin-left:-404px
    }
    .box-layout .sourced-data-table table.dataTable tbody tr td:first-child{
        min-width:110px
    }
    .box-layout .sourced-data-table table.dataTable tbody tr td:nth-child(2){
        min-width:195px
    }
    .box-layout .sourced-data-table table.dataTable tbody tr td:nth-child(4){
        min-width:95px
    }
    .box-layout .page-wrapper.compact-wrapper,.box-layout.page-wrapper.compact-wrapper{
        margin-top:40px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper{
        width:1280px;
        box-shadow:4px 11px 25px #00000012;
        margin:0 auto
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar{
        top:119px;
        height:auto;
        left:auto;
        margin-top:0
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar .sidebar-menu,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar .sidebar-menu{
        height:calc(100vh - 162px);
        overflow-x:hidden
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar.close_icon~footer,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar.close_icon~footer{
        width:1200px;
        left:47%
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar.close_icon~.footer-fix,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar.close_icon~.footer-fix{
        padding-left:0
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar.close_icon .page-sidebar .sidebar-menu,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar.close_icon .page-sidebar .sidebar-menu{
        height:calc(100vh - 196px)
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar .logo-wrapper,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar .logo-wrapper{
        box-shadow:0 8px 6px -6px #59667a1a
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar .page-sidebar .sidebar-menu,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-sidebar .page-sidebar .sidebar-menu{
        margin-top:10px;
        margin-bottom:20px;
        height:calc(100vh - 191px)
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body{
        min-height:calc(100vh - 160px);
        margin-top:0;
        overflow:scroll;
        max-height:calc(100vh - 220px);
        padding-bottom:50px;
        margin-left:260px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track{
        -webkit-box-shadow:inset 0 0 6px #ecf3fa
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar{
        width:6px
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb{
        background-color:#43b9b226
    }
    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper footer,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper footer{
        z-index:9;
        width:1280px;
        margin:0 auto;
        padding-left:280px;
        margin-bottom:40px!important;
        position:fixed;
        left:50%;
        transform:translate(-50%)
    }
    .box-layout .page-wrapper.horizontal-sidebar .page-body-wrapper,.box-layout.page-wrapper.horizontal-sidebar .page-body-wrapper{
        width:1280px;
        margin:0 auto!important;
        overflow-x:unset;
        position:relative
    }
    .box-layout .page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar,.box-layout.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar{
        width:1280px;
        margin:0;
        overflow-x:hidden;
        position:relative
    }
    .box-layout .page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-link,.box-layout.page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-list .sidebar-link{
        padding:5px 10px;
        gap:8px
    }
    .box-layout .page-wrapper.horizontal-sidebar .page-body-wrapper .page-body,.box-layout.page-wrapper.horizontal-sidebar .page-body-wrapper .page-body{
        margin-top:0;
        min-height:calc(100vh - 310px);
        max-height:calc(100vh - 230px);
        overflow:scroll
    }
    .box-layout .page-wrapper.horizontal-sidebar .page-body-wrapper .footer,.box-layout.page-wrapper.horizontal-sidebar .page-body-wrapper .footer{
        width:1280px;
        margin:0 auto;
        margin-bottom:40px!important;
        position:fixed;
        left:50%;
        transform:translate(-50%)
    }
    .box-layout .page-wrapper .page-header,.box-layout.page-wrapper .page-header{
        max-width:1280px;
        margin:40px auto 0;
        left:0;
        right:0;
        transition:.5s;
        width:unset
    }
    .box-layout .page-wrapper .page-header.close_icon,.box-layout.page-wrapper .page-header.close_icon{
        padding-left:0;
        margin-left:auto;
        width:calc(100% + -0px);
        transition:.5s
    }
    .box-layout .page-wrapper .page-header .page-main-header .header-left .search-form .input-group,.box-layout.page-wrapper .page-header .page-main-header .header-left .search-form .input-group{
        width:350px
    }
    .box-layout .page-wrapper.sidebar-close,.box-layout.page-wrapper.sidebar-close{
        transition:.5s all
    }
    .box-layout .page-wrapper.sidebar-close .page-body-wrapper .page-sidebar,.box-layout.page-wrapper.sidebar-close .page-body-wrapper .page-sidebar{
        left:-263px!important;
        transition:.3s all
    }
    .box-layout .page-wrapper.sidebar-close .page-body-wrapper .page-body,.box-layout.page-wrapper.sidebar-close .page-body-wrapper .page-body{
        margin-left:0;
        transition:.5s all
    }
    .box-layout .page-wrapper.sidebar-close .page-body-wrapper .footer,.box-layout.page-wrapper.sidebar-close .page-body-wrapper .footer{
        padding-left:20px;
        transition:.5s all
    }
    .box-layout .page-wrapper.advance-layout .page-header,.box-layout.page-wrapper.advance-layout .page-header{
        box-shadow:0 0 10px #00000012
    }
    .box-layout .page-wrapper.advance-layout .page-body-wrapper,.box-layout.page-wrapper.advance-layout .page-body-wrapper{
        margin-top:0
    }
    .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive,.box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive{
        min-width:1087px;
        overflow:auto
    }
    .box-layout .page-wrapper .page-body-wrapper .active-order-table,.box-layout.page-wrapper .page-body-wrapper .active-order-table{
        max-width:443px;
        overflow:auto
    }
    .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p,.box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p{
        width:100px
    }
    .box-layout .page-wrapper .page-body-wrapper .activity .media .gradient-round.gradient-line-1:after,.box-layout.page-wrapper .page-body-wrapper .activity .media .gradient-round.gradient-line-1:after{
        height:57px;
        bottom:-64px
    }
    .box-layout .page-wrapper .page-body-wrapper .activity .media .gradient-round.small-line:after,.box-layout.page-wrapper .page-body-wrapper .activity .media .gradient-round.small-line:after{
        height:36px;
        bottom:-43px
    }
    .box-layout .page-wrapper .page-body-wrapper .activity .media .gradient-round.medium-line:after,.box-layout.page-wrapper .page-body-wrapper .activity .media .gradient-round.medium-line:after{
        height:40px;
        bottom:-48px
    }
    .box-layout .page-wrapper .page-body-wrapper .blockquote-footer,.box-layout.page-wrapper .page-body-wrapper .blockquote-footer{
        margin-left:0;
        width:100%
    }
    .box-layout .page-wrapper .page-body-wrapper .footer-fix,.box-layout.page-wrapper .page-body-wrapper .footer-fix{
        padding-left:230px
    }
    .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts,.box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts{
        width:100%
    }
    .box-layout .page-wrapper .page-body-wrapper .caller-img,.box-layout.page-wrapper .page-body-wrapper .caller-img{
        position:absolute;
        width:100%;
        max-width:100%;
        left:15px
    }
    .box-layout .page-wrapper .page-body-wrapper .caller-img img,.box-layout.page-wrapper .page-body-wrapper .caller-img img{
        opacity:.7
    }
    .box-layout .page-wrapper .page-body-wrapper .browser-widget img,.box-layout.page-wrapper .page-body-wrapper .browser-widget img{
        height:65px
    }
    .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img,.box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img{
        margin-top:-73px
    }
    .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img,.box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img{
        height:130px;
        top:-17px
    }
    .box-layout .page-wrapper .page-body-wrapper .select2,.box-layout.page-wrapper .page-body-wrapper .select2{
        width:901.781px
    }
    .box-layout .page-wrapper ul.close_icon>li label,.box-layout.page-wrapper ul.close_icon>li label{
        padding:0
    }
    .box-layout .page-wrapper ul.close_icon>li label:after,.box-layout.page-wrapper ul.close_icon>li label:after{
        display:none
    }
    .box-layout .page-wrapper .bookmark ul,.box-layout.page-wrapper .bookmark ul{
        margin-right:-1px
    }
    .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn,.box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn{
        padding-left:20px;
        padding-right:20px
    }
    .box-layout .page-wrapper .alert.inverse p,.box-layout.page-wrapper .alert.inverse p{
        max-width:238px;
        display:block;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .box-layout .page-wrapper .auth-bg-video video,.box-layout.page-wrapper .auth-bg-video video{
        min-width:67%;
        width:67%
    }
    .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height,.box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height{
        min-height:400px
    }
    .box-layout .page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily,.box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily{
        min-height:430px
    }
    .box-layout .page-wrapper .box-col-12,.box-layout.page-wrapper .box-col-12{
        flex:0 0 100%;
        max-width:100%
    }
    .box-layout .page-wrapper .box-col-6,.box-layout.page-wrapper .box-col-6{
        flex:0 0 50%;
        max-width:50%
    }
    .box-layout .page-wrapper .box-col-3,.box-layout.page-wrapper .box-col-3{
        flex:0 0 25%;
        max-width:25%
    }
    .box-layout .page-wrapper .box-col-7,.box-layout.page-wrapper .box-col-7{
        flex:0 0 60%;
        max-width:60%
    }
    .box-layout .page-wrapper .box-col-5,.box-layout.page-wrapper .box-col-5{
        flex:0 0 40%;
        max-width:40%
    }
    .box-layout .page-wrapper .box-col-8,.box-layout.page-wrapper .box-col-8{
        flex:0 0 70%;
        max-width:70%
    }
    .box-layout .page-wrapper .box-col-4e,.box-layout.page-wrapper .box-col-4e{
        flex:0 0 30%;
        max-width:30%
    }
    .box-layout .page-wrapper .box-col-4,.box-layout.page-wrapper .box-col-4{
        flex:0 0 33.33%;
        max-width:33%
    }
    .box-layout .page-wrapper .box-col-8,.box-layout.page-wrapper .box-col-8,.box-layout .page-wrapper .box-col-8e,.box-layout.page-wrapper .box-col-8e{
        flex:0 0 66.67%;
        max-width:66.67%
    }
    .box-layout .page-wrapper .box-col-none,.box-layout.page-wrapper .box-col-none{
        display:none!important
    }
    .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset,.box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset{
        max-height:165px
    }
    .box-layout .page-wrapper .email-wrap .row .col-xl-6,.box-layout.page-wrapper .email-wrap .row .col-xl-6{
        padding-left:12px
    }
    .box-layout .page-wrapper .email-wrap .row .col-xl-3+.col-xl-3,.box-layout.page-wrapper .email-wrap .row .col-xl-3+.col-xl-3{
        padding-right:12px
    }
    .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox,.box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox{
        height:644px
    }
    .box-layout .page-wrapper .todo .notification-popup,.box-layout.page-wrapper .todo .notification-popup{
        right:320px
    }
    .box-layout .page-wrapper .touchspin,.box-layout.page-wrapper .touchspin{
        padding:0 10px
    }
    .box-layout .page-wrapper .comingsoon video,.box-layout.page-wrapper .comingsoon video{
        min-width:67%;
        width:67%
    }
    .box-layout .faq-accordion.default-according{
        margin-bottom:0
    }
    .box-layout .default-dashboard .profile-greeting h1,.box-layout .default-dashboard .profile-greeting .h1{
        font-size:25px!important
    }
    .box-layout .default-dashboard .profile-greeting p{
        width:unset!important;
        line-height:1.3;
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .default-dashboard .profile-greeting .card-body{
        background-image:none!important;
        padding:15px!important;
        height:251px
    }
    .box-layout .default-dashboard .profile-greeting .card-body .img-overlay{
        text-align:center;
        background-color:#43b9b240;
        height:100%;
        padding:20px 11px!important;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:space-evenly
    }
    .box-layout .default-dashboard .profile-greeting .btn{
        margin-top:0
    }
    .box-layout .default-dashboard .project-card .card-header .icon-dropdown{
        display:none
    }
    .box-layout .default-dashboard .project-card .card-body h4,.box-layout .default-dashboard .project-card .card-body .h4{
        font-size:18px!important
    }
    .box-layout .default-dashboard .project-card .card-body .col-xl-5{
        width:100%
    }
    .box-layout .default-dashboard .project-card .card-body ul,.box-layout .default-dashboard .client-card .card-body .custom-width-1{
        display:none
    }
    .box-layout .default-dashboard .client-card .card-body .custom-width-2{
        width:100%
    }
    .box-layout .default-dashboard .client-card .card-body .client,.box-layout .default-dashboard .client-card .card-body .project{
        margin:0 9px
    }
    .box-layout .default-dashboard .investing-card .investing{
        margin:15px 0 -24px
    }
    .box-layout .default-dashboard .custom-margin{
        display:none;
        width:0%
    }
    .box-layout .default-dashboard .custom-margin+.custom-margin{
        display:block!important;
        width:41.66%
    }
    .box-layout .default-dashboard .task-card .card-body ul li.d-flex .flex-grow-1 h5,.box-layout .default-dashboard .task-card .card-body ul li.d-flex .flex-grow-1 .h5,.box-layout .default-dashboard .task-card .card-body ul li.d-flex .flex-grow-1 h6,.box-layout .default-dashboard .task-card .card-body ul li.d-flex .flex-grow-1 .h6{
        width:100px;
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .default-dashboard .task-card .card-body ul li.d-flex .feather{
        display:none!important
    }
    .box-layout .default-dashboard .task-card .card-body ul li+li{
        margin-top:15px
    }
    .box-layout .default-dashboard .invest-card .card-body ul li h5,.box-layout .default-dashboard .invest-card .card-body ul li .h5{
        font-size:14px
    }
    .box-layout .default-dashboard .invest-card .card-body ul li h6,.box-layout .default-dashboard .invest-card .card-body ul li .h6{
        font-size:11px
    }
    .box-layout .default-dashboard .invoice-card .datatable-wrapper table tr th:nth-child(1){
        display:none
    }
    .box-layout .default-dashboard .invoice-card .datatable-wrapper table tr th:nth-child(2){
        display:none
    }
    .box-layout .default-dashboard .invoice-card .datatable-wrapper table tr th:nth-child(4){
        display:none
    }
    .box-layout .default-dashboard .invoice-card .datatable-wrapper table tr th:nth-child(5){
        display:none
    }
    .box-layout .default-dashboard .invoice-card .datatable-wrapper table tr td{
        padding:6px 10px!important
    }
    .box-layout .default-dashboard .invoice-card .datatable-wrapper table tr td:nth-child(1){
        display:none
    }
    .box-layout .default-dashboard .invoice-card .datatable-wrapper table tr td:nth-child(2){
        display:none
    }
    .box-layout .default-dashboard .invoice-card .datatable-wrapper table tr td:nth-child(4){
        display:none
    }
    .box-layout .default-dashboard .invoice-card .datatable-wrapper table tr td:nth-child(5){
        display:none
    }
    .box-layout .default-dashboard .course-table table tr th:nth-child(3){
        display:none
    }
    .box-layout .default-dashboard .course-table table tr th:nth-child(4){
        display:none
    }
    .box-layout .default-dashboard .course-table table tr td{
        padding:9px 12px
    }
    .box-layout .default-dashboard .course-table table tr td .flex-grow-1 h6,.box-layout .default-dashboard .course-table table tr td .flex-grow-1 .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .default-dashboard .course-table table tr td:nth-child(3){
        display:none
    }
    .box-layout .default-dashboard .course-table table tr td:nth-child(4){
        display:none
    }
    .box-layout .default-dashboard .schedule-card .schedule-wrapper li:nth-child(4){
        display:none
    }
    .box-layout .default-dashboard .schedule-card .schedule-wrapper li:nth-child(5){
        display:none
    }
    .box-layout .default-dashboard .schedule-card .schedule-wrapper li:nth-child(6){
        display:none
    }
    .box-layout .default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 span{
        display:none!important
    }
    .box-layout .default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 h5,.box-layout .default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h5,.box-layout .default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 h6,.box-layout .default-dashboard .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .default-dashboard .notification-card .d-flex{
        padding:14px 16px
    }
    .box-layout .default-dashboard .notification-card .d-flex .flex-shrink-0{
        display:none!important
    }
    .box-layout .default-dashboard .notification-card .d-flex .flex-grow-1 h6,.box-layout .default-dashboard .notification-card .d-flex .flex-grow-1 .h6,.box-layout .default-dashboard .notification-card .d-flex .flex-grow-1 span{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .default-dashboard .notification-card .d-flex .flex-grow-1 .d-flex button{
        padding:4px 10px
    }
    .box-layout .ecommerce-dashboard .manage-order table tr td{
        padding:16px 0
    }
    .box-layout .ecommerce-dashboard .manage-order table tr td .d-block,.box-layout .ecommerce-dashboard .selling-table table thead tr th:first-child{
        display:none!important
    }
    .box-layout .ecommerce-dashboard .selling-table table thead tr th:nth-child(4){
        display:none!important
    }
    .box-layout .ecommerce-dashboard .selling-table table thead tr th:nth-child(3){
        display:none!important
    }
    .box-layout .ecommerce-dashboard .selling-table table thead tr th:nth-child(5){
        display:none!important
    }
    .box-layout .ecommerce-dashboard .selling-table table tbody tr td{
        padding:10px 3px!important
    }
    .box-layout .ecommerce-dashboard .selling-table table tbody tr td:first-child{
        display:none!important
    }
    .box-layout .ecommerce-dashboard .selling-table table tbody tr td:nth-child(3){
        display:none!important
    }
    .box-layout .ecommerce-dashboard .selling-table table tbody tr td:nth-child(4){
        display:none!important
    }
    .box-layout .ecommerce-dashboard .selling-table table tbody tr td:nth-child(5){
        display:none!important
    }
    .box-layout .ecommerce-dashboard .selling-table table tbody tr td .flex-grow-1 h6,.box-layout .ecommerce-dashboard .selling-table table tbody tr td .flex-grow-1 .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .ecommerce-dashboard .category ul{
        display:none!important
    }
    .box-layout .ecommerce-dashboard .category .col-xl-6{
        width:100%!important
    }
    .box-layout .ecommerce-dashboard .seller-table table thead th:first-child{
        max-width:50px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .box-layout .ecommerce-dashboard .seller-table table thead th:nth-child(3){
        display:none
    }
    .box-layout .ecommerce-dashboard .seller-table table thead th:nth-child(4){
        display:none
    }
    .box-layout .ecommerce-dashboard .seller-table table tbody tr td{
        padding:17px 8px
    }
    .box-layout .ecommerce-dashboard .seller-table table tbody tr td:first-child h6,.box-layout .ecommerce-dashboard .seller-table table tbody tr td:first-child .h6,.box-layout .ecommerce-dashboard .seller-table table tbody tr td:first-child span{
        display:none
    }
    .box-layout .ecommerce-dashboard .seller-table table tbody tr td:nth-child(3){
        display:none
    }
    .box-layout .ecommerce-dashboard .seller-table table tbody tr td:nth-child(4){
        display:none
    }
    .box-layout .ecommerce-dashboard .discount-product .discount-title{
        font-size:15px
    }
    .box-layout .ecommerce-dashboard .discount-product .discount-content{
        font-size:16px
    }
    .box-layout .ecommerce-dashboard .discount-product .d-flex .bg-light-primary,.box-layout .ecommerce-dashboard .discount-product .d-flex .bg-light-secondary{
        display:none
    }
    .box-layout .ecommerce-dashboard .track-order .card-body{
        background-image:none
    }
    .box-layout .ecommerce-dashboard .track-order .card-body h5,.box-layout .ecommerce-dashboard .track-order .card-body .h5{
        margin-bottom:4px
    }
    .box-layout .ecommerce-dashboard .sale-product .col-5{
        width:100%!important
    }
    .box-layout .ecommerce-dashboard .sale-product select{
        display:none!important
    }
    .box-layout .ecommerce-dashboard .sale-product table{
        margin-top:10px
    }
    .box-layout .ecommerce-dashboard .sale-product table thead tr th:nth-child(3){
        display:none
    }
    .box-layout .ecommerce-dashboard .sale-product table tbody tr td{
        padding:10px 1px 20px
    }
    .box-layout .ecommerce-dashboard .sale-product table tbody tr td:last-child{
        min-width:47px
    }
    .box-layout .ecommerce-dashboard .sale-product table tbody tr td:nth-child(3){
        display:none
    }
    .box-layout .ecommerce-dashboard .sale-product table tbody tr:nth-child(n+2) td{
        padding:10px 1px 20px
    }
    .box-layout .list-products table thead th:nth-child(3){
        min-width:110px
    }
    .box-layout .list-products table thead th:nth-child(5){
        min-width:120px
    }
    .box-layout .list-products table thead th:last-child{
        min-width:135px
    }
    .box-layout .autofill-datatable table.table thead th:after{
        top:33px!important
    }
    .box-layout .autofill-datatable table.table thead th:nth-child(2){
        min-width:100px
    }
    .box-layout .autofill-datatable table.table thead th:nth-child(5){
        min-width:100px
    }
    .box-layout .autofill-datatable table.table thead th:nth-child(7){
        min-width:100px
    }
    .box-layout .complex-table table thead tr th:first-child{
        min-width:115px
    }
    .box-layout .complex-table table thead tr+tr th:first-child{
        min-width:190px
    }
    .box-layout .complex-table table thead tr+tr th:nth-child(3){
        min-width:100px
    }
    .box-layout .support-ticket table thead th .datatable-sorter:before{
        bottom:2px
    }
    .box-layout .support-ticket table thead th .datatable-sorter:after{
        top:2px
    }
    .box-layout .support-ticket table thead th:nth-child(2){
        min-width:112px
    }
    .box-layout .support-ticket table thead th:nth-child(5){
        min-width:100px
    }
    .box-layout .support-ticket table thead th:nth-child(6){
        min-width:100px
    }
    .box-layout .support-ticket table thead th:last-child{
        min-width:100px
    }
    .box-layout .support-ticket table tbody td .d-flex{
        align-items:flex-start
    }
    .box-layout .project-dashboard .total-project .col-6{
        width:100%
    }
    .box-layout .project-dashboard .total-project .customer-chart{
        margin-bottom:0
    }
    .box-layout .project-dashboard .total-project .project-details{
        display:none
    }
    .box-layout .project-dashboard .client-card .card-body .client-btn{
        margin-top:21px
    }
    .box-layout .project-dashboard .client-card .card-body .client-btn .px-5{
        padding-right:1rem!important;
        padding-left:1rem!important
    }
    .box-layout .project-dashboard .project-chart .project{
        display:none
    }
    .box-layout .project-dashboard .task-table .table{
        overflow:hidden
    }
    .box-layout .project-dashboard .task-table .table tbody tr td{
        padding:17px 0
    }
    .box-layout .project-dashboard .task-table .table tbody tr td ul{
        column-count:1;
        margin-right:88px;
        display:block
    }
    .box-layout .project-dashboard .task-table .table tbody tr td ul li:nth-child(2){
        display:none
    }
    .box-layout .project-dashboard .task-table .table tbody tr td:first-child{
        width:20%
    }
    .box-layout .project-dashboard .task-table .table tbody tr td:first-child .flex-shrink-0{
        display:none!important
    }
    .box-layout .project-dashboard .task-table .table tbody tr td:nth-child(2){
        width:20%
    }
    .box-layout .project-dashboard .task-table .table tbody tr td:nth-child(2) h6,.box-layout .project-dashboard .task-table .table tbody tr td:nth-child(2) .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .project-dashboard .task-table .table tbody tr td:nth-child(3){
        width:50px
    }
    .box-layout .project-dashboard .task-table .table tbody tr td:nth-child(3) h6,.box-layout .project-dashboard .task-table .table tbody tr td:nth-child(3) .h6{
        display:none
    }
    .box-layout .project-dashboard .list-card .list-item h5,.box-layout .project-dashboard .list-card .list-item .h5{
        width:135px;
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .project-dashboard .list-card .list-item .btn{
        padding:6px
    }
    .box-layout .project-dashboard .calendar__header{
        padding:15px 15px 27px
    }
    .box-layout .project-dashboard .calendar__month,.box-layout .project-dashboard .calendar__year{
        font-size:11px!important
    }
    .box-layout .project-dashboard .calendar__btn{
        top:10px
    }
    .box-layout .project-dashboard .calendar__btn_prev{
        left:0
    }
    .box-layout .project-dashboard .calendar__btn_next{
        right:0
    }
    .box-layout .project-dashboard .team-table .table-responsive table tr th:nth-child(3){
        display:none
    }
    .box-layout .project-dashboard .team-table .table-responsive table tr th:last-child{
        display:none
    }
    .box-layout .project-dashboard .team-table .table-responsive table tr td .flex-grow-1 span{
        display:none
    }
    .box-layout .project-dashboard .team-table .table-responsive table tr td:nth-child(3){
        display:none
    }
    .box-layout .project-dashboard .team-table .table-responsive table tr td:last-child{
        display:none
    }
    .box-layout .project-dashboard .timeline-items{
        padding-bottom:35px;
        padding-top:35px
    }
    .box-layout .project-dashboard .timeline-items .timeline-box{
        padding:15px 13px
    }
    .box-layout .project-dashboard .timeline-items .timeline-box .flex-grow-1 .f-15{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .project-dashboard .timeline-items .timeline-box .team-member ul{
        display:none!important
    }
    .box-layout .product-offer .card-body{
        padding-top:0!important
    }
    .box-layout .product-offer .swiper .swiper-slide .item .product-gif{
        width:32px;
        height:32px
    }
    .box-layout .product-offer .swiper .swiper-slide .item .product-content{
        margin-top:1px
    }
    .box-layout .product-offer .swiper .swiper-wrapper{
        padding-bottom:20px!important
    }
    .box-layout .product-offer .swiper .swiper-pagination{
        bottom:10px!important;
        display:unset!important;
        left:50%!important;
        top:unset!important;
        transform:translate(-50%)!important
    }
    .box-layout .product-offer .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        width:25px;
        border-radius:10px;
        height:7px
    }
    .box-layout .card.esatae-card .card-body .esatae-body{
        gap:5px!important
    }
    .box-layout .card.esatae-card .card-body .esatae-body .flex-shrink-0{
        display:none
    }
    .box-layout .card.esatae-card .card-body .esatae-body .flex-grow-1{
        width:70px!important
    }
    .box-layout .card.esatae-card .card-body .esatae-body .flex-grow-1 h6,.box-layout .card.esatae-card .card-body .esatae-body .flex-grow-1 .h6,.box-layout .card.esatae-card .card-body .esatae-body .flex-grow-1 span{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li img{
        width:35px!important
    }
    .box-layout .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li+li{
        margin-left:-20%
    }
    .box-layout .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li:last-child{
        width:35px!important;
        height:35px
    }
    .box-layout .summary-card .custom-width-1{
        width:100%!important
    }
    .box-layout .summary-card .project-cost{
        border-right:0;
        text-align:center;
        margin-right:0!important
    }
    .box-layout .summary-card ul.d-flex{
        align-items:center;
        justify-content:center
    }
    .box-layout .summary-card ul li{
        width:95px
    }
    .box-layout .summary-card .task-bottom{
        justify-content:center
    }
    .box-layout .summary-card .task-bottom h5,.box-layout .summary-card .task-bottom .h5{
        font-size:14px;
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .summary-card .task-bottom .badge{
        display:none
    }
    .box-layout .summary-card .custom-width-2{
        display:none!important
    }
    .box-layout .invest-card .card-header .icon-dropdown{
        display:none
    }
    .box-layout .progress-items .badge{
        display:none!important
    }
    .box-layout .progress-items h3,.box-layout .progress-items .h3{
        margin-top:6px!important;
        font-size:18px!important
    }
    .box-layout .progress-items .flex-shrink-0{
        width:25px;
        height:27px
    }
    .box-layout .progress-items .progress-card p{
        display:none!important
    }
    .box-layout .sale-progress ul li .flex-shrink-0,.box-layout .sale-progress ul li .badge{
        display:none
    }
    .box-layout .sale-progress ul li .flex-grow-1 h5,.box-layout .sale-progress ul li .flex-grow-1 .h5{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .general-widget .schedule-card .schedule-wrapper li:nth-child(4){
        display:none
    }
    .box-layout .general-widget .schedule-card .schedule-wrapper li:nth-child(5){
        display:none
    }
    .box-layout .general-widget .schedule-card .schedule-wrapper li:nth-child(6){
        display:none
    }
    .box-layout .general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 span,.box-layout .general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 h5,.box-layout .general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h5,.box-layout .general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 h6,.box-layout .general-widget .schedule-card ul.activity-update li.d-flex .flex-grow-1 .h6{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .box-layout .default-dashboard .project-card .card-body .align-items-center .custom-width{
        width:100%
    }
}
html[dir=rtl] .float-end{
    float:left!important
}
html[dir=rtl] .float-start{
    float:right!important
}
html[dir=rtl] .text-start{
    text-align:right!important
}
html[dir=rtl] .text-end,html[dir=rtl] .text-md-end{
    text-align:left!important
}
html[dir=rtl] .text-md-start{
    text-align:right!important
}
html[dir=rtl] .m-l-20{
    margin-right:20px!important;
    margin-left:unset!important
}
html[dir=rtl] .p-r-0{
    padding-left:0;
    padding-right:15px
}
html[dir=rtl] .text-sm-end{
    text-align:left!important
}
html[dir=rtl] .f-right{
    float:left!important
}
html[dir=rtl] .m-r-30{
    margin-left:30px;
    margin-right:unset
}
html[dir=rtl] .m-r-20{
    margin-left:20px;
    margin-right:unset
}
html[dir=rtl] .me-3{
    margin-right:unset!important;
    margin-left:1rem!important
}
html[dir=rtl] .me-5{
    margin-left:3rem!important;
    margin-right:unset!important
}
html[dir=rtl] .ms-3{
    margin-right:1rem!important;
    margin-left:unset!important
}
html[dir=rtl] .me-4{
    margin-left:1.5rem!important;
    margin-right:unset!important
}
@media (min-width: 768px){
    html[dir=rtl] .float-md-end{
        float:left!important
    }
}
html[dir=rtl] .pe-0{
    padding-left:0!important;
    padding-right:unset!important
}
html[dir=rtl] .ps-0{
    padding-right:0!important;
    padding-left:unset!important
}
html[dir=rtl] .ms-1{
    margin-left:unset!important;
    margin-right:.25rem!important
}
html[dir=rtl] .pe-3{
    padding-left:1rem!important;
    padding-right:unset!important
}
html[dir=rtl] .pe-4{
    padding-left:1.5rem!important;
    padding-right:unset!important
}
html[dir=rtl] .me-1{
    margin-left:.25rem!important;
    margin-right:unset!important
}
html[dir=rtl] .p-l-0{
    padding-left:unset!important;
    padding-right:0!important
}
html[dir=rtl] .m-l-10{
    margin-right:10px!important;
    margin-left:unset!important
}
html[dir=rtl] .m-r-5{
    margin-left:5px;
    margin-right:unset
}
html[dir=rtl] .m-r-15{
    margin-left:15px;
    margin-right:unset
}
html[dir=rtl] .m-r-10{
    margin-left:10px;
    margin-right:unset
}
html[dir=rtl] .ps-4{
    padding-right:1.5rem!important;
    padding-left:unset!important
}
html[dir=rtl] .me-2{
    margin-left:.5rem!important;
    margin-right:unset!important
}
html[dir=rtl] .ms-2{
    margin-right:.5rem!important;
    margin-left:unset!important
}
html[dir=rtl] .pe-2{
    padding-right:unset!important;
    padding-left:.5rem!important
}
html[dir=rtl] .float-sm-end{
    float:left!important
}
html[dir=rtl] .basic-wizard .stepper-horizontal .step:last-child{
    padding-right:unset;
    padding-left:0
}
html[dir=rtl] .switch-wrapper .d-flex{
    margin-right:unset;
    margin-left:20px
}
html[dir=rtl] .iconModal .modal-body .copy-text{
    right:unset;
    left:12px
}
html[dir=rtl] .todo .notification-popup{
    right:unset;
    left:10px;
    opacity:.9
}
html[dir=rtl] .contact-editform.ps-0{
    padding-left:20px!important
}
html[dir=rtl] .contacts-tabs .nav-pills{
    border-right:unset;
    border-left:1px solid var(--light-color)
}
html[dir=rtl] .card-social li a{
    margin-right:unset;
    margin-left:15px
}
html[dir=rtl] .collection-filter-block svg{
    margin-right:unset;
    margin-left:10px
}
html[dir=rtl] .quick-file li,html[dir=rtl] .files-content li{
    margin-right:unset;
    margin-left:20px
}
html[dir=rtl] .user-profile .border-right{
    border-left:1px solid var(--light-text)!important;
    border-right:unset!important
}
html[dir=rtl] .offset-sm-3{
    margin-right:25%;
    margin-left:unset
}
html[dir=rtl] .card-header .card-header-right{
    left:19px;
    right:unset
}
html[dir=rtl] .customers ul{
    display:inline-block
}
html[dir=rtl] .customers ul li+li{
    margin-right:-12%;
    margin-left:unset
}
html[dir=rtl] .customers.avatar-group{
    margin-right:0
}
html[dir=rtl] .input-group .form-control,html[dir=rtl] .input-group-text{
    border-radius:0
}
html[dir=rtl] .alert-dismissible{
    padding-right:15px;
    padding-left:2.5rem
}
html[dir=rtl] .alert-dismissible .btn-close{
    left:0;
    right:unset
}
html[dir=rtl] .card-body .alert svg{
    margin-left:4px;
    margin-right:unset;
    top:15px
}
html[dir=rtl] .card-body .alert svg~p{
    padding-left:unset;
    padding-right:20px
}
html[dir=rtl] .dropdown-basic button{
    border-radius:0
}
html[dir=rtl] .accordion-button:after{
    margin-right:auto;
    margin-left:unset
}
html[dir=rtl] .icons-accordion .accordion-item .accordion-header .accordion-button:before{
    left:0;
    right:unset;
    margin-left:37px
}
html[dir=rtl] .icons-accordion .accordion-item .accordion-header .accordion-button:after{
    left:0;
    right:unset;
    margin-left:37px
}
html[dir=rtl] .nav-tabs .nav-item .nav-link svg.svg-color{
    margin-right:unset;
    margin-left:4px
}
html[dir=rtl] .list-group .list-group-item svg{
    margin-left:10px
}
html[dir=rtl] .list-group img{
    margin-left:10px;
    margin-right:0
}
html[dir=rtl] .badge-list .list-group-item div{
    margin-left:auto;
    margin-right:8px
}
html[dir=rtl] .breadcrumb-space .breadcrumb-item+.breadcrumb-item:before{
    padding-left:0
}
html[dir=rtl] .breadcrumb-item .home-icon{
    margin-left:10px;
    margin-right:unset
}
html[dir=rtl] .page-title .breadcrumb-item{
    margin-left:unset
}
html[dir=rtl] .page-title .breadcrumb-item+.breadcrumb-item{
    padding-right:.5rem;
    padding-left:unset
}
html[dir=rtl] .page-title .breadcrumb-item+.breadcrumb-item:before{
    padding-left:.5rem;
    padding-right:unset;
    float:right
}
html[dir=rtl] .page-item:first-child .page-link{
    border-radius:0 6px 6px 0/0px 6px 6px 0px
}
html[dir=rtl] .page-item:last-child .page-link{
    border-radius:6px 0 0 6px/6px 0px 0px 6px
}
html[dir=rtl] .heart-rating{
    text-align:right
}
html[dir=rtl] .like-comment .list-inline{
    padding-right:0
}
html[dir=rtl] .like-comment .list-inline .list-inline-item{
    border-right:0;
    border-left:1px dashed #cccccc
}
html[dir=rtl] .like-comment .list-inline .list-inline-item:not(:last-child){
    margin-left:.5rem;
    margin-right:unset
}
html[dir=rtl] .like-comment .list-inline .list-inline-item:last-child{
    border-right:0;
    border-left:unset
}
html[dir=rtl] .form-select{
    background-position:left .75rem center
}
html[dir=rtl] .datatable-sorter:before{
    right:unset;
    left:4px
}
html[dir=rtl] .datatable-sorter:after{
    right:unset;
    left:4px
}
html[dir=rtl] .swiper,html[dir=rtl] .range-slider .card .card-body .slider-container{
    direction:ltr
}
html[dir=rtl] .docs-toggles .btn-group .btn:first-child{
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
html[dir=rtl] .docs-toggles .btn-group .btn:last-child{
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir=rtl] .img-cropper .btn-group button:first-child{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem
}
html[dir=rtl] .img-cropper .btn-group button:last-child{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem
}
html[dir=rtl] .scroll-demo .scroll-rtl .list-group-item span{
    margin-right:auto
}
html[dir=rtl] .card-absolute .card-header{
    right:15px;
    left:unset
}
html[dir=rtl] .list-behavior-1 .flex-grow-1{
    margin-right:16px;
    margin-left:unset
}
html[dir=rtl] .main-timeline ul:before{
    right:5px;
    left:unset!important
}
html[dir=rtl] .cd-timeline-img i{
    right:40%;
    left:unset;
    margin-right:-10px;
    margin-left:unset
}
html[dir=rtl] .cd-timeline-content .cd-date{
    right:122%;
    left:unset
}
html[dir=rtl] .cd-timeline-block:nth-child(2n) .cd-timeline-content{
    float:left;
    border-left:unset;
    border-right:unset
}
html[dir=rtl] .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-date{
    right:auto;
    left:122%;
    text-align:left
}
html[dir=rtl] .cd-timeline-block:nth-child(2n) .cd-timeline-content:before{
    right:auto;
    left:100%;
    border:15px solid transparent;
    border-left:15px solid #F4F5F8
}
@media (max-width: 1870px){
    html[dir=rtl] .apexcharts-legend{
        margin-right:-47px
    }
}
html[dir=rtl] .apexcharts-canvas{
    direction:ltr
}
html[dir=rtl] .chart-widget-top .text-end{
    text-align:left!important
}
html[dir=rtl] .chart-widget-top .num .ms-1{
    margin-right:.25rem!important
}
html[dir=rtl] .bar-chart-widget .earning-details i{
    left:-240px
}
html[dir=rtl] .bar-chart-widget .bottom-content .b-r-light{
    border-left:1px solid #F4F5F8!important;
    border-right:unset!important
}
html[dir=rtl] .bar-chart-widget .bottom-content .num .ms-1{
    margin-right:.25rem!important
}
html[dir=rtl] .form-check.form-check-reverse .form-check-input{
    float:right;
    margin-left:0;
    margin-right:10px
}
html[dir=rtl] .form-check{
    padding-right:1.25rem;
    padding-left:unset
}
html[dir=rtl] .form-check .form-check-input{
    float:right;
    margin-right:-1.5em;
    margin-left:unset
}
html[dir=rtl] .checkbox label{
    padding-right:16px;
    padding-left:unset
}
html[dir=rtl] .checkbox label:before{
    right:0;
    left:unset;
    margin-right:-16px;
    margin-left:unset
}
html[dir=rtl] .checkbox-checked input{
    margin-left:16px
}
html[dir=rtl] .radio-wrapper li .form-check-label i,html[dir=rtl] .checkbox-wrapper li .form-check-label i{
    padding-right:0;
    padding-left:8px
}
html[dir=rtl] .rtl-input .form-check.form-switch{
    padding-right:40px
}
html[dir=rtl] .rtl-input .form-check.form-switch .form-check-input{
    margin-left:unset;
    margin-right:-40px;
    float:right
}
html[dir=rtl] .rtl-input .form-check.form-check-inline{
    padding:0
}
html[dir=rtl] .form-check-size .d-block{
    margin:0;
    padding-right:1.25rem;
    padding-left:unset
}
html[dir=rtl] .form-check-size .d-block input{
    float:right;
    margin-left:unset;
    margin-right:-1.5em
}
html[dir=rtl] .mega-option .checkbox,html[dir=rtl] .mega-option .radio{
    margin-right:unset;
    margin-left:1rem
}
html[dir=rtl] .mega-option .form-check-input{
    margin:0 1rem
}
html[dir=rtl] .mega-option .form-check .form-check-input{
    margin-right:-1.5em!important;
    margin-left:unset!important
}
@media (max-width: 575px){
    html[dir=rtl] .mega-option .offset-sm-3{
        margin-right:0
    }
}
html[dir=rtl] .badge.pull-right{
    float:left
}
html[dir=rtl] .custom-input .form-check.form-switch .form-check-input{
    margin-left:7px
}
html[dir=rtl] .tagify__tag__removeBtn{
    margin-right:auto;
    margin-left:4.6666666667px
}
html[dir=rtl] .choices[data-type*=select-one]:after{
    left:11.5px;
    right:auto
}
html[dir=rtl] .table-hover tbody tr td svg{
    margin-right:unset
}
html[dir=rtl] .form-group label input{
    margin-left:15px
}
html[dir=rtl] .btn-group .btn+.btn{
    margin-right:-1px;
    border-right:none
}
html[dir=rtl] .btn-group .btn+.btn-group{
    margin-right:-1px;
    border-right:none
}
html[dir=rtl] .btn-group>.btn:not(:first-child){
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir=rtl] .btn-group>.btn:nth-child(2){
    border-radius:0!important
}
html[dir=rtl] .btn-group>.btn:not(:last-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem
}
html[dir=rtl] .dataTables_wrapper .dataTables_info,html[dir=rtl] .dataTables_wrapper .dataTables_length{
    float:right
}
html[dir=rtl] .dataTables_wrapper .dataTables_filter{
    margin-left:unset;
    margin-right:15px;
    float:left
}
html[dir=rtl] .dataTables_wrapper .dataTables_filter input[type=search]{
    margin-right:10px;
    margin-left:0
}
html[dir=rtl] table.dataTable thead .sorting_asc:before{
    left:1em!important;
    right:unset!important
}
html[dir=rtl] table.dataTable thead .sorting:before{
    left:1em!important;
    right:unset!important
}
html[dir=rtl] table.dataTable thead>tr>th{
    padding-left:30px;
    padding-right:12px
}
html[dir=rtl] table.dataTable thead>tr>th:after{
    left:.5em!important;
    right:unset!important
}
html[dir=rtl] div.dataTables_wrapper div.dataTables_paginate{
    margin-right:15px!important;
    margin-left:0!important;
    float:left
}
html[dir=rtl] .main .langChoice{
    left:30px;
    right:unset
}
html[dir=rtl] ul.icon-lists{
    padding-right:30px!important
}
html[dir=rtl] .pl-navs-inline{
    padding-right:26px!important
}
html[dir=rtl] .language-xs ul li.d-flex{
    padding-right:30px!important
}
html[dir=rtl] .wizard-4 .anchor .progresscont .circleblocks .user-profile>div .user-content{
    padding-right:24px;
    padding-left:unset
}
html[dir=rtl] .blog-box .blog-details .blog-social{
    padding-right:0
}
html[dir=rtl] .blog-box .blog-details .blog-social li:first-child{
    border-left:1px solid #cccccc;
    border-right:unset;
    padding-left:40px;
    padding-right:unset
}
@media (max-width: 575.98px){
    html[dir=rtl] .blog-box .blog-details .blog-social li:first-child{
        margin-left:10px;
        padding-left:20px
    }
}
html[dir=rtl] .blog-box .blog-details .blog-social li+li{
    margin-right:30px;
    margin-left:unset;
    padding-left:0
}
html[dir=rtl] .blog-box .blog-details-main .blog-social li{
    border-left:1px dotted;
    border-right:unset
}
html[dir=rtl] .blog-box .blog-details-main .blog-social li:last-child{
    border-left:none
}
html[dir=rtl] .comment-box .d-flex img{
    margin-left:45px;
    margin-right:unset
}
html[dir=rtl] .comment-box .d-flex h6,html[dir=rtl] .comment-box .d-flex .h6{
    text-align:right
}
html[dir=rtl] .comment-box .comment-social{
    text-align:left;
    float:left!important
}
html[dir=rtl] .comment-box ul ul{
    margin-right:135px;
    margin-left:unset;
    padding-right:0
}
@media (max-width: 575.98px){
    html[dir=rtl] .comment-box ul ul{
        margin-right:30px
    }
}
html[dir=rtl] .add-post form .m-checkbox-inline label input{
    margin-left:20px
}
html[dir=rtl] .faq-accordion.default-according .card .btn-link i{
    margin-left:10px;
    margin-right:unset
}
html[dir=rtl] .faq-accordion.default-according .card .faq-header i{
    left:30px;
    right:unset
}
html[dir=rtl] .navigation-option ul li a{
    padding-right:40px;
    padding-left:unset
}
html[dir=rtl] .navigation-option ul li a i{
    right:15px;
    left:unset
}
html[dir=rtl] .updates-faq{
    margin-right:unset;
    margin-left:20px
}
html[dir=rtl] .pull-right{
    float:left
}
html[dir=rtl] .faq-form .search-icon{
    left:12px;
    right:unset
}
html[dir=rtl] .categories .learning-header{
    padding-right:15px;
    padding-left:unset
}
html[dir=rtl] .ql-formats .ql-picker-label svg{
    right:unset!important;
    left:0
}
html[dir=rtl] .ql-editor ol{
    padding-left:unset!important;
    padding-right:24px
}
html[dir=rtl] .ql-editor ol li:not(.ql-direction-rtl):before{
    margin-left:unset;
    margin-right:unset
}
html[dir=rtl] .ql-editor ul{
    padding-left:unset!important;
    padding-right:24px!important
}
html[dir=rtl] .ql-editor ul li:not(.ql-direction-rtl):before{
    margin-left:unset;
    margin-right:unset
}
html[dir=rtl] .project-box .badge{
    right:unset;
    left:30px
}
html[dir=rtl] .file-content .form-inline i{
    padding-right:unset;
    padding-left:10px
}
html[dir=rtl] .file-sidebar .btn svg{
    margin-right:unset;
    margin-left:8px
}
html[dir=rtl] .grid-options{
    margin-right:10px;
    margin-left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-1{
    right:12px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-2{
    right:18px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-3{
    right:36px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-4{
    right:42px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-5{
    right:48px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-6{
    right:66px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-7{
    right:72px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-8{
    right:78px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-9{
    right:84px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-10{
    right:103px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-11{
    right:109px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-12{
    right:115px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-13{
    right:121px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-14{
    right:127px;
    left:unset
}
html[dir=rtl] .grid-options ul li a .line-grid-15{
    right:133px;
    left:unset
}
html[dir=rtl] .product-sidebar .filter-section .card .card-header h6 .pull-right i,html[dir=rtl] .product-sidebar .filter-section .card .card-header .h6 .pull-right i{
    left:auto;
    right:unset
}
html[dir=rtl] .product-filter .swiper-container .swiper-button-prev{
    left:0;
    right:auto
}
html[dir=rtl] .product-filter .swiper-container .swiper-button-next{
    left:32px;
    right:auto
}
html[dir=rtl] .product-wrapper-grid.list-view .product-box .product-details{
    text-align:right
}
html[dir=rtl] .swiper-container{
    direction:ltr
}
html[dir=rtl] .prooduct-details-box .btn{
    right:unset;
    left:15px
}
html[dir=rtl] .prooduct-details-box .close{
    right:unset;
    left:10px
}
html[dir=rtl] .order-box .qty li span,html[dir=rtl] .order-box .sub-total li .count,html[dir=rtl] .order-box .sub-total li .shopping-checkout-option{
    float:left
}
html[dir=rtl] .img-paypal{
    margin-right:15px;
    margin-left:unset
}
html[dir=rtl] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active:after,html[dir=rtl] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active:after{
    right:unset;
    left:0
}
html[dir=rtl] .email-main-wrapper .email-app-sidebar .emailbox.btn i{
    padding-right:unset;
    padding-left:12px
}
html[dir=rtl] .mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown:hover .onhover-show-div{
    left:unset;
    right:0
}
html[dir=rtl] .mail-body-wrapper .user-mail-wrapper .send-btn i{
    margin-left:0;
    margin-right:8px
}
html[dir=rtl] .compose-modal form .add-bcc{
    right:unset;
    left:16px
}
html[dir=rtl] .toolbar-box .ql-editor{
    text-align:right
}
html[dir=rtl] .email-wrap .email-app-sidebar .main-menu>li{
    text-align:right
}
html[dir=rtl] #editor .ql-editing,html[dir=rtl] #editor1 .ql-editing{
    left:0;
    right:60.375px!important
}
html[dir=rtl] #editor .ql-tooltip,html[dir=rtl] #editor1 .ql-tooltip{
    left:0;
    right:35.9688px!important
}
html[dir=rtl] .email-body .mail-header-wrapper .mail-header .form-check .form-check-input{
    margin-left:8px;
    margin-right:unset
}
html[dir=rtl] .email-body .mail-header-wrapper .mail-header ul li a:before{
    left:unset;
    right:0
}
html[dir=rtl] .email-body .mail-header-wrapper .mail-body .mail-search i{
    left:0;
    right:11px
}
html[dir=rtl] .email-body .light-square .dropdown-menu .dropdown-item i{
    padding-right:0;
    padding-left:12px
}
html[dir=rtl] .left-sidebar-wrapper{
    border-left:unset
}
html[dir=rtl] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text{
    padding-left:0;
    padding-right:unset
}
html[dir=rtl] .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control{
    border-right:unset
}
html[dir=rtl] .left-sidebar-wrapper .advance-options .chats-user li .chat-time>div{
    text-align:right
}
html[dir=rtl] .left-sidebar-wrapper .advance-options .chats-user li>div{
    text-align:start
}
html[dir=rtl] .active-profile .status{
    left:-2px;
    right:unset
}
html[dir=rtl] .search-contacts i{
    left:unset;
    right:10px
}
html[dir=rtl] .search-contacts svg{
    right:unset;
    left:10px
}
html[dir=rtl] .right-sidebar-chat{
    border-right:unset;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir=rtl] .right-sidebar-title .common-space .chat-time.group-chat ul li+li{
    margin-left:unset;
    margin-right:-12px
}
html[dir=rtl] .msg-img,html[dir=rtl] .msg-info-name{
    margin-left:10px;
    margin-right:unset
}
html[dir=rtl] .left-msg .msg-bubble{
    border-bottom-right-radius:0;
    border-bottom-left-radius:unset
}
html[dir=rtl] .right-msg .msg-bubble{
    border-bottom-left-radius:0;
    border-bottom-right-radius:unset
}
html[dir=rtl] .msger-inputarea .dropdown-form .chat-icon{
    left:unset;
    right:0
}
html[dir=rtl] .msger-send-btn{
    margin-left:unset;
    margin-right:10px
}
html[dir=rtl] .fg-emoji-container{
    right:calc(10px + 1395 * (100vw - 320px) / 1600)!important
}
html[dir=rtl] .fg-emoji-picker-search .fg-emoji-picker-search-icon{
    left:0;
    right:unset
}
html[dir=rtl] .email-wrap .btn-mail{
    text-align:right
}
html[dir=rtl] .modal-header .btn-close{
    margin:-.5rem auto -.5rem -.5rem;
    left:25px;
    top:22px
}
html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon{
    left:15px;
    right:unset;
    text-align:center
}
html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark{
    text-align:right
}
html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6,html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .h6{
    padding-left:15px;
    padding-right:unset
}
html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6:after,html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .h6:after{
    left:0;
    right:unset
}
html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li{
    display:inline-block
}
html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li+li{
    margin-left:unset;
    margin-right:5px
}
html[dir=rtl] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .title-bookmark .content-general p{
    margin-left:20px;
    margin-right:unset
}
html[dir=rtl] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block{
    text-align:left;
    right:unset;
    left:30px
}
html[dir=rtl] .list-persons .profile-mail .d-flex .flex-grow-1 ul li+li{
    padding-left:unset;
    padding-right:10px;
    margin-left:unset;
    margin-right:5px;
    border-left:unset;
    border-right:2px solid var(--light-color)
}
html[dir=rtl] .list-persons .profile-mail .email-general ul{
    padding-right:unset;
    padding-left:20px
}
html[dir=rtl] .list-persons .profile-mail .email-general ul li>span{
    float:left
}
html[dir=rtl] .email-wrap .email-app-sidebar ul li a{
    padding-left:unset;
    padding-right:20px
}
html[dir=rtl] .contact-options li .btn-category{
    padding-left:unset!important;
    padding-right:40px
}
html[dir=rtl] .user-profile .hovercard .user-image .share-icons{
    left:100px;
    right:unset
}
html[dir=rtl] .user-profile .hovercard .user-image .share-icons li{
    margin-left:10px;
    margin-right:unset
}
html[dir=rtl] .user-profile .hovercard .user-image .share-icons li:last-child{
    margin-left:0
}
html[dir=rtl] .timeline-content .comment-number i{
    margin-left:20px;
    margin-right:10px
}
html[dir=rtl] .social-chat .flex-grow-1:before{
    left:100%;
    right:unset;
    border-right:unset;
    border-left:7px solid #59667a
}
html[dir=rtl] .social-chat .flex-grow-1:after{
    left:100%;
    right:unset;
    border-right:unset;
    border-left:7px solid var(--body-color)
}
html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks{
    left:30px;
    right:unset
}
html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks .btn-label{
    margin-left:5px;
    margin-right:unset
}
html[dir=rtl] .star-ratings ul.search-info li+li{
    border-right:1px solid #aaaab2;
    border-left:unset;
    padding-right:8px;
    padding-left:0;
    margin-right:8px;
    margin-left:0
}
html[dir=rtl] .search-page .nav i{
    margin-left:10px;
    margin-right:unset
}
html[dir=rtl] .card .card-header .card-header-right .list-unstyled{
    padding-right:0!important;
    padding-left:unset!important
}
html[dir=rtl] .card .card-header .card-header-right .list-unstyled.card-option{
    text-align:left!important
}
html[dir=rtl] .quick-file li:last-child{
    margin-right:20px;
    margin-bottom:10px
}
html[dir=rtl] .file-manager .folder li:first-child{
    margin-left:12px;
    margin-bottom:12px
}
html[dir=rtl] .file-content .btn svg{
    margin-left:2px;
    margin-right:unset
}
html[dir=rtl] .file-content .folder .folder-box .ellips{
    right:unset;
    left:22px
}
html[dir=rtl] .file-sidebar .pricing-plan .bg-img{
    right:unset;
    left:-40px;
    transform:rotate(45deg)
}
html[dir=rtl] code[class*=language-],html[dir=rtl] pre[class*=language-]{
    text-align:right
}
html[dir=rtl] .code-box-copy__btn{
    left:11px;
    right:unset
}
html[dir=rtl] .starter-main .alert-primary.inverse:before{
    left:unset;
    right:54px
}
html[dir=rtl] .starter-main .card-body ul{
    padding-right:30px!important;
    padding-left:unset
}
html[dir=rtl] .customizer-links>.nav{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
html[dir=rtl] .datatable-table>thead>tr>th{
    text-align:right
}
html[dir=rtl] .comment-box .comment-social li{
    padding-left:0;
    padding-right:20px
}
html[dir=rtl] .comment-box .comment-social li:first-child{
    border-left:1px solid var(--light-semi-gray);
    border-right:unset;
    padding-right:0;
    padding-left:20px
}
html[dir=rtl] .browse .browse-articles span svg{
    margin-left:10px;
    margin-right:unset
}
html[dir=rtl] .social-status .d-flex .social-status{
    content:"";
    left:unset;
    right:35px
}
html[dir=rtl] .search-page .theme-form input{
    padding-left:unse;
    padding-right:20px;
    border-radius:0 10px 10px 0
}
html[dir=rtl] .buttons-tab .card-wrapper .nav-link [class*=circle-dot-]{
    margin-right:unset;
    margin-left:10px
}
html[dir=rtl] .alert-dismissible .ms-auto{
    margin-right:auto!important
}
html[dir=rtl] .datatable-top>div:first-child{
    float:right
}
html[dir=rtl] .datatable-top>div:last-child{
    float:left
}
html[dir=rtl] .datatable-bottom>div:first-child{
    float:right
}
html[dir=rtl] .datatable-bottom>nav:last-child{
    float:left
}
html[dir=rtl] .faq-widgets .flex-grow-1 p{
    padding-right:unset;
    padding-left:20px
}
@media (max-width: 575.98px){
    html[dir=rtl] .faq-widgets svg{
        right:unset;
        left:8px;
        top:0!important;
        width:40px!important;
        height:40px!important
    }
}
html[dir=rtl] .ql-toolbar.ql-snow .ql-formats{
    margin-right:unset;
    margin-left:15px
}
@media (max-width: 1199.98px){
    html[dir=rtl] .blog-single .comment-box ul.comment-social{
        margin-left:unset;
        margin-right:0;
        float:right!important
    }
}
@media (max-width: 991.98px){
    html[dir=rtl] .nav-right .header-right .serchinput .search-form{
        right:unset;
        left:0
    }
}
@media (max-width: 420px){
    html[dir=rtl] .nav-right .header-right .serchinput .search-form{
        right:unset;
        left:-80px
    }
}
html[dir=rtl] .left-filter .product-filter .text-start{
    text-align:left!important
}
html[dir=rtl] .page-sidebar .sidebar-submenu .submenu-title .feather{
    margin-right:auto;
    margin-left:unset
}
html[dir=rtl] .list-group-horizontal-sm>.list-group-item+.list-group-item,html[dir=rtl] .list-group-horizontal-md>.list-group-item+.list-group-item,html[dir=rtl] .list-group-horizontal-lg>.list-group-item+.list-group-item,html[dir=rtl] .list-group-horizontal-xl>.list-group-item+.list-group-item,html[dir=rtl] .list-group-horizontal-xxl>.list-group-item+.list-group-item{
    border-left-width:1px
}
html[dir=rtl] .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child),html[dir=rtl] .list-group-horizontal-md>.list-group-item:first-child:not(:last-child),html[dir=rtl] .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child),html[dir=rtl] .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child),html[dir=rtl] .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){
    border-bottom-left-radius:0;
    border-bottom-right-radius:.375rem;
    border-top-left-radius:0;
    border-top-right-radius:.375rem
}
html[dir=rtl] .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child),html[dir=rtl] .list-group-horizontal-md>.list-group-item:last-child:not(:first-child),html[dir=rtl] .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child),html[dir=rtl] .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child),html[dir=rtl] .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){
    border-top-right-radius:0;
    border-top-left-radius:.375rem;
    border-bottom-right-radius:0;
    border-bottom-left-radius:.375rem
}
html[dir=rtl] .horizontal-list-wrapper .list-group .list-group-item[class*=b-]{
    border-right-width:2px!important;
    border-left-width:0px!important
}
@media (max-width: 575px){
    html[dir=rtl] .horizontal-list-wrapper .list-group .list-group-item[class*=b-]{
        border-left:1px solid var(--solid-border)!important
    }
}
html[dir=rtl] .breadcrumb-space .breadcrumb-item+.breadcrumb-item:before{
    margin-right:unset;
    margin-left:7px
}
html[dir=rtl] .breadcrumb-item+.breadcrumb-item{
    padding-left:unset;
    padding-right:.5rem
}
html[dir=rtl] .breadcrumb-item+.breadcrumb-item:before{
    padding-left:.5rem;
    padding-right:unset;
    float:right
}
html[dir=rtl] .border-end{
    border-left:1px solid var(--solid-border);
    border-right:0px!important
}
html[dir=rtl] .ql-snow.ql-toolbar button{
    float:right
}
html[dir=rtl] .location-checkbox span{
    padding-left:unset;
    padding-right:50px
}
html[dir=rtl] .page-wrapper.sidebar-close .page-sidebar{
    left:unset;
    right:-263px;
    transition:.5s all
}
html[dir=rtl] .sidebar-pannle-main{
    right:unset;
    left:30px
}
html[dir=rtl] .setting-sidebar{
    right:unset;
    left:-400px
}
html[dir=rtl] .setting-sidebar.open{
    right:unset;
    left:0
}
html[dir=rtl] .page-wrapper.horizontal-sidebar .page-body-wrapper{
    margin-right:unset
}
html[dir=rtl] .page-wrapper.horizontal-sidebar .page-body-wrapper .page-sidebar{
    direction:ltr
}
@media (min-width: 1200px) and (max-width: 1610px){
    html[dir=rtl] .default-dashboard .custom-margin{
        margin-top:-78px
    }
}
html[dir=rtl] .default-dashboard .visit-card ul li+li:before{
    left:unset;
    right:-13px
}
@media (min-width: 1200px) and (max-width: 1800px){
    html[dir=rtl] .default-dashboard .visit-card ul li+li:before{
        right:-7px
    }
}
@media (min-width: 1200px) and (max-width: 1570px){
    html[dir=rtl] .default-dashboard .visit-card ul li+li:before{
        right:-1px
    }
}
html[dir=rtl] .default-dashboard .summary-card .project-cost{
    border-left:var(--light-border);
    border-right:unset
}
@media (max-width: 1880px){
    html[dir=rtl] .default-dashboard .summary-card .project-cost{
        margin-right:unset;
        margin-left:-15px
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    html[dir=rtl] .default-dashboard .summary-card .project-cost{
        border-left:0px
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    html[dir=rtl] .default-dashboard .summary-card .project-cost{
        border-left:0;
        text-align:center;
        margin-left:0!important
    }
}
@media (max-width: 500px){
    html[dir=rtl] .default-dashboard .summary-card .project-cost{
        border-left:0;
        text-align:center;
        margin-left:0!important
    }
}
html[dir=rtl] .default-dashboard .task-card ul li.d-flex .flex-shrink-0 input{
    margin-left:.5rem!important
}
html[dir=rtl] .default-dashboard .invest-card .card-body ul li+li{
    border-left:unset;
    border-right:var(--light-border)
}
html[dir=rtl] .default-dashboard .invoice-card .datatable-wrapper .datatable-top{
    right:unset;
    left:48px
}
@media (min-width: 1800px){
    html[dir=rtl] .default-dashboard .invoice-card .datatable-wrapper table tr th{
        padding:8px 3px!important
    }
}
html[dir=rtl] .default-dashboard .profile-greeting .card-body{
    background-position:center left -66%
}
@media (min-width: 1200px) and (max-width: 1860px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -65% bottom 123%
    }
}
@media (min-width: 1200px) and (max-width: 1800px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -110% bottom 123%
    }
}
@media (min-width: 1200px) and (max-width: 1720px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -162% bottom 123%
    }
}
@media (min-width: 1200px) and (max-width: 1660px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -250% bottom 123%
    }
}
@media (min-width: 1200px) and (max-width: 1620px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -300% bottom 123%
    }
}
@media (min-width: 1200px) and (max-width: 1580px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -370% bottom 123%
    }
}
@media (min-width: 1200px) and (max-width: 1570px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -262% bottom 165%
    }
}
@media (min-width: 1200px) and (max-width: 1520px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -400% bottom 165%
    }
}
@media (min-width: 1200px) and (max-width: 1490px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -600% bottom 165%
    }
}
@media (min-width: 1200px) and (max-width: 1470px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -900% bottom 165%
    }
}
@media (min-width: 992px) and (max-width: 1199.98px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -95% bottom 123%
    }
}
@media (max-width: 991.98px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -150% bottom 123%
    }
}
@media (max-width: 960px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -200% bottom 165%
    }
}
@media (max-width: 850px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -350% bottom 165%
    }
}
@media (max-width: 500px){
    html[dir=rtl] .default-dashboard .profile-greeting .card-body{
        background-position:left -150% bottom 105%
    }
}
html[dir=rtl] .default-dashboard .project-card .card-body ul li h5,html[dir=rtl] .default-dashboard .project-card .card-body ul li .h5{
    margin-left:unset;
    margin-right:12px
}
@media (min-width: 1200px) and (max-width: 1680px){
    html[dir=rtl] .default-dashboard .invoice-table table th:nth-child(2){
        display:none!important
    }
}
@media (min-width: 1200px) and (max-width: 1680px){
    html[dir=rtl] .default-dashboard .invoice-table table td:nth-child(2){
        display:none!important
    }
}
@media (min-width: 1200px) and (max-width: 1490px){
    html[dir=rtl] .default-dashboard .course-table table tr td{
        padding:17px 3px
    }
}
@media (min-width: 1200px) and (max-width: 1460px){
    html[dir=rtl] .default-dashboard .course-table table tr td{
        padding:8px 3px
    }
}
html[dir=rtl] .default-dashboard .dropdown.icon-dropdown,html[dir=rtl] .ecommerce-dashboard .dropdown.icon-dropdown,html[dir=rtl] .project-dashboard .dropdown.icon-dropdown{
    right:unset;
    left:19px!important
}
html[dir=rtl] .ecommerce-dashboard .datatable-wrapper .datatable-top{
    right:unset;
    left:48px
}
html[dir=rtl] .ecommerce-dashboard .datatable-wrapper .datatable-top input{
    margin-left:unset;
    margin-right:16px
}
html[dir=rtl] .ecommerce-dashboard .track-order .card-body{
    background-position:3% 86%;
    animation:unset
}
html[dir=rtl] .ecommerce-dashboard .selling-table table thead tr th{
    padding:12px 0!important
}
html[dir=rtl] .ecommerce-dashboard .discount-product .row div[class*=col-]+div[class*=col-]{
    padding-left:unset;
    border-left:unset;
    padding-right:22px;
    border-right:var(--light-border)
}
html[dir=rtl] .ecommerce-dashboard .progress-items .progress-card .order-chart{
    margin:-47px -20px -40px -10px
}
@media (min-width: 1500px) and (max-width: 1800px){
    html[dir=rtl] .ecommerce-dashboard .progress-items .progress-card .order-chart{
        margin:-47px -20px -40px -33px
    }
}
@media (min-width: 1200px) and (max-width: 1500px){
    html[dir=rtl] .ecommerce-dashboard .progress-items .progress-card .order-chart{
        margin:-47px 66px -40px -10px
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px){
    html[dir=rtl] .ecommerce-dashboard .progress-items .progress-card .order-chart{
        margin:-47px 34px -40px -10px
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    html[dir=rtl] .ecommerce-dashboard .progress-items .progress-card .order-chart{
        margin:-47px 72px -40px -10px
    }
}
html[dir=rtl] .project-dashboard .card.client-card .card-body .team-member .customers.avatar-group ul li+li{
    margin-right:-6%;
    margin-left:unset
}
html[dir=rtl] .project-dashboard .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li+li{
    margin-left:unset;
    margin-right:-17px
}
html[dir=rtl] .project-dashboard .task-table .table tbody tr td .task-icon-button button svg{
    margin-right:unset;
    margin-left:5px
}
html[dir=rtl] .project-dashboard .task-table .table tbody tr td .task-icon-button button i{
    margin-right:unset;
    margin-left:5px
}
html[dir=rtl] .project-dashboard .card-icon{
    right:unset;
    left:19px
}
html[dir=rtl] .project-dashboard .calendar__year{
    margin-left:unset;
    margin-right:-5px
}
html[dir=rtl] .general-widget .dropdown.icon-dropdown{
    right:unset;
    left:19px!important
}
html[dir=rtl] .general-widget .esatae-card .card-body .esatae-body .customer.avatar-group ul li+li{
    margin-right:-12px;
    margin-left:unset
}
html[dir=rtl] .general-widget .summary-card .project-cost{
    border-right:unset;
    border-left:var(--light-border)
}
@media (max-width: 991.98px){
    html[dir=rtl] .general-widget .summary-card .project-cost{
        border-left:0px;
        margin-left:0!important
    }
}
html[dir=rtl] .general-widget .summary-card ul.d-flex{
    margin:14px 0 24px
}
html[dir=rtl] .general-widget .progress-items .progress-card .order-chart{
    margin:-47px -20px -40px -10px!important
}
@media (max-width: 991.98px){
    html[dir=rtl] .general-widget .progress-items .progress-card .order-chart{
        margin:-41px 50px -40px 0!important
    }
}
@media (max-width: 1880px){
    html[dir=rtl] .general-widget .summary-card .project-cost{
        margin-right:unset;
        margin-left:-15px
    }
}
@media (min-width: 1200px) and (max-width: 1570px){
    html[dir=rtl] .project-dashboard .task-table .table tbody tr td ul{
        margin-right:unset;
        margin-left:88px
    }
}
@media (min-width: 1200px) and (max-width: 1630px){
    html[dir=rtl] .project-dashboard .card.client-card .card-body .team-member .customers.avatar-group ul li+li{
        margin-right:-13%;
        margin-left:unset
    }
}
@media (min-width: 1200px) and (max-width: 1720px){
    html[dir=rtl] .general-widget .esatae-card .card-body .esatae-body .customer.avatar-group ul li+li{
        margin-right:-22px;
        margin-left:unset
    }
}
@media (min-width: 1200px) and (max-width: 1730px){
    html[dir=rtl] .project-dashboard .card.esatae-card .card-body .esatae-body .customer.avatar-group ul li+li{
        margin-left:unset;
        margin-right:-23%
    }
}
@media (max-width: 1700px){
    html[dir=rtl] .project-dashboard .card.client-card .card-body .team-member .customers.avatar-group ul li+li{
        margin-right:-12%;
        margin-left:unset
    }
}
@media (min-width: 1200px) and (max-width: 1400px){
    html[dir=rtl] .general-widget .summary-card .project-cost{
        border-left:0;
        margin-left:0
    }
}
@media (min-width: 860px) and (max-width: 945px){
    html[dir=rtl] .fg-emoji-container{
        left:unset;
        right:417px
    }
}
@media (min-width: 686px) and (max-width: 860px){
    html[dir=rtl] .fg-emoji-container{
        left:unset;
        right:360px
    }
}
@media (min-width: 588px) and (max-width: 770px){
    html[dir=rtl] .fg-emoji-container{
        left:unset;
        right:200px
    }
}
@media (min-width: 546px) and (max-width: 588px){
    html[dir=rtl] .fg-emoji-container{
        left:unset;
        right:144px
    }
}
@media (min-width: 500px) and (max-width: 546px){
    html[dir=rtl] .fg-emoji-container{
        left:unset;
        right:88px
    }
}
@media (max-width: 500px){
    html[dir=rtl] .fg-emoji-container{
        left:unset;
        right:22px
    }
}
@media (max-width: 475px){
    html[dir=rtl] .mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown:hover .onhover-show-div{
        left:unset;
        right:-27px
    }
    html[dir=rtl] .mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown .inbox-security.onhover-show-div{
        left:unset;
        right:-27px
    }
}
@media (max-width: 430px){
    html[dir=rtl] #editor .ql-tooltip,html[dir=rtl] #editor1 .ql-tooltip{
        left:0;
        right:2.9688px!important
    }
}
@media (max-width: 445px){
    html[dir=rtl] .mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown:hover .onhover-show-div{
        left:unset;
        right:-70px
    }
    html[dir=rtl] .mail-body-wrapper .user-mail-wrapper .user-title>div .onhover-dropdown .inbox-security.onhover-show-div{
        left:unset;
        right:-70px
    }
}
html[dir=rtl] .tap-top{
    right:unset;
    left:30px
}
html[dir=rtl] .page-sidebar .sidebar-menu .sidebar-list .pinned-icon{
    right:unset;
    left:20px
}
html[dir=rtl] .product-modal.modal .modal-header .product-box .product-details .product-size ul li:nth-child(n+2){
    margin-left:unset;
    margin-right:15px
}
html[dir=rtl] .project-list ul li svg{
    margin-right:unset;
    margin-left:5px
}
html[dir=rtl] .project-list .border-tab.nav-tabs .nav-item .nav-link{
    padding:5px 0 5px 30px
}
html[dir=rtl] .left-filter .checkbox-primary{
    margin:0 1rem
}
html[dir=rtl] .prooduct-details-box .d-flex{
    padding:15px 10px 15px 0
}
html[dir=rtl] .ui-dropdown .btn-group>.btn:not(:last-child){
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem
}
html[dir=rtl] .ui-dropdown .dropdown-basic .btn-group>.btn:not(:last-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
html[dir=rtl] .ui-dropdown .dropdown-basic .separated-btn .btn{
    border-radius:5px 0 0 5px
}
html[dir=rtl] .job-cards-view .checkbox-primary{
    margin:0 1rem
}
html[dir=rtl] .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-radius:0 5px 5px 0
}
html[dir=rtl] .theme-form .input-group button{
    border-radius:0
}
html[dir=rtl] .input-group-page .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    border-top-right-radius:0!important;
    border-bottom-right-radius:0!important
}
html[dir=rtl] .input-group-page .btn{
    border-radius:6px!important
}
html[dir=rtl] .input-group-page .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),html[dir=rtl] .input-group-page .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),html[dir=rtl] .input-group-page .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,html[dir=rtl] .input-group-page .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select{
    border-top-left-radius:0!important;
    border-bottom-left-radius:0!important
}
html[dir=rtl] .input-group-page .theme-form .input-group-text{
    border-radius:5px!important
}
html[dir=rtl] .input-group-page .checkbox-checked input{
    margin-left:0
}
html[dir=rtl] .avatars .avatar{
    margin-right:unset;
    margin-left:10px
}
html[dir=rtl] .avatars .avatar:last-child{
    margin-left:0
}
html[dir=rtl] .avatars .avatar .status{
    right:unset;
    left:4%
}
html[dir=rtl] .radiocheckbox-page .form-check-size .d-block{
    margin-bottom:.5rem;
    padding-right:0;
    padding-left:0
}
html[dir=rtl] .radiocheckbox-page .form-check-size .d-block input{
    margin-left:1rem;
    margin-right:1rem
}
html[dir=rtl] .radiocheckbox-page .form-check-size .d-block input.radio-primary{
    margin-top:5px
}
html[dir=rtl] .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-radius:5px 0 0 5px
}
html[dir=rtl] .blog-box .blog-details{
    padding-right:unset;
    padding-left:20px
}
html[dir=rtl] .job-cards-view .radio-primary{
    margin:0 1rem
}
.sidebar-pannle-main{
    position:fixed;
    bottom:80px;
    z-index:9;
    right:30px
}
@media (max-width: 575.98px){
    .sidebar-pannle-main{
        display:none
    }
}
.sidebar-pannle-main ul .icon-btn{
    transition:all 1s;
    cursor:pointer;
    margin-bottom:10px;
    height:calc(1.4rem + 1.5em + 2px);
    width:calc(1.4rem + 1.5em + 2px);
    border-radius:100%;
    font-weight:800;
    align-items:center;
    justify-content:center;
    display:inline-flex;
    border:0!important;
    box-shadow:0 0 10px #43b9b2
}
.sidebar-pannle-main ul .icon-btn i{
    font-size:22px
}
.setting-sidebar{
    background-color:var(--card-color);
    width:370px;
    height:100%;
    position:fixed;
    top:0;
    right:-400px;
    z-index:999;
    box-shadow:0 36px 35px #0000001a;
    border-left:1px solid var(--photoswipe-border);
    transition:all .3s ease
}
.setting-sidebar.open{
    right:0;
    transition:all .3s ease
}
.setting-sidebar h4,.setting-sidebar .h4{
    font-weight:500
}
.setting-sidebar .customizer-header{
    padding:10px 20px;
    background:var(--theme-default)
}
.setting-sidebar .customizer-header .theme-title{
    display:flex;
    align-items:center
}
.setting-sidebar .customizer-header .theme-title h4,.setting-sidebar .customizer-header .theme-title .h4,.setting-sidebar .customizer-header .theme-title p{
    color:#fff
}
.setting-sidebar .customizer-header .theme-title .flex-grow-1 .icon-btn.btn-outline-light{
    cursor:pointer;
    transition:1s ease all;
    color:var(--theme-default);
    background-color:var(--card-color)!important;
    height:37px;
    width:37px;
    border-radius:100%;
    font-weight:800;
    align-items:center;
    justify-content:center;
    display:inline-flex;
    border:0!important
}
.setting-sidebar .customizer-header .theme-title .flex-grow-1 .icon-btn.btn-outline-light:hover{
    transform:rotate(360deg)
}
.setting-sidebar .customizer-header .theme-title .flex-grow-1 .icon-btn.btn-outline-light i{
    font-size:18px
}
.setting-sidebar .customizer-body{
    padding:20px;
    max-height:calc(100vh - 125px);
    overflow-y:scroll
}
.setting-sidebar .customizer-body .b-t-primary{
    border-top-width:2px!important
}
.setting-sidebar .customizer-body .color-body .color-img{
    position:relative;
    border:5px solid rgba(67,185,178,.3);
    border-radius:10px
}
.setting-sidebar .customizer-body .color-body .color-img img{
    left:0;
    border-radius:5px;
    transition:all 1s
}
.setting-sidebar .customizer-body .color-body .color-img img:hover{
    transform:scale(1.1)
}
.setting-sidebar .customizer-body .color-body .color-img .customizer-overlay{
    position:absolute;
    border-radius:5px;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#0000;
    transition:background .5s ease
}
.setting-sidebar .customizer-body .color-body .color-img .color-btn{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    transition:opacity .35s ease
}
.setting-sidebar .customizer-body .color-body .color-img .color-btn a{
    padding:3px 6px;
    text-align:center;
    color:#fff;
    font-size:12px;
    border:solid 2px #ffffff;
    z-index:1
}
.setting-sidebar .customizer-body .color-body .color-img:hover .customizer-overlay{
    display:block;
    background:#0000004d
}
.setting-sidebar .customizer-body .color-body .color-img:hover .color-btn{
    opacity:1
}
.setting-sidebar .customizer-body .radio-form{
    gap:0px;
    align-items:center;
    justify-content:space-evenly
}
.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li{
    width:unset;
    height:unset;
    padding:8px 15px
}
.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-input{
    cursor:pointer
}
.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-input:checked~.form-check-label .stroke-icon{
    stroke:var(--theme-default)
}
.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-input:checked~.form-check-label .fill-icon{
    fill:#43b9b2
}
.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-input:checked~.form-check-label span{
    color:var(--theme-default)
}
.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-label{
    margin-bottom:0!important;
    display:flex;
    align-items:center
}
.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-label .stroke-icon{
    stroke:var(--light-font)
}
.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-label .fill-icon{
    fill:var(--light-font)
}
.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-label span{
    color:var(--light-font)
}
.setting-sidebar .customizer-body .customizer-color ul .color-layout{
    height:35px;
    width:35px;
    border-radius:6px;
    display:inline-block;
    margin-right:3px;
    border:1px solid #b8b8b8;
    padding:3px;
    position:relative;
    cursor:pointer;
    opacity:.9
}
.setting-sidebar .customizer-body .customizer-color ul .color-layout>div{
    background-color:#43b9b2;
    height:100%;
    width:100%;
    border-radius:5px
}
.setting-sidebar .customizer-body .customizer-color ul .color-layout[data-attr=color-2] div{
    background-color:#0f2c59
}
.setting-sidebar .customizer-body .customizer-color ul .color-layout[data-attr=color-3] div{
    background-color:#7a3e65
}
.setting-sidebar .customizer-body .customizer-color ul .color-layout[data-attr=color-4] div{
    background-color:#025464
}
.setting-sidebar .customizer-body .customizer-color ul .color-layout[data-attr=color-5] div{
    background-color:#3e64ff
}
.setting-sidebar .customizer-body .customizer-color ul .color-layout[data-attr=color-6] div{
    background-color:#506d84
}
.setting-sidebar .customizer-footer{
    padding:10px 20px;
    border-top:1px solid #cccbcb
}
.setting-sidebar .customizer-footer .btn{
    align-items:center;
    display:flex;
    box-shadow:0 3px 3px #34476726,0 3px 1px -2px #34476733,0 1px 5px #34476726
}
.setting-sidebar .customizer-footer .btn:hover{
    animation:pulse 1s infinite;
    transition:.3s
}
.setting-sidebar .customizer-footer .btn:hover svg{
    animation:swing ease-in-out .5s 1 alternate
}
.setting-sidebar .customizer-footer .btn svg{
    transition:color .3s
}