@charset "utf-8";

:root {
    --color-primary: #ffa600;
    --color-sub: #ffc945;
    --color-accent: #4f4438;
    --color-bg:#fff7d7;

    --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: #fff2c0;
    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}

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