@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-quote-cards {
  padding-top: 100rem;
  position: relative;
}
section.u4m-quote-cards.reverse-text .heading {
  color: #fff;
}
section.u4m-quote-cards .topo-block {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  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;
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 35%, 0% 35%);
          clip-path: polygon(0% 0%, 100% 0, 100% 35%, 0% 35%);
}
section.u4m-quote-cards .topo-block-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.u4m-quote-cards .heading {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 20rem;
  padding-right: 20rem;
  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;
  margin-top: 0;
  margin-bottom: 50rem;
  text-align: center;
  position: relative;
}
section.u4m-quote-cards .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-quote-cards .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-quote-cards .heading {
    font-size: 26rem;
    margin-bottom: 20rem;
  }
}
section.u4m-quote-cards .bubble-wrap {
  max-width: 800px;
  margin: 0 auto;
}
section.u4m-quote-cards .bubble-wrap.single-quote {
  max-width: 1000px;
}
@media (max-width: 580px) {
  section.u4m-quote-cards div.dialog-bubbles div.item {
    margin-bottom: 0;
  }
}
section.u4m-quote-cards div.dialog-bubbles div.item .item-inner {
  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);
  margin: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
@media (max-width: 580px) {
  section.u4m-quote-cards div.dialog-bubbles div.item .item-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
section.u4m-quote-cards div.dialog-bubbles div.item .item-inner > * {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
section.u4m-quote-cards div.dialog-bubbles div.item .item-inner .portrait {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 60px;
}
@media (max-width: 580px) {
  section.u4m-quote-cards div.dialog-bubbles div.item .item-inner .portrait {
    grid-template-rows: 160px 60px;
  }
}
section.u4m-quote-cards div.dialog-bubbles div.item .item-inner .portrait .thumbnail {
  width: 200rem;
  height: 100%;
  background-size: cover;
  grid-row: 1/3;
  grid-column: 1/2;
}
@media (max-width: 580px) {
  section.u4m-quote-cards div.dialog-bubbles div.item .item-inner .portrait .thumbnail {
    width: 100%;
  }
}
section.u4m-quote-cards div.dialog-bubbles div.item .item-inner .portrait .logo {
  grid-row: 2/3;
  grid-column: 1/2;
  height: 60px;
  width: 100%;
  background-color: rgba(251, 251, 251, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.u4m-quote-cards div.dialog-bubbles div.item .item-inner .portrait .logo img {
  max-height: 40rem;
  max-width: 140rem;
}
section.u4m-quote-cards div.dialog-bubbles div.item .item-inner .content {
  padding: 30rem;
}
section.u4m-quote-cards div.dialog-bubbles div.item .item-inner .content h3 {
  margin-bottom: 0;
}
section.u4m-quote-cards div.dialog-bubbles div.item .item-inner .content .company {
  font-size: 14rem;
  margin-top: 0;
}
section.u4m-quote-cards div.dialog-bubbles div.item p.quote {
  font-family: "Roboto", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-weight: 300;
  font-size: 14rem;
  line-height: 1.6;
  letter-spacing: 0.35rem;
  margin-bottom: 20rem;
}
@media (max-width: 580px) {
  section.u4m-quote-cards div.dialog-bubbles div.item p.quote {
    font-size: 14rem;
  }
}
section.u4m-quote-cards div.dialog-bubbles div.item p.author {
  font-family: "Roboto", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-weight: 300;
  font-size: 14rem;
  line-height: 1.6;
  letter-spacing: 0.35rem;
  margin-bottom: 20rem;
}
@media (max-width: 580px) {
  section.u4m-quote-cards div.dialog-bubbles div.item p.author {
    font-size: 14rem;
  }
}
section.u4m-quote-cards div.dialog-bubbles div.item .url {
  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;
  padding: 8rem 20rem 7rem 20rem;
  font-size: 14rem;
  line-height: 1.2;
  margin: 0;
}
section.u4m-quote-cards div.dialog-bubbles div.item .url:hover, section.u4m-quote-cards div.dialog-bubbles div.item .url: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-quote-cards div.dialog-bubbles div.item .url:active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
section.u4m-quote-cards div.dialog-bubbles div.item div.thumbnail {
  width: 100rem;
  height: 100rem;
  background-size: cover;
  background-position: 50%;
  left: 50%;
}
section.u4m-quote-cards div.dialog-bubbles .custom-arrow {
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
}
section.u4m-quote-cards div.dialog-bubbles .custom-arrow.custom-slick-next {
  left: calc(100% - 60rem);
}
section.u4m-quote-cards div.dialog-bubbles .custom-arrow.custom-slick-prev {
  right: calc(100% - 60rem);
}
section.u4m-quote-cards .slick-list {
  overflow: visible;
}
@media (max-width: 580px) {
  section.u4m-quote-cards .slick-list {
    overflow: hidden;
  }
}
section.u4m-quote-cards .slick-slide {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
section.u4m-quote-cards .slick-slide.slick-current.slick-active {
  -webkit-transform: translateY(-40rem);
          transform: translateY(-40rem);
}
@media (max-width: 580px) {
  section.u4m-quote-cards .slick-slide.slick-current.slick-active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
section.u4m-quote-cards .slick-slider {
  margin-bottom: 100rem;
}
section.u4m-quote-cards .slick-slide:not(.slick-current) .item-inner > * {
  -webkit-filter: grayscale(100);
          filter: grayscale(100);
  opacity: 0.5;
}
section.u4m-quote-cards .slick-dots li button:before {
  font-family: "Font Awesome 5 Pro";
  content: "";
  font-weight: bold;
  color: #236A9B;
}
section.u4m-quote-cards .slick-dots .slick-active button:before {
  color: #236A9B;
  opacity: 1;
}
section.u4m-quote-cards div.centered-button {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 20rem;
  padding-right: 20rem;
  text-align: center;
  padding: 30rem 0 50rem 0;
}
section.u4m-quote-cards div.centered-button 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;
}
section.u4m-quote-cards div.centered-button a:hover, section.u4m-quote-cards div.centered-button 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-quote-cards div.centered-button a:active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}