.custom-service-list .custom-service-item {
    background: transparent; /* Remove background box */
    margin-bottom: 10px;
    padding: 8px 20px 8px 40px; /* Keep padding-left for the tick */
    border-radius: 0; /* Remove rounded corners since no bg */
    position: relative;
    font-size: 16px;
    color: #757575;
    cursor: default;
    transition: color 0.3s ease; /* Transition only color */
}

.custom-service-list .custom-service-item::before {
    content: '✓';
    color: #f1592a; /* Default tick color (green) */
    font-weight: bold;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    transition: color 0.3s ease;
}

/* On hover, change tick color to orange and text color as well */
.custom-service-list .custom-service-item:hover::before {
    color: #f1592a;
}

.custom-service-list .custom-service-item:hover {
    color: #f1592a;
    cursor: pointer;
    background: transparent; /* Ensure no bg on hover */
}