.service-area {
    position: relative;
    z-index: 1;
}

.service-card-item {
    position: relative;
    overflow: hidden;
    transition: .5s;
    &::after {
        position: absolute;
        content: "";
        width: 4px;
        height: 0;
        background-color: $primary;
        top: 0;
        right: 0;
        transition: .5s;
    }
    &:hover {
        box-shadow: $box-shadow !important;
        &::after {
            height: 100%;
        }
    }
}