/* ═══════════════════════════════════════════════════
   QUDRATNA v7 — MAIN STYLESHEET
   Brand: #334699 + #f5d475 | Font: Cairo
═══════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap');

:root {
  --blue:      #334699;
  --blue-2:    #3d54b5;
  --blue-3:    #4863cc;
  --blue-dark: #243070;
  --blue-deep: #1a2252;
  --gold:      #f5d475;
  --gold-2:    #f9e09a;
  --gold-dim:  rgba(245,212,117,.13);
  --gold-line: rgba(245,212,117,.28);
  --white:     #ffffff;
  --off:       #f6f7fb;
  --ink:       #111827;
  --mid:       #374151;
  --muted:     #6b7280;
  --border:    rgba(0,0,0,.08);
  --shadow-sm: 0 4px 16px rgba(51,70,153,.08);
  --shadow:    0 12px 40px rgba(51,70,153,.12);
  --r:         14px;
  --ease:      cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Cairo',sans-serif;background:var(--off);color:var(--ink);direction:rtl;line-height:1.6;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
button{cursor:pointer;font-family:'Cairo',sans-serif;border:none;background:none;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:var(--blue-deep);}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px;}

/* TYPOGRAPHY */
h1,h2,h3,h4,h5{font-family:'Cairo',sans-serif;line-height:1.2;}
.display-1{font-size:clamp(32px,6vw,68px);font-weight:900;}
.display-2{font-size:clamp(26px,4.5vw,48px);font-weight:900;}
.display-3{font-size:clamp(20px,3.2vw,34px);font-weight:800;}
.t-gold{color:var(--gold);}.t-blue{color:var(--blue);}.t-muted{color:var(--muted);}.t-white{color:var(--white);}

/* LAYOUT */
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
.container-sm{max-width:860px;margin:0 auto;padding:0 24px;}
.section{padding:88px 0;}.section-sm{padding:56px 0;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.text-center{text-align:center;}
.mt-16{margin-top:16px;}.mt-24{margin-top:24px;}.mt-32{margin-top:32px;}.mt-48{margin-top:48px;}
.mb-24{margin-bottom:24px;}.mb-40{margin-bottom:40px;}
.bg-off{background:var(--off);}.bg-white{background:var(--white);}

/* NAV */
#nav{position:fixed;top:0;right:0;left:0;z-index:900;height:66px;background:rgba(26,34,82,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--gold-line);display:flex;align-items:center;transition:height .3s,box-shadow .3s;}
#nav.scrolled{height:56px;box-shadow:0 4px 30px rgba(0,0,0,.4);}
.nav-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.nav-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.nav-brand img{height:40px;width:auto;}
.nav-brand-ar{font-size:12.5px;font-weight:800;color:var(--gold);display:block;}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-link{padding:7px 13px;border-radius:8px;color:rgba(255,255,255,.65);font-size:13px;font-weight:600;transition:all .2s;white-space:nowrap;position:relative;}
.nav-link::after{content:'';position:absolute;bottom:3px;right:13px;left:13px;height:2px;background:var(--gold);border-radius:1px;transform:scaleX(0);transition:transform .2s;}
.nav-link:hover{color:var(--gold);}.nav-link:hover::after{transform:scaleX(1);}
.nav-link.active{color:var(--gold);background:var(--gold-dim);}.nav-link.active::after{transform:scaleX(1);}
.nav-cta{background:var(--gold)!important;color:var(--blue)!important;font-weight:800;border-radius:8px;padding:7px 16px!important;box-shadow:0 4px 14px rgba(245,212,117,.3);}
.nav-cta:hover{background:var(--gold-2)!important;transform:translateY(-1px);}.nav-cta::after{display:none!important;}
.nav-burger{display:none;flex-direction:column;gap:5px;padding:6px;border-radius:8px;border:1px solid var(--gold-line);background:transparent;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);border-radius:1px;transition:all .3s;}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-burger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
#mobileMenu{display:none;position:fixed;top:66px;right:0;left:0;bottom:0;background:var(--blue-deep);z-index:899;overflow-y:auto;padding:20px;flex-direction:column;gap:6px;}
#mobileMenu.open{display:flex;}
.mob-link{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-radius:12px;color:rgba(255,255,255,.8);font-size:15px;font-weight:600;border:1px solid rgba(255,255,255,.07);transition:all .2s;}
.mob-link:hover,.mob-link.active{background:var(--gold-dim);color:var(--gold);border-color:var(--gold-line);}
.mob-link-num{font-size:10px;color:var(--gold);font-weight:800;}
.mob-dl-btn{margin-top:14px;background:var(--gold);color:var(--blue);font-weight:900;font-size:14px;padding:14px;border-radius:12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;}

/* BUTTONS */
.btn-para{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--blue);font-weight:800;font-size:14px;padding:12px 30px;border-radius:8px;border:none;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s;text-decoration:none;}
.btn-para:hover{background:var(--gold-2);transform:translateY(-2px);}
.btn-para-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);font-weight:700;font-size:14px;padding:11px 28px;border-radius:8px;border:1.5px solid rgba(255,255,255,.35);cursor:pointer;white-space:nowrap;transition:all .2s;text-decoration:none;}
.btn-para-outline:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px);}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;border-radius:8px;font-family:'Cairo',sans-serif;font-weight:700;font-size:14px;transition:all .25s;white-space:nowrap;border:none;cursor:pointer;text-decoration:none;}
.btn-primary{background:var(--gold);color:var(--blue);}.btn-primary:hover{background:var(--gold-2);transform:translateY(-2px);}
.btn-blue{background:var(--blue);color:var(--white);}.btn-blue:hover{background:var(--blue-2);transform:translateY(-2px);box-shadow:var(--shadow);}
.btn-outline-white{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.3);}.btn-outline-white:hover{border-color:rgba(255,255,255,.7);transform:translateY(-2px);}
.btn-sm{padding:8px 16px;font-size:13px;}

/* SECTION HEADER */
.sec-tag{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:10px;}
.sec-tag::before{content:'';width:28px;height:2px;background:var(--gold);display:block;}
.sec-tag.blue-tag{color:var(--blue);}.sec-tag.blue-tag::before{background:var(--blue);}
.sec-title{margin-bottom:10px;}.sec-title.dark{color:var(--blue-deep);}.sec-title.light{color:var(--white);}
.sec-sub{font-size:15px;line-height:1.8;max-width:580px;}.sec-sub.dark{color:var(--muted);}.sec-sub.light{color:rgba(255,255,255,.65);}
.sec-header-center{text-align:center;}.sec-header-center .sec-tag{justify-content:center;}.sec-header-center .sec-sub{margin:0 auto;}

/* BREADCRUMB */
.breadcrumb{padding:13px 0;border-bottom:1px solid var(--border);background:var(--white);}
.breadcrumb-list{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);}
.breadcrumb-list a{color:var(--blue);font-weight:600;transition:color .2s;}.breadcrumb-list a:hover{color:var(--gold);}
.breadcrumb-list .current{color:var(--blue);font-weight:700;}
.sep{opacity:.5;}

/* PAGE HERO */
.page-hero{background:var(--blue-deep);padding:96px 0 88px;position:relative;overflow:hidden;}
.page-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:0;border-bottom:52px solid var(--off);border-right:100vw solid transparent;}
.page-hero-bg-img{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.18;}
.page-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,var(--blue-deep) 40%,rgba(51,70,153,.5) 100%);}
.page-hero-inner{position:relative;z-index:2;}
.page-hero-tag{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.1em;background:var(--gold-dim);border:1px solid var(--gold-line);padding:5px 14px;border-radius:30px;margin-bottom:16px;}
.page-hero-h1{color:var(--white);margin-bottom:12px;}
.page-hero-sub{color:rgba(255,255,255,.65);font-size:15.5px;max-width:560px;line-height:1.8;}

/* ICON BOXES */
.icon-box{width:56px;height:56px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
.icon-gold{background:var(--gold);color:var(--blue);}
.icon-blue{background:var(--blue);color:var(--gold);}

/* GALLERY */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.gallery-item{overflow:hidden;border-radius:10px;aspect-ratio:1/1;position:relative;cursor:pointer;background:var(--blue-deep);}
.gallery-item.wide{grid-column:span 2;aspect-ratio:2/1;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);display:block;}
.gallery-item:hover img{transform:scale(1.06);}
#lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;}
#lightbox.open{display:flex;}
#lightbox img{max-width:92vw;max-height:90vh;border-radius:8px;}
#lb-close{position:absolute;top:16px;left:16px;background:var(--gold);color:var(--blue);border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;font-weight:900;display:flex;align-items:center;justify-content:center;}

/* PARTNER LOGOS */
.partners-logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.plc{background:var(--white);border:1px solid var(--border);border-radius:12px;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .25s;padding:14px;}
.plc:hover{border-color:var(--blue);box-shadow:var(--shadow-sm);transform:translateY(-3px);}
.plc img{max-width:100%;max-height:56px;object-fit:contain;}

/* PARTNER CAROUSEL */
.carousel-wrap{position:relative;display:flex;align-items:center;gap:8px;}
.carousel-viewport{overflow:hidden;flex:1;}
.carousel-track{display:flex;gap:16px;transition:transform .45s var(--ease);will-change:transform;}
.car-slide{flex:0 0 calc(16.666% - 14px);min-width:0;}
.plc-car{background:var(--white);border:1px solid var(--border);border-radius:12px;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;padding:12px;transition:all .25s;}
.plc-car:hover{border-color:var(--blue);box-shadow:var(--shadow-sm);transform:translateY(-2px);}
.plc-car img{max-width:100%;max-height:48px;object-fit:contain;}
.car-btn{width:36px;height:36px;border-radius:50%;background:var(--white);border:1.5px solid var(--border);color:var(--blue);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;line-height:1;}
.car-btn:hover{background:var(--blue);color:var(--gold);border-color:var(--blue);}

/* DIVIDERS */
.g-divider{height:1px;background:var(--gold-line);margin:40px 0;}
.b-divider{height:1px;background:rgba(51,70,153,.1);margin:32px 0;}

/* STATS */
.stat-num{font-family:'Cairo',sans-serif;font-size:44px;font-weight:900;color:var(--gold);line-height:1;}
.stat-label{font-size:11.5px;color:rgba(255,255,255,.5);margin-top:5px;letter-spacing:.05em;}

/* SCROLL ANIMATIONS — works with bare data-aos attribute */
[data-aos]{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease);}
[data-aos].aos-in{opacity:1!important;transform:translateY(0)!important;}

/* FOOTER */
.footer-top-bar{height:5px;background:linear-gradient(90deg,var(--gold),var(--blue-3),var(--gold));}
#footer{background:var(--blue-deep);}
.footer-body{padding:44px 0 0;}
.footer-grid{display:grid;grid-template-columns:180px 1fr 1fr 1fr;gap:32px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.07);align-items:start;}
.footer-logo-col img{height:42px!important;width:auto!important;max-width:150px;display:block;}
.footer-brand-desc{font-size:12px;color:rgba(255,255,255,.38);line-height:1.85;margin-top:10px;}
.footer-iso-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px;}
.footer-iso-chip{font-size:9px;font-weight:800;color:var(--gold);border:1px solid rgba(245,212,117,.2);padding:2px 7px;border-radius:3px;}
.footer-col h4{font-size:12px;font-weight:800;color:var(--gold);margin-bottom:12px;letter-spacing:.04em;}
.footer-col ul{display:flex;flex-direction:column;gap:7px;}
.footer-col a,.footer-col span{font-size:12px;color:rgba(255,255,255,.4);transition:color .2s;display:flex;align-items:flex-start;gap:5px;line-height:1.5;}
.footer-col a:hover{color:var(--gold);}
.f-arrow{opacity:0;transform:translateX(4px);transition:all .2s;flex-shrink:0;}
.footer-col a:hover .f-arrow{opacity:1;transform:translateX(0);}
.footer-bottom{padding:14px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.footer-copy{font-size:11px;color:rgba(255,255,255,.22);}
.footer-iso-row{display:flex;gap:5px;flex-wrap:wrap;}
.footer-iso-row span{font-size:9px;font-weight:800;color:var(--gold);border:1px solid rgba(245,212,117,.2);padding:2px 7px;border-radius:3px;}

/* WA BUBBLE */
#waBubble{position:fixed;bottom:28px;left:28px;z-index:800;background:#25d366;color:var(--white);border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 6px 24px rgba(37,211,102,.45);transition:transform .3s,opacity .4s;opacity:0;text-decoration:none;}
#waBubble:hover{transform:scale(1.12);}

/* BACK TO TOP */
#backToTop{position:fixed;bottom:92px;left:28px;z-index:799;width:42px;height:42px;border-radius:50%;background:var(--blue);color:var(--gold);border:1.5px solid var(--gold-line);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s,background .2s;box-shadow:0 4px 14px rgba(51,70,153,.3);}
#backToTop:hover{background:var(--gold);color:var(--blue);transform:translateY(-3px);}

/* HIDE SCROLLBARS */
.partners-scroll-row,.partners-logo-strip,.feat-inner,.carousel-viewport{scrollbar-width:none;-ms-overflow-style:none;}
.partners-scroll-row::-webkit-scrollbar,.partners-logo-strip::-webkit-scrollbar,.feat-inner::-webkit-scrollbar,.carousel-viewport::-webkit-scrollbar{display:none;}

/* ══════════ RESPONSIVE ══════════ */
@media(max-width:1100px){
  .footer-grid{grid-template-columns:160px 1fr 1fr;}
  .footer-grid>address{display:none;}
  .partners-logo-grid{grid-template-columns:repeat(4,1fr);}
  .car-slide{flex:0 0 calc(25% - 12px);}
}
@media(max-width:1024px){
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .gallery-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:900px){.car-slide{flex:0 0 calc(25% - 12px);}}
@media(max-width:768px){
  #nav{height:58px!important;}
  #mobileMenu{top:58px!important;}
  .nav-links{display:none;}
  .nav-burger{display:flex;}
  .breadcrumb{padding-top:58px!important;}
  .page-hero{padding:76px 0 62px!important;}
  .page-hero::after{border-bottom-width:32px!important;}
  .page-hero-sub{font-size:14px;}
  .section{padding:52px 0!important;}
  .section-sm{padding:38px 0!important;}
  .display-1{font-size:clamp(28px,8.5vw,44px)!important;}
  .display-2{font-size:clamp(22px,7vw,36px)!important;}
  .display-3{font-size:clamp(18px,5.5vw,26px)!important;}
  .grid-2,.grid-3{grid-template-columns:1fr!important;}
  .grid-4{grid-template-columns:1fr 1fr!important;}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:20px;}
  .footer-logo-col img{height:36px!important;}
  .footer-body{padding:32px 0 0!important;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .car-slide{flex:0 0 calc(33.333% - 11px);}
  .gallery-grid{grid-template-columns:repeat(2,1fr)!important;}
  .gallery-item.wide{grid-column:span 1!important;aspect-ratio:1/1!important;}
  .partners-logo-grid{grid-template-columns:repeat(3,1fr)!important;}
}
@media(max-width:640px){
  .feat-inner{flex-direction:column!important;}
  .feat-item{border-left:none!important;border-bottom:1px solid var(--border);justify-content:center;padding:13px 18px!important;}
  .feat-item:last-child{border-bottom:none;}
}
@media(max-width:600px){.car-slide{flex:0 0 calc(33.333% - 11px);}}
@media(max-width:480px){
  #nav{height:54px!important;}
  #mobileMenu{top:54px!important;}
  .breadcrumb{padding-top:54px!important;}
  .page-hero{padding:66px 0 50px!important;}
  .page-hero::after{border-bottom-width:22px!important;}
  .container{padding:0 14px!important;}
  .display-1{font-size:clamp(26px,9vw,38px)!important;}
  .grid-4{grid-template-columns:1fr!important;}
  .footer-grid{grid-template-columns:1fr!important;}
  .footer-grid>address{display:block!important;}
  .partners-logo-grid{grid-template-columns:repeat(2,1fr)!important;}
  .gallery-grid{grid-template-columns:repeat(2,1fr)!important;}
  .stats-inner{grid-template-columns:1fr 1fr!important;}
  .svc-inner,.svc-inner.rev{grid-template-columns:1fr!important;direction:rtl!important;}
  .svc-photo{display:none!important;}
  .cert-grid,.cert-row{grid-template-columns:1fr!important;}
  .goals-grid{grid-template-columns:1fr!important;}
  .car-slide{flex:0 0 calc(50% - 8px);}
  .car-btn{display:none;}
}
@media(max-width:380px){
  #nav{height:50px!important;}
  #mobileMenu{top:50px!important;}
  .breadcrumb{padding-top:50px!important;}
  .nav-brand img{height:34px!important;}
  .nav-brand-ar{font-size:11px!important;}
}