:root {
  --primary: #2d5288;
  --primary-hover: #234268;
  --primary-light: #addfe8;
  --secondary: #addfe8;
  --yellow: #e8a33d;
  --gray-text: #666;
  --gray-50: #f8f9fa;
  --gray-700: #495057;
  --bs-white: #ffffff;
  --navy-dark: #234268;
  --navy: #2d5388;
  --black-text: #000;
  --red:#ed3e3e;
  --orange: #ffc720;
  --bs-success: #198754;
  --bs-success-bg-subtle: #d1e7dd;

  --radius: 20px;
      --green: #198754;
    --green-light: #93cfa3;
    --green-lighter: #e5f1df;
     /* for heading */
     --font-heading: 'Nutito-Bold', sans-serif;
     /* for button and link */
     --font-button: 'Nutito-SemiBold', sans-serif; 
     /* for body */
     --font-body: 'Nutito-Regular', sans-serif;
}