:root {
  --primary-color: #0d6efd;
  --primary-color-1: #009dd7;
  --white-color: #ffffff;
  --secondary-color: #6c757d;
  --success-color: #198754;
  --green-color: #54b948;
  --green-color-1: #4bb45b;
  --danger-color: #dc3545;
  --warning-color: #ffc107;
  --custom-color: #ff5722;
  --white: #ffffff;
  --black: #000000;
  --primary-orange-1: #fff2eb;
  --primary-orange-2: #ffc260;
  --primary-orange-3: #fbaf34;
  --primary-orange-4: #fff7eb;
  --primary-orange-5: #fff6ea;
  --primary-orange-6: #f26531;
  --primary-orange-7: #fef7f5;
  --primary-black-1: #232338;
  --yellow-color-2: #fff6cf;
  --gray-color: #d9d9d9;
  --gray-color-1: #8894aa;

  /* FONT-SIZE */
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-15: 15px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-32: 32px;

  /* CONTAINER */

  --container-max: 1200px;

  /* PADDING LEFT RIGHT MOBILE */
  ---padding-left-right: 15px;
}