.portfolio{padding:110px 0;background:#e8f1ef}.portfolio-heading{display:flex;justify-content:space-between;align-items:end;gap:8vw;margin-bottom:35px}.portfolio-heading>p{max-width:340px;margin:0;color:#4f6d77;font-size:13px}.portfolio-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.portfolio-filter{padding:8px 14px;border:1px solid #b9cac6;border-radius:99px;background:transparent;color:#385b64;cursor:pointer;font:700 12px Alexandria,Arial,sans-serif}.portfolio-filter.active{background:#081b2c;border-color:#081b2c;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portfolio-card{display:flex;flex-direction:column;min-height:435px;border:1px solid #d4dfdc;border-radius:16px;background:#fff;overflow:hidden}.portfolio-card[hidden]{display:none}.portfolio-featured{grid-column:span 2}.portfolio-art{height:165px;padding:22px;position:relative;overflow:hidden;color:#fff}.portfolio-featured .portfolio-art{height:205px}.portfolio-content{display:flex;flex:1;flex-direction:column;padding:20px 22px 22px}.portfolio-type{margin:0;color:#27827d;font-size:10px;font-weight:800}.portfolio-content h3{margin:7px 0;font-size:21px;line-height:1.4}.portfolio-content>p:not(.portfolio-type){margin:0;color:#627487;font-size:12px;line-height:1.95}.portfolio-content>a{color:#081b2c;margin-top:17px;font-size:12px;font-weight:800;text-decoration:none}.portfolio-content>a b{color:#27827d;font-size:18px;margin-right:5px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:17px}.tags span{padding:3px 7px;border-radius:4px;background:#edf4f1;color:#4f6971;font-size:9px;font-weight:700;direction:ltr}.estate{background:#183d4d}.estate>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #b9efda;border-radius:10px;color:#b9efda;font-size:12px;font-weight:800}.estate b{display:block;margin-top:34px;font-size:26px;line-height:1.3}.estate i{position:absolute;left:-10px;bottom:-55px;width:230px;height:160px;border:1px solid #b9efda;border-radius:50%}.toolkit{display:flex;align-items:center;justify-content:center;background:#7966df}.toolkit span{display:grid;place-items:center;width:90px;height:112px;border-radius:7px;background:#fff;color:#6654c7;font-size:20px;font-weight:800;box-shadow:13px 12px #c7bbff}.toolkit i{position:absolute;right:29%;bottom:23px;font-style:normal;font-size:23px;color:#d5f26a}.retail{background:#f1b479}.retail>span{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#2a4658;font-weight:800;font-size:22px}.retail div{position:absolute;left:23px;right:23px;bottom:23px;height:36px;border-radius:7px;background:repeating-linear-gradient(90deg,#fff 0 18px,#ffffff68 18px 29px)}.education{background:#286f71}.education>span{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#d5f26a;color:#214b4c;font-weight:800}.education b{display:block;margin-top:33px;font-size:23px;line-height:1.45}.audio{display:flex;justify-content:center;align-items:center;background:#1c2243}.audio i{font-size:80px;font-style:normal;color:#e5b4fc}.audio span{position:absolute;bottom:25px;right:24px;color:#d5f26a;font-size:13px}.commerce{background:#385958}.commerce span{font-weight:800;font-size:18px;color:#d5f26a}.commerce b{position:absolute;bottom:22px;right:22px;font-size:22px;line-height:1.35}.mobile-card{min-height:360px}.app-mark{display:grid;place-items:center;width:74px;height:74px;margin:25px 22px 8px;border-radius:21px;color:#fff;font-size:30px;font-weight:800;box-shadow:0 9px 20px #102f3a30}.app-fawry{background:#daaf28}.app-seda{background:#d94e8a}.app-water{background:#1884bd}.app-live{background:#7750cd}.app-gas{background:#dc702d}.app-sky{background:#2c6ed2}.portfolio-note{margin:22px 0 0;color:#5f7378;font-size:11px}.whatsapp-link{margin-top:12px;color:#0c6b43;font-size:13px;font-weight:800;text-decoration:none}.whatsapp-link span{font-size:17px;margin-right:5px}@media(max-width:800px){.portfolio{padding:75px 0}.portfolio-heading{display:block}.portfolio-heading>p{margin-top:18px}.portfolio-grid{grid-template-columns:1fr}.portfolio-featured{grid-column:auto}.portfolio-card,.mobile-card{min-height:0}.portfolio-art,.portfolio-featured .portfolio-art{height:180px}}@media(max-width:420px){.portfolio-tabs{gap:5px}.portfolio-filter{padding:7px 10px;font-size:11px}}