/*structures copied from https://getbootstrap.com/docs/5.0/getting-started/introduction/ */
@import url(block.css);
@import url(blog.css);
@import url(blog-post.css);
@import url(buttons.css);
@import url(card.css);
@import url(counter.css);
@import url(dropdown.css);
@import url(component-code.css);
@import url(hero.css);
@import url(nav.css);
@import url(footer.css);
@import url(nav-avatar.css);
@import url(sidebar.css);
@import url(tab.css);
@import url(text.css);

:root {

    --c-primary: #4F46E5;
    --c-primary-100: #0900b8;
    --c-primary-200: #0900b8;
    --c-primary-300: #0900b8;
    --c-primary-400: #0900b8;
    --c-primary-500: #0900b8;
    --c-primary-600: #0900b8;
    --c-primary-700: #0900b8;
    --c-primary-800: #0900b8;
    --c-primary-900: #0900b8;

    --c-secondary: #5a6f82;
    --c-secondary-100: #6c757d;
    --c-secondary-200: #6c757d;
    --c-secondary-300: #6c757d;
    --c-secondary-400: #6c757d;
    --c-secondary-500: #6c757d;
    --c-secondary-600: #6c757d;
    --c-secondary-700: #6c757d;
    --c-secondary-800: #6c757d;
    --c-secondary-900: #6c757d;

    --c-danger: #dc3545;
    --c-danger-100: #be0013;
    --c-danger-200: #be0013;
    --c-danger-300: #be0013;
    --c-danger-400: #be0013;
    --c-danger-500: #be0013;
    --c-danger-600: #be0013;
    --c-danger-700: #be0013;
    --c-danger-800: #be0013;
    --c-danger-900: #be0013;

    --c-dark: #000000;
    --c-dark-100: #080808;
    --c-dark-200: #171717;
    --c-dark-300: #212121;
    --c-dark-400: #313131;
    --c-dark-500: #515151;
    --c-dark-600: #616161;
    --c-dark-700: #717171;
    --c-dark-800: #818181;
    --c-dark-900: #919191;

    --c-info: #0dcaf0;
    --c-info-100: #05a2c1;
    --c-info-200: #05a2c1;
    --c-info-300: #05a2c1;
    --c-info-400: #05a2c1;
    --c-info-500: #05a2c1;
    --c-info-600: #05a2c1;
    --c-info-700: #05a2c1;
    --c-info-800: #05a2c1;
    --c-info-900: #05a2c1;

    --c-light: #D4D8DD;
    --c-light-100: #e1e1e1;
    --c-light-200: #e1e1e1;
    --c-light-300: #e1e1e1;
    --c-light-400: #e1e1e1;
    --c-light-500: #e1e1e1;
    --c-light-600: #e1e1e1;
    --c-light-700: #e1e1e1;
    --c-light-800: #e1e1e1;
    --c-light-900: #e1e1e1;

    --c-success: #4ade80;
    --c-success-100: #3eab66;
    --c-success-200: #3eab66;
    --c-success-300: #3eab66;
    --c-success-400: #3eab66;
    --c-success-500: #3eab66;
    --c-success-600: #3eab66;
    --c-success-700: #3eab66;
    --c-success-800: #3eab66;
    --c-success-900: #3eab66;

    --c-warning: #ffc107;
    --c-warning-100: #d19e04;
    --c-warning-200: #d19e04;
    --c-warning-300: #d19e04;
    --c-warning-400: #d19e04;
    --c-warning-500: #d19e04;
    --c-warning-600: #d19e04;
    --c-warning-700: #d19e04;
    --c-warning-800: #d19e04;
    --c-warning-900: #d19e04;

    --c-white: #fff;
    --c-white-100: #ffffff0d;
    --c-white-200: #ffffff0d;
    --c-white-300: #ffffff0d;
    --c-white-400: #ffffff0d;
    --c-white-500: #ffffff0d;
    --c-white-600: #ffffff0d;
    --c-white-700: #ffffff0d;
    --c-white-800: #ffffff0d;
    --c-white-900: #ffffff0d;

    --c-blue: #0d6efd;
    --c-blue-100: #0d6efd;
    --c-blue-200: #0d6efd;
    --c-blue-300: #0d6efd;
    --c-blue-400: #0d6efd;
    --c-blue-500: #0d6efd;
    --c-blue-600: #0d6efd;
    --c-blue-700: #0d6efd;
    --c-blue-800: #0d6efd;
    --c-blue-900: #0d6efd;

    --c-cyan: #0dcaf0;
    --c-cyan-100: #0dcaf0;
    --c-cyan-200: #0dcaf0;
    --c-cyan-300: #0dcaf0;
    --c-cyan-400: #0dcaf0;
    --c-cyan-500: #0dcaf0;
    --c-cyan-600: #0dcaf0;
    --c-cyan-700: #0dcaf0;
    --c-cyan-800: #0dcaf0;
    --c-cyan-900: #0dcaf0;

    --c-gray: #9ca3af;
    --c-gray-100: #9ca3af;
    --c-gray-200: #898f98;
    --c-gray-300: #888e99;
    --c-gray-400: #828892;
    --c-gray-500: #7e838c;
    --c-gray-600: #6b7078;
    --c-gray-700: #646970;
    --c-gray-800: #585c62;
    --c-gray-900: #727d90;

    --c-green: #198754;
    --c-green-100: #198754;
    --c-green-200: #198754;
    --c-green-300: #198754;
    --c-green-400: #4ade80;
    --c-green-500: #198754;
    --c-green-600: #198754;
    --c-green-700: #198754;
    --c-green-800: #198754;
    --c-green-900: #198754;

    --c-indigo: #6610f2;
    --c-indigo-100: #6610f2;
    --c-indigo-200: #6610f2;
    --c-indigo-300: #6610f2;
    --c-indigo-400: #6610f2;
    --c-indigo-500: #6610f2;
    --c-indigo-600: #6610f2;
    --c-indigo-700: #6610f2;
    --c-indigo-800: #6610f2;
    --c-indigo-900: #6610f2;

    --c-orange: #fd7e14;
    --c-orange-100: #fd7e14;
    --c-orange-200: #fd7e14;
    --c-orange-300: #fd7e14;
    --c-orange-400: #fd7e14;
    --c-orange-500: #fd7e14;
    --c-orange-600: #fd7e14;
    --c-orange-700: #fd7e14;
    --c-orange-800: #fd7e14;
    --c-orange-900: #fd7e14;

    --c-muted: #999;
    --c-muted-100: #999;
    --c-muted-200: #999;
    --c-muted-300: #999;
    --c-muted-400: #999;
    --c-muted-500: #999;
    --c-muted-600: #999;
    --c-muted-700: #999;
    --c-muted-800: #999;
    --c-muted-900: #999;

    --c-red: #dc3545;
    --c-red-100: #dc3545;
    --c-red-200: #dc3545;
    --c-red-300: #dc3545;
    --c-red-400: #dc3545;
    --c-red-500: #dc3545;
    --c-red-600: #dc3545;
    --c-red-700: #dc3545;
    --c-red-800: #dc3545;
    --c-red-900: #dc3545;

    --c-purple: #6f42c1;
    --c-purple-100: #6f42c1;
    --c-purple-200: #6f42c1;
    --c-purple-300: #6f42c1;
    --c-purple-400: #6f42c1;
    --c-purple-500: #6f42c1;
    --c-purple-600: #6f42c1;
    --c-purple-700: #6f42c1;
    --c-purple-800: #6f42c1;
    --c-purple-900: #6f42c1;

    --c-pink: #d63384;
    --c-pink-100: #d63384;
    --c-pink-200: #d63384;
    --c-pink-300: #d63384;
    --c-pink-400: #d63384;
    --c-pink-500: #d63384;
    --c-pink-600: #d63384;
    --c-pink-700: #d63384;
    --c-pink-800: #d63384;
    --c-pink-900: #d63384;

    --c-teal: #20c997;
    --c-teal-100: #20c997;
    --c-teal-200: #20c997;
    --c-teal-300: #20c997;
    --c-teal-400: #20c997;
    --c-teal-500: #20c997;
    --c-teal-600: #20c997;
    --c-teal-700: #20c997;
    --c-teal-800: #20c997;
    --c-teal-900: #20c997;

    --c-yellow: #ffc107;
    --c-yellow-100: #ffc107;
    --c-yellow-200: #ffc107;
    --c-yellow-300: #ffc107;
    --c-yellow-400: #ffc107;
    --c-yellow-500: #ffc107;
    --c-yellow-600: #ffc107;
    --c-yellow-700: #ffc107;
    --c-yellow-800: #ffc107;
    --c-yellow-900: #ffc107;

    --c-shadow-xs: 0 0 5px;
    --c-shadow-sm: 0 0 10px;
    --c-shadow-md: 0 0 15px;
    --c-shadow-lg: 0 0 20px;
    --c-shadow-xl: 0 0 25px;

    --c-radius-xs: 5px;
    --c-radius-sm: 10px;
    --c-radius-md: 15px;
    --c-radius-lg: 20px;
    --c-radius-xl: 25px;

    --c-font-primary: inter;
    --c-font-secondary: montserrat;
    --c-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --c-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --c-fs-xs: 5px;
    --c-fs-sm: 10px;
    --c-fs-md: 15px;
    --c-fs-lg: 20px;
    --c-fs-xl: 25px;

    --c-fw-100: 100;
    --c-fw-200: 200;
    --c-fw-300: 300;
    --c-fw-400: 400;
    --c-fw-500: 500;
    --c-fw-600: 600;
    --c-fw-700: 700;
    --c-fw-800: 800;
    --c-fw-900: 900;

    --c-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}


.theme-light:root {

    --c-primary: #747474;
    --c-primary-100: #0900b8;
    --c-primary-200: #0900b8;
    --c-primary-300: #0900b8;
    --c-primary-400: #0900b8;
    --c-primary-500: #0900b8;
    --c-primary-600: #0900b8;
    --c-primary-700: #0900b8;
    --c-primary-800: #0900b8;
    --c-primary-900: #0900b8;

    --c-secondary: #5a6f82;
    --c-secondary-100: #6c757d;
    --c-secondary-200: #6c757d;
    --c-secondary-300: #6c757d;
    --c-secondary-400: #6c757d;
    --c-secondary-500: #6c757d;
    --c-secondary-600: #6c757d;
    --c-secondary-700: #6c757d;
    --c-secondary-800: #6c757d;
    --c-secondary-900: #6c757d;

    --c-danger: #dc3545;
    --c-danger-100: #be0013;
    --c-danger-200: #be0013;
    --c-danger-300: #be0013;
    --c-danger-400: #be0013;
    --c-danger-500: #be0013;
    --c-danger-600: #be0013;
    --c-danger-700: #be0013;
    --c-danger-800: #be0013;
    --c-danger-900: #be0013;

    --c-dark: #000000;
    --c-dark-100: #080808;
    --c-dark-200: #212121;
    --c-dark-300: #212121cc;
    --c-dark-400: #111111;
    --c-dark-500: #212121;
    --c-dark-600: #212121;
    --c-dark-700: #212121;
    --c-dark-800: #212121;
    --c-dark-900: #212121;

    --c-info: #0dcaf0;
    --c-info-100: #05a2c1;
    --c-info-200: #05a2c1;
    --c-info-300: #05a2c1;
    --c-info-400: #05a2c1;
    --c-info-500: #05a2c1;
    --c-info-600: #05a2c1;
    --c-info-700: #05a2c1;
    --c-info-800: #05a2c1;
    --c-info-900: #05a2c1;

    --c-light: #D4D8DD;
    --c-light-100: #e1e1e1;
    --c-light-200: #e1e1e1;
    --c-light-300: #e1e1e1;
    --c-light-400: #e1e1e1;
    --c-light-500: #e1e1e1;
    --c-light-600: #e1e1e1;
    --c-light-700: #e1e1e1;
    --c-light-800: #e1e1e1;
    --c-light-900: #e1e1e1;

    --c-success: #4ade80;
    --c-success-100: #3eab66;
    --c-success-200: #3eab66;
    --c-success-300: #3eab66;
    --c-success-400: #3eab66;
    --c-success-500: #3eab66;
    --c-success-600: #3eab66;
    --c-success-700: #3eab66;
    --c-success-800: #3eab66;
    --c-success-900: #3eab66;

    --c-warning: #ffc107;
    --c-warning-100: #d19e04;
    --c-warning-200: #d19e04;
    --c-warning-300: #d19e04;
    --c-warning-400: #d19e04;
    --c-warning-500: #d19e04;
    --c-warning-600: #d19e04;
    --c-warning-700: #d19e04;
    --c-warning-800: #d19e04;
    --c-warning-900: #d19e04;

    --c-white: #fff;

    --c-blue: #0d6efd;
    --c-cyan: #0dcaf0;
    --c-gray: #9ca3af;
    --c-gray-400: #9ca3af;
    --c-gray-900: #727d90;

    --c-green: #198754;
    --c-green-400: #4ade80;

    --c-indigo: #6610f2;
    --c-orange: #fd7e14;
    --c-muted: #999;
    --c-red: #dc3545;
    --c-purple: #6f42c1;
    --c-pink: #d63384;
    --c-teal: #20c997;
    --c-yellow: #ffc107;

    --c-shadow-xs: 0 0 5px;
    --c-shadow-sm: 0 0 10px;
    --c-shadow-md: 0 0 15px;
    --c-shadow-lg: 0 0 20px;
    --c-shadow-xl: 0 0 25px;

    --c-radius-xs: 5px;
    --c-radius-sm: 10px;
    --c-radius-md: 15px;
    --c-radius-lg: 20px;
    --c-radius-xl: 25px;

    --c-font-primary: inter;
    --c-font-secondary: montserrat;
    --c-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --c-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --c-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

@font-face {
    font-family: inter;
    src: url('../fonts/Inter.ttf');
}

@font-face {
    font-family: montserrat;
    src: url('../fonts/Montserrat.ttf');
}

/*
===============================================
    Essentials====================================
===============================================
*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
div {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.theme-dark {
    background-color: var(--c-dark-100);
}

/*
    Buttons >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

button,
select {
    text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
}

.btn-cc {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15sease-in-out, background-color .15sease-in-out, border-color .15sease-in-out, box-shadow .15sease-in-out;
}

.btn-cc:hover {
    color: #212529;
}

/*primary--------------------------------------------------------*/

.btn-primary-cc {
    color: var(--c-white) !important;
    background-color: var(--c-primary) !important;
    border-color: var(--c-primary) !important;
}

.btn-primary-cc:hover {
    color: var(--c-white) !important;
    background-color: var(--c-primary-900) !important;
    border-color: var(--c-primary-900);
}

.btn-outline-primary-cc {
    color: var(--c-primary) !important;
    border-color: var(--c-primary) !important;
}

.btn-outline-primary-cc:hover {
    color: var(--c-white) !important;
    background-color: var(--c-primary) !important;
    border-color: var(--c-primary) !important;
}

/*secondary--------------------------------------------------------*/

.btn-secondary-cc {
    color: var(--c-white) !important;
    background-color: var(--c-secondary) !important;
    border-color: var(--c-secondary) !important;
}

.btn-secondary-cc:hover {
    color: var(--c-white) !important;
    background-color: var(--c-secondary-900) !important;
    border-color: var(--c-secondary-900) !important;
}

.btn-outline-secondary-cc {
    color: var(--c-white) !important;
    border-color: var(--c-secondary) !important;
}

.btn-outline-secondary-cc:hover {
    color: var(--c-white) !important;
    background-color: var(--c-secondary) !important;
    border-color: var(--c-secondary) !important;
}


/*danger--------------------------------------------------------*/

.btn-danger-cc {
    color: var(--c-white) !important;
    background-color: var(--c-danger) !important;
    border-color: var(--c-danger) !important;
}

.btn-danger-cc:hover {
    color: var(--c-white) !important;
    background-color: var(--c-danger-900) !important;
    border-color: var(--c-danger-900) !important;
}

.btn-outline-danger-cc {
    color: var(--c-danger) !important;
    border-color: var(--c-danger) !important;
}

.btn-outline-danger-cc:hover {
    color: var(--c-white) !important;
    background-color: var(--c-danger) !important;
    border-color: var(--c-danger) !important;
}


/*dark--------------------------------------------------------*/

.btn-dark-cc {
    color: var(--c-white) !important;
    background-color: var(--c-dark) !important;
    border-color: var(--c-dark) !important;
}

.btn-dark-300-cc {
    color: var(--c-white) !important;
    background-color: var(--c-dark-300) !important;
    border-color: var(--c-dark-300) !important;
}

.btn-dark-cc:hover {
    color: var(--c-white) !important;
    background-color: var(--c-dark-900) !important;
    border-color: var(--c-dark-900) !important;
}

.btn-outline-dark-cc {
    color: var(--c-dark) !important;
    border-color: var(--c-dark) !important;
}

.btn-outline-dark-cc:hover {
    color: var(--c-white) !important;
    background-color: var(--c-dark) !important;
    border-color: var(--c-dark) !important;
}


/*info--------------------------------------------------------*/

.btn-info-cc {
    color: var(--c-dark) !important;
    background-color: var(--c-info) !important;
    border-color: var(--c-info) !important;
}

.btn-info-cc:hover {
    color: var(--c-dark) !important;
    background-color: var(--c-info-900) !important;
    border-color: var(--c-info-900) !important;
}

.btn-outline-info-cc {
    color: var(--c-dark) !important;
    border-color: var(--c-info) !important;
}

.btn-outline-info-cc:hover {
    color: var(--c-dark) !important;
    background-color: var(--c-info) !important;
    border-color: var(--c-info) !important;
}


/*light--------------------------------------------------------*/

.btn-light-cc {
    color: var(--c-light) !important;
    background-color: var(--c-light) !important;
    border-color: var(--c-light) !important;
}

.btn-light-cc:hover {
    color: var(--c-light) !important;
    background-color: var(--c-light-900) !important;
    border-color: var(--c-light-900) !important;
}

.btn-outline-light-cc {
    color: var(--c-light) !important;
    border-color: var(--c-light) !important;
}

.btn-outline-light-cc:hover {
    color: var(--c-light) !important;
    background-color: var(--c-light) !important;
    border-color: var(--c-light) !important;
}

/*success--------------------------------------------------------*/

.btn-success-cc {
    color: var(--c-white) !important;
    background-color: var(--c-success) !important;
    border-color: var(--c-success) !important;
}

.btn-success-cc:hover {
    color: var(--c-white) !important;
    background-color: var(--c-success-900) !important;
    border-color: var(--c-success-900) !important;
}

.btn-outline-success-cc {
    color: var(--c-white) !important;
    border-color: var(--c-success) !important;
}

.btn-outline-success-cc:hover {
    color: var(--c-success) !important;
    background-color: var(--c-success) !important;
    border-color: var(--c-success) !important;
}

/*warning--------------------------------------------------------*/

.btn-warning-cc {
    color: var(--c-dark) !important;
    background-color: var(--c-warning) !important;
    border-color: var(--c-warning) !important;
}

.btn-warning-cc:hover {
    color: var(--c-dark) !important;
    background-color: var(--c-warning-900) !important;
    border-color: var(--c-warning-900) !important;
}

.btn-outline-warning-cc {
    color: var(--c-dark) !important;
    border-color: var(--c-warning) !important;
}

.btn-outline-warning-cc:hover {
    color: var(--c-dark) !important;
    background-color: var(--c-warning) !important;
    border-color: var(--c-warning) !important;
}


/*link*/
.btn-link-cc {
    font-weight: 400;
    color: var(--c-primary);
    text-decoration: underline;
}

.btn-link-cc:hover {
    color: var(--c-primary-900);
}

/*size*/

.btn-group-sm-c>.btn-c,
.btn-sm-cc {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem;
}

.btn-group-lg-c>.btn-c,
.btn-lg-cc {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem;
}

/*disabled*/
.btn-c.disabled,
.btn-c:disabled,
fieldset-c:disabled .btn-cc {
    pointer-events: none;
    opacity: .65;
}


/*
    bacground-color >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/



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

.bg-primary-100-cc {
    background-color: var(--c-primary-100) !important;
}

.bg-primary-200-cc {
    background-color: var(--c-primary-200) !important;
}

.bg-primary-300-cc {
    background-color: var(--c-primary-300) !important;
}

.bg-primary-400-cc {
    background-color: var(--c-primary-400) !important;
}

.bg-primary-500-cc {
    background-color: var(--c-primary-500) !important;
}

.bg-primary-600-cc {
    background-color: var(--c-primary-600) !important;
}

.bg-primary-700-cc {
    background-color: var(--c-primary-700) !important;
}

.bg-primary-800-cc {
    background-color: var(--c-primary-800) !important;
}

.bg-primary-900-cc {
    background-color: var(--c-primary-900) !important;
}




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

.bg-secondary-100-cc {
    background-color: var(--c-secondary-100) !important;
}

.bg-secondary-200-cc {
    background-color: var(--c-secondary-200) !important;
}

.bg-secondary-300-cc {
    background-color: var(--c-secondary-300) !important;
}

.bg-secondary-400-cc {
    background-color: var(--c-secondary-400) !important;
}

.bg-secondary-500-cc {
    background-color: var(--c-secondary-500) !important;
}

.bg-secondary-600-cc {
    background-color: var(--c-secondary-600) !important;
}

.bg-secondary-700-cc {
    background-color: var(--c-secondary-700) !important;
}

.bg-secondary-800-cc {
    background-color: var(--c-secondary-800) !important;
}

.bg-secondary-900-cc {
    background-color: var(--c-secondary-900) !important;
}


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

.bg-danger-100-cc {
    background-color: var(--c-danger-100) !important;
}

.bg-danger-200-cc {
    background-color: var(--c-danger-200) !important;
}

.bg-danger-300-cc {
    background-color: var(--c-danger-300) !important;
}

.bg-danger-400-cc {
    background-color: var(--c-danger-400) !important;
}

.bg-danger-500-cc {
    background-color: var(--c-danger-500) !important;
}

.bg-danger-600-cc {
    background-color: var(--c-danger-600) !important;
}

.bg-danger-700-cc {
    background-color: var(--c-danger-700) !important;
}

.bg-danger-800-cc {
    background-color: var(--c-danger-800) !important;
}

.bg-danger-900-cc {
    background-color: var(--c-danger-900) !important;
}



.bg-dark-cc {
    background-color: var(--c-dark) !important;
}

.bg-dark-100-cc {
    background-color: var(--c-dark-100) !important;
}

.bg-dark-200-cc {
    background-color: var(--c-dark-200) !important;
}

.bg-dark-300-cc {
    background-color: var(--c-dark-300) !important;
}

.bg-dark-400-cc {
    background-color: var(--c-dark-400) !important;
}

.bg-dark-500-cc {
    background-color: var(--c-dark-500) !important;
}

.bg-dark-600-cc {
    background-color: var(--c-dark-600) !important;
}

.bg-dark-700-cc {
    background-color: var(--c-dark-700) !important;
}

.bg-dark-800-cc {
    background-color: var(--c-dark-800) !important;
}

.bg-dark-900-cc {
    background-color: var(--c-dark-900) !important;
}



.bg-info-cc {
    background-color: var(--c-info) !important;
}

.bg-info-100-cc {
    background-color: var(--c-info-100) !important;
}

.bg-info-200-cc {
    background-color: var(--c-info-200) !important;
}

.bg-info-300-cc {
    background-color: var(--c-info-300) !important;
}

.bg-info-400-cc {
    background-color: var(--c-info-400) !important;
}

.bg-info-500-cc {
    background-color: var(--c-info-500) !important;
}

.bg-info-600-cc {
    background-color: var(--c-info-600) !important;
}

.bg-info-700-cc {
    background-color: var(--c-info-700) !important;
}

.bg-info-800-cc {
    background-color: var(--c-info-800) !important;
}

.bg-info-900-cc {
    background-color: var(--c-info-900) !important;
}




.bg-light-cc {
    background-color: var(--c-light) !important;
}

.bg-light-100-cc {
    background-color: var(--c-light-100) !important;
}

.bg-light-200-cc {
    background-color: var(--c-light-200) !important;
}

.bg-light-300-cc {
    background-color: var(--c-light-300) !important;
}

.bg-light-400-cc {
    background-color: var(--c-light-400) !important;
}

.bg-light-500-cc {
    background-color: var(--c-light-500) !important;
}

.bg-light-600-cc {
    background-color: var(--c-light-600) !important;
}

.bg-light-700-cc {
    background-color: var(--c-light-700) !important;
}

.bg-light-800-cc {
    background-color: var(--c-light-800) !important;
}

.bg-light-900-cc {
    background-color: var(--c-light-900) !important;
}




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

.bg-success-100-cc {
    background-color: var(--c-success-100) !important;
}

.bg-success-200-cc {
    background-color: var(--c-success-200) !important;
}

.bg-success-300-cc {
    background-color: var(--c-success-300) !important;
}

.bg-success-400-cc {
    background-color: var(--c-success-400) !important;
}

.bg-success-500-cc {
    background-color: var(--c-success-500) !important;
}

.bg-success-600-cc {
    background-color: var(--c-success-600) !important;
}

.bg-success-700-cc {
    background-color: var(--c-success-700) !important;
}

.bg-success-800-cc {
    background-color: var(--c-success-800) !important;
}

.bg-success-900-cc {
    background-color: var(--c-success-900) !important;
}



.bg-warning-cc {
    background-color: var(--c-warning) !important;
}

.bg-warning-100-cc {
    background-color: var(--c-warning-100) !important;
}

.bg-warning-200-cc {
    background-color: var(--c-warning-200) !important;
}

.bg-warning-300-cc {
    background-color: var(--c-warning-300) !important;
}

.bg-warning-400-cc {
    background-color: var(--c-warning-400) !important;
}

.bg-warning-500-cc {
    background-color: var(--c-warning-500) !important;
}

.bg-warning-600-cc {
    background-color: var(--c-warning-600) !important;
}

.bg-warning-700-cc {
    background-color: var(--c-warning-700) !important;
}

.bg-warning-800-cc {
    background-color: var(--c-warning-800) !important;
}

.bg-warning-900-cc {
    background-color: var(--c-warning-900) !important;
}



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

.bg-white-100-cc {
    background-color: var(--c-white-100) !important;
}

.bg-white-200-cc {
    background-color: var(--c-white-200) !important;
}

.bg-white-300-cc {
    background-color: var(--c-white-300) !important;
}

.bg-white-400-cc {
    background-color: var(--c-white-400) !important;
}

.bg-white-500-cc {
    background-color: var(--c-white-500) !important;
}

.bg-white-600-cc {
    background-color: var(--c-white-600) !important;
}

.bg-white-700-cc {
    background-color: var(--c-white-700) !important;
}

.bg-white-800-cc {
    background-color: var(--c-white-800) !important;
}

.bg-white-900-cc {
    background-color: var(--c-white-900) !important;
}


.bg-blue-cc {
    background-color: var(--c-blue) !important;
}

.bg-blue-100-cc {
    background-color: var(--c-blue-100) !important;
}

.bg-blue-200-cc {
    background-color: var(--c-blue-200) !important;
}

.bg-blue-300-cc {
    background-color: var(--c-blue-300) !important;
}

.bg-blue-400-cc {
    background-color: var(--c-blue-400) !important;
}

.bg-blue-500-cc {
    background-color: var(--c-blue-500) !important;
}

.bg-blue-600-cc {
    background-color: var(--c-blue-600) !important;
}

.bg-blue-700-cc {
    background-color: var(--c-blue-700) !important;
}

.bg-blue-800-cc {
    background-color: var(--c-blue-800) !important;
}

.bg-blue-900-cc {
    background-color: var(--c-blue-900) !important;
}




.bg-cyan-cc {
    background-color: var(--c-cyan) !important;
}

.bg-cyan-100-cc {
    background-color: var(--c-cyan-100) !important;
}

.bg-cyan-200-cc {
    background-color: var(--c-cyan-200) !important;
}

.bg-cyan-300-cc {
    background-color: var(--c-cyan-300) !important;
}

.bg-cyan-400-cc {
    background-color: var(--c-cyan-400) !important;
}

.bg-cyan-500-cc {
    background-color: var(--c-cyan-500) !important;
}

.bg-cyan-600-cc {
    background-color: var(--c-cyan-600) !important;
}

.bg-cyan-700-cc {
    background-color: var(--c-cyan-700) !important;
}

.bg-cyan-800-cc {
    background-color: var(--c-cyan-800) !important;
}

.bg-cyan-900-cc {
    background-color: var(--c-cyan-900) !important;
}



.bg-gray-cc {
    background-color: var(--c-gray) !important;
}

.bg-gray-100-cc {
    background-color: var(--c-gray-100) !important;
}

.bg-gray-200-cc {
    background-color: var(--c-gray-200) !important;
}

.bg-gray-300-cc {
    background-color: var(--c-gray-300) !important;
}

.bg-gray-400-cc {
    background-color: var(--c-gray-400) !important;
}

.bg-gray-500-cc {
    background-color: var(--c-gray-500) !important;
}

.bg-gray-600-cc {
    background-color: var(--c-gray-600) !important;
}

.bg-gray-700-cc {
    background-color: var(--c-gray-700) !important;
}

.bg-gray-800-cc {
    background-color: var(--c-gray-800) !important;
}

.bg-gray-900-cc {
    background-color: var(--c-gray-900) !important;
}



.bg-green-cc {
    background-color: var(--c-green) !important;
}

.bg-green-100-cc {
    background-color: var(--c-green-100) !important;
}

.bg-green-200-cc {
    background-color: var(--c-green-200) !important;
}

.bg-green-300-cc {
    background-color: var(--c-green-300) !important;
}

.bg-green-400-cc {
    background-color: var(--c-green-400) !important;
}

.bg-green-500-cc {
    background-color: var(--c-green-500) !important;
}

.bg-green-600-cc {
    background-color: var(--c-green-600) !important;
}

.bg-green-700-cc {
    background-color: var(--c-green-700) !important;
}

.bg-green-800-cc {
    background-color: var(--c-green-800) !important;
}

.bg-green-900-cc {
    background-color: var(--c-green-900) !important;
}



.bg-indigo-cc {
    background-color: var(--c-indigo) !important;
}

.bg-indigo-100-cc {
    background-color: var(--c-indigo-100) !important;
}

.bg-indigo-200-cc {
    background-color: var(--c-indigo-200) !important;
}

.bg-indigo-300-cc {
    background-color: var(--c-indigo-300) !important;
}

.bg-indigo-400-cc {
    background-color: var(--c-indigo-400) !important;
}

.bg-indigo-500-cc {
    background-color: var(--c-indigo-500) !important;
}

.bg-indigo-600-cc {
    background-color: var(--c-indigo-600) !important;
}

.bg-indigo-700-cc {
    background-color: var(--c-indigo-700) !important;
}

.bg-indigo-800-cc {
    background-color: var(--c-indigo-800) !important;
}

.bg-indigo-900-cc {
    background-color: var(--c-indigo-900) !important;
}



.bg-orange-cc {
    background-color: var(--c-orange) !important;
}

.bg-orange-100-cc {
    background-color: var(--c-orange-100) !important;
}

.bg-orange-200-cc {
    background-color: var(--c-orange-200) !important;
}

.bg-orange-300-cc {
    background-color: var(--c-orange-300) !important;
}

.bg-orange-400-cc {
    background-color: var(--c-orange-400) !important;
}

.bg-orange-500-cc {
    background-color: var(--c-orange-500) !important;
}

.bg-orange-600-cc {
    background-color: var(--c-orange-600) !important;
}

.bg-orange-700-cc {
    background-color: var(--c-orange-700) !important;
}

.bg-orange-800-cc {
    background-color: var(--c-orange-800) !important;
}

.bg-orange-900-cc {
    background-color: var(--c-orange-900) !important;
}



.bg-muted-cc {
    background-color: var(--c-muted) !important;
}

.bg-muted-100-cc {
    background-color: var(--c-muted-100) !important;
}

.bg-muted-200-cc {
    background-color: var(--c-muted-200) !important;
}

.bg-muted-300-cc {
    background-color: var(--c-muted-300) !important;
}

.bg-muted-400-cc {
    background-color: var(--c-muted-400) !important;
}

.bg-muted-500-cc {
    background-color: var(--c-muted-500) !important;
}

.bg-muted-600-cc {
    background-color: var(--c-muted-600) !important;
}

.bg-muted-700-cc {
    background-color: var(--c-muted-700) !important;
}

.bg-muted-800-cc {
    background-color: var(--c-muted-800) !important;
}

.bg-muted-900-cc {
    background-color: var(--c-muted-900) !important;
}



.bg-red-cc {
    background-color: var(--c-red) !important;
}

.bg-red-100-cc {
    background-color: var(--c-red-100) !important;
}

.bg-red-200-cc {
    background-color: var(--c-red-200) !important;
}

.bg-red-300-cc {
    background-color: var(--c-red-300) !important;
}

.bg-red-400-cc {
    background-color: var(--c-red-400) !important;
}

.bg-red-500-cc {
    background-color: var(--c-red-500) !important;
}

.bg-red-600-cc {
    background-color: var(--c-red-600) !important;
}

.bg-red-700-cc {
    background-color: var(--c-red-700) !important;
}

.bg-red-800-cc {
    background-color: var(--c-red-800) !important;
}

.bg-red-900-cc {
    background-color: var(--c-red-900) !important;
}




.bg-purple-cc {
    background-color: var(--c-purple) !important;
}

.bg-purple-100-cc {
    background-color: var(--c-purple-100) !important;
}

.bg-purple-200-cc {
    background-color: var(--c-purple-200) !important;
}

.bg-purple-300-cc {
    background-color: var(--c-purple-300) !important;
}

.bg-purple-400-cc {
    background-color: var(--c-purple-400) !important;
}

.bg-purple-500-cc {
    background-color: var(--c-purple-500) !important;
}

.bg-purple-600-cc {
    background-color: var(--c-purple-600) !important;
}

.bg-purple-700-cc {
    background-color: var(--c-purple-700) !important;
}

.bg-purple-800-cc {
    background-color: var(--c-purple-800) !important;
}

.bg-purple-900-cc {
    background-color: var(--c-purple-900) !important;
}


.bg-pink-cc {
    background-color: var(--c-pink) !important;
}

.bg-pink-100-cc {
    background-color: var(--c-pink-100) !important;
}

.bg-pink-200-cc {
    background-color: var(--c-pink-200) !important;
}

.bg-pink-300-cc {
    background-color: var(--c-pink-300) !important;
}

.bg-pink-400-cc {
    background-color: var(--c-pink-400) !important;
}

.bg-pink-500-cc {
    background-color: var(--c-pink-500) !important;
}

.bg-pink-600-cc {
    background-color: var(--c-pink-600) !important;
}

.bg-pink-700-cc {
    background-color: var(--c-pink-700) !important;
}

.bg-pink-800-cc {
    background-color: var(--c-pink-800) !important;
}

.bg-pink-900-cc {
    background-color: var(--c-pink-900) !important;
}


.bg-teal-cc {
    background-color: var(--c-teal) !important;
}

.bg-teal-100-cc {
    background-color: var(--c-teal-100) !important;
}

.bg-teal-200-cc {
    background-color: var(--c-teal-200) !important;
}

.bg-teal-300-cc {
    background-color: var(--c-teal-300) !important;
}

.bg-teal-400-cc {
    background-color: var(--c-teal-400) !important;
}

.bg-teal-500-cc {
    background-color: var(--c-teal-500) !important;
}

.bg-teal-600-cc {
    background-color: var(--c-teal-600) !important;
}

.bg-teal-700-cc {
    background-color: var(--c-teal-700) !important;
}

.bg-teal-800-cc {
    background-color: var(--c-teal-800) !important;
}

.bg-teal-900-cc {
    background-color: var(--c-teal-900) !important;
}




.bg-yellow-cc {
    background-color: var(--c-yellow) !important;
}

.bg-yellow-100-cc {
    background-color: var(--c-yellow-100) !important;
}

.bg-yellow-200-cc {
    background-color: var(--c-yellow-200) !important;
}

.bg-yellow-300-cc {
    background-color: var(--c-yellow-300) !important;
}

.bg-yellow-400-cc {
    background-color: var(--c-yellow-400) !important;
}

.bg-yellow-500-cc {
    background-color: var(--c-yellow-500) !important;
}

.bg-yellow-600-cc {
    background-color: var(--c-yellow-600) !important;
}

.bg-yellow-700-cc {
    background-color: var(--c-yellow-700) !important;
}

.bg-yellow-800-cc {
    background-color: var(--c-yellow-800) !important;
}

.bg-yellow-900-cc {
    background-color: var(--c-yellow-900) !important;
}



/*---------------------------------------hover*/
.bg-primary-hover-cc:hover {
    background-color: var(--c-primary-900) !important;
}

.bg-primary-100-hover-cc:hover {
    background-color: var(--c-primary-200) !important;
}

.bg-primary-200-hover-cc:hover {
    background-color: var(--c-primary-300) !important;
}

.bg-primary-300-hover-cc:hover {
    background-color: var(--c-primary-400) !important;
}

.bg-primary-400-hover-cc:hover {
    background-color: var(--c-primary-500) !important;
}

.bg-primary-500-hover-cc:hover {
    background-color: var(--c-primary-600) !important;
}

.bg-primary-600-hover-cc:hover {
    background-color: var(--c-primary-700) !important;
}

.bg-primary-700-hover-cc:hover {
    background-color: var(--c-primary-800) !important;
}

.bg-primary-800-hover-cc:hover {
    background-color: var(--c-primary-900) !important;
}

.bg-primary-900-hover-cc:hover {
    background-color: var(--c-primary-900) !important;
}


.bg-primary-hover-cc:hover {
    background-color: var(--c-primary-900) !important;
}

.bg-primary-100-hover-cc:hover {
    background-color: var(--c-primary-200) !important;
}

.bg-primary-200-hover-cc:hover {
    background-color: var(--c-primary-300) !important;
}

.bg-primary-300-hover-cc:hover {
    background-color: var(--c-primary-400) !important;
}

.bg-primary-400-hover-cc:hover {
    background-color: var(--c-primary-500) !important;
}

.bg-primary-500-hover-cc:hover {
    background-color: var(--c-primary-600) !important;
}

.bg-primary-600-hover-cc:hover {
    background-color: var(--c-primary-700) !important;
}

.bg-primary-700-hover-cc:hover {
    background-color: var(--c-primary-800) !important;
}

.bg-primary-800-hover-cc:hover {
    background-color: var(--c-primary-900) !important;
}

.bg-primary-900-hover-cc:hover {
    background-color: var(--c-primary-900) !important;
}


.bg-danger-hover-cc:hover {
    background-color: var(--c-danger-900) !important;
}

.bg-danger-100-hover-cc:hover {
    background-color: var(--c-danger-200) !important;
}

.bg-danger-200-hover-cc:hover {
    background-color: var(--c-danger-300) !important;
}

.bg-danger-300-hover-cc:hover {
    background-color: var(--c-danger-400) !important;
}

.bg-danger-400-hover-cc:hover {
    background-color: var(--c-danger-500) !important;
}

.bg-danger-500-hover-cc:hover {
    background-color: var(--c-danger-600) !important;
}

.bg-danger-600-hover-cc:hover {
    background-color: var(--c-danger-700) !important;
}

.bg-danger-700-hover-cc:hover {
    background-color: var(--c-danger-800) !important;
}

.bg-danger-800-hover-cc:hover {
    background-color: var(--c-danger-900) !important;
}

.bg-danger-900-hover-cc:hover {
    background-color: var(--c-danger-900) !important;
}


.bg-danger-hover-cc:hover {
    background-color: var(--c-danger-900) !important;
}

.bg-danger-100-hover-cc:hover {
    background-color: var(--c-danger-200) !important;
}

.bg-danger-200-hover-cc:hover {
    background-color: var(--c-danger-300) !important;
}

.bg-danger-300-hover-cc:hover {
    background-color: var(--c-danger-400) !important;
}

.bg-danger-400-hover-cc:hover {
    background-color: var(--c-danger-500) !important;
}

.bg-danger-500-hover-cc:hover {
    background-color: var(--c-danger-600) !important;
}

.bg-danger-600-hover-cc:hover {
    background-color: var(--c-danger-700) !important;
}

.bg-danger-700-hover-cc:hover {
    background-color: var(--c-danger-800) !important;
}

.bg-danger-800-hover-cc:hover {
    background-color: var(--c-danger-900) !important;
}

.bg-danger-900-hover-cc:hover {
    background-color: var(--c-danger-900) !important;
}


.bg-info-hover-cc:hover {
    background-color: var(--c-info-900) !important;
}

.bg-info-100-hover-cc:hover {
    background-color: var(--c-info-200) !important;
}

.bg-info-200-hover-cc:hover {
    background-color: var(--c-info-300) !important;
}

.bg-info-300-hover-cc:hover {
    background-color: var(--c-info-400) !important;
}

.bg-info-400-hover-cc:hover {
    background-color: var(--c-info-500) !important;
}

.bg-info-500-hover-cc:hover {
    background-color: var(--c-info-600) !important;
}

.bg-info-600-hover-cc:hover {
    background-color: var(--c-info-700) !important;
}

.bg-info-700-hover-cc:hover {
    background-color: var(--c-info-800) !important;
}

.bg-info-800-hover-cc:hover {
    background-color: var(--c-info-900) !important;
}

.bg-info-900-hover-cc:hover {
    background-color: var(--c-info-900) !important;
}


.bg-light-hover-cc:hover {
    background-color: var(--c-light-900) !important;
}

.bg-light-100-hover-cc:hover {
    background-color: var(--c-light-200) !important;
}

.bg-light-200-hover-cc:hover {
    background-color: var(--c-light-300) !important;
}

.bg-light-300-hover-cc:hover {
    background-color: var(--c-light-400) !important;
}

.bg-light-400-hover-cc:hover {
    background-color: var(--c-light-500) !important;
}

.bg-light-500-hover-cc:hover {
    background-color: var(--c-light-600) !important;
}

.bg-light-600-hover-cc:hover {
    background-color: var(--c-light-700) !important;
}

.bg-light-700-hover-cc:hover {
    background-color: var(--c-light-800) !important;
}

.bg-light-800-hover-cc:hover {
    background-color: var(--c-light-900) !important;
}

.bg-light-900-hover-cc:hover {
    background-color: var(--c-light-900) !important;
}


.bg-success-hover-cc:hover {
    background-color: var(--c-success-900) !important;
}

.bg-success-100-hover-cc:hover {
    background-color: var(--c-success-200) !important;
}

.bg-success-200-hover-cc:hover {
    background-color: var(--c-success-300) !important;
}

.bg-success-300-hover-cc:hover {
    background-color: var(--c-success-400) !important;
}

.bg-success-400-hover-cc:hover {
    background-color: var(--c-success-500) !important;
}

.bg-success-500-hover-cc:hover {
    background-color: var(--c-success-600) !important;
}

.bg-success-600-hover-cc:hover {
    background-color: var(--c-success-700) !important;
}

.bg-success-700-hover-cc:hover {
    background-color: var(--c-success-800) !important;
}

.bg-success-800-hover-cc:hover {
    background-color: var(--c-success-900) !important;
}

.bg-success-900-hover-cc:hover {
    background-color: var(--c-success-900) !important;
}


.bg-warning-hover-cc:hover {
    background-color: var(--c-warning-900) !important;
}

.bg-warning-100-hover-cc:hover {
    background-color: var(--c-warning-200) !important;
}

.bg-warning-200-hover-cc:hover {
    background-color: var(--c-warning-300) !important;
}

.bg-warning-300-hover-cc:hover {
    background-color: var(--c-warning-400) !important;
}

.bg-warning-400-hover-cc:hover {
    background-color: var(--c-warning-500) !important;
}

.bg-warning-500-hover-cc:hover {
    background-color: var(--c-warning-600) !important;
}

.bg-warning-600-hover-cc:hover {
    background-color: var(--c-warning-700) !important;
}

.bg-warning-700-hover-cc:hover {
    background-color: var(--c-warning-800) !important;
}

.bg-warning-800-hover-cc:hover {
    background-color: var(--c-warning-900) !important;
}

.bg-warning-900-hover-cc:hover {
    background-color: var(--c-warning-900) !important;
}


.bg-white-hover-cc:hover {
    background-color: var(--c-white-900) !important;
}

.bg-white-100-hover-cc:hover {
    background-color: var(--c-white-200) !important;
}

.bg-white-200-hover-cc:hover {
    background-color: var(--c-white-300) !important;
}

.bg-white-300-hover-cc:hover {
    background-color: var(--c-white-400) !important;
}

.bg-white-400-hover-cc:hover {
    background-color: var(--c-white-500) !important;
}

.bg-white-500-hover-cc:hover {
    background-color: var(--c-white-600) !important;
}

.bg-white-600-hover-cc:hover {
    background-color: var(--c-white-700) !important;
}

.bg-white-700-hover-cc:hover {
    background-color: var(--c-white-800) !important;
}

.bg-white-800-hover-cc:hover {
    background-color: var(--c-white-900) !important;
}

.bg-white-900-hover-cc:hover {
    background-color: var(--c-white-900) !important;
}


.bg-blue-hover-cc:hover {
    background-color: var(--c-blue-900) !important;
}

.bg-blue-100-hover-cc:hover {
    background-color: var(--c-blue-200) !important;
}

.bg-blue-200-hover-cc:hover {
    background-color: var(--c-blue-300) !important;
}

.bg-blue-300-hover-cc:hover {
    background-color: var(--c-blue-400) !important;
}

.bg-blue-400-hover-cc:hover {
    background-color: var(--c-blue-500) !important;
}

.bg-blue-500-hover-cc:hover {
    background-color: var(--c-blue-600) !important;
}

.bg-blue-600-hover-cc:hover {
    background-color: var(--c-blue-700) !important;
}

.bg-blue-700-hover-cc:hover {
    background-color: var(--c-blue-800) !important;
}

.bg-blue-800-hover-cc:hover {
    background-color: var(--c-blue-900) !important;
}

.bg-blue-900-hover-cc:hover {
    background-color: var(--c-blue-900) !important;
}


.bg-cyan-hover-cc:hover {
    background-color: var(--c-cyan-900) !important;
}

.bg-cyan-100-hover-cc:hover {
    background-color: var(--c-cyan-200) !important;
}

.bg-cyan-200-hover-cc:hover {
    background-color: var(--c-cyan-300) !important;
}

.bg-cyan-300-hover-cc:hover {
    background-color: var(--c-cyan-400) !important;
}

.bg-cyan-400-hover-cc:hover {
    background-color: var(--c-cyan-500) !important;
}

.bg-cyan-500-hover-cc:hover {
    background-color: var(--c-cyan-600) !important;
}

.bg-cyan-600-hover-cc:hover {
    background-color: var(--c-cyan-700) !important;
}

.bg-cyan-700-hover-cc:hover {
    background-color: var(--c-cyan-800) !important;
}

.bg-cyan-800-hover-cc:hover {
    background-color: var(--c-cyan-900) !important;
}

.bg-cyan-900-hover-cc:hover {
    background-color: var(--c-cyan-900) !important;
}


.bg-gray-hover-cc:hover {
    background-color: var(--c-gray-900) !important;
}

.bg-gray-100-hover-cc:hover {
    background-color: var(--c-gray-200) !important;
}

.bg-gray-200-hover-cc:hover {
    background-color: var(--c-gray-300) !important;
}

.bg-gray-300-hover-cc:hover {
    background-color: var(--c-gray-400) !important;
}

.bg-gray-400-hover-cc:hover {
    background-color: var(--c-gray-500) !important;
}

.bg-gray-500-hover-cc:hover {
    background-color: var(--c-gray-600) !important;
}

.bg-gray-600-hover-cc:hover {
    background-color: var(--c-gray-700) !important;
}

.bg-gray-700-hover-cc:hover {
    background-color: var(--c-gray-800) !important;
}

.bg-gray-800-hover-cc:hover {
    background-color: var(--c-gray-900) !important;
}

.bg-gray-900-hover-cc:hover {
    background-color: var(--c-gray-900) !important;
}


.bg-green-hover-cc:hover {
    background-color: var(--c-green-900) !important;
}

.bg-green-100-hover-cc:hover {
    background-color: var(--c-green-200) !important;
}

.bg-green-200-hover-cc:hover {
    background-color: var(--c-green-300) !important;
}

.bg-green-300-hover-cc:hover {
    background-color: var(--c-green-400) !important;
}

.bg-green-400-hover-cc:hover {
    background-color: var(--c-green-500) !important;
}

.bg-green-500-hover-cc:hover {
    background-color: var(--c-green-600) !important;
}

.bg-green-600-hover-cc:hover {
    background-color: var(--c-green-700) !important;
}

.bg-green-700-hover-cc:hover {
    background-color: var(--c-green-800) !important;
}

.bg-green-800-hover-cc:hover {
    background-color: var(--c-green-900) !important;
}

.bg-green-900-hover-cc:hover {
    background-color: var(--c-green-900) !important;
}


.bg-indigo-hover-cc:hover {
    background-color: var(--c-indigo-900) !important;
}

.bg-indigo-100-hover-cc:hover {
    background-color: var(--c-indigo-200) !important;
}

.bg-indigo-200-hover-cc:hover {
    background-color: var(--c-indigo-300) !important;
}

.bg-indigo-300-hover-cc:hover {
    background-color: var(--c-indigo-400) !important;
}

.bg-indigo-400-hover-cc:hover {
    background-color: var(--c-indigo-500) !important;
}

.bg-indigo-500-hover-cc:hover {
    background-color: var(--c-indigo-600) !important;
}

.bg-indigo-600-hover-cc:hover {
    background-color: var(--c-indigo-700) !important;
}

.bg-indigo-700-hover-cc:hover {
    background-color: var(--c-indigo-800) !important;
}

.bg-indigo-800-hover-cc:hover {
    background-color: var(--c-indigo-900) !important;
}

.bg-indigo-900-hover-cc:hover {
    background-color: var(--c-indigo-900) !important;
}


.bg-orange-hover-cc:hover {
    background-color: var(--c-orange-900) !important;
}

.bg-orange-100-hover-cc:hover {
    background-color: var(--c-orange-200) !important;
}

.bg-orange-200-hover-cc:hover {
    background-color: var(--c-orange-300) !important;
}

.bg-orange-300-hover-cc:hover {
    background-color: var(--c-orange-400) !important;
}

.bg-orange-400-hover-cc:hover {
    background-color: var(--c-orange-500) !important;
}

.bg-orange-500-hover-cc:hover {
    background-color: var(--c-orange-600) !important;
}

.bg-orange-600-hover-cc:hover {
    background-color: var(--c-orange-700) !important;
}

.bg-orange-700-hover-cc:hover {
    background-color: var(--c-orange-800) !important;
}

.bg-orange-800-hover-cc:hover {
    background-color: var(--c-orange-900) !important;
}

.bg-orange-900-hover-cc:hover {
    background-color: var(--c-orange-900) !important;
}


.bg-muted-hover-cc:hover {
    background-color: var(--c-muted-900) !important;
}

.bg-muted-100-hover-cc:hover {
    background-color: var(--c-muted-200) !important;
}

.bg-muted-200-hover-cc:hover {
    background-color: var(--c-muted-300) !important;
}

.bg-muted-300-hover-cc:hover {
    background-color: var(--c-muted-400) !important;
}

.bg-muted-400-hover-cc:hover {
    background-color: var(--c-muted-500) !important;
}

.bg-muted-500-hover-cc:hover {
    background-color: var(--c-muted-600) !important;
}

.bg-muted-600-hover-cc:hover {
    background-color: var(--c-muted-700) !important;
}

.bg-muted-700-hover-cc:hover {
    background-color: var(--c-muted-800) !important;
}

.bg-muted-800-hover-cc:hover {
    background-color: var(--c-muted-900) !important;
}

.bg-muted-900-hover-cc:hover {
    background-color: var(--c-muted-900) !important;
}


.bg-red-hover-cc:hover {
    background-color: var(--c-red-900) !important;
}

.bg-red-100-hover-cc:hover {
    background-color: var(--c-red-200) !important;
}

.bg-red-200-hover-cc:hover {
    background-color: var(--c-red-300) !important;
}

.bg-red-300-hover-cc:hover {
    background-color: var(--c-red-400) !important;
}

.bg-red-400-hover-cc:hover {
    background-color: var(--c-red-500) !important;
}

.bg-red-500-hover-cc:hover {
    background-color: var(--c-red-600) !important;
}

.bg-red-600-hover-cc:hover {
    background-color: var(--c-red-700) !important;
}

.bg-red-700-hover-cc:hover {
    background-color: var(--c-red-800) !important;
}

.bg-red-800-hover-cc:hover {
    background-color: var(--c-red-900) !important;
}

.bg-red-900-hover-cc:hover {
    background-color: var(--c-red-900) !important;
}


.bg-purple-hover-cc:hover {
    background-color: var(--c-purple-900) !important;
}

.bg-purple-100-hover-cc:hover {
    background-color: var(--c-purple-200) !important;
}

.bg-purple-200-hover-cc:hover {
    background-color: var(--c-purple-300) !important;
}

.bg-purple-300-hover-cc:hover {
    background-color: var(--c-purple-400) !important;
}

.bg-purple-400-hover-cc:hover {
    background-color: var(--c-purple-500) !important;
}

.bg-purple-500-hover-cc:hover {
    background-color: var(--c-purple-600) !important;
}

.bg-purple-600-hover-cc:hover {
    background-color: var(--c-purple-700) !important;
}

.bg-purple-700-hover-cc:hover {
    background-color: var(--c-purple-800) !important;
}

.bg-purple-800-hover-cc:hover {
    background-color: var(--c-purple-900) !important;
}

.bg-purple-900-hover-cc:hover {
    background-color: var(--c-purple-900) !important;
}


.bg-pink-hover-cc:hover {
    background-color: var(--c-pink-900) !important;
}

.bg-pink-100-hover-cc:hover {
    background-color: var(--c-pink-200) !important;
}

.bg-pink-200-hover-cc:hover {
    background-color: var(--c-pink-300) !important;
}

.bg-pink-300-hover-cc:hover {
    background-color: var(--c-pink-400) !important;
}

.bg-pink-400-hover-cc:hover {
    background-color: var(--c-pink-500) !important;
}

.bg-pink-500-hover-cc:hover {
    background-color: var(--c-pink-600) !important;
}

.bg-pink-600-hover-cc:hover {
    background-color: var(--c-pink-700) !important;
}

.bg-pink-700-hover-cc:hover {
    background-color: var(--c-pink-800) !important;
}

.bg-pink-800-hover-cc:hover {
    background-color: var(--c-pink-900) !important;
}

.bg-pink-900-hover-cc:hover {
    background-color: var(--c-pink-900) !important;
}


.bg-teal-hover-cc:hover {
    background-color: var(--c-teal-900) !important;
}

.bg-teal-100-hover-cc:hover {
    background-color: var(--c-teal-200) !important;
}

.bg-teal-200-hover-cc:hover {
    background-color: var(--c-teal-300) !important;
}

.bg-teal-300-hover-cc:hover {
    background-color: var(--c-teal-400) !important;
}

.bg-teal-400-hover-cc:hover {
    background-color: var(--c-teal-500) !important;
}

.bg-teal-500-hover-cc:hover {
    background-color: var(--c-teal-600) !important;
}

.bg-teal-600-hover-cc:hover {
    background-color: var(--c-teal-700) !important;
}

.bg-teal-700-hover-cc:hover {
    background-color: var(--c-teal-800) !important;
}

.bg-teal-800-hover-cc:hover {
    background-color: var(--c-teal-900) !important;
}

.bg-teal-900-hover-cc:hover {
    background-color: var(--c-teal-900) !important;
}


.bg-yellow-hover-cc:hover {
    background-color: var(--c-yellow-900) !important;
}

.bg-yellow-100-hover-cc:hover {
    background-color: var(--c-yellow-200) !important;
}

.bg-yellow-200-hover-cc:hover {
    background-color: var(--c-yellow-300) !important;
}

.bg-yellow-300-hover-cc:hover {
    background-color: var(--c-yellow-400) !important;
}

.bg-yellow-400-hover-cc:hover {
    background-color: var(--c-yellow-500) !important;
}

.bg-yellow-500-hover-cc:hover {
    background-color: var(--c-yellow-600) !important;
}

.bg-yellow-600-hover-cc:hover {
    background-color: var(--c-yellow-700) !important;
}

.bg-yellow-700-hover-cc:hover {
    background-color: var(--c-yellow-800) !important;
}

.bg-yellow-800-hover-cc:hover {
    background-color: var(--c-yellow-900) !important;
}

.bg-yellow-900-hover-cc:hover {
    background-color: var(--c-yellow-900) !important;
}



/*
    fill-color >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

.fill-primary-cc {
    fill: var(--c-primary) !important;
}

.fill-primary-100-cc {
    fill: var(--c-primary-100) !important;
}

.fill-primary-200-cc {
    fill: var(--c-primary-200) !important;
}

.fill-primary-300-cc {
    fill: var(--c-primary-300) !important;
}

.fill-primary-400-cc {
    fill: var(--c-primary-400) !important;
}

.fill-primary-500-cc {
    fill: var(--c-primary-500) !important;
}

.fill-primary-600-cc {
    fill: var(--c-primary-600) !important;
}

.fill-primary-700-cc {
    fill: var(--c-primary-700) !important;
}

.fill-primary-800-cc {
    fill: var(--c-primary-800) !important;
}

.fill-primary-900-cc {
    fill: var(--c-primary-900) !important;
}



.fill-secondary-cc {
    fill: var(--c-secondary) !important;
}

.fill-secondary-100-cc {
    fill: var(--c-secondary-100) !important;
}

.fill-secondary-200-cc {
    fill: var(--c-secondary-200) !important;
}

.fill-secondary-300-cc {
    fill: var(--c-secondary-300) !important;
}

.fill-secondary-400-cc {
    fill: var(--c-secondary-400) !important;
}

.fill-secondary-500-cc {
    fill: var(--c-secondary-500) !important;
}

.fill-secondary-600-cc {
    fill: var(--c-secondary-600) !important;
}

.fill-secondary-700-cc {
    fill: var(--c-secondary-700) !important;
}

.fill-secondary-800-cc {
    fill: var(--c-secondary-800) !important;
}

.fill-secondary-900-cc {
    fill: var(--c-secondary-900) !important;
}


.fill-danger-cc {
    fill: var(--c-danger) !important;
}

.fill-danger-100-cc {
    fill: var(--c-danger-100) !important;
}

.fill-danger-200-cc {
    fill: var(--c-danger-200) !important;
}

.fill-danger-300-cc {
    fill: var(--c-danger-300) !important;
}

.fill-danger-400-cc {
    fill: var(--c-danger-400) !important;
}

.fill-danger-500-cc {
    fill: var(--c-danger-500) !important;
}

.fill-danger-600-cc {
    fill: var(--c-danger-600) !important;
}

.fill-danger-700-cc {
    fill: var(--c-danger-700) !important;
}

.fill-danger-800-cc {
    fill: var(--c-danger-800) !important;
}

.fill-danger-900-cc {
    fill: var(--c-danger-900) !important;
}


.fill-dark-cc {
    fill: var(--c-dark) !important;
}

.fill-dark-100-cc {
    fill: var(--c-dark-100) !important;
}

.fill-dark-200-cc {
    fill: var(--c-dark-200) !important;
}

.fill-dark-300-cc {
    fill: var(--c-dark-300) !important;
}

.fill-dark-400-cc {
    fill: var(--c-dark-400) !important;
}

.fill-dark-500-cc {
    fill: var(--c-dark-500) !important;
}

.fill-dark-600-cc {
    fill: var(--c-dark-600) !important;
}

.fill-dark-700-cc {
    fill: var(--c-dark-700) !important;
}

.fill-dark-800-cc {
    fill: var(--c-dark-800) !important;
}

.fill-dark-900-cc {
    fill: var(--c-dark-900) !important;
}



.fill-info-cc {
    fill: var(--c-info) !important;
}

.fill-info-100-cc {
    fill: var(--c-info-100) !important;
}

.fill-info-200-cc {
    fill: var(--c-info-200) !important;
}

.fill-info-300-cc {
    fill: var(--c-info-300) !important;
}

.fill-info-400-cc {
    fill: var(--c-info-400) !important;
}

.fill-info-500-cc {
    fill: var(--c-info-500) !important;
}

.fill-info-600-cc {
    fill: var(--c-info-600) !important;
}

.fill-info-700-cc {
    fill: var(--c-info-700) !important;
}

.fill-info-800-cc {
    fill: var(--c-info-800) !important;
}

.fill-info-900-cc {
    fill: var(--c-info-900) !important;
}



.fill-light-cc {
    fill: var(--c-light) !important;
}

.fill-light-100-cc {
    fill: var(--c-light-100) !important;
}

.fill-light-200-cc {
    fill: var(--c-light-200) !important;
}

.fill-light-300-cc {
    fill: var(--c-light-300) !important;
}

.fill-light-400-cc {
    fill: var(--c-light-400) !important;
}

.fill-light-500-cc {
    fill: var(--c-light-500) !important;
}

.fill-light-600-cc {
    fill: var(--c-light-600) !important;
}

.fill-light-700-cc {
    fill: var(--c-light-700) !important;
}

.fill-light-800-cc {
    fill: var(--c-light-800) !important;
}

.fill-light-900-cc {
    fill: var(--c-light-900) !important;
}



.fill-success-cc {
    fill: var(--c-success) !important;
}

.fill-success-100-cc {
    fill: var(--c-success-100) !important;
}

.fill-success-200-cc {
    fill: var(--c-success-200) !important;
}

.fill-success-300-cc {
    fill: var(--c-success-300) !important;
}

.fill-success-400-cc {
    fill: var(--c-success-400) !important;
}

.fill-success-500-cc {
    fill: var(--c-success-500) !important;
}

.fill-success-600-cc {
    fill: var(--c-success-600) !important;
}

.fill-success-700-cc {
    fill: var(--c-success-700) !important;
}

.fill-success-800-cc {
    fill: var(--c-success-800) !important;
}

.fill-success-900-cc {
    fill: var(--c-success-900) !important;
}


.fill-warning-cc {
    fill: var(--c-warning) !important;
}

.fill-warning-100-cc {
    fill: var(--c-warning-100) !important;
}

.fill-warning-200-cc {
    fill: var(--c-warning-200) !important;
}

.fill-warning-300-cc {
    fill: var(--c-warning-300) !important;
}

.fill-warning-400-cc {
    fill: var(--c-warning-400) !important;
}

.fill-warning-500-cc {
    fill: var(--c-warning-500) !important;
}

.fill-warning-600-cc {
    fill: var(--c-warning-600) !important;
}

.fill-warning-700-cc {
    fill: var(--c-warning-700) !important;
}

.fill-warning-800-cc {
    fill: var(--c-warning-800) !important;
}

.fill-warning-900-cc {
    fill: var(--c-warning-900) !important;
}


.fill-white-cc {
    fill: var(--c-white) !important;
}

.fill-white-100-cc {
    fill: var(--c-white-100) !important;
}

.fill-white-200-cc {
    fill: var(--c-white-200) !important;
}

.fill-white-300-cc {
    fill: var(--c-white-300) !important;
}

.fill-white-400-cc {
    fill: var(--c-white-400) !important;
}

.fill-white-500-cc {
    fill: var(--c-white-500) !important;
}

.fill-white-600-cc {
    fill: var(--c-white-600) !important;
}

.fill-white-700-cc {
    fill: var(--c-white-700) !important;
}

.fill-white-800-cc {
    fill: var(--c-white-800) !important;
}

.fill-white-900-cc {
    fill: var(--c-white-900) !important;
}

.fill-blue-cc {
    fill: var(--c-blue) !important;
}

.fill-blue-100-cc {
    fill: var(--c-blue-100) !important;
}

.fill-blue-200-cc {
    fill: var(--c-blue-200) !important;
}

.fill-blue-300-cc {
    fill: var(--c-blue-300) !important;
}

.fill-blue-400-cc {
    fill: var(--c-blue-400) !important;
}

.fill-blue-500-cc {
    fill: var(--c-blue-500) !important;
}

.fill-blue-600-cc {
    fill: var(--c-blue-600) !important;
}

.fill-blue-700-cc {
    fill: var(--c-blue-700) !important;
}

.fill-blue-800-cc {
    fill: var(--c-blue-800) !important;
}

.fill-blue-900-cc {
    fill: var(--c-blue-900) !important;
}


.fill-cyan-cc {
    fill: var(--c-cyan) !important;
}

.fill-cyan-100-cc {
    fill: var(--c-cyan-100) !important;
}

.fill-cyan-200-cc {
    fill: var(--c-cyan-200) !important;
}

.fill-cyan-300-cc {
    fill: var(--c-cyan-300) !important;
}

.fill-cyan-400-cc {
    fill: var(--c-cyan-400) !important;
}

.fill-cyan-500-cc {
    fill: var(--c-cyan-500) !important;
}

.fill-cyan-600-cc {
    fill: var(--c-cyan-600) !important;
}

.fill-cyan-700-cc {
    fill: var(--c-cyan-700) !important;
}

.fill-cyan-800-cc {
    fill: var(--c-cyan-800) !important;
}

.fill-cyan-900-cc {
    fill: var(--c-cyan-900) !important;
}


.fill-gray-cc {
    fill: var(--c-gray) !important;
}

.fill-gray-100-cc {
    fill: var(--c-gray-100) !important;
}

.fill-gray-200-cc {
    fill: var(--c-gray-200) !important;
}

.fill-gray-300-cc {
    fill: var(--c-gray-300) !important;
}

.fill-gray-400-cc {
    fill: var(--c-gray-400) !important;
}

.fill-gray-500-cc {
    fill: var(--c-gray-500) !important;
}

.fill-gray-600-cc {
    fill: var(--c-gray-600) !important;
}

.fill-gray-700-cc {
    fill: var(--c-gray-700) !important;
}

.fill-gray-800-cc {
    fill: var(--c-gray-800) !important;
}

.fill-gray-900-cc {
    fill: var(--c-gray-900) !important;
}


.fill-green-cc {
    fill: var(--c-green) !important;
}

.fill-green-100-cc {
    fill: var(--c-green-100) !important;
}

.fill-green-200-cc {
    fill: var(--c-green-200) !important;
}

.fill-green-300-cc {
    fill: var(--c-green-300) !important;
}

.fill-green-400-cc {
    fill: var(--c-green-400) !important;
}

.fill-green-500-cc {
    fill: var(--c-green-500) !important;
}

.fill-green-600-cc {
    fill: var(--c-green-600) !important;
}

.fill-green-700-cc {
    fill: var(--c-green-700) !important;
}

.fill-green-800-cc {
    fill: var(--c-green-800) !important;
}

.fill-green-900-cc {
    fill: var(--c-green-900) !important;
}


.fill-indigo-cc {
    fill: var(--c-indigo) !important;
}

.fill-indigo-100-cc {
    fill: var(--c-indigo-100) !important;
}

.fill-indigo-200-cc {
    fill: var(--c-indigo-200) !important;
}

.fill-indigo-300-cc {
    fill: var(--c-indigo-300) !important;
}

.fill-indigo-400-cc {
    fill: var(--c-indigo-400) !important;
}

.fill-indigo-500-cc {
    fill: var(--c-indigo-500) !important;
}

.fill-indigo-600-cc {
    fill: var(--c-indigo-600) !important;
}

.fill-indigo-700-cc {
    fill: var(--c-indigo-700) !important;
}

.fill-indigo-800-cc {
    fill: var(--c-indigo-800) !important;
}

.fill-indigo-900-cc {
    fill: var(--c-indigo-900) !important;
}


.fill-orange-cc {
    fill: var(--c-orange) !important;
}

.fill-orange-100-cc {
    fill: var(--c-orange-100) !important;
}

.fill-orange-200-cc {
    fill: var(--c-orange-200) !important;
}

.fill-orange-300-cc {
    fill: var(--c-orange-300) !important;
}

.fill-orange-400-cc {
    fill: var(--c-orange-400) !important;
}

.fill-orange-500-cc {
    fill: var(--c-orange-500) !important;
}

.fill-orange-600-cc {
    fill: var(--c-orange-600) !important;
}

.fill-orange-700-cc {
    fill: var(--c-orange-700) !important;
}

.fill-orange-800-cc {
    fill: var(--c-orange-800) !important;
}

.fill-orange-900-cc {
    fill: var(--c-orange-900) !important;
}


.fill-muted-cc {
    fill: var(--c-muted) !important;
}

.fill-muted-100-cc {
    fill: var(--c-muted-100) !important;
}

.fill-muted-200-cc {
    fill: var(--c-muted-200) !important;
}

.fill-muted-300-cc {
    fill: var(--c-muted-300) !important;
}

.fill-muted-400-cc {
    fill: var(--c-muted-400) !important;
}

.fill-muted-500-cc {
    fill: var(--c-muted-500) !important;
}

.fill-muted-600-cc {
    fill: var(--c-muted-600) !important;
}

.fill-muted-700-cc {
    fill: var(--c-muted-700) !important;
}

.fill-muted-800-cc {
    fill: var(--c-muted-800) !important;
}

.fill-muted-900-cc {
    fill: var(--c-muted-900) !important;
}


.fill-red-cc {
    fill: var(--c-red) !important;
}

.fill-red-100-cc {
    fill: var(--c-red-100) !important;
}

.fill-red-200-cc {
    fill: var(--c-red-200) !important;
}

.fill-red-300-cc {
    fill: var(--c-red-300) !important;
}

.fill-red-400-cc {
    fill: var(--c-red-400) !important;
}

.fill-red-500-cc {
    fill: var(--c-red-500) !important;
}

.fill-red-600-cc {
    fill: var(--c-red-600) !important;
}

.fill-red-700-cc {
    fill: var(--c-red-700) !important;
}

.fill-red-800-cc {
    fill: var(--c-red-800) !important;
}

.fill-red-900-cc {
    fill: var(--c-red-900) !important;
}


.fill-purple-cc {
    fill: var(--c-purple) !important;
}

.fill-purple-100-cc {
    fill: var(--c-purple-100) !important;
}

.fill-purple-200-cc {
    fill: var(--c-purple-200) !important;
}

.fill-purple-300-cc {
    fill: var(--c-purple-300) !important;
}

.fill-purple-400-cc {
    fill: var(--c-purple-400) !important;
}

.fill-purple-500-cc {
    fill: var(--c-purple-500) !important;
}

.fill-purple-600-cc {
    fill: var(--c-purple-600) !important;
}

.fill-purple-700-cc {
    fill: var(--c-purple-700) !important;
}

.fill-purple-800-cc {
    fill: var(--c-purple-800) !important;
}

.fill-purple-900-cc {
    fill: var(--c-purple-900) !important;
}

.fill-pink-cc {
    fill: var(--c-pink) !important;
}

.fill-pink-100-cc {
    fill: var(--c-pink-100) !important;
}

.fill-pink-200-cc {
    fill: var(--c-pink-200) !important;
}

.fill-pink-300-cc {
    fill: var(--c-pink-300) !important;
}

.fill-pink-400-cc {
    fill: var(--c-pink-400) !important;
}

.fill-pink-500-cc {
    fill: var(--c-pink-500) !important;
}

.fill-pink-600-cc {
    fill: var(--c-pink-600) !important;
}

.fill-pink-700-cc {
    fill: var(--c-pink-700) !important;
}

.fill-pink-800-cc {
    fill: var(--c-pink-800) !important;
}

.fill-pink-900-cc {
    fill: var(--c-pink-900) !important;
}

.fill-teal-cc {
    fill: var(--c-teal) !important;
}

.fill-teal-100-cc {
    fill: var(--c-teal-100) !important;
}

.fill-teal-200-cc {
    fill: var(--c-teal-200) !important;
}

.fill-teal-300-cc {
    fill: var(--c-teal-300) !important;
}

.fill-teal-400-cc {
    fill: var(--c-teal-400) !important;
}

.fill-teal-500-cc {
    fill: var(--c-teal-500) !important;
}

.fill-teal-600-cc {
    fill: var(--c-teal-600) !important;
}

.fill-teal-700-cc {
    fill: var(--c-teal-700) !important;
}

.fill-teal-800-cc {
    fill: var(--c-teal-800) !important;
}

.fill-teal-900-cc {
    fill: var(--c-teal-900) !important;
}


.fill-yellow-cc {
    fill: var(--c-yellow) !important;
}

.fill-yellow-100-cc {
    fill: var(--c-yellow-100) !important;
}

.fill-yellow-200-cc {
    fill: var(--c-yellow-200) !important;
}

.fill-yellow-300-cc {
    fill: var(--c-yellow-300) !important;
}

.fill-yellow-400-cc {
    fill: var(--c-yellow-400) !important;
}

.fill-yellow-500-cc {
    fill: var(--c-yellow-500) !important;
}

.fill-yellow-600-cc {
    fill: var(--c-yellow-600) !important;
}

.fill-yellow-700-cc {
    fill: var(--c-yellow-700) !important;
}

.fill-yellow-800-cc {
    fill: var(--c-yellow-800) !important;
}

.fill-yellow-900-cc {
    fill: var(--c-yellow-900) !important;
}




/*-----------------------------------------hover*/


.fill-primary-hover-cc {
    fill: var(--c-primary) !important;
}

.fill-primary-100-hover-cc {
    fill: var(--c-primary-100) !important;
}

.fill-primary-200-hover-cc {
    fill: var(--c-primary-200) !important;
}

.fill-primary-300-hover-cc {
    fill: var(--c-primary-300) !important;
}

.fill-primary-400-hover-cc {
    fill: var(--c-primary-400) !important;
}

.fill-primary-500-hover-cc {
    fill: var(--c-primary-500) !important;
}

.fill-primary-600-hover-cc {
    fill: var(--c-primary-600) !important;
}

.fill-primary-700-hover-cc {
    fill: var(--c-primary-700) !important;
}

.fill-primary-800-hover-cc {
    fill: var(--c-primary-800) !important;
}

.fill-primary-900-hover-cc {
    fill: var(--c-primary-900) !important;
}



.fill-secondary-hover-cc {
    fill: var(--c-secondary) !important;
}

.fill-secondary-100-hover-cc {
    fill: var(--c-secondary-100) !important;
}

.fill-secondary-200-hover-cc {
    fill: var(--c-secondary-200) !important;
}

.fill-secondary-300-hover-cc {
    fill: var(--c-secondary-300) !important;
}

.fill-secondary-400-hover-cc {
    fill: var(--c-secondary-400) !important;
}

.fill-secondary-500-hover-cc {
    fill: var(--c-secondary-500) !important;
}

.fill-secondary-600-hover-cc {
    fill: var(--c-secondary-600) !important;
}

.fill-secondary-700-hover-cc {
    fill: var(--c-secondary-700) !important;
}

.fill-secondary-800-hover-cc {
    fill: var(--c-secondary-800) !important;
}

.fill-secondary-900-hover-cc {
    fill: var(--c-secondary-900) !important;
}


.fill-danger-hover-cc {
    fill: var(--c-danger) !important;
}

.fill-danger-100-hover-cc {
    fill: var(--c-danger-100) !important;
}

.fill-danger-200-hover-cc {
    fill: var(--c-danger-200) !important;
}

.fill-danger-300-hover-cc {
    fill: var(--c-danger-300) !important;
}

.fill-danger-400-hover-cc {
    fill: var(--c-danger-400) !important;
}

.fill-danger-500-hover-cc {
    fill: var(--c-danger-500) !important;
}

.fill-danger-600-hover-cc {
    fill: var(--c-danger-600) !important;
}

.fill-danger-700-hover-cc {
    fill: var(--c-danger-700) !important;
}

.fill-danger-800-hover-cc {
    fill: var(--c-danger-800) !important;
}

.fill-danger-900-hover-cc {
    fill: var(--c-danger-900) !important;
}


.fill-dark-hover-cc {
    fill: var(--c-dark) !important;
}

.fill-dark-100-hover-cc {
    fill: var(--c-dark-100) !important;
}

.fill-dark-200-hover-cc {
    fill: var(--c-dark-200) !important;
}

.fill-dark-300-hover-cc {
    fill: var(--c-dark-300) !important;
}

.fill-dark-400-hover-cc {
    fill: var(--c-dark-400) !important;
}

.fill-dark-500-hover-cc {
    fill: var(--c-dark-500) !important;
}

.fill-dark-600-hover-cc {
    fill: var(--c-dark-600) !important;
}

.fill-dark-700-hover-cc {
    fill: var(--c-dark-700) !important;
}

.fill-dark-800-hover-cc {
    fill: var(--c-dark-800) !important;
}

.fill-dark-900-hover-cc {
    fill: var(--c-dark-900) !important;
}


.fill-info-hover-cc {
    fill: var(--c-info) !important;
}

.fill-info-100-hover-cc {
    fill: var(--c-info-100) !important;
}

.fill-info-200-hover-cc {
    fill: var(--c-info-200) !important;
}

.fill-info-300-hover-cc {
    fill: var(--c-info-300) !important;
}

.fill-info-400-hover-cc {
    fill: var(--c-info-400) !important;
}

.fill-info-500-hover-cc {
    fill: var(--c-info-500) !important;
}

.fill-info-600-hover-cc {
    fill: var(--c-info-600) !important;
}

.fill-info-700-hover-cc {
    fill: var(--c-info-700) !important;
}

.fill-info-800-hover-cc {
    fill: var(--c-info-800) !important;
}

.fill-info-900-hover-cc {
    fill: var(--c-info-900) !important;
}


.fill-light-hover-cc {
    fill: var(--c-light) !important;
}

.fill-light-100-hover-cc {
    fill: var(--c-light-100) !important;
}

.fill-light-200-hover-cc {
    fill: var(--c-light-200) !important;
}

.fill-light-300-hover-cc {
    fill: var(--c-light-300) !important;
}

.fill-light-400-hover-cc {
    fill: var(--c-light-400) !important;
}

.fill-light-500-hover-cc {
    fill: var(--c-light-500) !important;
}

.fill-light-600-hover-cc {
    fill: var(--c-light-600) !important;
}

.fill-light-700-hover-cc {
    fill: var(--c-light-700) !important;
}

.fill-light-800-hover-cc {
    fill: var(--c-light-800) !important;
}

.fill-light-900-hover-cc {
    fill: var(--c-light-900) !important;
}


.fill-success-hover-cc {
    fill: var(--c-success) !important;
}

.fill-success-100-hover-cc {
    fill: var(--c-success-100) !important;
}

.fill-success-200-hover-cc {
    fill: var(--c-success-200) !important;
}

.fill-success-300-hover-cc {
    fill: var(--c-success-300) !important;
}

.fill-success-400-hover-cc {
    fill: var(--c-success-400) !important;
}

.fill-success-500-hover-cc {
    fill: var(--c-success-500) !important;
}

.fill-success-600-hover-cc {
    fill: var(--c-success-600) !important;
}

.fill-success-700-hover-cc {
    fill: var(--c-success-700) !important;
}

.fill-success-800-hover-cc {
    fill: var(--c-success-800) !important;
}

.fill-success-900-hover-cc {
    fill: var(--c-success-900) !important;
}


.fill-warning-hover-cc {
    fill: var(--c-warning) !important;
}

.fill-warning-100-hover-cc {
    fill: var(--c-warning-100) !important;
}

.fill-warning-200-hover-cc {
    fill: var(--c-warning-200) !important;
}

.fill-warning-300-hover-cc {
    fill: var(--c-warning-300) !important;
}

.fill-warning-400-hover-cc {
    fill: var(--c-warning-400) !important;
}

.fill-warning-500-hover-cc {
    fill: var(--c-warning-500) !important;
}

.fill-warning-600-hover-cc {
    fill: var(--c-warning-600) !important;
}

.fill-warning-700-hover-cc {
    fill: var(--c-warning-700) !important;
}

.fill-warning-800-hover-cc {
    fill: var(--c-warning-800) !important;
}

.fill-warning-900-hover-cc {
    fill: var(--c-warning-900) !important;
}


.fill-white-hover-cc {
    fill: var(--c-white) !important;
}

.fill-white-100-hover-cc {
    fill: var(--c-white-100) !important;
}

.fill-white-200-hover-cc {
    fill: var(--c-white-200) !important;
}

.fill-white-300-hover-cc {
    fill: var(--c-white-300) !important;
}

.fill-white-400-hover-cc {
    fill: var(--c-white-400) !important;
}

.fill-white-500-hover-cc {
    fill: var(--c-white-500) !important;
}

.fill-white-600-hover-cc {
    fill: var(--c-white-600) !important;
}

.fill-white-700-hover-cc {
    fill: var(--c-white-700) !important;
}

.fill-white-800-hover-cc {
    fill: var(--c-white-800) !important;
}

.fill-white-900-hover-cc {
    fill: var(--c-white-900) !important;
}


.fill-blue-hover-cc {
    fill: var(--c-blue) !important;
}

.fill-blue-100-hover-cc {
    fill: var(--c-blue-100) !important;
}

.fill-blue-200-hover-cc {
    fill: var(--c-blue-200) !important;
}

.fill-blue-300-hover-cc {
    fill: var(--c-blue-300) !important;
}

.fill-blue-400-hover-cc {
    fill: var(--c-blue-400) !important;
}

.fill-blue-500-hover-cc {
    fill: var(--c-blue-500) !important;
}

.fill-blue-600-hover-cc {
    fill: var(--c-blue-600) !important;
}

.fill-blue-700-hover-cc {
    fill: var(--c-blue-700) !important;
}

.fill-blue-800-hover-cc {
    fill: var(--c-blue-800) !important;
}

.fill-blue-900-hover-cc {
    fill: var(--c-blue-900) !important;
}


.fill-cyan-hover-cc {
    fill: var(--c-cyan) !important;
}

.fill-cyan-100-hover-cc {
    fill: var(--c-cyan-100) !important;
}

.fill-cyan-200-hover-cc {
    fill: var(--c-cyan-200) !important;
}

.fill-cyan-300-hover-cc {
    fill: var(--c-cyan-300) !important;
}

.fill-cyan-400-hover-cc {
    fill: var(--c-cyan-400) !important;
}

.fill-cyan-500-hover-cc {
    fill: var(--c-cyan-500) !important;
}

.fill-cyan-600-hover-cc {
    fill: var(--c-cyan-600) !important;
}

.fill-cyan-700-hover-cc {
    fill: var(--c-cyan-700) !important;
}

.fill-cyan-800-hover-cc {
    fill: var(--c-cyan-800) !important;
}

.fill-cyan-900-hover-cc {
    fill: var(--c-cyan-900) !important;
}


.fill-gray-hover-cc {
    fill: var(--c-gray) !important;
}

.fill-gray-100-hover-cc {
    fill: var(--c-gray-100) !important;
}

.fill-gray-200-hover-cc {
    fill: var(--c-gray-200) !important;
}

.fill-gray-300-hover-cc {
    fill: var(--c-gray-300) !important;
}

.fill-gray-400-hover-cc {
    fill: var(--c-gray-400) !important;
}

.fill-gray-500-hover-cc {
    fill: var(--c-gray-500) !important;
}

.fill-gray-600-hover-cc {
    fill: var(--c-gray-600) !important;
}

.fill-gray-700-hover-cc {
    fill: var(--c-gray-700) !important;
}

.fill-gray-800-hover-cc {
    fill: var(--c-gray-800) !important;
}

.fill-gray-900-hover-cc {
    fill: var(--c-gray-900) !important;
}


.fill-green-hover-cc {
    fill: var(--c-green) !important;
}

.fill-green-100-hover-cc {
    fill: var(--c-green-100) !important;
}

.fill-green-200-hover-cc {
    fill: var(--c-green-200) !important;
}

.fill-green-300-hover-cc {
    fill: var(--c-green-300) !important;
}

.fill-green-400-hover-cc {
    fill: var(--c-green-400) !important;
}

.fill-green-500-hover-cc {
    fill: var(--c-green-500) !important;
}

.fill-green-600-hover-cc {
    fill: var(--c-green-600) !important;
}

.fill-green-700-hover-cc {
    fill: var(--c-green-700) !important;
}

.fill-green-800-hover-cc {
    fill: var(--c-green-800) !important;
}

.fill-green-900-hover-cc {
    fill: var(--c-green-900) !important;
}


.fill-indigo-hover-cc {
    fill: var(--c-indigo) !important;
}

.fill-indigo-100-hover-cc {
    fill: var(--c-indigo-100) !important;
}

.fill-indigo-200-hover-cc {
    fill: var(--c-indigo-200) !important;
}

.fill-indigo-300-hover-cc {
    fill: var(--c-indigo-300) !important;
}

.fill-indigo-400-hover-cc {
    fill: var(--c-indigo-400) !important;
}

.fill-indigo-500-hover-cc {
    fill: var(--c-indigo-500) !important;
}

.fill-indigo-600-hover-cc {
    fill: var(--c-indigo-600) !important;
}

.fill-indigo-700-hover-cc {
    fill: var(--c-indigo-700) !important;
}

.fill-indigo-800-hover-cc {
    fill: var(--c-indigo-800) !important;
}

.fill-indigo-900-hover-cc {
    fill: var(--c-indigo-900) !important;
}


.fill-orange-hover-cc {
    fill: var(--c-orange) !important;
}

.fill-orange-100-hover-cc {
    fill: var(--c-orange-100) !important;
}

.fill-orange-200-hover-cc {
    fill: var(--c-orange-200) !important;
}

.fill-orange-300-hover-cc {
    fill: var(--c-orange-300) !important;
}

.fill-orange-400-hover-cc {
    fill: var(--c-orange-400) !important;
}

.fill-orange-500-hover-cc {
    fill: var(--c-orange-500) !important;
}

.fill-orange-600-hover-cc {
    fill: var(--c-orange-600) !important;
}

.fill-orange-700-hover-cc {
    fill: var(--c-orange-700) !important;
}

.fill-orange-800-hover-cc {
    fill: var(--c-orange-800) !important;
}

.fill-orange-900-hover-cc {
    fill: var(--c-orange-900) !important;
}


.fill-muted-hover-cc {
    fill: var(--c-muted) !important;
}

.fill-muted-100-hover-cc {
    fill: var(--c-muted-100) !important;
}

.fill-muted-200-hover-cc {
    fill: var(--c-muted-200) !important;
}

.fill-muted-300-hover-cc {
    fill: var(--c-muted-300) !important;
}

.fill-muted-400-hover-cc {
    fill: var(--c-muted-400) !important;
}

.fill-muted-500-hover-cc {
    fill: var(--c-muted-500) !important;
}

.fill-muted-600-hover-cc {
    fill: var(--c-muted-600) !important;
}

.fill-muted-700-hover-cc {
    fill: var(--c-muted-700) !important;
}

.fill-muted-800-hover-cc {
    fill: var(--c-muted-800) !important;
}

.fill-muted-900-hover-cc {
    fill: var(--c-muted-900) !important;
}


.fill-red-hover-cc {
    fill: var(--c-red) !important;
}

.fill-red-100-hover-cc {
    fill: var(--c-red-100) !important;
}

.fill-red-200-hover-cc {
    fill: var(--c-red-200) !important;
}

.fill-red-300-hover-cc {
    fill: var(--c-red-300) !important;
}

.fill-red-400-hover-cc {
    fill: var(--c-red-400) !important;
}

.fill-red-500-hover-cc {
    fill: var(--c-red-500) !important;
}

.fill-red-600-hover-cc {
    fill: var(--c-red-600) !important;
}

.fill-red-700-hover-cc {
    fill: var(--c-red-700) !important;
}

.fill-red-800-hover-cc {
    fill: var(--c-red-800) !important;
}

.fill-red-900-hover-cc {
    fill: var(--c-red-900) !important;
}


.fill-purple-hover-cc {
    fill: var(--c-purple) !important;
}

.fill-purple-100-hover-cc {
    fill: var(--c-purple-100) !important;
}

.fill-purple-200-hover-cc {
    fill: var(--c-purple-200) !important;
}

.fill-purple-300-hover-cc {
    fill: var(--c-purple-300) !important;
}

.fill-purple-400-hover-cc {
    fill: var(--c-purple-400) !important;
}

.fill-purple-500-hover-cc {
    fill: var(--c-purple-500) !important;
}

.fill-purple-600-hover-cc {
    fill: var(--c-purple-600) !important;
}

.fill-purple-700-hover-cc {
    fill: var(--c-purple-700) !important;
}

.fill-purple-800-hover-cc {
    fill: var(--c-purple-800) !important;
}

.fill-purple-900-hover-cc {
    fill: var(--c-purple-900) !important;
}


.fill-pink-hover-cc {
    fill: var(--c-pink) !important;
}

.fill-pink-100-hover-cc {
    fill: var(--c-pink-100) !important;
}

.fill-pink-200-hover-cc {
    fill: var(--c-pink-200) !important;
}

.fill-pink-300-hover-cc {
    fill: var(--c-pink-300) !important;
}

.fill-pink-400-hover-cc {
    fill: var(--c-pink-400) !important;
}

.fill-pink-500-hover-cc {
    fill: var(--c-pink-500) !important;
}

.fill-pink-600-hover-cc {
    fill: var(--c-pink-600) !important;
}

.fill-pink-700-hover-cc {
    fill: var(--c-pink-700) !important;
}

.fill-pink-800-hover-cc {
    fill: var(--c-pink-800) !important;
}

.fill-pink-900-hover-cc {
    fill: var(--c-pink-900) !important;
}


.fill-teal-hover-cc {
    fill: var(--c-teal) !important;
}

.fill-teal-100-hover-cc {
    fill: var(--c-teal-100) !important;
}

.fill-teal-200-hover-cc {
    fill: var(--c-teal-200) !important;
}

.fill-teal-300-hover-cc {
    fill: var(--c-teal-300) !important;
}

.fill-teal-400-hover-cc {
    fill: var(--c-teal-400) !important;
}

.fill-teal-500-hover-cc {
    fill: var(--c-teal-500) !important;
}

.fill-teal-600-hover-cc {
    fill: var(--c-teal-600) !important;
}

.fill-teal-700-hover-cc {
    fill: var(--c-teal-700) !important;
}

.fill-teal-800-hover-cc {
    fill: var(--c-teal-800) !important;
}

.fill-teal-900-hover-cc {
    fill: var(--c-teal-900) !important;
}


.fill-yellow-hover-cc {
    fill: var(--c-yellow) !important;
}

.fill-yellow-100-hover-cc {
    fill: var(--c-yellow-100) !important;
}

.fill-yellow-200-hover-cc {
    fill: var(--c-yellow-200) !important;
}

.fill-yellow-300-hover-cc {
    fill: var(--c-yellow-300) !important;
}

.fill-yellow-400-hover-cc {
    fill: var(--c-yellow-400) !important;
}

.fill-yellow-500-hover-cc {
    fill: var(--c-yellow-500) !important;
}

.fill-yellow-600-hover-cc {
    fill: var(--c-yellow-600) !important;
}

.fill-yellow-700-hover-cc {
    fill: var(--c-yellow-700) !important;
}

.fill-yellow-800-hover-cc {
    fill: var(--c-yellow-800) !important;
}

.fill-yellow-900-hover-cc {
    fill: var(--c-yellow-900) !important;
}


/*
    stroke-color >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/


.stroke-primary-cc {
    stroke: var(--c-primary) !important;
}

.stroke-primary-100-cc {
    stroke: var(--c-primary-100) !important;
}

.stroke-primary-200-cc {
    stroke: var(--c-primary-200) !important;
}

.stroke-primary-300-cc {
    stroke: var(--c-primary-300) !important;
}

.stroke-primary-400-cc {
    stroke: var(--c-primary-400) !important;
}

.stroke-primary-500-cc {
    stroke: var(--c-primary-500) !important;
}

.stroke-primary-600-cc {
    stroke: var(--c-primary-600) !important;
}

.stroke-primary-700-cc {
    stroke: var(--c-primary-700) !important;
}

.stroke-primary-800-cc {
    stroke: var(--c-primary-800) !important;
}

.stroke-primary-900-cc {
    stroke: var(--c-primary-900) !important;
}



.stroke-secondary-cc {
    stroke: var(--c-secondary) !important;
}

.stroke-secondary-100-cc {
    stroke: var(--c-secondary-100) !important;
}

.stroke-secondary-200-cc {
    stroke: var(--c-secondary-200) !important;
}

.stroke-secondary-300-cc {
    stroke: var(--c-secondary-300) !important;
}

.stroke-secondary-400-cc {
    stroke: var(--c-secondary-400) !important;
}

.stroke-secondary-500-cc {
    stroke: var(--c-secondary-500) !important;
}

.stroke-secondary-600-cc {
    stroke: var(--c-secondary-600) !important;
}

.stroke-secondary-700-cc {
    stroke: var(--c-secondary-700) !important;
}

.stroke-secondary-800-cc {
    stroke: var(--c-secondary-800) !important;
}

.stroke-secondary-900-cc {
    stroke: var(--c-secondary-900) !important;
}


.stroke-danger-cc {
    stroke: var(--c-danger) !important;
}

.stroke-danger-100-cc {
    stroke: var(--c-danger-100) !important;
}

.stroke-danger-200-cc {
    stroke: var(--c-danger-200) !important;
}

.stroke-danger-300-cc {
    stroke: var(--c-danger-300) !important;
}

.stroke-danger-400-cc {
    stroke: var(--c-danger-400) !important;
}

.stroke-danger-500-cc {
    stroke: var(--c-danger-500) !important;
}

.stroke-danger-600-cc {
    stroke: var(--c-danger-600) !important;
}

.stroke-danger-700-cc {
    stroke: var(--c-danger-700) !important;
}

.stroke-danger-800-cc {
    stroke: var(--c-danger-800) !important;
}

.stroke-danger-900-cc {
    stroke: var(--c-danger-900) !important;
}


.stroke-dark-cc {
    stroke: var(--c-dark) !important;
}

.stroke-dark-100-cc {
    stroke: var(--c-dark-100) !important;
}

.stroke-dark-200-cc {
    stroke: var(--c-dark-200) !important;
}

.stroke-dark-300-cc {
    stroke: var(--c-dark-300) !important;
}

.stroke-dark-400-cc {
    stroke: var(--c-dark-400) !important;
}

.stroke-dark-500-cc {
    stroke: var(--c-dark-500) !important;
}

.stroke-dark-600-cc {
    stroke: var(--c-dark-600) !important;
}

.stroke-dark-700-cc {
    stroke: var(--c-dark-700) !important;
}

.stroke-dark-800-cc {
    stroke: var(--c-dark-800) !important;
}

.stroke-dark-900-cc {
    stroke: var(--c-dark-900) !important;
}



.stroke-info-cc {
    stroke: var(--c-info) !important;
}

.stroke-info-100-cc {
    stroke: var(--c-info-100) !important;
}

.stroke-info-200-cc {
    stroke: var(--c-info-200) !important;
}

.stroke-info-300-cc {
    stroke: var(--c-info-300) !important;
}

.stroke-info-400-cc {
    stroke: var(--c-info-400) !important;
}

.stroke-info-500-cc {
    stroke: var(--c-info-500) !important;
}

.stroke-info-600-cc {
    stroke: var(--c-info-600) !important;
}

.stroke-info-700-cc {
    stroke: var(--c-info-700) !important;
}

.stroke-info-800-cc {
    stroke: var(--c-info-800) !important;
}

.stroke-info-900-cc {
    stroke: var(--c-info-900) !important;
}



.stroke-light-cc {
    stroke: var(--c-light) !important;
}

.stroke-light-100-cc {
    stroke: var(--c-light-100) !important;
}

.stroke-light-200-cc {
    stroke: var(--c-light-200) !important;
}

.stroke-light-300-cc {
    stroke: var(--c-light-300) !important;
}

.stroke-light-400-cc {
    stroke: var(--c-light-400) !important;
}

.stroke-light-500-cc {
    stroke: var(--c-light-500) !important;
}

.stroke-light-600-cc {
    stroke: var(--c-light-600) !important;
}

.stroke-light-700-cc {
    stroke: var(--c-light-700) !important;
}

.stroke-light-800-cc {
    stroke: var(--c-light-800) !important;
}

.stroke-light-900-cc {
    stroke: var(--c-light-900) !important;
}



.stroke-success-cc {
    stroke: var(--c-success) !important;
}

.stroke-success-100-cc {
    stroke: var(--c-success-100) !important;
}

.stroke-success-200-cc {
    stroke: var(--c-success-200) !important;
}

.stroke-success-300-cc {
    stroke: var(--c-success-300) !important;
}

.stroke-success-400-cc {
    stroke: var(--c-success-400) !important;
}

.stroke-success-500-cc {
    stroke: var(--c-success-500) !important;
}

.stroke-success-600-cc {
    stroke: var(--c-success-600) !important;
}

.stroke-success-700-cc {
    stroke: var(--c-success-700) !important;
}

.stroke-success-800-cc {
    stroke: var(--c-success-800) !important;
}

.stroke-success-900-cc {
    stroke: var(--c-success-900) !important;
}


.stroke-warning-cc {
    stroke: var(--c-warning) !important;
}

.stroke-warning-100-cc {
    stroke: var(--c-warning-100) !important;
}

.stroke-warning-200-cc {
    stroke: var(--c-warning-200) !important;
}

.stroke-warning-300-cc {
    stroke: var(--c-warning-300) !important;
}

.stroke-warning-400-cc {
    stroke: var(--c-warning-400) !important;
}

.stroke-warning-500-cc {
    stroke: var(--c-warning-500) !important;
}

.stroke-warning-600-cc {
    stroke: var(--c-warning-600) !important;
}

.stroke-warning-700-cc {
    stroke: var(--c-warning-700) !important;
}

.stroke-warning-800-cc {
    stroke: var(--c-warning-800) !important;
}

.stroke-warning-900-cc {
    stroke: var(--c-warning-900) !important;
}


.stroke-white-cc {
    stroke: var(--c-white) !important;
}

.stroke-white-100-cc {
    stroke: var(--c-white-100) !important;
}

.stroke-white-200-cc {
    stroke: var(--c-white-200) !important;
}

.stroke-white-300-cc {
    stroke: var(--c-white-300) !important;
}

.stroke-white-400-cc {
    stroke: var(--c-white-400) !important;
}

.stroke-white-500-cc {
    stroke: var(--c-white-500) !important;
}

.stroke-white-600-cc {
    stroke: var(--c-white-600) !important;
}

.stroke-white-700-cc {
    stroke: var(--c-white-700) !important;
}

.stroke-white-800-cc {
    stroke: var(--c-white-800) !important;
}

.stroke-white-900-cc {
    stroke: var(--c-white-900) !important;
}

.stroke-blue-cc {
    stroke: var(--c-blue) !important;
}

.stroke-blue-100-cc {
    stroke: var(--c-blue-100) !important;
}

.stroke-blue-200-cc {
    stroke: var(--c-blue-200) !important;
}

.stroke-blue-300-cc {
    stroke: var(--c-blue-300) !important;
}

.stroke-blue-400-cc {
    stroke: var(--c-blue-400) !important;
}

.stroke-blue-500-cc {
    stroke: var(--c-blue-500) !important;
}

.stroke-blue-600-cc {
    stroke: var(--c-blue-600) !important;
}

.stroke-blue-700-cc {
    stroke: var(--c-blue-700) !important;
}

.stroke-blue-800-cc {
    stroke: var(--c-blue-800) !important;
}

.stroke-blue-900-cc {
    stroke: var(--c-blue-900) !important;
}


.stroke-cyan-cc {
    stroke: var(--c-cyan) !important;
}

.stroke-cyan-100-cc {
    stroke: var(--c-cyan-100) !important;
}

.stroke-cyan-200-cc {
    stroke: var(--c-cyan-200) !important;
}

.stroke-cyan-300-cc {
    stroke: var(--c-cyan-300) !important;
}

.stroke-cyan-400-cc {
    stroke: var(--c-cyan-400) !important;
}

.stroke-cyan-500-cc {
    stroke: var(--c-cyan-500) !important;
}

.stroke-cyan-600-cc {
    stroke: var(--c-cyan-600) !important;
}

.stroke-cyan-700-cc {
    stroke: var(--c-cyan-700) !important;
}

.stroke-cyan-800-cc {
    stroke: var(--c-cyan-800) !important;
}

.stroke-cyan-900-cc {
    stroke: var(--c-cyan-900) !important;
}


.stroke-gray-cc {
    stroke: var(--c-gray) !important;
}

.stroke-gray-100-cc {
    stroke: var(--c-gray-100) !important;
}

.stroke-gray-200-cc {
    stroke: var(--c-gray-200) !important;
}

.stroke-gray-300-cc {
    stroke: var(--c-gray-300) !important;
}

.stroke-gray-400-cc {
    stroke: var(--c-gray-400) !important;
}

.stroke-gray-500-cc {
    stroke: var(--c-gray-500) !important;
}

.stroke-gray-600-cc {
    stroke: var(--c-gray-600) !important;
}

.stroke-gray-700-cc {
    stroke: var(--c-gray-700) !important;
}

.stroke-gray-800-cc {
    stroke: var(--c-gray-800) !important;
}

.stroke-gray-900-cc {
    stroke: var(--c-gray-900) !important;
}


.stroke-green-cc {
    stroke: var(--c-green) !important;
}

.stroke-green-100-cc {
    stroke: var(--c-green-100) !important;
}

.stroke-green-200-cc {
    stroke: var(--c-green-200) !important;
}

.stroke-green-300-cc {
    stroke: var(--c-green-300) !important;
}

.stroke-green-400-cc {
    stroke: var(--c-green-400) !important;
}

.stroke-green-500-cc {
    stroke: var(--c-green-500) !important;
}

.stroke-green-600-cc {
    stroke: var(--c-green-600) !important;
}

.stroke-green-700-cc {
    stroke: var(--c-green-700) !important;
}

.stroke-green-800-cc {
    stroke: var(--c-green-800) !important;
}

.stroke-green-900-cc {
    stroke: var(--c-green-900) !important;
}


.stroke-indigo-cc {
    stroke: var(--c-indigo) !important;
}

.stroke-indigo-100-cc {
    stroke: var(--c-indigo-100) !important;
}

.stroke-indigo-200-cc {
    stroke: var(--c-indigo-200) !important;
}

.stroke-indigo-300-cc {
    stroke: var(--c-indigo-300) !important;
}

.stroke-indigo-400-cc {
    stroke: var(--c-indigo-400) !important;
}

.stroke-indigo-500-cc {
    stroke: var(--c-indigo-500) !important;
}

.stroke-indigo-600-cc {
    stroke: var(--c-indigo-600) !important;
}

.stroke-indigo-700-cc {
    stroke: var(--c-indigo-700) !important;
}

.stroke-indigo-800-cc {
    stroke: var(--c-indigo-800) !important;
}

.stroke-indigo-900-cc {
    stroke: var(--c-indigo-900) !important;
}


.stroke-orange-cc {
    stroke: var(--c-orange) !important;
}

.stroke-orange-100-cc {
    stroke: var(--c-orange-100) !important;
}

.stroke-orange-200-cc {
    stroke: var(--c-orange-200) !important;
}

.stroke-orange-300-cc {
    stroke: var(--c-orange-300) !important;
}

.stroke-orange-400-cc {
    stroke: var(--c-orange-400) !important;
}

.stroke-orange-500-cc {
    stroke: var(--c-orange-500) !important;
}

.stroke-orange-600-cc {
    stroke: var(--c-orange-600) !important;
}

.stroke-orange-700-cc {
    stroke: var(--c-orange-700) !important;
}

.stroke-orange-800-cc {
    stroke: var(--c-orange-800) !important;
}

.stroke-orange-900-cc {
    stroke: var(--c-orange-900) !important;
}


.stroke-muted-cc {
    stroke: var(--c-muted) !important;
}

.stroke-muted-100-cc {
    stroke: var(--c-muted-100) !important;
}

.stroke-muted-200-cc {
    stroke: var(--c-muted-200) !important;
}

.stroke-muted-300-cc {
    stroke: var(--c-muted-300) !important;
}

.stroke-muted-400-cc {
    stroke: var(--c-muted-400) !important;
}

.stroke-muted-500-cc {
    stroke: var(--c-muted-500) !important;
}

.stroke-muted-600-cc {
    stroke: var(--c-muted-600) !important;
}

.stroke-muted-700-cc {
    stroke: var(--c-muted-700) !important;
}

.stroke-muted-800-cc {
    stroke: var(--c-muted-800) !important;
}

.stroke-muted-900-cc {
    stroke: var(--c-muted-900) !important;
}


.stroke-red-cc {
    stroke: var(--c-red) !important;
}

.stroke-red-100-cc {
    stroke: var(--c-red-100) !important;
}

.stroke-red-200-cc {
    stroke: var(--c-red-200) !important;
}

.stroke-red-300-cc {
    stroke: var(--c-red-300) !important;
}

.stroke-red-400-cc {
    stroke: var(--c-red-400) !important;
}

.stroke-red-500-cc {
    stroke: var(--c-red-500) !important;
}

.stroke-red-600-cc {
    stroke: var(--c-red-600) !important;
}

.stroke-red-700-cc {
    stroke: var(--c-red-700) !important;
}

.stroke-red-800-cc {
    stroke: var(--c-red-800) !important;
}

.stroke-red-900-cc {
    stroke: var(--c-red-900) !important;
}


.stroke-purple-cc {
    stroke: var(--c-purple) !important;
}

.stroke-purple-100-cc {
    stroke: var(--c-purple-100) !important;
}

.stroke-purple-200-cc {
    stroke: var(--c-purple-200) !important;
}

.stroke-purple-300-cc {
    stroke: var(--c-purple-300) !important;
}

.stroke-purple-400-cc {
    stroke: var(--c-purple-400) !important;
}

.stroke-purple-500-cc {
    stroke: var(--c-purple-500) !important;
}

.stroke-purple-600-cc {
    stroke: var(--c-purple-600) !important;
}

.stroke-purple-700-cc {
    stroke: var(--c-purple-700) !important;
}

.stroke-purple-800-cc {
    stroke: var(--c-purple-800) !important;
}

.stroke-purple-900-cc {
    stroke: var(--c-purple-900) !important;
}

.stroke-pink-cc {
    stroke: var(--c-pink) !important;
}

.stroke-pink-100-cc {
    stroke: var(--c-pink-100) !important;
}

.stroke-pink-200-cc {
    stroke: var(--c-pink-200) !important;
}

.stroke-pink-300-cc {
    stroke: var(--c-pink-300) !important;
}

.stroke-pink-400-cc {
    stroke: var(--c-pink-400) !important;
}

.stroke-pink-500-cc {
    stroke: var(--c-pink-500) !important;
}

.stroke-pink-600-cc {
    stroke: var(--c-pink-600) !important;
}

.stroke-pink-700-cc {
    stroke: var(--c-pink-700) !important;
}

.stroke-pink-800-cc {
    stroke: var(--c-pink-800) !important;
}

.stroke-pink-900-cc {
    stroke: var(--c-pink-900) !important;
}

.stroke-teal-cc {
    stroke: var(--c-teal) !important;
}

.stroke-teal-100-cc {
    stroke: var(--c-teal-100) !important;
}

.stroke-teal-200-cc {
    stroke: var(--c-teal-200) !important;
}

.stroke-teal-300-cc {
    stroke: var(--c-teal-300) !important;
}

.stroke-teal-400-cc {
    stroke: var(--c-teal-400) !important;
}

.stroke-teal-500-cc {
    stroke: var(--c-teal-500) !important;
}

.stroke-teal-600-cc {
    stroke: var(--c-teal-600) !important;
}

.stroke-teal-700-cc {
    stroke: var(--c-teal-700) !important;
}

.stroke-teal-800-cc {
    stroke: var(--c-teal-800) !important;
}

.stroke-teal-900-cc {
    stroke: var(--c-teal-900) !important;
}


.stroke-yellow-cc {
    stroke: var(--c-yellow) !important;
}

.stroke-yellow-100-cc {
    stroke: var(--c-yellow-100) !important;
}

.stroke-yellow-200-cc {
    stroke: var(--c-yellow-200) !important;
}

.stroke-yellow-300-cc {
    stroke: var(--c-yellow-300) !important;
}

.stroke-yellow-400-cc {
    stroke: var(--c-yellow-400) !important;
}

.stroke-yellow-500-cc {
    stroke: var(--c-yellow-500) !important;
}

.stroke-yellow-600-cc {
    stroke: var(--c-yellow-600) !important;
}

.stroke-yellow-700-cc {
    stroke: var(--c-yellow-700) !important;
}

.stroke-yellow-800-cc {
    stroke: var(--c-yellow-800) !important;
}

.stroke-yellow-900-cc {
    stroke: var(--c-yellow-900) !important;
}




/*-----------------------------------------hover*/


.stroke-primary-hover-cc {
    stroke: var(--c-primary) !important;
}

.stroke-primary-100-hover-cc {
    stroke: var(--c-primary-100) !important;
}

.stroke-primary-200-hover-cc {
    stroke: var(--c-primary-200) !important;
}

.stroke-primary-300-hover-cc {
    stroke: var(--c-primary-300) !important;
}

.stroke-primary-400-hover-cc {
    stroke: var(--c-primary-400) !important;
}

.stroke-primary-500-hover-cc {
    stroke: var(--c-primary-500) !important;
}

.stroke-primary-600-hover-cc {
    stroke: var(--c-primary-600) !important;
}

.stroke-primary-700-hover-cc {
    stroke: var(--c-primary-700) !important;
}

.stroke-primary-800-hover-cc {
    stroke: var(--c-primary-800) !important;
}

.stroke-primary-900-hover-cc {
    stroke: var(--c-primary-900) !important;
}



.stroke-secondary-hover-cc {
    stroke: var(--c-secondary) !important;
}

.stroke-secondary-100-hover-cc {
    stroke: var(--c-secondary-100) !important;
}

.stroke-secondary-200-hover-cc {
    stroke: var(--c-secondary-200) !important;
}

.stroke-secondary-300-hover-cc {
    stroke: var(--c-secondary-300) !important;
}

.stroke-secondary-400-hover-cc {
    stroke: var(--c-secondary-400) !important;
}

.stroke-secondary-500-hover-cc {
    stroke: var(--c-secondary-500) !important;
}

.stroke-secondary-600-hover-cc {
    stroke: var(--c-secondary-600) !important;
}

.stroke-secondary-700-hover-cc {
    stroke: var(--c-secondary-700) !important;
}

.stroke-secondary-800-hover-cc {
    stroke: var(--c-secondary-800) !important;
}

.stroke-secondary-900-hover-cc {
    stroke: var(--c-secondary-900) !important;
}


.stroke-danger-hover-cc {
    stroke: var(--c-danger) !important;
}

.stroke-danger-100-hover-cc {
    stroke: var(--c-danger-100) !important;
}

.stroke-danger-200-hover-cc {
    stroke: var(--c-danger-200) !important;
}

.stroke-danger-300-hover-cc {
    stroke: var(--c-danger-300) !important;
}

.stroke-danger-400-hover-cc {
    stroke: var(--c-danger-400) !important;
}

.stroke-danger-500-hover-cc {
    stroke: var(--c-danger-500) !important;
}

.stroke-danger-600-hover-cc {
    stroke: var(--c-danger-600) !important;
}

.stroke-danger-700-hover-cc {
    stroke: var(--c-danger-700) !important;
}

.stroke-danger-800-hover-cc {
    stroke: var(--c-danger-800) !important;
}

.stroke-danger-900-hover-cc {
    stroke: var(--c-danger-900) !important;
}


.stroke-dark-hover-cc {
    stroke: var(--c-dark) !important;
}

.stroke-dark-100-hover-cc {
    stroke: var(--c-dark-100) !important;
}

.stroke-dark-200-hover-cc {
    stroke: var(--c-dark-200) !important;
}

.stroke-dark-300-hover-cc {
    stroke: var(--c-dark-300) !important;
}

.stroke-dark-400-hover-cc {
    stroke: var(--c-dark-400) !important;
}

.stroke-dark-500-hover-cc {
    stroke: var(--c-dark-500) !important;
}

.stroke-dark-600-hover-cc {
    stroke: var(--c-dark-600) !important;
}

.stroke-dark-700-hover-cc {
    stroke: var(--c-dark-700) !important;
}

.stroke-dark-800-hover-cc {
    stroke: var(--c-dark-800) !important;
}

.stroke-dark-900-hover-cc {
    stroke: var(--c-dark-900) !important;
}


.stroke-info-hover-cc {
    stroke: var(--c-info) !important;
}

.stroke-info-100-hover-cc {
    stroke: var(--c-info-100) !important;
}

.stroke-info-200-hover-cc {
    stroke: var(--c-info-200) !important;
}

.stroke-info-300-hover-cc {
    stroke: var(--c-info-300) !important;
}

.stroke-info-400-hover-cc {
    stroke: var(--c-info-400) !important;
}

.stroke-info-500-hover-cc {
    stroke: var(--c-info-500) !important;
}

.stroke-info-600-hover-cc {
    stroke: var(--c-info-600) !important;
}

.stroke-info-700-hover-cc {
    stroke: var(--c-info-700) !important;
}

.stroke-info-800-hover-cc {
    stroke: var(--c-info-800) !important;
}

.stroke-info-900-hover-cc {
    stroke: var(--c-info-900) !important;
}


.stroke-light-hover-cc {
    stroke: var(--c-light) !important;
}

.stroke-light-100-hover-cc {
    stroke: var(--c-light-100) !important;
}

.stroke-light-200-hover-cc {
    stroke: var(--c-light-200) !important;
}

.stroke-light-300-hover-cc {
    stroke: var(--c-light-300) !important;
}

.stroke-light-400-hover-cc {
    stroke: var(--c-light-400) !important;
}

.stroke-light-500-hover-cc {
    stroke: var(--c-light-500) !important;
}

.stroke-light-600-hover-cc {
    stroke: var(--c-light-600) !important;
}

.stroke-light-700-hover-cc {
    stroke: var(--c-light-700) !important;
}

.stroke-light-800-hover-cc {
    stroke: var(--c-light-800) !important;
}

.stroke-light-900-hover-cc {
    stroke: var(--c-light-900) !important;
}


.stroke-success-hover-cc {
    stroke: var(--c-success) !important;
}

.stroke-success-100-hover-cc {
    stroke: var(--c-success-100) !important;
}

.stroke-success-200-hover-cc {
    stroke: var(--c-success-200) !important;
}

.stroke-success-300-hover-cc {
    stroke: var(--c-success-300) !important;
}

.stroke-success-400-hover-cc {
    stroke: var(--c-success-400) !important;
}

.stroke-success-500-hover-cc {
    stroke: var(--c-success-500) !important;
}

.stroke-success-600-hover-cc {
    stroke: var(--c-success-600) !important;
}

.stroke-success-700-hover-cc {
    stroke: var(--c-success-700) !important;
}

.stroke-success-800-hover-cc {
    stroke: var(--c-success-800) !important;
}

.stroke-success-900-hover-cc {
    stroke: var(--c-success-900) !important;
}


.stroke-warning-hover-cc {
    stroke: var(--c-warning) !important;
}

.stroke-warning-100-hover-cc {
    stroke: var(--c-warning-100) !important;
}

.stroke-warning-200-hover-cc {
    stroke: var(--c-warning-200) !important;
}

.stroke-warning-300-hover-cc {
    stroke: var(--c-warning-300) !important;
}

.stroke-warning-400-hover-cc {
    stroke: var(--c-warning-400) !important;
}

.stroke-warning-500-hover-cc {
    stroke: var(--c-warning-500) !important;
}

.stroke-warning-600-hover-cc {
    stroke: var(--c-warning-600) !important;
}

.stroke-warning-700-hover-cc {
    stroke: var(--c-warning-700) !important;
}

.stroke-warning-800-hover-cc {
    stroke: var(--c-warning-800) !important;
}

.stroke-warning-900-hover-cc {
    stroke: var(--c-warning-900) !important;
}


.stroke-white-hover-cc {
    stroke: var(--c-white) !important;
}

.stroke-white-100-hover-cc {
    stroke: var(--c-white-100) !important;
}

.stroke-white-200-hover-cc {
    stroke: var(--c-white-200) !important;
}

.stroke-white-300-hover-cc {
    stroke: var(--c-white-300) !important;
}

.stroke-white-400-hover-cc {
    stroke: var(--c-white-400) !important;
}

.stroke-white-500-hover-cc {
    stroke: var(--c-white-500) !important;
}

.stroke-white-600-hover-cc {
    stroke: var(--c-white-600) !important;
}

.stroke-white-700-hover-cc {
    stroke: var(--c-white-700) !important;
}

.stroke-white-800-hover-cc {
    stroke: var(--c-white-800) !important;
}

.stroke-white-900-hover-cc {
    stroke: var(--c-white-900) !important;
}


.stroke-blue-hover-cc {
    stroke: var(--c-blue) !important;
}

.stroke-blue-100-hover-cc {
    stroke: var(--c-blue-100) !important;
}

.stroke-blue-200-hover-cc {
    stroke: var(--c-blue-200) !important;
}

.stroke-blue-300-hover-cc {
    stroke: var(--c-blue-300) !important;
}

.stroke-blue-400-hover-cc {
    stroke: var(--c-blue-400) !important;
}

.stroke-blue-500-hover-cc {
    stroke: var(--c-blue-500) !important;
}

.stroke-blue-600-hover-cc {
    stroke: var(--c-blue-600) !important;
}

.stroke-blue-700-hover-cc {
    stroke: var(--c-blue-700) !important;
}

.stroke-blue-800-hover-cc {
    stroke: var(--c-blue-800) !important;
}

.stroke-blue-900-hover-cc {
    stroke: var(--c-blue-900) !important;
}


.stroke-cyan-hover-cc {
    stroke: var(--c-cyan) !important;
}

.stroke-cyan-100-hover-cc {
    stroke: var(--c-cyan-100) !important;
}

.stroke-cyan-200-hover-cc {
    stroke: var(--c-cyan-200) !important;
}

.stroke-cyan-300-hover-cc {
    stroke: var(--c-cyan-300) !important;
}

.stroke-cyan-400-hover-cc {
    stroke: var(--c-cyan-400) !important;
}

.stroke-cyan-500-hover-cc {
    stroke: var(--c-cyan-500) !important;
}

.stroke-cyan-600-hover-cc {
    stroke: var(--c-cyan-600) !important;
}

.stroke-cyan-700-hover-cc {
    stroke: var(--c-cyan-700) !important;
}

.stroke-cyan-800-hover-cc {
    stroke: var(--c-cyan-800) !important;
}

.stroke-cyan-900-hover-cc {
    stroke: var(--c-cyan-900) !important;
}


.stroke-gray-hover-cc {
    stroke: var(--c-gray) !important;
}

.stroke-gray-100-hover-cc {
    stroke: var(--c-gray-100) !important;
}

.stroke-gray-200-hover-cc {
    stroke: var(--c-gray-200) !important;
}

.stroke-gray-300-hover-cc {
    stroke: var(--c-gray-300) !important;
}

.stroke-gray-400-hover-cc {
    stroke: var(--c-gray-400) !important;
}

.stroke-gray-500-hover-cc {
    stroke: var(--c-gray-500) !important;
}

.stroke-gray-600-hover-cc {
    stroke: var(--c-gray-600) !important;
}

.stroke-gray-700-hover-cc {
    stroke: var(--c-gray-700) !important;
}

.stroke-gray-800-hover-cc {
    stroke: var(--c-gray-800) !important;
}

.stroke-gray-900-hover-cc {
    stroke: var(--c-gray-900) !important;
}


.stroke-green-hover-cc {
    stroke: var(--c-green) !important;
}

.stroke-green-100-hover-cc {
    stroke: var(--c-green-100) !important;
}

.stroke-green-200-hover-cc {
    stroke: var(--c-green-200) !important;
}

.stroke-green-300-hover-cc {
    stroke: var(--c-green-300) !important;
}

.stroke-green-400-hover-cc {
    stroke: var(--c-green-400) !important;
}

.stroke-green-500-hover-cc {
    stroke: var(--c-green-500) !important;
}

.stroke-green-600-hover-cc {
    stroke: var(--c-green-600) !important;
}

.stroke-green-700-hover-cc {
    stroke: var(--c-green-700) !important;
}

.stroke-green-800-hover-cc {
    stroke: var(--c-green-800) !important;
}

.stroke-green-900-hover-cc {
    stroke: var(--c-green-900) !important;
}


.stroke-indigo-hover-cc {
    stroke: var(--c-indigo) !important;
}

.stroke-indigo-100-hover-cc {
    stroke: var(--c-indigo-100) !important;
}

.stroke-indigo-200-hover-cc {
    stroke: var(--c-indigo-200) !important;
}

.stroke-indigo-300-hover-cc {
    stroke: var(--c-indigo-300) !important;
}

.stroke-indigo-400-hover-cc {
    stroke: var(--c-indigo-400) !important;
}

.stroke-indigo-500-hover-cc {
    stroke: var(--c-indigo-500) !important;
}

.stroke-indigo-600-hover-cc {
    stroke: var(--c-indigo-600) !important;
}

.stroke-indigo-700-hover-cc {
    stroke: var(--c-indigo-700) !important;
}

.stroke-indigo-800-hover-cc {
    stroke: var(--c-indigo-800) !important;
}

.stroke-indigo-900-hover-cc {
    stroke: var(--c-indigo-900) !important;
}


.stroke-orange-hover-cc {
    stroke: var(--c-orange) !important;
}

.stroke-orange-100-hover-cc {
    stroke: var(--c-orange-100) !important;
}

.stroke-orange-200-hover-cc {
    stroke: var(--c-orange-200) !important;
}

.stroke-orange-300-hover-cc {
    stroke: var(--c-orange-300) !important;
}

.stroke-orange-400-hover-cc {
    stroke: var(--c-orange-400) !important;
}

.stroke-orange-500-hover-cc {
    stroke: var(--c-orange-500) !important;
}

.stroke-orange-600-hover-cc {
    stroke: var(--c-orange-600) !important;
}

.stroke-orange-700-hover-cc {
    stroke: var(--c-orange-700) !important;
}

.stroke-orange-800-hover-cc {
    stroke: var(--c-orange-800) !important;
}

.stroke-orange-900-hover-cc {
    stroke: var(--c-orange-900) !important;
}


.stroke-muted-hover-cc {
    stroke: var(--c-muted) !important;
}

.stroke-muted-100-hover-cc {
    stroke: var(--c-muted-100) !important;
}

.stroke-muted-200-hover-cc {
    stroke: var(--c-muted-200) !important;
}

.stroke-muted-300-hover-cc {
    stroke: var(--c-muted-300) !important;
}

.stroke-muted-400-hover-cc {
    stroke: var(--c-muted-400) !important;
}

.stroke-muted-500-hover-cc {
    stroke: var(--c-muted-500) !important;
}

.stroke-muted-600-hover-cc {
    stroke: var(--c-muted-600) !important;
}

.stroke-muted-700-hover-cc {
    stroke: var(--c-muted-700) !important;
}

.stroke-muted-800-hover-cc {
    stroke: var(--c-muted-800) !important;
}

.stroke-muted-900-hover-cc {
    stroke: var(--c-muted-900) !important;
}


.stroke-red-hover-cc {
    stroke: var(--c-red) !important;
}

.stroke-red-100-hover-cc {
    stroke: var(--c-red-100) !important;
}

.stroke-red-200-hover-cc {
    stroke: var(--c-red-200) !important;
}

.stroke-red-300-hover-cc {
    stroke: var(--c-red-300) !important;
}

.stroke-red-400-hover-cc {
    stroke: var(--c-red-400) !important;
}

.stroke-red-500-hover-cc {
    stroke: var(--c-red-500) !important;
}

.stroke-red-600-hover-cc {
    stroke: var(--c-red-600) !important;
}

.stroke-red-700-hover-cc {
    stroke: var(--c-red-700) !important;
}

.stroke-red-800-hover-cc {
    stroke: var(--c-red-800) !important;
}

.stroke-red-900-hover-cc {
    stroke: var(--c-red-900) !important;
}


.stroke-purple-hover-cc {
    stroke: var(--c-purple) !important;
}

.stroke-purple-100-hover-cc {
    stroke: var(--c-purple-100) !important;
}

.stroke-purple-200-hover-cc {
    stroke: var(--c-purple-200) !important;
}

.stroke-purple-300-hover-cc {
    stroke: var(--c-purple-300) !important;
}

.stroke-purple-400-hover-cc {
    stroke: var(--c-purple-400) !important;
}

.stroke-purple-500-hover-cc {
    stroke: var(--c-purple-500) !important;
}

.stroke-purple-600-hover-cc {
    stroke: var(--c-purple-600) !important;
}

.stroke-purple-700-hover-cc {
    stroke: var(--c-purple-700) !important;
}

.stroke-purple-800-hover-cc {
    stroke: var(--c-purple-800) !important;
}

.stroke-purple-900-hover-cc {
    stroke: var(--c-purple-900) !important;
}


.stroke-pink-hover-cc {
    stroke: var(--c-pink) !important;
}

.stroke-pink-100-hover-cc {
    stroke: var(--c-pink-100) !important;
}

.stroke-pink-200-hover-cc {
    stroke: var(--c-pink-200) !important;
}

.stroke-pink-300-hover-cc {
    stroke: var(--c-pink-300) !important;
}

.stroke-pink-400-hover-cc {
    stroke: var(--c-pink-400) !important;
}

.stroke-pink-500-hover-cc {
    stroke: var(--c-pink-500) !important;
}

.stroke-pink-600-hover-cc {
    stroke: var(--c-pink-600) !important;
}

.stroke-pink-700-hover-cc {
    stroke: var(--c-pink-700) !important;
}

.stroke-pink-800-hover-cc {
    stroke: var(--c-pink-800) !important;
}

.stroke-pink-900-hover-cc {
    stroke: var(--c-pink-900) !important;
}


.stroke-teal-hover-cc {
    stroke: var(--c-teal) !important;
}

.stroke-teal-100-hover-cc {
    stroke: var(--c-teal-100) !important;
}

.stroke-teal-200-hover-cc {
    stroke: var(--c-teal-200) !important;
}

.stroke-teal-300-hover-cc {
    stroke: var(--c-teal-300) !important;
}

.stroke-teal-400-hover-cc {
    stroke: var(--c-teal-400) !important;
}

.stroke-teal-500-hover-cc {
    stroke: var(--c-teal-500) !important;
}

.stroke-teal-600-hover-cc {
    stroke: var(--c-teal-600) !important;
}

.stroke-teal-700-hover-cc {
    stroke: var(--c-teal-700) !important;
}

.stroke-teal-800-hover-cc {
    stroke: var(--c-teal-800) !important;
}

.stroke-teal-900-hover-cc {
    stroke: var(--c-teal-900) !important;
}


.stroke-yellow-hover-cc {
    stroke: var(--c-yellow) !important;
}

.stroke-yellow-100-hover-cc {
    stroke: var(--c-yellow-100) !important;
}

.stroke-yellow-200-hover-cc {
    stroke: var(--c-yellow-200) !important;
}

.stroke-yellow-300-hover-cc {
    stroke: var(--c-yellow-300) !important;
}

.stroke-yellow-400-hover-cc {
    stroke: var(--c-yellow-400) !important;
}

.stroke-yellow-500-hover-cc {
    stroke: var(--c-yellow-500) !important;
}

.stroke-yellow-600-hover-cc {
    stroke: var(--c-yellow-600) !important;
}

.stroke-yellow-700-hover-cc {
    stroke: var(--c-yellow-700) !important;
}

.stroke-yellow-800-hover-cc {
    stroke: var(--c-yellow-800) !important;
}

.stroke-yellow-900-hover-cc {
    stroke: var(--c-yellow-900) !important;
}


/*
    TEXT >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/



.text-primary-cc {
    color: var(--c-primary) !important;
}

.text-primary-100-cc {
    color: var(--c-primary-100) !important;
}

.text-primary-200-cc {
    color: var(--c-primary-200) !important;
}

.text-primary-300-cc {
    color: var(--c-primary-300) !important;
}

.text-primary-400-cc {
    color: var(--c-primary-400) !important;
}

.text-primary-500-cc {
    color: var(--c-primary-500) !important;
}

.text-primary-600-cc {
    color: var(--c-primary-600) !important;
}

.text-primary-700-cc {
    color: var(--c-primary-700) !important;
}

.text-primary-800-cc {
    color: var(--c-primary-800) !important;
}

.text-primary-900-cc {
    color: var(--c-primary-900) !important;
}



.text-secondary-cc {
    color: var(--c-secondary) !important;
}

.text-secondary-100-cc {
    color: var(--c-secondary-100) !important;
}

.text-secondary-200-cc {
    color: var(--c-secondary-200) !important;
}

.text-secondary-300-cc {
    color: var(--c-secondary-300) !important;
}

.text-secondary-400-cc {
    color: var(--c-secondary-400) !important;
}

.text-secondary-500-cc {
    color: var(--c-secondary-500) !important;
}

.text-secondary-600-cc {
    color: var(--c-secondary-600) !important;
}

.text-secondary-700-cc {
    color: var(--c-secondary-700) !important;
}

.text-secondary-800-cc {
    color: var(--c-secondary-800) !important;
}

.text-secondary-900-cc {
    color: var(--c-secondary-900) !important;
}


.text-danger-cc {
    color: var(--c-danger) !important;
}

.text-danger-100-cc {
    color: var(--c-danger-100) !important;
}

.text-danger-200-cc {
    color: var(--c-danger-200) !important;
}

.text-danger-300-cc {
    color: var(--c-danger-300) !important;
}

.text-danger-400-cc {
    color: var(--c-danger-400) !important;
}

.text-danger-500-cc {
    color: var(--c-danger-500) !important;
}

.text-danger-600-cc {
    color: var(--c-danger-600) !important;
}

.text-danger-700-cc {
    color: var(--c-danger-700) !important;
}

.text-danger-800-cc {
    color: var(--c-danger-800) !important;
}

.text-danger-900-cc {
    color: var(--c-danger-900) !important;
}


.text-dark-cc {
    color: var(--c-dark) !important;
}

.text-dark-100-cc {
    color: var(--c-dark-100) !important;
}

.text-dark-200-cc {
    color: var(--c-dark-200) !important;
}

.text-dark-300-cc {
    color: var(--c-dark-300) !important;
}

.text-dark-400-cc {
    color: var(--c-dark-400) !important;
}

.text-dark-500-cc {
    color: var(--c-dark-500) !important;
}

.text-dark-600-cc {
    color: var(--c-dark-600) !important;
}

.text-dark-700-cc {
    color: var(--c-dark-700) !important;
}

.text-dark-800-cc {
    color: var(--c-dark-800) !important;
}

.text-dark-900-cc {
    color: var(--c-dark-900) !important;
}



.text-info-cc {
    color: var(--c-info) !important;
}

.text-info-100-cc {
    color: var(--c-info-100) !important;
}

.text-info-200-cc {
    color: var(--c-info-200) !important;
}

.text-info-300-cc {
    color: var(--c-info-300) !important;
}

.text-info-400-cc {
    color: var(--c-info-400) !important;
}

.text-info-500-cc {
    color: var(--c-info-500) !important;
}

.text-info-600-cc {
    color: var(--c-info-600) !important;
}

.text-info-700-cc {
    color: var(--c-info-700) !important;
}

.text-info-800-cc {
    color: var(--c-info-800) !important;
}

.text-info-900-cc {
    color: var(--c-info-900) !important;
}



.text-light-cc {
    color: var(--c-light) !important;
}

.text-light-100-cc {
    color: var(--c-light-100) !important;
}

.text-light-200-cc {
    color: var(--c-light-200) !important;
}

.text-light-300-cc {
    color: var(--c-light-300) !important;
}

.text-light-400-cc {
    color: var(--c-light-400) !important;
}

.text-light-500-cc {
    color: var(--c-light-500) !important;
}

.text-light-600-cc {
    color: var(--c-light-600) !important;
}

.text-light-700-cc {
    color: var(--c-light-700) !important;
}

.text-light-800-cc {
    color: var(--c-light-800) !important;
}

.text-light-900-cc {
    color: var(--c-light-900) !important;
}



.text-success-cc {
    color: var(--c-success) !important;
}

.text-success-100-cc {
    color: var(--c-success-100) !important;
}

.text-success-200-cc {
    color: var(--c-success-200) !important;
}

.text-success-300-cc {
    color: var(--c-success-300) !important;
}

.text-success-400-cc {
    color: var(--c-success-400) !important;
}

.text-success-500-cc {
    color: var(--c-success-500) !important;
}

.text-success-600-cc {
    color: var(--c-success-600) !important;
}

.text-success-700-cc {
    color: var(--c-success-700) !important;
}

.text-success-800-cc {
    color: var(--c-success-800) !important;
}

.text-success-900-cc {
    color: var(--c-success-900) !important;
}


.text-warning-cc {
    color: var(--c-warning) !important;
}

.text-warning-100-cc {
    color: var(--c-warning-100) !important;
}

.text-warning-200-cc {
    color: var(--c-warning-200) !important;
}

.text-warning-300-cc {
    color: var(--c-warning-300) !important;
}

.text-warning-400-cc {
    color: var(--c-warning-400) !important;
}

.text-warning-500-cc {
    color: var(--c-warning-500) !important;
}

.text-warning-600-cc {
    color: var(--c-warning-600) !important;
}

.text-warning-700-cc {
    color: var(--c-warning-700) !important;
}

.text-warning-800-cc {
    color: var(--c-warning-800) !important;
}

.text-warning-900-cc {
    color: var(--c-warning-900) !important;
}


.text-white-cc {
    color: var(--c-white) !important;
}

.text-white-100-cc {
    color: var(--c-white-100) !important;
}

.text-white-200-cc {
    color: var(--c-white-200) !important;
}

.text-white-300-cc {
    color: var(--c-white-300) !important;
}

.text-white-400-cc {
    color: var(--c-white-400) !important;
}

.text-white-500-cc {
    color: var(--c-white-500) !important;
}

.text-white-600-cc {
    color: var(--c-white-600) !important;
}

.text-white-700-cc {
    color: var(--c-white-700) !important;
}

.text-white-800-cc {
    color: var(--c-white-800) !important;
}

.text-white-900-cc {
    color: var(--c-white-900) !important;
}

.text-blue-cc {
    color: var(--c-blue) !important;
}

.text-blue-100-cc {
    color: var(--c-blue-100) !important;
}

.text-blue-200-cc {
    color: var(--c-blue-200) !important;
}

.text-blue-300-cc {
    color: var(--c-blue-300) !important;
}

.text-blue-400-cc {
    color: var(--c-blue-400) !important;
}

.text-blue-500-cc {
    color: var(--c-blue-500) !important;
}

.text-blue-600-cc {
    color: var(--c-blue-600) !important;
}

.text-blue-700-cc {
    color: var(--c-blue-700) !important;
}

.text-blue-800-cc {
    color: var(--c-blue-800) !important;
}

.text-blue-900-cc {
    color: var(--c-blue-900) !important;
}


.text-cyan-cc {
    color: var(--c-cyan) !important;
}

.text-cyan-100-cc {
    color: var(--c-cyan-100) !important;
}

.text-cyan-200-cc {
    color: var(--c-cyan-200) !important;
}

.text-cyan-300-cc {
    color: var(--c-cyan-300) !important;
}

.text-cyan-400-cc {
    color: var(--c-cyan-400) !important;
}

.text-cyan-500-cc {
    color: var(--c-cyan-500) !important;
}

.text-cyan-600-cc {
    color: var(--c-cyan-600) !important;
}

.text-cyan-700-cc {
    color: var(--c-cyan-700) !important;
}

.text-cyan-800-cc {
    color: var(--c-cyan-800) !important;
}

.text-cyan-900-cc {
    color: var(--c-cyan-900) !important;
}


.text-gray-cc {
    color: var(--c-gray) !important;
}

.text-gray-100-cc {
    color: var(--c-gray-100) !important;
}

.text-gray-200-cc {
    color: var(--c-gray-200) !important;
}

.text-gray-300-cc {
    color: var(--c-gray-300) !important;
}

.text-gray-400-cc {
    color: var(--c-gray-400) !important;
}

.text-gray-500-cc {
    color: var(--c-gray-500) !important;
}

.text-gray-600-cc {
    color: var(--c-gray-600) !important;
}

.text-gray-700-cc {
    color: var(--c-gray-700) !important;
}

.text-gray-800-cc {
    color: var(--c-gray-800) !important;
}

.text-gray-900-cc {
    color: var(--c-gray-900) !important;
}


.text-green-cc {
    color: var(--c-green) !important;
}

.text-green-100-cc {
    color: var(--c-green-100) !important;
}

.text-green-200-cc {
    color: var(--c-green-200) !important;
}

.text-green-300-cc {
    color: var(--c-green-300) !important;
}

.text-green-400-cc {
    color: var(--c-green-400) !important;
}

.text-green-500-cc {
    color: var(--c-green-500) !important;
}

.text-green-600-cc {
    color: var(--c-green-600) !important;
}

.text-green-700-cc {
    color: var(--c-green-700) !important;
}

.text-green-800-cc {
    color: var(--c-green-800) !important;
}

.text-green-900-cc {
    color: var(--c-green-900) !important;
}


.text-indigo-cc {
    color: var(--c-indigo) !important;
}

.text-indigo-100-cc {
    color: var(--c-indigo-100) !important;
}

.text-indigo-200-cc {
    color: var(--c-indigo-200) !important;
}

.text-indigo-300-cc {
    color: var(--c-indigo-300) !important;
}

.text-indigo-400-cc {
    color: var(--c-indigo-400) !important;
}

.text-indigo-500-cc {
    color: var(--c-indigo-500) !important;
}

.text-indigo-600-cc {
    color: var(--c-indigo-600) !important;
}

.text-indigo-700-cc {
    color: var(--c-indigo-700) !important;
}

.text-indigo-800-cc {
    color: var(--c-indigo-800) !important;
}

.text-indigo-900-cc {
    color: var(--c-indigo-900) !important;
}


.text-orange-cc {
    color: var(--c-orange) !important;
}

.text-orange-100-cc {
    color: var(--c-orange-100) !important;
}

.text-orange-200-cc {
    color: var(--c-orange-200) !important;
}

.text-orange-300-cc {
    color: var(--c-orange-300) !important;
}

.text-orange-400-cc {
    color: var(--c-orange-400) !important;
}

.text-orange-500-cc {
    color: var(--c-orange-500) !important;
}

.text-orange-600-cc {
    color: var(--c-orange-600) !important;
}

.text-orange-700-cc {
    color: var(--c-orange-700) !important;
}

.text-orange-800-cc {
    color: var(--c-orange-800) !important;
}

.text-orange-900-cc {
    color: var(--c-orange-900) !important;
}


.text-muted-cc {
    color: var(--c-muted) !important;
}

.text-muted-100-cc {
    color: var(--c-muted-100) !important;
}

.text-muted-200-cc {
    color: var(--c-muted-200) !important;
}

.text-muted-300-cc {
    color: var(--c-muted-300) !important;
}

.text-muted-400-cc {
    color: var(--c-muted-400) !important;
}

.text-muted-500-cc {
    color: var(--c-muted-500) !important;
}

.text-muted-600-cc {
    color: var(--c-muted-600) !important;
}

.text-muted-700-cc {
    color: var(--c-muted-700) !important;
}

.text-muted-800-cc {
    color: var(--c-muted-800) !important;
}

.text-muted-900-cc {
    color: var(--c-muted-900) !important;
}


.text-red-cc {
    color: var(--c-red) !important;
}

.text-red-100-cc {
    color: var(--c-red-100) !important;
}

.text-red-200-cc {
    color: var(--c-red-200) !important;
}

.text-red-300-cc {
    color: var(--c-red-300) !important;
}

.text-red-400-cc {
    color: var(--c-red-400) !important;
}

.text-red-500-cc {
    color: var(--c-red-500) !important;
}

.text-red-600-cc {
    color: var(--c-red-600) !important;
}

.text-red-700-cc {
    color: var(--c-red-700) !important;
}

.text-red-800-cc {
    color: var(--c-red-800) !important;
}

.text-red-900-cc {
    color: var(--c-red-900) !important;
}


.text-purple-cc {
    color: var(--c-purple) !important;
}

.text-purple-100-cc {
    color: var(--c-purple-100) !important;
}

.text-purple-200-cc {
    color: var(--c-purple-200) !important;
}

.text-purple-300-cc {
    color: var(--c-purple-300) !important;
}

.text-purple-400-cc {
    color: var(--c-purple-400) !important;
}

.text-purple-500-cc {
    color: var(--c-purple-500) !important;
}

.text-purple-600-cc {
    color: var(--c-purple-600) !important;
}

.text-purple-700-cc {
    color: var(--c-purple-700) !important;
}

.text-purple-800-cc {
    color: var(--c-purple-800) !important;
}

.text-purple-900-cc {
    color: var(--c-purple-900) !important;
}

.text-pink-cc {
    color: var(--c-pink) !important;
}

.text-pink-100-cc {
    color: var(--c-pink-100) !important;
}

.text-pink-200-cc {
    color: var(--c-pink-200) !important;
}

.text-pink-300-cc {
    color: var(--c-pink-300) !important;
}

.text-pink-400-cc {
    color: var(--c-pink-400) !important;
}

.text-pink-500-cc {
    color: var(--c-pink-500) !important;
}

.text-pink-600-cc {
    color: var(--c-pink-600) !important;
}

.text-pink-700-cc {
    color: var(--c-pink-700) !important;
}

.text-pink-800-cc {
    color: var(--c-pink-800) !important;
}

.text-pink-900-cc {
    color: var(--c-pink-900) !important;
}

.text-teal-cc {
    color: var(--c-teal) !important;
}

.text-teal-100-cc {
    color: var(--c-teal-100) !important;
}

.text-teal-200-cc {
    color: var(--c-teal-200) !important;
}

.text-teal-300-cc {
    color: var(--c-teal-300) !important;
}

.text-teal-400-cc {
    color: var(--c-teal-400) !important;
}

.text-teal-500-cc {
    color: var(--c-teal-500) !important;
}

.text-teal-600-cc {
    color: var(--c-teal-600) !important;
}

.text-teal-700-cc {
    color: var(--c-teal-700) !important;
}

.text-teal-800-cc {
    color: var(--c-teal-800) !important;
}

.text-teal-900-cc {
    color: var(--c-teal-900) !important;
}


.text-yellow-cc {
    color: var(--c-yellow) !important;
}

.text-yellow-100-cc {
    color: var(--c-yellow-100) !important;
}

.text-yellow-200-cc {
    color: var(--c-yellow-200) !important;
}

.text-yellow-300-cc {
    color: var(--c-yellow-300) !important;
}

.text-yellow-400-cc {
    color: var(--c-yellow-400) !important;
}

.text-yellow-500-cc {
    color: var(--c-yellow-500) !important;
}

.text-yellow-600-cc {
    color: var(--c-yellow-600) !important;
}

.text-yellow-700-cc {
    color: var(--c-yellow-700) !important;
}

.text-yellow-800-cc {
    color: var(--c-yellow-800) !important;
}

.text-yellow-900-cc {
    color: var(--c-yellow-900) !important;
}



/*----------------------------hover*/

.text-primary-hover-cc:hover {
    color: var(--c-primary-100) !important;
}

.text-primary-100-hover-cc:hover {
    color: var(--c-primary-200) !important;
}

.text-primary-200-hover-cc:hover {
    color: var(--c-primary-300) !important;
}

.text-primary-300-hover-cc:hover {
    color: var(--c-primary-400) !important;
}

.text-primary-400-hover-cc:hover {
    color: var(--c-primary-500) !important;
}

.text-primary-500-hover-cc:hover {
    color: var(--c-primary-600) !important;
}

.text-primary-600-hover-cc:hover {
    color: var(--c-primary-700) !important;
}

.text-primary-700-hover-cc:hover {
    color: var(--c-primary-800) !important;
}

.text-primary-800-hover-cc:hover {
    color: var(--c-primary-900) !important;
}

.text-primary-900-hover-cc:hover {
    color: var(--c-primary-900) !important;
}


.text-secondary-hover-cc:hover {
    color: var(--c-secondary-100) !important;
}

.text-secondary-100-hover-cc:hover {
    color: var(--c-secondary-200) !important;
}

.text-secondary-200-hover-cc:hover {
    color: var(--c-secondary-300) !important;
}

.text-secondary-300-hover-cc:hover {
    color: var(--c-secondary-400) !important;
}

.text-secondary-400-hover-cc:hover {
    color: var(--c-secondary-500) !important;
}

.text-secondary-500-hover-cc:hover {
    color: var(--c-secondary-600) !important;
}

.text-secondary-600-hover-cc:hover {
    color: var(--c-secondary-700) !important;
}

.text-secondary-700-hover-cc:hover {
    color: var(--c-secondary-800) !important;
}

.text-secondary-800-hover-cc:hover {
    color: var(--c-secondary-900) !important;
}

.text-secondary-900-hover-cc:hover {
    color: var(--c-secondary-900) !important;
}


.text-danger-hover-cc:hover {
    color: var(--c-danger-100) !important;
}

.text-danger-100-hover-cc:hover {
    color: var(--c-danger-200) !important;
}

.text-danger-200-hover-cc:hover {
    color: var(--c-danger-300) !important;
}

.text-danger-300-hover-cc:hover {
    color: var(--c-danger-400) !important;
}

.text-danger-400-hover-cc:hover {
    color: var(--c-danger-500) !important;
}

.text-danger-500-hover-cc:hover {
    color: var(--c-danger-600) !important;
}

.text-danger-600-hover-cc:hover {
    color: var(--c-danger-700) !important;
}

.text-danger-700-hover-cc:hover {
    color: var(--c-danger-800) !important;
}

.text-danger-800-hover-cc:hover {
    color: var(--c-danger-900) !important;
}

.text-danger-900-hover-cc:hover {
    color: var(--c-danger-900) !important;
}


.text-dark-hover-cc:hover {
    color: var(--c-dark-100) !important;
}

.text-dark-100-hover-cc:hover {
    color: var(--c-dark-200) !important;
}

.text-dark-200-hover-cc:hover {
    color: var(--c-dark-300) !important;
}

.text-dark-300-hover-cc:hover {
    color: var(--c-dark-400) !important;
}

.text-dark-400-hover-cc:hover {
    color: var(--c-dark-500) !important;
}

.text-dark-500-hover-cc:hover {
    color: var(--c-dark-600) !important;
}

.text-dark-600-hover-cc:hover {
    color: var(--c-dark-700) !important;
}

.text-dark-700-hover-cc:hover {
    color: var(--c-dark-800) !important;
}

.text-dark-800-hover-cc:hover {
    color: var(--c-dark-900) !important;
}

.text-dark-900-hover-cc:hover {
    color: var(--c-dark-900) !important;
}


.text-info-hover-cc:hover {
    color: var(--c-info-100) !important;
}

.text-info-100-hover-cc:hover {
    color: var(--c-info-200) !important;
}

.text-info-200-hover-cc:hover {
    color: var(--c-info-300) !important;
}

.text-info-300-hover-cc:hover {
    color: var(--c-info-400) !important;
}

.text-info-400-hover-cc:hover {
    color: var(--c-info-500) !important;
}

.text-info-500-hover-cc:hover {
    color: var(--c-info-600) !important;
}

.text-info-600-hover-cc:hover {
    color: var(--c-info-700) !important;
}

.text-info-700-hover-cc:hover {
    color: var(--c-info-800) !important;
}

.text-info-800-hover-cc:hover {
    color: var(--c-info-900) !important;
}

.text-info-900-hover-cc:hover {
    color: var(--c-info-900) !important;
}


.text-light-hover-cc:hover {
    color: var(--c-light-100) !important;
}

.text-light-100-hover-cc:hover {
    color: var(--c-light-200) !important;
}

.text-light-200-hover-cc:hover {
    color: var(--c-light-300) !important;
}

.text-light-300-hover-cc:hover {
    color: var(--c-light-400) !important;
}

.text-light-400-hover-cc:hover {
    color: var(--c-light-500) !important;
}

.text-light-500-hover-cc:hover {
    color: var(--c-light-600) !important;
}

.text-light-600-hover-cc:hover {
    color: var(--c-light-700) !important;
}

.text-light-700-hover-cc:hover {
    color: var(--c-light-800) !important;
}

.text-light-800-hover-cc:hover {
    color: var(--c-light-900) !important;
}

.text-light-900-hover-cc:hover {
    color: var(--c-light-900) !important;
}


.text-success-hover-cc:hover {
    color: var(--c-success-100) !important;
}

.text-success-100-hover-cc:hover {
    color: var(--c-success-200) !important;
}

.text-success-200-hover-cc:hover {
    color: var(--c-success-300) !important;
}

.text-success-300-hover-cc:hover {
    color: var(--c-success-400) !important;
}

.text-success-400-hover-cc:hover {
    color: var(--c-success-500) !important;
}

.text-success-500-hover-cc:hover {
    color: var(--c-success-600) !important;
}

.text-success-600-hover-cc:hover {
    color: var(--c-success-700) !important;
}

.text-success-700-hover-cc:hover {
    color: var(--c-success-800) !important;
}

.text-success-800-hover-cc:hover {
    color: var(--c-success-900) !important;
}

.text-success-900-hover-cc:hover {
    color: var(--c-success-900) !important;
}


.text-warning-hover-cc:hover {
    color: var(--c-warning-100) !important;
}

.text-warning-100-hover-cc:hover {
    color: var(--c-warning-200) !important;
}

.text-warning-200-hover-cc:hover {
    color: var(--c-warning-300) !important;
}

.text-warning-300-hover-cc:hover {
    color: var(--c-warning-400) !important;
}

.text-warning-400-hover-cc:hover {
    color: var(--c-warning-500) !important;
}

.text-warning-500-hover-cc:hover {
    color: var(--c-warning-600) !important;
}

.text-warning-600-hover-cc:hover {
    color: var(--c-warning-700) !important;
}

.text-warning-700-hover-cc:hover {
    color: var(--c-warning-800) !important;
}

.text-warning-800-hover-cc:hover {
    color: var(--c-warning-900) !important;
}

.text-warning-900-hover-cc:hover {
    color: var(--c-warning-900) !important;
}


.text-white-hover-cc:hover {
    color: var(--c-white-100) !important;
}

.text-white-100-hover-cc:hover {
    color: var(--c-white-200) !important;
}

.text-white-200-hover-cc:hover {
    color: var(--c-white-300) !important;
}

.text-white-300-hover-cc:hover {
    color: var(--c-white-400) !important;
}

.text-white-400-hover-cc:hover {
    color: var(--c-white-500) !important;
}

.text-white-500-hover-cc:hover {
    color: var(--c-white-600) !important;
}

.text-white-600-hover-cc:hover {
    color: var(--c-white-700) !important;
}

.text-white-700-hover-cc:hover {
    color: var(--c-white-800) !important;
}

.text-white-800-hover-cc:hover {
    color: var(--c-white-900) !important;
}

.text-white-900-hover-cc:hover {
    color: var(--c-white-900) !important;
}


.text-blue-hover-cc:hover {
    color: var(--c-blue-100) !important;
}

.text-blue-100-hover-cc:hover {
    color: var(--c-blue-200) !important;
}

.text-blue-200-hover-cc:hover {
    color: var(--c-blue-300) !important;
}

.text-blue-300-hover-cc:hover {
    color: var(--c-blue-400) !important;
}

.text-blue-400-hover-cc:hover {
    color: var(--c-blue-500) !important;
}

.text-blue-500-hover-cc:hover {
    color: var(--c-blue-600) !important;
}

.text-blue-600-hover-cc:hover {
    color: var(--c-blue-700) !important;
}

.text-blue-700-hover-cc:hover {
    color: var(--c-blue-800) !important;
}

.text-blue-800-hover-cc:hover {
    color: var(--c-blue-900) !important;
}

.text-blue-900-hover-cc:hover {
    color: var(--c-blue-900) !important;
}


.text-cyan-hover-cc:hover {
    color: var(--c-cyan-100) !important;
}

.text-cyan-100-hover-cc:hover {
    color: var(--c-cyan-200) !important;
}

.text-cyan-200-hover-cc:hover {
    color: var(--c-cyan-300) !important;
}

.text-cyan-300-hover-cc:hover {
    color: var(--c-cyan-400) !important;
}

.text-cyan-400-hover-cc:hover {
    color: var(--c-cyan-500) !important;
}

.text-cyan-500-hover-cc:hover {
    color: var(--c-cyan-600) !important;
}

.text-cyan-600-hover-cc:hover {
    color: var(--c-cyan-700) !important;
}

.text-cyan-700-hover-cc:hover {
    color: var(--c-cyan-800) !important;
}

.text-cyan-800-hover-cc:hover {
    color: var(--c-cyan-900) !important;
}

.text-cyan-900-hover-cc:hover {
    color: var(--c-cyan-900) !important;
}


.text-gray-hover-cc:hover {
    color: var(--c-gray-100) !important;
}

.text-gray-100-hover-cc:hover {
    color: var(--c-gray-200) !important;
}

.text-gray-200-hover-cc:hover {
    color: var(--c-gray-300) !important;
}

.text-gray-300-hover-cc:hover {
    color: var(--c-gray-400) !important;
}

.text-gray-400-hover-cc:hover {
    color: var(--c-gray-500) !important;
}

.text-gray-500-hover-cc:hover {
    color: var(--c-gray-600) !important;
}

.text-gray-600-hover-cc:hover {
    color: var(--c-gray-700) !important;
}

.text-gray-700-hover-cc:hover {
    color: var(--c-gray-800) !important;
}

.text-gray-800-hover-cc:hover {
    color: var(--c-gray-900) !important;
}

.text-gray-900-hover-cc:hover {
    color: var(--c-gray-900) !important;
}


.text-green-hover-cc:hover {
    color: var(--c-green-100) !important;
}

.text-green-100-hover-cc:hover {
    color: var(--c-green-200) !important;
}

.text-green-200-hover-cc:hover {
    color: var(--c-green-300) !important;
}

.text-green-300-hover-cc:hover {
    color: var(--c-green-400) !important;
}

.text-green-400-hover-cc:hover {
    color: var(--c-green-500) !important;
}

.text-green-500-hover-cc:hover {
    color: var(--c-green-600) !important;
}

.text-green-600-hover-cc:hover {
    color: var(--c-green-700) !important;
}

.text-green-700-hover-cc:hover {
    color: var(--c-green-800) !important;
}

.text-green-800-hover-cc:hover {
    color: var(--c-green-900) !important;
}

.text-green-900-hover-cc:hover {
    color: var(--c-green-900) !important;
}


.text-indigo-hover-cc:hover {
    color: var(--c-indigo-100) !important;
}

.text-indigo-100-hover-cc:hover {
    color: var(--c-indigo-200) !important;
}

.text-indigo-200-hover-cc:hover {
    color: var(--c-indigo-300) !important;
}

.text-indigo-300-hover-cc:hover {
    color: var(--c-indigo-400) !important;
}

.text-indigo-400-hover-cc:hover {
    color: var(--c-indigo-500) !important;
}

.text-indigo-500-hover-cc:hover {
    color: var(--c-indigo-600) !important;
}

.text-indigo-600-hover-cc:hover {
    color: var(--c-indigo-700) !important;
}

.text-indigo-700-hover-cc:hover {
    color: var(--c-indigo-800) !important;
}

.text-indigo-800-hover-cc:hover {
    color: var(--c-indigo-900) !important;
}

.text-indigo-900-hover-cc:hover {
    color: var(--c-indigo-900) !important;
}


.text-orange-hover-cc:hover {
    color: var(--c-orange-100) !important;
}

.text-orange-100-hover-cc:hover {
    color: var(--c-orange-200) !important;
}

.text-orange-200-hover-cc:hover {
    color: var(--c-orange-300) !important;
}

.text-orange-300-hover-cc:hover {
    color: var(--c-orange-400) !important;
}

.text-orange-400-hover-cc:hover {
    color: var(--c-orange-500) !important;
}

.text-orange-500-hover-cc:hover {
    color: var(--c-orange-600) !important;
}

.text-orange-600-hover-cc:hover {
    color: var(--c-orange-700) !important;
}

.text-orange-700-hover-cc:hover {
    color: var(--c-orange-800) !important;
}

.text-orange-800-hover-cc:hover {
    color: var(--c-orange-900) !important;
}

.text-orange-900-hover-cc:hover {
    color: var(--c-orange-900) !important;
}


.text-muted-hover-cc:hover {
    color: var(--c-muted-100) !important;
}

.text-muted-100-hover-cc:hover {
    color: var(--c-muted-200) !important;
}

.text-muted-200-hover-cc:hover {
    color: var(--c-muted-300) !important;
}

.text-muted-300-hover-cc:hover {
    color: var(--c-muted-400) !important;
}

.text-muted-400-hover-cc:hover {
    color: var(--c-muted-500) !important;
}

.text-muted-500-hover-cc:hover {
    color: var(--c-muted-600) !important;
}

.text-muted-600-hover-cc:hover {
    color: var(--c-muted-700) !important;
}

.text-muted-700-hover-cc:hover {
    color: var(--c-muted-800) !important;
}

.text-muted-800-hover-cc:hover {
    color: var(--c-muted-900) !important;
}

.text-muted-900-hover-cc:hover {
    color: var(--c-muted-900) !important;
}


.text-red-hover-cc:hover {
    color: var(--c-red-100) !important;
}

.text-red-100-hover-cc:hover {
    color: var(--c-red-200) !important;
}

.text-red-200-hover-cc:hover {
    color: var(--c-red-300) !important;
}

.text-red-300-hover-cc:hover {
    color: var(--c-red-400) !important;
}

.text-red-400-hover-cc:hover {
    color: var(--c-red-500) !important;
}

.text-red-500-hover-cc:hover {
    color: var(--c-red-600) !important;
}

.text-red-600-hover-cc:hover {
    color: var(--c-red-700) !important;
}

.text-red-700-hover-cc:hover {
    color: var(--c-red-800) !important;
}

.text-red-800-hover-cc:hover {
    color: var(--c-red-900) !important;
}

.text-red-900-hover-cc:hover {
    color: var(--c-red-900) !important;
}


.text-purple-hover-cc:hover {
    color: var(--c-purple-100) !important;
}

.text-purple-100-hover-cc:hover {
    color: var(--c-purple-200) !important;
}

.text-purple-200-hover-cc:hover {
    color: var(--c-purple-300) !important;
}

.text-purple-300-hover-cc:hover {
    color: var(--c-purple-400) !important;
}

.text-purple-400-hover-cc:hover {
    color: var(--c-purple-500) !important;
}

.text-purple-500-hover-cc:hover {
    color: var(--c-purple-600) !important;
}

.text-purple-600-hover-cc:hover {
    color: var(--c-purple-700) !important;
}

.text-purple-700-hover-cc:hover {
    color: var(--c-purple-800) !important;
}

.text-purple-800-hover-cc:hover {
    color: var(--c-purple-900) !important;
}

.text-purple-900-hover-cc:hover {
    color: var(--c-purple-900) !important;
}


.text-pink-hover-cc:hover {
    color: var(--c-pink-100) !important;
}

.text-pink-100-hover-cc:hover {
    color: var(--c-pink-200) !important;
}

.text-pink-200-hover-cc:hover {
    color: var(--c-pink-300) !important;
}

.text-pink-300-hover-cc:hover {
    color: var(--c-pink-400) !important;
}

.text-pink-400-hover-cc:hover {
    color: var(--c-pink-500) !important;
}

.text-pink-500-hover-cc:hover {
    color: var(--c-pink-600) !important;
}

.text-pink-600-hover-cc:hover {
    color: var(--c-pink-700) !important;
}

.text-pink-700-hover-cc:hover {
    color: var(--c-pink-800) !important;
}

.text-pink-800-hover-cc:hover {
    color: var(--c-pink-900) !important;
}

.text-pink-900-hover-cc:hover {
    color: var(--c-pink-900) !important;
}


.text-teal-hover-cc:hover {
    color: var(--c-teal-100) !important;
}

.text-teal-100-hover-cc:hover {
    color: var(--c-teal-200) !important;
}

.text-teal-200-hover-cc:hover {
    color: var(--c-teal-300) !important;
}

.text-teal-300-hover-cc:hover {
    color: var(--c-teal-400) !important;
}

.text-teal-400-hover-cc:hover {
    color: var(--c-teal-500) !important;
}

.text-teal-500-hover-cc:hover {
    color: var(--c-teal-600) !important;
}

.text-teal-600-hover-cc:hover {
    color: var(--c-teal-700) !important;
}

.text-teal-700-hover-cc:hover {
    color: var(--c-teal-800) !important;
}

.text-teal-800-hover-cc:hover {
    color: var(--c-teal-900) !important;
}

.text-teal-900-hover-cc:hover {
    color: var(--c-teal-900) !important;
}


.text-yellow-hover-cc:hover {
    color: var(--c-yellow-100) !important;
}

.text-yellow-100-hover-cc:hover {
    color: var(--c-yellow-200) !important;
}

.text-yellow-200-hover-cc:hover {
    color: var(--c-yellow-300) !important;
}

.text-yellow-300-hover-cc:hover {
    color: var(--c-yellow-400) !important;
}

.text-yellow-400-hover-cc:hover {
    color: var(--c-yellow-500) !important;
}

.text-yellow-500-hover-cc:hover {
    color: var(--c-yellow-600) !important;
}

.text-yellow-600-hover-cc:hover {
    color: var(--c-yellow-700) !important;
}

.text-yellow-700-hover-cc:hover {
    color: var(--c-yellow-800) !important;
}

.text-yellow-800-hover-cc:hover {
    color: var(--c-yellow-900) !important;
}

.text-yellow-900-hover-cc:hover {
    color: var(--c-yellow-900) !important;
}

/*
    Card >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

.shadow-xs-cc {
    box-shadow: var(--c-shadow-xs);
}

.shadow-sm-cc {
    box-shadow: var(--c-shadow-sm);
}

.shadow-md-cc {
    box-shadow: var(--c-shadow-md);
}

.shadow-lg-cc {
    box-shadow: var(--c-shadow-lg);
}

.shadow-xl-cc {
    box-shadow: var(--c-shadow-xl) #000;
}

/*
    Font Name >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

.ff-inter-cc {
    font-family: inter;
}

.ff-montserrat-cc {
    font-family: inter;
}


/*
    Font Weight >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

.fw-100-cc {
    font-weight: var(--c-fw-100);
}

.fw-200-cc {
    font-weight: var(--c-fw-200);
}

.fw-300-cc {
    font-weight: var(--c-fw-300);
}

.fw-400-cc {
    font-weight: var(--c-fw-400);
}

.fw-500-cc {
    font-weight: var(--c-fw-500);
}

.fw-600-cc {
    font-weight: var(--c-fw-600);
}

.fw-700-cc {
    font-weight: var(--c-fw-700);
}

.fw-800-cc {
    font-weight: var(--c-fw-800);
}

.fw-900-cc {
    font-weight: var(--c-fw-900);
}


/*
    Font Size >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

.fs-xl-cc {
    font-size: var(--c-fs-xl);
}

.fs-lg-cc {
    font-size: 40px;
}

.fs-md-cc {
    font-size: 30px;
}

.fs-sm-cc {
    font-size: 15px;
}

.fs-xs-cc {
    font-size: 10px;
}


.fs-1-cc {
    font-size: var(--c-fs-1);
}

.fs-2-cc {
    font-size: var(--c-fs-2);
}

.fs-3-cc {
    font-size: var(--c-fs-3);
}

.fs-4-cc {
    font-size: var(--c-fs-4);
}

.fs-5-cc {
    font-size: var(--c-fs-5);
}

.fs-6-cc {
    font-size: var(--c-fs-6);
}

.fs-7-cc {
    font-size: var(--c-fs-7);
}

.fs-8-cc {
    font-size: var(--c-fs-8);
}

.fs-9-cc {
    font-size: var(--c-fs-9);
}

.fs-10-cc {
    font-size: var(--c-fs-10);
}

.fs-11-cc {
    font-size: var(--c-fs-11);
}

.fs-12-cc {
    font-size: var(--c-fs-12);
}

.fs-13-cc {
    font-size: var(--c-fs-13);
}

.fs-14-cc {
    font-size: var(--c-fs-14);
}

.fs-15-cc {
    font-size: var(--c-fs-15);
}

.fs-16-cc {
    font-size: var(--c-fs-16);
}

.fs-17-cc {
    font-size: var(--c-fs-17);
}

.fs-18-cc {
    font-size: var(--c-fs-18);
}

.fs-19-cc {
    font-size: var(--c-fs-19);
}

.fs-20-cc {
    font-size: var(--c-fs-20);
}

.fs-21-cc {
    font-size: var(--c-fs-21);
}

.fs-22-cc {
    font-size: var(--c-fs-22);
}

.fs-23-cc {
    font-size: var(--c-fs-23);
}

.fs-24-cc {
    font-size: var(--c-fs-24);
}

.fs-25-cc {
    font-size: var(--c-fs-25);
}

.fs-26-cc {
    font-size: var(--c-fs-26);
}

.fs-27-cc {
    font-size: var(--c-fs-27);
}

.fs-28-cc {
    font-size: var(--c-fs-28);
}

.fs-29-cc {
    font-size: var(--c-fs-29);
}

.fs-30-cc {
    font-size: var(--c-fs-30);
}

.fs-31-cc {
    font-size: var(--c-fs-31);
}

.fs-32-cc {
    font-size: var(--c-fs-32);
}

.fs-33-cc {
    font-size: var(--c-fs-33);
}

.fs-34-cc {
    font-size: var(--c-fs-34);
}

.fs-35-cc {
    font-size: var(--c-fs-35);
}

.fs-36-cc {
    font-size: var(--c-fs-36);
}

.fs-37-cc {
    font-size: var(--c-fs-37);
}

.fs-38-cc {
    font-size: var(--c-38-37);
}

.fs-39-cc {
    font-size: var(--c-39-37);
}

.fs-40-cc {
    font-size: var(--c-40-37);
}

.fs-41-cc {
    font-size: var(--c-41-37);
}

.fs-42-cc {
    font-size: var(--c-42-37);
}

.fs-43-cc {
    font-size: var(--c-43-37);
}

.fs-44-cc {
    font-size: var(--c-44-37);
}

.fs-45-cc {
    font-size: var(--c-45-37);
}

.fs-46-cc {
    font-size: var(--c-46-37);
}

.fs-47-cc {
    font-size: var(--c-47-37);
}

.fs-48-cc {
    font-size: var(--c-48-37);
}

.fs-49-cc {
    font-size: var(--c-49-37);
}

.fs-50-cc {
    font-size: var(--c-50-37);
}


.text-4xl {
    font-size: 3.75rem;
    line-height: 1;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

/*
    Header >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

.h1-cc {
    font-size: 4.5rem;
    line-height: 1.1em;
}

.h2-cc {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.h3-cc {}

.h4-cc {}

.h5-cc {}

.h6-cc {}