/* ISS Technologies — Home v2: "Trusted by clients" strip above the banner + flip service cards (white theme) */

/* ---------- Trusted by clients strip ---------- */
html body .tc-strip{background:#1a2b4a!important;background-image:none!important;color:#fff;padding:clamp(26px,3.2vw,40px) 0 clamp(26px,3.2vw,38px);text-align:center;position:relative;z-index:2;border:0!important;margin:0!important}
/* banner fills exactly the first screen (below the 72px sticky header) */
html body .banner .hero{min-height:calc(100svh - var(--hdr,73px))!important}
html body .tc-strip .tc-title{margin:0!important;color:#fff!important;font-size:clamp(1.5rem,2.4vw,2rem)!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.15!important;max-width:none!important}
html body .tc-strip .tc-sub{margin:8px auto clamp(18px,2.4vw,28px)!important;color:#e6edf9!important;font-size:.8125rem;font-weight:500;max-width:none!important;padding:0 20px}
html body .tc-strip .tc-marq{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
html body .tc-strip .tc-track{display:flex;align-items:center;width:max-content;animation:tcScroll 45s linear infinite}
html body .tc-strip .tc-marq:hover .tc-track{animation-play-state:paused}
/* every logo gets an identical tile, a transparent background and a single white tone */
html body .tc-strip .tc-logo{flex:none;width:168px;height:60px;margin:0 22px;display:flex;align-items:center;justify-content:center;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body .tc-strip .tc-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;filter:brightness(0) invert(1);opacity:.88;transition:opacity .25s}
html body .tc-strip .tc-logo:hover img{opacity:1}
@keyframes tcScroll{to{transform:translateX(-50%)}}
@media(max-width:640px){html body .tc-strip .tc-logo{width:128px;height:48px;margin:0 14px}}
@media(prefers-reduced-motion:reduce){html body .tc-strip .tc-track{animation:none}html body .tc-strip .tc-marq{overflow-x:auto}}

/* ---------- Services — white theme, flip cards ---------- */
html body .ws{background:#fff!important;color:#172033!important;padding:clamp(56px,7vw,96px) 0 clamp(60px,7vw,100px)!important;border:0!important;position:relative;overflow:visible}
html body .ws::before{display:none!important}
html body .ws .ws-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}
html body .ws .ws-eyebrow{display:block;margin:0 0 14px;color:#0b8fc2;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
html body .ws .ws-head h2{margin:0 0 14px!important;max-width:24ch!important;color:#12233f!important;font-size:clamp(2rem,4vw,3.1rem)!important;font-weight:750!important;line-height:1.04!important;letter-spacing:-.035em!important}
html body .ws .ws-head p{margin:0 0 clamp(28px,3.4vw,44px)!important;max-width:80ch!important;color:#64748b!important;font-size:1.0625rem}

html body .ws .wx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.6vw,36px) clamp(18px,2vw,28px);padding-bottom:30px}
html body .ws .wx-card{position:relative;margin-bottom:30px}
html body .ws .wx-media{display:block;position:relative;aspect-ratio:15/8;overflow:hidden;border-radius:12px;background:#0b1a33;box-shadow:0 22px 40px -24px rgba(15,35,70,.55)}
html body .ws .wx-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
html body .ws .wx-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,14,32,.35) 0%,rgba(6,14,32,.62) 55%,rgba(6,14,32,.88) 100%)}
html body .ws .wx-card:hover .wx-media img{transform:scale(1.05)}
html body .ws .wx-txt{position:absolute;left:clamp(18px,2.2vw,28px);right:clamp(18px,2.2vw,28px);bottom:clamp(40px,4vw,52px);z-index:2;color:#fff;pointer-events:none}
html body .ws .wx-txt h3{margin:0 0 8px!important;color:#fff!important;font-size:clamp(1.6rem,2.7vw,2.5rem)!important;font-weight:500!important;line-height:1.1!important;letter-spacing:-.01em!important;text-shadow:0 2px 14px rgba(0,0,0,.45)}
html body .ws .wx-txt p{margin:0!important;max-width:44em!important;color:#fff!important;font-size:clamp(.92rem,1.15vw,1.05rem);line-height:1.65;text-shadow:0 1px 10px rgba(0,0,0,.5)}
html body .ws .wx-btn{position:absolute;left:0;bottom:-30px;z-index:3;display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:0 0 10px 0;background:#2f4a9a;color:#fff!important;font-size:1rem;font-weight:500;text-decoration:none!important;transition:background .2s,transform .2s}
html body .ws .wx-btn:hover{background:#1f3a86;transform:translateY(2px)}
html body .ws .wx-btn:focus-visible{outline:2px solid #6fd3f6;outline-offset:3px}
@media(max-width:760px){html body .ws .wx-grid{grid-template-columns:1fr}html body .ws .wx-media{aspect-ratio:4/3}}

/* ---------- Why choose ISS: centre the heading block properly ---------- */
html body #ds-why .ds-why-l{display:flex;flex-direction:column;align-items:center;text-align:center}
html body #ds-why .ds-why-l .ds-eyebrow{display:block;text-align:center;margin:0 0 14px}
html body #ds-why .ds-why-l h2{margin:0 auto 18px!important;max-width:16ch!important;width:100%;text-align:center!important}
html body #ds-why .ds-why-l p{margin:0 auto 28px!important;max-width:60ch!important;text-align:center!important}
html body #ds-why .ds-why-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:0 auto}

/* ---------- Industries: smooth one-card-at-a-time carousel ---------- */
html body #ds-industries .ds-ind-grid{display:block!important;overflow:hidden!important;scroll-snap-type:none!important;scroll-behavior:auto!important;padding:4px 0 8px!important;touch-action:pan-y}
html body #ds-industries .ds-ind-track{display:flex;flex-wrap:nowrap;gap:24px;will-change:transform;transition:transform .85s cubic-bezier(.45,.05,.2,1)}
html body #ds-industries .ds-ind-track.no-anim{transition:none}
html body #ds-industries a.ds-ind{scroll-snap-align:none!important;scroll-snap-stop:normal!important}
@media(max-width:700px){html body #ds-industries .ds-ind-track{gap:16px}}
@media(prefers-reduced-motion:reduce){html body #ds-industries .ds-ind-track{transition:none}}

/* ---------- Technologies we work with (own section, before Partners) ---------- */
html body .tech-eco{position:relative;overflow:hidden;color:#fff;padding:clamp(48px,5.5vw,72px) 0 clamp(48px,5.5vw,70px);background:radial-gradient(900px 340px at 92% -10%,rgba(40,120,190,.38),transparent 70%),linear-gradient(115deg,#06142b 0%,#0a2040 55%,#0e2f55 100%)!important;border:0!important}
html body .tech-eco .tech-in{width:min(900px,calc(100% - 40px));margin:0 auto clamp(26px,3vw,38px);text-align:center}
html body .tech-eco .tech-eyebrow{display:block;margin:0 0 14px;color:#6fd3f6;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
html body .tech-eco h2{margin:0 0 12px!important;color:#fff!important;font-size:clamp(1.9rem,3.4vw,2.6rem)!important;font-weight:750!important;line-height:1.1!important;letter-spacing:-.03em!important;max-width:none!important;text-align:center!important}
html body .tech-eco .tech-in p{margin:0 auto!important;max-width:62ch!important;color:#b9cdea!important;font-size:1rem;line-height:1.6;text-align:center!important}
html body .tech-eco .tech-marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
html body .tech-eco .tech-track{display:flex;gap:12px;width:max-content;animation:techScroll 70s linear infinite}
html body .tech-eco .tech-marq:hover .tech-track{animation-play-state:paused}
html body .tech-eco .tech-tile{flex:none;width:180px;height:74px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(150,185,230,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
html body .tech-eco .tech-tile img{display:block;max-width:132px;max-height:38px;width:auto;height:auto;object-fit:contain;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;opacity:.95}
html body .tech-eco .tech-tile b{color:#fff!important;font-size:.82rem;font-weight:600;line-height:1.15}
@keyframes techScroll{to{transform:translateX(calc(-50% - 6px))}}
@media(max-width:640px){html body .tech-eco .tech-tile{width:150px;height:64px}html body .tech-eco .tech-tile img{max-width:108px;max-height:32px}}
@media(prefers-reduced-motion:reduce){html body .tech-eco .tech-track{animation:none}html body .tech-eco .tech-marq{overflow-x:auto}}