@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap");

:root {
  --color1: #194e83;
  --color2: #82b741;
  --alter1: #2c3e51;
  --alter2: #6590ba;
  --reds: #f14947;
  --greens: #27ae60;
  --yellows: #f9b53f;
  --shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  --f7-tabbar-link-inactive-color: #bdbdbd;
  --f7-input-placeholder-color: #979797;
  --f7-checkbox-active-color: #27ae60 !important;
  --f7-list-chevron-icon-color: #fff;
}

.font-poppins-regular {
  font-weight: 400 !important;
  font-family: "Poppins", sans-serif;
}

.font-poppins-medium {
  font-weight: 500 !important;
  font-family: "Poppins", sans-serif;
}

.font-poppins-semi {
  font-weight: 600 !important;
  font-family: "Poppins", sans-serif;
}

.font-poppins-bold {
  font-weight: 700 !important;
  font-family: "Poppins", sans-serif;
}

.font-inter-regular {
  font-weight: 400 !important;
  font-family: "Inter", sans-serif;
}

.font-inter-medium {
  font-weight: 500 !important;
  font-family: "Inter", sans-serif;
}

.font-inter-semi {
  font-weight: 600 !important;
  font-family: "Inter", sans-serif;
}

.font-inter-bold {
  font-weight: 700 !important;
  font-family: "Inter", sans-serif;
}

.color-greens {
  color: var(--greens) !important;
}

.color-reds {
  color: var(--reds) !important;
}

.color-yellows {
  color: var(--yellows) !important;
}

.color1 {
  color: var(--color1) !important;
}

.bg-color1 {
  background-color: var(--color1) !important;
  transition: 0.8s all;
  transition-delay: 0.1s;
}

.color2 {
  color: var(--color2) !important;
}

.bg-color2 {
  background-color: var(--color2) !important;
  transition: 0.8s all;
  transition-delay: 0.1s;
}

.color-alter1 {
  color: var(--alter1) !important;
}

.bg-color-alter1 {
  background-color: var(--alter1) !important;
  transition: 0.8s all;
  transition-delay: 0.1s;
}
.color-alter2 {
  color: var(--alter2) !important;
}

.bg-color-alter2 {
  background-color: var(--alter2) !important;
}

.bg-color-default {
  background-color: #fff !important;
  transition: 0.8s all;
  transition-delay: 0.1s;
}

.bg-color3 {
  background-color: #fff !important;
  transition: 0.8s all;
  transition-delay: 0.1s;
}

.bg-shadow {
  box-shadow: var(--shadow) !important;
}