.split-feature {
  padding: 2em;
}
@media only screen and (min-width: 980px) {
  .split-feature {
    padding: 4em 0;
  }
}
.split-feature .split-feature-wrap {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 980px) {
  .split-feature .split-feature-wrap {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .split-feature .split-feature-wrap.media-left {
    flex-direction: row-reverse;
  }
  .split-feature .split-feature-wrap .content-wrap,
  .split-feature .split-feature-wrap .img-wrap {
    width: 48%;
  }
}
.split-feature .split-feature-wrap .content-wrap .sf-title span {
  font-weight: var(--light);
}
.split-feature .split-feature-wrap .content-wrap .sf-desc {
  padding: 0 30px 30px 0;
}
.split-feature .split-feature-wrap .img-wrap {
  aspect-ratio: 4/3;
  max-height: 250px;
  margin-top: 60px;
}
@media only screen and (min-width: 600px) {
  .split-feature .split-feature-wrap .img-wrap {
    max-height: 400px;
  }
}
@media only screen and (min-width: 980px) {
  .split-feature .split-feature-wrap .img-wrap {
    max-height: 400px;
    margin-top: 0;
  }
}
.split-feature .split-feature-wrap .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.split-feature.bg-navy .btn-primary {
  background-color: var(--sunny);
  background-image: linear-gradient(to left, transparent, transparent 50%, var(--sky) 50%, var(--sunny));
  background-position: 100% 0;
  background-size: 200% 100%;
  transition: all 0.25s ease-in;
}
.split-feature.bg-navy .btn-primary:hover {
  background-position: 0 0;
  background-color: var(--sky);
  color: var(--white);
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.split-feature-plus-rich-text .img-wrap {
    max-height: 80px !important;
    aspect-ratio: 1 !important;
    margin: auto;
}

.split-feature-plus-rich-text .content-wrap:nth-child(2) {
    margin-top: 30px;
    border-top: 2px solid var(--sky);
}

@media only screen and (min-width: 980px) {
    .split-feature-plus-rich-text .split-feature-wrap {
        justify-content: space-around !important;
    }
    
    .split-feature-plus-rich-text .content-wrap {
        width: 40% !important;
    }
    
    .split-feature-plus-rich-text .content-wrap:nth-child(2) {
        margin-top: 0;
        border-top: none;
    }
}

.split-feature-plus-rich-text .img-wrap img {
    width: 80px !important;
    display: block;
    margin: auto;
    object-fit: contain !important;
}

.split-feature-plus-rich-text .sf-desc {
    padding: 0 !important;
}