@charset "utf-8";
@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
:root {
    --default-font: Arial, "Helvetica", 'Helvetica Neue', sans-serif;
    --roboto-font: "Roboto", sans-serif;
    --inter-font: "Inter", sans-serif;
    --fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;
    --sky: #00acf0;
    --sky-light-5: #e3f8ff;
    --sky-light-4: #bde4f9;
    --sky-light-3: #89d1f5;
    --sky-light-2: #5bbef0;
    --sky-light-1: #2aaae9;
    --sky-dark-5: #044f63;
    --sky-dark-4: #056b86;
    --sky-dark-3: #067fa2;
    --sky-dark-2: #088cb5;
    --sky-dark-1: #0a9ac7;
    --green: #22af47;
    --green-light-5: #e6f7eb;
    --green-light-4: #b8e4c6;
    --green-light-3: #86d1a2;
    --green-light-2: #59bf80;
    --green-light-1: #30ae5e;
    --green-dark-5: #044d25;
    --green-dark-4: #055e2d;
    --green-dark-3: #0e7430;
    --green-dark-2: #128434;
    --green-dark-1: #17953a;
    --yellow: #ffbf36;
    --yellow-light-5: #fff6e2;
    --yellow-light-4: #ffe6b8;
    --yellow-light-3: #ffd78e;
    --yellow-light-2: #ffc96a;
    --yellow-light-1: #ffba43;
    --yellow-dark-5: #b36903;
    --yellow-dark-4: #d47b00;
    --yellow-dark-3: #e68a00;
    --yellow-dark-2: #f39613;
    --yellow-dark-1: #f9a81a;
    --red: #f83f37;
    --red-light-5: #ffe3e3;
    --red-light-4: #fdc8c6;
    --red-light-3: #fb9997;
    --red-light-2: #fa7f7b;
    --red-light-1: #f9534e;
    --red-dark-5: #8b0e14;
    --red-dark-4: #b30d11;
    --red-dark-3: #d70013;
    --red-dark-2: #ed1c24;
    --red-dark-1: #ff2d25;
    --blue: #0092ee;
    --blue-light-5: #e3f7fe;
    --blue-light-4: #b2e2fa;
    --blue-light-3: #7cc3f6;
    --blue-light-2: #54a0f3;
    --blue-light-1: #2196f3;
    --blue-dark-5: #042a42;
    --blue-dark-4: #003d5b;
    --blue-dark-3: #075a8a;
    --blue-dark-2: #0088d4;
    --blue-dark-1: #0094e0;
    --cyan: #1ebccd;
    --cyan-light-5: #e0f8fa;
    --cyan-light-4: #b2ecee;
    --cyan-light-3: #80d4e8;
    --cyan-light-2: #4dc0db;
    --cyan-light-1: #2bb2c8;
    --cyan-dark-5: #054545;
    --cyan-dark-4: #045b5b;
    --cyan-dark-3: #0b7575;
    --cyan-dark-2: #0e8585;
    --cyan-dark-1: #17a6a6;
    --grey: #9e9e9e;
    --grey-light-5: #f7f7f7;
    --grey-light-4: #e0e0e0;
    --grey-light-3: #cccccc;
    --grey-light-2: #b3b3b3;
    --grey-light-1: #a1a1a1;
    --grey-dark-1: #8c8c8c;
    --grey-dark-2: #757575;
    --grey-dark-3: #606060;
    --grey-dark-4: #4c4c4c;
    --grey-dark-5: #3a3a3a;
    --pink: #ed1b60;
    --pink-light-5: #fce4e9;
    --pink-light-4: #f8bbd0;
    --pink-light-3: #f48fb1;
    --pink-light-2: #f06292;
    --pink-light-1: #ec407a;
    --pink-dark-5: #4a0c1f;
    --pink-dark-4: #7b1f30;
    --pink-dark-3: #9c27b0;
    --pink-dark-2: #c2185b;
    --pink-dark-1: #e91e63;
    --purple: #ab26aa;
    --purple-light-5: #f3e5f5;
    --purple-light-4: #e1bee7;
    --purple-light-3: #ce93d8;
    --purple-light-2: #ba68c8;
    --purple-light-1: #9c27b0;
    --purple-dark-5: #4a0072;
    --purple-dark-4: #6a1b9a;
    --purple-dark-3: #7b1fa2;
    --purple-dark-2: #8e24aa;
    --purple-dark-1: #9c27b0;
    --violet: #6640b2;
    --violet-light-5: #f2e6f7;
    --violet-light-4: #d1c4e9;
    --violet-light-3: #b39ddb;
    --violet-light-2: #9575cd;
    --violet-light-1: #7e57c2;
    --violet-dark-5: #3e1a6d;
    --violet-dark-4: #4a237e;
    --violet-dark-3: #6a2c99;
    --violet-dark-2: #7b1fa2;
    --violet-dark-1: #9c27b0;
    --indigo: #3a55b1;
    --indigo-light-5: #e8eaf6;
    --indigo-light-4: #c5cae9;
    --indigo-light-3: #9fa8da;
    --indigo-light-2: #7986cb;
    --indigo-light-1: #5c6bc0;
    --indigo-dark-5: #1a237e;
    --indigo-dark-4: #303f9f;
    --indigo-dark-3: #3949ab;
    --indigo-dark-2: #3f51b5;
    --indigo-dark-1: #4a148c;
    --teal: #009b84;
    --teal-light-5: #e0f2f1;
    --teal-light-4: #b2dfdb;
    --teal-light-3: #80cbc4;
    --teal-light-2: #4db6ac;
    --teal-light-1: #26a69a;
    --teal-dark-5: #004d40;
    --teal-dark-4: #00796b;
    --teal-dark-3: #00897b;
    --teal-dark-2: #009688;
    --teal-dark-1: #00bfae;
    --neon: #88c241;
    --neon-light-5: #f8fce7;
    --neon-light-4: #e3f2d4;
    --neon-light-3: #c8e6b9;
    --neon-light-2: #a5d6a7;
    --neon-light-1: #81c784;
    --neon-dark-5: #4e7d12;
    --neon-dark-4: #5c9220;
    --neon-dark-3: #6f9e0e;
    --neon-dark-2: #82b12b;
    --neon-dark-1: #94c72e;
    --lime: #d0d962;
    --lime-light-5: #f6f8e5;
    --lime-light-4: #e9edb8;
    --lime-light-3: #d4db88;
    --lime-light-2: #b3c95c;
    --lime-light-1: #92b136;
    --lime-dark-5: #5e6308;
    --lime-dark-4: #757a0c;
    --lime-dark-3: #8c990d;
    --lime-dark-2: #a5b50e;
    --lime-dark-1: #b9cc23;
    --sun: #fde335;
    --sun-light-5: #fff9e6;
    --sun-light-4: #ffedb3;
    --sun-light-3: #ffe56b;
    --sun-light-2: #ffdf37;
    --sun-light-1: #ffcc00;
    --sun-dark-5: #8c6a01;
    --sun-dark-4: #a68d00;
    --sun-dark-3: #b3a600;
    --sun-dark-2: #c6b000;
    --sun-dark-1: #e1c200;
    --orange: #ff9528;
    --orange-light-5: #fff8e1;
    --orange-light-4: #ffe1a8;
    --orange-light-3: #ffcc7a;
    --orange-light-2: #ffb34d;
    --orange-light-1: #ff9c2e;
    --orange-dark-5: #b94b00;
    --orange-dark-4: #d45d02;
    --orange-dark-3: #e26e10;
    --orange-dark-2: #ff7c00;
    --orange-dark-1: #ff8f1f;
    --pumpkin: #ff6028;
    --pumpkin-light-5: #fff5e6;
    --pumpkin-light-4: #ffcdac;
    --pumpkin-light-3: #ffb07c;
    --pumpkin-light-2: #ff8a4f;
    --pumpkin-light-1: #ff6a2e;
    --pumpkin-dark-5: #922800;
    --pumpkin-dark-4: #a93800;
    --pumpkin-dark-3: #d24808;
    --pumpkin-dark-2: #e64b0f;
    --pumpkin-dark-1: #f2561c;
    --brown: #7a5449;
    --brown-light-5: #f8f4f2;
    --brown-light-4: #e0c6c2;
    --brown-light-3: #c6a69e;
    --brown-light-2: #a98b84;
    --brown-light-1: #8f6b61;
    --brown-dark-5: #3a1813;
    --brown-dark-4: #5b2420;
    --brown-dark-3: #6d3d33;
    --brown-dark-2: #7a4b3a;
    --brown-dark-1: #8e5b4b;
    --gold: #c1993f;
    --gold-light-5: #fdf9e6;
    --gold-light-4: #ece0b3;
    --gold-light-3: #d8cc8c;
    --gold-light-2: #d5b66c;
    --gold-light-1: #c9a32f;
    --gold-dark-5: #5a3c02;
    --gold-dark-4: #7e590b;
    --gold-dark-3: #9a761d;
    --gold-dark-2: #b08b25;
    --gold-dark-1: #d4a836;
    --smoke: #5e7d8a;
    --smoke-light-5: #f7f9fa;
    --smoke-light-4: #d0d8db;
    --smoke-light-3: #b3c1c4;
    --smoke-light-2: #9ab2b7;
    --smoke-light-1: #7a9ca1;
    --smoke-dark-5: #1e3038;
    --smoke-dark-4: #253c48;
    --smoke-dark-3: #324e5a;
    --smoke-dark-2: #3f606d;
    --smoke-dark-1: #4c747c;
    --disabled: #dddddd;
    --disabled-light-1: #e8e8e8;
    --disabled-light-2: #f2f2f2;
    --disabled-light-3: #f8f8f8;
    --disabled-light-4: #fcfcfc;
    --disabled-light-5: #ffffff;
    --disabled-dark-1: #cccccc;
    --disabled-dark-2: #b3b3b3;
    --disabled-dark-3: #999999;
    --disabled-dark-4: #808080;
    --disabled-dark-5: #666666;
    --light: #f5f5f6;
    --silver: #faf9f7;
    --dark: #324148;
    --colorblack: #0a0a0a;
    --colorwhite: #fff;
    --bg-light: #fafafa;
    --light-10: #fdfdfd;
    --light-15: #f8f9fa;
    --light-20: #f4f4f4;
    --light-25: #f1f1f1;
    --light-30: #f3f3f3;
    --light-35: #f2f2f2;
    --light-40: #f1f1f1;
    --light-45: #f8f8f8;
    --light-50: #f0f0f0;
    --light-55: #eeeeee;
    --light-60: #ececec;
    --light-65: #e9e9e9;
    --light-70: #efefef;
    --light-75: #e3e3e3;
    --light-80: #d5d5d5;
    --light-85: #dfdfdf;
    --light-90: #dadada;
    --light-95: #cecece;
    --light-100: #cacaca;
    --bg-dark: #080402;
    --dark-10: #1c1d1f;
    --dark-15: #131519;
    --dark-20: #1e262c;
    --dark-25: #141a16;
    --dark-30: #242e34;
    --dark-35: #2d2d2d;
    --dark-40: #211d1e;
    --dark-45: #2c2626;
    --dark-50: #333333;
    --dark-55: #323232;
    --dark-60: #404040;
    --dark-65: #444444;
    --dark-70: #505050;
    --dark-75: #555555;
    --dark-80: #666666;
    --dark-85: #777777;
    --dark-90: #888888;
    --dark-95: #989898;
    --dark-100: #909090;
    --trans-light-10: rgba(255, 255, 255, 0.10);
    --trans-light-15: rgba(255, 255, 255, 0.15);
    --trans-light-20: rgba(255, 255, 255, 0.20);
    --trans-light-25: rgba(255, 255, 255, 0.25);
    --trans-light-30: rgba(255, 255, 255, 0.30);
    --trans-light-35: rgba(255, 255, 255, 0.35);
    --trans-light-40: rgba(255, 255, 255, 0.40);
    --trans-light-45: rgba(255, 255, 255, 0.45);
    --trans-light-50: rgba(255, 255, 255, 0.50);
    --trans-light-55: rgba(255, 255, 255, 0.55);
    --trans-light-60: rgba(255, 255, 255, 0.60);
    --trans-light-65: rgba(255, 255, 255, 0.65);
    --trans-light-70: rgba(255, 255, 255, 0.70);
    --trans-light-75: rgba(255, 255, 255, 0.75);
    --trans-light-80: rgba(255, 255, 255, 0.80);
    --trans-light-85: rgba(255, 255, 255, 0.85);
    --trans-light-90: rgba(255, 255, 255, 0.90);
    --trans-light-95: rgba(255, 255, 255, 0.95);
    --trans-dark-10: rgba(0, 0, 0, 0.10);
    --trans-dark-15: rgba(0, 0, 0, 0.15);
    --trans-dark-20: rgba(0, 0, 0, 0.20);
    --trans-dark-25: rgba(0, 0, 0, 0.25);
    --trans-dark-30: rgba(0, 0, 0, 0.30);
    --trans-dark-35: rgba(0, 0, 0, 0.35);
    --trans-dark-40: rgba(0, 0, 0, 0.40);
    --trans-dark-45: rgba(0, 0, 0, 0.45);
    --trans-dark-50: rgba(0, 0, 0, 0.50);
    --trans-dark-55: rgba(0, 0, 0, 0.55);
    --trans-dark-60: rgba(0, 0, 0, 0.60);
    --trans-dark-65: rgba(0, 0, 0, 0.65);
    --trans-dark-70: rgba(0, 0, 0, 0.70);
    --trans-dark-75: rgba(0, 0, 0, 0.75);
    --trans-dark-80: rgba(0, 0, 0, 0.80);
    --trans-dark-85: rgba(0, 0, 0, 0.85);
    --trans-dark-90: rgba(0, 0, 0, 0.90);
    --trans-dark-95: rgba(0, 0, 0, 0.95);
    --value-auto: auto;
    --value-0: 0;
    --value-1-px: 1px;
    --value-2-px: 2px;
    --value-3-px: 3px;
    --value-4-px: 4px;
    --value-5-px: 5px;
    --value-6-px: 6px;
    --value-7-px: 7px;
    --value-8-px: 8px;
    --value-9-px: 9px;
    --value-10-px: 10px;
    --value-11-px: 11px;
    --value-12-px: 12px;
    --value-13-px: 13px;
    --value-14-px: 14px;
    --value-15-px: 15px;
    --value-16-px: 16px;
    --value-18-px: 18px;
    --value-20-px: 20px;
    --value-24-px: 24px;
    --value-25-px: 25px;
    --value-30-px: 30px;
    --value-32-px: 32px;
    --value-35-px: 35px;
    --value-40-px: 40px;
    --value-45-px: 45px;
    --value-50-px: 50px;
    --value-55-px: 55px;
    --value-60-px: 60px;
    --value-65-px: 65px;
    --value-70-px: 70px;
    --value-75-px: 75px;
    --value-80-px: 80px;
    --value-85-px: 85px;
    --value-90-px: 90px;
    --value-95-px: 95px;
    --value-100-px: 100px;
    --value-110-px: 110px;
    --value-120-px: 120px;
    --value-200-px: 200px;
    --value-300-px: 300px;
    --value-400-px: 400px;
    --value-500-px: 500px;
    --value-ms-1-px: -1px;
    --value-ms-2-px: -2px;
    --value-ms-3-px: -3px;
    --value-ms-4-px: -4px;
    --value-ms-5-px: -5px;
    --value-10-pct: 10%;
    --value-15-pct: 15%;
    --value-20-pct: 20%;
    --value-25-pct: 25%;
    --value-30-pct: 30%;
    --value-35-pct: 35%;
    --value-40-pct: 40%;
    --value-45-pct: 45%;
    --value-50-pct: 50%;
    --value-55-pct: 55%;
    --value-60-pct: 60%;
    --value-65-pct: 65%;
    --value-70-pct: 70%;
    --value-75-pct: 75%;
    --value-80-pct: 80%;
    --value-85-pct: 85%;
    --value-90-pct: 90%;
    --value-95-pct: 95%;
    --value-100-pct: 100%;
    --value-100-vh: 100vh;
    --value-576-mw: 576px;
    --value-768-mw: 768px;
    --value-992-mw: 992px;
    --value-1200-mw: 1200px;
    --value-1400-mw: 1400px;
    --value-576-mxw: 575.98px;
    --value-768-mxw: 767.98px;
    --value-992-mxw: 991.98px;
    --value-1200-mxw: 1199.98px;
    --value-1400-mxw: 1399.98px;
}

* {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

html {
    font-synthesis: none;
    -moz-font-feature-settings: inherit;
    -ms-text-size-adjust: var(--value-100-pct);
    -webkit-text-size-adjust: var(--value-100-pct);
    box-sizing: border-box;
    scroll-behavior: smooth;
}

html* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html,
body {
    height: var(--value-100-pct) !important;
    min-height: var(--value-100-pct) !important;
}

a,
em,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
sub,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: var(--value-0);
    padding: var(--value-0);
    border: var(--value-0);
    outline: none;
    font-size: var(--value-100-pct);
    background: transparent;
    font-variant-ligatures: none;
}

body {
    font-size: .875rem;
    font-style: normal;
    line-height: 1.6;
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

main,
.main {
    position: relative;
}

::-moz-selection {
    color: var(--colorwhite);
    background: var(--bg-dark);
}

::selection {
    color: var(--colorwhite);
    background: var(--bg-dark);
}

body::-webkit-scrollbar {
    width: .5em;
    background-color: var(--bg-silver);
}

body::-webkit-scrollbar-track {
    background: var(--bg-silver);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--bg-dark);
    outline: 0 solid var(--bg-dark);
}

.ff-default {
    font-family: var(--default-font) !important;
}

.ff-roboto {
    font-family: var(--roboto-font) !important;
}

.ff-inter {
    font-family: var(--inter-font) !important;
}

p {
    margin: var(--value-0) !important;
    padding: var(--value-0) !important;
}

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}

a:focus {
    text-decoration: none !important;
}

a:active {
    text-decoration: none !important;
}

.text-decoration {
    text-decoration: none !important;
}

.text-underline {
    text-decoration: underline !important;
}

.outline-none {
    outline: none !important;
}

.clear-both {
    clear: both !important;
}

iframe {
    border: var(--value-0) !important;
}

input,
select {
    vertical-align: middle !important;
}

input:focus,
textarea:focus {
    outline: none !important;
}

span.hideemail {
    display: none !important;
}

embed,
img,
object,
video {
    max-width: var(--value-100-pct);
    height: var(--value-auto) !important;
}

.display-none {
    display: none !important;
}

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

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

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

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

.display-grid {
    display: grid !important;
}

.display-table {
    display: table !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.fs-10 {
    font-size: var(--value-10-px) !important;
}

.fs-12 {
    font-size: var(--value-12-px) !important;
}

.fs-14 {
    font-size: var(--value-14-px) !important;
}

.fs-16 {
    font-size: var(--value-16-px) !important;
}

.fs-18 {
    font-size: var(--value-18-px) !important;
}

.fs-20 {
    font-size: var(--value-20-px) !important;
}

.fs-24 {
    font-size: var(--value-24-px) !important;
}

.fs-30 {
    font-size: var(--value-30-px) !important;
}

.fs-40 {
    font-size: var(--value-40-px) !important;
}

.fs-50 {
    font-size: var(--value-50-px) !important;
}

.fs-60 {
    font-size: var(--value-60-px) !important;
}

.fs-70 {
    font-size: var(--value-70-px) !important;
}

.fs-80 {
    font-size: var(--value-80-px) !important;
}

.fs-90 {
    font-size: var(--value-90-px) !important;
}

.fs-100 {
    font-size: var(--value-100-px) !important;
}

.font-weight-100 {
    font-weight: var(--fw-100) !important;
}

.font-weight-200 {
    font-weight: var(--fw-200) !important;
}

.font-weight-300 {
    font-weight: var(--fw-300) !important;
}

.font-weight-400 {
    font-weight: var(--fw-400) !important;
}

.font-weight-500 {
    font-weight: var(--fw-500) !important;
}

.font-weight-600 {
    font-weight: var(--fw-600) !important;
}

.font-weight-700 {
    font-weight: var(--fw-700) !important;
}

.font-weight-800 {
    font-weight: var(--fw-800) !important;
}

.font-weight-900 {
    font-weight: var(--fw-900) !important;
}

.text-extra-tiny {
    font-size: var(--value-10-px) !important;
    line-height: 1.2 !important;
}

.text-tiny {
    font-size: var(--value-12-px) !important;
    line-height: 1.33 !important;
}

.text-extra-small {
    font-size: var(--value-14-px) !important;
    line-height: 1.29 !important;
}

.text-small {
    font-size: var(--value-16-px) !important;
    line-height: 1.38 !important;
}

.text-medium {
    font-size: var(--value-18-px) !important;
    line-height: 1.33 !important;
}

.text-extra-medium {
    font-size: var(--value-20-px) !important;
    line-height: 1.4 !important;
}

.text-large {
    font-size: var(--value-24-px) !important;
    line-height: 1.25 !important;
}

.text-extra-large {
    font-size: var(--value-32-px) !important;
    line-height: 1.25 !important;
}

.text-extra-xl {
    font-size: var(--value-50-px) !important;
    line-height: 1 !important;
}

.text-extra-xxl {
    font-size: var(--value-100-px) !important;
    line-height: 1 !important;
}

.text-extra-xxxl {
    font-size: var(--value-120-px) !important;
    line-height: 1 !important;
}

.icon-very-small {
    font-size: var(--value-14-px) !important;
    line-height: var(--value-14-px) !important;
}

.icon-small {
    font-size: var(--value-24-px) !important;
    line-height: var(--value-24-px) !important;
}

.icon-medium {
    font-size: var(--value-30-px) !important;
    line-height: var(--value-30-px) !important;
}

.icon-extra-medium {
    font-size: var(--value-40-px) !important;
    line-height: var(--value-40-px) !important;
}

.icon-large {
    font-size: var(--value-50-px) !important;
    line-height: var(--value-50-px) !important;
}

.icon-extra-large {
    font-size: var(--value-100-px) !important;
    line-height: var(--value-100-px) !important;
}

.width-auto {
    width: var(--value-auto) !important;
}

.width-1px {
    width: var(--value-1-px) !important;
}

.width-2px {
    width: var(--value-2-px) !important;
}

.width-3px {
    width: var(--value-3-px) !important;
}

.width-4px {
    width: var(--value-4-px) !important;
}

.width-5px {
    width: var(--value-5-px) !important;
}

.width-6px {
    width: var(--value-6-px) !important;
}

.width-7px {
    width: var(--value-7-px) !important;
}

.width-8px {
    width: var(--value-8-px) !important;
}

.width-9px {
    width: var(--value-9-px) !important;
}

.width-10px {
    width: var(--value-10-px) !important;
}

.width-10pct {
    width: var(--value-10-pct) !important;
}

.width-15pct {
    width: var(--value-15-pct) !important;
}

.width-20pct {
    width: var(--value-20-pct) !important;
}

.width-25pct {
    width: var(--value-25-pct) !important;
}

.width-30pct {
    width: var(--value-30-pct) !important;
}

.width-35pct {
    width: var(--value-35-pct) !important;
}

.width-40pct {
    width: var(--value-40-pct) !important;
}

.width-45pct {
    width: var(--value-45-pct) !important;
}

.width-50pct {
    width: var(--value-50-pct) !important;
}

.width-55pct {
    width: var(--value-55-pct) !important;
}

.width-60pct {
    width: var(--value-60-pct) !important;
}

.width-65pct {
    width: var(--value-65-pct) !important;
}

.width-70pct {
    width: var(--value-70-pct) !important;
}

.width-75pct {
    width: var(--value-75-pct) !important;
}

.width-80pct {
    width: var(--value-80-pct) !important;
}

.width-85pct {
    width: var(--value-85-pct) !important;
}

.width-90pct {
    width: var(--value-90-pct) !important;
}

.width-95pct {
    width: var(--value-95-pct) !important;
}

.width-100pct {
    width: var(--value-100-pct) !important;
}

.min-width-100pct {
    min-width: var(--value-100-pct) !important;
}

.min-width-576px {
    min-width: var(--value-576-mw) !important;
}

.min-width-768px {
    min-width: var(--value-768-mw) !important;
}

.min-width-992px {
    min-width: var(--value-992-mw) !important;
}

.min-width-1200px {
    min-width: var(--value-1200-mw) !important;
}

.min-width-1400px {
    min-width: var(--value-1400-mw) !important;
}

.max-width-576px {
    max-width: var(--value-576-mxw) !important;
}

.max-width-768px {
    max-width: var(--value-768-mxw) !important;
}

.max-width-992px {
    max-width: var(--value-992-mxw) !important;
}

.max-width-1200px {
    max-width: var(--value-1200-mxw) !important;
}

.max-width-1400px {
    max-width: var(--value-1400-mxw) !important;
}

.width-max {
    width: max-content !important;
}

.width-min {
    width: min-content !important;
}

.height-1px {
    height: var(--value-1-px) !important;
}

.height-2px {
    height: var(--value-2-px) !important;
}

.height-3px {
    height: var(--value-3-px) !important;
}

.height-4px {
    height: var(--value-4-px) !important;
}

.height-5px {
    height: var(--value-5-px) !important;
}

.height-6px {
    height: var(--value-6-px) !important;
}

.height-7px {
    height: var(--value-7-px) !important;
}

.height-8px {
    height: var(--value-8-px) !important;
}

.height-9px {
    height: var(--value-9-px) !important;
}

.height-10px {
    height: var(--value-10-px) !important;
}

.height-25px {
    height: var(--value-25-px) !important;
}

.height-50px {
    height: var(--value-50-px) !important;
}

.height-75px {
    height: var(--value-75-px) !important;
}

.height-100px {
    height: var(--value-100-px) !important;
}

.height-10pct {
    height: var(--value-10-pct) !important;
}

.height-25pct {
    height: var(--value-25-pct) !important;
}

.height-50pct {
    height: var(--value-50-pct) !important;
}

.height-75pct {
    height: var(--value-75-pct) !important;
}

.height-100pct {
    height: var(--value-100-pct) !important;
}

.height-auto {
    height: var(--value-auto) !important;
}

.min-height-100 {
    min-height: var(--value-100-pct) !important;
}

.min-height-100px {
    min-height: var(--value-100-px) !important;
}

.min-height-200px {
    min-height: var(--value-200-px) !important;
}

.min-height-300px {
    min-height: var(--value-300-px) !important;
}

.min-height-400px {
    min-height: var(--value-400-px) !important;
}

.min-height-500px {
    min-height: var(--value-500-px) !important;
}

.max-height-100 {
    max-height: var(--value-100-pct) !important;
}

.fullscreen {
    min-height: var(--value-100-vh) !important;
}

@media(max-width:575.98px) {
    .fullscreen-sm {
        min-height: var(--value-100-vh) !important;
    }
}

@media(max-width:767.98px) {
    .fullscreen-md {
        min-height: var(--value-100-vh) !important;
    }
}

@media(max-width:991.98px) {
    .fullscreen-lg {
        min-height: var(--value-100-vh) !important;
    }
}

@media(max-width:1199.98px) {
    .fullscreen-xl {
        min-height: var(--value-100-vh) !important;
    }
}

@media(max-width:1399.98px) {
    .fullscreen-xxl {
        min-height: var(--value-100-vh) !important;
    }
}

.no-margin {
    margin: var(--value-0) !important;
}

.no-margin-x {
    margin-left: var(--value-0) !important;
    margin-right: var(--value-0) !important;
}

.no-margin-y {
    margin-top: var(--value-0) !important;
    margin-bottom: var(--value-0) !important;
}

.no-margin-top {
    margin-top: var(--value-0) !important;
}

.no-margin-bottom {
    margin-bottom: var(--value-0) !important;
}

.no-margin-left {
    margin-left: var(--value-0) !important;
}

.no-margin-right {
    margin-right: var(--value-0) !important;
}

.margin-x-auto {
    margin-left: var(--value-auto) !important;
    margin-right: var(--value-auto) !important;
}

.margin-auto {
    margin: var(--value-0)var(--value-auto) !important;
}

.margin-1 {
    margin: var(--value-1-px) !important;
}

.margin-2 {
    margin: var(--value-2-px) !important;
}

.margin-3 {
    margin: var(--value-3-px) !important;
}

.margin-4 {
    margin: var(--value-4-px) !important;
}

.margin-5 {
    margin: var(--value-5-px) !important;
}

.margin-10 {
    margin: var(--value-10-px) !important;
}

.margin-15 {
    margin: var(--value-15-px) !important;
}

.margin-20 {
    margin: var(--value-20-px) !important;
}

.margin-25 {
    margin: var(--value-25-px) !important;
}

.margin-30 {
    margin: var(--value-30-px) !important;
}

.margin-35 {
    margin: var(--value-35-px) !important;
}

.margin-40 {
    margin: var(--value-40-px) !important;
}

.margin-45 {
    margin: var(--value-45-px) !important;
}

.margin-50 {
    margin: var(--value-50-px) !important;
}

.margin-55 {
    margin: var(--value-55-px) !important;
}

.margin-60 {
    margin: var(--value-60-px) !important;
}

.margin-65 {
    margin: var(--value-65-px) !important;
}

.margin-70 {
    margin: var(--value-70-px) !important;
}

.margin-75 {
    margin: var(--value-75-px) !important;
}

.margin-80 {
    margin: var(--value-80-px) !important;
}

.margin-85 {
    margin: var(--value-85-px) !important;
}

.margin-90 {
    margin: var(--value-90-px) !important;
}

.margin-95 {
    margin: var(--value-95-px) !important;
}

.margin-100 {
    margin: var(--value-100-px) !important;
}

.no-padding {
    padding: var(--value-0) !important;
}

.no-padding-x {
    padding-left: var(--value-0) !important;
    padding-right: var(--value-0) !important;
}

.no-padding-y {
    padding-top: var(--value-0) !important;
    padding-bottom: var(--value-0) !important;
}

.no-padding-top {
    padding-top: var(--value-0) !important;
}

.no-padding-bottom {
    padding-bottom: var(--value-0) !important;
}

.no-padding-left {
    padding-left: var(--value-0) !important;
}

.no-padding-right {
    padding-right: var(--value-0) !important;
}

.padding-1 {
    padding: var(--value-1-px) !important;
}

.padding-2 {
    padding: var(--value-2-px) !important;
}

.padding-3 {
    padding: var(--value-3-px) !important;
}

.padding-4 {
    padding: var(--value-4-px) !important;
}

.padding-5 {
    padding: var(--value-5-px) !important;
}

.padding-10 {
    padding: var(--value-10-px) !important;
}

.padding-15 {
    padding: var(--value-15-px) !important;
}

.padding-20 {
    padding: var(--value-20-px) !important;
}

.padding-25 {
    padding: var(--value-25-px) !important;
}

.padding-30 {
    padding: var(--value-30-px) !important;
}

.padding-35 {
    padding: var(--value-35-px) !important;
}

.padding-40 {
    padding: var(--value-40-px) !important;
}

.padding-45 {
    padding: var(--value-45-px) !important;
}

.padding-50 {
    padding: var(--value-50-px) !important;
}

.padding-55 {
    padding: var(--value-55-px) !important;
}

.padding-60 {
    padding: var(--value-60-px) !important;
}

.padding-65 {
    padding: var(--value-65-px) !important;
}

.padding-70 {
    padding: var(--value-70-px) !important;
}

.padding-75 {
    padding: var(--value-75-px) !important;
}

.padding-80 {
    padding: var(--value-80-px) !important;
}

.padding-85 {
    padding: var(--value-85-px) !important;
}

.padding-90 {
    padding: var(--value-90-px) !important;
}

.padding-95 {
    padding: var(--value-95-px) !important;
}

.padding-100 {
    padding: var(--value-100-px) !important;
}

.text-indent-10 {
    text-indent: var(--value-10-px) !important;
}

.text-indent-15 {
    text-indent: var(--value-15-px) !important;
}

.text-indent-20 {
    text-indent: var(--value-20-px) !important;
}

.text-indent-25 {
    text-indent: var(--value-25-px) !important;
}

.text-indent-30 {
    text-indent: var(--value-30-px) !important;
}

.text-indent-50 {
    text-indent: var(--value-50-px) !important;
}

.lineHeightInherit {
    line-height: inherit !important;
}

.lineHeight12 {
    line-height: 1.2 !important;
}

.lineHeight14 {
    line-height: 1.33 !important;
}

.lineHeight16 {
    line-height: 1.4 !important;
}

.lineHeight18 {
    line-height: 1.5 !important;
}

.lineHeight20 {
    line-height: 1.6 !important;
}

.lineHeight21 {
    line-height: 1.75 !important;
}

.lineHeight24 {
    line-height: 1.6 !important;
}

.lineHeight26 {
    line-height: 1.85 !important;
}

.lineHeight28 {
    line-height: 1.8 !important;
}

.lineHeight30 {
    line-height: 1.87 !important;
}

.lineHeight40 {
    line-height: 2 !important;
}

.lineHeight50 {
    line-height: 2.5 !important;
}

.lineHeight55 {
    line-height: 2.75 !important;
}

.lineHeight60 {
    line-height: 3 !important;
}

.lineHeight65 {
    line-height: 3.25 !important;
}

.lineHeight70 {
    line-height: 3.5 !important;
}

.lineHeight75 {
    line-height: 3.75 !important;
}

.lineHeight80 {
    line-height: 4 !important;
}

.lineHeight85 {
    line-height: 4.25 !important;
}

.lineHeight90 {
    line-height: 4.5 !important;
}

.lineHeight95 {
    line-height: 4.75 !important;
}

.lineHeight100 {
    line-height: 5 !important;
}

.lineHeight110 {
    line-height: 5.5 !important;
}

.lineHeight120 {
    line-height: 6 !important;
}

.border-radius-none {
    -webkit-border-radius: var(--value-0) !important;
    -moz-border-radius: var(--value-0) !important;
    border-radius: var(--value-0) !important;
}

.border-radius-1 {
    -webkit-border-radius: var(--value-1-px) !important;
    -moz-border-radius: var(--value-1-px) !important;
    border-radius: var(--value-1-px) !important;
}

.border-radius-2 {
    -webkit-border-radius: var(--value-2-px) !important;
    -moz-border-radius: var(--value-2-px) !important;
    border-radius: var(--value-2-px) !important;
}

.border-radius-3 {
    -webkit-border-radius: var(--value-3-px) !important;
    -moz-border-radius: var(--value-3-px) !important;
    border-radius: var(--value-3-px) !important;
}

.border-radius-4 {
    -webkit-border-radius: var(--value-4-px) !important;
    -moz-border-radius: var(--value-4-px) !important;
    border-radius: var(--value-4-px) !important;
}

.border-radius-5 {
    -webkit-border-radius: var(--value-5-px) !important;
    -moz-border-radius: var(--value-5-px) !important;
    border-radius: var(--value-5-px) !important;
}

.border-radius-6 {
    -webkit-border-radius: var(--value-6-px) !important;
    -moz-border-radius: var(--value-6-px) !important;
    border-radius: var(--value-6-px) !important;
}

.border-radius-7 {
    -webkit-border-radius: var(--value-7-px) !important;
    -moz-border-radius: var(--value-7-px) !important;
    border-radius: var(--value-7-px) !important;
}

.border-radius-8 {
    -webkit-border-radius: var(--value-8-px) !important;
    -moz-border-radius: var(--value-8-px) !important;
    border-radius: var(--value-8-px) !important;
}

.border-radius-9 {
    -webkit-border-radius: var(--value-9-px) !important;
    -moz-border-radius: var(--value-1-px) !important;
    border-radius: var(--value-9-px) !important;
}

.border-radius-10 {
    -webkit-border-radius: var(--value-10-px) !important;
    -moz-border-radius: var(--value-10-px) !important;
    border-radius: var(--value-10-px) !important;
}

.border-radius-50 {
    -webkit-border-radius: var(--value-50-pct) !important;
    -moz-border-radius: var(--value-50-pct) !important;
    border-radius: var(--value-50-pct) !important;
}

.border-radius-100 {
    -webkit-border-radius: var(--value-100-pct) !important;
    -moz-border-radius: var(--value-100-pct) !important;
    border-radius: var(--value-100-pct) !important;
}

.border-radius-small {
    -webkit-border-radius: var(--value-4-px) !important;
    -moz-border-radius: var(--value-4-px) !important;
    border-radius: var(--value-4-px) !important;
}

.border-radius-medium {
    -webkit-border-radius: var(--value-8-px) !important;
    -moz-border-radius: var(--value-8-px) !important;
    border-radius: var(--value-8-px) !important;
}

.border-radius-large {
    -webkit-border-radius: var(--value-10-px) !important;
    -moz-border-radius: var(--value-10-px) !important;
    border-radius: var(--value-10-px) !important;
}

.border-radius-circle {
    -webkit-border-radius: var(--value-50-pct) !important;
    -moz-border-radius: var(--value-50-pct) !important;
    border-radius: var(--value-50-pct) !important;
}

.border-radius-full {
    -webkit-border-radius: var(--value-100-pct) !important;
    -moz-border-radius: var(--value-100-pct) !important;
    border-radius: var(--value-100-pct) !important;
}

.border-none {
    border: none !important;
}

.border-top-none {
    border-top: var(--value-0) !important;
}

.border-right-none {
    border-right: var(--value-0) !important;
}

.border-bottom-none {
    border-bottom: var(--value-0) !important;
}

.border-left-none {
    border-left: var(--value-0) !important;
}

.border-dotted {
    border-style: dotted !important;
}

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

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

.no-border-top {
    border-top: var(--value-0) !important;
}

.no-border-right {
    border-right: var(--value-0) !important;
}

.no-border-bottom {
    border-bottom: var(--value-0) !important;
}

.no-border-left {
    border-left: var(--value-0) !important;
}

.border-1 {
    border-width: var(--value-1-px) !important;
}

.border-2 {
    border-width: var(--value-2-px) !important;
}

.border-3 {
    border-width: var(--value-3-px) !important;
}

.border-4 {
    border-width: var(--value-4-px) !important;
}

.border-5 {
    border-width: var(--value-5-px) !important;
}

.border-6 {
    border-width: var(--value-6-px) !important;
}

.border-7 {
    border-width: var(--value-7-px) !important;
}

.border-8 {
    border-width: var(--value-8-px) !important;
}

.border-9 {
    border-width: var(--value-9-px) !important;
}

.border-10 {
    border-width: var(--value-10-px) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-black {
    border-color: var(--colorblack) !important;
}

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

.text-sky {
    color: var(--sky) !important;
}

a.text-sky:hover,
a.text-sky:focus,
a.text-sky:active {
    color: var(--sky) !important;
}

.text-green {
    color: var(--green) !important;
}

a.text-green:hover,
a.text-green:focus,
a.text-green:active {
    color: var(--green) !important;
}

.text-yellow {
    color: var(--yellow) !important;
}

a.text-yellow:hover,
a.text-yellow:focus,
a.text-yellow:active {
    color: var(--yellow) !important;
}

.text-red {
    color: var(--red) !important;
}

a.text-red:hover,
a.text-red:focus,
a.text-red:active {
    color: var(--red) !important;
}

.text-blue {
    color: var(--blue) !important;
}

a.text-blue:hover,
a.text-blue:focus,
a.text-blue:active {
    color: var(--blue) !important;
}

.text-cyan {
    color: var(--cyan) !important;
}

a.text-cyan:hover,
a.text-cyan:focus,
a.text-cyan:active {
    color: var(--cyan) !important;
}

.text-grey {
    color: var(--grey) !important;
}

a.text-grey:hover,
a.text-grey:focus,
a.text-grey:active {
    color: var(--grey) !important;
}

.text-pink {
    color: var(--pink) !important;
}

a.text-pink:hover,
a.text-pink:focus,
a.text-pink:active {
    color: var(--pink) !important;
}

.text-purple {
    color: var(--purple) !important;
}

a.text-purple:hover,
a.text-purple:focus,
a.text-purple:active {
    color: var(--purple) !important;
}

.text-violet {
    color: var(--violet) !important;
}

a.text-violet:hover,
a.text-violet:focus,
a.text-violet:active {
    color: var(--violet) !important;
}

.text-indigo {
    color: var(--indigo) !important;
}

a.text-indigo:hover,
a.text-indigo:focus,
a.text-indigo:active {
    color: var(--indigo) !important;
}

.text-teal {
    color: var(--teal) !important;
}

a.text-teal:hover,
a.text-teal:focus,
a.text-teal:active {
    color: var(--teal) !important;
}

.text-neon {
    color: var(--neon) !important;
}

a.text-neon:hover,
a.text-neon:focus,
a.text-neon:active {
    color: var(--neon) !important;
}

.text-lime {
    color: var(--lime) !important;
}

a.text-lime:hover,
a.text-lime:focus,
a.text-lime:active {
    color: var(--lime) !important;
}

.text-sun {
    color: var(--sun) !important;
}

a.text-sun:hover,
a.text-sun:focus,
a.text-sun:active {
    color: var(--sun) !important;
}

.text-orange {
    color: var(--orange) !important;
}

a.text-orange:hover,
a.text-orange:focus,
a.text-orange:active {
    color: var(--orange) !important;
}

.text-pumpkin {
    color: var(--pumpkin) !important;
}

a.text-pumpkin:hover,
a.text-pumpkin:focus,
a.text-pumpkin:active {
    color: var(--pumpkin) !important;
}

.text-brown {
    color: var(--brown) !important;
}

a.text-brown:hover,
a.text-brown:focus,
a.text-brown:active {
    color: var(--brown) !important;
}

.text-gold {
    color: var(--gold) !important;
}

a.text-gold:hover,
a.text-gold:focus,
a.text-gold:active {
    color: var(--gold) !important;
}

.text-smoke {
    color: var(--smoke) !important;
}

a.text-smoke:hover,
a.text-smoke:focus,
a.text-smoke:active {
    color: var(--smoke) !important;
}

.text-disabled {
    color: var(--disabled) !important;
}

a.text-disabled:hover,
a.text-disabled:focus {
    color: var(--disabled) !important;
}

.text-light {
    color: var(--light) !important;
}

a.text-light:hover,
a.text-light:focus,
a.text-light:active {
    color: var(--light) !important;
}

.text-silver {
    color: var(--silver) !important;
}

a.text-silver:hover,
a.text-silver:focus,
a.text-silver:active {
    color: var(--silver) !important;
}

.text-dark {
    color: var(--dark) !important;
}

a.text-dark:hover,
a.text-dark:focus,
a.text-dark:active {
    color: var(--dark) !important;
}

.text-black {
    color: var(--colorblack) !important;
}

a.text-black:hover,
a.text-black:focus,
a.text-black:active {
    color: var(--colorblack) !important;
}

.text-white {
    color: var(--colorwhite) !important;
}

a.text-white:hover,
a.text-white:focus,
a.text-white:active {
    color: var(--colorwhite) !important;
}

.text-light-10 {
    color: var(--light-10) !important;
}

a.text-light-10:hover,
a.text-light-10:focus,
a.text-light-10:active {
    color: var(--light-10) !important;
}

.text-light-15 {
    color: var(--light-15) !important;
}

a.text-light-15:hover,
a.text-light-15:focus,
a.text-light-15:active {
    color: var(--light-15) !important;
}

.text-light-20 {
    color: var(--light-20) !important;
}

a.text-light-20:hover,
a.text-light-20:focus,
a.text-light-20:active {
    color: var(--light-20) !important;
}

.text-light-25 {
    color: var(--light-25) !important;
}

a.text-light-25:hover,
a.text-light-25:focus,
a.text-light-25:active {
    color: var(--light-25) !important;
}

.text-light-30 {
    color: var(--light-30) !important;
}

a.text-light-30:hover,
a.text-light-30:focus,
a.text-light-30:active {
    color: var(--light-30) !important;
}

.text-light-35 {
    color: var(--light-35) !important;
}

a.text-light-35:hover,
a.text-light-35:focus,
a.text-light-35:active {
    color: var(--light-35) !important;
}

.text-light-40 {
    color: var(--light-40) !important;
}

a.text-light-40:hover,
a.text-light-40:focus,
a.text-light-40:active {
    color: var(--light-40) !important;
}

.text-light-45 {
    color: var(--light-45) !important;
}

a.text-light-45:hover,
a.text-light-45:focus,
a.text-light-45:active {
    color: var(--light-45) !important;
}

.text-light-50 {
    color: var(--light-50) !important;
}

a.text-light-50:hover,
a.text-light-50:focus,
a.text-light-50:active {
    color: var(--light-50) !important;
}

.text-light-55 {
    color: var(--light-55) !important;
}

a.text-light-55:hover,
a.text-light-55:focus,
a.text-light-55:active {
    color: var(--light-55) !important;
}

.text-light-60 {
    color: var(--light-60) !important;
}

a.text-light-60:hover,
a.text-light-60:focus,
a.text-light-60:active {
    color: var(--light-60) !important;
}

.text-light-65 {
    color: var(--light-65) !important;
}

a.text-light-65:hover,
a.text-light-65:focus,
a.text-light-65:active {
    color: var(--light-65) !important;
}

.text-light-70 {
    color: var(--light-70) !important;
}

a.text-light-70:hover,
a.text-light-70:focus,
a.text-light-70:active {
    color: var(--light-70) !important;
}

.text-light-75 {
    color: var(--light-75) !important;
}

a.text-light-75:hover,
a.text-light-75:focus,
a.text-light-75:active {
    color: var(--light-75) !important;
}

.text-light-80 {
    color: var(--light-80) !important;
}

a.text-light-80:hover,
a.text-light-80:focus,
a.text-light-80:active {
    color: var(--light-80) !important;
}

.text-light-85 {
    color: var(--light-85) !important;
}

a.text-light-85:hover,
a.text-light-85:focus,
a.text-light-85:active {
    color: var(--light-85) !important;
}

.text-light-90 {
    color: var(--light-90) !important;
}

a.text-light-90:hover,
a.text-light-90:focus,
a.text-light-90:active {
    color: var(--light-90) !important;
}

.text-light-95 {
    color: var(--light-95) !important;
}

a.text-light-95:hover,
a.text-light-95:focus,
a.text-light-95:active {
    color: var(--light-95) !important;
}

.text-light-100 {
    color: var(--light-100) !important;
}

a.text-light-100:hover,
a.text-light-100:focus,
a.text-light-100:active {
    color: var(--light-100) !important;
}

.text-dark-10 {
    color: var(--dark-10) !important;
}

a.text-dark-10:hover,
a.text-dark-10:focus,
a.text-dark-10:active {
    color: var(--dark-10) !important;
}

.text-dark-15 {
    color: var(--dark-15) !important;
}

a.text-dark-15:hover,
a.text-dark-15:focus,
a.text-dark-15:active {
    color: var(--dark-15) !important;
}

.text-dark-20 {
    color: var(--dark-20) !important;
}

a.text-dark-20:hover,
a.text-dark-20:focus,
a.text-dark-20:active {
    color: var(--dark-20) !important;
}

.text-dark-25 {
    color: var(--dark-25) !important;
}

a.text-dark-25:hover,
a.text-dark-25:focus,
a.text-dark-25:active {
    color: var(--dark-25) !important;
}

.text-dark-30 {
    color: var(--dark-30) !important;
}

a.text-dark-30:hover,
a.text-dark-30:focus,
a.text-dark-30:active {
    color: var(--dark-30) !important;
}

.text-dark-35 {
    color: var(--dark-35) !important;
}

a.text-dark-35:hover,
a.text-dark-35:focus,
a.text-dark-35:active {
    color: var(--dark-35) !important;
}

.text-dark-40 {
    color: var(--dark-40) !important;
}

a.text-dark-40:hover,
a.text-dark-40:focus,
a.text-dark-40:active {
    color: var(--dark-40) !important;
}

.text-dark-45 {
    color: var(--dark-45) !important;
}

a.text-dark-45:hover,
a.text-dark-45:focus,
a.text-dark-45:active {
    color: var(--dark-45) !important;
}

.text-dark-50 {
    color: var(--dark-50) !important;
}

a.text-dark-50:hover,
a.text-dark-50:focus,
a.text-dark-50:active {
    color: var(--dark-50) !important;
}

.text-dark-55 {
    color: var(--dark-55) !important;
}

a.text-dark-55:hover,
a.text-dark-55:focus,
a.text-dark-55:active {
    color: var(--dark-55) !important;
}

.text-dark-60 {
    color: var(--dark-60) !important;
}

a.text-dark-60:hover,
a.text-dark-60:focus,
a.text-dark-60:active {
    color: var(--dark-60) !important;
}

.text-dark-65 {
    color: var(--dark-65) !important;
}

a.text-dark-65:hover,
a.text-dark-65:focus,
a.text-dark-65:active {
    color: var(--dark-65) !important;
}

.text-dark-70 {
    color: var(--dark-70) !important;
}

a.text-dark-70:hover,
a.text-dark-70:focus,
a.text-dark-70:active {
    color: var(--dark-70) !important;
}

.text-dark-75 {
    color: var(--dark-75) !important;
}

a.text-dark-75:hover,
a.text-dark-75:focus,
a.text-dark-75:active {
    color: var(--dark-75) !important;
}

.text-dark-80 {
    color: var(--dark-80) !important;
}

a.text-dark-80:hover,
a.text-dark-80:focus,
a.text-dark-80:active {
    color: var(--dark-80) !important;
}

.text-dark-85 {
    color: var(--dark-85) !important;
}

a.text-dark-85:hover,
a.text-dark-85:focus,
a.text-dark-85:active {
    color: var(--dark-85) !important;
}

.text-dark-90 {
    color: var(--dark-90) !important;
}

a.text-dark-90:hover,
a.text-dark-90:focus,
a.text-dark-90:active {
    color: var(--dark-90) !important;
}

.text-dark-95 {
    color: var(--dark-95) !important;
}

a.text-dark-95:hover,
a.text-dark-95:focus,
a.text-dark-95:active {
    color: var(--dark-95) !important;
}

.text-dark-100 {
    color: var(--dark-100) !important;
}

a.text-dark-100:hover,
a.text-dark-100:focus,
a.text-dark-100:active {
    color: var(--dark-100) !important;
}

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

.bg-sky-light-5 {
    background: var(--sky-light-5) !important;
}

.bg-sky-light-4 {
    background: var(--sky-light-4) !important;
}

.bg-sky-light-3 {
    background: var(--sky-light-3) !important;
}

.bg-sky-light-2 {
    background: var(--sky-light-2) !important;
}

.bg-sky-light-1 {
    background: var(--sky-light-1) !important;
}

.bg-sky-dark-5 {
    background: var(--sky-dark-5) !important;
}

.bg-sky-dark-4 {
    background: var(--sky-dark-4) !important;
}

.bg-sky-dark-3 {
    background: var(--sky-dark-3) !important;
}

.bg-sky-dark-2 {
    background: var(--sky-dark-2) !important;
}

.bg-sky-dark-1 {
    background: var(--sky-dark-1) !important;
}

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

.bg-green-light-5 {
    background: var(--green-light-5) !important;
}

.bg-green-light-4 {
    background: var(--green-light-4) !important;
}

.bg-green-light-3 {
    background: var(--green-light-3) !important;
}

.bg-green-light-2 {
    background: var(--green-light-2) !important;
}

.bg-green-light-1 {
    background: var(--green-light-1) !important;
}

.bg-green-dark-5 {
    background: var(--green-dark-5) !important;
}

.bg-green-dark-4 {
    background: var(--green-dark-4) !important;
}

.bg-green-dark-3 {
    background: var(--green-dark-3) !important;
}

.bg-green-dark-2 {
    background: var(--green-dark-2) !important;
}

.bg-green-dark-1 {
    background: var(--green-dark-1) !important;
}

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

.bg-yellow-light-5 {
    background: var(--yellow-light-5) !important;
}

.bg-yellow-light-4 {
    background: var(--yellow-light-4) !important;
}

.bg-yellow-light-3 {
    background: var(--yellow-light-3) !important;
}

.bg-yellow-light-2 {
    background: var(--yellow-light-2) !important;
}

.bg-yellow-light-1 {
    background: var(--yellow-light-1) !important;
}

.bg-yellow-dark-5 {
    background: var(--yellow-dark-5) !important;
}

.bg-yellow-dark-4 {
    background: var(--yellow-dark-4) !important;
}

.bg-yellow-dark-3 {
    background: var(--yellow-dark-3) !important;
}

.bg-yellow-dark-2 {
    background: var(--yellow-dark-2) !important;
}

.bg-yellow-dark-1 {
    background: var(--yellow-dark-1) !important;
}

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

.bg-red-light-5 {
    background: var(--red-light-5) !important;
}

.bg-red-light-4 {
    background: var(--red-light-4) !important;
}

.bg-red-light-3 {
    background: var(--red-light-3) !important;
}

.bg-red-light-2 {
    background: var(--red-light-2) !important;
}

.bg-red-light-1 {
    background: var(--red-light-1) !important;
}

.bg-red-dark-5 {
    background: var(--red-dark-5) !important;
}

.bg-red-dark-4 {
    background: var(--red-dark-4) !important;
}

.bg-red-dark-3 {
    background: var(--red-dark-3) !important;
}

.bg-red-dark-2 {
    background: var(--red-dark-2) !important;
}

.bg-red-dark-1 {
    background: var(--red-dark-1) !important;
}

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

.bg-blue-light-5 {
    background: var(--blue-light-5) !important;
}

.bg-blue-light-4 {
    background: var(--blue-light-4) !important;
}

.bg-blue-light-3 {
    background: var(--blue-light-3) !important;
}

.bg-blue-light-2 {
    background: var(--blue-light-2) !important;
}

.bg-blue-light-1 {
    background: var(--blue-light-1) !important;
}

.bg-blue-dark-5 {
    background: var(--blue-dark-5) !important;
}

.bg-blue-dark-4 {
    background: var(--blue-dark-4) !important;
}

.bg-blue-dark-3 {
    background: var(--blue-dark-3) !important;
}

.bg-blue-dark-2 {
    background: var(--blue-dark-2) !important;
}

.bg-blue-dark-1 {
    background: var(--blue-dark-1) !important;
}

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

.bg-cyan-light-5 {
    background: var(--cyan-light-5) !important;
}

.bg-cyan-light-4 {
    background: var(--cyan-light-4) !important;
}

.bg-cyan-light-3 {
    background: var(--cyan-light-3) !important;
}

.bg-cyan-light-2 {
    background: var(--cyan-light-2) !important;
}

.bg-cyan-light-1 {
    background: var(--cyan-light-1) !important;
}

.bg-cyan-dark-5 {
    background: var(--cyan-dark-5) !important;
}

.bg-cyan-dark-4 {
    background: var(--cyan-dark-4) !important;
}

.bg-cyan-dark-3 {
    background: var(--cyan-dark-3) !important;
}

.bg-cyan-dark-2 {
    background: var(--cyan-dark-2) !important;
}

.bg-cyan-dark-1 {
    background: var(--cyan-dark-1) !important;
}

.bg-grey {
    background: var(--grey) !important;
}

.bg-grey-light-5 {
    background: var(--grey-light-5) !important;
}

.bg-grey-light-4 {
    background: var(--grey-light-4) !important;
}

.bg-grey-light-3 {
    background: var(--grey-light-3) !important;
}

.bg-grey-light-2 {
    background: var(--grey-light-2) !important;
}

.bg-grey-light-1 {
    background: var(--grey-light-1) !important;
}

.bg-grey-dark-5 {
    background: var(--grey-dark-5) !important;
}

.bg-grey-dark-4 {
    background: var(--grey-dark-4) !important;
}

.bg-grey-dark-3 {
    background: var(--grey-dark-3) !important;
}

.bg-grey-dark-2 {
    background: var(--grey-dark-2) !important;
}

.bg-grey-dark-1 {
    background: var(--grey-dark-1) !important;
}

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

.bg-pink-light-5 {
    background: var(--pink-light-5) !important;
}

.bg-pink-light-4 {
    background: var(--pink-light-4) !important;
}

.bg-pink-light-3 {
    background: var(--pink-light-3) !important;
}

.bg-pink-light-2 {
    background: var(--pink-light-2) !important;
}

.bg-pink-light-1 {
    background: var(--pink-light-1) !important;
}

.bg-pink-dark-5 {
    background: var(--pink-dark-5) !important;
}

.bg-pink-dark-4 {
    background: var(--pink-dark-4) !important;
}

.bg-pink-dark-3 {
    background: var(--pink-dark-3) !important;
}

.bg-pink-dark-2 {
    background: var(--pink-dark-2) !important;
}

.bg-pink-dark-1 {
    background: var(--pink-dark-1) !important;
}

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

.bg-purple-light-5 {
    background: var(--purple-light-5) !important;
}

.bg-purple-light-4 {
    background: var(--purple-light-4) !important;
}

.bg-purple-light-3 {
    background: var(--purple-light-3) !important;
}

.bg-purple-light-2 {
    background: var(--purple-light-2) !important;
}

.bg-purple-light-1 {
    background: var(--purple-light-1) !important;
}

.bg-purple-dark-5 {
    background: var(--purple-dark-5) !important;
}

.bg-purple-dark-4 {
    background: var(--purple-dark-4) !important;
}

.bg-purple-dark-3 {
    background: var(--purple-dark-3) !important;
}

.bg-purple-dark-2 {
    background: var(--purple-dark-2) !important;
}

.bg-purple-dark-1 {
    background: var(--purple-dark-1) !important;
}

.bg-violet {
    background: var(--violet) !important;
}

.bg-violet-light-5 {
    background: var(--purple-light-5) !important;
}

.bg-violet-light-4 {
    background: var(--purple-light-4) !important;
}

.bg-violet-light-3 {
    background: var(--purple-light-3) !important;
}

.bg-violet-light-2 {
    background: var(--purple-light-2) !important;
}

.bg-violet-light-1 {
    background: var(--purple-light-1) !important;
}

.bg-violet-dark-5 {
    background: var(--purple-dark-5) !important;
}

.bg-violet-dark-4 {
    background: var(--purple-dark-4) !important;
}

.bg-violet-dark-3 {
    background: var(--purple-dark-3) !important;
}

.bg-violet-dark-2 {
    background: var(--purple-dark-2) !important;
}

.bg-violet-dark-1 {
    background: var(--purple-dark-1) !important;
}

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

.bg-indigo-light-5 {
    background: var(--indigo-light-5) !important;
}

.bg-indigo-light-4 {
    background: var(--indigo-light-4) !important;
}

.bg-indigo-light-3 {
    background: var(--indigo-light-3) !important;
}

.bg-indigo-light-2 {
    background: var(--indigo-light-2) !important;
}

.bg-indigo-light-1 {
    background: var(--indigo-light-1) !important;
}

.bg-indigo-dark-5 {
    background: var(--indigo-dark-5) !important;
}

.bg-indigo-dark-4 {
    background: var(--indigo-dark-4) !important;
}

.bg-indigo-dark-3 {
    background: var(--indigo-dark-3) !important;
}

.bg-indigo-dark-2 {
    background: var(--indigo-dark-2) !important;
}

.bg-indigo-dark-1 {
    background: var(--indigo-dark-1) !important;
}

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

.bg-teal-light-5 {
    background: var(--teal-light-5) !important;
}

.bg-teal-light-4 {
    background: var(--teal-light-4) !important;
}

.bg-teal-light-3 {
    background: var(--teal-light-3) !important;
}

.bg-teal-light-2 {
    background: var(--teal-light-2) !important;
}

.bg-teal-light-1 {
    background: var(--teal-light-1) !important;
}

.bg-teal-dark-5 {
    background: var(--teal-dark-5) !important;
}

.bg-teal-dark-4 {
    background: var(--teal-dark-4) !important;
}

.bg-teal-dark-3 {
    background: var(--teal-dark-3) !important;
}

.bg-teal-dark-2 {
    background: var(--teal-dark-2) !important;
}

.bg-teal-dark-1 {
    background: var(--teal-dark-1) !important;
}

.bg-neon {
    background: var(--neon) !important;
}

.bg-neon-light-5 {
    background: var(--neon-light-5) !important;
}

.bg-neon-light-4 {
    background: var(--neon-light-4) !important;
}

.bg-neon-light-3 {
    background: var(--neon-light-3) !important;
}

.bg-neon-light-2 {
    background: var(--neon-light-2) !important;
}

.bg-neon-light-1 {
    background: var(--neon-light-1) !important;
}

.bg-neon-dark-5 {
    background: var(--neon-dark-5) !important;
}

.bg-neon-dark-4 {
    background: var(--neon-dark-4) !important;
}

.bg-neon-dark-3 {
    background: var(--neon-dark-3) !important;
}

.bg-neon-dark-2 {
    background: var(--neon-dark-2) !important;
}

.bg-neon-dark-1 {
    background: var(--neon-dark-1) !important;
}

.bg-lime {
    background: var(--lime) !important;
}

.bg-lime-light-5 {
    background: var(--lime-light-5) !important;
}

.bg-lime-light-4 {
    background: var(--lime-light-4) !important;
}

.bg-lime-light-3 {
    background: var(--lime-light-3) !important;
}

.bg-lime-light-2 {
    background: var(--lime-light-2) !important;
}

.bg-lime-light-1 {
    background: var(--lime-light-1) !important;
}

.bg-lime-dark-5 {
    background: var(--lime-dark-5) !important;
}

.bg-lime-dark-4 {
    background: var(--lime-dark-4) !important;
}

.bg-lime-dark-3 {
    background: var(--lime-dark-3) !important;
}

.bg-lime-dark-2 {
    background: var(--lime-dark-2) !important;
}

.bg-lime-dark-1 {
    background: var(--lime-dark-1) !important;
}

.bg-sun {
    background: var(--sun) !important;
}

.bg-sun-light-5 {
    background: var(--sun-light-5) !important;
}

.bg-sun-light-4 {
    background: var(--sun-light-4) !important;
}

.bg-sun-light-3 {
    background: var(--sun-light-3) !important;
}

.bg-sun-light-2 {
    background: var(--sun-light-2) !important;
}

.bg-sun-light-1 {
    background: var(--sun-light-1) !important;
}

.bg-sun-dark-5 {
    background: var(--sun-dark-5) !important;
}

.bg-sun-dark-4 {
    background: var(--sun-dark-4) !important;
}

.bg-sun-dark-3 {
    background: var(--sun-dark-3) !important;
}

.bg-sun-dark-2 {
    background: var(--sun-dark-2) !important;
}

.bg-sun-dark-1 {
    background: var(--sun-dark-1) !important;
}

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

.bg-orange-light-5 {
    background: var(--orange-light-5) !important;
}

.bg-orange-light-4 {
    background: var(--orange-light-4) !important;
}

.bg-orange-light-3 {
    background: var(--orange-light-3) !important;
}

.bg-orange-light-2 {
    background: var(--orange-light-2) !important;
}

.bg-orange-light-1 {
    background: var(--orange-light-1) !important;
}

.bg-orange-dark-5 {
    background: var(--orange-dark-5) !important;
}

.bg-orange-dark-4 {
    background: var(--orange-dark-4) !important;
}

.bg-orange-dark-3 {
    background: var(--orange-dark-3) !important;
}

.bg-orange-dark-2 {
    background: var(--orange-dark-2) !important;
}

.bg-orange-dark-1 {
    background: var(--orange-dark-1) !important;
}

.bg-pumpkin {
    background: var(--pumpkin) !important;
}

.bg-pumpkin-light-5 {
    background: var(--pumpkin-light-5) !important;
}

.bg-pumpkin-light-4 {
    background: var(--pumpkin-light-4) !important;
}

.bg-pumpkin-light-3 {
    background: var(--pumpkin-light-3) !important;
}

.bg-pumpkin-light-2 {
    background: var(--pumpkin-light-2) !important;
}

.bg-pumpkin-light-1 {
    background: var(--pumpkin-light-1) !important;
}

.bg-pumpkin-dark-5 {
    background: var(--pumpkin-dark-5) !important;
}

.bg-pumpkin-dark-4 {
    background: var(--pumpkin-dark-4) !important;
}

.bg-pumpkin-dark-3 {
    background: var(--pumpkin-dark-3) !important;
}

.bg-pumpkin-dark-2 {
    background: var(--pumpkin-dark-2) !important;
}

.bg-pumpkin-dark-1 {
    background: var(--pumpkin-dark-1) !important;
}

.bg-brown {
    background: var(--brown) !important;
}

.bg-brown-light-5 {
    background: var(--brown-light-5) !important;
}

.bg-brown-light-4 {
    background: var(--brown-light-4) !important;
}

.bg-brown-light-3 {
    background: var(--brown-light-3) !important;
}

.bg-brown-light-2 {
    background: var(--brown-light-2) !important;
}

.bg-brown-light-1 {
    background: var(--brown-light-1) !important;
}

.bg-brown-dark-5 {
    background: var(--brown-dark-5) !important;
}

.bg-brown-dark-4 {
    background: var(--brown-dark-4) !important;
}

.bg-brown-dark-3 {
    background: var(--brown-dark-3) !important;
}

.bg-brown-dark-2 {
    background: var(--brown-dark-2) !important;
}

.bg-brown-dark-1 {
    background: var(--brown-dark-1) !important;
}

.bg-gold {
    background: var(--gold) !important;
}

.bg-gold-light-5 {
    background: var(--gold-light-5) !important;
}

.bg-gold-light-4 {
    background: var(--gold-light-4) !important;
}

.bg-gold-light-3 {
    background: var(--gold-light-3) !important;
}

.bg-gold-light-2 {
    background: var(--gold-light-2) !important;
}

.bg-gold-light-1 {
    background: var(--gold-light-1) !important;
}

.bg-gold-dark-5 {
    background: var(--gold-dark-5) !important;
}

.bg-gold-dark-4 {
    background: var(--gold-dark-4) !important;
}

.bg-gold-dark-3 {
    background: var(--gold-dark-3) !important;
}

.bg-gold-dark-2 {
    background: var(--gold-dark-2) !important;
}

.bg-gold-dark-1 {
    background: var(--gold-dark-1) !important;
}

.bg-smoke {
    background: var(--smoke) !important;
}

.bg-smoke-light-5 {
    background: var(--smoke-light-5) !important;
}

.bg-smoke-light-4 {
    background: var(--smoke-light-4) !important;
}

.bg-smoke-light-3 {
    background: var(--smoke-light-3) !important;
}

.bg-smoke-light-2 {
    background: var(--smoke-light-2) !important;
}

.bg-smoke-light-1 {
    background: var(--smoke-light-1) !important;
}

.bg-smoke-dark-5 {
    background: var(--smoke-dark-5) !important;
}

.bg-smoke-dark-4 {
    background: var(--smoke-dark-4) !important;
}

.bg-smoke-dark-3 {
    background: var(--smoke-dark-3) !important;
}

.bg-smoke-dark-2 {
    background: var(--smoke-dark-2) !important;
}

.bg-smoke-dark-1 {
    background: var(--smoke-dark-1) !important;
}

.bg-disabled {
    background: var(--disabled) !important;
}

.bg-disabled-light-5 {
    background: var(--disabled-light-5) !important;
}

.bg-disabled-light-4 {
    background: var(--disabled-light-4) !important;
}

.bg-disabled-light-3 {
    background: var(--disabled-light-3) !important;
}

.bg-disabled-light-2 {
    background: var(--disabled-light-2) !important;
}

.bg-disabled-light-1 {
    background: var(--disabled-light-1) !important;
}

.bg-disabled-dark-5 {
    background: var(--disabled-dark-5) !important;
}

.bg-disabled-dark-4 {
    background: var(--disabled-dark-4) !important;
}

.bg-disabled-dark-3 {
    background: var(--disabled-dark-3) !important;
}

.bg-disabled-dark-2 {
    background: var(--disabled-dark-2) !important;
}

.bg-disabled-dark-1 {
    background: var(--disabled-dark-1) !important;
}

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

.bg-light-10 {
    background: var(--light-10) !important;
}

.bg-light-15 {
    background: var(--light-15) !important;
}

.bg-light-20 {
    background: var(--light-50) !important;
}

.bg-light-25 {
    background: var(--light-25) !important;
}

.bg-light-30 {
    background: var(--light-30) !important;
}

.bg-light-35 {
    background: var(--light-35) !important;
}

.bg-light-40 {
    background: var(--light-40) !important;
}

.bg-light-45 {
    background: var(--light-45) !important;
}

.bg-light-50 {
    background: var(--light-50) !important;
}

.bg-light-55 {
    background: var(--light-55) !important;
}

.bg-light-60 {
    background: var(--light-60) !important;
}

.bg-light-65 {
    background: var(--light-65) !important;
}

.bg-light-70 {
    background: var(--light-70) !important;
}

.bg-light-75 {
    background: var(--light-75) !important;
}

.bg-light-80 {
    background: var(--light-80) !important;
}

.bg-light-85 {
    background: var(--light-85) !important;
}

.bg-light-90 {
    background: var(--light-90) !important;
}

.bg-light-95 {
    background: var(--light-95) !important;
}

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

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

.bg-dark-10 {
    background: var(--dark-10) !important;
}

.bg-dark-15 {
    background: var(--dark-15) !important;
}

.bg-dark-20 {
    background: var(--dark-20) !important;
}

.bg-dark-25 {
    background: var(--dark-25) !important;
}

.bg-dark-30 {
    background: var(--dark-30) !important;
}

.bg-dark-35 {
    background: var(--dark-35) !important;
}

.bg-dark-40 {
    background: var(--dark-40) !important;
}

.bg-dark-45 {
    background: var(--dark-45) !important;
}

.bg-dark-50 {
    background: var(--dark-50) !important;
}

.bg-dark-55 {
    background: var(--dark-55) !important;
}

.bg-dark-60 {
    background: var(--dark-60) !important;
}

.bg-dark-65 {
    background: var(--dark-65) !important;
}

.bg-dark-70 {
    background: var(--dark-70) !important;
}

.bg-dark-75 {
    background: var(--dark-75) !important;
}

.bg-dark-80 {
    background: var(--dark-80) !important;
}

.bg-dark-85 {
    background: var(--dark-85) !important;
}

.bg-dark-90 {
    background: var(--dark-90) !important;
}

.bg-dark-95 {
    background: var(--dark-95) !important;
}

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

.bg-silver {
    background: var(--silver) !important;
}

.bg-black {
    background: var(--colorblack) !important;
}

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

.bg-transparent {
    background: transparent !important;
}

.bg-trans-light-10 {
    background: var(--trans-light-10) !important;
}

.bg-trans-light-15 {
    background: var(--trans-light-15) !important;
}

.bg-trans-light-20 {
    background: var(--trans-light-20) !important;
}

.bg-trans-light-25 {
    background: var(--trans-light-25) !important;
}

.bg-trans-light-30 {
    background: var(--trans-light-30) !important;
}

.bg-trans-light-35 {
    background: var(--trans-light-35) !important;
}

.bg-trans-light-40 {
    background: var(--trans-light-40) !important;
}

.bg-trans-light-45 {
    background: var(--trans-light-45) !important;
}

.bg-trans-light-50 {
    background: var(--trans-light-50) !important;
}

.bg-trans-light-55 {
    background: var(--trans-light-55) !important;
}

.bg-trans-light-60 {
    background: var(--trans-light-60) !important;
}

.bg-trans-light-65 {
    background: var(--trans-light-65) !important;
}

.bg-trans-light-70 {
    background: var(--trans-light-70) !important;
}

.bg-trans-light-75 {
    background: var(--trans-light-75) !important;
}

.bg-trans-light-80 {
    background: var(--trans-light-80) !important;
}

.bg-trans-light-85 {
    background: var(--trans-light-85) !important;
}

.bg-trans-light-90 {
    background: var(--trans-light-90) !important;
}

.bg-trans-light-95 {
    background: var(--trans-light-95) !important;
}

.bg-trans-dark-10 {
    background: var(--trans-dark-10) !important;
}

.bg-trans-dark-15 {
    background: var(--trans-dark-15) !important;
}

.bg-trans-dark-20 {
    background: var(--trans-dark-20) !important;
}

.bg-trans-dark-25 {
    background: var(--trans-dark-25) !important;
}

.bg-trans-dark-30 {
    background: var(--trans-dark-30) !important;
}

.bg-trans-dark-35 {
    background: var(--trans-dark-35) !important;
}

.bg-trans-dark-40 {
    background: var(--trans-dark-40) !important;
}

.bg-trans-dark-45 {
    background: var(--trans-dark-45) !important;
}

.bg-trans-dark-50 {
    background: var(--trans-dark-50) !important;
}

.bg-trans-dark-55 {
    background: var(--trans-dark-55) !important;
}

.bg-trans-dark-60 {
    background: var(--trans-dark-60) !important;
}

.bg-trans-dark-65 {
    background: var(--trans-dark-65) !important;
}

.bg-trans-dark-70 {
    background: var(--trans-dark-70) !important;
}

.bg-trans-dark-75 {
    background: var(--trans-dark-75) !important;
}

.bg-trans-dark-80 {
    background: var(--trans-dark-80) !important;
}

.bg-trans-dark-85 {
    background: var(--trans-dark-85) !important;
}

.bg-trans-dark-90 {
    background: var(--trans-dark-90) !important;
}

.bg-trans-dark-95 {
    background: var(--trans-dark-95) !important;
}

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

.parallax {
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed !important;
}

.fix-background {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-position: centercenter !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.cover-background {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.bg-left-top {
    background-position: topleft !important;
}

.bg-left-center {
    background-position: centerleft !important;
}

.bg-left-bottom {
    background-position: bottomleft !important;
}

.bg-right-top {
    background-position: topright !important;
}

.bg-right-center {
    background-position: centerright !important;
}

.bg-right-bottom {
    background-position: bottomright !important;
}

.bg-center-top {
    background-position: centertop !important;
}

.bg-center-center {
    background-position: centercenter !important;
}

.bg-center-bottom {
    background-position: bottomcenter !important;
}

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

.bg-repeat-x {
    background-repeat: repeat-x !important;
}

.bg-repeat-y {
    background-repeat: repeat-y !important;
}

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

.opacity-100 {
    opacity: 1 !important;
}

.opacity-90 {
    opacity: .9 !important;
}

.opacity-80 {
    opacity: .8 !important;
}

.opacity-70 {
    opacity: .7 !important;
}

.opacity-60 {
    opacity: .6 !important;
}

.opacity-50 {
    opacity: .5 !important;
}

.opacity-40 {
    opacity: .4 !important;
}

.opacity-30 {
    opacity: .3 !important;
}

.opacity-20 {
    opacity: .2 !important;
}

.opacity-10 {
    opacity: .1 !important;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-low {
    position: absolute !important;
    height: var(--value-100-pct) !important;
    width: var(--value-100-pct) !important;
    opacity: .1 !important;
    top: var(--value-0) !important;
    left: var(--value-0) !important;
}

.opacity-light {
    position: absolute;
    height: var(--value-100-pct) !important;
    width: var(--value-100-pct) !important;
    opacity: .3 !important;
    top: var(--value-0) !important;
    left: var(--value-0) !important;
}

.opacity-medium {
    position: absolute !important;
    height: var(--value-100-pct) !important;
    width: var(--value-100-pct) !important;
    opacity: .5 !important;
    top: var(--value-0) !important;
    left: var(--value-0) !important;
}

.opacity-large {
    position: absolute;
    height: var(--value-100-pct) !important;
    width: var(--value-100-pct) !important;
    opacity: .7;
    top: var(--value-0) !important;
    left: var(--value-0) !important;
}

.opacity-full {
    position: absolute !important;
    height: var(--value-100-pct) !important;
    width: var(--value-100-pct) !important;
    opacity: .9 !important;
    top: var(--value-0) !important;
    left: var(--value-0) !important;
}

.overlay-wrap {
    position: relative !important;
}

.overlay-wrap.bg-overlay {
    position: absolute;
    left: var(--value-0);
    top: var(--value-0);
    height: var(--value-100-pct);
    width: var(--value-100-pct);
    z-index: 1;
}

.zindex-0 {
    z-index: 0 !important;
}

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

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

.zindex-3 {
    z-index: 3 !important;
}

.zindex-4 {
    z-index: 4 !important;
}

.zindex-5 {
    z-index: 5 !important;
}

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

.zindex-50 {
    z-index: 50 !important;
}

.zindex-100 {
    z-index: 100 !important;
}

.zindex-999 {
    z-index: 999 !important;
}

.zindex-1000 {
    z-index: 1000 !important;
}

.zindex-9999 {
    z-index: 9999 !important;
}

.shadow-1 {
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important;
    -ms-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important;
}

.shadow-2 {
    -webkit-box-shadow: 0 7px 21px rgba(0, 0, 0, 0.08) !important;
    -moz-box-shadow: 0 7px 21px rgba(0, 0, 0, 0.08) !important;
    -ms-box-shadow: 0 7px 21px rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 7px 21px rgba(0, 0, 0, 0.08) !important;
}

.shadow-3 {
    -webkit-box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1) !important;
    -ms-box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1) !important;
}

.shadow-4 {
    -webkit-box-shadow: 0 27px 54px rgba(0, 0, 0, 0.15) !important;
    -moz-box-shadow: 0 27px 54px rgba(0, 0, 0, 0.15) !important;
    -ms-box-shadow: 0 27px 54px rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 27px 54px rgba(0, 0, 0, 0.15) !important;
}

.shadow-5 {
    -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow: 0 0 27px rgba(0, 0, 0, 0.05) !important;
    -ms-box-shadow: 0 0 27px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.05) !important;
}

.shadow-6 {
    -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, 0.12) !important;
    -moz-box-shadow: 0 0 27px rgba(0, 0, 0, 0.12) !important;
    -ms-box-shadow: 0 0 27px rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.12) !important;
}

.shadow-7 {
    -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, 0.27) !important;
    -moz-box-shadow: 0 0 27px rgba(0, 0, 0, 0.27) !important;
    -ms-box-shadow: 0 0 27px rgba(0, 0, 0, 0.27) !important;
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.27) !important;
}

.shadow-8 {
    -webkit-box-shadow: 0 0 54px rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow: 0 0 54px rgba(0, 0, 0, 0.05) !important;
    -ms-box-shadow: 0 0 54px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.05) !important;
}

.shadow-9 {
    -webkit-box-shadow: 0 0 54px rgba(0, 0, 0, 0.12) !important;
    -moz-box-shadow: 0 0 54px rgba(0, 0, 0, 0.12) !important;
    -ms-box-shadow: 0 0 54px rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.12) !important;
}

.shadow-10 {
    -webkit-box-shadow: 0 0 54px rgba(0, 0, 0, 0.27) !important;
    -moz-box-shadow: 0 0 54px rgba(0, 0, 0, 0.27) !important;
    -ms-box-shadow: 0 0 54px rgba(0, 0, 0, 0.27) !important;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.27) !important;
}

.shadow-top {
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1) !important;
    -ms-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1) !important;
}

.shadow-right {
    -webkit-box-shadow: 4px 0 5px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 4px 0 5px rgba(0, 0, 0, 0.1) !important;
    -ms-box-shadow: 4px 0 5px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 4px 0 5px rgba(0, 0, 0, 0.1) !important;
}

.shadow-bottom {
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1) !important;
    -ms-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1) !important;
}

.shadow-left {
    -webkit-box-shadow: -4px 0 5px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: -4px 0 5px rgba(0, 0, 0, 0.1) !important;
    -ms-box-shadow: -4px 0 5px rgba(0, 0, 0, 0.1) !important;
    box-shadow: -4px 0 5px rgba(0, 0, 0, 0.1) !important;
}

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

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

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

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

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

.overflow-x-scroll {
    overflow-x: scroll !important;
}

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

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

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

.overflow-visible {
    overflow: visible !important;
}

.overflow-x-visible {
    overflow-x: visible !important;
}

.overflow-y-visible {
    overflow-y: visible !important;
}

.position-inherit {
    position: inherit !important;
}

.position-static {
    position: static !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

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

.top-auto {
    top: var(--value-auto) !important;
}

.top-0 {
    top: var(--value-0) !important;
}

.top-1 {
    top: var(--value-1-px) !important;
}

.top-2 {
    top: var(--value-2-px) !important;
}

.top-3 {
    top: var(--value-3-px) !important;
}

.top-4 {
    top: var(--value-4-px) !important;
}

.top-5 {
    top: var(--value-5-px) !important;
}

.top-10 {
    top: var(--value-10-px) !important;
}

.bottom-auto {
    bottom: var(--value-auto) !important;
}

.bottom-0 {
    bottom: var(--value-0) !important;
}

.bottom-1 {
    bottom: var(--value-1-px) !important;
}

.bottom-2 {
    bottom: var(--value-2-px) !important;
}

.bottom-3 {
    bottom: var(--value-3-px) !important;
}

.bottom-4 {
    bottom: var(--value-4-px) !important;
}

.bottom-5 {
    bottom: var(--value-5-px) !important;
}

.bottom-10 {
    bottom: var(--value-10-px) !important;
}

.left-auto {
    left: var(--value-auto) !important;
}

.left-0 {
    left: var(--value-0) !important;
}

.left-1 {
    left: var(--value-1-px) !important;
}

.left-2 {
    left: var(--value-2-px) !important;
}

.left-3 {
    left: var(--value-3-px) !important;
}

.left-4 {
    left: var(--value-4-px) !important;
}

.left-5 {
    left: var(--value-5-px) !important;
}

.left-10 {
    left: var(--value-10-px) !important;
}

.right-auto {
    right: var(--value-auto) !important;
}

.right-0 {
    right: var(--value-0) !important;
}

.right-1 {
    right: var(--value-1-px) !important;
}

.right-2 {
    right: var(--value-2-px) !important;
}

.right-3 {
    right: var(--value-3-px) !important;
}

.right-4 {
    right: var(--value-4-px) !important;
}

.right-5 {
    right: var(--value-5-px) !important;
}

.right-10 {
    right: var(--value-10-px) !important;
}

.no-letter-spacing {
    letter-spacing: var(--value-0) !important;
}

.letter-spacing-small {
    letter-spacing: var(--value-1-px) !important;
}

.letter-spacing-medium {
    letter-spacing: var(--value-2-px) !important;
}

.letter-spacing-large {
    letter-spacing: var(--value-3-px) !important;
}

.letter-spacing-xlarge {
    letter-spacing: var(--value-4-px) !important;
}

.letter-spacing-xxlarge {
    letter-spacing: var(--value-5-px) !important;
}

.letter-spacing-minus-small {
    letter-spacing: var(--value-ms-1-px) !important;
}

.letter-spacing-minus-medium {
    letter-spacing: var(--value-ms-2-px) !important;
}

.letter-spacing-minus-large {
    letter-spacing: var(--value-ms-3-px) !important;
}

.letter-spacing-minus-xlarge {
    letter-spacing: var(--value-ms-4-px) !important;
}

.letter-spacing-minus-xxlarge {
    letter-spacing: var(--value-ms-5-px) !important;
}

.grayscale {
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}

.cursor-none {
    cursor: none !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-wait {
    cursor: wait !important;
}

.cursor-help {
    cursor: help !important;
}

.cursor-progress {
    cursor: progress !important;
}

.cursor-text {
    cursor: text !important;
}

.form-label {
    font-family: var(--roboto-font) !important;
    font-size: var(--value-14-px) !important;
    color: var(--dark-85) !important;
}

.form-control {
    font-family: var(--roboto-font) !important;
    color: var(--dark-75) !important;
    border: 1px solid var(--disabled) !important;
    border-radius: .25rem !important;
    -webkit-border-radius: .25rem !important;
    -moz-border-radius: .25rem !important;
}

.form-control:focus {
    border: 1px solid var(--disabled-dark-1) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -ms-box-shadow: none !important;
}

.form-control::-moz-placeholder {
    color: var(--disabled-dark-1) !important;
    opacity: 1 !important;
}

.form-control:-ms-input-placeholder {
    color: var(--disabled-dark-1) !important;
}

.form-control::-webkit-input-placeholder {
    color: var(--disabled-dark-1) !important;
}

.form-select {
    font-family: var(--roboto-font) !important;
    color: var(--dark-75) !important;
    border: 1px solid var(--disabled) !important;
}

.form-select:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -ms-box-shadow: none !important;
    border: 1px solid var(--disabled-dark-1) !important;
}

.form-check-label {
    font-family: var(--roboto-font) !important;
    font-size: var(--value-14-px) !important;
    color: var(--dark-85) !important;
}

.form-check-input:checked {
    background-color: var(--indigo) !important;
    border-color: var(--indigo) !important;
}

.form-check-input:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -ms-box-shadow: none !important;
}

textarea.form-control {
    font-family: var(--roboto-font) !important;
    resize: none !important;
}

section.common {
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-5 {
    padding-top: var(--value-5-px) !important;
    padding-bottom: var(--value-5-px);
    background: var(--colorwhite);
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-10 {
    padding-top: var(--value-10-px) !important;
    padding-bottom: var(--value-10-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-15 {
    padding-top: var(--value-15-px) !important;
    padding-bottom: var(--value-15-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-20 {
    padding-top: var(--value-20-px) !important;
    padding-bottom: var(--value-20-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-25 {
    padding-top: var(--value-25-px) !important;
    padding-bottom: var(--value-25-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-30 {
    padding-top: var(--value-30-px) !important;
    padding-bottom: var(--value-30-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-35 {
    padding-top: var(--value-35-px) !important;
    padding-bottom: var(--value-35-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-40 {
    padding-top: var(--value-40-px) !important;
    padding-bottom: var(--value-40-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-45 {
    padding-top: var(--value-45-px) !important;
    padding-bottom: var(--value-45-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-50 {
    padding-top: var(--value-50-px) !important;
    padding-bottom: var(--value-50-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-55 {
    padding-top: var(--value-55-px) !important;
    padding-bottom: var(--value-55-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-60 {
    padding-top: var(--value-60-px) !important;
    padding-bottom: var(--value-60-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-65 {
    padding-top: var(--value-65-px) !important;
    padding-bottom: var(--value-65-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-70 {
    padding-top: var(--value-70-px) !important;
    padding-bottom: var(--value-70-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-75 {
    padding-top: var(--value-75-px) !important;
    padding-bottom: var(--value-75-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-80 {
    padding-top: var(--value-80-px) !important;
    padding-bottom: var(--value-80-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-85 {
    padding-top: var(--value-85-px) !important;
    padding-bottom: var(--value-85-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-90 {
    padding-top: var(--value-90-px) !important;
    padding-bottom: var(--value-90-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-95 {
    padding-top: var(--value-95-px) !important;
    padding-bottom: var(--value-95-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-100 {
    padding-top: var(--value-100-px) !important;
    padding-bottom: var(--value-100-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-110 {
    padding-top: var(--value-110-px) !important;
    padding-bottom: var(--value-110-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-120 {
    padding-top: var(--value-120-px) !important;
    padding-bottom: var(--value-120-px) !important;
    background: var(--colorwhite) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-5 {
    padding-top: var(--value-5-px) !important;
    padding-bottom: var(--value-5-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-10 {
    padding-top: var(--value-10-px) !important;
    padding-bottom: var(--value-10-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-15 {
    padding-top: var(--value-15-px) !important;
    padding-bottom: var(--value-15-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-20 {
    padding-top: var(--value-20-px) !important;
    padding-bottom: var(--value-20-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-25 {
    padding-top: var(--value-25-px) !important;
    padding-bottom: var(--value-25-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-30 {
    padding-top: var(--value-30-px) !important;
    padding-bottom: var(--value-30-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-35 {
    padding-top: var(--value-35-px) !important;
    padding-bottom: var(--value-35-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-40 {
    padding-top: var(--value-40-px) !important;
    padding-bottom: var(--value-40-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-45 {
    padding-top: var(--value-45-px) !important;
    padding-bottom: var(--value-45-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-50 {
    padding-top: var(--value-50-px) !important;
    padding-bottom: var(--value-50-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-55 {
    padding-top: var(--value-55-px) !important;
    padding-bottom: var(--value-55-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-60 {
    padding-top: var(--value-60-px) !important;
    padding-bottom: var(--value-60-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-65 {
    padding-top: var(--value-65-px) !important;
    padding-bottom: var(--value-65-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-70 {
    padding-top: var(--value-70-px) !important;
    padding-bottom: var(--value-70-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-75 {
    padding-top: var(--value-75-px) !important;
    padding-bottom: var(--value-75-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-80 {
    padding-top: var(--value-80-px) !important;
    padding-bottom: var(--value-80-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-85 {
    padding-top: var(--value-85-px) !important;
    padding-bottom: var(--value-85-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-90 {
    padding-top: var(--value-90-px) !important;
    padding-bottom: var(--value-90-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-95 {
    padding-top: var(--value-95-px) !important;
    padding-bottom: var(--value-95-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-100 {
    padding-top: var(--value-100-px) !important;
    padding-bottom: var(--value-100-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-110 {
    padding-top: var(--value-110-px) !important;
    padding-bottom: var(--value-110-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

section.common-alt-120 {
    padding-top: var(--value-120-px) !important;
    padding-bottom: var(--value-120-px) !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
}

.section-picture-background {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: inherit !important;
    padding: 100px 0 !important;
    transition: opacity 1s ease-in-out !important;
    position: relative !important;
}

.fullscreen-picture-background {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: inherit !important;
    transition: opacity 1s ease-in-out !important;
    width: var(--value-100-pct) !important;
    height: var(--value-100-pct) !important;
    position: relative !important;
}

.fullscreen-picture-background .overlay {
    position: absolute;
    top: var(--value-0) !important;
    left: var(--value-0) !important;
    right: var(--value-0) !important;
    bottom: var(--value-0) !important;
    background-color: var(--trans-dark-10) !important;
    z-index: 1 !important;
    pointer-events: none !important;
    width: var(--value-100-pct) !important;
    height: var(--value-100-pct) !important;
}

.fullscreen-picture-background .content {
    position: relative !important;
    z-index: 2 !important;
}

.alert {
    font-family: var(--roboto-font) !important;
    font-size: var(--value-14-px) !important;
    font-weight: var(--fw-400) !important
}

.card-box {
    margin-bottom: 24px;
    -webkit-box-shadow: 0 2px 5px 0 rgb(217 217 217 / 50%) !important;
    -moz-box-shadow: 0 2px 5px 0 rgb(217 217 217 / 50%) !important;
    -ms-box-shadow: 0 2px 5px 0 rgb(217 217 217 / 50%) !important;
    box-shadow: 0 2px 5px 0 rgb(217 217 217 / 50%) !important;
    word-wrap: break-word !important;
    background-clip: border-box !important;
    background-color: var(--colorwhite) !important;
    border: 0 solid transparent !important;
    border-radius: .25rem !important;
    -webkit-border-radius: .25rem !important;
    -moz-border-radius: .25rem !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    position: relative !important;
    -webkit-transition: all .5s ease 0 !important;
    -moz-transition: all .5s ease 0 !important;
    -ms-transition: all .5s ease 0 !important;
    -o-transition: all .5s ease 0;
    transition: all .5s ease 0 !important;
}

.card-box:hover {
    -webkit-box-shadow: 0 2px 18px 1px rgba(49, 53, 72, .1);
    -moz-box-shadow: 0 2px 18px 1px rgba(49, 53, 72, .1) !important;
    -ms-box-shadow: 0 2px 18px 1px rgba(49, 53, 72, .1) !important;
    box-shadow: 0 2px 18px 1px rgba(49, 53, 72, .1) !important;
}

.card-box .card-header {
    background: var(--colorwhite) !important;
    margin-bottom: var(--value-0) !important;
    padding: 1rem 1.5rem !important;
}

.card-box .card-header:first-child {
    border-radius: .25rem .25rem 0 0 !important;
    webkit-border-radius: .25rem .25rem 0 0 !important;
    -moz-border-radius: .25rem .25rem 0 0 !important;
}

.card-box .card-title {
    color: var(--dark-50) !important;
    font-size: 1rem !important;
    font-weight: var(--fw-600) !important;
    line-height: var(--value-24-px) !important;
}

.card-box .card-subtitle {
    font-weight: var(--fw-500) !important;
    color: var(--dark-95) !important;
    font-size: var(--value-12-px) !important;
    line-height: var(--value-14-px) !important;
}

.card-box .card-body {
    background: var(--colorwhite) !important;
    color: var(--dark-75) !important;
}

.card-box .card-footer {
    background: var(--colorwhite) !important;
}

.popover {
    font-family: var(--roboto-font) !important;
    border: 1px solid var(--light-70) !important;
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
    webkit-box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24) !important;
    -moz-box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24) !important;
    -ms-box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24) !important;
    padding: 0 !important;
    z-index: 99 !important;
}

.popover .popover-header {
    background-color: var(--light) !important;
    border-bottom: 1px solid var(--light-70) !important;
    padding: .5rem 1rem !important;
    margin-bottom: 0 !important;
    font-size: var(--value-14-px) !important;
    font-weight: var(--fw-500) !important;
    border-top-left-radius: calc(.3rem - 1px) !important;
    border-top-right-radius: calc(.3rem - 1px) !important;
}

.popover .popover-body {
    color: var(--dark-75) !important;
    background-color: var(--colorwhite) !important;
    font-size: var(--value-12-px) !important;
    font-weight: var(--fw-400) !important;
    padding: 1rem !important;
}

.custom-accordion .accordion .accordion-button:not(.collapsed) {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    background: var(--colorwhite) !important;
    color: var(--dark-50) !important;
}

.custom-accordion .accordion .accordion-button {
    color: var(--dark-85) !important;
    font-size: var(--value-14-px) !important;
    font-weight: var(--fw-600) !important;
    border-radius: .25rem !important;
    -webkit-border-radius: .25rem !important;
    -moz-border-radius: .25rem !important;
}

.custom-accordion .accordion .accordion-button:hover {
    color: var(--dark-50) !important;
}

.custom-accordion .accordion .accordion-button:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
}

.custom-accordion .accordion .accordion-item {
    margin-bottom: 15px !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075) !important;
    -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075) !important;
    -moz-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075) !important;
    -ms-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075) !important;
    border: none !important;
    border-radius: .25rem !important;
    -webkit-border-radius: .25rem !important;
    -moz-border-radius: .25rem !important;
}

.custom-accordion .accordion .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-radius: .25rem !important;
    -webkit-border-radius: .25rem !important;
    -moz-border-radius: .25rem !important;
}

.custom-accordion .accordion .accordion-item:first-of-type {
    border-radius: .25rem;
    -webkit-border-radius: .25rem !important;
    -moz-border-radius: .25rem !important;
}

.custom-accordion .accordion .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: .25rem !important;
    -webkit-border-radius: .25rem !important;
    -moz-border-radius: .25rem !important;
}

.custom-accordion .accordion .accordion-item:not(:first-of-type) {
    border-top: none !important;
}

.custom-modal .modal-header {
    padding: 1em !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    background: var(--dark-10) !important;
    color: var(--colorwhite) !important;
}

.custom-modal .modal-content {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

.custom-modal .btn-close {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
}

.custom-modal button:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
}

.custom-modal button.close-button {
    color: var(--colorwhite) !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    font-size: var(--value-24-px) !important;
}

.btn {
    -moz-transition: all, ease-in-out.5s !important;
    -o-transition: all, ease-in-out.5s !important;
    -webkit-transition: all, ease-in-out.5s !important;
    transition: all, ease-in-out.5s !important;
}