/* === Split Content Block === */
.split-content {
  padding-bottom: 30px;
  overflow: hidden;
}

.split-content .left {
  position: relative;
  left: -30px;
}

.split-content .left .split-content--bg {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-clip-path: polygon(0 0, calc(100% - 250px) 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 250px) 0, 100% 100%, 0 100%);
}

@media screen and (max-width: 992px) {
  .split-content .left .split-content--bg {
    -webkit-clip-path: none;
            clip-path: none;
    width: 100vw;
    left: 0 !important;
  }
}

.split-content .left .split-content--content {
  padding: 64px 250px 64px 62px;
}

@media screen and (max-width: 768px) {
  .split-content .left .split-content--content {
    padding-right: 64px !important;
  }
}

@media screen and (max-width: 992px) {
  .split-content .left {
    left: 0 !important;
  }
}

.split-content .right {
  position: absolute;
  top: 30px;
  height: 100%;
}

.split-content .right .split-content--bg {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: -188px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 250px 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 250px 100%);
}

@media screen and (max-width: 992px) {
  .split-content .right .split-content--bg {
    -webkit-clip-path: none;
            clip-path: none;
    width: 100vw;
    left: 0 !important;
  }
}

.split-content .right .split-content--content {
  padding: 64px 32px 64px 250px;
}

@media screen and (max-width: 768px) {
  .split-content .right .split-content--content {
    padding-left: 64px !important;
  }
}

@media screen and (max-width: 992px) {
  .split-content .right {
    top: 0 !important;
  }
}

.split-content--col {
  position: relative;
  right: 0;
  max-width: 765px;
}

@media screen and (max-width: 1400px) {
  .split-content--col {
    max-width: 675px;
  }
}

@media screen and (max-width: 1200px) {
  .split-content--col {
    max-width: 585px;
  }
}

@media screen and (max-width: 992px) {
  .split-content--col {
    max-width: unset;
    position: relative !important;
  }
}

.split-content p {
  color: #fff;
}

.split-content h2 {
  color: #fff;
}

@media screen and (max-width: 992px) {
  .split-content {
    padding-bottom: 0;
  }
  .split-content--main-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .split-content > .container {
    max-width: 100%;
  }
}