.bg-main{background-color: #f4a0058e !important;}
.bg-form{background-color: #c3def3b0 !important;}
.bg-list{background-color: #fcf3c9 !important;}

.bg-main-1{background-color: #36688D !important;}
.bg-main-2{background-color: #f3cd05 !important;}
.bg-main-3{background-color: #f49f05 !important;}
.bg-main-4{background-color: #f18904 !important;}
.bg-main-5{background-color: #bda589 !important;}

.bg-form-1{background-color: #4c8bbb !important;}
.bg-form-2{background-color: #fceda2 !important;}
.bg-form-3{background-color: #fdc356 !important;}
.bg-form-4{background-color: #ffb34f !important;}
.bg-form-5{background-color: #f0d7ba !important;}

.color-main-1{color: #36688D !important;}
.color-main-2{color: #f3cd05 !important;}
.color-main-3{color: #f49f05 !important;}
.color-main-4{color: #f18904 !important;}
.color-main-5{color: #bda589 !important;}

.color-form-1{color: #4c8bbb !important;}
.color-form-2{color: #fceda2 !important;}
.color-form-3{color: #fdc356 !important;}
.color-form-4{color: #ffb34f !important;}
.color-form-5{color: #f0d7ba !important;}


:root{
    --bg-main: #f4a0058e !important;
    --bg-form: #c3def3b0 !important;
    --bg-list: #fcf3c9 !important;
    
    --bg-main-1: #36688D !important;
    --bg-main-2: #f3cd05 !important;
    --bg-main-3: #f49f05 !important;
    --bg-main-4: #f18904 !important;
    --bg-main-5: #bda589 !important;

    --color-main-1: #36688D !important;
    --color-main-2: #f3cd05 !important;
    --color-main-3: #f49f05 !important;
    --color-main-4: #f18904 !important;
    --color-main-5: #bda589 !important;

    --bg-form-1: #4c8bbb !important;
    --bg-form-2: #fceda2 !important;
    --bg-form-3: #fdc356 !important;
    --bg-form-4: #ffb34f !important;
    --bg-form-5: #f0d7ba !important;

    --color-form-1: #4c8bbb !important;
    --color-form-2: #fceda2 !important;
    --color-form-3: #fdc356 !important;
    --color-form-4: #ffb34f !important;
    --color-form-5: #f0d7ba !important;
}