/* Figma Styles of your File */
:root {
  /* Colors */
  --bg: #f8f8f8;
  --white: #ffffff;
  --grayline: #f2f3f7;
  --black: #333333;
  --graytxt: #838c95;
  --main: #e35336;
  --blue: #1c1cf4;
  --blue2: #7777f8;
  --blue3: #d2d2fd;

  /* Fonts */
  --h1-font-family: 'Rubik', sans-serif;
  --h1-font-size: 38px;
  --h1-line-height: 140%;
  --h1-font-weight: 800;
  --h1-font-style: normal;
  --h2-font-family: 'Rubik', sans-serif;
  --h2-font-size: 26px;
  --h2-line-height: 140%;
  --h2-font-weight: 800;
  --h2-font-style: normal;
  --h3-font-family: 'Rubik', sans-serif;
  --h3-font-size: 18px;
  --h3-line-height: 140%;
  --h3-font-weight: 800;
  --h3-font-style: normal;
  --18-med-font-family: 'Rubik', sans-serif;
  --18-med-font-size: 20px;
  --18-med-line-height: 140%;
  --18-med-font-weight: 500;
  --18-med-font-style: normal;
  --16-semibold-font-family: 'Rubik', sans-serif;
  --16-semibold-font-size: 16px;
  --16-semibold-line-height: 140%;
  --16-semibold-font-weight: 600;
  --16-semibold-font-style: normal;
  --16-reg-font-family: 'Rubik', sans-serif;
  --16-reg-font-size: 16px;
  --16-reg-line-height: 140%;
  --16-reg-font-weight: 400;
  --16-reg-font-style: normal;
  --14-semibold-font-family: 'Rubik', sans-serif;
  --14-semibold-font-size: 14px;
  --14-semibold-line-height: 140%;
  --14-semibold-font-weight: 600;
  --14-semibold-font-style: normal;
  --14-reg-font-family: 'Rubik', sans-serif;
  --14-reg-font-size: 14px;
  --14-reg-line-height: 140%;
  --14-reg-font-weight: 400;
  --14-reg-font-style: normal;
  --12-reg-font-family: 'Rubik', sans-serif;
  --12-reg-font-size: 12px;
  --12-reg-line-height: 140%;
  --12-reg-font-weight: 400;
  --12-reg-font-style: normal;

  /* Effects */
}
/* Figma Color Variables of your File */