@charset "utf-8";

:root {
    --color-primary: #ffa600;
    --color-accent: #ffa600;
    --color-sub: #e98800;
    --color-bg:#f8f6f0;

    --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 {
    border: 0;
    background-color: #E7E3DB;
    box-shadow: rgba(52, 123, 255, 0.106) 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: #f4f2ee;
}