body {
  margin: 0;
  line-height: normal;
}

:root {
  /* Common Style Variables */

  /* Color */
  --Black: #313144;
  --Blues-Gray2: #b8bbc2;
  --color-black: #000;
  --color-cornflowerblue: #3490eb;
  --color-darkslategray: #364254;
  --color-dimgray: rgba(114, 111, 111, 0.61);
  --color-gainsboro-100: #d9d9d9;
  --color-gainsboro-200: rgba(217, 217, 217, 0.13);
  --color-gainsboro-300: rgba(217, 217, 217, 0.14);
  --color-gray-100: #fcfcfd;
  --color-gray-200: #8d8d8d;
  --color-gray-300: #868686;
  --color-gray-400: #1f1f1f;
  --color-gray-500: #101828;
  --color-gray-600: rgba(255, 255, 255, 0.12);
  --color-honeydew: #ecfdf3;
  --color-lightpink: #ffb5b5;
  --color-papayawhip: #fff0d4;
  --color-seagreen: #037847;
  --color-silver-100: #c9c9c9;
  --color-silver-200: #c4c4c4;
  --color-silver-300: #bababa;
  --color-slategray: #667085;
  --color-snow: rgba(255, 249, 249, 0.12);
  --color-steelblue: #545f90;
  --color-white: #fff;
  --color-whitesmoke-100: #f5f5f5;
  --color-whitesmoke-200: #f2f4f7;
  --color-whitesmoke-300: #f1f1f1;
  --color-whitesmoke-400: #efefef;
  --color-whitesmoke-500: #edeef1;
  --color-whitesmoke-600: #eaecf0;

  /* Gap */
  --gap-17: 17px;
  --gap-18: 18px;
  --gap-20: 20px;
  --gap-28: 28px;
  --gap-36: 36px;
  --gap-14_2: 14.2px;
  --gap-3_4: 3.4px;
  --gap-5_2: 5.2px;
  --gap-7_1: 7.1px;

  /* Padding */
  --padding-0: 0px;
  --padding-1: 1px;
  --padding-2: 2px;
  --padding-4: 4px;
  --padding-5: 5px;
  --padding-6: 6px;
  --padding-8: 8px;
  --padding-9: 9px;
  --padding-11: 11px;
  --padding-12: 12px;
  --padding-13: 13px;
  --padding-16: 16px;
  --padding-18: 18px;
  --padding-19: 19px;
  --padding-20: 20px;
  --padding-22: 22px;
  --padding-24: 24px;
  --padding-26: 26px;
  --padding-30: 30px;
  --padding-477: 477px;
  --padding-1_7: 1.7px;
  --padding-10_3: 10.3px;
  --padding-14_2: 14.2px;
  --padding-8_6: 8.6px;
  --padding-9_5: 9.5px;

  /* BorderRadius */
  --br-50: 50%;
  --br-11_3: 11.3px;
  --br-13_7: 13.7px;
  --br-6_9: 6.9px;
  --br-7_1: 7.1px;

  /* Font */
  --font-inter: Inter;
  --font-poppins: Poppins;
  --font-raleway: Raleway;
  --font-roboto: Roboto;
  --font-samarkan: Samarkan;

  /* FontSize */
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-19: 19px;
  --fs-22: 22px;
  --fs-23: 23px;
  --fs-24: 24px;
  --fs-32: 32px;
  --fs-40: 40px;
  --fs-10_3: 10.3px;
  --fs-10_7: 10.7px;
  --fs-12_4: 12.4px;
  --fs-13_6: 13.6px;
  --fs-14_2: 14.2px;
  --fs-17_8: 17.8px;
  --fs-18_1: 18.1px;
  --fs-28_4: 28.4px;

  /* Borders */
  --border-1: 1.8px solid var(--color-gray-300);
  --border-2: 0.9px solid var(--color-dimgray);
  --border-11: 0.9px solid var(--color-whitesmoke-600);
  --border-21: 0.9px solid var(--color-whitesmoke-500);

  /* Shadows */
  --shadow-drop: 0px 0px 67.9px 33.94px rgba(0, 0, 0, 0.03);
  --shadow-drop-1: 0px 3.6px 7.1px rgba(0, 0, 0, 0.01);
  --shadow-drop-2: 0px 0px 0px 3.56px rgba(31, 94, 255, 0.16);
  --shadow-drop-3: 0px 0px 15.8px rgba(0, 0, 0, 0.12);

  /* WidthHeights */
  --height-1: 1px;
  --height-16: 16px;
  --height-13_7: 13.7px;
  --height-133_3: 133.3px;
  --height-17_2: 17.2px;
  --height-21_3: 21.3px;
  --height-27_2: 27.2px;
  --height-33_9: 33.9px;
  --height-37_8: 37.8px;
  --height-40_9: 40.9px;
  --height-6_9: 6.9px;
  --min-w-99: 99px;
  --width-13_7: 13.7px;
  --width-133_3: 133.3px;
  --width-17_2: 17.2px;
  --width-21_3: 21.3px;
  --width-27_2: 27.2px;
  --width-33_9: 33.9px;
  --width-376_9: 376.9px;
  --width-6_9: 6.9px;

  /* LineHeights */
  --lh-16: 16px;
  --lh-18: 18px;
  --lh-15_5: 15.5px;
  --lh-17_2: 17.2px;
  --lh-17_8: 17.8px;
  --lh-21_3: 21.3px;
  --lh-22_6: 22.6px;

  /* LetterSpacings */
  --ls-0_02: 0.02;
  --ls-0_03: 0.03;

  --left-0: 0px;
  --left-1_1: 1.1px;
  --top-0: 0px;
}
html {
  scroll-behavior: smooth;
}