/* import the JOST font family using url */
/* use font-wight from 100-to-900 based on requirement  */
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");

* {
  font-family: "Jost", sans-serif;
  color: #000;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
:root {
  --JH_secondary_color: #02282e;
  --JH_primary_color: #eb560c;
  --JH_primary_grey: #f7f0bb;
  --JH_primary_light: #f8a426;
  --JH_secondary_light: #7ea934;
  --JH_secondary_light_25pr: rgba(126, 169, 52, 0.25);
  --JH_secondary_70per: rgba(2, 40, 46, 0.7);
  --padding-small: 4px;
  --padding-medium: 8px;
  --padding-large: 16px;
}
body {
  background-color: var(--JH_primary_grey);
  overflow-x: hidden;
}

.container-wrapper {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: white;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
}
.toast-container {
  position: fixed;
  top: 10px;
  right: 20px;
  z-index: 1000;
}

.toast {
  background-color: var(--JH_primary_color);
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  display: none;
}