/* Start custom CSS for html, class: .elementor-element-08db440 */:root {
    --primary-color: #0d6efd;
    --secondary-color: #198754;
    --dark-color: #0f172a;
    --light-bg: #f8fafc;
    --accent-color: #de1f26;
}

/* Page Header */
.page-header { 
    background: linear-gradient(135deg, #e0f2fe 0%, #f0fdf4 100%); 
    padding: 50px 20px; 
    text-align: center; 
}

.page-header h1 { 
    font-size: 32px; 
    color: var(--dark-color); 
    margin-bottom: 10px; 
}

.container { 
    max-width: 1100px; 
    margin: 40px auto; 
    padding: 0 20px; 
}

/* Service Block Detailed */
.service-detail-card { 
    background: white; 
    border-radius: 12px; 
    border: 1px solid #e2e8f0; 
    padding: 30px; 
    margin-bottom: 30px; 
    display: flex; 
    gap: 30px; 
    align-items: center; 
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02); 
}

.service-detail-card:nth-child(even) { 
    flex-direction: row-reverse; 
}

.service-img { 
    width: 350px; 
    height: 220px; 
    object-fit: cover; 
    border-radius: 8px; 
    background: #e2e8f0; 
}

.service-info { 
    flex: 1; 
}

.service-info h2 { 
    font-size: 24px; 
    color: var(--dark-color); 
    margin-bottom: 15px; 
}

.service-info p { 
    margin-bottom: 15px; 
    color: #475569; 
}

.bullet-list { 
    list-style-position: inside; 
    margin-left: 5px; 
    color: #475569; 
}

.bullet-list li { 
    margin-bottom: 5px; 
}

/* Responsive Media Queries */
@media (max-width: 768px) {
    .service-detail-card, .service-detail-card:nth-child(even) { 
        flex-direction: column; 
        padding: 20px; 
    }
    .service-img { 
        width: 100%; 
        height: 200px; 
    }
    .nav-container { 
        flex-direction: column; 
        gap: 10px; 
        text-align: center; 
    }
}/* End custom CSS */