/* block 1 */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");
#broker-capital-hub,#broker-capital-hub *{box-sizing:border-box}
#broker-capital-hub{--ink:#102c2c;--p:#123f3e;--g:#b98b50;--cream:#f7f3ed;--line:#e7dbcc;--mut:#637270;width:100vw;margin-inline:calc(50% - 50vw);direction:rtl;overflow-x:clip;background:#fff;color:var(--ink);font-family:"Cairo",Tahoma,Arial,sans-serif;line-height:1.85}
#broker-capital-hub *:focus-visible{outline:3px solid #d7b17e;outline-offset:3px}
#broker-capital-hub a{color:inherit}
#broker-capital-hub h1,#broker-capital-hub h2,#broker-capital-hub h3,#broker-capital-hub p{margin-top:0;text-wrap:pretty}
#broker-capital-hub h1,#broker-capital-hub h2,#broker-capital-hub h3{text-wrap:balance}
#broker-capital-hub .cap-container{width:min(1320px,calc(100% - 48px));margin:auto}
#broker-capital-hub .section{padding:62px 0}
#broker-capital-hub .section.alt{background:#fbf8f3}
#broker-capital-hub .eyebrow,#broker-capital-hub .kicker{display:block;margin-bottom:8px;color:#ad7b3e;font-size:13px;font-weight:900}
#broker-capital-hub .section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:24px}
#broker-capital-hub .section-head h2{margin:0 0 8px;color:var(--p);font-size:clamp(27px,3.1vw,41px);line-height:1.32}
#broker-capital-hub .section-head p{max-width:920px;margin:0;color:var(--mut);font-size:15px}
#broker-capital-hub .section-chip{white-space:nowrap;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--mut);font-size:11px;font-weight:800}

/* Hero */
#broker-capital-hub .hero{position:relative;padding:48px 0 50px;overflow:hidden;background:linear-gradient(135deg,#0d3334,#174e4d);color:#fff}
#broker-capital-hub .hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 15%,rgba(185,139,80,.22),transparent 34%)}
#broker-capital-hub .hero-copy{position:relative;z-index:1;max-width:1060px}
#broker-capital-hub .hero-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;color:#c9d8d6;font-size:12px}
#broker-capital-hub .hero-breadcrumb a{text-decoration:none}
#broker-capital-hub .hero .kicker{color:#e3bd88}
#broker-capital-hub .hero h1{max-width:980px;margin:0 0 15px;color:#fff;font-size:clamp(34px,4.2vw,52px);line-height:1.23;font-weight:900}
#broker-capital-hub .projects-h1-sub{display:block;margin-top:6px;color:#e6c38f;font-size:.62em;line-height:1.45;font-weight:800}
#broker-capital-hub .hero-copy>p{max-width:970px;margin:0;color:#e2ecea;font-size:clamp(16px,1.7vw,20px);line-height:1.9}
#broker-capital-hub .hero-control-groups{display:grid;grid-template-columns:1fr;gap:18px;align-items:end;margin-top:22px}
#broker-capital-hub .hero-actions{display:flex;gap:8px;flex-wrap:wrap}
#broker-capital-hub .hero-actions a{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:11px;text-decoration:none;font-size:12px;font-weight:900}
#broker-capital-hub .hero-actions a:first-child{background:#97652d;color:#fff}
#broker-capital-hub .hero-actions a:last-child{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06)}

/* Project finder */
#broker-capital-hub .sales-advisor{padding:64px 0 68px;background:linear-gradient(180deg,#f8f5ef,#fff);border-block:1px solid #eadfce}
#broker-capital-hub .advisor-intro{max-width:880px;margin:0 auto 24px;text-align:center}
#broker-capital-hub .advisor-intro h2{margin:0 0 10px;color:var(--p);font-size:clamp(29px,3.5vw,45px);line-height:1.3}
#broker-capital-hub .advisor-intro p{margin:0 auto;color:var(--mut);font-size:15px}
#broker-capital-hub .project-finder-shell{max-width:1050px;margin:auto;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(16,44,44,.06)}
#broker-capital-hub .project-finder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
#broker-capital-hub .project-finder-field label{display:block;margin-bottom:6px;color:var(--p);font-size:12px;font-weight:900}
#broker-capital-hub .project-finder-field select{width:100%;min-height:48px;padding:8px 10px;border:1px solid #ddd6cc;border-radius:10px;background:#fff;color:var(--ink);font:700 12.5px Cairo}
#broker-capital-hub .project-finder-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
#broker-capital-hub .project-finder-btn{min-height:45px;padding:9px 16px;border:0;border-radius:10px;background:var(--p);color:#fff;font:900 12px Cairo;cursor:pointer}
#broker-capital-hub .project-finder-btn.light{background:#fff;color:var(--p);border:1px solid var(--line)}
#broker-capital-hub .project-finder-result{display:none;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
#broker-capital-hub .project-finder-result.show{display:block}
#broker-capital-hub .project-finder-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#broker-capital-hub .project-finder-rec{padding:16px;border:1px solid var(--line);border-top:4px solid var(--g);border-radius:14px;background:#fffaf4}
#broker-capital-hub .project-finder-rec small{display:block;color:#8d602d;font-weight:900;font-size:10px}
#broker-capital-hub .project-finder-rec h3{margin:5px 0 6px;color:var(--p);font-size:18px}
#broker-capital-hub .project-finder-rec p{margin:0 0 10px;color:var(--mut);font-size:12px;line-height:1.75}
#broker-capital-hub .project-finder-rec a{font-size:11px;font-weight:900;color:var(--p)}
#broker-capital-hub .project-finder-empty{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fffaf4}
#broker-capital-hub .project-finder-empty strong{display:block;margin-bottom:6px;color:var(--p)}
#broker-capital-hub .project-finder-empty p{margin:0 0 11px;color:var(--mut);font-size:12px}
#broker-capital-hub .project-finder-empty a{display:inline-flex;min-height:42px;align-items:center;padding:8px 13px;border-radius:10px;background:var(--p);color:#fff;text-decoration:none;font-size:11px;font-weight:900}

/* Project cards */
#broker-capital-hub #projects .unified-projects-shell{margin:6px 0 0;padding:24px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,243,234,.96));border:1px solid rgba(185,139,80,.30);box-shadow:0 20px 52px rgba(72,52,29,.09)}
#broker-capital-hub #projects .unified-project-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
#broker-capital-hub #projects .overlay-project-card{position:relative!important;display:block!important;aspect-ratio:4/3!important;overflow:hidden!important;padding:0!important;border:1px solid rgba(185,139,80,.45)!important;border-radius:20px!important;background:#0d3332!important;color:#fff!important;box-shadow:0 12px 28px rgba(16,44,44,.12)!important;transition:transform .18s ease,box-shadow .18s ease!important}
#broker-capital-hub #projects .overlay-project-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(16,44,44,.17)!important}
#broker-capital-hub #projects .overlay-project-card .broker-project-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important;margin:0!important;transition:transform .28s ease!important}
#broker-capital-hub #projects .overlay-project-card:hover .broker-project-photo{transform:scale(1.025)!important}
#broker-capital-hub #projects .overlay-shade{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(8,33,32,.04) 18%,rgba(8,33,32,.12) 42%,rgba(8,33,32,.82) 76%,rgba(8,33,32,.97) 100%)!important}
#broker-capital-hub #projects .overlay-content{position:absolute!important;inset:0!important;z-index:2!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:16px!important}
#broker-capital-hub #projects .overlay-tag{align-self:flex-start!important;display:inline-flex!important;max-width:82%!important;min-height:32px!important;align-items:center!important;padding:6px 10px!important;border:1px solid rgba(214,167,95,.9)!important;border-radius:10px!important;background:rgba(10,52,51,.86)!important;color:#f0c27a!important;font-size:10.5px!important;line-height:1.45!important;font-weight:900!important}
#broker-capital-hub #projects .overlay-project-card h3{margin:0 0 8px!important;color:#fff!important;font-size:clamp(24px,2vw,31px)!important;line-height:1.28!important;font-weight:900!important;text-shadow:0 2px 10px rgba(0,0,0,.28)!important}
#broker-capital-hub #projects .project-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:40px!important;margin:0!important;padding:8px 13px!important;border:1px solid rgba(214,167,95,.9)!important;border-radius:10px!important;background:#d3a166!important;color:#173a38!important;font-size:11.5px!important;font-weight:900!important}
#broker-capital-hub #projects .project-cta:after{content:" ←"!important}
#broker-capital-hub #projects .unified-project-card[hidden],#broker-capital-hub #projects .unified-project-card.is-project-hidden{display:none!important}
#broker-capital-hub #projects .advisor-picked{outline:3px solid #d5ae78;outline-offset:3px}
#broker-capital-hub #projects .projects-more{width:max-content;max-width:100%;min-width:220px;min-height:46px;margin:25px auto 0;padding:11px 24px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(185,139,80,.55);border-radius:999px;background:#103f40;color:#fff;font:800 13px/1.5 Cairo;white-space:nowrap;cursor:pointer}

/* Area cards */
#broker-capital-hub .projects-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:20px}
#broker-capital-hub .projects-area-grid article{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}
#broker-capital-hub .projects-area-grid b{display:inline-flex;margin-bottom:7px;padding:4px 7px;border-radius:999px;background:#f6efe5;color:#805b2e;font-size:10px}
#broker-capital-hub .projects-area-grid h3{margin:0 0 6px;color:var(--p);font-size:16px;line-height:1.55}
#broker-capital-hub .projects-area-grid p{margin:0;color:var(--mut);font-size:12px;line-height:1.85}

/* Cluster links */
#broker-capital-hub .cluster-links{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:20px}
#broker-capital-hub .cluster-link{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none}
#broker-capital-hub .cluster-link strong{display:block;margin-bottom:4px;color:var(--p);font-size:14px}
#broker-capital-hub .cluster-link span{color:var(--mut);font-size:11px}
#broker-capital-hub .cluster-link.primary{background:var(--p);border-color:var(--p)}
#broker-capital-hub .cluster-link.primary strong{color:#fff}
#broker-capital-hub .cluster-link.primary span{color:#dbe8e6}

/* Request / form */
#broker-capital-hub #request{padding:58px 0;background:#fff}
#broker-capital-hub .request-prelude{margin-bottom:17px;padding:19px 21px;border:1px solid var(--line);border-radius:19px;background:#fbf8f3}
#broker-capital-hub .request-prelude h2{margin:4px 0 7px;color:var(--p);font-size:clamp(26px,3vw,38px)}
#broker-capital-hub .request-prelude p{max-width:940px;margin:0;color:var(--mut)}
#broker-capital-hub .request-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
#broker-capital-hub .request-points span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--p);font-size:10px;font-weight:800}
#broker-capital-hub .request{padding:27px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(135deg,#f7f3ed,#fff)}
#broker-capital-hub .request-grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:34px;align-items:start}
#broker-capital-hub .request-copy{padding-top:6px}
#broker-capital-hub .request-copy p{margin:0;color:var(--mut)}
#broker-capital-hub .fluentform-slot{width:100%;padding:19px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 25px rgba(16,44,44,.05)}
#broker-capital-hub .fluentform-slot .ff-el-form-control{min-height:49px;border-radius:10px!important}
#broker-capital-hub .fluentform-slot textarea.ff-el-form-control{min-height:110px}
#broker-capital-hub .fluentform-slot .ff-btn-submit{min-height:49px;border-radius:10px!important;background:var(--p)!important;border-color:var(--p)!important;font-weight:900!important}

/* FAQ */
#broker-capital-hub .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#broker-capital-hub .faq-list details{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
#broker-capital-hub .faq-list summary{padding:14px 16px;cursor:pointer;list-style:none;color:var(--p);font-size:13px;font-weight:900}
#broker-capital-hub .faq-list summary::-webkit-details-marker{display:none}
#broker-capital-hub .faq-list p{padding:0 16px 15px;margin:0;color:var(--mut);font-size:12px;line-height:1.85}

/* WhatsApp */
#broker-capital-hub .mobile-wa{position:fixed;left:18px;bottom:18px;z-index:40;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#19a765;color:#fff;text-decoration:none;box-shadow:0 12px 30px #0003}
#broker-capital-hub .mobile-wa:before{content:"واتساب";font-size:9px;font-weight:900}

@media(max-width:1180px){
  #broker-capital-hub #projects .unified-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #broker-capital-hub .projects-area-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:960px){
  #broker-capital-hub .request-grid{grid-template-columns:1fr}
  #broker-capital-hub .cluster-links{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  #broker-capital-hub .cap-container{width:min(100% - 28px,1320px)}
  #broker-capital-hub .hero{padding:42px 0 44px}
  #broker-capital-hub .hero h1{font-size:31px}
  #broker-capital-hub .hero-actions{display:grid;grid-template-columns:1fr 1fr}
  #broker-capital-hub .section,#broker-capital-hub .sales-advisor,#broker-capital-hub #request{padding:45px 0}
  #broker-capital-hub .section-head{display:block}
  #broker-capital-hub .section-chip{display:inline-flex;margin-top:10px}
  #broker-capital-hub .project-finder-shell,#broker-capital-hub .request{padding:17px}
  #broker-capital-hub .project-finder-grid,#broker-capital-hub .project-finder-result-grid,#broker-capital-hub #projects .unified-project-grid,#broker-capital-hub .projects-area-grid,#broker-capital-hub .cluster-links,#broker-capital-hub .faq-list{grid-template-columns:1fr!important}
  #broker-capital-hub #projects .unified-projects-shell{padding:12px;border-radius:20px}
  #broker-capital-hub #projects .overlay-project-card{aspect-ratio:4/3!important}
  #broker-capital-hub #projects .overlay-content{padding:14px!important}
  #broker-capital-hub #projects .overlay-project-card h3{font-size:25px!important}
  #broker-capital-hub #projects .projects-more{width:100%;min-width:0;white-space:normal}
  #broker-capital-hub .mobile-wa{left:14px;bottom:78px}
}
@media(max-width:420px){
  #broker-capital-hub .hero-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  #broker-capital-hub *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}