/* DDSB client comments, 20 October 2026. */
section[id]{scroll-margin-top:105px}
.brand-logo{width:164px!important;height:76px!important;object-fit:cover;object-position:center;background:#fff;padding:0!important}
footer .brand-logo{width:125px!important;height:60px!important}
.client-top{background:#0d3150;color:#e3eef7;font-size:12px}
.client-top>div{min-height:37px;display:flex;flex-wrap:wrap;align-items:center;gap:9px 26px;padding-block:8px}
.client-top i{color:#ffad33;margin-right:6px}
.client-about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.client-about .about-lead{font-size:21px;line-height:1.65;color:var(--ink,#173247);margin-top:24px}
.client-about .about-body>p{color:var(--muted,#657783)}
.delivery-note{display:flex;align-items:flex-start;gap:16px;background:#f1f6fa;border-left:4px solid #f59a17;padding:25px;margin-top:28px}
.delivery-note>i{font-size:28px;color:#0876bd}
.delivery-note strong{display:block;font-size:17px;margin-bottom:5px;color:#173247}
.delivery-note p{margin:0;color:#526577}
.client-solutions-heading{max-width:900px!important}
.client-solutions-heading>p:last-child{font-size:17px;color:var(--muted,#657783);max-width:740px}
.client-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.client-solution-grid article{background:#fff;border:1px solid #dbe5ee;border-radius:12px;padding:30px;min-width:0;transition:box-shadow .2s,transform .2s}
.client-solution-grid article:hover{transform:translateY(-3px);box-shadow:0 12px 30px #17324712}
.client-solution-grid i{width:50px;height:50px;display:grid;place-items:center;background:#eef7fd;color:#0876bd;font-size:25px;border-radius:12px}
.client-solution-grid h3{color:#132b50;font-size:22px;line-height:1.3;margin:22px 0 12px}
.client-solution-grid p{color:#657783;margin:0}
.client-credentials{background:#fff}
.client-credentials .credential-heading{margin-bottom:35px}
.client-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.client-logo-grid figure{margin:0;min-width:0;background:#fff;border:1px solid #dfe7ef;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:25px 14px}
.client-logo-grid img{width:100%;max-width:145px;height:76px;object-fit:contain;filter:none!important;opacity:1!important}
.client-logo-grid figcaption{font-size:12px;font-weight:750;color:#46596c;text-align:center;line-height:1.4}
.client-projects{background:#0d3150;color:#fff}
.client-projects .project-heading{max-width:900px;margin-bottom:45px}
.client-projects .project-heading h2{color:#fff}
.client-projects .project-heading .eyebrow,.client-projects .project-heading .label,.client-projects .project-heading .overline{color:#ffad33}
.client-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.client-project-grid article{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:start;gap:22px;padding:30px;border:1px solid #ffffff2e;background:#ffffff03}
.project-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#0876bd;color:#fff;font-size:25px}
.project-client{margin:0 0 12px!important;color:#ffad33!important;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.client-project-grid h3{font-size:25px;line-height:1.25;color:#fff;margin:0 0 16px}
.client-project-grid p{margin:0;color:#c7d5e3}
.client-contact address>div{display:flex;align-items:center;gap:15px;margin-bottom:24px}
.client-contact address a{color:#0876bd;font-size:18px;overflow-wrap:anywhere}
.client-contact address i{font-size:21px;color:#d98610}
a:focus-visible,button:focus-visible{outline:3px solid #f59a17;outline-offset:5px}
@media(max-width:1000px){.client-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.client-about{gap:45px}}
@media(max-width:920px){.client-about{grid-template-columns:1fr}.client-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-project-grid{grid-template-columns:1fr}}
@media(max-width:620px){.client-solution-grid{grid-template-columns:1fr}.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-logo-grid figure{padding:22px 10px}.client-project-grid article{grid-template-columns:1fr;padding:26px}.client-top>div{gap:12px;font-size:11px}.buttons,.actions{flex-wrap:wrap}.brand-logo{width:150px!important;height:72px!important}.client-contact address a{font-size:17px}}