#services{max-width:1110px;margin:85px auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;padding:0 24px;color:#111}.services-intro{padding-top:25px}.services-intro>span{display:inline-block;background:#f6f6f6;color:#626262;border-radius:20px;padding:6px 10px;font-size:9px;letter-spacing:1px}.services-intro h2{font:500 34px/1.05 Arial,Helvetica,sans-serif;letter-spacing:-1.4px;margin:18px 0}.services-intro p{font-size:13px;line-height:1.5;max-width:230px}.services-intro .services-note{margin-top:50px;font-size:12px}.services-note strong{display:block;font-size:17px;margin-bottom:8px}.services-controls{display:flex;gap:8px;margin-top:25px}.services-controls button{width:42px;height:42px;border:1px solid #ddd;background:white;color:#111;border-radius:50%;font-size:22px;cursor:pointer}.services-controls button:hover{background:#111;color:white}.services-track{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 2px 5px}.services-track::-webkit-scrollbar{display:none}.service-card{flex:0 0 calc((100% - 15px)/2);min-width:0;background:#f7f7f7;border-radius:25px;padding:25px 22px;scroll-snap-align:start;display:flex;flex-direction:column}.service-card h3{font:500 21px/1.13 Arial,Helvetica,sans-serif;letter-spacing:-.6px;margin:0 0 12px}.service-card p{font-size:12px;line-height:1.5;margin:0;min-height:73px}.service-card svg{width:100%;height:225px;display:block;margin:8px 0;flex:1}.service-card svg *{vector-effect:non-scaling-stroke}.service-card>a{display:block;background:#111;color:white;text-align:center;padding:12px 10px;border-radius:30px;text-decoration:none;font-size:12px}.services-pagination{display:flex;align-items:center;gap:9px;margin:15px 15px 0;min-height:27px}.services-current{font-size:9px;text-transform:uppercase;letter-spacing:.4px;background:#f5f5f5;padding:7px 9px;border-radius:20px;margin-right:6px}.services-dot{border:0;background:transparent;cursor:pointer;width:24px;height:24px;padding:8px}.services-dot:before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#d1d1d1}.services-dot[aria-current=true]:before{background:#6441f5}.services-controls button:focus-visible,.services-dot:focus-visible,.service-card>a:focus-visible{outline:3px solid #6441f5;outline-offset:3px}@media(max-width:700px){#services{grid-template-columns:1fr;margin:50px auto;gap:22px;padding:0 18px}.services-intro{padding:0}.services-intro h2{font-size:30px}.services-intro p{max-width:310px}.services-intro .services-note{display:none}.services-controls{margin-top:15px}.service-card{flex-basis:88%;padding:23px}.service-card svg{height:210px}.services-pagination{margin-left:0;gap:4px}.services-current{font-size:8px}}

.services-track:after{content:"";flex:0 0 calc((100% - 15px)/2)}@media(max-width:700px){.services-track:after{flex-basis:12%}}
#services{text-align:left}.services-intro h2{font-size:32px}.services-carousel{min-width:0}.services-track{position:relative}

/* Keep carousel navigation together beneath the cards. */
body #services .services-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:22px 0 0}
body #services .services-controls>button{flex:0 0 42px}
body #services .services-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:0;min-width:0}
body #services .services-controls .services-dot{width:24px;height:24px;padding:8px;border:0;background:transparent}
body #services .services-current{margin-right:8px}
@media(max-width:700px){body #services .services-controls{gap:10px}body #services .services-pagination{flex:1;gap:2px}body #services .services-current{flex-basis:100%;margin:0;text-align:center;font-size:10px}}

body #services .services-intro-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#111;color:#fff;text-decoration:none;border-radius:99px;padding:12px 20px;margin-top:10px;max-width:100%}
body #services .services-intro-cta:hover{background:#333}
body #services .services-intro-cta:focus-visible{outline:3px solid #6441f5;outline-offset:4px}
body #services .services-intro-cta img{flex-shrink:0}
body #services .services-intro .services-note{margin-top:25px}

body #services .services-controls{justify-content:flex-start}