@font-face {
    font-family: "myFont";
    src: url("../fonts/ARBFONTS-DROID.ARABIC.KUFI_.BOLD_DOWNLOADSOFTWARE.IR.TTF") format("truetype"), url("../fonts/ARBFONTS-DROID.ARABIC.KUFI_DOWNLOADSOFTWARE.IR.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}
.itemSlider {
    position: relative;
    width: 100%;
    height: 60vh;  /*60% من ارتفاع الشاشة */
    min-height: 768px; /* الحد الأدنى للكمبيوتر */
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
 /*مهما صار الفيديو تحت*/ 
    .itemSlider video,
    .itemSlider.video-bg video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1 !important;

    }

 /*النص فوق*/ 

    .itemSlider .overlay {
        position: absolute;
        top: 30%;
        right: 20px;
        transform: translateY(-50%);
        text-align: right;
        color: white;
        z-index: 2;
        pointer-events: none;
        width: auto;
    }



        .itemSlider .overlay h2 {
            font-family: myFont !important;
            z-index: 3;
            color: rgb(255, 255, 255);
            line-height: 51px;
            white-space: normal;
            border-width: 0px;
            margin: 0px;
            padding: 0px;
            letter-spacing: -1px;
            font-weight: 700;
            font-size: 42px;
            min-height: 0px;
            min-width: 0px;
            max-height: none;
            max-width: 922px;
            transform: translate3d(-112px, 0px, 0px);
            transform-origin: 50% 50% 0px;
        }

        .itemSlider .overlay h3 {
            font-family: myFont !important;
            color: rgb(255, 195, 0);
            border-width: 0px;
            margin: 0px;
            padding: 0px;
            letter-spacing: 0px;
            font-weight: 400;
            font-size: 32px;
            white-space: normal;
            min-height: 0px;
            min-width: 0px;
            max-height: none;
            max-width: 860px;
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -169, 0, 0, 1);
            transform-origin: 50% 50% 50% 50% 0px;
        }

@media (max-width: 767px) {
     /*السلايدر على الهاتف*/ 
    .itemSlider {
        height: 30vh !important; /* ارتفاع أقل مناسب للهاتف */
        min-height: 250px !important;
        overflow: hidden;
    }

        /*️⃣ نفس التنسيق للفيديو */
        .itemSlider video.bg-video {
            width: 100% !important;
            height: 30vh !important; /* ارتفاع أكبر */
            min-height: 250px !important;
            object-fit: cover !important;
            background-color: #FFF8E7;
        }
    /*خلفية السلايدر عندما يكون صورة*/
            .itemSlider[data-bg-img] {
            height: 30vh !important; /* ارتفاع أكبر */
            min-height: 250px !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
            background-color: #FFF8E7;
        }

        /*ضبط النص ليظهر بشكل جميل*/
        .itemSlider[data-bg-img] .overlay,
        .itemSlider[data-bg-img] .align-center {
            top: 25%;
            right: 6px;
            transform: translateY(-50%);  /*فقط هذا بدون إزاحات */
            width: 90%;
            text-align: right;
        }

        /*تكبير بسيط للعنوان*/
        .itemSlider .overlay h2 {
            font-size: 16px !important;
            line-height: 32px !important;
            transform: none !important; /*إزالة التحويل */
            max-width: 100% !important;
        }

        /*النص الفرعي*/
        .itemSlider .overlay h3 {
            font-size: 14px !important;
            line-height: 26px !important;
            transform: none !important;
            max-width: 100% !important;
        }

      
}
























/* ===== إعداد السلايدر العام ===== */
/*.itemSlider {
    position: relative;
    width: 100%;
    height: 75vh;*/ /* كمبيوتر */
    /*min-height: 750px;*/ /* كمبيوتر */
    /*overflow: hidden;
    background-size: cover;
    background-position: center;
}*/

    /* الفيديو يغطي السلايدر بالكامل */
    /*.itemSlider video.bg-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }*/

    /* النص فوق */
    /*.itemSlider .overlay {
        position: absolute;
        top: 50%;
        right: 40px;
        transform: translateY(-50%);
        text-align: right;
        color: #fff;
        z-index: 3;
    }*/

        /* النص الأصلي (كمبيوتر) */
        /*.itemSlider .overlay h2 {
            font-size: 42px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .itemSlider .overlay h3 {
            font-size: 28px;
            line-height: 1.5;
        }*/

/* الموبايل */

/* تصغير السلايدر على الموبايل فقط */
/*@media (max-width: 767px) {*/

     /*تصغير ارتفاع السلايدر*/ 
    /*.itemSlider {
        height: 450px !important;*/  /*ارتفاع ممتاز للهاتف */
        /*min-height: 450px !important;
    }*/

         /*ضبط الفيديو*/ 
        /*.itemSlider video {
            height: 100% !important;
            object-fit: cover !important;
        }*/

         /*تصغير النص*/ 
        /*.itemSlider .overlay h2 {
            font-size: 22px !important;
            line-height: 1.3 !important;
            transform: none !important;
            max-width: 90%;
        }

        .itemSlider .overlay h3 {
            font-size: 16px !important;
            line-height: 1.4 !important;
            transform: none !important;
            max-width: 90%;
        }*/

         /*ضبط مكان النص*/ 
        /*.itemSlider .overlay {
            right: 15px !important;
            left: 15px !important;
            transform: translateY(-50%) !important;
            width: auto;
            text-align: right;
        }
}*/



/* ===== إعداد الموبايل ===== */

/* تصغير الصور في السلايدر على الهاتف */
/*@media (max-width: 767px) {

     تصغير ارتفاع السلايدر عند الصور 
    .itemSlider[data-bg-img] {
        height: 350px !important;
        min-height: 350px !important;
        background-size: contain !important;*/  /*الصورة تظهر كاملة */
        /*background-repeat: no-repeat !important;
        background-position: center top !important;
    }*/

         /*إذا كانت الصورة داخل container (النصوص)*/ 
        /*.itemSlider[data-bg-img] .container,
        .itemSlider[data-bg-img] .overlay {
            margin-top: 40px !important;*/ /* حتى لا تلامس أعلى الشاشة */
        /*}*/

         /*تصغير النص داخل السلايدر (للصور فقط)*/ 
        /*.itemSlider[data-bg-img] h2 {
            font-size: 20px !important;
            line-height: 1.3 !important;
        }

        .itemSlider[data-bg-img] h3,
        .itemSlider[data-bg-img] p {
            font-size: 15px !important;
            line-height: 1.4 !important;
        }
}*/
/* السلايدر على الهاتف — عرض الصورة كاملة */
/*@media (max-width: 767px) {*/

     /*خلفية السلايدر عندما يكون صورة*/ 
    /*.itemSlider[data-bg-img] {
        height: 300px !important;*/ /* ارتفاع مناسب للهاتف */
        /*min-height: 200px !important;
        background-size: contain !important;*/ /* عرض الصورة كاملة */
        /*background-repeat: no-repeat !important;
        background-position: center center !important;
        background-color: #000;*//*  لتجنب الفراغات البيضاء حول الصورة */
    /*}*/

         /*ضبط النص ليظهر بشكل جميل*/
        /*.itemSlider[data-bg-img] .overlay,
        .itemSlider[data-bg-img] .align-center {
            top: 40%;
            right: 10px;
            transform: translateY(-50%);*/ /* فقط هذا بدون إزاحات */
            /*width: 90%;
            text-align: right;
        }*/

         /*تكبير بسيط للعنوان*/
        /*.itemSlider[data-bg-img] h2 {
            font-size: 19px !important;
            line-height: 32px !important;
            transform: none !important;*/ /* إزالة التحويل */
            /*max-width: 100% !important;
        }*/

         /*النص الفرعي*/
        /*.itemSlider[data-bg-img] h3,
        .itemSlider[data-bg-img] p {
            font-size: 16px !important;
            line-height: 26px !important;
            transform: none !important;*/ /* إزالة التحويل */
            /*max-width: 100% !important;
        }*/

         /*إخفاء أي هوامش و padding زائدة*/ 
        /*.itemSlider[data-bg-img] .container,
        .itemSlider[data-bg-img] .row,
        .itemSlider[data-bg-img] .col-lg-8 {
            padding: 0 !important;
            margin: 0 !important;
        }
}*/
/* تغطية كاملة على الهاتف */
/*@media (max-width: 767px) {

    .itemSlider {
        height: 75vh !important;*//*  تغطية شاشة الهاتف بالكامل */
        /*min-height: 100vh !important;
        overflow: hidden !important;
    }*/

         /*الفيديو يغطي كامل الشاشة*/ 
        /*.itemSlider video {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;*/ /* أهم شيء */
            /*object-position: center !important;
        }*/

         /*الصور الخلفية تغطي تماماً*/ 
        /*.itemSlider[data-bg-img] {
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }*/

         /*تعديل النصوص على الهاتف*/ 
        /*.itemSlider .overlay {
            right: 15px !important;
            left: 15px !important;
            text-align: center !important;
            transform: translateY(-50%);
        }

            .itemSlider .overlay h2 {
                font-size: 24px !important;
                line-height: 1.3;
            }

            .itemSlider .overlay h3 {
                font-size: 16px !important;
                line-height: 1.4;
            }
}*/