/* Integration-page variant: centralstationcrm. */
body.mf-page--centralstationcrm .mf-cscrm-positioning {
  margin-top:42px;
}

body.mf-page--centralstationcrm .mf-cscrm-positioning .mf-card:nth-child(3) {
  border-color:#9690bd;
  box-shadow:inset 0 4px 0 #292a4d,0 12px 30px rgba(41,42,77,.10);
}

body.mf-page--centralstationcrm .mf-cscrm-positioning .mf-card-mark {
  color:#292a4d;
}

body.mf-page--centralstationcrm .mf-cscrm-source {
  max-width:860px;
  margin:28px auto 0;
  color:#667078;
  font-size:14px;
  text-align:center;
}

body.mf-page--centralstationcrm .mf-cscrm-product {
  margin-top:76px;
  padding-top:70px;
  border-top:1px solid #e1e3eb;
}

body.mf-page--centralstationcrm .mf-cscrm-flow {
  align-items:stretch;
  margin-top:48px;
}

body.mf-page--centralstationcrm .mf-cscrm-flow>.mf-integration-flow-node {
  box-sizing:border-box;
  align-self:stretch;
  height:100%!important;
}

body.mf-page--centralstationcrm .mf-cscrm-models-head {
  margin-top:58px;
}

body.mf-page--centralstationcrm .mf-cscrm-models {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:30px;
  overflow:hidden;
  border:1px solid #dadce7;
  border-radius:8px;
  background:#dadce7;
}

body.mf-page--centralstationcrm .mf-cscrm-model {
  height:100%;
  padding:24px;
  background:#fff;
}

body.mf-page--centralstationcrm .mf-cscrm-model h3 {
  margin:0 0 10px;
}

body.mf-page--centralstationcrm .mf-cscrm-model p {
  margin:0;
}

body.mf-page--centralstationcrm .mf-cscrm-final .wp-block-buttons {
  justify-content:center;
}

@media(max-width:781px) {
  body.mf-page--centralstationcrm .mf-cscrm-models {
    grid-template-columns:1fr;
  }
}

@media(max-width:689px) {
  body.mf-page--centralstationcrm .mf-cscrm-positioning {
    margin-top:30px;
  }

  body.mf-page--centralstationcrm .mf-cscrm-product {
    margin-top:54px;
    padding-top:48px;
  }

  body.mf-page--centralstationcrm .mf-cscrm-flow {
    margin-top:34px;
  }

  body.mf-page--centralstationcrm .mf-cscrm-flow>.mf-integration-flow-node {
    height:auto!important;
  }

  body.mf-page--centralstationcrm .mf-cscrm-source {
    text-align:left;
  }
}

@media(max-width:360px) {
  body.mf-page--centralstationcrm .mf-hero-block__copy h1 {
    font-size:30px;
    line-height:1.08;
    overflow-wrap:normal;
  }
}