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

html {
  scroll-behavior: smooth;
}

:root {
  /* Figma Variables */

  /* Spacing */
  --Form-Corner-radius-radius15: 15px;
  --Form-Font-Size-FSize12: 12px;
  --Form-Font-Size-FSize14: 14px;
  --Form-Font-Size-FSize16: 16px;
  --Form-Font-Size-FSize161: 16px;
  --Form-Font-Size-FSize18: 18px;
  --Form-Font-Size-FSize181: 18px;
  --Form-Font-Size-FSize20: 20px;
  --Form-Font-Size-FSize201: 20px;
  --Form-Font-Size-FSize202: 20px;
  --Form-Font-Size-FSize24: 24px;
  --form-iconSize20: 20px;
  --Form-Padding-Cell-Padding20: 20px;
  --Form-Padding-Cell-Padding14: 14px;
  --Form-Padding-Cell-PAGEPadding-LR1: 100px;
  --Form-Padding-Cell-PAGEPadding-LR2: 211px;
  --Padding-Page-LR-Padding211: 211px;
  --TABEL-ClientModule-BG-borderColor-size-borderBottom-size5: 5px;
  --TABEL-ClientModule-BG-borderColor-size-padding15: 15px;

  /* Color */
  --GlobalColor-Orange-F06B25: #f06b25;
  --GlobalColor-White-FFFFFF: #fff;
  --color-Orange-F06B25: #f06b25;
  --TABEL-ClientModule-BG-borderColor-size-bg-white: #fff;

  /* Font */
  --Form-FONTF-INTER: Inter;
  --Form-FONTF-INTER1: Inter;
  --Form-FONTF-INTER2: Inter;
  --Form-FONTF-INTER3: Inter;

  /* Common Style Variables */

  /* Color */
  --Accent-Red: #eb5252;
  --Blue-Dark: #124686;
  --Blue-Light: #1c6aca;
  --Blue-LightDark: #1758a8;
  --color-darkslateblue-100: rgba(21, 89, 166, 0.5);
  --color-gray-100: rgba(255, 255, 255, 0.1);
  --color-gray-200: rgba(255, 255, 255, 0.6);
  --Orange-Light: #fd700e;
  --Orange-LightDark: #fd6321;
  --Primary-Orange: #f06b21;
  --Secondary-Black: #000;
  --Secondary-DarkGray: #474747;
  --Secondary-DarkGray1: #474747;
  --Secondary-LightGray: #dbdbdb;
  --Secondary-VeryLightGray: #f9f9f9;
  --Secondary-White: #fff;
  --Secondary-White1: #fff;
  --Secondary-White2: #fff;
  --White: #fff;
  --color-cornflowerblue-100: #4291f0;
  --color-cornflowerblue-200: #3d80cf;
  --color-cornflowerblue-300: rgba(115, 162, 255, 0.1);
  --color-whitesmoke: #f9fafb;
  --Gray-Dark: #23282d;
  --Gray-LightDark: #96a7ba;
  --Primary-Gray: #828383;
  --Primary-Orange1: #f06b21;
  --Secondary-Black1: #000;
  --Secondary-LightGray1: #dbdbdb;

  /* Gap */
  --gap-0: 0px;
  --gap-5: 5px;
  --gap-8: 8px;
  --gap-10: 10px;
  --gap-11: 11px;
  --gap-15: 15px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-25: 25px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-50: 50px;
  --gap-14_5: 14.5px;

  /* Padding */
  --padding-0: 0px;
  --padding-5: 5px;
  --padding-8: 8px;
  --padding-10: 10px;
  --padding-13: 13px;
  --padding-14: 14px;
  --padding-15: 15px;
  --padding-20: 20px;
  --padding-23: 23px;
  --padding-24: 24px;
  --padding-25: 25px;
  --padding-28: 28px;
  --padding-29: 29px;
  --padding-30: 30px;
  --padding-45: 45px;
  --padding-60: 60px;
  --padding-70: 70px;
  --padding-100: 100px;
  --padding-105: 105px;

  /* BorderRadius */
  --br-0: 0px;
  --br-1: 1px;
  --br-3: 3px;
  --br-5: 5px;
  --br-8: 8px;
  --br-15: 15px;
  --br-25: 25px;

  /* Font */
  --font-inherit: inherit;

  /* FontSize */
  --fs-16: 16px;
  --fs-19: 19px;
  --fs-25: 25px;
  --fs-34: 34px;
  --fs-42: 42px;

  /* Borders */
  --border-1: 1px solid var(--Orange-LightDark);
  --border-2: 1px solid var(--Secondary-LightGray);
  --border-11: 5px solid var(--Blue-LightDark);
  --border-12: 1px solid var(--Secondary-LightGray);
  --border-21: 1px solid var(--color-gray-100);
  --border-22: 1px solid var(--Primary-Gray);;
   --border-23: 1px solid var(--color-Orange-F06B25);

  /* Shadows */
  --BTN-Gray: 0px 5px 10px rgba(219, 219, 219, 0.3);
  --BTN-Orange: 0px 5px 10px rgba(240, 107, 37, 0.2);
  --BTN-Orange1: 0px 5px 10px rgba(240, 107, 37, 0.2);

  /* Gradients */
  --gradient-1: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(253, 112, 14, 0.08) 39.83%,
    rgba(28, 106, 202, 0.12) 68.78%,
    rgba(255, 255, 255, 0.15)
  );
  --gradient-2: linear-gradient(
    90deg,
    #10b981,
    #14b8a6 40%,
    #f97316 85%,
    #e5e7eb 85%
  );
  --Gradient1: linear-gradient(
    90deg,
    var(--Blue-LightDark),
    var(--Orange-LightDark)
  );
  --Gradient2: linear-gradient(
    180deg,
    rgba(243, 107, 33, 0.05),
    rgba(28, 106, 202, 0.05)
  );

  /* WidthHeights */
  --height-10: 10px;
  --height-12: 12px;
  --height-15: 15px;
  --height-20: 20px;
  --height-30: 30px;
  --height-34: 34px;
  --height-64: 64px;
  --height-19_7: 19.7px;
  --min-w-131: 131px;
  --min-w-262: 262px;
  --width-5: 5px;
  --width-12: 12px;
  --width-20: 20px;
  --width-30: 30px;
  --width-34: 34px;
  --width-64: 64px;
  --width-1090: 1090px;
  --width-31_9: 31.9px;
  --height-40: 40px;
  --height-21_6: 21.6px;
  --height-auto: auto;
  --width-15: 15px;
  --width-40: 40px;
  --width-180: 180px;
  --width-1312: 1312px;
  --width-217_8: 217.8px;

  /* LineHeights */
  --lh-23: 23px;
  --lh-23: 23px;
  --lh-28: 28px;
  --lh-normal: normal;
  /* LetterSpacings */
  --ls-normal: normal;
  --Drop-Shadow-BLACK: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.04));
}