/* global color variables */
:root {
  --primary: #0267c1;
  --white: #ffffff;
  --bg-cl-1: #ffffff;
  --bg-cl-2: #f7f8fa;
  --section-bg-color-1: #ffffff;
  --section-bg-color-2: #f7f8fa;
  --section-font-color-1: #393c3e;
  --section-font-color-2: #71787e;
}

::-moz-selection {
  color: white !important;
  background: var(--primary) !important;
}
::selection {
  color: white !important;
  background: var(--primary) !important;
}

/* font types */
.poppins-100 {
  font-family: "Poppins", serif;
  font-weight: 100;
  font-style: normal;
}
.poppins-200 {
  font-family: "Poppins", serif;
  font-weight: 200;
  font-style: normal;
}
.poppins-300 {
  font-family: "Poppins", serif;
  font-weight: 300;
  font-style: normal;
}
.poppins-400 {
  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
}
.poppins-500 {
  font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
}
.poppins-600 {
  font-family: "Poppins", serif;
  font-weight: 600;
  font-style: normal;
}
.poppins-700 {
  font-family: "Poppins", serif;
  font-weight: 700;
  font-style: normal;
}


.nunito-200 {
  font-family: "Nunito", serif;
  font-weight: 200;
  font-style: normal;
}
.nunito-300 {
  font-family: "Nunito", serif;
  font-weight: 300;
  font-style: normal;
}
.nunito-400 {
  font-family: "Nunito", serif;
  font-weight: 400;
  font-style: normal;
}
.nunito-500 {
  font-family: "Nunito", serif;
  font-weight: 500;
  font-style: normal;
}
.nunito-600 {
  font-family: "Nunito", serif;
  font-weight: 600;
  font-style: normal;
}
.nunito-700 {
  font-family: "Nunito", serif;
  font-weight: 700;
  font-style: normal;
}


.roboto-300 {
  font-family: "Roboto", serif;
  font-weight: 300;
  font-style: normal;
}
.roboto-400 {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-style: normal;
}
.roboto-500 {
  font-family: "Roboto", serif;
  font-weight: 500;
  font-style: normal;
}
.roboto-700 {
  font-family: "Roboto", serif;
  font-weight: 700;
  font-style: normal;
}


.sans-300 {
  font-family:  serif;
  font-weight: 300;
  font-style: normal;
}
.sans-400 {
  font-family: serif;
  font-weight: 400;
  font-style: normal;
}
.sans-500 {
  font-family: serif;
  font-weight: 500;
  font-style: normal;
}
.sans-700 {
  font-family: serif;
  font-weight: 700;
  font-style: normal;
}