*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Heebo,'Arial Hebrew',Arial,sans-serif;direction:rtl;background:#fff;color:#073d4f}
img{max-width:100%}
a{text-decoration:none;color:inherit}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}

/* hero */
.hero{background:#f9ecf4;text-align:center;padding:34px 16px 30px}
.hero img{width:430px;max-width:86%}
.intro{background:#fff;padding:38px 0 34px}
.intro .wrap{max-width:820px}
.intro p{font-size:19px;color:#000;text-align:right;line-height:1.55;margin-bottom:22px}
.intro p b{font-weight:700}
.hero-photo{height:390px;background-image:url('/assets/c2807e_1805532a7f284efeb41ef65faa8d5f2a~mv2.jpg');background-size:cover;background-position:center 30%}

/* portfolio */
.portfolio{padding:44px 0 10px;background:#fff}
.portfolio>h2{text-align:center;color:#0c8590;font-size:32px;font-weight:700;margin-bottom:34px}
.work{background:#e8fbff;margin:0 auto 26px;max-width:980px;display:flex;gap:44px;padding:46px 48px;align-items:flex-start}
.work .w-img{flex:0 0 320px}
.work .w-img img{width:320px;display:block}
.work .w-text{flex:1;text-align:right}
.work h3{font-size:30px;font-weight:700;color:#073d4f;margin-bottom:20px}
.work p{font-size:18px;line-height:1.6;color:#073d4f;margin-bottom:16px}
.work .go{display:inline-block;background:#f9d2d2;color:#073d4f;font-size:17px;padding:8px 26px;border-radius:6px;margin-top:6px}

/* services */
.services{display:flex;align-items:stretch}
.svc{flex:1;text-align:center;padding:44px 24px 50px;background:#ecf9fa}
.svc.pink{background:#fde3e3}
.svc h4{font-size:25px;font-weight:700;color:#1e6f66;margin-bottom:26px}
.svc img{height:110px;object-fit:contain;margin-bottom:24px}
.svc p{font-size:20px;font-weight:700;color:#1e6f66;line-height:1.6}

/* about */
.about-sec{background:#fff;padding:26px 0}
.about{background:#e9f7f8;max-width:980px;margin:0 auto;display:flex;gap:50px;padding:56px 56px;align-items:center}
.about .a-text{flex:1;text-align:right}
.about .a-text h3{color:#fd9797;font-size:24px;font-weight:700;margin-bottom:18px}
.about .a-text p{font-size:18px;line-height:1.65;color:#073d4f;margin-bottom:16px}
.about .a-img{flex:0 0 330px}
.about .a-img img{width:330px;display:block}

/* reviews */
.reviews{padding:30px 0 40px;background:#fff}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1180px;margin:0 auto;padding:0 20px}
.rev{background:#fff;border:1px solid #e6e6e6;box-shadow:0 2px 10px rgba(0,0,0,.06);padding:0 26px 26px;position:relative;text-align:right}
.rev .q{width:64px;display:block;margin:0 auto;padding-top:18px}
.rev .r-title{color:#0f7a9e;font-size:17px;line-height:1.7;margin:14px 0 18px;font-weight:400;white-space:pre-line}
.rev .r-body{color:#073d4f;font-size:16px;line-height:1.7;white-space:pre-line}
.rev .r-name{color:#0f7a9e;font-size:19px;font-weight:700;margin:18px 0 14px;text-align:left}
.rev .r-img img{width:150px;display:block}

/* cta + footer */
.wa-cta{background:#fff;text-align:center;padding:34px 0 40px}
.wa-cta a{display:inline-block;background:#0c8590;color:#fff;font-size:19px;font-weight:600;padding:12px 44px;border-radius:8px}
.footer{background:#d3f1fc;text-align:center;padding:30px 16px;font-size:27px;font-weight:700}
.footer .pink{color:#fccaca;margin-left:14px}
.footer a{color:#10a2af}

@media (max-width:700px){
  .hero img{width:300px}
  .hero-photo{height:200px}
  .intro{padding:28px 0}
  .intro p{font-size:17px;margin-bottom:16px}
  .portfolio>h2{font-size:26px}
  .work{flex-direction:column;gap:24px;padding:28px 22px;margin:0 14px 22px}
  .work .w-img{flex:none}
  .work .w-img img{width:100%;max-width:300px;margin:0 auto}
  .work h3{font-size:23px}
  .work p{font-size:16px}
  .services{flex-direction:column}
  .svc{padding:34px 20px}
  .about{flex-direction:column;gap:26px;padding:34px 22px;margin:0 14px}
  .about .a-img{flex:none}
  .about .a-img img{width:100%;max-width:300px;margin:0 auto}
  .rev-grid{grid-template-columns:1fr;gap:20px}
  .footer{font-size:21px}
}