.shly-deck-nextsteps .sdf-services-list {

    display: block;

    width: 100%;

    position: relative;

}



.shly-deck-nextsteps .sdf-item-holder h3 {

    color: #27519d;

}



.shly-deck-nextsteps .sdf-services-item {

    position: relative;

    padding: 40px 22px;

    background-color: #fff;

    box-shadow: 0 10px 60px rgba(137, 151, 186, 0.15);

    border: 1px solid #fff;

    overflow: hidden;

    min-height: 420px;

    height: 100%;

    z-index: 1;

    margin-bottom: 28px;

}



@media (min-width: 767px) {

    .shly-deck-nextsteps .sdf-services-item {

        padding: 50px 38px 48px;

    }

}



.shly-deck-nextsteps .sdf-services-item-img {

    position: absolute;

    top: -1px;

    right: -1px;

    bottom: -1px;

    left: -1px;

    background-color: #1C2539;

    background-size: cover;

    background-repeat: no-repeat;

    transform-origin: right center;

    transform: scale(0, 1);

    transition: transform 0.3s ease-in-out;

    z-index: -1;

}



.shly-deck-nextsteps .sdf-services-item-img:before {

    content: '';

    position: absolute;

    inset: 0;

    background-color: #000;

    opacity: 0.7;

}



.shly-deck-nextsteps .sdf-services-list:hover .sdf-services-item .featured-img {

    transform-origin: left center;

    transform: scale(1, 1);

}



.shly-deck-nextsteps .sdf-item-holder .sdf-item-icon {

    margin-bottom: 28px;

    font-size: 40px;

    color: #7591c0;

}



.shly-deck-nextsteps .sdf-item-holder .sdf-more-btn {

    margin-top: 20px;

    font-size: 16px;

    color: #27519d;

}



.shly-deck-nextsteps .sdf-item-holder .sdf-more-btn span {

    display: inline-block;

    width: 40px;

    height: 40px;

    text-align: center;

    padding-top: 10px;

    margin-right: 10px;

    box-shadow: 0 10px 20px rgba(137, 151, 186, 0.25);

    border-radius: 40px;

}



.shly-deck-nextsteps .sdf-services-list:hover h3,

.shly-deck-nextsteps .sdf-services-list:hover p,

.shly-deck-nextsteps .sdf-services-list:hover .sdf-more-btn {

    color: #fff;

}

.card-divider {
  height: 4px;
  background-color: #27519d; /* Your deep brand blue */
  width: 80%;
  margin: 24px auto;
  border-radius: 2px;
}

@media (min-width: 769px) {
  .card-divider {
    display: none;
  }
}





