/*COLORS*/
:root {
    --color-red-1: #c42f41;
    --color-red-2: #c94a49;
    --color-red-3: #801837;
    --color-red-4: #511734;
    --color-red-5: #2c152b;
    --color-red-6: #ff8080;
    --color-red-7: #e9546b;
    --color-green-1: #2ab367;
    --color-orange-1: #dd9d22;
    --color-orange-2: #ec8e3d;
    --color-blue-1: #46AFCC;
    --color-blue-2: #1a7dc7;
    --color-blue-3: #15629c;
    --color-yellow-1: #ffca5a;
    --color-grey-1: #EFF2F4;
    --color-grey-2: #bdbdbd;
    --color-grey-3: #acacac;
    --color-black-1: #4b4b4b;
    --color-white-1: #ffffff;
    --color-blue-1-light: #CFEAF2;
    --color-blue-2-light: #c5def1;
    --color-blue-3-light: #387bc5;
    --color-green-1-light: #D1F2EB;
    --color-yellow-1-light: #FFF5E0;
    --color-red-1-light: #F5DCDF;
    --color-orange-1-light: #fce1ca;
    --color-orange-2-light: #f6d1bf;
    --color-yellow-2-light: #ffe6b1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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