.banner-slider {
                        position: relative;
                        width: 100%;
                        height: 100%;
                        overflow: hidden;

                    }

                    .banner-slider .slide {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        opacity: 0;
                        transition: opacity 0.8s ease-in-out;
                    }

                    .banner-slider .slide img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }

                    .banner-slider .slide.active {
                        opacity: 1;
                        z-index: 2;
                    }


                    .slider-btn {
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        background: rgba(0, 0, 0, 0.4);
                        color: #fff;
                        border: none;
                        padding: 10px 14px;
                        cursor: pointer;
                        font-size: 18px;
                        border-radius: 50%;
                        z-index: 3;
                        transition: 0.3s;
                    }

                    .slider-btn:hover {
                        background: #ff6b00;
                    }

                    .prev {
                        left: 10px;
                    }

                    .next {
                        right: 10px;
                    }


                    .banner-area {
                        min-height: 100vh;
                    }



                    .banner-slider .slide {
                        height: 100%;
                    }

                    .banner-slider .slide img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;

                    }








                    .service-wrapper {
                        display: flex;
                        gap: 30px;
                        align-items: stretch;
                    }

                    /* Card */
                    .service-item.style-5 {
                        width: 50%;
                        display: flex;
                        /* flex-direction: column; */
                        background: #0c1e21;
                        border-radius: 12px;
                        overflow: hidden;
                        padding: 0;
                    }

                    /* Image TOP */
                    .service-item.style-5 .service-img {
                        width: 100%;
                        height: 350px;
                    }

                    .service-item.style-5 .service-img img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;
                    }

                    /* Content BELOW image */
                    .service-item.style-5 .service-content-area {
                        padding: 40px;
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                    }

                    /* Remove theme width limits */
                    .service-item.style-5 .service-content,
                    .service-item.style-5 .service-content-area,
                    .service-item.style-5 .service-img {
                        max-width: 100% !important;
                        width: 100% !important;
                    }

                    /* Kill animations + opacity */
                    .service-item,
                    .service-item * {
                        animation: none !important;
                        transition: none !important;
                        transform: none !important;
                        opacity: 1 !important;
                        text-align: center;
                    }

                    /* Remove overlays */
                    .service-item::before,
                    .service-item::after,
                    .service-img::before {
                        display: none !important;
                        content: none !important;
                    }

                    /* Responsive */
                    @media (max-width: 991px) {
                        .service-wrapper {
                            flex-wrap: wrap;
                        }

                        .service-item.style-5 {
                            min-height: 850px !important;
                            width: 100%;
                        }
                    }