/* A quiet editorial layout: service information first, an independent photograph alongside. */
#local-support-services { --ss-ink:#0b3148; --ss-blue:#075ab0; --ss-muted:#627d8f; --ss-surface:#f1f6f9; padding:clamp(48px,6vw,88px) 0; color:var(--ss-ink); background:#fff; scroll-margin-top:90px; }
#local-support-services * { box-sizing:border-box; }
#local-support-services .support-services-wrap { width:88%; max-width:1440px; margin:auto; }
#local-support-services .support-services-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:28px; margin-bottom:44px; border-bottom:1px solid #d9e4eb; }
#local-support-services .support-services-label { display:flex; align-items:center; gap:15px; margin:0; font-size:14px; line-height:1.5; letter-spacing:.06em; color:var(--ss-muted); }
#local-support-services .support-services-label::before { content:""; width:30px; height:1px; background:currentColor; }
#local-support-services .support-services-tabs { display:flex; gap:5px; padding:5px; border-radius:99px; background:var(--ss-surface); }
#local-support-services .support-services-tabs a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 24px; border-radius:99px; color:var(--ss-muted); font-size:15px; line-height:1.4; text-align:center; text-decoration:none; transition:color .2s,background .2s; }
#local-support-services .support-services-tabs a:hover { color:var(--ss-blue); background:#e1ecf2; }
#local-support-services .support-services-tabs a[aria-selected="true"] { color:#fff; background:var(--ss-ink); }
#local-support-services .support-services-stage { display:grid; gap:64px; }
#local-support-services .support-service-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:stretch; column-gap:clamp(36px,4.5vw,72px); background:#fff; scroll-margin-top:120px; }
#local-support-services .support-service-panel[hidden] { display:none; }
#local-support-services .support-service-copy { min-width:0; padding:4px 0 0; }
#local-support-services .support-service-copy h2 { margin:0 0 20px; font-size:clamp(32px,3.1vw,46px); font-weight:600; line-height:1.38; letter-spacing:-.035em; color:var(--ss-ink); }
#local-support-services .support-service-copy h2 span { display:block; }
#local-support-services .support-service-copy h2 span:last-child { color:var(--ss-blue); }
#local-support-services .support-service-lead { margin:0; max-width:610px; font-size:16px; line-height:1.9; color:var(--ss-muted); text-wrap:pretty; }
#local-support-services .support-service-points { display:grid; margin:32px 0 0; padding:0; list-style:none; border-bottom:1px solid #d9e4eb; }
#local-support-services .support-service-points li { display:grid; grid-template-columns:140px minmax(0,1fr); align-items:baseline; gap:22px; padding:20px 0; border-top:1px solid #d9e4eb; }
#local-support-services .support-service-points h3 { margin:0; font-size:17px; line-height:1.65; font-weight:600; color:var(--ss-ink); }
#local-support-services .support-service-points p { margin:0; font-size:15px; line-height:1.8; color:var(--ss-muted); text-wrap:pretty; }
/* The caption sits in the photograph's white inverse corner. The source stays untouched. */
#local-support-services .support-service-photo { position:relative; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; margin:0; min-width:0; }
#local-support-services .support-photo-media { grid-area:1 / 1; position:relative; min-height:420px; }
#local-support-services .support-service-photo img { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; object-position:50% center; border-radius:0; -webkit-mask:var(--support-photo-mask) center / 100% 100% no-repeat; mask:var(--support-photo-mask) center / 100% 100% no-repeat; }
#local-support-services .support-service-photo { --support-photo-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 640' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M24 0H976Q1000 0 1000 24V616Q1000 640 976 640H550C515 640 490 615 490 580V556C490 520 465 496 430 496H24Q0 496 0 472V24Q0 0 24 0Z'/%3E%3C/svg%3E"); }
#local-support-services #india .support-service-photo img { object-position:70% center; }
#local-support-services #marketplaces .support-service-photo img { object-position:35% center; }
#local-support-services .support-service-photo figcaption { display:contents; }
#local-support-services .support-photo-category { grid-area:1 / 1; align-self:end; z-index:1; width:45%; padding:0 8px 8px 14px; color:var(--ss-ink); font-size:clamp(18px,1.65vw,24px); font-weight:600; line-height:1.4; text-wrap:balance; }
#local-support-services .support-photo-category::before { content:""; display:block; width:36px; height:2px; margin-bottom:12px; background:#2695de; }
#local-support-services .support-photo-note { grid-area:2 / 1; justify-self:end; padding-top:13px; font-size:11px; line-height:1.6; color:#879ba9; text-align:right; }
html[lang^="en"] #local-support-services .support-photo-category { font-size:clamp(14px,1.05vw,16px); line-height:1.35; padding-bottom:0; }
#local-support-services .support-service-contact { margin-top:30px; padding:0; border:0; }
#local-support-services .support-service-contact summary { position:relative; isolation:isolate; overflow:hidden; width:fit-content; max-width:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:58px; padding:7px 7px 7px 25px; border:1px solid #aec6d8; border-radius:999px; color:var(--ss-blue); font-size:15px; font-weight:600; line-height:1.5; list-style:none; cursor:pointer; transition:color .3s,border-color .3s; }
#local-support-services .support-service-contact summary::-webkit-details-marker { display:none; }
#local-support-services .support-service-contact summary::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:var(--ss-blue); transform:translateX(-101%); transition:transform .4s cubic-bezier(.22,1,.36,1); }
#local-support-services .support-contact-arrow { flex:none; display:grid; place-items:center; width:42px; height:42px; background:var(--ss-blue); color:#fff; border-radius:50%; transition:background .3s,color .3s; }
#local-support-services .support-contact-arrow svg { display:block; width:22px; height:22px; transition:transform .3s; }
#local-support-services .support-service-contact summary:is(:hover,:focus-visible),#local-support-services .support-service-contact[open] summary { color:#fff; border-color:var(--ss-blue); }
#local-support-services .support-service-contact summary:is(:hover,:focus-visible)::before,#local-support-services .support-service-contact[open] summary::before { transform:translateX(0); }
#local-support-services .support-service-contact summary:is(:hover,:focus-visible) .support-contact-arrow,#local-support-services .support-service-contact[open] .support-contact-arrow { color:var(--ss-blue); background:#fff; }
#local-support-services .support-service-contact summary:is(:hover,:focus-visible) svg,#local-support-services .support-service-contact[open] summary svg { transform:rotate(45deg); }
#local-support-services .support-contact-options { display:flex; align-items:center; flex-wrap:wrap; gap:4px 22px; margin-top:14px; padding:12px 18px; background:#f1f6f9; border-radius:12px; }
#local-support-services .support-contact-options a { display:flex; align-items:center; flex-wrap:wrap; gap:10px; min-height:44px; font-size:15px; color:var(--ss-blue); text-decoration:none; }
#local-support-services .support-contact-options .support-enquiry-link { font-size:14px; text-decoration:underline; text-underline-offset:5px; }
#local-support-services a:focus-visible,#local-support-services summary:focus-visible { outline:2px solid var(--ss-blue); outline-offset:5px; }
#local-support-services.is-enhanced .support-service-panel.is-changing .support-service-photo { animation:support-photo-in .45s ease both; }
#local-support-services.is-enhanced .support-service-panel.is-changing .support-service-copy { animation:support-copy-in .4s ease both; }
@keyframes support-photo-in { from { opacity:.4; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@keyframes support-copy-in { from { opacity:.4; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media(min-width:901px) and (max-width:1100px) {
  #local-support-services .support-service-panel { grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:30px; }
  #local-support-services .support-service-copy h2 { font-size:33px; }
  #local-support-services .support-services-tabs a { padding:10px 19px; font-size:14px; }
  #local-support-services .support-service-points li { grid-template-columns:110px minmax(0,1fr); gap:16px; padding:17px 0; }
  #local-support-services .support-service-points h3 { font-size:15px; }
  #local-support-services .support-service-points p { font-size:14px; }
  #local-support-services .support-photo-media { min-height:380px; }
  #local-support-services .support-photo-category { padding-left:12px; padding-right:4px; padding-bottom:8px; font-size:18px; }
  #local-support-services .support-photo-category::before { width:28px; margin-bottom:8px; }
}
@media(max-width:900px) {
  #local-support-services { padding:42px 0 56px; scroll-margin-top:76px; }
  #local-support-services .support-services-wrap { width:90%; }
  #local-support-services .support-services-toolbar { display:block; margin-bottom:28px; padding-bottom:20px; }
  #local-support-services .support-services-label { display:none; }
  #local-support-services .support-services-tabs { width:100%; gap:0; padding:4px; }
  #local-support-services .support-services-tabs a { flex:1; padding:10px 8px; font-size:14px; min-height:46px; }
  #local-support-services .support-service-panel { grid-template-columns:minmax(0,1fr); grid-template-areas:"title" "lead" "photo" "points" "contact"; row-gap:0; scroll-margin-top:100px; }
  #local-support-services .support-service-copy { display:contents; }
  #local-support-services .support-service-copy h2 { grid-area:title; font-size:30px; margin-bottom:16px; }
  #local-support-services .support-service-lead { grid-area:lead; font-size:15px; }
  #local-support-services .support-service-photo { grid-area:photo; grid-template-rows:auto auto; margin-top:26px; }
  #local-support-services .support-photo-media { min-height:0; aspect-ratio:1.56; }
  #local-support-services .support-service-photo img { object-position:center; }
  #local-support-services .support-photo-category { padding:0 6px 4px 10px; font-size:17px; }
  #local-support-services .support-photo-category::before { width:30px; margin-bottom:8px; }
  #local-support-services .support-photo-note { padding-top:10px; font-size:10px; }
  #local-support-services .support-service-points { grid-area:points; margin-top:26px; }
  #local-support-services .support-service-points li { grid-template-columns:104px minmax(0,1fr); gap:14px; padding:18px 0; }
  #local-support-services .support-service-points h3 { font-size:15px; }
  #local-support-services .support-service-points p { font-size:14px; }
  #local-support-services .support-service-contact { grid-area:contact; margin-top:26px; }
  #local-support-services .support-service-contact summary { font-size:14px; min-height:54px; }
  #local-support-services .support-contact-arrow { width:38px; height:38px; }
}
@media(max-width:360px) {
  #local-support-services .support-photo-media { aspect-ratio:1.2; }
  #local-support-services .support-photo-category { font-size:14px; padding-left:8px; padding-right:4px; }
  #local-support-services .support-service-copy h2 { font-size:27px; }
  #local-support-services .support-service-points li { grid-template-columns:94px minmax(0,1fr); gap:10px; }
  #local-support-services .support-services-tabs a { font-size:13px; padding-inline:6px; }
}
@media(prefers-reduced-motion:reduce) {
  #local-support-services *,#local-support-services *::before,#local-support-services *::after { animation:none!important; transition:none!important; }
}
