/* Services Section Visibility Fix */
.services {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
    min-height: 500px !important;
    background-color: #f9f9f9 !important;
    padding: 100px 0 !important;
}

.services-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 30px !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 20px !important;
}

.service-card {
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: var(--card-bg-color) !important;
    border-radius: 10px !important;
    padding: 40px 30px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
    position: relative !important;
    overflow: hidden !important;
    height: 100% !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.service-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-10px) !important;
}

/* Reset the animation and parallax effects that might be causing issues */
.service-card {
    transform: none !important;
    animation: none !important;
}