dialog.consultation-offer-dialog {
  width:min(920px,calc(100vw - 40px));max-width:920px;max-height:calc(100dvh - 40px);
  padding:0;border:1px solid #d5e2d8;border-radius:24px;background:#fbfaf4;color:#183e35;
  overflow:auto;box-shadow:0 28px 95px #102f2740;
}
dialog.consultation-offer-dialog::backdrop {background:#0e292773;backdrop-filter:blur(6px)}
.consultation-offer-dialog .close-dialog {
  position:absolute;z-index:3;inset-block-start:13px;inset-inline-end:13px;float:none;
  display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;
  border:1px solid #d6dfd1;border-radius:50%;background:#ffffffea;color:#204e43;font-size:26px;line-height:1;
}
.consultation-offer-dialog .close-dialog:hover {background:#fff;color:#163d33}
.consultation-offer-dialog #contact-content {display:block;margin:0;padding:0;text-align:start}
.consultation-offer-dialog .consultation-offer {display:grid;grid-template-columns:minmax(0,1.16fr) minmax(250px,.84fr);grid-template-areas:'copy portrait';margin:0;min-width:0;isolation:isolate}
.consultation-offer-dialog .consultation-offer-copy {grid-area:copy;min-width:0;padding:42px 38px 30px}
.consultation-offer-dialog .consultation-offer-eyebrow {margin:0 0 14px;font-size:11px;font-weight:700;line-height:1.6;letter-spacing:.65px;color:#7d693b}
.consultation-offer-dialog .consultation-offer-title {margin:0;font-size:37px;line-height:1.22;font-weight:800;letter-spacing:-.65px;color:#164f44;text-wrap:balance}
.consultation-offer-dialog .consultation-offer-intro {margin:14px 0 0;font-size:15px;line-height:1.85;color:#607268;text-wrap:pretty}
.consultation-offer-dialog .consultation-offer-benefits {display:flex;flex-direction:column;gap:16px;margin:24px 0;padding:0;list-style:none}
.consultation-offer-dialog .consultation-offer-benefits li {display:flex;align-items:center;gap:12px;margin:0;font-size:14px;line-height:1.7;color:#254e42}
.consultation-offer-dialog .consultation-offer-benefit-icon {display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;background:#e9efe4;border:1px solid #dfe7d7;border-radius:10px;color:#397461}
.consultation-offer-dialog .consultation-offer-benefit-icon svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.consultation-offer-dialog .consultation-offer-actions {display:flex;flex-direction:column;gap:10px}
.consultation-offer-dialog .consultation-offer-book,.consultation-offer-dialog .consultation-offer-continue {
  display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:49px;
  padding:13px 16px;border:1px solid transparent;border-radius:11px;font:700 15px/1.5 Tajawal,Arial,sans-serif;
  text-align:center;text-decoration:none;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s;
}
.consultation-offer-dialog .consultation-offer-book {background:#c9a864;color:#173c32;box-shadow:0 3px 0 #9d7e3f1f}
.consultation-offer-dialog .consultation-offer-book:hover {background:#d6b879;color:#173c32}
.consultation-offer-dialog .consultation-offer-fee {padding-inline-start:11px;border-inline-start:1px solid #84652a42;white-space:nowrap;font-size:14px}
.consultation-offer-dialog .consultation-offer-book > svg,.consultation-offer-dialog .consultation-offer-continue > svg {width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.consultation-offer-dialog .consultation-offer-book > svg {margin-inline-start:auto}
.consultation-offer-dialog .consultation-offer-continue {background:transparent;border-color:#d2ddd0;color:#2e6050;font-weight:500}
.consultation-offer-dialog .consultation-offer-continue:hover {background:#eef2e8;border-color:#b5c9b6}
.consultation-offer-dialog .consultation-offer-continue:disabled {cursor:wait;opacity:.65}
.consultation-offer-dialog .consultation-offer-note {margin:3px 0 0;font-size:11px;line-height:1.8;color:#718076;text-align:center;text-wrap:pretty}
.consultation-offer-dialog .consultation-offer-error {margin:0;padding:10px 12px;border-radius:8px;background:#fff0e9;color:#8b3f30;font-size:13px;line-height:1.6}
.consultation-offer-dialog .consultation-offer-error[hidden] {display:none}
.consultation-offer-dialog .consultation-offer-portrait {grid-area:portrait;position:relative;overflow:hidden;min-width:0;margin:0;background:#e8ecdf;border-inline-start:1px solid #dde4d3;align-self:stretch}
.consultation-offer-dialog .consultation-offer-portrait::before {content:'';position:absolute;width:390px;aspect-ratio:1;border-radius:50%;inset-inline-start:50%;top:15%;transform:translateX(50%);background:#f7f4e6;border:1px solid #d6caa15c}
.consultation-offer-dialog .consultation-offer[dir='ltr'] .consultation-offer-portrait::before {transform:translateX(-50%)}
.consultation-offer-dialog .consultation-offer-portrait::after {content:'';position:absolute;width:155px;height:155px;border:1px solid #b89b5d66;border-radius:50%;inset-inline-start:-55px;top:40px;pointer-events:none}
.consultation-offer-dialog .consultation-offer-photo {position:absolute;z-index:1;bottom:0;inset-inline-start:0;width:100%;height:calc(100% - 35px);max-width:none;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 8px 12px #234c2420)}
.consultation-offer-dialog .consultation-offer-person {position:absolute;z-index:2;inset-inline:19px;bottom:20px;padding:14px 12px;border:1px solid #ffffffb3;border-radius:12px;background:#ffffffeb;box-shadow:0 4px 20px #1a442315;text-align:center}
.consultation-offer-dialog .consultation-offer-person-role {display:block;margin-bottom:3px;font-size:11px;font-weight:500;color:#6a7969;line-height:1.6}
.consultation-offer-dialog .consultation-offer-person strong {display:block;font-size:19px;font-weight:700;line-height:1.5;color:#1a5142}
.consultation-offer-dialog .consultation-offer-portrait-detail {position:absolute;z-index:2;top:26px;inset-inline:24px;font-size:9px;line-height:1.7;letter-spacing:.8px;text-align:center;color:#8b7c54}
.consultation-offer-dialog :is(.consultation-offer-book,.consultation-offer-continue,.close-dialog):focus-visible {outline:3px solid #28786d;outline-offset:4px}
@media(max-width:700px) {
  dialog.consultation-offer-dialog {width:calc(100vw - 26px);max-height:calc(100dvh - 26px);border-radius:20px}
  .consultation-offer-dialog .consultation-offer {grid-template-columns:1fr;grid-template-areas:'portrait' 'copy'}
  .consultation-offer-dialog .consultation-offer-copy {padding:25px 24px 23px}
  .consultation-offer-dialog .consultation-offer-title {font-size:30px;line-height:1.25;letter-spacing:-.45px}
  .consultation-offer-dialog .consultation-offer-intro {font-size:13px;line-height:1.85;margin-top:11px}
  .consultation-offer-dialog .consultation-offer-eyebrow {font-size:9px;margin-bottom:11px}
  .consultation-offer-dialog .consultation-offer-benefits {margin:18px 0;gap:12px}
  .consultation-offer-dialog .consultation-offer-benefits li {font-size:13px;line-height:1.7;gap:10px}
  .consultation-offer-dialog .consultation-offer-benefit-icon {width:31px;height:31px;flex-basis:31px;border-radius:8px}
  .consultation-offer-dialog .consultation-offer-benefit-icon svg {width:17px;height:17px}
  .consultation-offer-dialog .consultation-offer-portrait {height:174px;border-inline-start:0;border-bottom:1px solid #dce4d1}
  .consultation-offer-dialog .consultation-offer-photo {inset-inline-start:5px;width:160px;height:240px;bottom:-65px;object-fit:contain}
  .consultation-offer-dialog .consultation-offer-person {inset-inline-start:164px;inset-inline-end:19px;bottom:35px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:start}
  .consultation-offer-dialog .consultation-offer-person strong {font-size:19px;line-height:1.4}
  .consultation-offer-dialog .consultation-offer-person-role {font-size:10px;margin-bottom:6px}
  .consultation-offer-dialog .consultation-offer-portrait-detail {display:none}
  .consultation-offer-dialog .consultation-offer-portrait::before {width:240px;top:15px;inset-inline-start:75px}
  .consultation-offer-dialog .consultation-offer-portrait::after {width:110px;height:110px;top:13px;inset-inline-start:-42px}
  .consultation-offer-dialog .close-dialog {inset-block-start:10px;inset-inline-end:10px;width:44px;height:44px;min-height:44px}
  .consultation-offer-dialog .consultation-offer-book,.consultation-offer-dialog .consultation-offer-continue {min-height:48px;padding:12px 13px;font-size:14px}
  .consultation-offer-dialog .consultation-offer-fee {font-size:13px;padding-inline-start:9px}
  .consultation-offer-dialog .consultation-offer-note {font-size:10px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce) {
  .consultation-offer-dialog .consultation-offer-book,.consultation-offer-dialog .consultation-offer-continue {transition:none}
}