/*
=================================================================
FONT FAMILY
=================================================================
*/

.poppins {
  font-family: "Poppins", sans-serif;
}

.open-sans {
  font-family: "Open Sans", sans-serif;
}

/*
=================================================================
FONT WEIGHT
=================================================================
*/

.font-lighter {
  font-weight: lighter;
}

.font-normal {
  font-weight: normal;
}

.font-bold {
  font-weight: bold;
}

.font-bolder {
  font-weight: bolder;
}

/*
=================================================================
TEXT TRANSFORM
=================================================================
*/

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

/*
=================================================================
TEXT COLOR
=================================================================
*/

.text-orange {
  color: #ff5c00;
}

.text-white {
  color: #fff;
}

.text-yellow {
  color: #ffa800;
}

.text-blue-light {
  color: #aadaff;
}

.text-blue {
  color: #076dbc;
}

.text-blue-dark {
  color: #002948;
}

.text-grey {
  color: #f5f5f5;
}

/*
=================================================================
BACKGROUND COLOR
=================================================================
*/

.bg-orange {
  background-color: #ff5c00;
}

.bg-white {
  background-color: #fff;
}

.bg-yellow {
  background-color: #ffa800;
}

.bg-blue-light {
  background-color: #aadaff;
}

.bg-blue {
  background-color: #076dbc;
}

.bg-blue-dark {
  background-color: #002948;
}

.bg-grey {
  background-color: #f5f5f5;
}

/*
=================================================================
WRAP
=================================================================
*/

.wrap {
  width: 100%;
  margin: auto;
  max-width: 1200px;
  position: relative;
}