/* Services Page Specific Styles */
.services-header {
    background: linear-gradient(135deg, var(--bg-alt) 0%, var(--bg) 100%);
    border-bottom: 1px solid var(--border);
}

.service-detail-card {
    background: var(--bg);
    transition: var(--transition);
}

.service-detail-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow);
    border-color: var(--primary);
}

.icon-box.bg-purple {
    background: rgba(128, 0, 128, 0.1) !important;
    color: #800080 !important;
}

.text-purple {
    color: #800080 !important;
}

/* Accordion Customization */
.accordion-button:not(.collapsed) {
    background: rgba(13, 110, 253, 0.05);
    color: var(--primary);
    font-weight: 500;
}

/* Table Styling */
.table th {
    font-weight: 600;
    background: var(--bg-alt);
}

.table td {
    vertical-align: middle;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .services-header {
        padding: 80px 0 40px;
    }
    
    .table-responsive {
        font-size: 0.9rem;
    }
    
    .service-detail-card {
        margin-bottom: 1rem;
    }
}