/* ================= FONT SYSTEM ================= */

/* English (default) */
body{
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Arabic */
html[lang="ar"],
html[dir="rtl"],
body[lang="ar"]{
  font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ===== Desktop English Base Direction ===== */
body{
  direction:ltr;
  text-align:left;
}
/* ================= GLOBAL ================= */
body{
  margin:0;
  font-family:"Cairo", sans-serif;
}

/* ================= TOP HEADER ================= */
.top-header{
  background:#012a54;
  color:#fff;
  font-size:13px;
}

.top-container{
  max-width:1400px;
  margin:auto;
  padding:10px 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* Left */
.top-left{
  display:flex;
  align-items:center;
  gap:22px;
}

/* Join Button */
.btn-join-top{
  background:#fbb900;
  color:#000;
  padding:8px 20px;
  border-radius:30px;
  font-weight:700;
  font-size:13px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  transition:.3s ease;
}

.btn-join-top i{
  color:#000;
}

.btn-join-top:hover{
  background:#ffd76a;
  transform:translateY(-1px);
}

/* Contact */
.top-contact{
  display:flex;
  gap:18px;
}

.top-contact i{
  color:#fbb900;
  margin-right:6px;
}

/* Right */
.top-right{
  display:flex;
  align-items:center;
  gap:20px;
}

/* Social */
.top-social a{
  color:#fbb900;
  margin:0 5px;
  font-size:14px;
  transition:.25s;
}

.top-social a:hover{
  color:#fbb900;
}

/* Language */
.top-lang a{
  color:#fff;
  font-weight:600;
  text-decoration:none;
}

.top-lang span{
  margin:0 6px;
  opacity:.6;
}

/* ================= END ================= */


/* ================= MAIN HEADER ================= */
.main-header{
  background:#034990;
  box-shadow:0 12px 34px rgba(0,0,0,.18);
}

.main-header .container{
  max-width:1400px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 24px;
}

/* ================= BRAND ================= */
.brand{
  display:flex;
  align-items:center;
  gap:16px;
   margin-left:-114px;   /* يدخل اللوجو ناحية الشمال */
}

.brand img{
  width:92px;
}

.brand-text strong{
  display:block;
  color:#fff;
  font-size:17px;
}

.brand-text span{
  color:#fbb900;
  font-size:14px;
}

/* ================= NAVIGATION ================= */
.main-nav{
  display:flex;
  align-items:center;
  gap:22px;
  white-space:nowrap;
  margin-right:-490px
}

.main-nav a{
  color:#fff;
  font-size:14px;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:6px;
  position:relative;
  padding:6px 0;
  
}

.main-nav a i{
  color:#fbb900;
  font-size:13px;
}

/* Hover underline */
.main-nav a::after{
  content:"";
  position:absolute;
  bottom:-6px;
  left:0;
  width:0;
  height:2px;
  background:#fbb900;
  transition:.3s;
}
.main-nav a:hover::after{
  width:100%;
}

 
/* ===== Join Button (Top Header) ===== */
.btn-join-header{
  background:#fbb900;
  color:#034990;
  padding:8px 18px;
  border-radius:22px;
  font-weight:700;
  font-size:13px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  box-shadow:0 6px 16px rgba(245,198,70,.35);
  transition:.25s ease;
}

.btn-join-header i{
  color:#034990;
  font-size:13px;
}

.btn-join-header:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(245,198,70,.45);
}


/* ================= HOTLINE BAR ================= */
.hotline-bar img{
  width:170px;
  margin-left:490px !important;
}

/* ================= SITE HEADER ================= */
.site-header{
  width:100%;
  position:relative;
  z-index:9999;
}

/* Fixed State */
.site-header.is-fixed{
  position:fixed;
  top:0;
  left:0;
  right:0;
  animation: headerDrop .35s ease;
}

/* Space placeholder */
.header-placeholder{
  height:0;
}

/* Animation */
@keyframes headerDrop{
  from{
    transform:translateY(-100%);
    opacity:0;
  }
  to{
    transform:translateY(0);
    opacity:1;
  }
}






/* ===== Desktop Hero ===== */

/* ======================================================
   HERO SECTION
====================================================== */
/* ======================================================
   RESET
====================================================== */
*{margin:0;padding:0;box-sizing:border-box}

body{
  font-family:"Inter",system-ui,sans-serif;
  background:#ffffff;
  color:#fff;
}
.imc-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:120px;

  background:linear-gradient(
    to bottom,
    #ffffff 0%,
    #ffffff 100%
  );

  z-index:1;
}


.imc-hero-divider.crest{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  margin:22px auto 28px;
}

.imc-hero-divider.crest span{
  height:5px;
  background:#d4d4d4;
  border-radius:6px;
  box-shadow:0 1px 3px rgba(0,0,0,.35);
}

.imc-hero-divider.crest span:nth-child(1),
.imc-hero-divider.crest span:nth-child(3){
  width:34px;
  opacity:.45;
}

.imc-hero-divider.crest span:nth-child(2){
  width:64px;
  height:7px; /* ⬅️ القيادة */
  opacity:1;
}

/* ======================================================
   HERO
====================================================== */
.imc-hero{
  position:relative;
  min-height:calc(100vh - 70px);
  padding:80px 20px 130px; /* مساحة للماتريكس */
  background:
    linear-gradient(rgba(2,47,99,.85),rgba(2,47,99,.85)),
    url("../../logo/hero-bg.avif") center/cover no-repeat;

  overflow:visible; /* ⬅️ مهم جدًا */
}

/* Center content */
.imc-content{
  max-width:920px;
  margin:auto;
  text-align:center;
}

/* Logo */
.imc-logo img{
  width:280px;
  margin-bottom:0px;
}

/* Badge */
.imc-badge{
  display:inline-block;
  padding:8px 18px;
  border-radius:30px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.4);
  font-size:13px;
  margin-bottom:22px;
}

/* Title */
.imc-content h1{
  font-size:42px;
  line-height:1.2;
  margin-bottom:18px;
    color:#fbb900;
}

.sovereign-line{
   color:#f0c75e;
  text-shadow:0 1px 2px rgba(0,0,0,.25);
}
.imc-content h1 .sovereign-line{
  color:#ffffff;
  text-shadow:
    0 2px 4px rgba(0,0,0,.45),
    0 0 1px rgba(0,0,0,.6);
}

/* Description */
.imc-content p{
  max-width:720px;
  margin:0 auto 32px;
  font-size:16px;
  opacity:.95;
  color:#ffffff;
}

/* Actions */
.imc-actions{
  display:flex;
  gap:14px;
  justify-content:center; margin-bottom:-20px;
}

.imc-btn{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 22px;
  border-radius:18px;
  text-decoration:none;
  font-weight:600;
  color:#d4d4d4;

  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.35);
  backdrop-filter:blur(10px);
}

.btn-icon-img{
  width:22px;
}

/* ======================================================
   MATRIX (BRIDGE STYLE)
====================================================== */
.imc-matrix-bridge{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translate(-50%,50%); /* ⬅️ نص فوق ونص تحت */
  width:92%;

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

  z-index:10;
}

/* Card */
.imc-metric{
  background:rgba(255,255,255,.18);
  backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.4);
  border-radius:26px;

  padding:26px 14px 28px;
  text-align:center;

  box-shadow:
    0 26px 60px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.6);
}

.imc-metric img{
  width:38px;
  margin-bottom:12px;
}

.imc-metric b{
  display:block;
  font-size:14px;
  font-weight:900;
  color:#000000;margin-bottom:5px;
}

.imc-metric span{
  font-size:13px;
  opacity:.95;
  color:#000000;
}

/* ======================================================
   RESPONSIVE
====================================================== */
@media(max-width:640px){
  .imc-content h1{
    font-size:32px;
  }

  .imc-matrix-bridge{
    gap:12px;
  }

  .imc-metric{
    padding:20px 10px 22px;
  }

  .imc-metric b{
    font-size:14px;
  }
}

.imc-hero-spacer{
  height:140px; /* المسافة اللي الماتريكس نازلة فيها */
}


/* ======================================================
   MATRIX ENTRY ANIMATION – 1666 STYLE
====================================================== */

/* الحالة الافتراضية (قبل الظهور) */
.imc-matrix-bridge .imc-metric{
  opacity:0;
  transform:translateY(28px);
  transition:
    opacity .7s ease,
    transform .7s cubic-bezier(.22,.61,.36,1);
}

/* الحالة بعد التفعيل */
.imc-matrix-bridge.animate .imc-metric{
  opacity:1;
  transform:translateY(0);
}

/* Stagger – كل كارت بتطلع بعد اللي قبلها */
.imc-matrix-bridge.animate .imc-metric:nth-child(1){
  transition-delay:.05s;
}
.imc-matrix-bridge.animate .imc-metric:nth-child(2){
  transition-delay:.15s;
}
.imc-matrix-bridge.animate .imc-metric:nth-child(3){
  transition-delay:.25s;
}

 


.hero-desktop{
  background:
    radial-gradient(circle at top, rgba(18,41,73,.15), transparent 60%),
    linear-gradient(135deg,#f7f9fc,#ffffff);
  padding:90px 20px 110px;
}

.hero-content{
  max-width:980px;
  margin:auto;
  text-align:center;
}

/* Logo */
.hero-logo-container img{
  height:120px;
  margin-bottom:26px;
}

/* Title */
.hero-desktop h1{
  font-size:38px;
  line-height:1.3;
  color:#122949;
  margin-bottom:18px;
  font-weight:700;
}

/* Slogan */
.hero-slogan{
  font-size:18px;
  color:#555;
  margin-bottom:36px;
}

/* Actions */
.hero-actions{
  display:flex;
  justify-content:center;
  gap:16px;
}

.btn-primary{
  background:#122949;
  color:#fff;
  padding:14px 28px;
  border-radius:14px;
  font-size:15px;
  text-decoration:none;
  font-weight:600;
  transition:.25s;
}

.btn-primary:hover{
  background:#0d1f36;
  transform:translateY(-2px);
}

.btn-outline{
  border:2px solid #b0884b;
  color:#b0884b;
  padding:14px 26px;
  border-radius:14px;
  font-size:15px;
  text-decoration:none;
  font-weight:600;
  transition:.25s;
}

.btn-outline:hover{
  background:#b0884b;
  color:#fff;
  
  
}

.hero,
.hero-section,
.hero-iuesr {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


.header-placeholder{
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}


/* ================== METRICS DESKTOP ================== */
.iuesr-metrics-desktop{
  padding:80px 6%;
  background:linear-gradient(180deg,#ffffff,#f7f9fc);
  font-family:"Cairo",sans-serif;
}

.metrics-wrap{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:32px;
}

/* Metric Box */
.metric-box{
  background:#fff;
  border-radius:26px;
  padding:42px 26px;
  text-align:center;
  box-shadow:0 24px 60px rgba(0,0,0,.08);
  position:relative;
  transition:.35s ease;
}

/* Hover Effect */
.metric-box:hover{
  transform:translateY(-6px);
  box-shadow:0 32px 80px rgba(18,41,73,.18);
}

/* Icon */
.metric-icon{
  font-size:28px;
  display:block;
  margin-bottom:14px;
  opacity:.85;
}

/* Number */
.metric-box b{
  font-size:48px;
  font-weight:800;
  color:#122949;
  display:block;
  letter-spacing:.5px;
}

/* Gold Divider */
.metric-box em{
  display:block;
  width:46px;
  height:3px;
  background:linear-gradient(90deg,#b0884b,#edd082);
  border-radius:3px;
  margin:12px auto 14px;
}

/* Label */
.metric-box p{
  font-size:16px;
  color:#555;
  margin:0;
  font-weight:500;
}

/* Highlight Box (optional premium emphasis) */
.metric-box.highlight{
  background:linear-gradient(145deg,#122949,#0d1f36);
}

.metric-box.highlight b,
.metric-box.highlight p{
  color:#fff;
}

.metric-box.highlight em{
  background:#edd082;
}

/* Responsive */
@media(max-width:1100px){
  .metrics-wrap{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:600px){
  .metrics-wrap{
    grid-template-columns:1fr;
  }
}


/* ======================================================
   BRANCH ACCESS | DESKTOP
====================================================== */

.imc-branch-desktop{
  padding:70px 20px 40px;
  background:#ffffff;
}

.branch-desktop-wrap{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:28px;
}

/* ===== Card ===== */
.branch-desktop-card{
  display:flex;
  align-items:center;
  gap:22px;

  padding:28px 34px;
  border-radius:26px;
  text-decoration:none;

  background:#f6f8fb;
  border:1px solid #e4ebf3;

  box-shadow:
    0 14px 32px rgba(0,0,0,.08);

  transition:.3s ease;
}

/* Hover */
.branch-desktop-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 46px rgba(0,0,0,.12);
}

/* Highlight (Nearest) */
.branch-desktop-card.highlight{
  
   background:linear-gradient(
    180deg,
    #0b4f8a,
    #083e6f);
  border:none;
}
 
/* ===== Icon ===== */
.branch-desktop-icon{
  width:64px;
  height:64px;
  border-radius:18px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#ffffff;
  color:#0b2a4a;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 6px 16px rgba(0,0,0,.12);
}

.branch-desktop-card.highlight .branch-desktop-icon{
  background:#fbb900;
  color:#0b2a4a;
}





.branch-desktop-icon svg{
  width:28px;
  height:28px;
}

/* ===== Text ===== */
.branch-desktop-text strong{
  display:block;
  font-size:18px;
  font-weight:800;
  color:#0b2a4a;
  margin-bottom:6px;
}

.branch-desktop-text span{
  font-size:14px;
  color:#5f6f86;
  line-height:1.6;
}

/* Text colors on highlight */
.branch-desktop-card.highlight .branch-desktop-text strong{
  color:#ffffff;
}
.branch-desktop-card.highlight .branch-desktop-text span{
  color:#e6ecf4;
}
.imc-branch-desktop{
  margin-top:80px;   /* ⬅️ نزول خفيف */
}


/* ================== SOCIAL & CONTACT (DESKTOP) ================== */

.desk-social{
  padding:90px 0;
  background:linear-gradient(180deg,#f7f9fc,#ffffff);
}

/* ----- Header ----- */
.desk-section-head{
  text-align:center;
  margin-bottom:60px;
}

.desk-section-head h2{
  font-size:30px;
  color:#122949;
  margin-bottom:10px;
}

.desk-section-head p{
  font-size:16px;
  color:#666;
}

/* ----- Grid ----- */
.desk-social-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:34px;
}

/* ----- Card ----- */
.desk-social-card{
  background:#fff;
  border-radius:26px;
  padding:38px 24px;
  text-align:center;
  text-decoration:none;
  box-shadow:0 18px 40px rgba(0,0,0,.1);
  transition:.35s ease;
  border:1px solid rgba(0,0,0,.04);
}

.desk-social-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 60px rgba(0,0,0,.18);
}

/* ----- Icon ----- */
.desk-social-ico{
  width:80px;
  height:80px;
  margin:0 auto 22px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#021f3d,#034990);
}

.desk-social-ico img{
  width:38px;
  height:38px;
  filter:brightness(0) invert(1);
}


 

/* ----- Brand Colors ----- */
.desk-social-ico.fb{background:#1877f2;}
.desk-social-ico.x{background:#000;}
.desk-social-ico.ig{
  background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
}
.desk-social-ico.in{background:#0a66c2;}
.desk-social-ico.yt{background:#ff0000;}

/* ----- Text ----- */
.desk-social-card h3{
  font-size:18px;
  color:#122949;
  margin-bottom:6px;
}

.desk-social-card span{
  font-size:14px;
  color:#666;
}

/* ================== END SOCIAL ================== */



/* ================== NEWS TICKER ================== */

.ticker{
  background:#122949;
  color:#fff;
  overflow:hidden;
  padding:12px 0;
  position:relative;
  z-index:5;
}

/* inner container */
.ticker .inner{
  max-width:100%;
  overflow:hidden;
}

/* moving track */
.ticker-track{
  display:inline-flex;
  align-items:center;
  gap:14px;
  white-space:nowrap;

  animation: ticker-move 35s linear infinite;
}

/* links */
.ticker-track a{
  color:#ffffff;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  transition:.25s ease;
}

.ticker-track a:hover{
  color:#edd082;
  text-decoration:underline;
}

/* separator */
.ticker .sep{
  color:#edd082;
  font-weight:700;
  margin:0 6px;
}

/* animation */
@keyframes ticker-move{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

/* pause on hover */
.ticker:hover .ticker-track{
  animation-play-state:paused;
}

/* ================== END NEWS TICKER ================== */



/* ======================================================
   ABOUT IMC | DESKTOP
====================================================== */
/* ======================================================
   ABOUT IMC | DESKTOP (NEW DESIGN)
====================================================== */

.imc-about{
  padding:120px 20px;
  background:#ffffff;
}

/* Frame */
.imc-about-frame{
  max-width:1280px;
  margin:auto;
  display:grid;
  grid-template-columns: 1.1fr 0.7fr;
  gap:80px;
  align-items:flex-start;
}

/* ===== Content ===== */
.imc-about-content{
  max-width:760px;
}

/* Eyebrow */
.imc-about-eyebrow{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  letter-spacing:1.2px;
  color:#0b4f8a;
  margin-bottom:14px;
  text-transform:uppercase;
}

/* Title */
.imc-about-content h2{
  font-size:40px;
  font-weight:800;
  line-height:1.15;
  color:#0b2a4a;
  margin-bottom:32px;
}

/* Text */
.imc-about-content p{
  font-size:16px;
  line-height:1.9;
  color:#4f5f73;
  margin-bottom:22px;
}

.imc-about-content p strong{
  color:#0b2a4a;
  font-weight:700;
}

/* Button */
.imc-about-btn{
  display:inline-block;
  margin-top:28px;
  padding:15px 36px;

  background:#0b4f8a;
  color:#ffffff;
  text-decoration:none;
  font-weight:700;
  font-size:14px;

  border-radius:30px;
  box-shadow:
    0 14px 34px rgba(11,79,138,.35);

  transition:.25s ease;
}

.imc-about-btn:hover{
  transform:translateY(-2px);
  box-shadow:
    0 20px 44px rgba(11,79,138,.45);
}

/* ===== Aside ===== */
.imc-about-aside{
  display:flex;
  flex-direction:column;
  gap:24px;
  margin-top:40px;
}

/* Badge */
.imc-about-badge{
  padding:28px 30px;
  border-radius:22px;
  background:linear-gradient(135deg,#0b2a4a,#0b4f8a);
  color:#ffffff;

  box-shadow:
    0 18px 46px rgba(11,42,74,.35);
}

.imc-about-badge.soft{
  background:#f6f8fb;
  color:#0b2a4a;
  box-shadow:
    0 14px 30px rgba(0,0,0,.08);
}

.imc-about-badge strong{
  display:block;
  font-size:15px;
  font-weight:800;
  margin-bottom:6px;
}

.imc-about-badge span{
  font-size:14px;
  opacity:.95;
}


/* ======================================================
   WHO WE SERVE | DESKTOP
====================================================== */

.imc-serve{
  padding:110px 20px;
  background:#f6f8fb;
}

/* ===== Header ===== */
.imc-serve-head{
  max-width:760px;
  margin:0 auto 70px;
  text-align:center;
}

.imc-serve-head h2{
  font-size:38px;
  font-weight:800;
  color:#0b2a4a;
  margin-bottom:16px;
}

.imc-serve-head p{
  font-size:16px;
  color:#5f6f86;
}

/* ===== Grid ===== */
.imc-serve-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px;
}

/* ===== Card ===== */
.serve-card{
  background:#ffffff;
  border-radius:26px;
  padding:42px 34px 46px;
  text-align:center;

  border:1px solid #e4ebf3;
  box-shadow:
    0 18px 46px rgba(0,0,0,.08);

  transition:.35s ease;
}

.serve-card:hover{
  transform:translateY(-6px);
  box-shadow:
    0 26px 60px rgba(0,0,0,.12);
}

/* ===== Icon ===== */
.serve-icon{
  width:86px;
  height:86px;
  border-radius:50%;
  background:#0b4f8a;

  display:flex;
  align-items:center;
  justify-content:center;

  margin:0 auto 26px;
  box-shadow:
    0 12px 26px rgba(11,79,138,.35);
}

.serve-icon img{
  width:42px;
}

/* ===== Text ===== */
.serve-card h3{
  font-size:20px;
  font-weight:800;
  color:#0b2a4a;
  margin-bottom:14px;
}

.serve-card p{
  font-size:15px;
  line-height:1.75;
  color:#5f6f86;
}

/* ===== Responsive ===== */
@media(max-width:1024px){
  .imc-serve-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
}



/* ======================================================
   JOIN IMC | DESKTOP
====================================================== */

.imc-join-desktop{
  padding:40px 20px 120px;
  background:#f6f8fb;
  text-align:center;
}

/* Button */
.imc-join-btn{
  display:inline-flex;
  align-items:center;
  gap:18px;

  padding:22px 42px;
  border-radius:42px;
  text-decoration:none;

  background:
    linear-gradient(
      135deg,
      rgba(11,79,138,.95),
      rgba(11,42,74,.95)
    );

  color:#ffffff;
  box-shadow:
    0 24px 60px rgba(11,42,74,.35);

  transition:.3s ease;
}

/* Hover */
.imc-join-btn:hover{
  transform:translateY(-3px);
  box-shadow:
    0 32px 74px rgba(11,42,74,.45);
}

/* Icon */
.join-icon{
  width:56px;
  height:56px;
  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#fbb900;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8);
}

.join-icon img{
  width:26px;
   filter:brightness(0) invert(1);
}

/* Text */
.join-text{
  text-align:left;
}

.join-text strong{
  display:block;
  font-size:18px;
  font-weight:800;
  margin-bottom:4px;
}

.join-text small{
  font-size:14px;
  opacity:.9;
}

 
 
 
 /* ======================================================
   IMC DIGITAL ECOSYSTEM | DESKTOP
====================================================== */

.imc-ecosystem{
  padding:130px 20px;
  background:linear-gradient(180deg,#f6f8fb 0%, #ffffff 100%);
}

/* ===== Header ===== */
.imc-eco-head{
  max-width:820px;
  margin:0 auto 90px;
  text-align:center;
}

.imc-eco-head h2{
  font-size:40px;
  font-weight:800;
  color:#0b2a4a;
  margin-bottom:18px;
}

.imc-eco-head p{
  font-size:16px;
  line-height:1.7;
  color:#5f6f86;
}

/* ===== Grid ===== */
.imc-eco-grid{
  max-width:1280px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:42px;
}

/* ===== Card ===== */
.eco-card{
  background:rgba(255,255,255,.75);
  backdrop-filter:blur(14px);
  border-radius:28px;

  padding:46px 34px 48px;
  text-align:center;
  text-decoration:none;

  border:1px solid #e4ebf3;
  box-shadow:
    0 26px 60px rgba(0,0,0,.08);

  transition:.35s ease;
}

.eco-card:hover{
  transform:translateY(-8px);
  box-shadow:
    0 36px 74px rgba(0,0,0,.14);
}

/* ===== Logo ===== */
.eco-logo{
  height:90px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:26px;
}

.eco-logo img{
  max-height:64px;
  max-width:160px;
}

/* ===== Text ===== */
.eco-card h3{
  font-size:18px;
  font-weight:800;
  color:#0b2a4a;
  margin-bottom:8px;
}

.eco-card span{
  font-size:14px;
  color:#6b7c93;
}

/* ===== Responsive ===== */
@media(max-width:1100px){
  .imc-eco-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
}



 /* ======================================================
   IMC NEWS | DESKTOP
====================================================== */

.imc-news{
  padding:120px 20px;
  background:#ffffff;
}

/* ===== Header ===== */
.imc-news-head{
  text-align:center;
  max-width:760px;
  margin:0 auto 70px;
}

.imc-news-head h2{
  font-size:38px;
  font-weight:800;
  color:#0b2a4a;
  margin-bottom:14px;
}

.imc-news-head p{
  font-size:16px;
  color:#5f6f86;
}

/* ===== Grid ===== */
.imc-news-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px;
}

/* ===== Card ===== */
.news-card{
  background:#ffffff;
  border-radius:26px;
  overflow:hidden;

  border:1px solid #e4ebf3;
  box-shadow:
    0 18px 46px rgba(0,0,0,.08);

  transition:.35s ease;
}

.news-card:hover{
  transform:translateY(-6px);
  box-shadow:
    0 28px 60px rgba(0,0,0,.12);
}

/* Image */
.news-card img{
  width:100%;
  height:220px;
  object-fit:cover;
}

/* Body */
.news-body{
  padding:28px 28px 32px;
}

.news-date{
  display:block;
  font-size:13px;
  color:#7a8ca3;
  margin-bottom:12px;
}

.news-date i{
  margin-right:6px;
  color:#0b4f8a;
}

/* Title */
.news-body h3{
  font-size:18px;
  font-weight:800;
  line-height:1.4;
  color:#0b2a4a;
  margin-bottom:14px;
}

/* Text */
.news-body p{
  font-size:14px;
  line-height:1.75;
  color:#5f6f86;
  margin-bottom:22px;
}

/* Link */
.news-link{
  font-size:14px;
  font-weight:700;
  color:#0b4f8a;
  text-decoration:none;
}

.news-link:hover{
  text-decoration:underline;
}

/* ===== View All ===== */
.news-more{
  text-align:center;
  margin-top:60px;
}

.btn-more-news{
  display:inline-block;
  padding:14px 36px;
  border-radius:30px;

  background:#0b4f8a;
  color:#ffffff;
  text-decoration:none;
  font-weight:700;
  font-size:14px;

  box-shadow:
    0 14px 34px rgba(11,79,138,.35);

  transition:.25s ease;
}

.btn-more-news:hover{
  transform:translateY(-2px);
  box-shadow:
    0 20px 44px rgba(11,79,138,.45);
}



 /* ======================================================
   WHY IMC MATTERS | LIGHT DESKTOP
====================================================== */

.imc-why-light{
  padding:130px 20px;
  background:#f6f8fb;
}

/* ===== Header ===== */
.imc-why-head{
  max-width:820px;
  margin:0 auto 90px;
  text-align:center;
}

.imc-why-head h2{
  font-size:40px;
  font-weight:800;
  color:#0b2a4a;
  margin-bottom:18px;
}

.imc-why-head p{
  font-size:16px;
  line-height:1.7;
  color:#5f6f86;
}

/* ===== Grid ===== */
.imc-why-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px;
}

/* ===== Card ===== */
.why-card{
  background:#ffffff;
  border-radius:26px;
  padding:46px 38px;

  border:1px solid #e4ebf3;
  box-shadow:
    0 20px 46px rgba(0,0,0,.08);

  transition:.35s ease;
}

.why-card:hover{
  transform:translateY(-6px);
  box-shadow:
    0 30px 60px rgba(0,0,0,.12);
}

/* ===== Icon ===== */
.why-icon{
  width:64px;
  height:64px;
  border-radius:16px;
  background:#0b4f8a;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-bottom:22px;
}

.why-icon img{
  width:32px;
  filter:brightness(0) invert(1);
}

/* ===== Text ===== */
.why-card h3{
  font-size:18px;
  font-weight:800;
  color:#0b2a4a;
  margin-bottom:14px;
}

.why-card p{
  font-size:15px;
  line-height:1.75;
  color:#5f6f86;
}

/* ===== Responsive ===== */
@media(max-width:1100px){
  .imc-why-grid{
    grid-template-columns:1fr;
  }
}




/* ======================================================
   DEVELOPMENT PARTNERS | DESKTOP
====================================================== */

.imc-partners-desktop{
  padding:120px 20px;
  background:#f6f8fb;
}

/* ===== Header ===== */
.partners-head{
  text-align:center;
  margin-bottom:60px;
}

.partners-head h2{
  font-size:38px;
  font-weight:800;
  color:#0b2a4a;
  margin-bottom:12px;
}

.partners-head p{
  font-size:16px;
  color:#5f6f86;
}

/* ===== Box ===== */
.partners-box{
  max-width:1280px;
  margin:auto;

  background:#ffffff;
  border-radius:28px;
  padding:36px 0;

  border:1px solid #e4ebf3;
  box-shadow:
    0 22px 54px rgba(0,0,0,.08);

  overflow:hidden;
}

/* ===== Rail ===== */
.partners-rail{
  width:100%;
  overflow:hidden;
}

/* ===== Track ===== */
.partners-track{
  display:flex;
  align-items:center;
  gap:56px;

  animation: partnersScroll 40s linear infinite;
}

/* Pause on hover (Desktop UX 👌) */
.partners-box:hover .partners-track{
  animation-play-state:paused;
}

/* ===== Logos ===== */
.partners-track img{
  height:100px;
  width:auto;
  object-fit:contain;
  flex-shrink:0;

  filter:none;               /* ⬅️ ألوان طبيعية */
  opacity:.95;

  transition:.3s ease;
}

.partners-track img:hover{
  transform:scale(1.05);
  opacity:1;
}

/* ===== Animation ===== */
@keyframes partnersScroll{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}





/* ======================================================
   SUCCESS PARTNERS | DESKTOP (REVERSE)
====================================================== */

.imc-partners-desktop.success{
  padding:120px 20px;
  background:#ffffff;
}

/* نفس الـ Box */
.success-box{
  background:#ffffff;
}

/* Reverse track */
.partners-track.reverse{
  display:flex;
  align-items:center;
  gap:56px;

  animation: partnersScrollReverse 40s linear infinite;
}

/* Pause on hover */
.partners-box:hover .partners-track.reverse{
  animation-play-state:paused;
}

/* Animation Reverse */
@keyframes partnersScrollReverse{
  from{
    transform:translateX(-50%);
  }
  to{
    transform:translateX(0);
  }
}





/* ======================================================
   IMC HEAD OFFICE | DESKTOP
====================================================== */

.imc-office{
  padding:130px 20px;
  background:#f6f8fb;
}

.imc-office-wrap{
  max-width:1280px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:60px;
  align-items:center;
}

/* ===== Office Info ===== */
.office-info{
  background:#ffffff;
  padding:46px 42px;
  border-radius:28px;

  border:1px solid #e4ebf3;
  box-shadow:
    0 22px 54px rgba(0,0,0,.08);
}

.office-eyebrow{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  letter-spacing:1.2px;
  color:#0b4f8a;
  text-transform:uppercase;
  margin-bottom:14px;
}

.office-info h2{
  font-size:34px;
  font-weight:800;
  color:#0b2a4a;
  margin-bottom:22px;
  line-height:1.25;
}

.office-address{
  font-size:16px;
  line-height:1.9;
  color:#4f5f73;
  margin-bottom:32px;
}

/* Button */
.office-map-btn{
  display:inline-block;
  padding:14px 34px;
  border-radius:30px;

  background:#0b4f8a;
  color:#ffffff;
  text-decoration:none;
  font-weight:700;
  font-size:14px;

  box-shadow:
    0 14px 34px rgba(11,79,138,.35);

  transition:.25s ease;
}

.office-map-btn:hover{
  transform:translateY(-2px);
  box-shadow:
    0 20px 44px rgba(11,79,138,.45);
	 color:#ffffff;
}

/* ===== Map ===== */
.office-map{
  border-radius:28px;
  overflow:hidden;

  border:1px solid #e4ebf3;
  box-shadow:
    0 22px 54px rgba(0,0,0,.12);
}

.office-map iframe{
  width:100%;
  height:420px;
  border:0;
}

/* ===== Responsive ===== */
@media(max-width:1024px){
  .imc-office-wrap{
    grid-template-columns:1fr;
    gap:36px;
  }

  .office-map iframe{
    height:360px;
  }
}


/* ======================================================
   ABOUT IMC | RTL FIX (Arabic Only)
====================================================== */
html[lang="ar"] .imc-about{
  direction: rtl;
}

html[lang="ar"] .imc-about-frame{
  flex-direction: row-reverse;
}
html[lang="ar"] .imc-about-content{
  text-align: right;
}

html[lang="ar"] .imc-about-eyebrow{
  letter-spacing: 0;
}

html[lang="ar"] .imc-about-badge{
  text-align: right;
}

/* ======================================================
   WHY IMC MATTERS | RTL FIX (Arabic Only)
====================================================== */

/* اتجاه عام للسيكشن */
html[lang="ar"] .imc-why-light{
  direction: rtl;
}

/* محاذاة العنوان والوصف */
html[lang="ar"] .imc-why-head{
  text-align: right;
}

/* ترتيب الكروت لو Grid أو Flex */
html[lang="ar"] .imc-why-grid{
  direction: rtl;
}

/* محاذاة محتوى الكارت */
html[lang="ar"] .why-card{
  text-align: right;
}

/* الأيقونة + النص (لو في Flex) */
html[lang="ar"] .why-icon{
  margin-left: 0;
  margin-right: 0;
}


 /* ======================================================
   FLOATING BUTTON
====================================================== */
.imc-float-btn{
  position:fixed;
  right:22px;
  bottom:22px;
  width:56px;
  height:56px;
  background:#034990;
  color:#fff;
  font-size:22px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
  z-index:3000;
  transition:.25s ease;
}

.imc-float-btn:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 36px rgba(0,0,0,.3);
}

/* ======================================================
   SIDE FORM CONTAINER
====================================================== */
.imc-side-form{
  position:fixed;
  top:0;
  right:-420px;
  width:400px;
  height:100vh;
  background:#ffffff;
  box-shadow:-20px 0 50px rgba(0,0,0,.25);
  z-index:999999;
  transition:.35s ease;
  display:flex;
  flex-direction:column;
}

.imc-side-form.active{
  right:0;
}

/* ======================================================
   HEADER
====================================================== */
.form-header{
  background:#034990;
  color:#fff;
  padding:16px;
  font-weight:700;
  text-align:center;
  position:relative;
}

.close-form{
  position:absolute;
  right:16px;
  top:10px;
  font-size:22px;
  cursor:pointer;
}

/* ======================================================
   FORM BODY
====================================================== */
#imcServiceForm{
  padding:18px;
  overflow-y:auto;
  color:#0b1b42;
}

#imcServiceForm label{
  font-size:12px;
  font-weight:600;
  display:block;
  margin-bottom:6px;
}

#imcServiceForm input,
#imcServiceForm select{
  width:100%;
  padding:11px;
  margin-bottom:14px;
  border-radius:10px;
  border:1px solid #dce3ee;
  font-size:13px;
  color:#0b1b42;
}

#imcServiceForm input::placeholder{
  color:#8a96ab;
}

#imcServiceForm button{
  width:100%;
  padding:13px;
  background:#034990;
  color:#fff;
  border:none;
  border-radius:12px;
  font-weight:700;
  cursor:pointer;
  transition:.2s ease;
}

#imcServiceForm button:hover{
  background:#022f63;
}

/* ======================================================
   FLOATING PILL BUTTON | PNG ICON
====================================================== */
.imc-pill-btn{
  position:fixed;
  right:18px;
  bottom:64px;

  display:flex;
  align-items:center;
  gap:10px;

  padding:12px 20px 12px 14px;
  background:#034990;        /* نفس روح المثال */
  color:#fff;

  border-radius:999px;
  text-decoration:none;
  font-family:"Cairo",system-ui;
  font-size:14px;
  font-weight:700;

  box-shadow:0 14px 30px rgba(0,0,0,.28);
  z-index:999999;
  transition:.25s ease;
}

.imc-pill-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 36px rgba(0,0,0,.35);
   color:#d7d7d7;
}

/* Icon holder */
.pill-icon{
  width:34px;
  height:34px;
  background:rgba(255,255,255,.15);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

/* PNG Icon */
.pill-icon img{
  width:18px;
  height:18px;
  object-fit:contain;
  display:block;
}

/* Text */
.pill-text{
  white-space:nowrap;
}


/* ======================================================
   RTL ADJUSTMENTS | ARABIC FORM
====================================================== */

/* Align text right */
#imcForm[dir="rtl"]{
  direction:rtl;
}

/* Labels & inputs */
#imcForm[dir="rtl"] label{
  text-align:right;
}

/* Inputs */
#imcForm[dir="rtl"] input,
#imcForm[dir="rtl"] select{
  text-align:right;
}

/* Close button → left */
#imcForm[dir="rtl"] .close-form{
  right:auto;
  left:16px;
}

/* Slide from RIGHT stays logical for Arabic */
#imcForm[dir="rtl"].active{
  right:0;
}

/* ======================================================
   BRANCH ACCESS | RTL / LTR FINAL FIX
====================================================== */

/* ===== Base card layout (مش موجود؟ ضيفيه لو مش عندك) ===== */
.branch-desktop-card{
  display:flex;
  align-items:center;
  gap:16px;
  text-decoration:none;
}

/* ======================================================
   RTL (Arabic)
====================================================== */
html[dir="rtl"] .imc-branch-desktop{
  direction: rtl;
}

html[dir="rtl"] .imc-branch-desktop-card{
  flex-direction: row-reverse;   /* ⬅️ الأيقونة يمين */
}

html[dir="rtl"] .branch-desktop-text{
  text-align: right;
}

/* Hover movement (اختياري – إحساس طبيعي عربي) */
html[dir="rtl"] .imc-branch-desktop-card:hover{
  transform: translateX(-4px);
}

/* ======================================================
   LTR (English)
====================================================== */
html[dir="ltr"] .imc-branch-desktop{
  direction: ltr;
}

html[dir="ltr"] .imc-branch-desktop-card{
  flex-direction: row;           /* ⬅️ الأيقونة شمال */
}

html[dir="ltr"] .branch-desktop-text{
  text-align: left;
}

/* Hover movement */
html[dir="ltr"] .imc-branch-desktop-card:hover{
  transform: translateX(4px);
}

/* ======================================================
   ABOUT US – IMC | Desktop Arabic
====================================================== */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:"Cairo",system-ui;
  background:#ffffff;
  color:#1f2d3d;
}

/* ===== PAGE WRAPPER ===== */
.imc-about{
  direction:rtl;
}

/* ===== HEADER ===== */
.about-header{
  padding:90px 20px 70px;
  text-align:center;
  background:#f6f9fd;
}

.about-header h1{
  font-size:44px;
  font-weight:800;
  margin-bottom:12px;
}

.about-header p{
  font-size:16px;
  color:#5b6b80;
}

/* ===== CONTENT BLOCK ===== */
.about-block{
  max-width:1100px;
  margin:80px auto;
  padding:0 20px;
}

.about-block h2{
  font-size:30px;
  margin-bottom:24px;
   text-align:right;
}

.about-block p{
  font-size:15px;
  line-height:1.9;
  margin-bottom:16px;
  text-align:right;
}

/* ===== VISION & MISSION ===== */
.vm-section{
  max-width:1100px;
  margin:0 auto 100px;
  padding:0 20px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}

.vm-card{
  background:#f9fbfd;
  padding:40px;
  border-radius:18px;
  text-align:right;
}

.vm-card h3{
  font-size:22px;
  margin-bottom:14px;
}

/* ===== STATS ===== */
.stats-section{
  background:#f6f9fd;
  padding:80px 20px;
  text-align:center;
}

.stats-section h2{
  font-size:32px;
  margin-bottom:40px;
}

.stats-grid{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:30px;
}

.stat-box{
  text-align:center;
}

.stat-box b{
  font-size:34px;
  color:#034990;
  display:block;
}

.stat-box span{
  font-size:14px;
  color:#5b6b80;
}

/* ===== PROCESS ===== */
.process-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  margin-top:40px;
}

.process-card{
  border:1px solid #e4ebf3;
  border-radius:18px;
  padding:36px;
  text-align:right;
}

.process-card h4{
  font-size:20px;
  margin-bottom:12px;
}

/* ===== POLICIES ===== */
.policies-section{
  max-width:1100px;
  margin:0 auto 120px;
  padding:0 20px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  direction:rtl;
}

.policy-card{
  background:#f9fbfd;
  padding:34px;
  border-radius:18px;
  text-align:right;
}

.policy-card h3{
  font-size:18px;
  margin-bottom:12px;
}




/* ================= INNER PAGE HEADER ================= */
.inner-page-header{
  position:relative;
  width:100%;
  min-height:260px;
  background:
    url("../../logo/hero-bg.avif") center/cover no-repeat;
  display:flex;
  align-items:center;
}

/* Overlay */
.inner-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    rgba(11,42,74,.55),
    rgba(11,42,74,.55)
  );
}

/* Container */
.inner-container{
  position:relative;
  z-index:2;
  max-width:1400px;
  margin:auto;
  padding:0 24px;
  text-align:center;
  color:#fff;
}

/* Title */
.inner-title{
  font-size:36px;
  font-weight:800;
  margin-bottom:14px;
  letter-spacing:.3px;
  color:#fff;
}

/* Breadcrumb */
.inner-breadcrumb{
  font-size:14px;
  opacity:.95;
}

.inner-breadcrumb a{
  color:#fbb900;
  text-decoration:none;
  font-weight:600;
}

.inner-breadcrumb span{
  margin:0 6px;
  color:#fff;
}

/* ================= RESPONSIVE ================= */
@media (max-width:768px){
  .inner-title{
    font-size:26px;
  }
}


/* ================= Breadcrumbs ================= */
.page-breadcrumbs{
  background:#f2f2f2;
  border-top:1px solid #e5e5e5;
}

.breadcrumb-container{
  max-width:1400px;
  margin:auto;
  padding:14px 24px;
  display:flex;
  align-items:center;
  font-size:14px;
  color:#555;
}

/* Home link */
.breadcrumb-home{
  color:#122949;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:6px;
  font-weight:600;
}

.breadcrumb-home i{
  color:#122949; 
  font-size:14px;
}

.breadcrumb-home:hover{
  text-decoration:underline;
}

/* Separator */
.breadcrumb-sep{
  margin:0 10px;
  color:#999;
}

/* Current page */
.breadcrumb-current{
  color:#444;
  font-weight:500;
}
/* ================= End ================= */


/* ======================================================
   IMC PROGRAMS – DESKTOP STYLE
====================================================== */
/* ======================================================
   IMC PROGRAMS – DESKTOP STYLE
====================================================== */

.imc-programs{
  max-width:1200px;
  margin:120px auto;
  padding:0 20px;
  font-family:"Cairo",system-ui;
  direction:rtl;
}

/* Title */
.prog-title{
  font-size:36px;
  font-weight:800;
  margin-bottom:50px;
  text-align:right;
  color:#1f2d3d;
}

/* Grid */
.prog-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:32px;
}

/* Card */
.prog-card{
  background:#ffffff;
  border:1px solid #e4ebf3;
  border-radius:20px;
  padding:28px 30px;
  transition:.3s ease;
}

.prog-card:hover{
  border-color:#034990;
}

/* Head */
.prog-head{
  display:flex;
  align-items:flex-start;
  gap:18px;
}

/* Icon */
.prog-icon{
  width:56px;
  height:56px;
  border-radius:14px;
  background:#f5f8fc;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.prog-icon img{
  width:28px;
}

/* Title */
.prog-head h3{
  flex:1;
  font-size:18px;
  line-height:1.6;
  font-weight:700;
  text-align:right;
}

/* Toggle */
.prog-toggle{
  background:none;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:6px;
  font-family:inherit;
  font-size:13px;
  font-weight:600;
  color:#034990;
}

.prog-toggle svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  transition:.3s ease;
}

/* Body */
.prog-body{
  max-height:0;
  overflow:hidden;
  transition:max-height .4s ease;
}

.prog-body p{
  margin-top:18px;
  font-size:14px;
  line-height:1.9;
  color:#4a5a6a;
  text-align:right;
}

/* Active */
.prog-card.active .prog-body{
  max-height:360px;
}

.prog-card.active .prog-toggle svg{
  transform:rotate(180deg);
}


 
 
 
 
 
 /* ======================================================
   IMC SECTORS – DESKTOP STYLE
====================================================== */
/* Center sectors title & subtitle */
.sectors-header{
  max-width:800px;          /* عرض مناسب للديسكتوب */
  margin:0 auto 70px;       /* توسيط الهيدر بالكامل */
  text-align:center;        /* توسيط النص */
}

/* Title */
.sectors-title{
  text-align:center;
}

/* Subtitle */
.sectors-sub{
  text-align:center;
}

.imc-sectors{
  max-width:1300px;
  margin:140px auto;
  padding:0 24px;
  font-family:"Cairo",system-ui;
   
}

/* Header */
.sectors-header{
  max-width:700px;
  margin-bottom:70px;
}

.sectors-title{
  font-size:38px;
  font-weight:800;
  margin-bottom:16px;
  color:#1f2d3d;
  text-align:center
}

.sectors-sub{
  font-size:15px;
  line-height:1.9;
  color:#5b6b80;
  text-align:center
}

/* Grid */
.sectors-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:32px;
}

/* Card */
.sector-card{
  background:#ffffff;
  border:1px solid #e4ebf3;
  border-radius:22px;
  overflow:hidden;
  transition:.35s ease;
}

.sector-card:hover{
  transform:translateY(-6px);
  border-color:#034990;
}

/* Image */
.sector-img{
  height:160px;
  overflow:hidden;
}

.sector-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.4s ease;
}

.sector-card:hover .sector-img img{
  transform:scale(1.06);
}

/* Body */
.sector-body{
  padding:26px 24px 30px;
  text-align:right;
}

.sector-body h3{
  font-size:17px;
  font-weight:700;
  line-height:1.6;
  margin-bottom:12px;
}

.sector-body p{
  font-size:14px;
  line-height:1.9;
  color:#4a5a6a;
  margin-bottom:22px;
}

/* Button */
.sector-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:600;
  color:#034990;
  text-decoration:none;
}

.sector-btn span{
  transition:.3s ease;
}

.sector-btn:hover span{
  transform:translateX(-4px);
}




/* ===============================
   IMC TENDERS – DESKTOP STYLE
================================ */

.imc-tenders{
  max-width:1200px;
  margin:140px auto;
  padding:0 24px;
  font-family:"Cairo",system-ui;
  direction:rtl;
}

/* Header */
.tenders-header{
  text-align:center;
  margin-bottom:60px;
}

.tenders-header h1{
  font-size:42px;
  font-weight:800;
  margin-bottom:12px;
}

.tenders-header p{
  font-size:15px;
  color:#5b6b80;
}

/* Search */
.tenders-search{
  max-width:420px;
  margin:0 auto 60px;
}

.tenders-search input{
  width:100%;
  padding:14px 18px;
  border-radius:12px;
  border:1px solid #dfe6ef;
  font-family:inherit;
  font-size:14px;
}

/* List */
.tenders-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:32px;
}

/* Card */
.tender-item{
  background:#ffffff;
  border:1px solid #e4ebf3;
  border-radius:20px;
  padding:28px 30px;
}

.tender-item.closed{
  opacity:.55;
}

/* Top */
.tender-top{
  display:flex;
  justify-content:space-between;
  margin-bottom:14px;
}

.badge{
  background:#0d6efd;
  color:#fff;
  padding:4px 12px;
  border-radius:999px;
  font-size:12px;
}

.badge.gray{
  background:#9aa6b2;
}

.date{
  font-size:12px;
  color:#6b7c93;
}

/* Title */
.tender-item h3{
  font-size:18px;
  line-height:1.6;
  margin-bottom:12px;
}

.tender-item h3 small{
  display:block;
  font-size:13px;
  color:#6b7c93;
}

/* Desc */
.desc{
  font-size:14px;
  line-height:1.9;
  color:#4a5a6a;
  margin-bottom:18px;
}

/* Meta */
.tender-meta{
  display:flex;
  gap:16px;
  font-size:13px;
  color:#6b7c93;
  margin-bottom:22px;
}

/* ===== Glass Button : Tender ===== */
.tender-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:10px 18px;
  border-radius:14px;

  font-size:13px;
  font-weight:700;

  color:#034990;
  text-decoration:none;

  background:rgba(3,73,144,.08);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);

  border:1px solid rgba(3,73,144,.25);

  transition:.3s ease;
}

/* Arrow */
.tender-btn span{
  font-size:14px;
  transition:.3s ease;
}

/* Hover */
.tender-btn:hover{
  background:rgba(3,73,144,.15);
  border-color:#034990;
}

.tender-btn:hover span{
  transform:translateX(-4px);
}

/* Disabled */
.tender-btn.disabled{
  background:rgba(150,150,150,.1);
  border-color:#ccc;
  color:#888;
  pointer-events:none;
}






/* ======================================================
   IMC NEWS – DESKTOP PAGE STYLE
====================================================== */

.imc-news{
  max-width:1300px;
  margin:160px auto;
  padding:0 24px;
  font-family:"Cairo",system-ui;
  direction:rtl;
}

/* Header */
.news-header{
  text-align:center;
  max-width:720px;
  margin:0 auto 90px;
}

.news-header h1{
  font-size:42px;
  font-weight:900;
  margin-bottom:16px;
  color:#1f2d3d;
}

.news-header p{
  font-size:15px;
  line-height:1.9;
  color:#5b6b80;
}

/* Grid */
.news-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
}

/* Card */
.news-card{
  background:#ffffff;
  border:1px solid #e4ebf3;
  border-radius:26px;
  overflow:hidden;
  transition:.4s ease;
}

.news-card:hover{
  transform:translateY(-8px);
  border-color:#034990;
}

/* Image */
.news-card img{
  width:100%;
  height:220px;
  object-fit:cover;
}

/* Body */
.news-body{
  padding:28px 28px 34px;
  text-align:right;
}

.news-date{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  color:#034990;
  margin-bottom:12px;
}

/* Title */
.news-body h3{
  font-size:18px;
  line-height:1.6;
  font-weight:800;
  margin-bottom:14px;
}

/* Text */
.news-body p{
  font-size:14px;
  line-height:1.9;
  color:#4a5a6a;
  margin-bottom:22px;
}

/* Button (Glass) */
.news-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:10px 18px;
  border-radius:14px;

  font-size:13px;
  font-weight:700;
  color:#034990;
  text-decoration:none;

  background:rgba(3,73,144,.08);
  backdrop-filter:blur(10px);
  border:1px solid rgba(3,73,144,.25);

  transition:.3s ease;
}

.news-btn span{
  transition:.3s ease;
}

.news-btn:hover{
  background:rgba(3,73,144,.15);
  border-color:#034990;
}

.news-btn:hover span{
  transform:translateX(-4px);
}



 /* ======================================================
   IMC NEWS DETAILS – DESKTOP FINAL CSS
====================================================== */

/* ===== Page Wrapper ===== */
.imc-news-details{
  max-width:1100px;
  margin:140px auto;
  padding:0 24px;
  font-family:"Cairo",system-ui;
  direction:rtl;
  color:#1f2d3d;
}

/* ======================================================
   NEWS HERO (Title + Date)
====================================================== */
.news-hero{
  max-width:900px;
  margin:0 auto 70px;
  text-align:center;
}

.news-title{
  font-size:38px;
  font-weight:900;
  line-height:1.55;
  margin-bottom:14px;
  color:#1f2d3d;
    text-align:right;
}
 

.news-date{
  font-size:13px;
  font-weight:600;
  color:#034990;
}

/* ======================================================
   CONTENT WRAPPER
====================================================== */
.news-content{
  max-width:900px;
  margin:0 auto;
}

/* Paragraphs */
.news-content p{
  font-size:16px;
  line-height:2;
  color:#2f3d4c;
  margin-bottom:26px;
  text-align:right;
}

/* ======================================================
   HIGHLIGHTS BOX
====================================================== */
.news-highlights{
  max-width:760px;
  margin:0 auto 70px;
  background:#f7fafd;
  border:1px solid #e3ebf4;
  border-radius:22px;
  padding:34px 40px;
}

.news-highlights h3{
  font-size:18px;
  font-weight:800;
  margin-bottom:20px;
  color:#034990;
  text-align:right;
}

.news-highlights ul{
  padding-right:22px;
  margin:0;
}

.news-highlights li{
  font-size:15px;
  line-height:1.9;
  color:#2f3d4c;
  margin-bottom:14px;
  text-align:right !important;
}.news-highlights li{
  font-size:15px;
  line-height:1.9;
  color:#2f3d4c;
  margin-bottom:14px;
  text-align:right !important;
}
/* News Highlights List – RTL Correct */
.news-highlights ul{
  list-style-position:inside;   /* يخلي النقط جوه البلوك */
  padding-right:0;
  margin-right:0;
}

.news-highlights li{
  font-size:15px;
  line-height:1.9;
  color:#2f3d4c;
  margin-bottom:14px;

  text-align:right;
  direction:rtl;                /* مهم */
}


/* ======================================================
   SECTION TITLES INSIDE ARTICLE
====================================================== */
.news-section-title{
  font-size:22px;
  font-weight:800;
  margin:60px 0 22px;
  color:#1f2d3d;
  text-align:right;
}

/* ======================================================
   OPTIONAL: SUBTLE DIVIDER
====================================================== */
.news-divider{
  width:80px;
  height:3px;
  background:#034990;
  margin:40px auto;
  border-radius:3px;
}

/* ======================================================
   RESPONSIVE SAFETY (Desktop First)
====================================================== */
@media (max-width: 992px){
  .news-title{
    font-size:32px;
  }

  .news-highlights{
    padding:28px 26px;
  }
}




/* ======================================================
   IMC NEWS DETAILS – DESKTOP RTL
====================================================== */

/* ===== Base ===== */
.imc-news-details{
  font-family:"Cairo", system-ui, sans-serif;
  background:#ffffff;
  color:#1f2d3d;
}

.imc-news-details *{
  box-sizing:border-box;
}

/* ===== Hero ===== */
.news-hero{
  max-width:1100px;
  margin:80px auto 60px;
  padding:0 20px;
  text-align:center;
}

.news-title{
  font-size:42px;
  font-weight:900;
  line-height:1.35;
  color:#0b2e5c;
  margin-bottom:18px;
}

.news-date{
  font-size:15px;
  color:#034990;
  font-weight:600;
}

/* ===== Content Wrapper ===== */
.news-content{
  max-width:920px;
  margin:0 auto 120px;
  padding:0 20px;
  text-align:right;
}

/* ===== Paragraphs ===== */
.news-content p{
  font-size:16px;
  line-height:2;
  color:#2f3d4c;
  margin:20px 0;
}

/* ===== Section Titles ===== */
.news-section-title{
  font-size:22px;
  font-weight:800;
  color:#0b2e5c;
  margin:50px 0 22px;
  position:relative;
  padding-right:14px;
}

.news-section-title::before{
  content:"";
  position:absolute;
  right:0;
  top:6px;
  width:4px;
  height:22px;
  background:#034990;
  border-radius:4px;
}

/* ===== Sub Titles ===== */
.sub-title{
  font-size:18px;
  font-weight:700;
  color:#034990;
  margin:32px 0 14px;
}

/* ===== Highlights ===== */
.news-highlights{
  background:#f7fafd;
  border:1px solid #e3ebf4;
  border-radius:22px;
  padding:32px 36px;
  margin:50px 0;
}

.news-highlights h3{
  font-size:20px;
  font-weight:800;
  color:#034990;
  margin-bottom:18px;
}

/* ===== Lists (Global) ===== */
.news-list,
.news-highlights ul{
  list-style:disc;
  padding-right:26px;
  margin:0;
}

.news-list li,
.news-highlights li{
  font-size:15px;
  line-height:1.9;
  color:#2f3d4c;
  margin-bottom:12px;
}

/* ===== Info Boxes ===== */
.info-box{
  background:#ffffff;
  border:1px solid #e3ebf4;
  border-radius:20px;
  padding:26px 32px;
  margin:28px 0 36px;
}

/* Alert Box */
.info-box.alert{
  background:#fff7f7;
  border-color:#ffd6d6;
}

.info-box.alert p{
  margin:0;
  font-weight:600;
  color:#7a1f1f;
}

/* Contact Box */
.info-box.contact{
  background:#f5f9ff;
  border-color:#dbe8ff;
}

.info-box.contact a{
  color:#034990;
  font-weight:700;
  text-decoration:none;
}

.info-box.contact a:hover{
  text-decoration:underline;
}

/* ===== Strong ===== */
.news-content strong{
  color:#000;
  font-weight:800;
}

/* ===== Spacing Fix ===== */
.news-content ul + h3,
.news-content ul + .news-section-title{
  margin-top:50px;
}

/* ===== Responsive Safety (Desktop-first) ===== */
@media (max-width:1024px){
  .news-title{
    font-size:34px;
  }

  .news-content{
    max-width:800px;
  }
}





/* ======================================================
   BRANCHES – DESKTOP STYLE
====================================================== */

.branches-desktop{
  padding:80px 40px;
  background:#f7f9fc;
  font-family:"Cairo",system-ui;
}

/* ===== Header ===== */
.branches-header{
  max-width:1200px;
  margin:0 auto 40px;
  text-align:center;
}

.branches-header h2{
  font-size:28px;
  font-weight:800;
  color:#034990;
  margin-bottom:10px;
}

.branches-header p{
  font-size:14px;
  color:#6b7280;
}

/* ===== Grid ===== */
.branches-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(360px,1fr));
  gap:20px;
}

/* ===== Card ===== */
.qc-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px 22px;
  background:#fff;
  border-radius:18px;
  text-decoration:none;
  border:1px solid #e6ebf2;
  box-shadow:0 10px 28px rgba(0,0,0,.05);
  transition:.35s ease;
  position:relative;
  overflow:hidden;
}

/* Soft accent bar */
.qc-item::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:0;
  width:4px;
  height:100%;
  background:linear-gradient(180deg,#034990,#fbb900);
  opacity:.9;
}

/* Hover */
.qc-item:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(0,0,0,.12);
}

/* ===== Icon ===== */
.qc-ico{
  width:54px;
  height:54px;
  border-radius:14px;
  background:#f2f6ff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.qc-ico img{
  width:30px;
  height:auto;
}

/* ===== Text ===== */
.qc-text{
  flex:1;
}

.qc-label{
  font-size:12px;
  color:#6b7280;
  display:block;
  margin-bottom:4px;
}

.qc-value{
  font-size:15px;
  font-weight:700;
  color:#0f172a;
}

/* ===== Arrow ===== */
.qc-arrow{
  font-size:22px;
  color:#9aa4b2;
  transition:.3s ease;
}

.qc-item:hover .qc-arrow{
  transform:translateX(-6px);
  color:#034990;
}

/* ===== Desktop Only ===== */
@media(max-width:992px){
  .branches-desktop{
    display:none;
  }
}





/* ======================================================
   BRANCH PAGE – STYLE
====================================================== */

.branch-page{
  padding:80px 40px;
  background:#f7f9fc;
  font-family:"Cairo",system-ui;
}

/* ===== Header ===== */
.branch-header{
  max-width:1200px;
  margin:0 auto 50px;
  text-align:center;
}

.branch-badge{
  display:inline-block;
  padding:6px 14px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.5px;
  color:#034990;
  background:#eaf1ff;
  border-radius:999px;
  margin-bottom:12px;
}

.branch-header h1{
  font-size:32px;
  font-weight:800;
  color:#0f172a;
  margin-bottom:6px;
}

.branch-header p{
  font-size:14px;
  color:#6b7280;
}

/* ===== Layout ===== */
.branch-layout{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:40px;
  align-items:start;
}

/* ===== Info Box ===== */
.branch-info{
  background:#fff;
  border-radius:22px;
  padding:32px;
  border:1px solid #e6ebf2;
  box-shadow:0 14px 40px rgba(0,0,0,.06);
}

.branch-info h3{
  font-size:18px;
  font-weight:800;
  color:#034990;
  margin-bottom:18px;
}

.address-box{
  padding:18px 20px;
  background:#f9fbff;
  border-radius:14px;
  border:1px dashed #dbe3f1;
  margin-bottom:22px;
}

.address-ar{
  font-size:14px;
  line-height:1.8;
  color:#0f172a;
  margin-bottom:12px;
}

.address-en{
  font-size:13px;
  line-height:1.7;
  color:#475569;
  direction:ltr;
  font-family:"Inter",system-ui;
}

/* ===== Map Button ===== */
.map-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 20px;
  border-radius:12px;
  background:linear-gradient(135deg,#034990,#022f63);
  color:#fff;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  transition:.3s ease;
}

.map-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(3,73,144,.35);
   color:#d1d1d1;
}

/* ===== Map ===== */
.branch-map{
  border-radius:22px;
  overflow:hidden;
  border:1px solid #e6ebf2;
  box-shadow:0 14px 40px rgba(0,0,0,.08);
}

.branch-map iframe{
  width:100%;
  height:100%;
  min-height:420px;
  border:0;
}

/* ===== Responsive ===== */
@media(max-width:992px){
  .branch-layout{
    grid-template-columns:1fr;
  }
}




/* ===== Contact Box ===== */
.contact-box{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:16px 18px;
  background:#f9fbff;
  border-radius:14px;
  border:1px solid #dbe3f1;
  margin-bottom:26px;
}

.contact-box a{
  font-size:14px;
  font-weight:700;
  color:#034990;
  text-decoration:none;
  direction:ltr;
}

.contact-box a:hover{
  text-decoration:underline;
}





/* ======================================================
   DESKTOP SECTOR – AGRICULTURE
====================================================== */

.sector-desktop{
  padding:90px 60px;
  background:#f8fbf9;
  font-family:"Cairo",system-ui;
}

/* ===== Header ===== */
.sector-header{
  max-width:1200px;
  margin:0 auto 60px;
}

.sector-header h1{
  font-size:34px;
  font-weight:800;
  color:#14532d;
  margin-bottom:16px;
  text-align:center;
}

.sector-header p{
  font-size:16px;
  line-height:2;
  color:#1f2937;
   text-align:center;
}

/* ===== KPI STRIP ===== */
.sector-kpis{
  max-width:1200px;
  margin:0 auto 70px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.kpi-card{
  background:#ffffff;
  border-radius:22px;
  padding:30px 26px;
  text-align:center;
  box-shadow:0 14px 40px rgba(0,0,0,.06);
  border:1px solid #e5efe8;
}

.kpi-card small{
  font-size:13px;
  color:#166534;
  display:block;
  margin-bottom:10px;
}

.kpi-card b{
  font-size:34px;
  font-weight:900;
  color:#14532d;
  display:block;
  margin-bottom:6px;
}

.kpi-card span{
  font-size:13px;
  color:#4d7c0f;
}

/* ===== Sub Sectors ===== */
.sector-sub{
  max-width:1200px;
  margin:0 auto;
}

.sector-sub h2{
  font-size:24px;
  font-weight:800;
  color:#14532d;
  margin-bottom:28px;
  text-align:right;
}

/* Grid */
.sub-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:22px;
}

.sub-card{
  background:#ffffff;
  border-radius:20px;
  padding:26px 24px;
  box-shadow:0 10px 28px rgba(0,0,0,.05);
  border:1px solid #eef2f7;
}

.sub-card b{
  font-size:16px;
  font-weight:800;
  color:#1f2937;
  display:block;
  margin-bottom:8px;
}

.sub-card small{
  font-size:13px;
  line-height:1.7;
  color:#6b7280;
}
/* Force Arabic text direction inside sector cards */
.sub-card,
.sub-card *{
  direction: rtl;
  text-align: right;
}


/* ======================================================
   DESKTOP SECTOR – INDUSTRIAL / METALLIC
====================================================== */

.industry-sector{
  padding:90px 60px;
  background:#f8fafc;
  font-family:"Cairo",system-ui;
}

/* Header */
.industry-sector .sector-header{
  max-width:1200px;
  margin:0 auto 60px;
}

.industry-sector h1{
  font-size:34px;
  font-weight:800;
  color:#0f172a;
  margin-bottom:18px;
}

.industry-sector p{
  font-size:16px;
  line-height:2;
  color:#1f2937;
  max-width:920px;
  margin-bottom:12px;
}

/* KPIs */
.industry-sector .sector-kpis{
  max-width:1200px;
  margin:0 auto 70px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}

.industry-sector .kpi-card{
  background:#ffffff;
  border-radius:22px;
  padding:30px 26px;
  text-align:center;
  box-shadow:0 14px 40px rgba(0,0,0,.07);
  border:1px solid #e5e7eb;
}

.industry-sector .kpi-card small{
  font-size:13px;
  color:#475569;
  margin-bottom:10px;
  display:block;
}

.industry-sector .kpi-card b{
  font-size:34px;
  font-weight:900;
  color:#0f172a;
  display:block;
  margin-bottom:6px;
}

.industry-sector .kpi-card span{
  font-size:13px;
  color:#64748b;
}

/* Sub sectors */
.industry-sector .sector-sub{
  max-width:1200px;
  margin:0 auto;
}

.industry-sector h2{
  font-size:24px;
  font-weight:800;
  color:#0f172a;
  margin-bottom:28px;
}

.industry-sector .sub-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:22px;
}

.industry-sector .sub-card{
  background:#ffffff;
  border-radius:20px;
  padding:26px 24px;
  box-shadow:0 10px 28px rgba(0,0,0,.05);
  border:1px solid #eef2f7;
}

.industry-sector .sub-card b{
  font-size:16px;
  font-weight:800;
  color:#1f2937;
  display:block;
  margin-bottom:8px;
}

.industry-sector .sub-card small{
  font-size:13px;
  line-height:1.7;
  color:#6b7280;
}
/* ===== Sub Card with Icon ===== */
.industry-sector .sub-card{
  display:flex;
  align-items:flex-start;
  gap:16px;
}

/* Icon holder */
.sub-ico{
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  background:#f1f5f9;
  flex-shrink:0;
}

/* Text */
.sub-card b,
.sub-card small{
  direction:rtl;
  text-align:right;
}
/* ===== Full Width Centered Header Text ===== */
.sector-header{
  max-width:100% !important;
  width:100%;
  margin:0 auto 60px;
  text-align:center;
  padding-inline:60px; /* مسافة جانبية أنيقة */
}
.sector-header p{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.sector-header h1{
  max-width:100%;
}

.sector-header p{
  max-width:1200px; /* اختياري */
}

 /* ===== Sub Card with Icon – GLOBAL ===== */
.sub-card{
  display:flex;
  align-items:flex-start;
  gap:16px;
}

/* Icon holder */
.sub-ico{
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  background:#f1f5f9;
  flex-shrink:0;
}

/* Text RTL */
.sub-card b,
.sub-card small{
  direction:rtl;
  text-align:right;
}



/* ======================================================
   DESKTOP SECTOR – LEATHER
====================================================== */

.leather-sector{
  padding:90px 60px;
  background:#faf9f7;
  font-family:"Cairo",system-ui;
}

/* Header */
.leather-sector h1{
  font-size:34px;
  font-weight:800;
  color:#3b2f2f; /* leather brown */
}

.leather-sector p{
  font-size:16px;
  line-height:2;
  color:#1f2937;
}

/* KPI */
.leather-sector .kpi-card{
  border:1px solid #eee4da;
}

.leather-sector .kpi-card small{
  color:#7c4a2d;
}

.leather-sector .kpi-card b{
  color:#3b2f2f;
}

/* Icons */
.leather-sector .sub-ico{
  background:#f3ebe4;
}



/* ======================================================
   DESKTOP SECTOR – PRINTING & PACKAGING
====================================================== */

.printing-sector{
  padding:90px 60px;
  background:#f9fafb;
  font-family:"Cairo",system-ui;
}

/* Header */
.printing-sector h1{
  font-size:34px;
  font-weight:800;
  color:#1f2937;
}

.printing-sector p{
  font-size:16px;
  line-height:2;
  color:#374151;
}

/* KPI */
.printing-sector .kpi-card{
  border:1px solid #e5e7eb;
}

.printing-sector .kpi-card small{
  color:#475569;
}

.printing-sector .kpi-card b{
  color:#111827;
}

/* Icons */
.printing-sector .sub-ico{
  background:#eef2f7;
}



/* ======================================================
   DESKTOP SECTOR – TEXTILES & GARMENTS
====================================================== */

.textiles-sector{
  padding:90px 60px;
  background:#f8fafc;
  font-family:"Cairo",system-ui;
}

/* Header */
.textiles-sector h1{
  font-size:34px;
  font-weight:800;
  color:#1e293b;
}

.textiles-sector p{
  font-size:16px;
  line-height:2;
  color:#334155;
}

/* KPI */
.textiles-sector .kpi-card{
  border:1px solid #e5e7eb;
}

.textiles-sector .kpi-card small{
  color:#475569;
}

.textiles-sector .kpi-card b{
  color:#0f172a;
}

/* Icons */
.textiles-sector .sub-ico{
  background:#eef2f7;
}



/* ======================================================
   DESKTOP SECTOR – WOOD & FURNITURE
====================================================== */

.wood-sector{
  padding:90px 60px;
  background:#faf8f5;
  font-family:"Cairo",system-ui;
}

/* Header */
.wood-sector h1{
  font-size:34px;
  font-weight:800;
  color:#4a342e; /* wood brown */
}

.wood-sector p{
  font-size:16px;
  line-height:2;
  color:#1f2937;
}

/* KPI */
.wood-sector .kpi-card{
  border:1px solid #ede3d7;
}

.wood-sector .kpi-card small{
  color:#8b5a2b;
}

.wood-sector .kpi-card b{
  color:#4a342e;
}

/* Icons */
.wood-sector .sub-ico{
  background:#f1e7dc;
}



/* ======================================================
   DESKTOP SECTOR – MEDICAL INDUSTRIES
====================================================== */

.medical-sector{
  padding:90px 60px;
  background:#f6fbfd;
  font-family:"Cairo",system-ui;
}

/* Header */
.medical-sector h1{
  font-size:34px;
  font-weight:800;
  color:#0f4c5c;
}

.medical-sector p{
  font-size:16px;
  line-height:2;
  color:#1f2937;
}

/* KPI */
.medical-sector .kpi-card{
  border:1px solid #e3f2f6;
}

.medical-sector .kpi-card small{
  color:#0f766e;
}

.medical-sector .kpi-card b{
  color:#0f4c5c;
}

/* Icons */
.medical-sector .sub-ico{
  background:#e6f4f8;
}



/* ======================================================
   DESKTOP SECTOR – ENGINEERING INDUSTRIES
====================================================== */

.engineering-sector{
  padding:90px 60px;
  background:#f8fafc;
  font-family:"Cairo",system-ui;
}

/* Header */
.engineering-sector h1{
  font-size:34px;
  font-weight:800;
  color:#0f172a;
}

.engineering-sector p{
  font-size:16px;
  line-height:2;
  color:#1f2937;
}

/* KPI */
.engineering-sector .kpi-card{
  border:1px solid #e5e7eb;
}

.engineering-sector .kpi-card small{
  color:#475569;
}

.engineering-sector .kpi-card b{
  color:#0f172a;
}

/* Icons */
.engineering-sector .sub-ico{
  background:#eef2f7;
}



/* ======================================================
   DESKTOP SECTOR – CHEMICAL INDUSTRIES
====================================================== */

.chemical-sector{
  padding:90px 60px;
  background:#f6faf9;
  font-family:"Cairo",system-ui;
}

/* Header */
.chemical-sector h1{
  font-size:34px;
  font-weight:800;
  color:#065f46;
}

.chemical-sector p{
  font-size:16px;
  line-height:2;
  color:#1f2937;
}

/* KPI */
.chemical-sector .kpi-card{
  border:1px solid #d1fae5;
}

.chemical-sector .kpi-card small{
  color:#047857;
}

.chemical-sector .kpi-card b{
  color:#065f46;
}

/* Icons */
.chemical-sector .sub-ico{
  background:#e6f7f3;
}




/* ======================================================
   DESKTOP SECTOR – FOOD INDUSTRIES
====================================================== */

.food-sector{
  padding:90px 60px;
  background:#f7fbf8;
  font-family:"Cairo",system-ui;
}

/* Header */
.food-sector h1{
  font-size:34px;
  font-weight:800;
  color:#14532d;
}

.food-sector p{
  font-size:16px;
  line-height:2;
  color:#1f2937;
}

/* KPI */
.food-sector .kpi-card{
  border:1px solid #dcfce7;
}

.food-sector .kpi-card small{
  color:#166534;
}

.food-sector .kpi-card b{
  color:#14532d;
}

/* Icons */
.food-sector .sub-ico{
  background:#ecfdf5;
}



/* ===============================
   IMC Tender – Desktop Style
================================ */

.imc-tender{
  padding:80px 60px;
  background:#f8fafc;
  font-family:"Cairo",system-ui;
}

/* Header */
.tender-header{
  text-align:center;
  margin-bottom:40px;
}

.tender-date{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  color:#c32026;
  margin-bottom:10px;
}

.tender-header h1{
  font-size:28px;
  font-weight:800;
  color:#0f172a;
}

.tender-header small{
  display:block;
  font-size:14px;
  font-weight:600;
  color:#475569;
  margin-top:6px;
}

/* Card */
.tender-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:36px;
}

/* Intro */
.tender-intro{
  font-size:16px;
  line-height:2;
  margin-bottom:28px;
}

/* Sections */
.tender-section{
  padding:24px 0;
  border-top:1px solid #eef2f7;
}

.tender-section h4{
  font-size:16px;
  font-weight:800;
  color:#0f172a;
  margin-bottom:10px;
}

/* Highlight */
.tender-section.highlight{
  background:#fff8f1;
  padding:24px;
  border-radius:12px;
  border:1px solid #fde68a;
}

/* Lists */
.tender-section ul{
  padding-right:20px;
  line-height:2;
}

/* Notes & muted */
.note{
  display:inline-block;
  margin-top:10px;
  font-size:13px;
  font-weight:700;
  color:#b45309;
}

.muted{
  font-size:14px;
  color:#64748b;
  margin-top:10px;
}

/* Contact */
.tender-section.contact a{
  color:#034990;
  font-weight:600;
  text-decoration:none;
}

/* Bank */
.tender-section.bank{
  background:#f1f5f9;
  padding:24px;
  border-radius:12px;
}

/* Footer */
.tender-section.footer{
  text-align:center;
  font-size:14px;
  color:#475569;
}
/* ===============================
   Tender RTL Fix
================================ */
.imc-tender{
  direction: rtl;
  text-align: right;
}
/* ======================================================
   IMC SERVICES – DESKTOP WOW STYLE
====================================================== */

.imc-services{
  max-width:1300px;
  margin:160px auto;
  padding:0 24px;
  font-family:"Cairo",system-ui;
  direction:rtl;
}

/* ===== Header ===== */
.services-header{
  max-width:720px;
  margin:0 auto 90px;
  text-align:center;
}

.services-sub{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#034990;
  margin-bottom:14px;
}

.services-header h2{
  font-size:40px;
  font-weight:900;
  margin-bottom:18px;
  color:#1f2d3d;
}

.services-header p{
  font-size:15px;
  line-height:1.9;
  color:#5b6b80;
}

/* ===== Grid ===== */
.services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
}

/* ===== Card ===== */
.service-card{
  position:relative;
  background:linear-gradient(
    180deg,
    #ffffff 0%,
    #f7fafd 100%
  );
  border:1px solid #e3ebf4;
  border-radius:26px;
  padding:46px 36px 40px;
  text-align:right;
  transition:.4s ease;
  overflow:hidden;
}

/* Subtle glow line */
.service-card::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:3px;
  background:linear-gradient(
    90deg,
    transparent,
    #034990,
    transparent
  );
  opacity:0;
  transition:.4s ease;
}

/* Hover */
.service-card:hover{
  transform:translateY(-10px);
  border-color:#034990;
}

.service-card:hover::before{
  opacity:1;
}

/* ===== Icon ===== */
.service-icon{
  width:72px;
  height:72px;
  border-radius:22px;
  background:rgba(3,73,144,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  margin-bottom:26px;
}

/* ===== Title ===== */
.service-card h4{
  font-size:18px;
  font-weight:800;
  margin-bottom:14px;
  line-height:1.6;
}

/* ===== Text ===== */
.service-card p{
  font-size:14px;
  line-height:1.9;
  color:#4a5a6a;
}