.holistics-3 .introduction {
  background: url("https://cdn.holistics.io/landing/holistics3/background.svg") no-repeat;
  background-size: cover;
  background-position: 50% 80%;
  margin-bottom: 0; }
  .holistics-3 .introduction .container {
    max-width: 840px; }
    @media (max-width: 540px) {
      .holistics-3 .introduction .container {
        padding: 0 20px; } }
  .holistics-3 .introduction ul {
    padding-left: 18px; }
  .holistics-3 .introduction__label {
    font-size: 2em;
    margin-bottom: 6px; }
  .holistics-3 .introduction__title {
    font-size: 3em;
    margin-bottom: 30px; }
  .holistics-3 .introduction__content {
    padding: 40px 35px;
    position: relative;
    top: 185px;
    background: #fff; }
    @media (max-width: 540px) {
      .holistics-3 .introduction__content {
        padding: 40px 20px;
        top: 30px;
        left: -3px; } }
.holistics-3 .semantic-layer {
  padding: 280px 100px 100px; }
  .holistics-3 .semantic-layer .label {
    font-size: 24px; }
  .holistics-3 .semantic-layer__item .image img {
    width: 48px;
    height: 48px; }
  @media (max-width: 768px) {
    .holistics-3 .semantic-layer__item {
      margin-bottom: 30px;
      display: flex;
      text-align: left; }
      .holistics-3 .semantic-layer__item .image {
        padding-top: 5px;
        padding-right: 20px; } }
  @media (max-width: 1200px) {
    .holistics-3 .semantic-layer {
      padding: 280px 20px 40px; } }
  @media (max-width: 540px) {
    .holistics-3 .semantic-layer {
      padding: 85px 20px 40px; } }
.holistics-3 .value-props {
  margin: 100px auto 210px; }
  .holistics-3 .value-props h3, .holistics-3 .value-props p {
    margin-bottom: 20px; }
    .holistics-3 .value-props h3.label, .holistics-3 .value-props p.label {
      text-transform: uppercase;
      margin-bottom: 8px; }
  @media (max-width: 1200px) {
    .holistics-3 .value-props {
      margin: 85px 0; } }
.holistics-3 .team__title {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 24px; }

.holistics-3 .team__image {
  height: 115px; }
  .holistics-3 .team__image img {
    width: 95px;
    height: auto; }

.holistics-3 .team .col-sm {
  padding: 0 25px; }

.holistics-3 .element-card {
  display: flex; }
  @media (max-width: 992px) {
    .holistics-3 .element-card {
      flex-wrap: wrap-reverse; } }
  @media (min-width: 992px) {
    .holistics-3 .element-card .reverse {
      order: 1; }
      .holistics-3 .element-card .reverse > div {
        padding-left: 50px; } }
  .holistics-3 .element-card__content {
    margin: 15px 0;
    display: flex;
    align-items: center; }
  .holistics-3 .element-card .carousel .cell-wrapper {
    display: flex;
    flex: 1 0 100%;
    width: 100%;
    height: 100%; }
    .holistics-3 .element-card .carousel .cell-wrapper .image {
      width: 100%; }
  .holistics-3 .element-card .carousel .item {
    width: 100%;
    height: 400px;
    counter-increment: carousel-cell;
    transition: transform 0.1s ease-in-out; }
  .holistics-3 .element-card .carousel .flickity-prev-next-button {
    width: 30px;
    height: 30px;
    border: 1px solid #ececec; }
  @media (max-width: 1200px) {
    .holistics-3 .element-card__img {
      margin-bottom: 40px; } }
.holistics-3 .getting-started {
  margin-bottom: 0;
  position: relative;
  overflow: hidden; }
  .holistics-3 .getting-started img.blob {
    width: 140px;
    position: absolute;
    left: 0;
    bottom: -45px; }
  .holistics-3 .getting-started img.blob2 {
    width: 140px;
    position: absolute;
    right: 0;
    top: -75px;
    transform: rotateZ(180deg); }
  .holistics-3 .getting-started .btn {
    position: relative;
    z-index: 2; }

.holistics-3 .email-collector {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 99999;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.75);
  /* Black w/ opacity */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* The Close Button */ }
  .holistics-3 .email-collector .jotform-wrapper {
    width: 90%;
    max-width: 900px;
    position: relative;
    background: transparent;
    border-radius: 8px;
    animation: zoomIn 0.6s;
    border-radius: 8px; }

@keyframes zoomIn {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }
    .holistics-3 .email-collector .jotform-wrapper iframe {
      max-height: 500px; }
  .holistics-3 .email-collector .modal__close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    transition: 0.3s;
    color: rgba(255, 255, 255, 0.4);
    border: 2px solid #777;
    border-radius: 20px;
    display: flex;
    width: 35px;
    height: 35px;
    justify-content: center;
    align-items: center; }
    .holistics-3 .email-collector .modal__close:hover, .holistics-3 .email-collector .modal__close:focus {
      text-decoration: none;
      cursor: pointer;
      color: rgba(255, 255, 255, 0.9); }
    @media (max-width: 560px) {
      .holistics-3 .email-collector .modal__close {
        top: -35px;
        right: 30px; } }