:root {
    --fontFamily: "Poppins",sans-serif;
    --nunitoFontFamily: "Nunito Sans",sans-serif;
    --redLightColor: #a01b21;
    --blueDarkColor: #473bf0;
    --lightGreenColor: #00b3cc;
    --darkGreenColor: #2e85a1;
    --crimsonColor: #ca526e;
    --greenColor: #219956;
    --greenColor2: #13965f;
    --orangeColor: #ff5512;
    --yellowColor: #ffaa29;
    --crimsonLightColor: #ff6395;
    --purpleColor: #c211a1;
    --paragraphColor: #616b7e;
    --whiteColor: #fff;
    --blackColor: #1d2b53;
    --transition: .5s;
    --fontSize: 17px;
    --fw500: 500;
    --fw600: 600;
    --fw700: 700;
    --light-grey: #f9f9f9;
    --border-color: rgba(0, 0, 0, 0.1);
    --form-bd: rgba(0, 0, 0, 0.12);
    --grid-unit: 25;
    --grid-val: calc(100/var(--grid-unit));
    --side-padding: calc(var(--grid-val)*2vw);
    --color-light: #CBD3D9;
    --color-body: #777777;
    --color-lighter: #F6F7FB;
    --color-lighter: #F6F7FB;
    --color-primary: #3577f0;
}