/* Custom styles */
                    .hero-section {
                        background-size: cover;
                        background-position: center;
                        color: white;
                        padding: 100px 0;
                        text-align: center;
                        margin-bottom: 2rem;
                    }
                    .service-card {
                        border: 1px solid #eee;
                        border-radius: 8px;
                        padding: 20px;
                        margin-bottom: 20px;
                        transition: transform 0.2s;
                    }
                    .service-card:hover {
                        transform: translateY(-5px);
                        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
                    }
                    #map {
                        height: 400px;
                        width: 100%;
                        margin-bottom: 2rem;
                        border-radius: 10px;
                    }