.red-color .service-item:hover:after {
    content: '';
    position: absolute;
    top: 0;
    left: unset;
    right: 0;
    width: 10px;
    height: 100%;
    background: rgb(211, 0, 0);
    transition: all 0.5s ease-in-out;
}

.green-color .service-item:hover:after {
    content: '';
    position: absolute;
    top: 0;
    left: unset;
    right: 0;
    width: 10px;
    height: 100%;
    background: rgb(0, 163, 0);
    transition: all 0.5s ease-in-out;
}