.service-intro {
            position: relative;
            overflow: hidden;
        }

        .service-intro__img img {
            max-width: 100%;
            height: auto;
            transition: all 0.3s ease;
        }

        .service-intro__img img:hover {
            transform: scale(1.03);
        }

        .service-intro__content {
            padding: 20px 0;
        }

        .service-intro__text {
            font-size: 16px;
            line-height: 1.8;
            color: #666;
        }

        @media (max-width: 991px) {

            .service-intro--left-img .col-xl-6.pl-xl-10,
            .service-intro--right-img .col-xl-6.pr-xl-10 {
                padding-left: 15px !important;
                padding-right: 15px !important;
            }
        }

        .bg-light {
            background-color: #f8f9fa !important;
        }

        .bg-gray-50 {
            background-color: #f9fafb !important;
        }

        .py-12 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        .mb-8 {
            margin-bottom: 2rem !important;
        }

        .shadow-lg {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
        }

        .rounded {
            border-radius: 0.5rem !important;
        }