.service-box {
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: transform 0.3s, box-shadow 0.3s;
    height: 100%;
}

.service-box:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    background-color: black;
    color: white;
}

h4:hover {
    color: white;
}

.service-box i {
    transition: color 0.3s;
}

.service-box:hover i {
    color: #ff8a00; /* Change icon color on hover */
}

.service-box a:hover {
    color: #ff8a00; /* Change link color on hover */
}