:root {
    --white-color: #FFFFFF;
    --black-color: #000000;
    --black-90: #2C2C2C;
    --black-80: #343434;
    --black-70: #3B3B3B;
    --black-60: #484848;
    --black-50: #444444;
    --grey-100: #707070;
    --grey-90: #6E6E6E;
    --grey-80: #818181;
    --grey-70: #A3A3A3;
    --grey-60: #9F9F9F;
    --light-grey-100: #E0E0E0;
    --light-grey-90: #E5E5E5;
    --light-grey-80: #0000001F;
    --light-grey-70: #EBEBEB;
    --light-grey-60: #F0F0F0;
    --light-grey-55: #FAFAFA;
    --light-grey-50: #F8F8F8;
    --red-color: #FF0000;
    --green-color: #39BA23;
    --green-color-rgb: 57, 186, 35;
    --light-green-color: #D9F2D4;
    --yellow-color: #F7D046;
    --blue-color: #017DFF;
    --dark-yellow: #D79537;

    font-family: "Poppins", sans-serif;
}

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

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

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

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

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

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

.border-light-grey-100 {
    border: 1px solid var(--light-grey-100);
}

.border-no-top-light-grey-100 {
    border-left: 1px solid var(--light-grey-100);
    border-right: 1px solid var(--light-grey-100);
    border-bottom: 1px solid var(--light-grey-100);
}

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

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

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

.form-heading {
    color: #ADADAD;
}

.border-green {
    border: 2px solid var(--green-color);
}

.card-top {
    border-top: 1px solid var(--light-grey-100);
    border-left: 1px solid var(--light-grey-100);
    border-right: 1px solid var(--light-grey-100);
}

.card-bottom {
    border-bottom: 1px solid var(--light-grey-100);
    border-left: 1px solid var(--light-grey-100);
    border-right: 1px solid var(--light-grey-100);
}

.selected-card-top {
    border-top: 2px solid var(--green-color);
    border-left: 2px solid var(--green-color);
    border-right: 2px solid var(--green-color);
}

.selected-card-bottom {
    border-bottom: 2px solid var(--green-color);
    border-left: 2px solid var(--green-color);
    border-right: 2px solid var(--green-color);
}

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

.bg-green:hover {
    color: var(--white-color);
}

.bg-green-opacity-5 {
    background-color: rgba(57, 186, 35, 0.1);
}

.border-base {
    border: 1.5px solid var(--base-color);
}

.btn.bg-base:hover {
    box-shadow: 0px 0px 1px 1px rgba(197, 197, 197, 0.5);
    color: var(--white-color);
}

.btn.btn-outline.border-base:hover {
    box-shadow: 0px 0px 1px 1px rgba(197, 197, 197, 0.5);
    color: var(--base-color);
}

.bg-base {
    border: 1px solid var(--base-color);
}

.grey-icon {
    filter: invert(58%) sepia(67%) saturate(19%) hue-rotate(95deg) brightness(97%) contrast(95%);
}