/* Custom Extracted CSS from index.html */
.img-fluid {
            width: 100%;
            height: 250px;
            object-fit: cover;
            object-position: center;
        }

#services .service-item:hover {
                    box-shadow: 0 10px 20px rgba(0, 0, 0, .1) !important;
                    transform: translateY(-5px);
                }

                @media (max-width: 767.98px) {
                    #services .btn {
                        padding: 0.4rem 0.8rem !important;
                        font-size: 0.85rem !important;
                    }

                    #services h4 {
                        font-size: 1.1rem !important;
                    }

                    #services p {
                        font-size: 0.9rem !important;
                    }
                }

.banner {
                    padding: 50px 0;
                    text-align: center;
                }

                .banner img {
                    max-width: 100%;
                    height: auto;
                }

                .btn {
                    padding: 10px 20px;
                    font-size: 16px;
                }

.service-card {
                    transition: transform 0.3s ease, box-shadow 0.3s ease;
                    overflow: hidden;
                }

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

                .service-img {
                    overflow: hidden;
                }

                .card-img-top {
                    height: 220px;
                    object-fit: cover;
                    transition: transform 0.5s ease;
                }

                .service-card:hover .card-img-top {
                    transform: scale(1.05);
                }

                .service-content {
                    background-color: #fff;
                }

                .icon-circle {
                    width: 70px;
                    height: 70px;
                }

                /* Mobile responsiveness - 2 cards per row on small screens */
                @media (max-width: 767.98px) {
                    .col-sm-6 {
                        width: 50%;
                    }

                    .service-content h4 {
                        font-size: 1.1rem;
                    }

                    .service-content p {
                        font-size: 0.9rem;
                    }

                    .card-img-top {
                        height: 160px;
                    }

                    .icon-circle {
                        width: 60px;
                        height: 60px;
                    }

                    .btn {
                        padding: 0.375rem 0.75rem;
                        font-size: 0.9rem;
                    }
                }

                /* Extra small devices */
                @media (max-width: 575.98px) {
                    .icon-circle {
                        width: 50px;
                        height: 50px;
                    }

                    .service-content h4 {
                        font-size: 1rem;
                    }

                    .service-content p {
                        font-size: 0.85rem;
                    }

                    .card-img-top {
                        height: 140px;
                    }
                }