/* Figma Styles of your File */
:root {
  /* Colors */
  --main-color-red: #fc1c29;
  --main-color-red-light: #ffeaec;
  --main-color-black: #0c0b0b;
  --main-color-back-grey: #f6f6f6;
  --white: #ffffff;
  --title-1: #1a1a1a;
  --line-2: #efeff1;
  --blue-grey: #6b7280;
  --b-to-w-title: #1a1a1a;
  --b-to-w-title-2: #2a2a2a;
  --b-to-w-grey: #3d3d3d;
  --b-to-w-grey-2: #4c4c4c;
  --b-to-w-grey-3: #626262;
  --b-to-w-grey-4: #787878;
  --b-to-w-grey-5: #8d8d8d;
  --b-to-w-grey-6: #f1f1f1;
  --b-to-w-grey-7: #fafafa;
  --b-to-w-white: #ffffff;
  --other-shadea-blues-grey-1: #22262a;
  --other-shadea-blues-grey-2: #65758b;
  --other-shadea-line: #dfe0e4;
  --other-shadea-line-2: #efeff1;
  --other-shadea-icon-color: #d2d7db;
  --other-shadea-icon-color-2: #a4a4a4;
  --rgb-red-color: #ff0000;
  --rgb-attention: #fd3a69;
  --rgb-attention-10: #ffecf0;
  --rgb-green: #25c45a;
  --rgb-light-green: #ddffe8;
  --rgb-blue: #3b82f6;
  --rgb-light-blue: #ebf3fe;
  --rgb-yellow: #eeb200;
  --rgb-light-yellow: #fff9e6;
  --rgb-cyan: #1191a6;
  --rgb-light-cyan: #d3eef2;
  --rgb-purple: #622cd8;
  --rgb-light-purple: #e1d7f8;
  --rgb-tomato-red: #dc3848;
  --rgb-light-tomato-red: #fbebed;
  --border-subtle: #e5e7eb;

  /* Responsive tokens */
  --bp-tablet: 48rem; /* 768px */
  --bp-laptop: 64rem; /* 1024px */
  --bp-desktop: 80rem; /* 1280px */
  --touch-target-min: 2.75rem; /* 44px */
  --mobile-header-height: 4.5rem;
  --mobile-page-side-space: 1rem;
  --overlay-scrim: rgba(12, 11, 11, 0.4);
  --elevation-soft: 0 0.5rem 1.25rem rgba(12, 11, 11, 0.08);
  --transition-fast: 0.2s ease;
  --transition-nav-icon: 0.25s ease;
  --transition-medium: 0.28s ease;

  /* Fonts */
  --text-headings-h-0-font-family: Exo2-Bold, sans-serif;
  --text-headings-h-0-font-size: 55px;
  --text-headings-h-0-line-height: 65px;
  --text-headings-h-0-font-weight: 700;
  --text-headings-h-0-font-style: normal;
  --text-headings-h-1-font-family: Exo2-Bold, sans-serif;
  --text-headings-h-1-font-size: 48px;
  --text-headings-h-1-line-height: 56px;
  --text-headings-h-1-font-weight: 700;
  --text-headings-h-1-font-style: normal;
  --text-headings-h-2-font-family: Exo2-Bold, sans-serif;
  --text-headings-h-2-font-size: 40px;
  --text-headings-h-2-line-height: 48px;
  --text-headings-h-2-font-weight: 700;
  --text-headings-h-2-font-style: normal;
  --text-headings-h-3-font-family: Exo2-Bold, sans-serif;
  --text-headings-h-3-font-size: 34px;
  --text-headings-h-3-line-height: 42px;
  --text-headings-h-3-font-weight: 700;
  --text-headings-h-3-font-style: normal;
  --text-headings-h-4-m-font-family: Exo2-Medium, sans-serif;
  --text-headings-h-4-m-font-size: 28px;
  --text-headings-h-4-m-line-height: 36px;
  --text-headings-h-4-m-font-weight: 500;
  --text-headings-h-4-m-font-style: normal;
  --text-headings-h-5-sb-font-family: Exo2-SemiBold, sans-serif;
  --text-headings-h-5-sb-font-size: 24px;
  --text-headings-h-5-sb-line-height: 32px;
  --text-headings-h-5-sb-font-weight: 600;
  --text-headings-h-5-sb-font-style: normal;
  --text-headings-h-5-font-family: Exo2-Medium, sans-serif;
  --text-headings-h-5-font-size: 24px;
  --text-headings-h-5-line-height: 32px;
  --text-headings-h-5-font-weight: 500;
  --text-headings-h-5-font-style: normal;
  --text-headings-h-6-font-family: Exo2-Bold, sans-serif;
  --text-headings-h-6-font-size: 20px;
  --text-headings-h-6-line-height: 28px;
  --text-headings-h-6-font-weight: 700;
  --text-headings-h-6-font-style: normal;
  --text-headings-h-6-20-font-family: Exo2-Medium, sans-serif;
  --text-headings-h-6-20-font-size: 20px;
  --text-headings-h-6-20-line-height: 28px;
  --text-headings-h-6-20-font-weight: 500;
  --text-headings-h-6-20-font-style: normal;
  --text-body-b-4-font-family: Inter-Regular, sans-serif;
  --text-body-b-4-font-size: 12px;
  --text-body-b-4-line-height: 18px;
  --text-body-b-4-font-weight: 400;
  --text-body-b-4-font-style: normal;
  --text-body-b-5-font-family: Inter-Regular, sans-serif;
  --text-body-b-5-font-size: 10px;
  --text-body-b-5-line-height: 15px;
  --text-body-b-5-font-weight: 400;
  --text-body-b-5-font-style: normal;
  --text-body-b-6-b-6-20-font-family: Inter-Regular, sans-serif;
  --text-body-b-6-b-6-20-font-size: 20px;
  --text-body-b-6-b-6-20-line-height: 28px;
  --text-body-b-6-b-6-20-font-weight: 400;
  --text-body-b-6-b-6-20-font-style: normal;
  --text-body-b-6-b-6-20-m-font-family: Inter-Medium, sans-serif;
  --text-body-b-6-b-6-20-m-font-size: 20px;
  --text-body-b-6-b-6-20-m-line-height: 28px;
  --text-body-b-6-b-6-20-m-font-weight: 500;
  --text-body-b-6-b-6-20-m-font-style: normal;
  --text-body-b-6-b-6-20-sb-font-family: Inter-SemiBold, sans-serif;
  --text-body-b-6-b-6-20-sb-font-size: 20px;
  --text-body-b-6-b-6-20-sb-line-height: 28px;
  --text-body-b-6-b-6-20-sb-font-weight: 600;
  --text-body-b-6-b-6-20-sb-font-style: normal;
  --text-body-b-1-18-b-1-sb-font-family: Inter-SemiBold, sans-serif;
  --text-body-b-1-18-b-1-sb-font-size: 18px;
  --text-body-b-1-18-b-1-sb-line-height: 26px;
  --text-body-b-1-18-b-1-sb-font-weight: 600;
  --text-body-b-1-18-b-1-sb-font-style: normal;
  --text-body-b-1-18-b-1-m-font-family: Inter-Medium, sans-serif;
  --text-body-b-1-18-b-1-m-font-size: 18px;
  --text-body-b-1-18-b-1-m-line-height: 26px;
  --text-body-b-1-18-b-1-m-font-weight: 500;
  --text-body-b-1-18-b-1-m-font-style: normal;
  --text-body-b-1-18-b-1-r-font-family: Inter-Regular, sans-serif;
  --text-body-b-1-18-b-1-r-font-size: 18px;
  --text-body-b-1-18-b-1-r-line-height: 26px;
  --text-body-b-1-18-b-1-r-font-weight: 400;
  --text-body-b-1-18-b-1-r-font-style: normal;
  --text-body-b-2-16-b-2-sb-font-family: Inter-SemiBold, sans-serif;
  --text-body-b-2-16-b-2-sb-font-size: 16px;
  --text-body-b-2-16-b-2-sb-line-height: 24px;
  --text-body-b-2-16-b-2-sb-font-weight: 600;
  --text-body-b-2-16-b-2-sb-font-style: normal;
  --text-body-b-2-16-b-2-m-font-family: Inter-Medium, sans-serif;
  --text-body-b-2-16-b-2-m-font-size: 16px;
  --text-body-b-2-16-b-2-m-line-height: 24px;
  --text-body-b-2-16-b-2-m-font-weight: 500;
  --text-body-b-2-16-b-2-m-font-style: normal;
  --text-body-b-2-16-b-2-r-font-family: Inter-Regular, sans-serif;
  --text-body-b-2-16-b-2-r-font-size: 16px;
  --text-body-b-2-16-b-2-r-line-height: 24px;
  --text-body-b-2-16-b-2-r-font-weight: 400;
  --text-body-b-2-16-b-2-r-font-style: normal;
  --text-body-b-3-14-b-3-sb-font-family: Inter-SemiBold, sans-serif;
  --text-body-b-3-14-b-3-sb-font-size: 14px;
  --text-body-b-3-14-b-3-sb-line-height: 21px;
  --text-body-b-3-14-b-3-sb-font-weight: 600;
  --text-body-b-3-14-b-3-sb-font-style: normal;
  --text-body-b-3-14-b-3-m-font-family: Inter-Medium, sans-serif;
  --text-body-b-3-14-b-3-m-font-size: 14px;
  --text-body-b-3-14-b-3-m-line-height: 21px;
  --text-body-b-3-14-b-3-m-font-weight: 500;
  --text-body-b-3-14-b-3-m-font-style: normal;
  --text-body-b-3-14-b-3-r-font-family: Inter-Regular, sans-serif;
  --text-body-b-3-14-b-3-r-font-size: 14px;
  --text-body-b-3-14-b-3-r-line-height: 21px;
  --text-body-b-3-14-b-3-r-font-weight: 400;
  --text-body-b-3-14-b-3-r-font-style: normal;

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