:root {
  --bg-dark: rgba(22, 28, 36, 1);
  --text-gray: rgba(244, 246, 248, 1);
  --accent-main: rgba(0, 134, 132, 1);
  --accent-second: rgba(179, 219, 218, 1);
  --gray-500: rgba(145, 158, 171, 1);
  --gray-700: rgba(69, 79, 91, 1);
  --gray-200: rgba(244, 246, 248, 1);
  /* --colour-swatch: rgba(161, 161, 170, 1);
  --primarymain: rgba(0, 134, 132, 1);
  --primary-400: rgba(51, 166, 165, 1);
  --primary-300: rgba(102, 197, 197, 1);
  --primary-200: rgba(179, 219, 218, 1);
  --primary-100: rgba(230, 243, 243, 1);
  --gray-900: rgba(22, 28, 36, 1);
  --gray-800: rgba(33, 43, 54, 1);
  --gray-700: rgba(69, 79, 91, 1);
  --gray-600: rgba(99, 115, 129, 1);
  --gray-500: rgba(145, 158, 171, 1);
  --gray-400: rgba(196, 205, 213, 1);
  --gray-300: rgba(223, 227, 232, 1);
  --gray-100: rgba(249, 250, 251, 1);
  --graywhite: rgba(255, 255, 255, 1);
  --alertsinfomain: rgba(24, 144, 255, 1);
  --alertsinfo-4: rgba(4, 41, 122, 1);
  --alertsinfo-3: rgba(12, 83, 183, 1);
  --alertsinfo-2: rgba(116, 202, 255, 1);
  --alertsinfo-1: rgba(208, 242, 255, 1);
  --alertssuccessmain: rgba(84, 214, 44, 1);
  --alertssuccess-4: rgba(8, 102, 13, 1);
  --alertssuccess-3: rgba(34, 154, 22, 1);
  --alertssuccess-2: rgba(170, 242, 127, 1);
  --alertssuccess-1: rgba(233, 252, 212, 1);
  --alertswarningmain: rgba(255, 193, 7, 1);
  --alertswarning-4: rgba(122, 79, 1, 1);
  --alertswarning-3: rgba(183, 129, 3, 1);
  --alertswarning-2: rgba(255, 225, 106, 1);
  --alertswarning-1: rgba(255, 247, 205, 1);
  --alertserrormain: rgba(255, 72, 66, 1);
  --alertserror-4: rgba(122, 12, 46, 1);
  --alertserror-3: rgba(183, 33, 54, 1);
  --alertserror-2: rgba(255, 164, 141, 1);
  --alertserror-1: rgba(255, 231, 217, 1);
  --rectangle-7: rgba(0, 134, 132, 1);
  --regular-h1-font-family: "IRANYekanWeb", Helvetica;
  --regular-h1-font-weight: 400;
  --regular-h1-font-size: 64px;
  --regular-h1-letter-spacing: 0px;
  --regular-h1-line-height: 80px;
  --regular-h1-font-style: normal;
  --regular-h2-font-family: "IRANYekanWeb", Helvetica;
  --regular-h2-font-weight: 400;
  --regular-h2-font-size: 48px;
  --regular-h2-letter-spacing: 0px;
  --regular-h2-line-height: 64px;
  --regular-h2-font-style: normal;
  --regular-h3-font-family: "IRANYekanWeb", Helvetica;
  --regular-h3-font-weight: 400;
  --regular-h3-font-size: 32px;
  --regular-h3-letter-spacing: 0px;
  --regular-h3-line-height: 48px;
  --regular-h3-font-style: normal;
  --regular-h4-font-family: "IRANYekanWeb", Helvetica;
  --regular-h4-font-weight: 400;
  --regular-h4-font-size: 24px;
  --regular-h4-letter-spacing: 0px;
  --regular-h4-line-height: 36px;
  --regular-h4-font-style: normal;
  --regular-h5-font-family: "IRANYekanWeb", Helvetica;
  --regular-h5-font-weight: 400;
  --regular-h5-font-size: 20px;
  --regular-h5-letter-spacing: 0px;
  --regular-h5-line-height: 30px;
  --regular-h5-font-style: normal;
  --regular-h6-font-family: "IRANYekanWeb", Helvetica;
  --regular-h6-font-weight: 400;
  --regular-h6-font-size: 18px;
  --regular-h6-letter-spacing: 0px;
  --regular-h6-line-height: 28px;
  --regular-h6-font-style: normal;
  --regular-sub1-font-family: "IRANYekanWeb", Helvetica;
  --regular-sub1-font-weight: 400;
  --regular-sub1-font-size: 16px;
  --regular-sub1-letter-spacing: 0px;
  --regular-sub1-line-height: 28px;
  --regular-sub1-font-style: normal;
  --regular-sub2-font-family: "IRANYekanWeb", Helvetica;
  --regular-sub2-font-weight: 400;
  --regular-sub2-font-size: 14px;
  --regular-sub2-letter-spacing: 0px;
  --regular-sub2-line-height: 26px;
  --regular-sub2-font-style: normal;
  --regular-caption-font-family: "IRANYekanWeb", Helvetica;
  --regular-caption-font-weight: 400;
  --regular-caption-font-size: 12px;
  --regular-caption-letter-spacing: 0px;
  --regular-caption-line-height: 18px;
  --regular-caption-font-style: normal;
  --bold-h1-font-family: "IRANYekanWeb", Helvetica;
  --bold-h1-font-weight: 700;
  --bold-h1-font-size: 64px;
  --bold-h1-letter-spacing: 0px;
  --bold-h1-line-height: 80px;
  --bold-h1-font-style: normal;
  --bold-h2-font-family: "IRANYekanWeb", Helvetica;
  --bold-h2-font-weight: 700;
  --bold-h2-font-size: 48px;
  --bold-h2-letter-spacing: 0px;
  --bold-h2-line-height: 64px;
  --bold-h2-font-style: normal;
  --bold-h3-font-family: "IRANYekanWeb", Helvetica;
  --bold-h3-font-weight: 700;
  --bold-h3-font-size: 32px;
  --bold-h3-letter-spacing: 0px;
  --bold-h3-line-height: 48px;
  --bold-h3-font-style: normal;
  --bold-h4-font-family: "IRANYekanWeb", Helvetica;
  --bold-h4-font-weight: 700;
  --bold-h4-font-size: 24px;
  --bold-h4-letter-spacing: 0px;
  --bold-h4-line-height: 36px;
  --bold-h4-font-style: normal;
  --bold-h5-font-family: "IRANYekanWeb", Helvetica;
  --bold-h5-font-weight: 700;
  --bold-h5-font-size: 20px;
  --bold-h5-letter-spacing: 0px;
  --bold-h5-line-height: 30px;
  --bold-h5-font-style: normal;
  --bold-h6-font-family: "IRANYekanWeb", Helvetica;
  --bold-h6-font-weight: 700;
  --bold-h6-font-size: 18px;
  --bold-h6-letter-spacing: 0px;
  --bold-h6-line-height: 28px;
  --bold-h6-font-style: normal;
  --bold-sub1-font-family: "IRANYekanWeb", Helvetica;
  --bold-sub1-font-weight: 700;
  --bold-sub1-font-size: 16px;
  --bold-sub1-letter-spacing: 0px;
  --bold-sub1-line-height: 28px;
  --bold-sub1-font-style: normal;
  --bold-sub2-font-family: "IRANYekanWeb", Helvetica;
  --bold-sub2-font-weight: 700;
  --bold-sub2-font-size: 14px;
  --bold-sub2-letter-spacing: 0px;
  --bold-sub2-line-height: 26px;
  --bold-sub2-font-style: normal;
  --bold-caption-font-family: "IRANYekanWeb", Helvetica;
  --bold-caption-font-weight: 700;
  --bold-caption-font-size: 12px;
  --bold-caption-letter-spacing: 0px;
  --bold-caption-line-height: 18px;
  --bold-caption-font-style: normal;
  --title-small-font-family: "IRANYekanX", Helvetica;
  --title-small-font-weight: 700;
  --title-small-font-size: 14px;
  --title-small-letter-spacing: 0px;
  --title-small-line-height: 20px;
  --title-small-font-style: normal; */
}