:root {
    --white: #ffffff;
    --black: #000;
    --black-900: #1E1E1E;
    --hash-800: #4C4C4C;
    --primary: #154A6F;
    --secondary: #68B58D;
    --secondary-800: #19463F;
    --violet-500: #9D6FCF;
    --peacock-500: #33CCD7;
    --pink-500: #F5648D;
    --red-500: #FA7676;
    --hash-500: #F1F1F1;
    --blue-800: #42646E;
    --peacock-400: #D9F5F2;
    --pink-400: #E0BDD0;

    --hash: #212121;
    --hash-1: #B5B5B5;
    --pink: #EC54C7;
    --pink-300: #FF79DE;
    --pink-200: #E8D9F5;
    --pink-900: #a33187;
    --blue: #4BADD8;
    --yellow: #E9A337;
    --yellow-900: #FAA405;
    --green: #47AC5D;
    --violet: #605DBA;

    --green-300: #9EE9C2;
    --green-400: #9ED9D6;
    --green-500: #2CBC78;
    --green-600: #DEFFE4;

    --light-blue-100: #E4F2F8;
    --light-pink-100: #F6DCEA;
    --light-pink-200: #FBF0F4;
    --light-green-100: #E4F2E7;
    --light-green-200: #F3F8F4;
    --light-yellow-100: #F5EAD9;
    --light-blue-200: #EEF2FD;
    --dark-violet: #4A2C6A;
    --blue-500: #3278D7;
    --yellow-500: #EFB717;
}



.bg-hash-400 {
    background-color: #EDF2EF;
}
.bg-pink-400 {
    background-color: var(--pink-400);
}

.bg-pink-500 {
    background-color: #EBC9FF;
}
.bg-sky-blue-500 {
    background-color: #B3E5E3;
}

.bg-white-400 {
    background-color: #F5F8FF;
}

.bg-green-200 {
    background-color: #C3ECCA4D;
}
/* .bg-green-350 {
    background-color: #ACFFE7;
} */
.bg-green-100 {
    background-color: #D8F4DA;
}
.bg-green-400 {
    background-color: var(--green-400);
}
.bg-green-450 {
    background-color: #E0EEE2;
}

.bg-green-600 {
    background-color: #DEFFE4;
}
.bg-green-300 {
    background-color: var(--green-300);
}
.bg-green-350 {
    background-color: #BBE2CD;
}
.green-300 {
    color: #19463F;
}
.text-blue-400 {
    color: #18486E;
}

.bg-light-blue-300 {
    background-color: #D4E7FF;
}

.bg-light-blue-200 {
    background-color: #D9E4F5;
}
.bg-light-blue-400 {
    background-color: #F4F7FB;
}

.bg-green-750 {
    background-color: #68B48D;
}

.bg-pink1-400 {
    background-color: #F4D8D8;
}

.bg-yellow-500 {
    background-color: #E6E6CC;
}
.bg-yellow-400 {
    background-color: #F4F3D8;
}
.bg-yellow-300 {
    background-color: #F0E17A;
}
.bg-yellow-200 {
    background-color: #F4F4E3;
}

.text-hash-400 {
    color: #5D5D5D;
}

.bg-pink-450 {
    background-color: #FFF5F5;
}
.bg-pink-250 {
    background-color: #FFACE1;
}


.bg-yellow-700 {
    background-color: #EDE9A3;
}
.bg-orange-700 {
    background-color: #ECB897;
}

.bg-pink-800 {
    background-color: #E99BA8;
}

.bg-peacock-200 {
    background-color: #CDEDEE80;
}

.bg-peacock-400 {
    background-color: var(--peacock-400);
}

.pink-100 {
    background-color: #F9ECF3;
}

.blue-100 {
    background-color: #EEF0FB;
}

.black-900 {
    color: var(--black-900);
}

.black {
    color: var(--black);
}

.bg-hash-500 {
    background-color: var(--hash-500);
}
.bg-green-750 {
    background-color: #68B48D;
}
/* .bg-green-750 {
    background-color: #ACFFE7;
} */

.bg-pink-200 {
    background-color: var(--pink-200);
}

.light-pink-200 {
    background-color: var(--light-pink-200);
}

.green-200 {
    background-color: var(--light-green-200);
}
.bg-peacock-300 {
    background-color: #CAECEF;
}

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

.bg-secondary-800 {
    background-color: var(--secondary-800);
}

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

.bg-light-yellow-100 {
    background-color: var(--light-yellow-100);
}
.bg-light-yellow-300 {
    background-color: #EEE8B4;
}

.blue-200 {
    background-color: var(--light-blue-200);
}
.bg-blue-200 {
    background-color: #ACCFFD;
}

.violet-800 {
    background-color: var(--violet);
}
.bg-violet-400 {
    background-color: #E8CDF8;
}

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

.bg-secondary:hover {
    background-color: #19463F ;
    border-color: #19463F;
}

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


.text-hash-900 {
    color: #212121CC;
}

.text-black-400 {
    color: #2B3437!important;
}
.text-secondary {
    color: var(--secondary) !important;
}

.border-secondary {
    border: 1px solid var(--secondary) !important;
}

.border-secondary:hover {
    color: #fff !important;
    background-color: #19463F !important;
    border-color: #19463F !important;
}

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

.green-500 {
    background-color: var(--green-500);
}

.bg-secondary:hover {
    background-color: #19463F ;
    border-color: #19463F;
}

.bg-secondary2 {
    background-color: #0D8958 ;
    border-color: #0D8958;
}
.bg-secondary2-800 {
    background-color: #19463F ;
    border-color: #19463F;
    
} 
.yellow-bg {
    background-color: var(--yellow-900) !important;
    border: 1px solid var(--yellow-900) !important;
}

.text-hash-200 {
    color: #8987A1;
}
.text-white {
    color: var(--white);
}

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

.text-hash-800 {
    color: var(--hash-800);
}

.green-500 {
    background-color: var(--green-500);
}

.blue-500 {
    background-color: var(--blue-500);
}

.peacock-500 {
    background-color: var(--peacock-500);
}

.pink-500 {
    background-color: var(--pink-500);
}
.bg-pink-300 {
    background-color: #F5D9DE;
}

.violet-500 {
    background-color: var(--violet-500);
}
.bg-violet-300 {
    background-color: #DABAFF;
}

.yellow-500 {
    background-color: var(--yellow-500);
}

.light-pink-100 {
    background-color: var(--light-pink-100);
}

.hover-card.pink {
    background-color: var(--light-pink-100);
}


.hover-card.blue {
    background-color: var(--light-blue-100);
}

.hover-card.yellow {
    background-color: var(--light-yellow-100);
}

.hover-card.green {
    background-color: var(--light-green-100);
}