/* Figma Styles of your File */
:root {
  /* Colors */
  --blue-100: #cde9fd;
  --blue-200: #9dcffb;
  --blue-100: #cde9fd;
  --blue-200: #9dcffb;
  --blue-300: #6aaef3;
  --blue-400: #458ee7;
  --blue-500: #0e61d7;
  --blue-600: #0a4bb8;
  --blue-700: #07379a;
  --blue-800: #04267c;
  --blue-900: #021b67;
  --transparent-blue-malay: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(38, 73, 170, 1) 100%
  );
  --transparent-blue-48: rgba(14, 97, 215, 0.48);
  --transparent-blue-40: rgba(14, 97, 215, 0.4);
  --transparent-blue-32: rgba(14, 97, 215, 0.32);
  --transparent-blue-24: rgba(14, 97, 215, 0.24);
  --transparent-blue-16: rgba(14, 97, 215, 0.16);
  --transparent-blue-8: rgba(14, 97, 215, 0.08);
  --transparent-orange-48: rgba(227, 74, 19, 0.48);
  --transparent-orange-40: rgba(227, 74, 19, 0.4);
  --transparent-orange-32: rgba(227, 74, 19, 0.32);
  --transparent-orange-24: rgba(227, 74, 19, 0.24);
  --transparent-orange-16: rgba(227, 74, 19, 0.16);
  --transparent-orange-8: rgba(227, 74, 19, 0.08);
  --transparent-green-8: rgba(161, 221, 70, 0.08);
  --transparent-green-16: rgba(161, 221, 70, 0.16);
  --transparent-green-24: rgba(161, 221, 70, 0.24);
  --transparent-green-32: rgba(161, 221, 70, 0.32);
  --transparent-green-40: rgba(161, 221, 70, 0.4);
  --transparent-green-48: rgba(161, 221, 70, 0.48);
  --transparent-danger-8: rgba(255, 84, 92, 0.08);
  --transparent-danger-16: rgba(255, 84, 92, 0.16);
  --transparent-danger-24: rgba(255, 84, 92, 0.24);
  --transparent-danger-32: rgba(255, 84, 92, 0.32);
  --transparent-danger-40: rgba(255, 84, 92, 0.4);
  --transparent-danger-48: rgba(255, 84, 92, 0.48);
  --transparent-blue-malay-48: rgba(38, 73, 170, 0.48);
  --transparent-blue-malay-40: rgba(38, 73, 170, 0.4);
  --transparent-blue-malay-32: rgba(38, 73, 170, 0.32);
  --transparent-blue-malay-24: rgba(38, 73, 170, 0.24);
  --transparent-blue-malay-16: rgba(38, 73, 170, 0.16);
  --transparent-blue-malay-8: rgba(38, 73, 170, 0.08);
  --transparent-purple-48: rgba(55, 23, 99, 0.48);
  --transparent-purple-40: rgba(55, 23, 99, 0.4);
  --transparent-purple-32: rgba(55, 23, 99, 0.32);
  --transparent-purple-24: rgba(55, 23, 99, 0.24);
  --transparent-purple-16: rgba(55, 23, 99, 0.16);
  --transparent-purple-8: rgba(55, 23, 99, 0.08);
  --transparent-blue-taiwan-48: rgba(63, 166, 214, 0.48);
  --transparent-blue-taiwan-40: rgba(63, 166, 214, 0.4);
  --transparent-blue-taiwan-32: rgba(63, 166, 214, 0.32);
  --transparent-blue-taiwan-24: rgba(63, 166, 214, 0.24);
  --transparent-blue-taiwan-16: rgba(63, 166, 214, 0.16);
  --transparent-blue-taiwan-8: rgba(63, 166, 214, 0.08);
  --transparent-pink-48: rgba(223, 87, 189, 0.48);
  --transparent-pink-40: rgba(223, 87, 189, 0.4);
  --transparent-pink-32: rgba(223, 87, 189, 0.32);
  --transparent-pink-24: rgba(223, 87, 189, 0.24);
  --transparent-pink-16: rgba(223, 87, 189, 0.16);
  --transparent-pink-8: rgba(223, 87, 189, 0.08);
  --transparent-purplev2-48: rgba(114, 55, 251, 0.48);
  --transparent-purplev2-40: rgba(114, 55, 251, 0.4);
  --transparent-purplev2-32: rgba(114, 55, 251, 0.32);
  --transparent-purplev2-24: rgba(114, 55, 251, 0.24);
  --transparent-purplev2-16: rgba(114, 55, 251, 0.16);
  --transparent-purplev2-8: rgba(114, 55, 251, 0.08);
  --orange-100: #fde8cf;
  --orange-200: #fccb9f;
  --orange-300: #f6a56f;
  --orange-400: #ee814a;
  --orange-500: #e34a13;
  --orange-600: #c3310d;
  --orange-700: #a31c09;
  --orange-800: #830d06;
  --orange-900: #6c0305;
  --main-color-blue: #0e61d7;
  --main-color-organe: #e34a13;
  --neutral-color-100: #000000;
  --neutral-color-85: rgba(0, 0, 0, 0.85);
  --neutral-color-65: rgba(0, 0, 0, 0.65);
  --neutral-color-45: rgba(0, 0, 0, 0.45);
  --neutral-color-25: rgba(0, 0, 0, 0.25);
  --neutral-color-15: rgba(0, 0, 0, 0.15);
  --neutral-color-6: rgba(0, 0, 0, 0.06);
  --neutral-color-4: rgba(0, 0, 0, 0.04);
  --neutral-color-2: rgba(0, 0, 0, 0.02);
  --success-100: #f5fdda;
  --success-200: #e8fbb6;
  --success-300: #d5f490;
  --success-400: #bfea72;
  --success-500: #a1dd46;
  --success-600: #81be33;
  --success-700: #639f23;
  --success-800: #498016;
  --success-900: #366a0d;
  --info-100: #d9f9ff;
  --info-200: #b4efff;
  --info-300: #8ee1ff;
  --info-400: #72d1ff;
  --info-500: #44b7ff;
  --info-600: #318fdb;
  --info-700: #226cb7;
  --info-800: #154c93;
  --info-900: #0d367a;
  --transparen-info-8: rgba(68, 183, 255, 0.08);
  --transparen-info-16: rgba(68, 183, 255, 0.16);
  --transparen-info-24: rgba(68, 183, 255, 0.24);
  --transparen-info-32: rgba(68, 183, 255, 0.32);
  --transparen-info-40: rgba(68, 183, 255, 0.4);
  --transparen-info-48: rgba(68, 183, 255, 0.48);
  --transparen-warning-8: #ffaa00;
  --transparen-warning-16: #ffaa00;
  --transparen-warning-24: #ffaa00;
  --transparen-warning-32: #ffaa00;
  --transparen-warning-40: #ffaa00;
  --transparen-warning-48: #ffaa00;
  --warning-100: #fffad7;
  --warning-200: #fff4af;
  --warning-300: #ffed87;
  --warning-400: #ffe669;
  --warning-500: #ffda38;
  --warning-600: #dbb628;
  --warning-700: #b7941c;
  --warning-800: #937411;
  --warning-900: #7a5d0a;
  --danger-100: #ffe7dc;
  --danger-200: #ffc9ba;
  --danger-300: #ffa598;
  --danger-400: #ff847e;
  --danger-500: #ff545c;
  --danger-600: #db3d52;
  --danger-700: #b72a4a;
  --danger-800: #931a40;
  --danger-900: #7a103a;
  --gradient-blue900: linear-gradient(
    0deg,
    rgba(2, 27, 103, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  --gradient-blue900: linear-gradient(
    0deg,
    rgba(2, 27, 103, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  --gradient-blue500: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(14, 97, 215, 1) 100%
  );
  --gradient-primary: linear-gradient(
    0deg,
    rgba(2, 27, 103, 1) 0%,
    rgba(2, 27, 103, 0) 100%
  );
  --gradient-purple: linear-gradient(
    0deg,
    rgba(55, 23, 99, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  --gradient-green-p: linear-gradient(
    0deg,
    rgba(15, 90, 94, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  --blue-malay-900: #00247d;
  --blue-malay-800: #0f3692;
  --blue-malay-700: #1b3f9e;
  --blue-malay-p600: #2649aa;
  --blue-malay-500: #2d51b4;
  --blue-malay-400: #516bbf;
  --blue-malay-300: #7185ca;
  --blue-malay-200: #9aa7d9;
  --blue-malay-100: #c2cae8;
  --red-malya-900: #ad2323;
  --red-malya-800: #bd2c2d;
  --red-malya-700: #ca3234;
  --red-malya-600: #dc3c3a;
  --red-malya-p500: #eb453c;
  --red-malya-400: #e75454;
  --red-malya-300: #dd7375;
  --red-malya-200: #e99a9b;
  --red-malya-100: #fbcdd2;
  --yellow-malay-900: #f38100;
  --yellow-malay-p-800: #f5aa14;
  --yellow-malay-700: #f6c220;
  --yellow-malay-600: #f7da2b;
  --yellow-malay-500: #f2e92d;
  --yellow-malay-400: #f5ee51;
  --yellow-malay-300: #f8f272;
  --yellow-malay-200: #fbf69b;
  --yellow-malay-100: #fcfac3;
  --purple-p900: #371763;
  --purple-800: #511f75;
  --purple-700: #60237f;
  --purple-600: #712988;
  --purple-500: #7d2d8e;
  --purple-400: #8f479e;
  --purple-300: #a264ae;
  --purple-200: #bc8fc6;
  --purple-100: #d6bbdc;
  --blue-taiwan-900: #22567f;
  --blue-taiwan-800: #2c75a1;
  --blue-taiwan-700: #3086b5;
  --blue-taiwan-600: #3899c8;
  --blue-taiwan-p-500: #3fa6d6;
  --blue-taiwan-400: #4eb3db;
  --blue-taiwan-300: #64c0e0;
  --blue-taiwan-200: #8ad2e9;
  --blue-taiwan-100: #b6e4f2;
  --pink-900: #7a0087;
  --pink-800: #980091;
  --pink-700: #a80097;
  --pink-600: #bb009d;
  --pink-500: #c900a1;
  --pink-400: #d61faf;
  --pink-300: #df57bd;
  --pink-200: #ea8bd0;
  --pink-100: #f2bbe2;
  --org-900: #bf2a1b;
  --org-800: #d83724;
  --org-700: #e63e28;
  --org-600: #f4452d;
  --org-500: #ff4b31;
  --org-p-400: #ff684d;
  --org-300: #fe846c;
  --org-200: #fea795;
  --org-100: #fecabe;
  --purplev2-900: #0010df;
  --purplev2-800: #3d22e6;
  --purplev2-700: #5229eb;
  --purplev2-600: #6532f4;
  --purplev2-p-500: #7237fb;
  --purplev2-400: #8b59fd;
  --purplev2-300: #a379fe;
  --purplev2-200: #bfa2fe;
  --purplev2-100: #d9c7fd;
  --orgv2-900: #af2a18;
  --orgv2-800: #c83721;
  --orgv2-700: #d63d24;
  --orgv2-600: #e44329;
  --orgv2-500: #ee492d;
  --orgv2-400: #f06549;
  --orgv2-300: #f28168;
  --orgv2-200: #f5a492;
  --orgv2-100: #f9c8bc;

  /* Fonts */
  --regular-14px-font-family: -, sans-serif;
  --regular-14px-font-size: 14px;
  --regular-14px-line-height: 140%;
  --regular-14px-font-weight: 400;
  --regular-14px-font-style: normal;
  --regular-12px-font-family: -, sans-serif;
  --regular-12px-font-size: 12px;
  --regular-12px-line-height: 140%;
  --regular-12px-font-weight: 400;
  --regular-12px-font-style: normal;
  --regular-16px-font-family: -, sans-serif;
  --regular-16px-font-size: 16px;
  --regular-16px-line-height: 140%;
  --regular-16px-font-weight: 400;
  --regular-16px-font-style: normal;
  --regular-20px-font-family: -, sans-serif;
  --regular-20px-font-size: 20px;
  --regular-20px-line-height: 140%;
  --regular-20px-font-weight: 400;
  --regular-20px-font-style: normal;
  --regular-24px-font-family: -, sans-serif;
  --regular-24px-font-size: 24px;
  --regular-24px-line-height: 140%;
  --regular-24px-font-weight: 400;
  --regular-24px-font-style: normal;
  --regular-30px-font-family: -, sans-serif;
  --regular-30px-font-size: 30px;
  --regular-30px-line-height: 140%;
  --regular-30px-font-weight: 400;
  --regular-30px-font-style: normal;
  --regular-38px-font-family: -, sans-serif;
  --regular-38px-font-size: 38px;
  --regular-38px-line-height: 140%;
  --regular-38px-font-weight: 400;
  --regular-38px-font-style: normal;
  --regular-46px-font-family: -, sans-serif;
  --regular-46px-font-size: 46px;
  --regular-46px-line-height: 140%;
  --regular-46px-font-weight: 400;
  --regular-46px-font-style: normal;
  --regular-56px-font-family: -, sans-serif;
  --regular-56px-font-size: 56px;
  --regular-56px-line-height: 140%;
  --regular-56px-font-weight: 400;
  --regular-56px-font-style: normal;
  --regular-68px-font-family: -, sans-serif;
  --regular-68px-font-size: 68px;
  --regular-68px-line-height: 140%;
  --regular-68px-font-weight: 400;
  --regular-68px-font-style: normal;
  --medium-12px-font-family: -, sans-serif;
  --medium-12px-font-size: 12px;
  --medium-12px-line-height: 140%;
  --medium-12px-font-weight: 400;
  --medium-12px-font-style: normal;
  --medium-14px-font-family: -, sans-serif;
  --medium-14px-font-size: 14px;
  --medium-14px-line-height: 140%;
  --medium-14px-font-weight: 400;
  --medium-14px-font-style: normal;
  --medium-16px-font-family: -, sans-serif;
  --medium-16px-font-size: 16px;
  --medium-16px-line-height: 140%;
  --medium-16px-font-weight: 400;
  --medium-16px-font-style: normal;
  --medium-20px-font-family: -, sans-serif;
  --medium-20px-font-size: 20px;
  --medium-20px-line-height: 140%;
  --medium-20px-font-weight: 400;
  --medium-20px-font-style: normal;
  --medium-24px-font-family: -, sans-serif;
  --medium-24px-font-size: 24px;
  --medium-24px-line-height: 140%;
  --medium-24px-font-weight: 400;
  --medium-24px-font-style: normal;
  --medium-30px-font-family: -, sans-serif;
  --medium-30px-font-size: 30px;
  --medium-30px-line-height: 140%;
  --medium-30px-font-weight: 400;
  --medium-30px-font-style: normal;
  --medium-38px-font-family: -, sans-serif;
  --medium-38px-font-size: 38px;
  --medium-38px-line-height: 140%;
  --medium-38px-font-weight: 400;
  --medium-38px-font-style: normal;
  --medium-46px-font-family: -, sans-serif;
  --medium-46px-font-size: 46px;
  --medium-46px-line-height: 140%;
  --medium-46px-font-weight: 400;
  --medium-46px-font-style: normal;
  --medium-56px-font-family: -, sans-serif;
  --medium-56px-font-size: 56px;
  --medium-56px-line-height: 140%;
  --medium-56px-font-weight: 400;
  --medium-56px-font-style: normal;
  --medium-68px-font-family: -, sans-serif;
  --medium-68px-font-size: 68px;
  --medium-68px-line-height: 140%;
  --medium-68px-font-weight: 400;
  --medium-68px-font-style: normal;

  /* Effects */
  --dropshadow-15-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
  --dropshadow-xy0-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
/* Figma Color Variables of your File */