:root { 
  --black: #000000;
  --cgiar-black: #222222;
  --cgiar-blue: #0277bd;
  --cgiar-dark-blue: #2a79a8;
  --cgiar-dark-orange: #eb5b47;
  --cgiar-green: #079048;
  --cgiar-green-yellow: #6db62f;
  --cgiar-grey: #a6a6a6;
  --cgiar-navy-blue: #39546a;
  --cgiar-orange: #f06944;
  --cgiar-white: #ffffff;
  --cgiar-yellow: #f4bb20;
  --mine-shaft: #323232;
 
  --font-size-28px: 28px;
  --font-size-70px: 70px;
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 13px;
  --font-size-xl: 22px;
  --font-size-xs: 12px;
  --font-size-xxl: 40px;
  --font-size-xxxl: 80px;
 
  --font-family-Poppins: "Poppins", Helvetica;
  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-open_sans: "Open Sans", Helvetica;
}
.heading-1 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -2.8px;
}

.heading-3 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1.4px;
}

.heading-2 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-70px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -2.45px;
}

.blog-title {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.33px;
}

.heading-4 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-28px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.98px;
}

.opensans-normal-white-16px {
  color: var(--cgiar-white);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.montserrat-bold-white-18px {
  color: var(--cgiar-white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.montserrat-semi-bold-white-13px {
  color: var(--cgiar-white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.opensans-bold-white-16px {
  color: var(--cgiar-white);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.montserrat-semi-bold-log-cabin-16px {
  color: var(--cgiar-black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.montserrat-semi-bold-white-12px {
  color: var(--cgiar-white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

.montserrat-semi-bold-mine-shaft-13px {
  color: var(--mine-shaft);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.montserrat-bold-white-80px {
  color: var(--cgiar-white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.opensans-normal-log-cabin-16px {
  color: var(--cgiar-black);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-log-cabin-16px {
  color: var(--cgiar-black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}