:root {
   /*  primary color */
   --primary-color: #4D40CA;
   --bage-soft-color: #9A94E2 ;
   --primary-grb: 64, 77, 202;
   --light-color: #ffcc99;


   --gradient-circle: radial-gradient(
      circle,
      rgba(77, 64, 202, 0.2) 0,
      rgba(255, 255, 255, 0) 70%
   );

   --gradient-color: linear-gradient(
      180deg,
      rgba(77, 64, 202, 0.2) 0%,
      rgba(255, 255, 255, 0.9220063025210083) 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(255, 147, 35, 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);
}