:root {
   /*  primary color */
   --primary-color: #024CA7;
   --primary-grb: 2, 76, 167;
    --light-color: rgba(2, 76, 167, 0.3);

    --gradient-circle: radial-gradient(
        circle,
        rgba(2, 76, 167, 0.25) 0%, /* Lightened version of #024CA7 */
        rgba(255, 255, 255, 0) 70%
    );

    --gradient-color: linear-gradient(
        180deg,
        rgba(2, 76, 167, 0.2) 0%, /* Lightened version of #024CA7 */
        rgba(255, 255, 255, 0.922) 100%
    );



   /* text-color */
   --text-color-1: #020202;
   --text-color-2: rgba(109, 110, 115, 1);

   /* black color */
   --black-color: #00150f;

   /* white color */
   --white-color: #ffffff;
   --white-color-rgb: 255, 255, 255;

   /* border color */
   --border-1: #e9e8e5;
   --border-2: rgb(228 229 235);

   /* Bg color */
   --bg-1: rgba(152, 177, 31, 0.1);
   --bg-2: rgba(2, 76, 167, 0.1);
   --bg-3: #fafbfc;
   --bg-4: rgb(28 28 31);

   /* Shadow */
   --shadow-1: 1px 4px 19.9px 0px rgba(207, 203, 198, 0.9);
}