:root{--navy:#081973;--green:#0e850f;--pale-green:#eef7ef;--pale-blue:#edf4fc;--muted:#677d9e;--border:#d5deeb;--track:#cdd2d9;--white:#fefefe}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--navy);font-family:"Noto Kufi Arabic","Open Sans",Arial,sans-serif;font-size:13px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.mobile{display:none}header{height:59px;background:white}.header-inner{max-width:1308px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo img{width:212px;height:auto;display:block}nav{display:flex;align-items:center;gap:32px;font-size:12px}nav .sell-link,nav .login{border:1px solid var(--border);padding:3px 16px;border-radius:4px}nav .sell-link{border-color:var(--green);color:var(--green);font-weight:700}.hamburger{display:none}.hero{height:345px;background:url('assets/home-hero.jpg') center/cover no-repeat;position:relative}.hero-copy{position:absolute;top:36px;left:12%;text-align:right}h1{font-size:26px;line-height:1.7;margin:0;font-weight:700;white-space:nowrap}.hero-copy p{font-size:20px;margin:0}.search-panel{position:absolute;z-index:2;top:281px;width:798px;right:calc(50% - 399px);background:white;border-radius:7px;padding:15px;box-shadow:0 4px 10px #00000014}.tabs{position:absolute;right:0;top:-41px;background:white;border-radius:6px 6px 0 0;width:260px;height:44px;display:flex;align-items:stretch;padding:0 14px;gap:15px}.tabs button{border:0;background:white;color:var(--muted);flex:1;font-weight:700;font-size:12px}.tabs .active{border-bottom:3px solid var(--green);color:var(--green)}form{display:grid;grid-template-columns:1.14fr 1.02fr 1fr .8fr;gap:14px;align-items:end}.field label{display:block;font-size:11px;padding-right:30px;line-height:17px}.field>div{height:47px;border:1px solid var(--border);border-radius:5px;display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--muted);font-size:12px;white-space:nowrap}.field svg{width:17px;height:17px;color:#204578}.field .chevron{margin-right:auto;width:14px}.search-button{height:47px;border:0;border-radius:4px;color:white;background:var(--green);font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.search-button svg{width:25px;height:25px}main{max-width:1308px;margin:auto}h2{font-size:22px;line-height:1.6;margin:0;font-weight:700}.how{padding-top:12px}.processes{display:flex;gap:12px;margin-top:5px}.process{height:95px;border-radius:5px;display:flex;align-items:center;justify-content:space-around;flex:1;padding:15px 16px 5px;position:relative}.seller{background:var(--pale-green)}.buyer{background:var(--pale-blue)}.process strong{position:absolute;right:12px;top:0;background:var(--green);color:white;padding:5px 17px;border-radius:4px;font-size:12px}.buyer strong{background:#06469e}.process div{display:flex;flex-direction:column;align-items:center;padding-top:4px;font-weight:700}.process div:first-of-type{margin-right:58px}.process b{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#deefdf;color:var(--green);width:36px;height:36px;font:700 20px "Open Sans",sans-serif}.num-row{display:flex;align-items:center;gap:6px}.step-icon{width:22px;height:22px;color:#12326b}.buyer b{background:#dce9fa;color:#004094}.process span{margin-top:2px;font-size:13px}.process em{font-style:normal;font-size:25px;font-weight:400}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:21px 0 11px}.section-heading a{font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{min-width:0;border:1px solid #e0e6ed;border-radius:5px;overflow:hidden;background:white}.photo{height:138px;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo picture{display:block;height:100%}.verified{position:absolute;left:17px;top:13px;background:var(--green);color:white;display:flex;align-items:center;gap:5px;font-weight:700;padding:1px 8px;border-radius:5px;font-size:12px}.verified svg{width:19px;height:22px}.heart{position:absolute;right:12px;top:11px;color:white;width:25px;height:25px;filter:drop-shadow(0 1px 1px #345)}.card-body{padding:0 12px 10px}h3{font:700 15px/1.5 "Open Sans",sans-serif;margin:2px 0 1px;text-align:right}.address{display:flex;align-items:center;gap:7px;margin:0;color:#24417a;font-size:12px}.address svg{width:15px;height:15px}.features{display:flex;justify-content:space-between;margin:9px 0 8px;color:#24417a;font-size:11px}.features>span{display:flex;align-items:center;gap:5px}.features svg{width:19px;height:19px}.prices{border-top:1px solid #e8ebef;display:grid;grid-template-columns:1.05fr 1.05fr .85fr;min-height:68px;align-items:center;padding-top:4px;text-align:center;font-size:11px;line-height:1.6}.prices>div+div{border-right:1px solid #edf0f5}.prices b{display:block;font:700 15px/1.7 "Open Sans",sans-serif;white-space:nowrap}.prices small{font-family:"Noto Kufi Arabic",sans-serif;font-size:9px;font-weight:400}.prices .desktop{display:block}.progress{height:12px;border-radius:20px;background:var(--track);overflow:hidden;margin-top:7px}.progress i{display:block;height:100%;background:var(--green);border-radius:20px}.payment{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:5px 2px 6px}.actions{display:flex;gap:10px}.actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--green);border:1px solid var(--green);color:white;height:38px;border-radius:4px;font-weight:700;font-size:12px}.actions button+button{background:white;color:var(--green)}.actions svg{width:20px;height:20px}.projects .section-heading{margin-top:28px}.project-photos{display:flex;gap:15px}.project-photos img{width:calc((100% - 60px)/5);height:140px;object-fit:cover;border-radius:4px}
@media(min-width:701px) and (max-width:1350px){main,.header-inner{margin-left:4.8%;margin-right:4.8%}.process{padding-left:8px;padding-right:8px}.process div:first-of-type{margin-right:42px}.process span{font-size:11px}}
@media(max-width:700px){:root{--navy:#082253;--green:#078b0c;--muted:#627797;--track:#d9e2ec}body{font-size:12px}.desktop{display:none!important}.mobile{display:inline}header{height:40px}.header-inner{padding:0 13px}.logo img{width:141px;max-height:25px;object-fit:contain}nav{display:none}.hamburger{display:flex;flex-direction:column;gap:4px;background:none;border:0;padding:0;width:19px}.hamburger i{height:2px;width:18px;background:var(--navy);border-radius:3px}.hamburger i:nth-child(2){width:13px}.hero{height:152px;background-image:url('assets/home-hero-mobile.jpg');background-position:center}.hero-copy{top:59px;left:9px;width:280px;background:#fffffff5;border-radius:9px;padding:3px 8px 6px}.hero h1{font-size:21px;line-height:1.3;text-align:center;letter-spacing:-.8px;white-space:normal}.hero-copy p{display:none}.search-panel{position:relative;top:auto;right:auto;width:auto;margin:-12px 7px 0;padding:0 10px 9px;border-radius:9px;box-shadow:0 3px 7px #263b4d12}.tabs{position:static;height:38px;width:calc(100% + 20px);margin:0 -10px 12px;padding:0;gap:0;border-radius:9px 9px 0 0;overflow:hidden}.tabs button{position:relative;font-size:13px;color:var(--muted);background:#f3f7fc;padding:0}.tabs button.active{background:white;color:var(--navy);border:0}.tabs .active:after{content:'';position:absolute;bottom:0;left:6px;right:10px;height:2px;background:var(--green);border-radius:2px}form{grid-template-columns:1fr 1fr;gap:8px 6px}.field{border:1px solid var(--border);border-radius:6px;min-width:0;height:40px;padding:4px 8px;position:relative}.field label{font-size:10px;line-height:15px;padding:0;color:var(--muted)}.field>div{border:0;height:auto;padding:0;font-size:12px;line-height:16px;gap:0}.field .chevron{position:absolute;left:9px;top:15px;width:14px;height:14px}.field.location{height:48px;grid-column:1/-1;padding:8px 35px 5px 8px}.location label{font-size:11px;line-height:16px}.location>div{font-size:9px;line-height:16px}.location svg:first-child{position:absolute;right:10px;top:13px;width:20px;height:20px;color:var(--navy)}.location .chevron{display:none}.search-button{grid-column:1/-1;height:37px;border-radius:6px;font-size:14px;gap:8px}.search-button svg{width:22px;height:22px}main{margin:0 9px}.how{display:none}.section-heading{margin:17px 2px 10px;min-height:25px}.section-heading h2{font-size:19px;letter-spacing:-.9px}.section-heading a{font-size:11px;color:var(--green);font-weight:400}.cards{display:block}.card:not(.mountain){display:none}.card{border-radius:7px;box-shadow:0 2px 4px #233e5310}.photo{height:127px}.photo img{object-fit:cover}.verified{left:10px;top:7px;border-radius:5px;padding:3px 7px;gap:6px;font-size:12px}.verified svg{height:19px;width:19px}.heart{display:none}.card-body{padding:5px 8px 7px}h3{font-size:16px;line-height:24px;margin:0 3px 3px}.address{font-size:10px;line-height:17px;gap:6px;color:var(--muted);margin-right:3px}.address svg{width:15px;height:15px;color:var(--navy)}.features{margin:9px 5px 10px;display:grid;grid-template-columns:1fr 1fr 1fr;font-size:12px;color:var(--navy)}.features>span{justify-content:center;gap:5px;line-height:14px}.features>span+span{border-right:1px solid #a8b8cc}.features svg{width:17px;height:17px}.contract{display:flex;background:#f2f7fd;border-radius:7px;height:41px;align-items:center;justify-content:space-between;padding:4px 12px;font-size:10px;color:var(--muted)}.contract b{display:block;font:600 13px/19px "Open Sans",Arial,sans-serif;color:var(--navy)}.contract>span{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--navy)}.contract svg{width:18px;height:18px}.prices{border:0;grid-template-columns:1fr 1.02fr .98fr;height:58px;padding:0;margin:9px 0 0;font-size:10px;align-items:start;color:var(--muted);line-height:17px}.prices>div{height:44px}.prices>div+div{border-right:1px solid #cbd7e7}.prices b{font-size:14px;line-height:20px;color:var(--green);display:flex;justify-content:center;align-items:center;gap:4px;direction:rtl}.prices small{font-size:11px;color:var(--green);font-weight:500}.prices .frequency{display:block;color:var(--navy);font-size:11px;line-height:16px}.progress{height:8px;margin:0 2px;border-radius:6px}.progress i{border-radius:0}.payment{font-family:"Open Sans","Noto Kufi Arabic",Arial,sans-serif;font-size:10px;line-height:17px;margin:3px 2px 8px}.payment b{font-weight:400}.payment em{font-style:normal;color:var(--green)}.actions{gap:6px}.actions button{height:36px;border-radius:6px;font-size:13px;gap:9px}.actions svg{width:18px;height:18px}.sales{display:block;text-align:center;font-size:9px;line-height:15px;color:var(--muted);margin:3px 0 0}.sales span{font-family:"Open Sans",sans-serif;color:var(--navy)}.projects{display:none}}

.hero{background-image:linear-gradient(to right,rgba(255,255,255,.9) 0%,rgba(255,255,255,.65) 36%,rgba(255,255,255,0) 58%),url('assets/home-hero.jpg')}@media(max-width:480px){.hero{background-image:url('assets/home-hero-mobile.jpg')}}

/* Hero search box: buy/sell tabs -------------------------------------- */
.forms-wrap{position:relative;overflow:hidden}
.forms-wrap form{display:none;opacity:0}
.forms-wrap form.active{display:grid;opacity:1;transition:opacity .18s ease-out}
.forms-wrap form.fading{display:grid;opacity:0;transition:opacity .16s ease-in}
.field select,.field input{border:0;background:transparent;font:inherit;color:var(--navy);width:100%;outline:0;padding:0;direction:rtl;text-align:right;appearance:none;-webkit-appearance:none}
.field select{cursor:pointer}
.field input::placeholder{color:var(--muted)}
.field input[type=number]::-webkit-outer-spin-button,.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.field input[type=number]{-moz-appearance:textfield}
.field .unit{margin-right:auto;color:var(--muted);font-size:11px;white-space:nowrap;flex-shrink:0}
.search-button.sell-cta{background:var(--green)}

/* Opportunities cards: gallery dots/counter added by assets/gallery.js */
.photo .photo-count{position:absolute;left:9px;bottom:8px;padding:2px 7px;background:#202b2588;color:white;border-radius:4px;font:600 10px/1.4 "Open Sans",sans-serif}
.photo .photo-count:empty{display:none}
.photo .dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:5px}
.photo .dots i{width:6px;height:6px;background:#ffffff70;border-radius:50%;display:block}
.row-dots{display:none}

@media(max-width:700px){
  .photo .photo-count{bottom:7px}
  .photo .dots{bottom:14px}
}

/* Mobile (<=480px): opportunities cards become a horizontal swipe row */
@media(max-width:480px){
  #opportunities .cards{display:flex;overflow-x:auto;overflow-y:hidden;gap:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -2px;padding:0 2px 2px}
  #opportunities .cards::-webkit-scrollbar{display:none}
  #opportunities .card{display:block!important;flex:0 0 84%;scroll-snap-align:start;scroll-snap-stop:always}
  #opportunities{position:relative}
  #opportunities .row-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}
  #opportunities .row-dots i{width:6px;height:6px;border-radius:50%;background:#c7d2e0;display:block}
  #opportunities .row-dots i.active{background:var(--green)}
}