/* Dubai cost guide only: presentation changes; existing copy and behaviour retained. */
.cost-dubai-layout > .sec {
  padding: 48px 0;
}
.cost-dubai-layout .sec-head {
  max-width: none;
  margin: 0 0 26px;
  text-align: left;
}
.cost-dubai-layout .sec-head h2 {
  font-size: clamp(1.7rem, 2.7vw, 2.2rem);
  line-height: 1.25;
  max-width: 38ch;
}
.cost-dubai-layout .about-seo {
  max-width: none;
  margin: 0;
}
.cost-dubai-layout .about-seo p {
  line-height: 1.75;
  text-wrap: pretty;
}
.cost-dubai-layout .about-seo a {
  color: var(--navy);
  text-decoration: underline;
  text-decoration-color: var(--blue);
  text-underline-offset: .2em;
}
.cost-dubai-layout .cost-table-wrap {
  margin: 0 0 26px;
  box-shadow: var(--shadow-sm);
}
.cost-dubai-layout .cost-table th {
  background: var(--navy);
  color: #fff;
  padding: 17px 20px;
}
.cost-dubai-layout .cost-table td {
  padding: 18px 20px;
  font-size: 1rem;
}
.cost-dubai-layout .cost-table td:last-child {
  background: rgba(0, 139, 214, .055);
}
.cost-dubai-layout .cost-factor-grid {
  gap: 16px;
  margin: 0 0 28px;
}
.cost-dubai-layout .cost-factor {
  border-top: 3px solid var(--blue);
  padding: 20px;
  box-shadow: var(--shadow-sm);
}
.cost-dubai-layout .cost-factor strong {
  margin-bottom: 8px;
}
.cost-dubai-layout .cost-factor span {
  font-size: .94rem;
  line-height: 1.6;
}
.cost-dubai-layout .cost-inline-cta {
  max-width: none;
  margin-top: 26px;
  padding: 22px 26px;
  gap: 20px;
  background: #fff;
  border: 1px solid var(--line);
  border-left: 4px solid var(--blue);
}
.cost-dubai-layout .about-seo + div[style*="max-width:700px"] {
  max-width: none !important;
  margin-top: 26px !important;
  background: #fff !important;
  border: 1px solid var(--line);
  border-left: 4px solid var(--blue);
}
.cost-dubai-layout #fixed-price-quote {
  background: var(--bg-alt);
  border-block: 1px solid var(--line);
}
.cost-dubai-layout #fixed-price-quote > .container {
  max-width: var(--maxw) !important;
}
.cost-dubai-layout #fixed-price-quote .hero-form-card {
  max-width: none !important;
  margin: 0 !important;
  padding: 28px;
  border: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
}
.cost-dubai-layout .faq-wrap {
  max-width: none;
  margin: 0;
  display: grid;
  gap: 16px;
  align-items: start;
}
.cost-dubai-layout .faq-item {
  margin: 0;
}
.cost-dubai-layout .faq-q {
  min-height: 88px;
  font-size: 1rem;
  line-height: 1.5;
}
.cost-dubai-layout .grid-port {
  gap: 18px;
}
.cost-dubai-layout .grid-port .port-body {
  padding: 22px;
}
.cost-dubai-layout .grid-port .port-body h3 {
  font-size: 1.1rem;
  line-height: 1.4;
}
.cost-dubai-layout .case-cta {
  margin-top: 0;
  padding: 36px;
}
.cost-dubai-layout .case-cta h2 {
  max-width: none;
}
.cost-dubai-layout .about-seo:has(> h2:first-child) {
  padding: 28px 32px;
  background: var(--blue-soft);
  border-left: 4px solid var(--blue);
  border-radius: 0 16px 16px 0;
}
.cost-dubai-layout .about-seo > h2 {
  font-size: clamp(1.7rem, 2.7vw, 2.2rem);
  margin-bottom: 14px;
}
@media (min-width: 900px) {
  .cost-dubai-layout .about-seo {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    align-items: start;
  }
  .cost-dubai-layout .about-seo > p {
    margin: 0;
  }
  .cost-dubai-layout .about-seo > :only-child,
  .cost-dubai-layout .about-seo > h2,
  .cost-dubai-layout .about-seo > h2 + p {
    grid-column: 1 / -1;
  }
  .cost-dubai-layout .about-seo:has(> h2:first-child) {
    gap: 0;
  }
  .cost-dubai-layout #fixed-price-quote > .container {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 48px;
    align-items: center;
  }
  .cost-dubai-layout #fixed-price-quote .sec-head {
    margin: 0;
  }
  .cost-dubai-layout #fixed-price-quote .hfc-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cost-dubai-layout #fixed-price-quote .hfc-field:first-child,
  .cost-dubai-layout #fixed-price-quote .hfc-submit,
  .cost-dubai-layout #fixed-price-quote .hfc-trust {
    grid-column: 1 / -1;
  }
  .cost-dubai-layout .faq-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cost-dubai-layout .case-cta {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    column-gap: 36px;
    text-align: left;
    align-items: center;
  }
  .cost-dubai-layout .case-cta h2,
  .cost-dubai-layout .case-cta p {
    grid-column: 1;
    margin-left: 0;
    margin-right: 0;
  }
  .cost-dubai-layout .case-cta p {
    margin-bottom: 0;
  }
  .cost-dubai-layout .case-cta .btn-row {
    grid-column: 2;
    grid-row: 1 / 3;
  }
}
@media (min-width: 1100px) {
  .cost-dubai-layout .grid-port {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 899px) {
  .cost-dubai-layout > .sec {
    padding: 36px 0;
  }
  .cost-dubai-layout .sec-head {
    margin-bottom: 22px;
  }
  .cost-dubai-layout .cost-factor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cost-dubai-layout .cost-factor:last-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 599px) {
  .cost-dubai-layout > .sec {
    padding: 30px 0;
  }
  .cost-dubai-layout .container {
    padding-inline: 20px;
  }
  .cost-dubai-layout .about-seo p {
    font-size: 1rem;
    line-height: 1.7;
  }
  .cost-dubai-layout .cost-factor-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .cost-dubai-layout .cost-factor:last-child {
    grid-column: auto;
  }
  .cost-dubai-layout .cost-factor {
    padding: 16px 18px;
  }
  .cost-dubai-layout .cost-table td,
  .cost-dubai-layout .cost-table th {
    padding: 14px 16px;
  }
  .cost-dubai-layout .cost-inline-cta,
  .cost-dubai-layout .case-cta {
    padding: 24px 20px;
  }
  .cost-dubai-layout .cost-inline-cta .btn,
  .cost-dubai-layout .case-cta .btn {
    white-space: normal;
    justify-content: center;
    text-align: center;
    width: 100%;
  }
  .cost-dubai-layout #fixed-price-quote .hero-form-card {
    padding: 24px 18px;
  }
  .cost-dubai-layout .faq-q {
    padding: 18px;
    min-height: 72px;
  }
  .cost-dubai-layout .about-seo:has(> h2:first-child) {
    padding: 24px 20px;
  }
}

/* Dubai cost article CRO only. */
.cost-dubai-layout .cd-hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}
.cost-dubai-layout .cd-hero-actions .btn-wa{background:#08753e;color:white;white-space:normal;text-align:center;justify-content:center;min-height:48px}
.cost-dubai-layout .cd-email-jump{color:var(--navy);text-decoration:underline;text-underline-offset:4px;font-weight:600;padding:.6rem 0}
.cost-dubai-layout .cost-summary-table .cost-ask{display:inline-flex;align-items:center;justify-content:center;background:#eaf8ef;color:#07542b;border:1px solid #a8d4b8;border-radius:8px;padding:.4rem .6rem;min-height:44px;font-size:.82rem;text-decoration:none;font-weight:700}
.cost-dubai-layout .cost-summary-table th:last-child{width:auto}
.cost-dubai-layout .cd-projects{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.cost-dubai-layout .cd-projects article{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;min-width:0}
.cost-dubai-layout .cd-projects article>a{display:block;background:var(--bg-alt);min-height:230px}
.cost-dubai-layout .cd-projects img{width:100%;height:100%;max-height:310px;object-fit:cover;object-position:top}
.cost-dubai-layout .cd-projects article>div{padding:1.3rem;display:flex;flex-direction:column;align-items:start;gap:.6rem}
.cost-dubai-layout .cd-projects h3{font-size:1.2rem;line-height:1.3}
.cost-dubai-layout .cd-projects p,.cost-dubai-layout .cd-proof-note{font-size:.9rem;color:var(--muted);line-height:1.7}
.cost-dubai-layout .cd-projects .card-link{margin-top:auto;color:var(--navy);font-size:.88rem}
.cost-dubai-layout .cd-proof-note{margin-top:1rem}
.cost-dubai-layout .cd-proof-note a{color:var(--navy);text-decoration:underline}
.cost-dubai-layout .cd-form{display:grid;gap:1rem;margin-top:1.2rem}
.cost-dubai-layout .cd-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.cost-dubai-layout .cd-form label{display:block;color:var(--navy);font-size:.9rem;font-weight:600;margin-bottom:.4rem}
.cost-dubai-layout .cd-form label span{font-size:.78rem;font-weight:400;color:var(--muted)}
.cost-dubai-layout .cd-form input:not([type=hidden]),.cost-dubai-layout .cd-form select,.cost-dubai-layout .cd-form textarea{width:100%;min-width:0;min-height:48px;padding:.75rem;border:1px solid #a9b8ca;border-radius:8px;font:inherit;font-size:1rem;background:#fff;color:var(--ink)}
.cost-dubai-layout .cd-form textarea{resize:vertical}
.cost-dubai-layout .cd-form small,.cost-dubai-layout .cd-note{display:block;color:var(--muted);font-size:.82rem;line-height:1.6;margin-top:.35rem}
.cost-dubai-layout .cd-form input[aria-invalid=true]{border:2px solid #a32620}
.cost-dubai-layout .cd-send-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.cost-dubai-layout .cd-send-actions .btn{justify-content:center;white-space:normal;text-align:center;min-height:52px;font-size:.92rem;padding:.7rem}
.cost-dubai-layout .cd-whatsapp{background:#08753e;color:#fff}
.cost-dubai-layout .cd-form button:disabled{opacity:.65;cursor:wait}
.cost-dubai-layout .cd-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cost-dubai-layout #cd-status:empty{display:none}
.cost-dubai-layout #cd-status{padding:.8rem;border:1px solid;border-radius:8px;font-size:.9rem;line-height:1.6}
.cost-dubai-layout .cd-error{color:#8f231a;background:#fff1ee;border-color:#dfb0a6}
.cost-dubai-layout .cd-success{color:#145d32;background:#eff9f2;border-color:#a9d6b9}
.cost-dubai-layout [hidden]{display:none!important}
.cost-dubai-layout #fixed-price-quote{scroll-margin-top:90px}
.cost-dubai-layout a:focus-visible,.cost-dubai-layout input:focus-visible,.cost-dubai-layout textarea:focus-visible,.cost-dubai-layout button:focus-visible,.cost-dubai-layout select:focus-visible{outline:3px solid #0076ba;outline-offset:3px}
.cost-dubai-layout .cd-note a{color:var(--navy);text-decoration:underline}
@media(max-width:1000px){.cost-dubai-layout .cd-projects article{grid-template-columns:1fr}.cost-dubai-layout .cd-projects article>a{height:200px;min-height:0}.cost-dubai-layout .cd-projects img{height:200px}}
@media(max-width:600px){.cost-dubai-layout .cd-projects,.cost-dubai-layout .cd-row{grid-template-columns:1fr}.cost-dubai-layout .cd-hero-actions{align-items:stretch;flex-direction:column}.cost-dubai-layout .cd-email-jump{text-align:center}.cost-dubai-layout .cost-summary-table .cost-ask{font-size:.73rem;padding:.35rem .3rem}.cost-dubai-layout .cost-summary-table td,.cost-dubai-layout .cost-summary-table th{padding-left:.35rem;padding-right:.35rem}}
@media(max-width:380px){.cost-dubai-layout .cd-send-actions{grid-template-columns:1fr}}

.cost-dubai-layout .cd-email{background:var(--red);color:#fff}

@media(min-width:601px){.cost-dubai-layout .cd-row label{min-height:3.2em}}

.cost-dubai-layout .hero .eyebrow,.cost-dubai-layout .hero h1,.cost-dubai-layout .hero p.lead{opacity:1;animation:none;transform:none}
body.cd-form-visible .wa-float{display:none!important}
@media(max-width:600px){.cost-dubai-layout .cost-summary-table{table-layout:fixed}.cost-dubai-layout .cost-summary-table th:first-child{width:42%}.cost-dubai-layout .cost-summary-table th:nth-child(2){width:30%}.cost-dubai-layout .cost-summary-table th:last-child{width:28%}}

@media(max-width:600px){body:has(.cost-dubai-layout) .wa-float{width:52px;height:52px;min-width:52px;padding:0;display:grid;place-items:center;border-radius:50%}body:has(.cost-dubai-layout) .wa-float-label{display:none}}