body {
  margin: 0;
  line-height: normal;
  overflow-x: hidden;
}

:root {
  /* Common Style Variables */

  /* Color */
  --100: #d9efde;
  --300: #8eb598;
  --400: #5d7e64;
  --600: #222723;
  --500-: #476350;
  --blue: #526f73;
  --color: #b7d1bd;
  --color-darkgray: #ad9e91;
  --color-darkseagreen: #689772;
  --color-gainsboro-100: #e3e6e3;
  --color-gainsboro-200: rgba(219, 217, 209, 0.5);
  --color-gray-100: #788979;
  --color-gray-200: #6e8a75;
  --color-gray-300: #7a807a;
  --color-ivory: #fffef1;
  --color-lightslategray: #89939e;
  --color-linen: rgba(245, 241, 234, 0.5);
  --color-white: #fff;
  --Primary-M-Blue: #0671e0;
  --Success-M-Green: #009262;
  --White: #fffffa;

  /* Gap */
  --gap-4: 4px;
  --gap-8: 8px;
  --gap-10: 10px;
  --gap-12: 12px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-30: 30px;
  --gap-32: 32px;
  --gap-48: 48px;
  --gap-60: 60px;
  --gap-64: 64px;

  /* Padding */
  --padding-0: 0px;
  --padding-6: 6px;
  --padding-8: 8px;
  --padding-10: 10px;
  --padding-11: 11px;
  --padding-12: 12px;
  --padding-16: 16px;
  --padding-20: 20px;
  --padding-21: 21px;
  --padding-22: 22px;
  --padding-24: 24px;
  --padding-30: 30px;
  --padding-32: 32px;
  --padding-34: 34px;
  --padding-40: 40px;
  --padding-45: 45px;
  --padding-48: 48px;
  --padding-52: 52px;
  --padding-60: 60px;
  --padding-80: 80px;

  /* BorderRadius */
  --br-0: 0px;
  --br-4: 4px;
  --br-12: 12px;

  /* Font */
  --font-inherit: inherit;
  --font-inter: Inter;
  --font-kalnia: Kalnia;
  --font-lora: Lora;
  --font-manrope: Manrope;

  /* FontSize */
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-26: 26px;
  --fs-29: 29px;
  --fs-31: 31px;
  --fs-32: 32px;
  --fs-36: 36px;
  --fs-40: 40px;
  --fs-42: 42px;
  --fs-48: 48px;
  --fs-52: 52px;
  --fs-80: 80px;
  --fs-inherit: inherit;

  /* Borders */
  --border-1: 1px solid var(--500-);
  --border-11: 1px solid var(--400);

  /* Shadows */
  --button: 0px 4px 8px rgba(0, 0, 0, 0.12);
  --inner-sh-beige: 0px 4px 25px rgba(173, 158, 145, 0.8) inset;
  --shadow-drop: 0px 4px 4px rgba(0, 0, 0, 0.25);
  --shadow-drop-1: 0px 4px 8px rgba(0, 0, 0, 0.2);
  --text-shadow-1: 0px 4px 4px rgba(0, 0, 0, 0.08);

  /* Gradients */
  --bg: #ffffff;
  --gradient-1:
    #f6fbff padding-box,
    linear-gradient(
        0deg,
        rgba(24, 82, 37, 0.6) 8.17%,
        rgba(47, 157, 73, 0.6) 41.35%,
        rgba(22, 151, 51, 0.6) 62.02%,
        rgba(24, 82, 37, 0.6) 88.46%
      )
      border-box;
  --gradient-2: linear-gradient(
      90deg,
      #677b6c,
      #92ae99 50%,
      #a8c7af 75%,
      #464d48
    )
    border-box;
  --gradient-3: linear-gradient(
    270deg,
    rgba(251, 255, 252, 0.25) 9.62%,
    rgba(212, 222, 214, 0.5) 34.13%,
    rgba(173, 189, 176, 0.5) 62.02%,
    rgba(109, 124, 112, 0.5) 93.75%
  );
  --gradient-4:
    var(--White) padding-box,
    linear-gradient(90deg, #677b6c, #92ae99 50%, #a8c7af 75%, #464d48)
      border-box;
  --Strok-gray: linear-gradient(
    90deg,
    rgba(251, 255, 252, 0.5) 9.62%,
    #d4ded6 34.13%,
    #adbdb0 62.02%,
    #6d7c70 93.75%
  );

  /* WidthHeights */
  --height-1: 1px;
  --height-5: 5px;
  --height-16: 16px;
  --height-24: 24px;
  --height-32: 32px;
  --height-56: 56px;
  --height-156: 156px;
  --height-334: 334px;
  --height-236_2: 236.2px;
  --width-5: 5px;
  --width-24: 24px;
  --width-32: 32px;
  --width-288: 288px;
  --width-380: 380px;
  --width-410: 410px;
  --width-411: 411px;
  --width-236_2: 236.2px;

  /* LineHeights */
  --lh-16: 16px;
  --lh-24: 24px;
  --lh-29: 29px;
  --lh-32: 32px;
  --lh-36: 36px;
  --lh-38: 38px;
  --lh-43: 43px;
  --lh-47: 47px;
  --lh-48: 48px;
  --lh-62: 62px;
  --lh-72: 72px;

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

  --left-0: 0px;
  --top-0: 0px;
  /* === Mobile-specific variables === */
  --color-black: #000;
  --color-cadetblue: #5c8266;
  --color-darkseagreen-100: #78997d;
  --color-darkseagreen-200: #689772;
  --color-gainsboro-300: rgba(219, 217, 209, 0.5);
  --color-gray-400: #7a807a;
  --color-mintcream: #e6efe8;
  --padding-2: 2px;
  --padding-4: 4px;
  --padding-14: 14px;
  --padding-15: 15px;
  --padding-19: 19px;
  --br-50: 50%;
  --fs-14: 14px;
  --border-12: 1px solid var(--400);
  --Button: 0px 4px 12px rgba(0, 0, 0, 0.25);
  --photo-2: 0px 2px 2px rgba(0, 0, 0, 0.12);
  --Bg-form: #ece7e1 padding-box,
    linear-gradient(90deg, #677b6c, #92ae99 50%, #a8c7af 75%, #464d48)
      border-box;
  --gradient-5: #545855 padding-box,
    linear-gradient(
        90deg,
        rgba(251, 255, 252, 0.5) 9.62%,
        #d4ded6 34.13%,
        #adbdb0 62.02%,
        #6d7c70 93.75%
      )
      border-box;
  --gradient-6: #f6fbff padding-box,
    linear-gradient(
        90deg,
        rgba(251, 255, 252, 0.5) 9.62%,
        #d4ded6 34.13%,
        #adbdb0 62.02%,
        #6d7c70 93.75%
      )
      border-box;
  --gradient-7: var(--color-linen) padding-box,
    linear-gradient(
        90deg,
        rgba(251, 255, 252, 0.5) 9.62%,
        #d4ded6 34.13%,
        #adbdb0 62.02%,
        #6d7c70 93.75%
      )
      border-box;
  --gradient-8: var(--White) padding-box,
    linear-gradient(
        90deg,
        rgba(251, 255, 252, 0.5) 9.62%,
        #d4ded6 34.13%,
        #adbdb0 62.02%,
        #6d7c70 93.75%
      )
      border-box;
  --gradient-9: var(--color-linen) padding-box,
    linear-gradient(90deg, #677b6c, #92ae99 50%, #a8c7af 75%, #464d48)
      border-box;
  --height-10: 10px;
  --height-17: 17px;
  --height-18: 18px;
  --height-48: 48px;
  --height-54: 54px;
  --height-182: 182px;
  --width-10: 10px;
  --width-16: 16px;
  --width-17: 17px;
  --width-18: 18px;
  --width-48: 48px;
  --width-100: 100px;
  --width-161: 161px;
  --width-350: 350px;
  --width-370: 370px;
  --width-402: 402px;

}