@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400&display=swap");
@-webkit-keyframes fadeIn1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20rem);
            transform: translateY(20rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}
@keyframes fadeIn1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20rem);
            transform: translateY(20rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}
@-webkit-keyframes fadeIn2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20rem);
            transform: translateY(20rem);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(20rem);
            transform: translateY(20rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}
@keyframes fadeIn2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20rem);
            transform: translateY(20rem);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(20rem);
            transform: translateY(20rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}
html {
  font-size: 1px;
}

/* auto scale down elements on mobile */
@media (max-width: 580px) {
  html {
    font-size: 1px;
  }
}

/* auto scale up elements on large displays */
@media (min-width: 2560px) {
  html {
    font-size: 1px;
  }
}

section.u4m-animated-stats {
  margin-top: 100rem;
  margin-bottom: 100rem;
}
section.u4m-animated-stats.reverse-text {
  color: #fff;
}
section.u4m-animated-stats .heading {
  font-family: "Roboto", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 36rem;
  font-weight: 700;
  letter-spacing: 0.25rem;
  margin-bottom: 10rem;
  line-height: 1.2;
}
section.u4m-animated-stats .heading strong {
  font-weight: 700;
  -webkit-box-shadow: inset 0 -0.3em #cce3f3;
          box-shadow: inset 0 -0.3em #cce3f3;
}
@supports ((-webkit-text-decoration-skip-ink: none) or (text-decoration-skip-ink: none)) {
  section.u4m-animated-stats .heading strong {
    -webkit-box-shadow: none;
            box-shadow: none;
    text-decoration: underline;
    -webkit-text-decoration-color: #cce3f3;
            text-decoration-color: #cce3f3;
    text-decoration-thickness: 0.3em;
    text-underline-offset: -0.3em;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
  }
}
@media (max-width: 580px) {
  section.u4m-animated-stats .heading {
    font-size: 26rem;
    margin-bottom: 20rem;
  }
}
section.u4m-animated-stats .url a,
section.u4m-animated-stats .cta a {
  display: inline-block;
  font-family: "Roboto", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  color: #fff;
  background-color: #25AB25;
  border: 0;
  border-radius: 50rem;
  padding: 15rem 40rem 15rem 40rem;
  margin: 20rem 0;
  font-weight: 500;
  font-size: 16rem;
  line-height: 1.2;
  letter-spacing: 0.25rem;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, transform 0.2s ease-in-out;
  transition: box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, transform 0.2s ease-in-out, -webkit-box-shadow 0.1s ease-in-out, -webkit-transform 0.2s ease-in-out;
  margin-right: 20rem;
}
section.u4m-animated-stats .url a:hover, section.u4m-animated-stats .url a:focus,
section.u4m-animated-stats .cta a:hover,
section.u4m-animated-stats .cta a:focus {
  background-color: #236A9B;
  color: #fff;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.07), 2px 2px 4px rgba(0, 0, 0, 0.07), 4px 4px 8px rgba(0, 0, 0, 0.07), 8px 8px 16px rgba(0, 0, 0, 0.07);
          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.07), 2px 2px 4px rgba(0, 0, 0, 0.07), 4px 4px 8px rgba(0, 0, 0, 0.07), 8px 8px 16px rgba(0, 0, 0, 0.07);
  -webkit-transform: translate(-1px, -1px);
          transform: translate(-1px, -1px);
}
section.u4m-animated-stats .url a:active,
section.u4m-animated-stats .cta a:active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
section.u4m-animated-stats .secondary-url a,
section.u4m-animated-stats .secondary-cta a {
  font-weight: 500;
  margin: 20rem 0;
  cursor: pointer;
  color: #272934;
}
section.u4m-animated-stats .secondary-url a:after,
section.u4m-animated-stats .secondary-cta a:after {
  display: inline-block;
  content: "";
  font-family: "Font Awesome 5 Pro";
  margin-left: 5rem;
  width: 9rem;
  height: 7rem;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
section.u4m-animated-stats .secondary-url a:hover,
section.u4m-animated-stats .secondary-cta a:hover {
  color: #25AB25;
}
section.u4m-animated-stats .secondary-url a:hover:after,
section.u4m-animated-stats .secondary-cta a:hover:after {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
section.u4m-animated-stats div.inner {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
section.u4m-animated-stats div.inner > * {
  width: 50%;
}
@media (max-width: 1024px) {
  section.u4m-animated-stats div.inner > * {
    width: 100%;
  }
}
section.u4m-animated-stats div.copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.u4m-animated-stats div.copy-inner {
  max-width: 400rem;
  padding: 20rem;
}
@media (max-width: 1024px) {
  section.u4m-animated-stats div.copy-inner {
    max-width: 600rem;
  }
}
section.u4m-animated-stats .statistics-wrapper {
  background: #236A9B;
  background: url("https://f.hubspotusercontent10.net/hubfs/8844268/2021%20Elements/toppgraphy-bg.svg"), -webkit-gradient(linear, left top, right top, from(#0063c5), color-stop(70%, #1889cb), to(#0096d7));
  background: url("https://f.hubspotusercontent10.net/hubfs/8844268/2021%20Elements/toppgraphy-bg.svg"), linear-gradient(90deg, #0063c5 0%, #1889cb 70%, #0096d7 100%);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (max-width: 1024px) {
  section.u4m-animated-stats .statistics-wrapper {
    background: none;
  }
}
section.u4m-animated-stats .statistics-wrapper .overlay {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
section.u4m-animated-stats div.statistics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40rem;
  padding: 60rem 20rem;
  max-width: 600rem;
  -webkit-transform: translateX(-60rem);
          transform: translateX(-60rem);
}
@media (max-width: 1024px) {
  section.u4m-animated-stats div.statistics {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    grid-template-columns: 1fr;
    margin: 0 auto;
  }
}
section.u4m-animated-stats div.statistics div.statistics__item {
  text-align: center;
  padding: 20rem;
  background: #fff;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.07), 2px 2px 4px rgba(0, 0, 0, 0.07), 4px 4px 8px rgba(0, 0, 0, 0.07), 8px 8px 16px rgba(0, 0, 0, 0.07), 16px 16px 32px rgba(0, 0, 0, 0.07), 32px 32px 64px rgba(0, 0, 0, 0.07);
          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.07), 2px 2px 4px rgba(0, 0, 0, 0.07), 4px 4px 8px rgba(0, 0, 0, 0.07), 8px 8px 16px rgba(0, 0, 0, 0.07), 16px 16px 32px rgba(0, 0, 0, 0.07), 32px 32px 64px rgba(0, 0, 0, 0.07);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.u4m-animated-stats div.statistics div.statistics__item .image {
  min-height: 70rem;
}
section.u4m-animated-stats div.statistics div.statistics__item .image img {
  max-width: 80rem;
  text-align: center;
  margin: 0 auto;
  display: block;
}
section.u4m-animated-stats div.statistics div.statistics__item .stat-wrap {
  border-bottom: solid 5rem #41B8DA;
  margin-bottom: 10rem;
}
section.u4m-animated-stats div.statistics div.statistics__item .numscroller {
  font-family: "Roboto", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 55rem;
  font-weight: 700;
  letter-spacing: 0.25rem;
  margin-bottom: 10rem;
  line-height: 1.2;
  margin-top: 0;
}
section.u4m-animated-stats div.statistics div.statistics__item .numscroller strong {
  font-weight: 700;
  -webkit-box-shadow: inset 0 -0.3em #cce3f3;
          box-shadow: inset 0 -0.3em #cce3f3;
}
@supports ((-webkit-text-decoration-skip-ink: none) or (text-decoration-skip-ink: none)) {
  section.u4m-animated-stats div.statistics div.statistics__item .numscroller strong {
    -webkit-box-shadow: none;
            box-shadow: none;
    text-decoration: underline;
    -webkit-text-decoration-color: #cce3f3;
            text-decoration-color: #cce3f3;
    text-decoration-thickness: 0.3em;
    text-underline-offset: -0.3em;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
  }
}
@media (max-width: 580px) {
  section.u4m-animated-stats div.statistics div.statistics__item .numscroller {
    font-size: 36rem;
    margin-bottom: 20rem;
  }
}
section.u4m-animated-stats div.statistics div.statistics__item .unit {
  padding-left: 5rem;
  vertical-align: top;
  font-size: 30rem;
  font-weight: 300;
}
section.u4m-animated-stats div.statistics div.statistics__item .caption {
  display: block;
  font-weight: 300;
}