@import "https://fonts.googleapis.com/css2?family=Lato&display=swap";
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

:root {
  --primary-200: #23388E; /* theme color */
  --primary-light-blue: #ABDBF9;
  --primary-200a: #15734E1a;
  --primary-200b: #15734e33;
  --primary-200b: #15734E38;
  --primary-300a: #18A26C05;
  --white: #ffffff;
  --black: #000;
  --grey: #efefef80;
  --grey-200: #525252;
  --grey-900: #f7f7f7;
  --dark-100: #171717;
  --dark-200: #1F1F1F;
  --dark-300: #2E384D;
  --dark-400: #707070;
  --dark-500: #B0BAC9;
  --dark-600: #EDEDED;
  --dark-700: #F1F1F1;
  --dark-800: #F4F6FC;
  --dark-900: #F8F8F8;
  --brown: #802126;
  --red: #452525;
  --red-200: #C93535;
  --dark-100a: #00000017;
  --dark-200a: #A01C3E0A;
  --dark-300a: #2E384DC2;
  --box-shadow-1: #00000029;
  --warning-100: #F6B819;
  --warning-200: #F78829;
  --warning-300: #F87403;
  --warning-300a: #F8740305;
  --warning-100a: #F6B81905;
  --danger-100: #FF0000;
  --danger-100a: #FF000005;
  --danger-200: #C93535;
  --danger-300: #FDEFEF;
  --reject-100: #FFA6A6;
  --primary-300o22: rgba(44, 201, 139, 0.22);
  --cl-green: #13734e;
}

* {
  padding: 0;
  margin: 0;
}

:root.blue {
  --primary: #00ff;
}

.btn-primaryaaaa {
  background-color: var(--primary);
}