/* Colors */
/* Color Usage */
/* Style Defaults */
/* Spacing */
/* Breakpoints */
/** 
* X Height Offsets 
* Used for aligning the top of side by side columns when one colum
* has an image and the other has text/header 
*/
/* Easings*/
.big-partner-logo {
  max-width: 250px; }

.heading5 > p {
  margin-top: 1rem; }

.bg-gradient-sap {
  background-color: #dcecf3;
  background-image: linear-gradient(90deg, #dcecf3, rgba(255, 255, 255, 0) 40%); }

.b--sap {
  border-color: #dcecf3; }

.flex-0040 {
  height: 42px;
  flex: 0 0 40px; }

.max-row-copy {
  max-width: 78em;
  margin-right: auto;
  margin-left: auto; }

.mw-123 {
  width: 123px; }

.popup p {
  margin-top: 0.5rem;
  text-align: left; }

@media screen and (max-width: 840px) {
  .video-container {
    display: none; }
  .enexis-overlay {
    display: none; } }

@media screen and (max-width: 64em) {
  .popup {
    padding: 1rem 2rem 0; }
    .popup .heading5 {
      font-size: 16px;
      cursor: pointer;
      color: #181821; }
    .popup .heading5::after {
      margin-left: 0.5rem;
      content: url("/ui/svg/caret-blue.svg"); }
    .popup p {
      display: none; }
    .popup.active p {
      display: block; } }

@media screen and (min-width: 64em) {
  .banner-padding {
    height: 700px; }
  .popup h5 {
    text-align: left; }
  .sideways-header {
    position: absolute;
    top: 50%;
    left: 2rem;
    padding-top: 0;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg); }
  .hover-icon {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    width: 1em;
    height: 1em;
    transform: translate(0.4em, 0.05em);
    color: white;
    border-radius: 50%;
    background: #ccc; }
    .hover-icon::after {
      content: '+'; }
  .popup {
    position: absolute;
    z-index: 99;
    top: 50%;
    right: -70%;
    width: 300px;
    padding: 1.5rem;
    transition: all 500ms ease;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0;
    background: white;
    box-shadow: 20px 0 0 rgba(0, 0, 0, 0); }
    .popup::before {
      font-size: 48px;
      position: absolute;
      top: 50%;
      left: -34px;
      content: '\25C0';
      transform: translateY(-50%);
      color: white;
      text-shadow: -5px 0 8px rgba(0, 0, 0, 0.35); }
  .popup--left {
    right: 0;
    left: -70%;
    box-shadow: -20px 0 0 rgba(0, 0, 0, 0); }
    .popup--left::before {
      position: absolute;
      right: -40px;
      left: auto;
      content: '\25BA';
      text-shadow: 5px 0 8px rgba(0, 0, 0, 0.35); }
  .popup.active {
    pointer-events: auto;
    opacity: 1;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.35); } }

.tabs-title {
  background-color: #DDE1E3;
  padding: 1.8rem 0 1rem;
  position: relative; }
  .tabs-title * {
    color: black; }
  .tabs-title a {
    text-decoration: none;
    cursor: pointer;
    padding: 0 .8rem 0 1.2rem;
    display: block; }
    .tabs-title a:focus, .tabs-title a:hover {
      text-decoration: none; }
  .tabs-title:focus, .tabs-title:hover {
    background: #cfd5d7; }
    .tabs-title:focus::before, .tabs-title:hover::before {
      background: #cfd5d7; }
  @media screen and (min-width: 64em) {
    .tabs-title.is-active {
      background: white;
      z-index: 5; }
      .tabs-title.is-active::before {
        background: white; } }

.tabs-panel {
  display: none; }
  .tabs-panel.is-active {
    display: block; }

.partner-quote {
  background-color: #bfeffc;
  padding: 2rem 2rem 4rem; }
  .partner-quote * {
    color: black; }
  @media screen and (min-width: 64em) {
    .partner-quote {
      padding: 8rem; } }
  .partner-quote::before, .partner-quote::after {
    display: block;
    position: absolute; }
  .partner-quote::before {
    content: url("/wp-content/themes/mendix/ui/svg/icon-quote-lt-lg.svg");
    width: 267px;
    height: 181px;
    top: -5px;
    left: -5px; }
  .partner-quote::after {
    content: url("/wp-content/themes/mendix/ui/svg/icon-quote-rt-lg.svg");
    width: 124px;
    height: 85px;
    bottom: 0;
    right: 2rem; }

.partner-quote__video {
  background-color: black;
  background-position: 50% 50%;
  margin-bottom: 2rem;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (min-width: 64em) {
    .partner-quote__video {
      width: 600px;
      height: 365px;
      position: absolute;
      top: 12%;
      right: 84%; } }

cite span {
  color: black;
  display: block;
  margin-top: 0 !important; }

.cta-card {
  margin-bottom: 2rem; }

.card {
  text-align: left;
  background-color: white; }
  .card .btn-play {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.card-figure {
  height: 180px;
  overflow: hidden; }

.slick-slide .icon {
  display: inline-block; }

.slick-dots {
  position: relative; }