ul.service_area {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

ul.service_area li {
    width: 100%;
}


.service_list {
    /* background: var(--fifth_color); */
    background: linear-gradient(151deg, #f1f1f1 0%, #ababab 10%, #eeeeee 30%, #ababab 80%, #f1f1f1 100%);
    box-shadow: inset -1px 0 1px 1px #7b7b7b9c;
}

.service_list:hover {
    background: var(--sixth_color);
}

.service_list:hover>a>h3 {
    color: #000;
}

.service_list {
    border-radius: 5px;
}

.service_img {
    border-radius: 5px 5px 0 0;
}