        body {
            font-family: 'Source Sans Pro', sans-serif;
        }

        .apj-logo {
            font-family: "Georgia", sans-serif;
        }

        .hero-bg {
            background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.5) 100%),
                url('../images/hero-image.jpg');
            background-size: cover;
            background-position: center;
            /* Safari fallback for background-attachment: fixed */
            background-attachment: scroll;
        }

        /* Use fixed attachment only on non-iOS devices */
        @supports not (-webkit-touch-callout: none) {
            .hero-bg {
                background-attachment: fixed;
            }
        }

        /* Alternative approach for better Safari/iOS support */
        @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
            .hero-bg {
                background-attachment: scroll;
                transform: translateZ(0);
                /* Enable hardware acceleration */
                -webkit-transform: translateZ(0);
            }
        }

        #about {
            background: url('../images/our-services-bg.jpeg');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        #services {
            /* background: url('../images/our-services-bg.jpeg'); */
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .multiple-items {
            padding: 0 2+5px;
        }

        .card-hero-img {
            /* background-image: url('https://images.pexels.com/photos/843633/pexels-photo-843633.jpeg'); */
            background-size: cover;
            background-position: center;
            /* width: 300px; */
            height: 280px;
            border-radius: 1rem 1rem 0 0;

        }

        .service-card-content {
            padding-top: 30px;
            border-radius: 0 0 1rem 1rem;
            background: #fff;
        }

        .service-item-1 {
            /* background: url('https://media.istockphoto.com/id/1319115607/photo/interior-of-empty-corporate-airplane.jpg?s=2048x2048&w=is&k=20&c=WnoAt9VzAatVPDnQUX2KR9FBX-y9IR4cWL2F95S041I='); */
            background: url('https://media.istockphoto.com/id/496412954/photo/ready-private-jet.jpg?s=2048x2048&w=is&k=20&c=aem-lwg0u-GEUJM3D0R5HcHbQ7uFEsNE_ALGrS4kvT8=');
            background-size: cover;
            background-position: center;
        }

        .service-item-2 {
            background: url('https://media.istockphoto.com/id/2199640317/photo/well-dressed-man-opening-a-car-door.jpg?s=2048x2048&w=is&k=20&c=w8W3NjLnknaiHr9RdvL_tJrskqv4INKALYQvo6DfLtc=');
            background-size: cover;
            background-position: center;
        }

        .service-item-3 {
            background: url('https://images.pexels.com/photos/843633/pexels-photo-843633.jpeg');
            background-size: cover;
            background-position: center;
        }

        .service-item-4 {
            background: url('https://images.pexels.com/photos/2096983/pexels-photo-2096983.jpeg');
            background-size: cover;
            background-position: center;
        }

        .service-item-5 {
            background: url('https://media.istockphoto.com/id/1698740094/photo/smiling-female-receptionist-looking-at-camera.jpg?s=2048x2048&w=is&k=20&c=xTaIa4el8u_38zleBY50OM1JDiHJ9FtuxHUFBEs-6-o=');
            background-size: cover;
            background-position: center;
        }

        .service-item-6 {
            background: url('https://images.pexels.com/photos/3394310/pexels-photo-3394310.jpeg');
            background-size: cover;
            background-position: center;
        }

        .gradient-text {
            background: linear-gradient(135deg, #1f2937 0%, #4b5563 50%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hover-lift {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .hover-lift:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.1);
        }

        .animate-fade-in {
            animation: fadeIn 1s ease-out;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .slider-container {
            overflow: hidden;
            border-radius: 12px;
        }

        .slider-track {
            display: flex;
            transition: transform 0.6s ease-in-out;
        }

        .slider-slide {
            min-width: 100%;
            height: 500px;
            background-size: cover;
            background-position: center;
            position: relative;
        }

        .testimonial-slider {
            overflow: hidden;
        }

        .testimonial-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        .testimonial-slide {
            min-width: 100%;
            text-align: center;
            padding: 2rem;
        }

        .section-divider {
            width: 60px;
            height: 1px;
            background: linear-gradient(135deg, #6b7280 0%, #9ca3af 100%);
            margin: 0 auto;
        }


        .photo-section {
            height: 420px;
            overflow: hidden;
            display: flex;
        }

        .photo-section img {
            filter: grayscale(10%);
        }

        /* slick */
        .slick-prev:before,
        .slick-next:before {
            color: #4b5563 !important;
            /* Tailwind gray-600 */
            font-size: 35px !important;
        }

        @media screen and (max-width: 768px) {
            .photo-section {
                height: 150px;
            }

            .multiple-items {
                padding: 0px;
            }

            .multiple-items h3{
                font-weight: 400;
            }

            .card-hero-img {
                height: 200px;
            }
        }