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

html {
  scroll-behavior: smooth;
}

:root {
  /* Common Style Variables */

  /* Color */
  --color-darkslategray-100: #304948;
  --primary: #4da938;
  --Primary-dark: #e72c19;
  --primary-muted: #f1f8ef;
  --Secondary-secondary: #0b4c5f;
  --Shade-black: #000;
  --Shade-grey: #808080;
  --Shade-white: #fff;
  --Shade-white-smoke: #f7f9fa;
  --shades-10: #ebebeb;
  --shades-50: #808080;
  --shades-80: #4d4d4d;
  --shades-black: #221f20;
  --shades-white: #fff;
  --Support-blue: #00F;

  /* Gap */
  --gap-0: 0px;
  --gap-2: 2px;
  --gap-4: 4px;
  --gap-6: 6px;
  --gap-8: 8px;
  --gap-10: 10px;
  --gap-12: 12px;
  --gap-16: 16px;
  --gap-18: 18px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-28: 28px;
  --gap-32: 32px;
  --gap-40: 40px;
  --gap-48: 48px;
  --gap-60: 60px;
  --gap-64: 64px;

  /* Padding */
  --padding-0: 0px;
  --padding-01: 0;
  --padding-4: 4px;
  --padding-8: 8px;
  --padding-10: 10px;
  --padding-12: 12px;
  --padding-15: 15px;
  --padding-16: 16px;
  --padding-19: 19px;
  --padding-20: 20px;
  --padding-23: 23px;
  --padding-24: 24px;
  --padding-27: 27px;
  --padding-28: 28px;
  --padding-30: 30px;
  --padding-32: 32px;
  --padding-40: 40px;
  --padding-42: 42px;
  --padding-48: 48px;
  --padding-64: 64px;
  --padding-80: 80px;

  /* BorderRadius */
  --br-4: 4px;
  --br-8: 8px;
  --br-12: 12px;
  --br-16: 16px;
  --br-20: 20px;
  --br-24: 24px;

  /* Font */
  --font-inter: Inter;
  --font-poppins: Poppins;

  /* FontSize */
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-26: 26px;
  --fs-32: 32px;
  --fs-40: 40px;

  /* Borders */
  --border-1: 1px solid var(--shades-10);

  /* Shadows */
  --Shadow-1:
    0px 20px 24px -4px rgba(17, 24, 39, 0.1),
    0px 8px 8px -4px rgba(17, 24, 39, 0.04);
  --Shadow-8px: 0px 8px 16px rgba(171, 190, 209, 0.4);
  --shadow-drop: 0px -8px 32px -10px rgba(0, 0, 0, 0.08);

  /* Gradients */
  --gradient-1: linear-gradient(180deg, rgba(241, 251, 244, 0.3), #f1fbf4);
  --gradient-2:
    linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(27, 30, 30, 0.5)), #e6e6e6;

  /* WidthHeights */
  --height-1: 1px;
  --height-17: 17px;
  --height-20: 20px;
  --height-24: 24px;
  --height-32: 32px;
  --height-52: 52px;
  --height-72: 72px;
  --height-75: 75px;
  --height-173: 173px;
  --height-286: 286px;
  --height-300: 300px;
  --max-h-75: 75px;
  --max-w-1280: 1280px;
  --max-w-142_5: 142.5px;
  --min-h-32: 32px;
  --min-h-120: 120px;
  --min-w-100: 100px;
  --min-w-120: 120px;
  --min-w-250: 250px;
  --min-w-280: 280px;
  --min-w-389: 389px;
  --width-16: 16px;
  --width-20: 20px;
  --width-24: 24px;
  --width-40: 40px;
  --width-52: 52px;
  --width-240: 240px;
  --width-254: 254px;
  --width-142_5: 142.5px;

  /* LineHeights */
  --lh-normal: normal;

  /* LetterSpacings */
  --ls-normal: normal;
}