/* Services V9: SAFE 2.5cm desktop gutters without clipping.
   Fixes the V8 issue where calc-width could touch/cut the viewport edge in some theme/router wrappers.
   Scope: only service static pages. Content stays full size; layout becomes clean on desktop, laptop, tablet and mobile. */

:root{
  --brd-service-desktop-side:2.5cm;
  --brd-service-laptop-side:1.6cm;
  --brd-service-tablet-side:28px;
  --brd-service-mobile-side:16px;
  --brd-service-small-side:12px;
}

#ssr-static-page.ssr-sitemap-services,
.ssr-static-page.ssr-sitemap-services{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  position:relative;
}

/* The page itself now remains 100% wide and creates the 2.5cm clearance with padding.
   This is safer than reducing the element width, which can be clipped by parent wrappers. */
#ssr-static-page.ssr-sitemap-services > .brd-service-page,
.ssr-static-page.ssr-sitemap-services > .brd-service-page,
#ssr-static-page.ssr-sitemap-services .brd-service-page,
.ssr-static-page.ssr-sitemap-services .brd-service-page{
  --brd-blue:#001b4f;
  --brd-blue2:#0b3fad;
  --brd-red:#df202d;
  --brd-sky:#168bff;
  --brd-ink:#10203f;
  --brd-muted:#516176;
  --brd-soft:#f4f8ff;
  --brd-line:rgba(0,27,79,.13);
  --brd-shadow:0 18px 55px rgba(0,27,79,.10);
  --brd-side:var(--brd-service-desktop-side);
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding-left:var(--brd-side)!important;
  padding-right:var(--brd-side)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  box-sizing:border-box!important;
  font-family:Inter,Arial,Helvetica,sans-serif;
  color:var(--brd-ink);
  background:#fff;
  overflow-x:hidden!important;
  overflow-y:visible!important;
}

.ssr-static-page.ssr-sitemap-services .brd-service-page,
.ssr-static-page.ssr-sitemap-services .brd-service-page *,
.ssr-static-page.ssr-sitemap-services .brd-service-page *:before,
.ssr-static-page.ssr-sitemap-services .brd-service-page *:after{box-sizing:border-box!important}

.ssr-static-page.ssr-sitemap-services .brd-service-page img{display:block;max-width:100%;height:auto;color:transparent!important;font-size:0!important;border:0}
.ssr-static-page.ssr-sitemap-services .brd-service-page a{text-decoration:none;overflow-wrap:anywhere}

.ssr-static-page.ssr-sitemap-services .brd-service-page > section{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}

.brd-service-hero{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);
  grid-template-areas:"head media" "copy media";
  gap:30px 36px;
  align-items:stretch;
  padding:46px 0 30px;
  min-width:0;
}
.brd-service-hero > *{min-width:0}
.brd-service-hero-heading{grid-area:head;align-self:end;min-width:0}
.brd-service-hero-copy{grid-area:copy;min-width:0}
.brd-service-hero-media{
  grid-area:media;position:relative;margin:0;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#eaf2ff,#f7fbff);
  box-shadow:var(--brd-shadow);border:1px solid var(--brd-line);min-height:100%;min-width:0;
}
.brd-service-hero-media img{width:100%;height:100%;min-height:430px;object-fit:cover}
.brd-service-hero-media figcaption,.brd-service-inline-image figcaption,.brd-service-wide-image figcaption{font-size:12px;line-height:1.35;color:#516176;background:rgba(255,255,255,.94);padding:10px 14px}

.brd-service-page-badge,.brd-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;border-radius:999px;background:rgba(223,32,45,.08);border:1px solid rgba(223,32,45,.15);color:var(--brd-red);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.brd-service-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px;color:#63708a;font-size:13px;font-weight:800;min-width:0}
.brd-service-breadcrumbs a{color:var(--brd-blue2)}.brd-bc-current{color:#41516f}
.brd-service-page h1{margin:0;color:var(--brd-blue);font-size:clamp(38px,4.15vw,76px);line-height:1.04;letter-spacing:-.052em;font-weight:1000;max-width:100%;overflow-wrap:normal;word-break:normal}
.brd-service-page h2{margin:0;color:var(--brd-blue);font-size:clamp(26px,2.45vw,44px);line-height:1.1;letter-spacing:-.034em;font-weight:1000;max-width:100%}
.brd-service-page h3{margin:0 0 8px;color:var(--brd-blue);font-size:18px;line-height:1.22;font-weight:1000}
.brd-service-page p{font-size:16.6px;line-height:1.72;margin:0 0 14px;color:#263a5f;max-width:100%}

.brd-service-summary{padding:24px;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--brd-line);box-shadow:0 12px 34px rgba(0,27,79,.07);min-width:0}
.brd-service-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.brd-service-actions>*{min-width:0}
.brd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;font-weight:950;line-height:1.15;text-align:center;border:1px solid transparent;cursor:pointer;max-width:100%}
.brd-btn-primary{background:linear-gradient(135deg,var(--brd-red),#ff6a3d);color:#fff!important;box-shadow:0 12px 30px rgba(223,32,45,.22)}
.brd-btn-soft{background:#eef6ff;color:var(--brd-blue2)!important;border-color:rgba(22,139,255,.22)}
.brd-btn-line{background:#fff;color:var(--brd-blue)!important;border-color:var(--brd-line)}

.brd-service-value-strip{padding:20px 22px;margin-top:10px;margin-bottom:20px;border-radius:22px;background:linear-gradient(135deg,#001b4f,#0b3fad);box-shadow:0 16px 42px rgba(0,27,79,.16)}
.brd-service-value-strip p{margin:0;color:#fff;font-weight:800}
.brd-service-mini-grid,.brd-service-card-grid,.brd-route-grid,.brd-proof-grid,.brd-faq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;min-width:0}
.brd-service-mini-grid article,.brd-service-card,.brd-route-grid div,.brd-proof-grid span,.brd-faq-item{padding:20px;border-radius:22px;background:#fff;border:1px solid var(--brd-line);box-shadow:0 10px 32px rgba(0,27,79,.06);min-width:0}
.brd-service-section,.brd-service-faqs,.brd-final-cta{padding:36px 0}.brd-section-head{margin-bottom:18px}

.brd-service-inline-image,.brd-service-wide-image{margin:20px 0 0;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#eaf2ff,#f7fbff);border:1px solid var(--brd-line);box-shadow:var(--brd-shadow);min-width:0}
.brd-service-inline-image img,.brd-service-wide-image img{width:100%;aspect-ratio:16/9;object-fit:cover}

.brd-service-table{overflow-x:auto;border-radius:22px;border:1px solid var(--brd-line);background:#fff;box-shadow:0 10px 32px rgba(0,27,79,.06);-webkit-overflow-scrolling:touch;max-width:100%}
.brd-service-table table{width:100%;min-width:760px;border-collapse:collapse}.brd-service-table th,.brd-service-table td{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(0,27,79,.09);vertical-align:top}.brd-service-table th{background:#f4f8ff;color:var(--brd-blue);font-size:13px;text-transform:uppercase;letter-spacing:.05em}
.brd-authority-note{padding:16px 18px;border-radius:18px;background:#fff7ed;border:1px solid rgba(245,158,11,.22);font-weight:800}

.brd-quote-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:24px;border-radius:26px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--brd-line);box-shadow:var(--brd-shadow);min-width:0;max-width:100%}
.brd-quote-form label{display:grid;gap:7px;color:var(--brd-blue);font-size:13px;font-weight:900;min-width:0}.brd-quote-form input,.brd-quote-form select,.brd-quote-form textarea{width:100%;min-width:0;min-height:48px;border:1px solid rgba(0,27,79,.18);border-radius:14px;padding:11px 13px;background:#fff;color:#10203f;font:inherit;font-size:15px;outline:none;max-width:100%}.brd-quote-form textarea{min-height:126px;resize:vertical}.brd-quote-form input:focus,.brd-quote-form select:focus,.brd-quote-form textarea:focus{border-color:var(--brd-sky);box-shadow:0 0 0 4px rgba(22,139,255,.12);outline:3px solid rgba(22,139,255,.18)}
.brd-form-full,.brd-form-status,.brd-form-actions{grid-column:1/-1}.brd-hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.brd-form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.brd-form-assurance{display:inline-flex;align-items:center;min-height:42px;color:#475a78;font-size:13px;line-height:1.4;font-weight:750}.brd-form-status:not(:empty){display:block;margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#f4f8ff;border:1px solid rgba(0,27,79,.12);color:var(--brd-blue);font-weight:800}.brd-form-status-message{display:block;padding:12px 14px;border-radius:14px;font-weight:850}.brd-form-status-ok{background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0}.brd-form-status-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}

.brd-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-width:0}.brd-link-grid a{display:block;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--brd-line);color:var(--brd-blue)!important;box-shadow:0 10px 28px rgba(0,27,79,.055);min-width:0}.brd-link-grid strong{display:block;font-size:15px;line-height:1.22;font-weight:1000}.brd-link-grid span{display:block;margin-top:5px;color:#60708a;font-size:12.5px;line-height:1.35;font-weight:700}
.brd-final-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;margin-bottom:36px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#001b4f,#0b3fad);box-shadow:0 18px 55px rgba(0,27,79,.18);min-width:0}.brd-final-cta h2,.brd-final-cta p{color:#fff}.brd-final-cta p{opacity:.9;margin:8px 0 0}.brd-final-cta .brd-kicker{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);color:#fff}.brd-proof-grid span{font-weight:900;color:var(--brd-blue);text-align:center}

.brd-service-intent-depth .brd-service-card-grid article{background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid rgba(0,27,79,.11);border-radius:20px;padding:20px;box-shadow:0 12px 34px rgba(0,27,79,.07);min-width:0}.brd-service-intent-depth .brd-service-card-grid article h3{margin:0 0 8px;color:var(--brd-blue);font-size:18px;font-weight:1000;line-height:1.18}.brd-service-intent-depth .brd-service-card-grid article p{margin:0;color:#344766;font-size:14.5px;line-height:1.62;font-weight:650}

@media (min-width:1800px){.brd-service-mini-grid,.brd-service-card-grid,.brd-route-grid,.brd-proof-grid,.brd-faq-grid{gap:20px}.brd-link-grid{gap:18px}}
@media (max-width:1440px){#ssr-static-page.ssr-sitemap-services .brd-service-page,.ssr-static-page.ssr-sitemap-services .brd-service-page{--brd-side:2cm}.brd-service-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:26px 32px}.brd-service-page h1{font-size:clamp(36px,4.2vw,66px)}}
@media (max-width:1280px){#ssr-static-page.ssr-sitemap-services .brd-service-page,.ssr-static-page.ssr-sitemap-services .brd-service-page{--brd-side:var(--brd-service-laptop-side)}.brd-service-hero{grid-template-columns:1fr;grid-template-areas:"head" "media" "copy";gap:22px;padding:34px 0 24px}.brd-service-hero-media{min-height:unset}.brd-service-hero-media img{min-height:unset;aspect-ratio:16/9;object-fit:cover}.brd-service-mini-grid,.brd-service-card-grid,.brd-route-grid,.brd-proof-grid,.brd-faq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brd-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brd-quote-form{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1024px){#ssr-static-page.ssr-sitemap-services .brd-service-page,.ssr-static-page.ssr-sitemap-services .brd-service-page{--brd-side:var(--brd-service-tablet-side)}.brd-service-page h1{font-size:clamp(34px,7vw,56px)}.brd-service-page h2{font-size:clamp(25px,4.5vw,40px)}.brd-service-mini-grid,.brd-service-card-grid,.brd-route-grid,.brd-proof-grid,.brd-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brd-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brd-quote-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){#ssr-static-page.ssr-sitemap-services .brd-service-page,.ssr-static-page.ssr-sitemap-services .brd-service-page{--brd-side:var(--brd-service-mobile-side)}.brd-service-hero{padding:24px 0 18px;gap:18px}.brd-service-page h1{font-size:clamp(31px,10vw,45px);line-height:1.05;letter-spacing:-.04em}.brd-service-page h2{font-size:clamp(24px,7vw,34px)}.brd-service-page p,.brd-service-summary p,.brd-service-section p{font-size:15.6px;line-height:1.68}.brd-service-breadcrumbs{font-size:12px;gap:6px;overflow-x:auto;white-space:nowrap;padding-bottom:4px}.brd-service-summary{padding:18px;border-radius:20px}.brd-service-actions{display:grid;grid-template-columns:1fr;gap:10px}.brd-btn{width:100%;border-radius:16px}.brd-service-hero-media{border-radius:22px}.brd-service-hero-media img,.brd-service-inline-image img,.brd-service-wide-image img{aspect-ratio:4/3;object-fit:cover}.brd-service-mini-grid,.brd-service-card-grid,.brd-route-grid,.brd-proof-grid,.brd-faq-grid,.brd-link-grid{grid-template-columns:1fr;gap:12px}.brd-service-mini-grid article,.brd-service-card,.brd-route-grid div,.brd-proof-grid span,.brd-faq-item{padding:16px;border-radius:18px}.brd-service-section,.brd-service-faqs{padding:26px 0}.brd-service-table{border-radius:18px;margin-left:0;margin-right:0}.brd-service-table table{min-width:660px}.brd-service-table th,.brd-service-table td{padding:13px 14px}.brd-quote-form{grid-template-columns:1fr!important;padding:16px;border-radius:22px}.brd-quote-form label,.brd-form-status,.brd-form-actions,.brd-form-full{grid-column:1!important}.brd-quote-form input,.brd-quote-form select,.brd-quote-form textarea{min-height:49px;font-size:16px}.brd-form-actions{display:grid;grid-template-columns:1fr}.brd-form-assurance{text-align:center;justify-content:center}.brd-service-inline-image,.brd-service-wide-image{border-radius:20px}.brd-final-cta{display:grid;grid-template-columns:1fr;padding:20px;border-radius:22px;text-align:left}.brd-final-cta .brd-btn{justify-self:stretch}.brd-service-value-strip{border-radius:18px;padding:16px}}
@media (max-width:420px){#ssr-static-page.ssr-sitemap-services .brd-service-page,.ssr-static-page.ssr-sitemap-services .brd-service-page{--brd-side:var(--brd-service-small-side)}.brd-service-page h1{font-size:30px}.brd-service-page h2{font-size:24px}.brd-service-page h3{font-size:16px}.brd-service-page-badge,.brd-kicker{font-size:10px;padding:7px 10px}.brd-service-mini-grid article,.brd-service-card,.brd-service-intent-depth .brd-service-card-grid article,.brd-route-grid div,.brd-faq-item,.brd-link-grid a{padding:14px}.brd-quote-form{padding:14px}.brd-service-table table{min-width:620px}}

/* =========================================================
   V10 EMERGENCY WIDTH FIX — TRUE VIEWPORT CENTERED 2.5CM GUTTER
   Problem fixed: parent/theme/header can make the page act wider than viewport.
   Solution: service page is sized from 100vw, not parent 100%, and centered with
   margin auto. This prevents 105% wide output and side clipping.
   ========================================================= */
html, body{
  max-width:100%!important;
  overflow-x:hidden!important;
}
body.static-site-router-active.ssr-static-sitemap-services,
body.static-site-router-active.ssr-static-page-35-seater-bus-rental-dubai{
  overflow-x:hidden!important;
}
body.static-site-router-active.ssr-static-sitemap-services #content,
body.static-site-router-active [id='content']{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
#content > #ssr-static-page.ssr-sitemap-services,
main#ssr-static-page.ssr-sitemap-services,
#ssr-static-page.ssr-sitemap-services,
.ssr-static-page.ssr-sitemap-services{
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
}
#ssr-static-page.ssr-sitemap-services > .brd-service-page,
.ssr-static-page.ssr-sitemap-services > .brd-service-page,
#ssr-static-page.ssr-sitemap-services .brd-service-page,
.ssr-static-page.ssr-sitemap-services .brd-service-page{
  --brd-side:0!important;
  width:calc(100vw - 5cm)!important;
  max-width:calc(100vw - 5cm)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
}
#ssr-static-page.ssr-sitemap-services .brd-service-page > section,
.ssr-static-page.ssr-sitemap-services .brd-service-page > section{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
#ssr-static-page.ssr-sitemap-services .brd-service-hero,
.ssr-static-page.ssr-sitemap-services .brd-service-hero{
  grid-template-columns:minmax(0,1fr) minmax(360px,.92fr)!important;
  overflow:hidden!important;
}
#ssr-static-page.ssr-sitemap-services .brd-service-page h1,
.ssr-static-page.ssr-sitemap-services .brd-service-page h1{
  font-size:clamp(36px,3.55vw,64px)!important;
  line-height:1.04!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#ssr-static-page.ssr-sitemap-services .brd-service-hero-media,
.ssr-static-page.ssr-sitemap-services .brd-service-hero-media,
#ssr-static-page.ssr-sitemap-services .brd-service-summary,
.ssr-static-page.ssr-sitemap-services .brd-service-summary{
  max-width:100%!important;
  min-width:0!important;
}
#ssr-static-page.ssr-sitemap-services img,
.ssr-static-page.ssr-sitemap-services img,
#ssr-static-page.ssr-sitemap-services table,
.ssr-static-page.ssr-sitemap-services table,
#ssr-static-page.ssr-sitemap-services .brd-quote-form,
.ssr-static-page.ssr-sitemap-services .brd-quote-form{
  max-width:100%!important;
}
@media (max-width:1440px){
  #ssr-static-page.ssr-sitemap-services .brd-service-page,
  .ssr-static-page.ssr-sitemap-services .brd-service-page{width:calc(100vw - 4cm)!important;max-width:calc(100vw - 4cm)!important}
}
@media (max-width:1280px){
  #ssr-static-page.ssr-sitemap-services .brd-service-page,
  .ssr-static-page.ssr-sitemap-services .brd-service-page{width:calc(100vw - 3.2cm)!important;max-width:calc(100vw - 3.2cm)!important}
  #ssr-static-page.ssr-sitemap-services .brd-service-hero,
  .ssr-static-page.ssr-sitemap-services .brd-service-hero{grid-template-columns:1fr!important;grid-template-areas:'head' 'media' 'copy'!important}
}
@media (max-width:1024px){
  #ssr-static-page.ssr-sitemap-services .brd-service-page,
  .ssr-static-page.ssr-sitemap-services .brd-service-page{width:calc(100vw - 56px)!important;max-width:calc(100vw - 56px)!important}
}
@media (max-width:760px){
  #ssr-static-page.ssr-sitemap-services .brd-service-page,
  .ssr-static-page.ssr-sitemap-services .brd-service-page{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important}
  #ssr-static-page.ssr-sitemap-services .brd-service-page h1,
  .ssr-static-page.ssr-sitemap-services .brd-service-page h1{font-size:clamp(30px,9.4vw,42px)!important}
}
@media (max-width:420px){
  #ssr-static-page.ssr-sitemap-services .brd-service-page,
  .ssr-static-page.ssr-sitemap-services .brd-service-page{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}
}
