/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.container {
  max-width: 1310px; }
  @media only screen and (max-width: 1500px) {
    .container {
      max-width: 100%; } }

.stats-container {
  background: #E5F7FA;
  width: 100%;
  padding: 30px 0;
  padding-top: 0; }
  @media only screen and (max-width: 767px) {
    .stats-container {
      padding: 20px 0;
      padding-top: 0; } }

.stats-inner {
  width: 100%;
  padding: 42px 0 20px 0; }
  @media only screen and (max-width: 767px) {
    .stats-inner {
      padding: 20px 0 0 0; } }

@media only screen and (max-width: 767px) {
  .stats-measure {
    margin-bottom: 35px; } }

.stats-measure em {
  font-size: 16px;
  font-style: normal;
  color: #031E2F;
  line-height: 1;
  margin-bottom: 10px;
  display: block;
  min-height: 16px; }
  @media only screen and (max-width: 1023px) {
    .stats-measure em {
      font-size: 12px; } }
  @media only screen and (max-width: 375px) {
    .stats-measure em {
      font-size: 10px; } }

.stats-measure h4 {
  font-weight: 700;
  letter-spacing: -.36px;
  font-size: 56px;
  margin-bottom: 10px;
  line-height: 1;
  color: #00afca; }
  @media only screen and (max-width: 1200px) {
    .stats-measure h4 {
      font-size: 50px; } }
  @media only screen and (max-width: 1023px) {
    .stats-measure h4 {
      font-size: 40px; } }
  @media only screen and (max-width: 991px) {
    .stats-measure h4 {
      font-size: 32px; } }
  @media only screen and (max-width: 375px) {
    .stats-measure h4 {
      font-size: 22px; } }

.stats-measure p {
  margin-bottom: 0;
  font-size: 20px;
  color: #4F616D; }
  @media only screen and (max-width: 1023px) {
    .stats-measure p {
      font-size: 16px; } }
  @media only screen and (max-width: 375px) {
    .stats-measure p {
      font-size: 9px; } }