:root{
  --Primary-color : #23416E;
  --font-bold : flybold;
  --font-light : flylight;
}
*{
  font-family: var(--font-bold);
} 
 .nav_hero_section{
    position: relative;
    z-index: 2;
  }
  .nav_hero {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    margin: 0 auto;
}

.nav_hero .collapse ul li a{
    color:#fff !important;
}
  
  .contact_us_btn{
    background: var(--Primary-color);
    padding: 10px;
    border-radius: 10px;
    border:none;
    width: 130px;
    color:#fff;
}

.hero_page{
    height: 100vh;
    background-image:linear-gradient(rgba(0,0,0,.5) , rgba(0,0,0,.5) ) , url("../images/home/nav.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 0;
}

.hero_page_about{
  height: 100vh;
    background-image:linear-gradient(rgba(0,0,0,.5) , rgba(0,0,0,.5) ) , url("../images/about us/Rectangle\ 26.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 0;
}

.hero_page_services{
   height: 100vh;
    background-image:linear-gradient(rgba(0,0,0,.5) , rgba(0,0,0,.5) ) , url("../images/services/nav.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 0;
}

.hero_page_baqat{
    height: 100vh;
    background-image:linear-gradient(rgba(0,0,0,.5) , rgba(0,0,0,.5) ) , url("../images/packeges/nav.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 0;
}

.hero_info{
  position: absolute;
  top: 50%;
  left: 68%;
  text-align: right;
  direction: rtl;
  color: #fff;
}

.hero_info h1{
  font-size: 50px;
  margin-bottom: 20px;
}

.hero_info P{
  font-family: var(--font-light);
}

.hero_info button{
  background: var(--Primary-color);
  border: none;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
}

.About_index_section{
  direction: rtl;
  text-align: right;
  margin-top: 50px;
  margin-bottom: 50px;
}
.about_image_section h3{
  color: gray;
}

.about_short_content{
  font-family: var(--font-light);
}

.about_image_section button{
 background: none;
 border: 1px solid #ddd;
 border-radius: 10px; 
 padding: 10px;
 margin-top: 30px;
 font-family: var(--font-light);
}


    .mySwiper {
      width: 100%;
      height: 100%;
    }

    .mySwiper swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      border-radius: 20px;
    }

    .mySwiper swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


    .mySwiper .swiper-slide-active {
    margin-top: 40px;
    transition: margin 0.3s ease; /* عشان الحركة تبقى ناعمة */
  }


  .mySwiper_Services {
      width: 100%;
      height: 100%;
    }

    .mySwiper_Services swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      border-radius: 20px;
    }

    .mySwiper_Services swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

  .whatch_conten button.btn_1{
      background-color: var(--Primary-color);
      border: none;
      border-radius: 10px;
      color: #fff;
      padding: 10px;
      
  }

   .whatch_conten p{
    font-family: var(--font-light);
    margin-bottom: 20px;
   }
    .whatch_conten button.btn_2{
      background:none;
      border: 1px solid #ddd;
      border-radius: 10px;
      color: #000;
      padding: 10px;
      margin-right: 30px;
  }
.baka{
  background-image:linear-gradient(rgba(0,0,0,.5) , rgba(0,0,0,.5) ) , url("../images/Hannen/bg.jpeg");
  padding: 30px;
  margin-top: 50px; 
}

.baka_container{
  width: 90%;
  margin: 30px auto;
}

.All_baka {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.Services p{
  font-family: var(--font-light);
}

.All_Why .why_item{
  direction: rtl;
  text-align: right;
}

.All_Why {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.why_1{
    padding: 20px;
    border: 1px solid var(--Primary-color);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.why_2{
    padding: 20px;
    border: 1px solid var(--Primary-color);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.why_3{
    padding: 20px;
    border: 1px solid var(--Primary-color);
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.why_4{
    padding: 20px;
    border: 1px solid var(--Primary-color);
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.All_Why .why_item p{
  font-family: var(--font-light);
}

footer{
   background-image:linear-gradient(rgba(0,0,0,.5) , rgba(0,0,0,.5) ) , url("../images/footer/Group 48.webp")!important;
   padding: 50px;
   background-size: 100% 100%;
   direction: rtl;
   margin-top: 30px;
}


footer .social_media{
  margin: 30px auto;
    width: 83%;
}

.important_link h5{
  color: #fff;
}
.important_link ul {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.important_link ul li{
  text-align: center;
  margin-top: 10px;
}
.important_link ul li a{
  color: #fff;
   font-family: var(--font-light);  
}



footer .social_media a{
  padding: 5px;
  border: 1px solid #fff;
  border-radius: 10px;
  margin: 5px;
  display: inline-block;
 
}

@font-face {
  font-family:flybold;
  src: url("../Fonts/Co\ Headline\ Bold.otf");
}


@font-face {
  font-family:flylight;
  src: url("../Fonts//Co\ Headline\ Light.otf");
}

/* ########################################################### */

@media(max-width:600px){
  .hero_page,.hero_page_about{
    background-size: cover;
  }
  button.navbar-toggler{
    background-color: #fff !important;
  }
}   


/* #################### */
/* ============ Mobile Fixes ============ */
@media (max-width: 768px){



  /* الهيدر/الناف */
  .nav_hero_section{ z-index: 10; }
  .nav_hero{ top: 12px; }
  .nav_hero .collapse ul li a{
    padding: 10px 12px;
    display: block;
    font-size: 14px;
  }
  button.navbar-toggler{
    background-color: #fff !important;
    border-radius: 8px;
    padding: 6px 10px;
  }

  /* الهيرو */
  .hero_page,
  .hero_page_about,
  .hero_page_services{
    min-height: 88vh;              /* أقل شوية من 100vh عشان شريط العنوان */
    height: auto;
    background-size: cover;        /* كانت 100% 100% وبتعمل تمديد */
    background-position: center;
  }

  /* معلومات الهيرو */
  .hero_info{
    position: static;              /* شيل الـ absolute */
    transform: none;
    text-align: right;
    padding: 24px 16px 32px;
    max-width: 100%;
    margin-inline: 0;
  }
  .hero_info h1{
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .hero_info p{
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 14px;
  }
  .hero_info button{
    width: 100%;                   /* زرار كبير مريح للضغط */
    padding: 12px;
    font-size: 15px;
  }

  /* سكشن عن الشركة */
  .About_index_section{
    margin-top: 28px;
    margin-bottom: 28px;
    padding: 0 14px;
  }
  .about_image_section h3{ font-size: 16px; }
  .about_short_content{ font-size: 14px; }
  .about_image_section button{
    width: 100%;
    padding: 12px;
    font-size: 14px;
  }

  /* سلايدر (Swiper) */
  .mySwiper,
  .mySwiper_Services{
    height: auto;
    padding: 8px 12px 18px;
  }
  .mySwiper swiper-slide,
  .mySwiper_Services swiper-slide{
    height: 220px;                 /* ارتفاع معقول للموبايل */
    border-radius: 14px;
  }
  .mySwiper swiper-slide img,
  .mySwiper_Services swiper-slide img{
    object-fit: cover;
  }
  .mySwiper .swiper-slide-active{ margin-top: 0; } /* شيل الحركة الرأسية */

  /* قسم الباكات */
  .baka{
    background-size: cover;
    background-position: center;
    padding: 20px 12px;
    margin-top: 30px;
  }
  .baka_container{ width: 94%; margin: 16px auto; }

  .All_baka{
    display: grid;
    grid-template-columns: 1fr;    /* من 4 أعمدة إلى عمود */
    gap: 12px;
  }

  /* قسم الخدمات/النص */
  .Services p{ font-size: 14px; }

  /* لماذا نحن */
  .All_Why{
    grid-template-columns: 1fr;    /* عمود واحد */
    gap: 12px;
    padding: 0 12px;
  }
  .All_Why .why_item{ text-align: right; }
  .why_1,.why_2,.why_3,.why_4{
    border-radius: 18px !important; /* توحيد الزوايا على الموبايل */
    padding: 16px;
  }
  .All_Why .why_item p{ font-size: 14px; }

  /* الأزرار العامة */
  .contact_us_btn{
    width: 100%;
    padding: 12px;
    font-size: 15px;
  }
  .whatch_conten p{ font-size: 14px; }
  .whatch_conten button.btn_1,
  .whatch_conten button.btn_2{
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
    padding: 12px;
    font-size: 15px;
  }

  /* الفوتر */
  footer{
    padding: 24px 14px;
    background-size: cover;
    background-position: center;
    margin-top: 24px;
  }
  footer .social_media{
    width: 100%;
    text-align: center;
    margin: 20px auto 10px;
  }
  footer .social_media a{
    display: inline-block;
    padding: 8px 10px;
    margin: 4px;
  }
  .important_link h5{ font-size: 16px; text-align: center; }
  .important_link ul li{ margin-top: 8px; }
  .important_link ul li a{
    font-size: 14px;
    display: inline-block;
    padding: 6px 0;
  }

  /* الخطوط */
  *{ font-family: var(--font-bold); }
  .hero_info p,
  .about_short_content,
  .Services p,
  .All_Why .why_item p,
  .important_link ul li a{
    font-family: var(--font-light);
  }
}

/* شاشات أصغر جدًا */
@media (max-width: 480px){
  .hero_info h1{ font-size: 24px; }
  .mySwiper swiper-slide,
  .mySwiper_Services swiper-slide{ height: 200px; }
}




/* %%%%%%% */

/* ===== Services Cards ===== */
.services-section{
  margin: 30px 0 50px;
}

.services-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

/* الكارد */
.service-card{
  background: #f5f5f5;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
  overflow: hidden;              /* يخلي زوايا الصورة علوية مدوّرة */
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
}

/* صورة الكارد */
.service-card .card-img{
  aspect-ratio: 16 / 9;          /* ارتفاع ثابت جميل */
  background: #ddd;
  overflow: hidden;
}
.service-card .card-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* جسم الكارد */
.service-card .card-body{
  padding: 16px 14px 18px;
  text-align: right;
  direction: rtl;
  background: #f7f7f7;
}

/* العنوان – نفس لون البراند */
.service-card .card-title{
  margin: 8px 0 10px;
  font-size: 20px;
  color: var(--Primary-color, #23416E);
}

/* النص */
.service-card .card-text{
  color: #666;
  line-height: 1.8;
  margin: 0 0 12px;
  min-height: 56px;              /* سطرين تقريبًا لتوحيد الارتفاع */
}

/* زر احجز الآن – أبيض بإطار أحمر */
.service-card .card-actions{
  margin-top: 8px;
}
.service-card .btn-book{
  display: inline-block;
  padding: 10px 16px;
  border-radius: 10px;
  background: #fff;
  color: #d43b3b;
  border: 1px solid #e6b3b3;
  transition: transform .15s ease, box-shadow .15s ease;
}
.service-card .btn-book:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}

/* ===== Responsive ===== */

/* Tablet */
@media (max-width: 992px){
  .services-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .service-card .card-title{ font-size: 18px; }
  .service-card .card-text{ font-size: 14px; }
}

/* Mobile */
@media (max-width: 600px){
  .services-grid{
    grid-template-columns: 1fr;   /* عمود واحد */
    gap: 14px;
  }
  .service-card{
    border-radius: 12px;
  }
  .service-card .card-body{
    padding: 14px 12px 16px;
  }
  .service-card .card-title{
    font-size: 17px;
    margin-bottom: 8px;
  }
  .service-card .card-text{
    font-size: 14px;
    min-height: auto;             /* سيب النص على راحته في الموبايل */
  }
  .service-card .btn-book{
    width: 100%;
    text-align: center;
    padding: 12px;
  }
}
/* الباقات  */


/* ===== Baqat (Packages) ===== */
.packages-section{
  margin: 28px 0 46px;
}
.packages-heading{
  text-align: center;
  color: #233c61; /* قريب من Primary أو بدّليه بـ var(--Primary-color) */
  margin: 0 0 18px;
  font-size: 22px;
  font-weight: 800;
}

/* الشبكة: 4 ديسكتوب / 3 تابلت / 2 موبايل */
.packages-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

/* الكارت */
.pkg-card{
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
  background: #ddd;
}
.pkg-img{
  aspect-ratio: 4 / 5;            /* ارتفاع لطيف للكروت الطويلة (قريب من الصورة) */
  width: 100%;
}
.pkg-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* الطبقة السفلية الزرقاء الشفافة + العنوان + الزر */
.pkg-overlay{
  position: absolute;
  inset-inline: 8px;
  inset-block-end: 8px;
  border-radius: 14px;
  padding: 14px 12px;
  background: linear-gradient(180deg, rgba(0,0,0,0.0), rgba(0,0,0,0.35) 20%, rgba(35,65,110,0.85));
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pkg-title{
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .3px;
  text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

/* زر احجز الآن */
.pkg-btn{
  align-self: flex-start;
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 10px;
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: 600;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.pkg-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0,0,0,.15);
  background: rgba(255,255,255,.18);
}

/* ===== Responsive ===== */

/* Tablet */
@media (max-width: 992px){
  .packages-grid{
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  .pkg-title{ font-size: 16px; }
}

/* Mobile — صورتين صورتين زي ما طلبتي */
@media (max-width: 600px){
  .packages-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .pkg-card{
    border-radius: 14px;
  }
  .pkg-overlay{
    inset-inline: 6px;
    inset-block-end: 6px;
    border-radius: 12px;
    padding: 10px 10px;
    gap: 8px;
  }
  .pkg-title{ font-size: 14px; }
  .pkg-btn{
    padding: 7px 10px;
    font-size: 13px;
  }
}
/* الجزء الثانى ف الباقات  */
/* ===== Moments Section ===== */
/* Packages */
.packages-section{ margin:28px 0 44px; }
.packages-heading{ text-align:center; color:var(--Primary-color,#23416E); font-weight:800; margin:0 0 16px; font-size:22px; }
.packages-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.pkg-card{ position:relative; border-radius:16px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,.06); background:#ddd; }
.pkg-img{ aspect-ratio:4/5; width:100%; }
.pkg-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.pkg-overlay{ position:absolute; inset-inline:8px; inset-block-end:8px; border-radius:14px; padding:14px 12px;
  background:linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.35) 20%, rgba(35,65,110,.85)); color:#fff; display:flex; flex-direction:column; gap:10px; }
.pkg-title{ margin:0; font-size:18px; font-weight:800; text-shadow:0 1px 2px rgba(0,0,0,.25); }
.pkg-btn{ align-self:flex-start; display:inline-block; padding:8px 14px; border:1px solid rgba(255,255,255,.6); border-radius:10px; background:rgba(255,255,255,.1); color:#fff; font-weight:600; }

/* Moments */
.moments-section{ margin:28px 0 44px; }
.moments-heading{ text-align:center; color:var(--Primary-color,#23416E); font-weight:800; margin:0 0 16px; font-size:22px; }
.moments-wrap{ position:relative; border-radius:12px; overflow:hidden;
  background:#1d2f4d center/cover no-repeat; /* background-image هتتحط Inline تحت */
}
.moments-overlay{ position:absolute; inset:0; background:
  linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.10)), rgba(35,65,110,.78); }
.moments-grid{ position:relative; z-index:1; display:grid; grid-template-columns:0.9fr 1.1fr 1.1fr; gap:16px; padding:20px 18px 26px; }
.moments-textbox{ align-self:center; color:#fff; }
.moments-text{ font-size:16px; line-height:1.9; margin-bottom:14px; text-shadow:0 1px 2px rgba(0,0,0,.25); }
.moments-btn{ display:inline-block; background:#fff; color:#0e1b31; padding:10px 14px; border-radius:10px; border:1px solid rgba(255,255,255,.7); font-weight:600; }
.moments-gallery{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.moments-card{ margin:0; border-radius:16px; overflow:hidden; background:rgba(255,255,255,.12); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); }
.moments-card img{ width:100%; height:100%; aspect-ratio:4/5; object-fit:cover; display:block; }

/* Responsive */
@media (max-width:992px){ .packages-grid{ grid-template-columns:repeat(3,1fr); } .moments-grid{ grid-template-columns:1fr; gap:14px; } .moments-textbox{ order:2; } .moments-gallery{ order:1; } }
@media (max-width:600px){
  .packages-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
  .pkg-title{ font-size:14px; } .pkg-btn{ padding:7px 10px; font-size:13px; }
  .moments-heading{ font-size:20px; }
  .moments-grid{ padding:16px 12px 20px; }
  .moments-gallery{ grid-template-columns:1fr 1fr; gap:10px; }
  .moments-card, .moments-card img{ border-radius:12px; aspect-ratio:3/4; }
  .moments-text{ font-size:14px; margin-bottom:10px; }
  .moments-btn{ width:100%; text-align:center; padding:12px; }
}



/* افضل العروض ف الباقات */

/* ===== Offers (أفضل العروض) ===== */
.offers-section{ margin:28px 0 44px; }
.offers-heading{
  text-align:center; color:var(--Primary-color,#23416E);
  font-weight:800; font-size:22px; margin:0 0 16px;
}

/* شبكة 3 كروت ديسكتوب، 2 تابلت، 1 موبايل */
.offers-grid{
  display:grid; gap:16px;
  grid-template-columns: repeat(3, 1fr);
}

.offer-card{
  position:relative; border-radius:16px; overflow:hidden;
  box-shadow:0 4px 16px rgba(0,0,0,.06); background:#ddd;
}
.offer-img{ aspect-ratio: 4 / 5; width:100%; }
.offer-img img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Overlay أزرق شفاف كامل مع حواف داخلية */
.offer-overlay{
  position:absolute; inset:0;
  display:flex; flex-direction:column; justify-content:space-between;
  padding:14px; color:#fff;
  background: linear-gradient(180deg, rgba(35,65,110,.25), rgba(35,65,110,.75));
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.12);
}

/* العنوان الكبير أعلى اليسار */
.offer-top{ display:flex; align-items:flex-start; }
.offer-dest{
  font-weight:800; font-size:28px; line-height:1.1; text-shadow:0 2px 8px rgba(0,0,0,.35);
}

/* نقاط المعلومات الصغيرة في المنتصف */
.offer-meta{
  display:flex; gap:10px; flex-wrap:wrap; opacity:.95;
  font-size:13px; font-weight:600;
}
.offer-meta .dot{ background: rgba(0,0,0,.25); padding:6px 8px; border-radius:10px; }

/* السعر أسفل اليسار */
.offer-price{ display:flex; align-items:flex-end; gap:8px; }
.offer-price .num{ font-size:28px; font-weight:800; }
.offer-price .per{ font-size:13px; opacity:.9; }

/* الأزرار السفلية */
.offer-actions{ display:flex; gap:8px; flex-wrap:wrap; }
.offer-actions .btn-s{
  display:inline-block; padding:8px 10px;
  background: rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.5);
  color:#fff; border-radius:10px; font-size:13px; font-weight:600;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.offer-actions .btn-s:hover{
  transform: translateY(-2px);
  box-shadow:0 8px 16px rgba(0,0,0,.15);
  background: rgba(255,255,255,.18);
}

/* Responsive */
@media (max-width: 992px){
  .offers-grid{ grid-template-columns: repeat(2, 1fr); }
  .offer-dest{ font-size:24px; }
  .offer-price .num{ font-size:24px; }
}
@media (max-width: 600px){
  .offers-grid{ grid-template-columns: 1fr; }
  .offer-dest{ font-size:22px; }
  .offer-price .num{ font-size:22px; }
  .offer-overlay{ padding:12px; }
}
/* ارشيف المدونة */
/* ===== Blog (أرشيف المدونة) ===== */
.blog-section{ margin: 28px 0 46px; }
.blog-heading{
  text-align:center;
  color: var(--Primary-color,#23416E);
  font-weight:800;
  font-size:22px;
  margin: 0 0 18px;
}

.blog-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

/* الكارد */
.post-card{
  background:#f5f6f7;
  border:1px solid #e8e8e8;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  display:flex;
  flex-direction:column;
}

.pc-img{ aspect-ratio: 16 / 9; background:#ddd; overflow:hidden; }
.pc-img img{ width:100%; height:100%; object-fit:cover; display:block; }

.pc-body{ padding:14px 14px 12px; }
.pc-title{ margin:6px 0 8px; font-size:20px; }
.pc-title a{ color:#0e1b31; }
.pc-title a:hover{ text-decoration:underline; }

.pc-text{
  color:#666; line-height:1.8; margin:0 0 12px;
  min-height: 56px; /* توحيد الارتفاع */
}

/* زر اقرأ المزيد */
.pc-actions{ margin-bottom: 10px; }
.pc-actions .btn-more{
  display:inline-block;
  padding: 8px 14px;
  border-radius:10px;
  background:#fff;
  color:#d43b3b;
  border:1px solid #e6b3b3;
  font-weight:600;
  transition: transform .15s ease, box-shadow .15s ease;
}
.pc-actions .btn-more:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}

/* ميتا الكاتب + التاريخ */
.pc-meta{
  margin-top:auto; /* تثبت الميتا في أسفل الكارد */
  padding: 10px 14px 14px;
  display:flex; justify-content:space-between; align-items:center;
  color:#555;
  border-top: 1px dashed #e3e3e3;
}
.meta-left{ display:flex; align-items:center; gap:8px; }
.meta-avatar{
  width:26px; height:26px; border-radius:50%;
  object-fit:cover; display:block; border:1px solid #fff; box-shadow:0 1px 3px rgba(0,0,0,.08);
}
.meta-fallback{ font-size:18px; line-height:1; }
.meta-author{ font-weight:700; }
.meta-right .meta-date{ font-size:13px; opacity:.9; }

/* Responsive */
@media (max-width: 992px){
  .blog-grid{ grid-template-columns: repeat(2, 1fr); gap:16px; }
  .pc-title{ font-size:18px; }
  .pc-text{ font-size:14px; }
}
@media (max-width: 600px){
  .blog-grid{ grid-template-columns: 1fr; gap:14px; }
  .pc-body{ padding:12px 12px 10px; }
  .pc-title{ font-size:17px; margin-bottom:8px; }
  .pc-text{ font-size:14px; min-height:auto; }
  .pc-actions .btn-more{ width:100%; text-align:center; padding:12px; }
}




/* سنجل الارشيف  */
/* ===== Single Article ===== */
.single-section{ margin:28px 0 46px; }
.single-title{
  text-align:center; color:var(--Primary-color,#23416E);
  font-weight:800; font-size:26px; margin:0 0 18px;
}
.brand{ color:var(--Primary-color,#23416E); }

/* مقدمة */
.single-intro{
  display:grid; grid-template-columns: 260px 1fr;
  gap:16px; align-items:start; margin-bottom:18px;
}
.intro-fig{ margin:0; border-radius:14px; overflow:hidden; }
.intro-fig img{ width:100%; height:100%; object-fit:cover; display:block; }
.intro-text p{ margin:0 0 10px; line-height:1.9; color:#1a1a1a; }

/* شبكة النص + الصورة */
.single-grid{
  display:grid; grid-template-columns: 1fr 420px; gap:18px;
  align-items:start; margin: 18px 0 16px;
}
.blk-title{ margin:0 0 10px; color:#233c61; font-size:18px; font-weight:800; }

/* قائمة نصائح */
.tips-list{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.tips-list li{
  background:#f6f7f9; border:1px solid #e8e8e8; border-radius:12px;
  padding:10px 12px; display:flex; gap:10px; align-items:flex-start; color:#333;
}
.li-icon{ width:18px; height:18px; flex:0 0 18px; margin-top:3px; }

/* صورة كبيرة يمين */
.col-figure{ margin:0; border-radius:14px; overflow:hidden; background:#ddd; }
.col-figure img{ width:100%; height:100%; object-fit:cover; display:block; }

/* خاتمة + زر */
.single-outro{ margin-top:16px; }
.single-outro p{ margin:0 0 12px; line-height:1.9; color:#1a1a1a; }
.btn-contact{
  display:inline-block; padding:10px 16px; border-radius:10px;
  background:var(--Primary-color,#23416E); color:#fff; border:1px solid rgba(0,0,0,.04);
  font-weight:700; transition:transform .15s ease, box-shadow .15s ease;
}
.btn-contact:hover{ transform:translateY(-2px); box-shadow:0 6px 16px rgba(0,0,0,.12); }

/* ===== Responsive ===== */
@media (max-width: 992px){
  .single-intro{ grid-template-columns: 200px 1fr; }
  .single-grid{ grid-template-columns: 1fr; }
  .col-figure{ order: 1; }  /* الصورة فوق */
  .col-text{ order: 2; }
}
@media (max-width: 600px){
  .single-title{ font-size:22px; }
  .single-intro{ grid-template-columns: 1fr; }
  .intro-fig{ height: 220px; }
  .col-figure{ height: 260px; }
  .tips-list li{ font-size:14px; }
  .btn-contact{ width:100%; text-align:center; padding:12px; }
}


/* صفحة تواصل معنا  */

/* ===== Contact Page ===== */
.contact-section{ margin:28px 0 46px; }
.contact-lead{
  text-align:center; color:#0e1b31; font-weight:700;
  margin:0 0 18px; line-height:1.9;
}

/* كروت التواصل */
.contact-cards{
  display:grid; grid-template-columns: repeat(3, 1fr);
  gap:14px; margin-bottom:18px;
}
.contact-card{
  display:flex; align-items:center; justify-content:center; gap:12px;
  background:#fff; border:1px solid #dfe5ee; border-radius:16px;
  padding:16px; text-decoration:none; color:#0e1b31;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.contact-card:hover{ box-shadow:0 6px 16px rgba(0,0,0,.08); }
.cc-icon img{ width:22px; height:22px; display:block; }
.cc-title{ font-weight:700; }

/* شبكة الفورم + الخريطة */
.contact-grid{
  display:grid; grid-template-columns: 1fr 1fr; gap:18px;
  align-items:stretch;
}
.contact-form{
  background:#fff; border:1px solid #e8e8e8; border-radius:16px;
  padding:16px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.cf-title{ margin:0 0 12px; color:#233c61; font-size:20px; font-weight:800; }

.cf-row{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; margin-bottom:12px; }
.contact-form input,
.contact-form textarea{
  width:100%; border:1px solid #dde2ea; border-radius:12px;
  padding:12px 12px; outline:none; background:#f9fbfd; color:#0e1b31;
}
.contact-form textarea{ resize:vertical; }
.contact-form input:focus,
.contact-form textarea:focus{ border-color: var(--Primary-color,#23416E); background:#fff; }

.cf-submit{
  display:inline-block; margin-top:6px;
  padding:12px 16px; border-radius:10px; border:1px solid rgba(0,0,0,.04);
  background: var(--Primary-color,#23416E); color:#fff; font-weight:800;
  transition: transform .15s ease, box-shadow .15s ease;
}
.cf-submit:hover{ transform:translateY(-2px); box-shadow:0 6px 16px rgba(0,0,0,.12); }

/* الخريطة */
.contact-map{
  background:#fff; border:1px solid #e8e8e8; border-radius:16px;
  padding:8px; box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.contact-map iframe{
  width:100%; height:100%; min-height:360px; border:0; border-radius:12px;
}

/* ===== Responsive ===== */
@media (max-width: 992px){
  .contact-cards{ grid-template-columns: 1fr; }
  .contact-grid{ grid-template-columns: 1fr; }
  .cf-row{ grid-template-columns: 1fr; }
  .contact-map iframe{ min-height:300px; }
}
@media (max-width: 600px){
  .contact-lead{ font-size:14px; }
  .contact-card{ padding:14px; }
  .cf-submit{ width:100%; text-align:center; }
}


/* من نحن اضافيات  */
/* ===== About: VMV ===== */
.about-vmv{
  position: relative;
  background: #0e1b31 center/cover no-repeat;
  padding: 28px 0;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 0 24px;
}
.about-vmv__overlay{
  position: absolute; inset: 0;
  background: rgba(35,65,110,.75);
  mix-blend-mode: normal;
}
.vmv-grid{
  position: relative; z-index: 1;
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.vmv-card{
  color: #fff;
  padding: 16px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
  backdrop-filter: blur(2px);
}
.vmv-card h4{
  margin: 0 0 8px;
  font-weight: 800;
  font-size: 18px;
}
.vmv-card p{
  margin: 0;
  line-height: 1.9;
}

/* ===== About: Offers ===== */
.about-offers{ margin: 16px 0 40px; }
.offers-grid{
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 18px; align-items: start;
}
.offers-figure{
  margin: 0; border-radius: 16px; overflow: hidden; background: #ddd;
}
.offers-figure img{ width: 100%; height: 100%; object-fit: cover; display: block; }

.offers-content{ padding-top: 4px; }
.offers-title{
  color: var(--Primary-color,#23416E);
  font-weight: 800; margin: 0 0 12px; font-size: 22px; text-align: right;
}
.offer-list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.offer-list li{
  display: flex; gap: 10px; align-items: flex-start;
  background: #f6f7f9; border: 1px solid #e8e8e8; border-radius: 12px;
  padding: 10px 12px; color: #1a1a1a; line-height: 1.9;
}
.li-ic{ width: 18px; height: 18px; flex: 0 0 18px; margin-top: 4px; }

/* ===== Responsive ===== */
@media (max-width: 992px){
  .vmv-grid{ grid-template-columns: 1fr; }
  .offers-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 600px){
  .offers-title{ font-size: 20px; }
  .offer-list li{ font-size: 14px; }
}




/*تعديلات الناف بار */
/* ===========================
   Mobile Navbar + Hero Fixes
   =========================== */
@media (max-width: 768px){




/**/

/* ===========================
   Hero + Navbar (Mobile-first)
   =========================== */

/* الهيرو: صورة + تظليل خفيف */
.hero_page{
  min-height: 40svh!important;                /* ارتفاع فعلي على الموبايل */
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;            /* بدل 100% 100% */
  background-position: center;
  position: relative;
  isolation: isolate;                 /* ز-indexات نظيفة */
}

/* اجعل محتوى الهيرو في أسفل الصورة (مريح بصريًا) */
.hero_page{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

/* مساحة تأمين تحت الناف */
:root{ --nav-h: 64px; }              /* تقدير ارتفاع الناف بالموبايل */
.hero_info{
  position: relative;
  padding: calc(var(--nav-h) + 16px) 16px 28px;  /* علشان الناف مايغطيش النص */
  text-align: right;                 /* RTL */
  color: #fff;
  z-index: 1;
}
.hero_info h1{
  font-size: 19px;
  line-height: 1.2;
  margin: 0 0 8px;
}
.hero_info p{
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 14px;
  opacity: .95;
}
.hero_info button{
  display: inline-block;
  width: 33%;
  padding: 12px 14px;
  font-size: 12px;
  border: 0;
  border-radius: 10px;
  background: #1f3b57;              /* غامق مقروء على الهيرو */
  color: #fff;
}

/* ===========================
   Navbar Overlay فوق الهيرو
   =========================== */
.nav_hero_section{
  position: absolute!important;                /* Overlay فوق الهيرو */
  inset-inline: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;              /* الناف نفسه هيستقبل الأحداث */
}
.nav_hero{
  direction: rtl;
  background: rgba(5,12,22,.35);     /* شفاف فوق الصورة */
  backdrop-filter: blur(4px);
  padding: 8px 12px;
  pointer-events: auto;
}

/* اللوجو */
.nav_hero .navbar-brand img{
  max-height: 38px;                  /* حجم مناسب للموبايل */
  width: auto;
}

/* زر البرجر */
button.navbar-toggler{
  background-color: #fff !important;
  border-radius: 8px;
  padding: 6px 10px;
  border: 0;
}

/* صندوق القايمة عند الفتح */
.nav_hero .navbar-collapse{
  margin-top: 8px;
  background: rgba(7,16,28,.92);
  border-radius: 12px;
  padding: 10px 14px;
}

/* روابط القايمة */
.nav_hero .collapse ul{ margin:0; padding:0; }
.nav_hero .collapse ul li{ list-style:none; }
.nav_hero .collapse ul li a{
  color:#fff !important;
  display:block;
  padding: 10px 0;
  font-size: 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.nav_hero .collapse ul li:last-child a{ border-bottom: 0; }

/* زر تواصل معنا داخل القايمة */
.nav_hero .contact_us_btn{
  width:100%;
  margin-top:10px;
  background: var(--Primary-color, #0ea5b6);
  color:#fff;
  padding:10px 12px;
  border-radius:10px;
  border:0;
}

/* تحسينات عامة للموبايل */
@media (max-width: 768px){
  html,body{ overflow-x: hidden; }
  img{ max-width:100%; height:auto; display:block; }

  /* لو كان في أي CSS قديم مخلّي الناف absolute خارج الهيرو */
  .nav_hero{ top: 0; left: 0; width: 100%; }
  
    .hero_info{
  position: absolute;
  top: 16%;
  left: 18%!important;}

}

  /* 1) رجّع الهيدر داخل التدفق بدل absolute */
  .nav_hero_section{ position: relative; z-index: 1000; }
  .nav_hero{
    position: static;     /* بدلاً من absolute */
    top: 0; left: 0;      /* يضمن إنه يبدأ من أعلى الصفحة */
    width: 100%;
    padding: 8px 12px;
    background: rgba(0,0,0,0);  /* بار شبه شفاف جميل */
    backdrop-filter: blur(0px)!important;
  }

  /* 2) اللوجو والحجم */
  .nav_hero .navbar-brand img{
    max-height: 38px;
    width: auto;
  }

  /* 3) زرار البرجر */
  button.navbar-toggler{
    background-color: #fff !important;
    border-radius: 8px;
    padding: 6px 10px;
    border: 0;
  }

  /* 4) صندوق القايمة المفتوحة */
  .nav_hero .navbar-collapse{
    margin-top: 8px;
    background: #0b1a2a;           /* خلفية داكنة للقراءة */
    border-radius: 12px;
    padding: 10px 14px;
  }

  /* 5) روابط القايمة */
  .nav_hero .collapse ul{ margin: 0; padding: 0; }
  .nav_hero .collapse ul li{ list-style: none; }
  .nav_hero .collapse ul li a{
    color: #fff !important;
    display: block;
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  .nav_hero .collapse ul li:last-child a{ border-bottom: 0; }

  /* 6) زر "تواصل معنا" جوه القايمة يبقى بكامل العرض */
  .nav_hero .contact_us_btn{
    width: 100%;
    margin-top: 10px;
    background: var(--Primary-color);
    color:#fff;
  }

  /* 7) منع التزاحم مع الهيرو:
        لأننا شلنا الـabsolute، الهيدر مش هيغطي الهيرو.
        ولو لسه في تداخل، ادّي أول سكشن مسافة بسيطة من فوق. */
  .home section:first-of-type,
  .home .hero, .home .bl-hero, .home .hero_section{
    /* سيطبق على أي كلاس من دول لو موجود */
    margin-top: 8px;
  }

  /* حمايات عامة للموبايل */
  html,body{ overflow-x: hidden; }
  img{ max-width:100%; height:auto; display:block; }
}