@charset "utf-8";

:root {
    --color-primary: #ad354f;
    --color-sub: #e380bb;
    --bg-color:#fff8fa;
    --bg-light-blue-color: #edf6fd;

    --color-primary-5: #eedbf9;
    --color-primary-10: #ecc3f4;
    --color-primary-20: #efaced;
    --color-primary-30: #e996d7;
    --color-primary-40: #e380bb;
    --color-primary-50: #dc6b9a;

    --black-txt-color: #222;
    --gray-txt1-color: #555;
    --gray-txt2-color: #777;
    --gray-txt3-color: #bbb;
    --gray-txt4-color: #dcdcdc;
    --gray-txt5-color: #f5f5f5;
    --gray-txt6-color: #b8b9bb;
    --gray-txt7-color: #757679;

    --text-white: #fff;
}

.plan-card.active {
    background-color: rgb(255, 220, 227);
}

.cvrg-amount.active {
    background-color: #fff3f7;
}