/* Figma Styles of your File */
:root {
  /* Colors */
  --linear: linear-gradient(
    0deg,
    rgba(81, 129, 194, 0.01) 0%,
    rgba(81, 129, 194, 0.1) 74.03846383094788%
  );
  --square-linear: linear-gradient(
    180deg,
    rgba(81, 129, 194, 0.1) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
  --stroke: #e8e8e8;
  --linear: linear-gradient(
    90deg,
    rgba(220, 230, 243, 1) 27.403846383094788%,
    rgba(81, 129, 194, 1) 50.4807710647583%,
    rgba(220, 230, 243, 1) 73.55769276618958%
  );

  /* Fonts */
  --global-tokens-headings-h-1-font-family: IbmPlexSansArabic-Bold, sans-serif;
  --global-tokens-headings-h-1-font-size: 100px;
  --global-tokens-headings-h-1-line-height: 150px;
  --global-tokens-headings-h-1-font-weight: 700;
  --global-tokens-headings-h-1-font-style: normal;
  --global-tokens-headings-h-2-font-family: IbmPlexSansArabic-Bold, sans-serif;
  --global-tokens-headings-h-2-font-size: 84px;
  --global-tokens-headings-h-2-line-height: 126px;
  --global-tokens-headings-h-2-font-weight: 700;
  --global-tokens-headings-h-2-font-style: normal;
  --global-tokens-headings-h-3-font-family: IbmPlexSansArabic-Bold, sans-serif;
  --global-tokens-headings-h-3-font-size: 70px;
  --global-tokens-headings-h-3-line-height: 105px;
  --global-tokens-headings-h-3-font-weight: 700;
  --global-tokens-headings-h-3-font-style: normal;
  --global-tokens-headings-h-4-font-family: IbmPlexSansArabic-Bold, sans-serif;
  --global-tokens-headings-h-4-font-size: 58px;
  --global-tokens-headings-h-4-line-height: 87px;
  --global-tokens-headings-h-4-font-weight: 700;
  --global-tokens-headings-h-4-font-style: normal;
  --global-tokens-headings-h-5-font-family: IbmPlexSansArabic-Bold, sans-serif;
  --global-tokens-headings-h-5-font-size: 48px;
  --global-tokens-headings-h-5-line-height: 72px;
  --global-tokens-headings-h-5-font-weight: 700;
  --global-tokens-headings-h-5-font-style: normal;
  --global-tokens-headings-h-6-font-family: IbmPlexSansArabic-Bold, sans-serif;
  --global-tokens-headings-h-6-font-size: 40px;
  --global-tokens-headings-h-6-line-height: 60px;
  --global-tokens-headings-h-6-font-weight: 700;
  --global-tokens-headings-h-6-font-style: normal;
  --global-tokens-headings-h-7-font-family: IbmPlexSansArabic-Bold, sans-serif;
  --global-tokens-headings-h-7-font-size: 34px;
  --global-tokens-headings-h-7-line-height: 51px;
  --global-tokens-headings-h-7-font-weight: 700;
  --global-tokens-headings-h-7-font-style: normal;
  --global-tokens-headings-h-8-font-family: IbmPlexSansArabic-Bold, sans-serif;
  --global-tokens-headings-h-8-font-size: 28px;
  --global-tokens-headings-h-8-line-height: 42px;
  --global-tokens-headings-h-8-font-weight: 700;
  --global-tokens-headings-h-8-font-style: normal;
  --global-tokens-headings-h-9-font-family: IbmPlexSansArabic-Bold, sans-serif;
  --global-tokens-headings-h-9-font-size: 24px;
  --global-tokens-headings-h-9-line-height: 36px;
  --global-tokens-headings-h-9-font-weight: 700;
  --global-tokens-headings-h-9-font-style: normal;
  --global-tokens-headings-h-10-font-family: IbmPlexSansArabic-Medium,
    sans-serif;
  --global-tokens-headings-h-10-font-size: 20px;
  --global-tokens-headings-h-10-line-height: 30px;
  --global-tokens-headings-h-10-font-weight: 500;
  --global-tokens-headings-h-10-font-style: normal;
  --global-tokens-body-b-1-font-family: IbmPlexSansArabic-Regular, sans-serif;
  --global-tokens-body-b-1-font-size: 16px;
  --global-tokens-body-b-1-line-height: 24px;
  --global-tokens-body-b-1-font-weight: 400;
  --global-tokens-body-b-1-font-style: normal;
  --global-tokens-body-b-2-font-family: IbmPlexSansArabic-Regular, sans-serif;
  --global-tokens-body-b-2-font-size: 14px;
  --global-tokens-body-b-2-line-height: 21px;
  --global-tokens-body-b-2-font-weight: 400;
  --global-tokens-body-b-2-font-style: normal;
  --global-tokens-body-b-3-font-family: IbmPlexSansArabic-Regular, sans-serif;
  --global-tokens-body-b-3-font-size: 12px;
  --global-tokens-body-b-3-line-height: 18px;
  --global-tokens-body-b-3-font-weight: 400;
  --global-tokens-body-b-3-font-style: normal;
  --global-tokens-body-b-4-font-family: IbmPlexSansArabic-Regular, sans-serif;
  --global-tokens-body-b-4-font-size: 10px;
  --global-tokens-body-b-4-line-height: 15px;
  --global-tokens-body-b-4-font-weight: 400;
  --global-tokens-body-b-4-font-style: normal;
  --global-tokens-body-b-5-font-family: IbmPlexSansArabic-Regular, sans-serif;
  --global-tokens-body-b-5-font-size: 8px;
  --global-tokens-body-b-5-line-height: 12px;
  --global-tokens-body-b-5-font-weight: 400;
  --global-tokens-body-b-5-font-style: normal;
  --global-tokens-body-b-6-font-family: IbmPlexSansArabic-Regular, sans-serif;
  --global-tokens-body-b-6-font-size: 6px;
  --global-tokens-body-b-6-line-height: 9px;
  --global-tokens-body-b-6-font-weight: 400;
  --global-tokens-body-b-6-font-style: normal;
  --global-tokens-body-b-7-font-family: IbmPlexSansArabic-Regular, sans-serif;
  --global-tokens-body-b-7-font-size: 6px;
  --global-tokens-body-b-7-line-height: 9px;
  --global-tokens-body-b-7-font-weight: 400;
  --global-tokens-body-b-7-font-style: normal;
  --global-tokens-body-b-8-font-family: IbmPlexSansArabic-Regular, sans-serif;
  --global-tokens-body-b-8-font-size: 6px;
  --global-tokens-body-b-8-line-height: 9px;
  --global-tokens-body-b-8-font-weight: 400;
  --global-tokens-body-b-8-font-style: normal;
  --global-tokens-body-b-9-font-family: IbmPlexSansArabic-Regular, sans-serif;
  --global-tokens-body-b-9-font-size: 6px;
  --global-tokens-body-b-9-line-height: 9px;
  --global-tokens-body-b-9-font-weight: 400;
  --global-tokens-body-b-9-font-style: normal;
  --global-tokens-body-b-10-font-family: IbmPlexSansArabic-Regular, sans-serif;
  --global-tokens-body-b-10-font-size: 6px;
  --global-tokens-body-b-10-line-height: 9px;
  --global-tokens-body-b-10-font-weight: 400;
  --global-tokens-body-b-10-font-style: normal;

  /* Effects */
}
/* Figma Color Variables of your File */
:root,
[data-global-tokens-mode="light"] {
  /* light */
  --colors-primary-100: #dce6f3;
  --colors-primary-200: #b9cde7;
  --colors-primary-300: #97b3da;
  --colors-primary-400: #749ace;
  --colors-primary-500: #5181c2;
  --colors-primary-600: #3e6fb1;
  --colors-primary-700: #355e97;
  --colors-primary-800: #2c4e7c;
  --colors-primary-900: #223d62;
  --colors-primary-1000: #192d48;
  --colors-primary-alpha-10: rgba(81, 129, 194, 0.1);
  --colors-primary-alpha-15: rgba(81, 129, 194, 0.15);
  --colors-primary-alpha-20: rgba(81, 129, 194, 0.2);
  --colors-primary-alpha-25: rgba(81, 129, 194, 0.25);
  --colors-primary-alpha-30: rgba(81, 129, 194, 0.3);
  --colors-primary-alpha-35: rgba(81, 129, 194, 0.35);
  --colors-primary-alpha-40: rgba(81, 129, 194, 0.4);
  --colors-primary-alpha-45: rgba(81, 129, 194, 0.45);
  --colors-primary-alpha-50: rgba(81, 129, 194, 0.5);
  --colors-primary-alpha-75: rgba(81, 129, 194, 0.75);
  --colors-secondary-100: #def1f3;
  --colors-secondary-200: #bee3e8;
  --colors-secondary-300: #9dd5dc;
  --colors-secondary-400: #7cc7d1;
  --colors-secondary-500: #5cbac5;
  --colors-secondary-600: #40a8b5;
  --colors-secondary-700: #368f9a;
  --colors-secondary-800: #2d767f;
  --colors-secondary-900: #235d64;
  --colors-secondary-1000: #1a4449;
  --colors-secondary-alpha-10: rgba(64, 168, 181, 0.1);
  --colors-secondary-alpha-15: rgba(64, 168, 181, 0.15);
  --colors-secondary-alpha-20: rgba(64, 168, 181, 0.2);
  --colors-secondary-alpha-25: rgba(64, 168, 181, 0.25);
  --colors-secondary-alpha-30: rgba(64, 168, 181, 0.3);
  --colors-secondary-alpha-35: rgba(64, 168, 181, 0.35);
  --colors-secondary-alpha-40: rgba(64, 168, 181, 0.4);
  --colors-secondary-alpha-45: rgba(64, 168, 181, 0.45);
  --colors-secondary-alpha-50: rgba(64, 168, 181, 0.5);
  --colors-secondary-alpha-75: rgba(64, 168, 181, 0.75);
  --colors-neutral-100: #ffffff;
  --colors-neutral-200: #e8e8e8;
  --colors-neutral-300: #d2d2d2;
  --colors-neutral-400: #bbbbbb;
  --colors-neutral-500: #a4a4a4;
  --colors-neutral-600: #8e8e8e;
  --colors-neutral-700: #777777;
  --colors-neutral-800: #606060;
  --colors-neutral-900: #4a4a4a;
  --colors-neutral-1000: #333333;
  --colors-neutral-alpha-10: rgba(51, 51, 51, 0.1);
  --colors-neutral-alpha-15: rgba(51, 51, 51, 0.15);
  --colors-neutral-alpha-20: rgba(51, 51, 51, 0.2);
  --colors-neutral-alpha-25: rgba(51, 51, 51, 0.25);
  --colors-neutral-alpha-30: rgba(51, 51, 51, 0.3);
  --colors-neutral-alpha-35: rgba(51, 51, 51, 0.35);
  --colors-neutral-alpha-40: rgba(51, 51, 51, 0.4);
  --colors-neutral-alpha-45: rgba(51, 51, 51, 0.45);
  --colors-neutral-alpha-50: rgba(51, 51, 51, 0.5);
  --colors-neutral-alpha-75: rgba(51, 51, 51, 0.75);
  --colors-red-100: #fb3748;
  --colors-red-200: #d00416;
  --colors-red-alpha-10: rgba(251, 55, 72, 0.1);
  --colors-yellow-100: #ffdb43;
  --colors-yellow-200: #dfb400;
  --colors-yellow-alpha-10: rgba(255, 219, 67, 0.1);
  --colors-green-100: #84ebb4;
  --colors-green-200: #1fc16b;
  --colors-green-alpha-10: rgba(31, 193, 107, 0.1);
  --linear: rgba(0, 0, 0, 0.2);
}