@font-face {
  font-family: GraphikMD;
  src: url("../fonts/Graphik-Fonts/GraphikMedium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url("../fonts/Graphik-Fonts/GraphikRegular.ttf") format("truetype");
  font-weight: 400;
	font-display: swap;
}

@font-face {
  font-family: GraphikSB;
  src: url("../fonts/Graphik-Fonts/GraphikSemibold.ttf") format("truetype");
  font-weight: 600;
	font-display: swap;
}

@font-face {
  font-family: GraphikB;
  src: url("../fonts/Graphik-Fonts/GraphikBold.ttf") format("truetype");
  font-weight: 700;
	font-display: swap;
}

:root {
  --fontGraphikMD: GraphikMD;
  --fontGraphik: Graphik;
  --fontGraphikSB: GraphikSB;
  --fontGraphikB: GraphikB;
  --primarycolor: #fdb414;
  --headingcolor: #3c3c3c;
  --descriptioncolor: #4a4a4a;
  --tertiarycolor: #f7f6f4;
  --normalcolor: #292929;
  --whitecolor: #fff;
  --bordercolor: #e0e0e0;
  --searchbarcolor: #67686b;
  --blackcolor: #000;
  --smallheadingcolor: #777777;
  --testimonialBG: #282828;
  --contactFormBG: #eff0f4;
  --catalogueBgOne: #f6f6f6;
  --catalogueBgTwo: #051d27;
  --formBtnHover: #22ab40;
  --prestoBgColor: #8a97a2;
  --mapBG: #101122;
  --formBG: #f7f6f4;
  --downloadWhitepaperText: #4b4747;
  --impactBG: #009fe3;
  --testimonialAboutBG: #409ed1;
  --achievementBG: rgba(253, 180, 20, 0.6);
  --blogDateColor: #636363;
  --followcolor: #2218b7;
}