:root {
   
     /*   -------------------------------------------------- صفحة رئيسية  ----------------------------------------------------*/
  
      /*                          قسم المقدمة                                     */
   
   
  /* لون خلفيه المقدمه  */
            --indr-sec: #0D1A2A;
   
    /* لون نص الرئيسي في المقدمه  */
            --indr-sec-h1: #FFFFFF;
   
    /* لون نص الثانوي في المقدمه  */
            --indr-sec-h2: #C5D4D9;
   
    /* لون  خلفيه زر تفعيل الاشتراك في المقدمه  */
            --indr-btn-1-bg: #01C2D1;
    /* لون  نص زر تفعيل الاشتراك في المقدمه  */
   --indr-btn-1-cr: #FFFFFF;
   
     /* لون  خلفيه زر تثبيت المتجر في المقدمه  */
            --indr-btn-2-bg: #01C2D1;
    /* لون  نص زر تثبيت المتجر في المقدمه  */
   --indr-btn-2-cr: #FFFFFF;
   
   
     /* لون  خلفيه الهيدر في المقدمه  */
   --header-bg: #1B263A;
   
   
   
   
   /*                          قسم المميزات                                     */
   
    /* لون خلفيه قسم المميزات  */
            --feut-sec: #1B263A;
   
   /* لون نص الرئيسي في  المميزات */
            --feut-sec-h1: #FFFFFF;
   /* لون نص الثانوي في  المميزات */
            --feut-sec-h2: #C5D4D9;
   
   
    /* لون خلفيه كل ميزه  */
            --feut-sec-grid: #0D1A2A;
   
/* لون خلفيه ايقونه كل ميزه  */
            --feut-sec-grid-icon-bg: #0D1A2A;
   
   /* لون ايقونه كل ميزه  */
            --feut-sec-grid-icon-cr: #01C2D1;
   
    /* لون نص عنوان كل ميزه  */
    --feut-sec-grid-text-cr: #FFFFFF;

  /* لون نص وصف كل ميزه  */
    --feut-sec-grid-text2-cr: #C5D4D9;
   
   
    /*                         قسم الباقات                                     */
   
  /* لون خلفيه الباقات  */
            --pack-sec: #0D1A2A;

    /* لون نص الرئيسي في  الباقات */
            --pack-sec-h1: #FFFFFF;
   /* لون نص الثانوي في  الباقات */
            --pack-sec-h2: #C5D4D9;


   /* لون خلفيه كل باقه   */
            --pack-sec-grid: #1B263A;
     /* لون خلفيه هيدر كل باقه   */
            --pack-sec-grid-header: #0D1A2A;
    /* لون النص في هيدر كل باقه   */
            --pack-sec-grid-header-txt: #FFFFFF;
   
   /* لون خلفيه النوع (فوري - انتضار) في هيدر كل باقه   */
   --pack-sec-grid-header-type-bg: #1B263A;
   
   /* لون نص النوع (فوري - انتضار) في هيدر كل باقه   */
   --pack-sec-grid-header-type-cr: #FFFFFF;
   
    /* لون نص السعر كل باقه   */
   --pack-sec-grid-price: #FFFFFF;
   /* لون نص الوصف كل باقه   */
   --pack-sec-grid-dec: #FFFFFF;
   
   /* لون خلفيه زر اشترك الان في كل باقه   */
    --pack-sec-grid-btn-bg: #01C2D1;
   /* لون نص خلفيه زر اشترك الان في كل باقه   */
    --pack-sec-grid-btn-cr: #FFFFFF;
   
   /*                          قسم الاسئلة                                     */
   
    /* لون خلفيه الاسئلة  */
            --faq-sec: #1B263A;
    /* لون نص الرئيسي في  الاسئلة */
            --faq-sec-h1: #FFFFFF;
   /* لون نص الثانوي في  الاسئلة */
            --faq-sec-h2: #C5D4D9;
   
   /* لون خلفيه كل سوال   */
   --faq-sec-qu-bg: #0D1A2A;
    /* لون  نص  كل سوال   */
   --faq-sec-qu-cr: #FFFFFF;
   
 /* لون خلفيه الاجابة   */
   --faq-sec-an-bg: #FFFFFF;
   /* لون  نص  الاجابة   */
   --faq-sec-an-cr: #0D1A2A;
   
   
   /*  لون خلفيه كل سوال عند الاجابه  */
   --faq-sec-an-qu-bg: #1B263A;
   /* لون  نص  كل سوال  عند الاجابه */
   --faq-sec-an-qu-cr: #FFFFFF;
   
   
   /*                          قسم الفوتر                                     */
   
   /*  خلفيه الفوتر  */
            --footer-sec: #0D1A2A;
   
     /* لون نص الرئيسي في  الفوتر */
            --footer-sec-h1: #FFFFFF;
   /* لون نص الثانوي في  الفوتر */
            --footer-sec-h2: #C5D4D9;
   
   
   /* لون خلفية ازرار التواصل في الفوتر */
 --footer-socail-bg: rgba(255, 255, 255, 0.1);

   
 /* لون خلفية ازرار التواصل في الفوتر */
 --footer-socail-bg: rgba(255, 255, 255, 0.1);
   
   /*   -------------------------------------------------- صفحة تفعيل الاشتراك   ----------------------------------------------------*/
   
/* خلفية الصفحة */
--enaple-page-bg: #F5F5F5;
   /* لون النص */
   --enaple-page-text: #333;
   
   --enaple-page-border:#1F2830;
   
   /* لون النص في المعلومات مثل الاسم - الرقم - كلمه سر - الكود */
   --enaple-page-in-cr: #333;


    /* لون خلفيه زر تفعيل الكود  */
   --enaple-page-okbtn-bg: #333;
   
    /* لون النص في زر تفعيل الكود  */
   --enaple-page-okbtn-cr: #FFFFFF;
   
 /* لون خلفيه زر اختيار دوله  */
   --enaple-page-btncontry-bg: #000000;
   
    /* لون خلفيه الدول  */
   --enaple-page-contry-bg: #FFFFFF;
   
   /* لون النص في خلفيه الدول  */
   --enaple-page-contry-cr: #000000;
   
   
   


 /*   -------------------------------------------------- صفحة تثبيت المتجر  ----------------------------------------------------*/

/* خلفية الصفحة */
 --dwon-page-bg: #FFFFFF;
   
   /* لون نص جاري تجهيز المتجر */
--down-page-textTjhez: #333;

/* لون خلفية المربعات ( الخاصة  بـ الاسم و المعلومات و زر تثبيت )*/
--down-page-sectionBox: #1e1e1e;


/* لون نص الرئيسي  */
--down-page-text1: #FFFFFF;
   
   /* لون نص الثانوي  */
--down-page-text2: #bbb;
   
   /* لون خلفية ال udid */
   --down-page-udid-bg: #2b2b2b;
   
      /* لون نص ال udid */
   --down-page-udid-cr: #FFFFFF;
   
   
     /* لون خلفية تعديل المعلومات */
--down-page-edit-bg: #1e1e1e;
    /* لون نص تعديل المعلومات */
   --down-page-text: #FFFFFF;
    /* لون خلفية input الخاصة تعديل المعلومات */
   --down-page-input-bg: #2b2b2b;
   /* لون نص input الخاصة تعديل المعلومات */
   --down-page-input-cr: #FFFFFF;
    /*لون خلفية زر الحفظ */
   --down-page-btn-save-bg: #2b2b2b;
  /*لون نص زر الحفظ */
   --down-page-btn-save-cr: #FFFFFF;
   
     /*لون خلفية زر الحفظ */
   --down-page-btn-no-bg: #FF0000;
  /*لون نص زر الحفظ */
   --down-page-btn-no-cr: #FFFFFF;

/*   -------------------------------------------------- صفحة التطبيقات المتوفرة  ----------------------------------------------------*/
   /* خلفية الصفحة */
   --apps-page-bg: #f9fafb;
   /* خلفية التطبيق */
   --apps-page-card-bg: #FFFFFF;
   
    /* لون نص اسم التطبيق */
   --apps-page-app-name-cr: #333;
   
    /* لون نص اصدار التطبيق */
   --apps-page-app-ver-cr: #6B7280;
   
    /* لون نص وصف التطبيق */
   --apps-page-app-dec-cr: #4B5563;
   
    /* لون نص زر عرض المزيد التطبيق */
    --apps-page-app-showMore-cr: #3B82F6;
   
   /* لون نص تاريخ التطبيق */
   --apps-page-app-data-cr: #9CA3AF;
   
   
   
   
   
        }