         .justify-con {
            justify-content: center;
            align-items: flex-start;
            /* بدل center */
            text-align: center;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding-top: 60px;
            /* حرّك النص للأعلى */
            padding-left: 1rem;
            padding-right: 1rem;
            color: white;
        }


        .aiony1-dim-desktop,
        .aiony1-above-desktop-text {
            min-height: 600px;
        }
        .all-car-img-desktop-text,
        .all-car-img-desktop-text2,
        .all-car-img-desktop-text3,
        .all-car-img-desktop-text4,
        .all-car-img-desktop-text5,
        .all-car-img-desktop-text6,
        .all-car-img-mobile-text6,
        .all-car-img-mobile-text3
        {
             min-height: 850px;
        }
        .aiony1-dim-mobile,
        .all-car-img-mobile-text,.all-car-img-mobile-text2,.all-car-img-mobile-text4,.all-car-img-mobile-text5,
        .aiony1-above-mobile-text {
            min-height: 500px;
        }



        /* خلفية الصورة لكل نسخة */
        .aiony1-dim-desktop {
            background-image: url('../img/aiony1-dim-pc.webp');
        }

        .aiony1-dim-mobile {
            background-image: url('../img/aiony1-dim-mobile.webp');
        }

        .all-car-img-desktop-text {
            background-image: url('../img/d1.webp');
        }

        .all-car-img-mobile-text {
            background-image: url('../img/d1m.webp');
        }
        .all-car-img-desktop-text2 {
            background-image: url('../img/d3.webp');
        }

        .all-car-img-mobile-text2 {
            background-image: url('../img/d3m.webp');
        }
        .all-car-img-desktop-text3{
            background-image: url('../img/d7.webp');
        }
        .all-car-img-mobile-text3 {
                background-image: url('../img/d7m.webp');
            }
      
        .all-car-img-desktop-text4 {
            background-image: url('../img/d12.webp');
        }

        .all-car-img-mobile-text4 {
            background-image: url('../img/d12m.webp');
        }

        .all-car-img-desktop-text5 {
            background-image: url('../img/d15.webp');
        }

        .all-car-img-mobile-text5 {
            background-image: url('../img/d15m.webp');
        }

           .all-car-img-desktop-text6 {
            background-image: url('../img/d18.webp');
        }

        .all-car-img-mobile-text6 {
            background-image: url('../img/d18.webp');
        }

        .aiony1-above-desktop-text {
            background-image: url('../img/aiony1-above-desktop.webp');
        }

        .aiony1-above-mobile-text {
            background-image: url('../img/aiony1-above-mobile.webp');
        }


        .video-section {
            position: relative;
            width: 100%;
            height: 100vh;
            overflow: hidden;
        }


        .video-section video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .overlay-text {
            position: absolute;
            top: 30%;
            left: 50%;
            transform: translate(-50%, -50%)!important;
            color: white;
            font-size: 2rem;
            text-align: center;
            opacity: 0;
            transition: opacity 1.2s ease, transform 1.2s ease;
        }

        .overlay-text.show {
            opacity: 1;
            transform: translate(-50%, -40%);
        }

        .after-video {
            height: 100vh;
            background: #f0f0f0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: #333;
        }

        .overlay-text img {
            max-width: 200px;
            width: 100%;
            height: auto;
        }

        .overlay-text h2 {
            font-size: 1rem;
            margin-top: 1rem;
            line-height: 1.5;
        }

        .overlay-text a {
            display: inline-block;
            margin-top: 1.5rem;
            border: 2px solid #fff;
            padding: 0.5rem 1rem;
            color: #fff;
            text-decoration: none;
            border-radius: 6px;
            font-size: 1rem;
        }

        /* تحسين عرض الجوال */
        @media (max-width: 768px) {
            .overlay-text h2 {
                font-size: 0.9rem;
            }

            .overlay-text a {
                font-size: 1.2rem;
                padding: 0.4rem 0.8rem;
            }
        }

        @media (max-width: 768px) {
            .all-car-img-desktop {
                display: none;
            }

            .aiony1-dim-desktop {
                display: none;
            }

            .swiper-slide img {
                width: 100%;
                display: block;
                object-fit: contain;
                padding: 20px;
                border-radius: 50px;

            }

        }

        @media (min-width: 768px) {
            .all-car-img-mobile {
                display: none;
            }

            .aiony1-dim-mobile {
                display: none;
            }

            .swiper-slide img {
                width: 100%;
                height: 500px;
                display: block;
                object-fit: cover;
                padding: 20px;
                border-radius: 50px;
            }

        }


        .all-car-img-desktop {
            position: relative;
            width: 100%;
            background-size: cover;
        }

        .all-car-img-desktop {
            position: relative;
            width: 100%;
            background-size: cover;
        }







        .all-car-img-desktop-text.show {
            opacity: 1;
            transform: translate(-50%, -50%) translateY(0);
            /* تعود لمكانها الطبيعي */
        }
        .all-car-img-desktop-text2.show {
            opacity: 1;
            transform: translate(-50%, -50%) translateY(0);
            /* تعود لمكانها الطبيعي */
        }
        .all-car-img-desktop-text3.show {
                    opacity: 1;
                    transform: translate(-50%, -50%) translateY(0);
                    /* تعود لمكانها الطبيعي */
                }
 .all-car-img-desktop-text4.show {
                    opacity: 1;
                    transform: translate(-50%, -50%) translateY(0);
                    /* تعود لمكانها الطبيعي */
                }
.all-car-img-desktop-text5.show {
                    opacity: 1;
                    transform: translate(-50%, -50%) translateY(0);
                    /* تعود لمكانها الطبيعي */
                }
                .all-car-img-desktop-text6.show {
                    opacity: 1;
                    transform: translate(-50%, -50%) translateY(0);
                    /* تعود لمكانها الطبيعي */
                }
        .swiper {
            width: 100%;
            height: 100%;
            padding-right: 20px;
            box-sizing: border-box;
        }

        .swiper-slide {
            position: relative;
            border-radius: 10px;
            overflow: hidden;
        }



        .caption {
            position: absolute;
            bottom: 15px;
            right: 15px;
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            padding: 10px 15px;
            border-radius: 5px;
            font-size: 1rem;
        }

        /* لإظهار جزء من الصورة التالية */
        .swiper-slide {
            width: 85%;
        }

        @media (max-width: 768px) {
            .swiper-slide {
                width: 90%;
            }

            .caption {
                font-size: 0.9rem;
            }
        }

        .battery-b2 {
            /*يجب ان تغير حسب اللغة*/
            transform: scaleX(-1);
        }



        @media (max-width: 768px) {
            .all-car-img-desktop {
                display: none;
            }

            .aiony1-dim-desktop {
                display: none;
            }

            .aiony1-dim-desktop {
                display: none;
            }

            .aiony-interior-desktop {
                display: none;
            }

            .aiony1-above-desktop {
                display: none;
            }

            .swiper-slide img {
                width: 100%;
                display: block;
                object-fit: contain;
                padding: 20px;
                border-radius: 50px;

            }

        }

        @media (min-width: 768px) {
            .all-car-img-mobile {
                display: none;
            }

            .aiony-interior-mobile {
                display: none;
            }

            .aiony1-above-mobile {
                display: none;
            }

            .swiper-slide img {
                width: 100%;
                height: 500px;
                display: block;
                object-fit: cover;
                padding: 20px;
                border-radius: 50px;
            }

        }

        .aiony-interior-mobile img {
            background-size: contain;
            width: 100%;

        }

        .aiony-interior-desktop {
            padding: 100px;

        }

        .aiony-interior-desktop img {
            background-size: cover;
            width: 100%;

        }

        .contact-box {
            background: url('../img/contact-form.webp') no-repeat center center !important;
            background: rgba(255, 255, 255, 0.15);
            background-size: cover;
            align-items: center;
            justify-content: center;
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            padding: 30px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
        }

        .contact-box h2 {
            color: #fff;
            text-align: center;
            margin-bottom: 30px;
            font-weight: bold;
            font-family: 'Noto Kufi Arabic', sans-serif;
        }

        label {
            color: #fff;
            font-family: 'Noto Kufi Arabic', sans-serif;
        }

        .form-control {
            border-radius: 12px;
            border-radius: 0px;
            height: 50px;
            font-family: 'Noto Kufi Arabic', sans-serif;
        }

        .btn-custom {
            background-color: #3498db;
            color: white;
            font-weight: bold;
            border-radius: 12px;
            transition: background 0.3s ease;
        }

        .btn-custom:hover {
            background-color: #2980b9;
        }

        .fade-up {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .fade-up.active {
            opacity: 1;
            transform: translateY(0);
        }















        