.client-section{padding-block:60px;scroll-margin-top:110px;background:#fff}
.client-section.page-width,.client-jump-row.page-width{width:calc(100% - 8.6%);max-width:1316px;margin-inline:auto}
.client-heading{max-width:690px;margin-bottom:36px}
.client-eyebrow{color:#7859b3!important;font-size:12px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
.client-heading h2{font-size:clamp(30px,3.4vw,44px);line-height:1.12;letter-spacing:-.04em;margin:0 0 15px;color:#082e38}
.client-heading>p:last-child{font-size:16px;line-height:1.7;color:#6b6871;margin:0}
.client-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;align-items:start}
.client-item{min-width:0;text-align:center;padding:10px 0;display:flex;flex-direction:column;align-items:center}
.client-identity{width:100%;height:64px;display:flex;align-items:center;justify-content:center}
.client-identity h3{margin:0;color:#12333b;font-size:20px!important;font-weight:800;line-height:1.23;letter-spacing:-.035em;overflow-wrap:normal}
.client-scale{height:28px;margin:10px 0 0;font-size:13px;line-height:28px;color:#77717a;text-align:center}
.client-scale strong{font-size:inherit;font-weight:600;color:inherit}
.client-services{list-style:none;display:flex;justify-content:center;gap:8px;padding:0;margin:14px 0 0;min-height:32px}
.client-service{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:var(--orange,#ef8b3e);text-decoration:none}
.client-service .icon{width:18px;height:18px;stroke-width:1.9}
.client-service-checkout{background:var(--blue,#167fb3)}
.client-service-radio{background:var(--teal,#498f8b)}
.client-service-vionsy{background:linear-gradient(135deg,#828cff,var(--vionsy,#9261df) 55%,#ac5ff5)}
.client-service .vionsy-symbol{width:18px;transform:translateX(2px)}
.client-service:hover{filter:brightness(.92)}
.client-service:focus-visible,.client-jump-row a:focus-visible{outline:3px solid #9170da;outline-offset:4px}
.client-jump-row{display:flex;justify-content:flex-end;padding-top:18px;padding-bottom:2px}
.client-jump-row a{display:inline-flex;align-items:center;gap:16px;color:#7352a4;font-weight:600;font-size:13px;text-decoration:none;border-bottom:1px solid #d6c8eb;padding-bottom:5px}
.client-jump-row span{font-size:20px}
.client-section-product .client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.client-section-product .client-identity{height:72px}
.client-section-product .client-identity h3{font-size:24px!important;max-width:300px}
@media(max-width:1050px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.client-identity h3{font-size:22px!important}}
@media(max-width:600px){.client-section{padding-block:44px}.client-section.page-width,.client-jump-row.page-width{width:calc(100% - 40px)}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.client-identity{height:100px}.client-identity h3{font-size:19px!important}.client-heading{margin-bottom:28px}.client-section-product .client-grid{grid-template-columns:1fr;gap:24px}.client-section-product .client-identity{height:60px}.client-section-product .client-identity h3{font-size:24px!important}.client-scale{margin-top:4px}.client-jump-row{padding-top:14px}}

.client-section-product .client-identity{height:156px}
.client-section-product .client-logo{display:block;width:min(100%,250px);height:148px;overflow:hidden}
.client-section-product .client-scale{margin-top:16px;font-size:15px}
@media(max-width:600px){.client-section-product .client-grid{gap:30px}.client-section-product .client-identity{height:148px}.client-section-product .client-scale{margin-top:10px}}

.client-section-home .client-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px 24px}
.client-section-home .client-item{flex:0 0 calc((100% - 144px)/7)}
.client-section-home .client-identity{height:126px}
.client-section-home .client-logo{display:block;width:100%;max-width:150px;height:112px;overflow:hidden}
.client-section-home .client-taxi838 .client-logo{max-width:106px;height:106px}
.client-section-home .client-foxtrot .client-logo{max-width:130px}
@media(max-width:1100px){.client-section-home .client-item{flex-basis:calc((100% - 72px)/4)}}
@media(max-width:600px){.client-section-home .client-item{flex-basis:calc((100% - 24px)/2)}.client-section-home .client-grid{gap:26px 24px}.client-section-home .client-identity{height:116px}.client-section-home .client-logo{height:104px}}

.client-service .client-letter-icon{display:block;width:32px;height:32px;fill:currentColor;stroke:none;flex:none}
