/*
Theme Name: Al Watan Finance
Author: Kraftima
Description: Custom WordPress theme converted from the approved Al Watan Finance multipage website. Design, images, layout and colors preserved.
Version: 1.2.0
Text Domain: al-watan-finance
*/

:root{--g:#003b33;--g2:#07594c;--g3:#0b6b5b;--gold:#c79844;--gold2:#e7c77c;--paper:#fbfaf7;--cream:#f1ede3;--ink:#122520;--muted:#6c7873;--line:#dfd9cd;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:100px 0}.noise{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(251,250,247,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,59,51,.08);transition:.35s}.scrolled{box-shadow:0 12px 38px rgba(0,45,37,.08)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo img{height:70px}.navlinks{display:flex;align-items:center;gap:27px}.navlinks>a,.dropbtn{font-size:12px;font-weight:800;background:none;border:0;cursor:pointer;color:var(--ink)}.dropdown{position:relative}.mega{display:none;position:absolute;top:32px;left:50%;transform:translateX(-50%);width:720px;background:#fff;border:1px solid #e8e2d7;border-radius:18px;padding:18px;grid-template-columns:repeat(3,1fr);gap:7px;box-shadow:0 25px 70px rgba(0,45,37,.13)}.dropdown:hover .mega{display:grid}.mega a{padding:12px;border-radius:10px;font-size:11px;font-weight:700}.mega a:hover{background:#f2eee4;color:var(--g2)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 21px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid transparent;transition:.35s var(--ease)}.btn-outline{border-color:rgba(0,59,51,.25)}.btn-outline:hover{background:var(--g);color:#fff}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#17362e;box-shadow:0 15px 32px rgba(199,152,68,.2)}.btn-gold:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(199,152,68,.28)}.mobile-toggle,.mobile-menu{display:none}
.hero{padding-top:86px;min-height:790px;background:radial-gradient(circle at 72% 35%,#e6efe9 0,transparent 31%),linear-gradient(180deg,#fcfbf8,#f3efe5);position:relative;overflow:hidden}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.kicker{font-size:10px;letter-spacing:.2em;font-weight:800;color:var(--g3)}h1,h2,h3{font-family:"Playfair Display",serif}.hero h1{font-size:70px;line-height:1.03;letter-spacing:-.04em;margin:20px 0}.hero h1 span,.title span{color:var(--g3)}.lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:30px}.hero-visual{height:560px;position:relative}.arch{position:absolute;inset:25px 0 0 20px;border-radius:240px 240px 28px 28px;overflow:hidden;box-shadow:0 34px 80px rgba(0,50,42,.19);transition:transform .25s}.arch img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:zoom 16s ease-in-out infinite alternate}.arch:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,59,51,.02),rgba(0,49,41,.5))}.arch-border{position:absolute;inset:39px 14px 14px 34px;border:1px solid rgba(231,199,124,.58);border-radius:230px 230px 21px 21px;z-index:3}.glass{position:absolute;z-index:4;left:42px;right:20px;bottom:26px;padding:22px;border-radius:17px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);box-shadow:0 15px 40px rgba(0,0,0,.13)}.glass small{font-size:9px;color:var(--gold);letter-spacing:.15em;font-weight:800}.glass h3{font-size:24px;color:var(--g);margin:6px 0}.float-card{position:absolute;z-index:5;left:-18px;top:135px;padding:13px 15px;border-radius:14px;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.14);font-size:11px;font-weight:800;color:var(--g);animation:bob 4s ease-in-out infinite}.float-card b{color:var(--gold);margin-right:8px}.marquee{height:65px;overflow:hidden;border-top:1px solid rgba(0,59,51,.08);display:flex;align-items:center}.track{display:flex;gap:32px;white-space:nowrap;min-width:max-content;animation:marquee 28s linear infinite}.track span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:var(--g)}.track b{font-size:7px;color:var(--gold)}
.title{font-size:48px;line-height:1.08;letter-spacing:-.03em;margin:12px 0 20px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-bottom:40px}.section-head>div{max-width:720px}.section-head>p{max-width:420px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{position:relative;padding:30px;min-height:285px;background:#fff;border:1px solid #e5dfd4;border-radius:19px;overflow:hidden;transition:.4s var(--ease)}.service-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(0,45,37,.1);border-color:rgba(199,152,68,.35)}.service-card .num{font-size:9px;color:var(--gold);letter-spacing:.15em;font-weight:800}.service-card .icon{font-size:27px;color:var(--gold);margin-top:29px}.service-card h3{font-size:21px;margin:12px 0}.service-card p{font-size:12px;line-height:1.72;color:var(--muted)}.service-card a{position:absolute;bottom:24px;left:30px;font-size:10px;font-weight:800;color:var(--g3)}
.image-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.image-frame{position:relative;height:520px;border-radius:24px;overflow:hidden;box-shadow:0 28px 65px rgba(0,45,37,.13)}.image-frame img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.image-frame:hover img{transform:scale(1.04)}.image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,50,42,.28))}.feature-list{margin-top:28px}.feature{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.feature b{color:var(--gold);font-size:10px}.feature h4{margin:0 0 5px;font-size:14px}.feature p{margin:0;font-size:12px;line-height:1.65;color:var(--muted)}
.dark{background:var(--g);color:#fff}.dark .title{color:#fff}.dark .title span{color:var(--gold2)}.dark .lead{color:#bfd0cb}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:34px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;transition:.35s}.step:hover{transform:translateY(-5px);background:rgba(255,255,255,.1)}.step span{font-size:10px;color:var(--gold2);font-weight:800}.step h3{font-size:22px}.step p{font-size:12px;line-height:1.7;color:#bfd0cb}
.page-hero{padding-top:86px;background:linear-gradient(135deg,#f7f3ea,#edf2ed);position:relative;overflow:hidden}.page-hero-grid{min-height:470px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.page-hero h1{font-size:58px;line-height:1.05;margin:16px 0}.page-photo{height:390px;border-radius:200px 200px 20px 20px;overflow:hidden;box-shadow:0 25px 60px rgba(0,45,37,.15)}.page-photo img{width:100%;height:100%;object-fit:cover}.content-grid{display:grid;grid-template-columns:1fr .8fr;gap:65px}.content-grid h2{font-size:40px;margin-top:0}.content-grid p{font-size:14px;line-height:1.85;color:var(--muted)}.side-card{background:#f1ede3;border-radius:20px;padding:28px;height:max-content;position:sticky;top:110px}.side-card h3{font-size:23px;margin-top:0}.side-card ul{list-style:none;padding:0}.side-card li{padding:12px 0;border-top:1px solid #d8d1c4;font-size:11px}.side-card li:before{content:"✓";color:var(--gold);font-weight:900;margin-right:9px}
.cta{background:linear-gradient(145deg,#065247,#002f29);color:#fff;border-radius:28px;padding:48px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.cta h2{font-size:38px;margin:0 0 8px}.cta p{margin:0;color:#bfd0cb;font-size:13px}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;border:0;background:none;padding:22px 0;display:flex;justify-content:space-between;text-align:left;font:800 14px Manrope;cursor:pointer}.faq-item button span{color:var(--gold);font-size:20px}.answer{max-height:0;overflow:hidden;transition:max-height .4s}.answer p{margin:0;padding:0 0 22px;color:var(--muted);font-size:12px;line-height:1.8}.faq-item.open .answer{max-height:180px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact-info{background:var(--g);color:#fff;border-radius:24px;padding:36px}.contact-info h2{font-size:37px}.contact-info p,.contact-info a{color:#bfd0cb;font-size:12px;line-height:1.8}.form{background:#fff;border:1px solid #e4ded2;border-radius:22px;padding:32px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{display:block;font-size:10px;font-weight:800;color:#596761;margin-bottom:14px}.form input,.form select,.form textarea{width:100%;margin-top:7px;border:1px solid #ddd7cb;background:#fbfaf7;border-radius:10px;padding:13px;font:500 12px Manrope;outline:none}.form textarea{min-height:120px;resize:vertical}.form button{width:100%;cursor:pointer}.success{display:none;margin-top:10px;padding:10px;background:#edf7f3;color:var(--g);border-radius:10px;font-size:11px}.success.show{display:block}
.footer{background:#052e28;color:#d7e3df;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:55px}.footer img{height:100px;background:#fff;border-radius:12px;padding:7px}.footer h4{font-size:10px;color:var(--gold2);letter-spacing:.14em;text-transform:uppercase}.footer a,.footer p{display:block;color:#a8bdb7;font-size:10.5px;line-height:1.8;margin:6px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:42px;font-size:9px;color:#7d9d96}.whatsapp{position:fixed;right:23px;bottom:23px;width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--g);font-weight:900;font-size:21px;z-index:90;box-shadow:0 14px 35px rgba(0,0,0,.25);animation:pulse 2.6s infinite}
.reveal{opacity:0;transform:translateY(25px);transition:.8s var(--ease)}.reveal.show{opacity:1;transform:none}@keyframes zoom{to{transform:scale(1.09)}}@keyframes bob{50%{transform:translateY(-9px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{50%{box-shadow:0 14px 35px rgba(0,0,0,.25),0 0 0 13px rgba(231,199,124,0)}}
@media(max-width:980px){.navlinks,.nav>.btn{display:none}.mobile-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0}.mobile-toggle i{display:block;width:26px;height:2px;background:var(--g)}.mobile-menu{position:absolute;top:86px;left:20px;right:20px;padding:15px;background:#fff;border-radius:16px;box-shadow:0 22px 55px rgba(0,45,37,.12);flex-direction:column}.mobile-menu.open{display:flex}.mobile-menu a{padding:11px;border-bottom:1px solid #eee;font-size:12px;font-weight:700}.hero-grid,.page-hero-grid,.image-split,.content-grid,.contact-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.section-head{flex-direction:column;align-items:flex-start}.side-card{position:static}.page-photo{max-width:650px}.cta{grid-template-columns:1fr}.hero h1{font-size:56px}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.section{padding:75px 0}.nav{height:75px}.logo img{height:61px}.mobile-menu{top:75px}.hero{padding-top:75px}.hero-grid{min-height:auto}.hero-copy{padding:60px 0 15px}.hero h1{font-size:43px}.lead{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{height:410px}.arch{inset:10px 0 0}.arch-border{inset:23px 13px 13px}.float-card{left:-4px;top:90px}.glass{left:15px;right:15px}.title{font-size:37px}.service-grid{grid-template-columns:1fr}.page-hero{padding-top:75px}.page-hero-grid{min-height:auto;padding:55px 0}.page-hero h1{font-size:43px}.page-photo{height:300px}.row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:7px}.cta{padding:30px 22px}}


/* ===== V4 HEADER + MEGA MENU FIX ===== */
.nav{height:100px}
.logo{display:flex;align-items:center;flex:0 0 auto}
.logo img{height:88px;width:auto;max-width:260px;object-fit:contain;transition:transform .35s var(--ease)}
.logo:hover img{transform:scale(1.025)}
.dropdown{position:relative;display:flex;align-items:center;height:100px}
.dropbtn{height:100%;display:flex;align-items:center;padding:0 4px}
.dropdown:after{
  content:"";position:absolute;left:-22px;right:-22px;top:66px;height:44px;
  background:transparent;pointer-events:auto
}
.mega{
  top:92px;margin-top:0;
  opacity:0;visibility:hidden;display:grid;
  transform:translateX(-50%) translateY(8px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s;
  pointer-events:none
}
.dropdown:hover .mega,.dropdown:focus-within .mega{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto
}
.mega:before{
  content:"";position:absolute;left:0;right:0;top:-18px;height:18px;background:transparent
}
.site-header-spacer{height:100px}

/* ===== V4 FINANCE SOLUTIONS SECTION ===== */
.home-solutions{
  position:relative;
  background:
    radial-gradient(circle at 12% 18%,rgba(11,107,91,.10),transparent 28%),
    radial-gradient(circle at 90% 78%,rgba(199,152,68,.12),transparent 27%),
    linear-gradient(180deg,#f7f3ea 0%,#efeadf 100%);
  overflow:hidden
}
.home-solutions:before{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;
  border:1px solid rgba(199,152,68,.16);right:-260px;top:-190px
}
.home-solutions:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:180px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.38));pointer-events:none
}
.home-solutions .container{position:relative;z-index:2}
.home-solutions .section-head{
  padding:0 0 12px;
  margin-bottom:42px
}
.home-solutions .section-head>p{
  padding:20px 24px;border-left:2px solid var(--gold);
  background:rgba(255,255,255,.52);backdrop-filter:blur(8px);
  border-radius:0 14px 14px 0
}
.home-solutions .service-grid{gap:18px}
.home-solutions .service-card{
  min-height:320px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(10px);
  border-color:rgba(0,59,51,.09);
  box-shadow:0 10px 35px rgba(0,45,37,.045)
}
.home-solutions .service-card:before{
  content:"";position:absolute;inset:0 0 auto;height:4px;
  background:linear-gradient(90deg,var(--gold),var(--gold2),var(--g3));
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)
}
.home-solutions .service-card:hover:before{transform:scaleX(1)}
.home-solutions .service-card:hover{
  background:#fff;
  transform:translateY(-9px);
  box-shadow:0 28px 65px rgba(0,45,37,.12)
}
.home-solutions .service-card .icon{
  width:52px;height:52px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(145deg,#f6efe0,#fff);
  border:1px solid rgba(199,152,68,.2);
  box-shadow:0 8px 18px rgba(199,152,68,.08);
  margin-top:27px
}
.home-solutions .service-card h3{font-size:22px}
.home-solutions .service-card p{font-size:12.5px;line-height:1.8;max-width:90%}
.home-solutions .service-card a{
  display:inline-flex;align-items:center;gap:8px;
  padding-top:10px
}

/* ===== V4 PROCESS SECTION ===== */
.process-modern{
  position:relative;
  background:
    radial-gradient(circle at 85% 18%,rgba(11,107,91,.07),transparent 24%),
    linear-gradient(180deg,#fbfaf7,#f4f0e7);
  overflow:hidden
}
.process-modern:before{
  content:"";position:absolute;left:-170px;bottom:-220px;width:440px;height:440px;
  border:1px solid rgba(199,152,68,.16);border-radius:50%
}
.process-shell{
  position:relative;padding:58px;border-radius:30px;
  background:linear-gradient(135deg,#064c42 0%,#003b33 58%,#022f29 100%);
  color:#fff;box-shadow:0 34px 80px rgba(0,49,41,.17);overflow:hidden
}
.process-shell:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to right,#000,transparent 85%)
}
.process-shell:after{
  content:"";position:absolute;width:330px;height:330px;border-radius:50%;
  border:1px solid rgba(231,199,124,.18);right:-130px;top:-160px
}
.process-top{
  position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;
  gap:60px;align-items:end;margin-bottom:52px
}
.process-top .kicker{color:var(--gold2)}
.process-top .title{color:#fff;margin-bottom:0}
.process-top .title span{color:var(--gold2)}
.process-top p{color:#bdd0cb;margin:0}
.process-cards{
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:18px
}
.process-cards:before{
  content:"";position:absolute;left:16.5%;right:16.5%;top:35px;height:1px;
  background:linear-gradient(90deg,rgba(231,199,124,.2),var(--gold2),rgba(231,199,124,.2));
  z-index:0
}
.process-card{
  position:relative;z-index:1;padding:28px 27px 30px;border-radius:20px;
  background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);transition:.4s var(--ease);min-height:250px
}
.process-card:hover{
  transform:translateY(-7px);background:rgba(255,255,255,.11);
  border-color:rgba(231,199,124,.34);box-shadow:0 22px 50px rgba(0,0,0,.13)
}
.process-number{
  width:70px;height:70px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,var(--gold2),var(--gold));color:var(--g);
  font-size:12px;font-weight:900;box-shadow:0 12px 28px rgba(199,152,68,.23);
  border:6px solid #06483f;margin-bottom:30px
}
.process-card h3{font-size:24px;margin:0 0 12px;color:#fff}
.process-card p{font-size:12.5px;line-height:1.75;color:#bfd0cb;margin:0}
.process-arrow{
  margin-top:23px;font-size:11px;font-weight:800;color:var(--gold2);
  display:inline-flex;align-items:center;gap:8px
}
.process-note{
  position:relative;z-index:2;margin-top:24px;padding-top:23px;
  border-top:1px solid rgba(255,255,255,.1);
  display:flex;justify-content:space-between;gap:25px;align-items:center
}
.process-note span{font-size:11px;color:#9fb9b2}
.process-note a{font-size:11px;font-weight:800;color:var(--gold2)}

/* keep content clear of taller fixed header */
.hero{padding-top:100px}
.page-hero{padding-top:100px}

@media(max-width:980px){
  .nav{height:88px}.logo img{height:78px}
  .mobile-menu{top:88px}
  .dropdown{height:auto}
  .process-top{grid-template-columns:1fr;gap:18px}
  .process-cards{grid-template-columns:1fr}
  .process-cards:before{display:none}
  .process-shell{padding:42px 32px}
  .hero,.page-hero{padding-top:88px}
}
@media(max-width:640px){
  .nav{height:78px}.logo img{height:70px;max-width:210px}
  .mobile-menu{top:78px}
  .process-shell{padding:30px 20px;border-radius:22px}
  .process-card{min-height:auto}
  .process-note{align-items:flex-start;flex-direction:column}
  .home-solutions .service-card{min-height:285px}
  .hero,.page-hero{padding-top:78px}
}


/* ===== V5: richer green finance-solutions background ===== */
.home-solutions{
  position:relative;
  background:
    radial-gradient(circle at 12% 12%,rgba(231,199,124,.12),transparent 26%),
    radial-gradient(circle at 88% 74%,rgba(17,123,103,.34),transparent 32%),
    linear-gradient(135deg,#073f36 0%,#00463b 46%,#06362f 100%) !important;
  color:#fff;
  overflow:hidden;
}
.home-solutions:before{
  content:"";
  position:absolute;
  width:560px;height:560px;
  right:-235px;top:-220px;
  border:1px solid rgba(231,199,124,.22);
  border-radius:50%;
  box-shadow:
    0 0 0 65px rgba(231,199,124,.025),
    0 0 0 130px rgba(231,199,124,.018);
}
.home-solutions:after{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(135deg,#000 0%,transparent 72%);
  pointer-events:none;
}
.home-solutions .container{position:relative;z-index:2}
.home-solutions .kicker{color:var(--gold2)}
.home-solutions .title{color:#fff}
.home-solutions .title span{color:var(--gold2)}
.home-solutions .section-head>p{
  color:#d4e1dd;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.09);
  border-left:2px solid var(--gold2);
  box-shadow:0 15px 40px rgba(0,0,0,.08);
}
.home-solutions .service-card{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(231,199,124,.18);
  box-shadow:0 18px 45px rgba(0,24,20,.16);
}
.home-solutions .service-card:hover{
  background:#fff;
  border-color:rgba(231,199,124,.55);
  box-shadow:0 30px 70px rgba(0,24,20,.26);
}
.home-solutions .service-card:after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-75px;bottom:-75px;
  border-radius:50%;
  border:1px solid rgba(199,152,68,.11);
  transition:.45s var(--ease);
}
.home-solutions .service-card:hover:after{
  transform:scale(1.25);
  border-color:rgba(199,152,68,.22);
}
.home-solutions .service-card .num{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:36px;height:25px;padding:0 9px;
  border-radius:999px;
  background:var(--g);
  color:var(--gold2);
}
.home-solutions .service-card .icon{
  background:linear-gradient(145deg,#fff,#f3ead9);
  border-color:rgba(199,152,68,.28);
}
.home-solutions .service-card h3{color:var(--ink)}
.home-solutions .service-card p{color:#697671}
.home-solutions .service-card a{color:var(--g2)}
.home-solutions .service-grid{padding-bottom:8px}


/* ===== V6 LOGO SIZE FIX ===== */
/* Header: make the supplied Al Watan logo clearly readable */
.nav{
  height:118px !important;
}
.logo{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
}
.logo img{
  height:106px !important;
  width:auto !important;
  max-width:330px !important;
  object-fit:contain !important;
  display:block !important;
}

/* Footer: significantly larger logo for legibility */
.footer-grid > div:first-child{
  min-width:0;
}
.footer img{
  height:155px !important;
  width:auto !important;
  max-width:360px !important;
  object-fit:contain !important;
  display:block !important;
  background:#fff !important;
  border-radius:16px !important;
  padding:10px !important;
  margin-bottom:18px !important;
}

/* account for taller fixed header */
.hero{
  padding-top:118px !important;
}
.page-hero{
  padding-top:118px !important;
}
.mobile-menu{
  top:118px !important;
}

/* keep navigation vertically centered with taller header */
.dropdown{
  height:118px !important;
}
.dropbtn{
  height:118px !important;
}
.mega{
  top:110px !important;
}

/* slightly widen first footer column so the larger logo breathes */
.footer-grid{
  grid-template-columns:1.9fr 1fr 1fr 1.2fr !important;
}

@media(max-width:980px){
  .nav{height:100px !important}
  .logo img{height:90px !important;max-width:280px !important}
  .hero,.page-hero{padding-top:100px !important}
  .mobile-menu{top:100px !important}
  .dropdown,.dropbtn{height:auto !important}
  .footer img{height:145px !important;max-width:330px !important}
  .footer-grid{grid-template-columns:1fr 1fr !important}
}
@media(max-width:640px){
  .nav{height:88px !important}
  .logo img{height:78px !important;max-width:235px !important}
  .hero,.page-hero{padding-top:88px !important}
  .mobile-menu{top:88px !important}
  .footer img{height:135px !important;max-width:300px !important}
  .footer-grid{grid-template-columns:1fr !important}
}


/* ===== V7 HORIZONTAL LOGO ===== */
.nav{
  height:112px !important;
}
.logo img{
  width:330px !important;
  height:94px !important;
  max-width:330px !important;
  object-fit:contain !important;
  object-position:left center !important;
}

/* New logo is horizontal, so footer can be much wider and easier to read */
.footer img{
  width:390px !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
  background:#fff !important;
  padding:8px 10px !important;
  border-radius:14px !important;
}
.footer-grid{
  grid-template-columns:2fr 1fr 1fr 1.15fr !important;
}

.hero,.page-hero{
  padding-top:112px !important;
}
.mobile-menu{
  top:112px !important;
}
.dropdown,.dropbtn{
  height:112px !important;
}
.mega{
  top:104px !important;
}

@media(max-width:1100px){
  .logo img{width:285px !important;height:86px !important}
  .navlinks{gap:19px}
}
@media(max-width:980px){
  .nav{height:96px !important}
  .logo img{width:300px !important;height:82px !important}
  .hero,.page-hero{padding-top:96px !important}
  .mobile-menu{top:96px !important}
  .footer img{width:360px !important}
}
@media(max-width:640px){
  .nav{height:84px !important}
  .logo img{width:245px !important;height:72px !important}
  .hero,.page-hero{padding-top:84px !important}
  .mobile-menu{top:84px !important}
  .footer img{width:330px !important}
}


/* ===== WP V2 refinements ===== */

/* Larger, more readable footer typography */
.footer h4{
  font-size:13px !important;
  line-height:1.4 !important;
  letter-spacing:.13em !important;
  margin:0 0 15px !important;
}
.footer a,.footer p{
  font-size:14px !important;
  line-height:1.75 !important;
  margin:8px 0 !important;
}
.footer-bottom{
  font-size:11px !important;
}
.footer-grid{
  align-items:start;
}

/* Services nav is now a real clickable link */
.dropbtn{
  text-decoration:none;
  display:flex !important;
  align-items:center;
  gap:7px;
}
.drop-arrow{
  color:var(--gold);
  font-size:10px;
  transition:transform .25s ease;
}
.dropdown:hover .drop-arrow{transform:rotate(180deg)}

/* Premium mega menu */
.mega{
  width:820px !important;
  padding:0 !important;
  overflow:hidden;
  background:linear-gradient(145deg,#06483f,#00362f) !important;
  border:1px solid rgba(231,199,124,.22) !important;
  box-shadow:0 30px 80px rgba(0,35,29,.28) !important;
  border-radius:22px !important;
}
.mega-head{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 22px;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
}
.mega-head small{
  display:block;color:var(--gold2);font-size:9px;letter-spacing:.15em;font-weight:800
}
.mega-head strong{
  display:block;color:#fff;font:700 20px "Playfair Display";margin-top:4px
}
.mega-all{
  color:var(--gold2) !important;
  background:transparent !important;
  font-size:10px !important;
  font-weight:800 !important;
}
.mega-grid{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding:16px;
}
.mega-grid>a{
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px !important;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px !important;
  color:#fff !important;
  background:rgba(255,255,255,.035);
  transition:.28s ease;
}
.mega-grid>a:hover{
  background:rgba(255,255,255,.1) !important;
  border-color:rgba(231,199,124,.3);
  transform:translateY(-2px);
}
.mega-icon{
  width:34px;height:34px;flex:0 0 34px;
  border-radius:9px;
  display:grid;place-items:center;
  color:var(--gold2);
  background:rgba(231,199,124,.09);
  border:1px solid rgba(231,199,124,.16);
  font-size:16px;
}
.mega-grid b{display:block;font-size:11px;line-height:1.25}
.mega-grid small{display:block;color:#a9c2bb;font-size:8px;margin-top:3px}

/* Make hover corridor extra forgiving */
.dropdown:after{
  top:62px !important;
  height:62px !important;
  left:-35px !important;
  right:-35px !important;
}
.mega:before{top:-25px !important;height:25px !important}

/* Attractive Services page without changing approved image */
.services-hero{
  background:
    radial-gradient(circle at 18% 35%,rgba(231,199,124,.13),transparent 28%),
    linear-gradient(135deg,#073f36 0%,#00463b 58%,#06352f 100%) !important;
  color:#fff;
}
.services-hero .kicker{color:var(--gold2)}
.services-hero h1{color:#fff}
.services-hero h1 span{color:var(--gold2) !important}
.services-hero .lead{color:#c6d7d2}
.services-hero .page-photo{
  border:1px solid rgba(231,199,124,.25);
  box-shadow:0 30px 70px rgba(0,0,0,.25);
}
.services-hero .page-photo:after{
  content:"";position:absolute;inset:0;
  box-shadow:inset 0 0 0 12px rgba(255,255,255,.03);
  border-radius:inherit;pointer-events:none
}
.services-intro{
  background:#052f29;
  border-top:1px solid rgba(231,199,124,.15);
  border-bottom:1px solid rgba(231,199,124,.15);
}
.services-intro-grid{
  min-height:112px;
  display:grid;
  grid-template-columns:150px 150px 150px 1fr;
  gap:0;
  align-items:stretch;
}
.services-intro-grid>div{
  padding:24px 25px;
  border-right:1px solid rgba(255,255,255,.08);
  display:flex;flex-direction:column;justify-content:center;
}
.services-intro-grid span{
  color:var(--gold2);
  font:700 26px "Playfair Display";
}
.services-intro-grid p{
  margin:5px 0 0;color:#b9cfca;font-size:10px;line-height:1.5
}
.services-intro-copy{
  border-right:0 !important;
  padding-left:35px !important;
}
.services-intro-copy small{
  color:var(--gold2);font-size:8px;letter-spacing:.16em;font-weight:800
}
.services-intro-copy p{font-size:11px;max-width:600px}
.services-catalog{
  position:relative;
  background:
    radial-gradient(circle at 8% 18%,rgba(11,107,91,.10),transparent 28%),
    radial-gradient(circle at 92% 80%,rgba(199,152,68,.12),transparent 25%),
    linear-gradient(180deg,#f7f3ea,#efeadf);
  overflow:hidden;
}
.services-catalog:before{
  content:"";position:absolute;width:520px;height:520px;right:-260px;top:-240px;
  border:1px solid rgba(199,152,68,.17);border-radius:50%
}
.services-catalog-head{
  position:relative;z-index:2;
  display:flex;align-items:flex-end;justify-content:space-between;gap:55px;
  margin-bottom:42px;
}
.services-catalog-head>div{max-width:690px}
.services-catalog-head>p{max-width:390px}
.services-catalog .service-grid{position:relative;z-index:2;gap:18px}
.services-catalog .service-card{
  min-height:320px;
  background:rgba(255,255,255,.92);
  box-shadow:0 15px 38px rgba(0,45,37,.06);
  border-color:rgba(0,59,51,.09);
}
.services-catalog .service-card:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--gold),var(--gold2),var(--g3));
  transform:scaleX(0);transform-origin:left;transition:.4s var(--ease)
}
.services-catalog .service-card:hover:before{transform:scaleX(1)}
.services-catalog .service-card:hover{
  transform:translateY(-9px);
  box-shadow:0 30px 68px rgba(0,45,37,.13);
  border-color:rgba(199,152,68,.4)
}
.services-catalog .service-card .num{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:37px;height:25px;border-radius:999px;
  background:var(--g);color:var(--gold2);padding:0 9px
}
.services-catalog .service-card .icon{
  width:50px;height:50px;border-radius:13px;display:grid;place-items:center;
  background:#f7f1e6;border:1px solid rgba(199,152,68,.22)
}

/* Real WhatsApp floating action */
.whatsapp{
  position:fixed !important;
  right:24px !important;
  bottom:24px !important;
  width:auto !important;
  height:58px !important;
  min-width:58px;
  padding:0 18px 0 15px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px;
  background:#25D366 !important;
  color:#fff !important;
  z-index:9999 !important;
  box-shadow:0 14px 38px rgba(0,0,0,.25) !important;
  font:800 12px Manrope !important;
  animation:pulse 2.6s infinite;
}
.whatsapp svg{width:27px;height:27px;fill:#fff;display:block}
.whatsapp span{display:block}
.whatsapp:hover{transform:translateY(-3px);filter:brightness(.98)}

@media(max-width:980px){
  .mega{display:none !important}
  .services-intro-grid{grid-template-columns:repeat(3,1fr)}
  .services-intro-copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08)}
  .services-catalog-head{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  .footer h4{font-size:12px !important}
  .footer a,.footer p{font-size:13px !important}
  .services-intro-grid{grid-template-columns:1fr 1fr}
  .services-intro-grid>div:nth-child(3){grid-column:1/-1}
  .services-intro-copy{padding-left:22px !important}
  .whatsapp{width:58px !important;padding:0 !important}
  .whatsapp span{display:none}
}


/* ===== AWF WP V3 CACHE-FIXED UI ===== */
body .dropdown .mega{
  display:block !important;
  width:820px !important;
}
body .dropdown .mega .mega-head{
  display:flex !important;
}
body .dropdown .mega .mega-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
body .dropdown .mega .mega-grid > a{
  display:flex !important;
  min-height:64px;
}
body .services-page .services-intro{
  display:block !important;
  background:#052f29 !important;
}
body .services-page .services-intro-grid{
  display:grid !important;
  grid-template-columns:150px 150px 150px 1fr !important;
}
body .services-page .services-catalog-head{
  display:flex !important;
}
@media(max-width:980px){
  body .dropdown .mega{display:none !important}
  body .services-page .services-intro-grid{
    grid-template-columns:repeat(3,1fr) !important;
  }
}
@media(max-width:640px){
  body .services-page .services-intro-grid{
    grid-template-columns:1fr 1fr !important;
  }
}