:root {
   /*  primary color */
   --primary-color: #e7af2a;
   --primary-grb: 92, 92, 240;
   --light-color: #e6e7f9;

   --gradient-circle: radial-gradient(
      circle,
      rgba(92, 92, 240, 0.25) 0,
      rgba(255, 255, 255, 0) 70%
   );

   --gradient-color: linear-gradient(
      180deg,
      rgba(254, 195, 57, 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: #e5e5e5;
   --border-2: rgb(228 229 235);

   /* Bg color */
   --bg-1: rgba(152, 177, 31, 0.1);
   --bg-2: #f6f8fc;
   --bg-3: rgba(254, 195, 57, 0.05);
   --bg-4: rgb(28 28 31);
   --bg-5: rgba(254, 195, 57, 0.02);

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