:root {
    --fontsz8: 0.8rem;
    --fontsz10: 1rem;
    --fontsz12: 1.2rem;
    --fontsz14: 1.4rem;
    --fontsz15: 1.5rem;
    --fontsz16: 1.6rem;
    --fontszgr16: 1.6rem;
    --fontsz18: 1.8rem;
    --fontsz20: 2rem;
    --fontszgr20: 2rem;
    --fontsz22: 2.2rem;
    --fontsz23: 2.3rem;
    --fontsz24: 2.4rem;
    --fontsz26: 2.6rem;
    --fontsz28: 2.8rem;
    --fontsz30: 3rem;
    --fontsz32: 3.2rem;
    --fontsz34: 3.4rem;
    --fontsz36: 3.6rem;
    --fontsz40: 4rem;
    --fontsz46: 4.6rem;
    --fontsz54: 5.4rem;
    --fontsz80: 8rem;
    --font_weight100: 100;
    --font_weight200: 200;
    --font_weight300: 300;
    --font_weight400: 400;
    --font_weight500: 500;
    --font_weight600: 600;
    --font_weight700: 700;
    --font_weight800: 800;
    --font_weight900: 900;
    --ban-accont-bg: #F7F8FC;
    --ban-account-para: #CBCBCB;
    --stop-worried-bg: linear-gradient(106.68deg, #000000 0.75%, #1D1A2B 50.73%, #110D16 69.67%, #1B272E 101.51%);
    --ca-finac-text: #A0A0A0;
    --ca-tdsdep-bg: #FFFFFF0A;
    --ca-unlimit-bg: linear-gradient(343.65deg, #F4E9FF 2.22%, rgba(216, 242, 255, 0.36) 96%);
    --ca-cmsslider-bg: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, rgba(201, 193, 255, 0.2) 31.3%, rgba(241, 188, 197, 0.2) 72.12%, rgba(115, 115, 115, 0) 100%);
    --ca-cmsfinac-text: linear-gradient(275.11deg, #9878FE 40.5%, #AD69D7 66.23%, #D572B8 93.74%);
    --ca-cmsbanking-bg: linear-gradient(343.65deg, #F4E9FF 2.22%, rgba(216, 242, 255, 0.36) 96%);
    --ca-cmsfinan-bg: linear-gradient(343.65deg, rgba(216, 242, 255, 0.36) 5.05%, #F4E9FF 98.83%);
    --ca-cmscash-bg: linear-gradient(90.18deg, #E0B1CB 30.13%, #BE95C4 37.85%, #9F86C0 43.64%, #9587D9 51.8%, #6941E3 62.87%);
    --ca-tdsreg-bg: linear-gradient(106.44deg, rgba(201, 193, 255, 0.3) 9.54%, rgba(241, 188, 197, 0.3) 94.93%);
    --tdspena-bg: linear-gradient(343.65deg, #F4E9FF 2.22%, rgba(216, 242, 255, 0.36) 96%);

}

.font8 {
    font-size: var(--fontsz8);
}

.font10 {
    font-size: var(--fontsz10);
}

.font12 {
    font-size: var(--fontsz12);
}

.font14 {
    font-size: var(--fontsz14);
}

.font15 {
    font-size: var(--fontsz15);
}

.font16 {
    font-size: var(--fontsz16);
}

.font18 {
    font-size: var(--fontsz18);
}

.font20 {
    font-size: var(--fontsz20);
}

.font22 {
    font-size: var(--fontsz22);
}

.font23 {
    font-size: var(--fontsz23);
}

.font24 {
    font-size: var(--fontsz24);
}

.font26 {
    font-size: var(--fontsz26);
}

.font28 {
    font-size: var(--fontsz28);
}

.font30 {
    font-size: var(--fontsz30);
}

.font32 {
    font-size: var(--fontsz32);
}

.font36 {
    font-size: var(--fontsz36);
}

.font40 {
    font-size: var(--fontsz40);
}

.font46 {
    font-size: var(--fontsz46);
}

.font54 {
    font-size: var(--fontsz54);
}

.font80 {
    font-size: var(--fontsz80);
}



@media (max-width:1279px) {
    :root {
        --fontsz54: 4.1rem;
        --fontsz46: 3.8rem;
        --fontsz40: 3.2rem;
        --fontsz18: 1.7rem;
        --fontsz16: 1.5rem;
        --fontszgr16: 1.5rem;
        --fontsz24: 2.2rem;
    }
}

@media (max-width: 1024px) {
    :root {
        --fontsz8: 0.8rem;
        --fontsz10: 1rem;
        --fontsz12: 1rem;
        --fontsz15: 1.3rem;
        --fontsz16: 1.4rem;
        --fontszgr16: 1.4rem;
        --fontszgr20: 1.6rem;
        --fontszgr18: 1.6rem;
        --fontsz18: 1.6rem;
        --fontsz20: 1.8rem;
        --fontsz22: 2rem;
        --fontsz23: 2.1rem;
        --fontsz24: 2.2rem;
        --fontsz26: 2.4rem;
        --fontsz28: 1.8rem;
        --fontsz30: 2.5rem;
        --fontsz32: 2.4rem;
        --fontsz34: 3.2rem;
        --fontsz36: 3.4rem;
        --fontsz40: 2.6rem;
        --fontsz46: 3.8rem;
        --fontsz54: 4rem;
        --fontsz80: 3.4rem;
    }
}

@media (max-width: 767px) {
    :root {
        --fontsz8: 0.8rem;
        --fontsz10: 1rem;
        --fontsz12: 1rem;
        --fontsz15: 1.2rem;
        --fontszgr16: 1.4rem;
        --fontszgr20: 1.6rem;
        --fontsz20: 1.6rem;
        --fontszgr18: 1.6rem;
        --fontsz22: 2rem;
        --fontsz23: 2.1rem;
        --fontsz24: 1.8rem;
        --fontsz26: 2.4rem;
        --fontsz28: 1.8rem;
        --fontsz30: 1.2rem;
        --fontsz32: 2rem;
        --fontsz34: 3.2rem;
        --fontsz36: 3.4rem;
        --fontsz40: 2.6rem;
        --fontsz46: 3.2rem;
        --fontsz80: 2.6rem;
    }
}

@media (max-width:480px) {
    :root {
        --fontsz16: 1.4rem;
        --fontszgr16: 1.2rem;
        --fontszgr18: 1.6rem;
        --fontsz18: 1.4rem;
        --fontsz54: 3.6rem;
        --fontsz20: 1.4rem;
        --fontszgr20: 1.6rem;
        --fontsz24: 1.6rem;
        --fontsz46: 2.4rem;
        --fontsz32: 2rem;
        --fontsz40: 1.8rem;
    }
}