:root{
  --navy:#09264d; --blue:#0876df; --green:#20c65a; --teal:#10bda8;
  --light:#f5faff; --text:#4B4D4E; --muted:#4B4D4E; --border:#e2edf7;
}
.slatup-services *{box-sizing:border-box;margin:0;padding:0}
.slatup-services{font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.45}
.slatup-services a{text-decoration:none;color:inherit}
.slatup-services .container{width:min(1200px,92%);margin:auto}

.slatup-services .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:28px;background:#FD0089;color:#fff;font-weight:800;font-size:14px;box-shadow:0 8px 22px #0b70df26}

.slatup-services .hero{min-height:650px;background:
linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.82) 42%,rgba(247,251,255,.1) 72%),
var(--slatup-hero-image, url('https://slatup.com/demo/wp-content/uploads/2026/09/services-banner.png')) center/cover;
display:flex;align-items:center}
.slatup-services .hero-content{width:53%;padding:65px 0}
.slatup-services .eyebrow{font-size:13px;background:linear-gradient(180deg,#1F5BFF 0%,#7B3FF2 55%,#FF2E93 100%) !important;-webkit-background-clip:text !important;color:transparent;font-weight:900;letter-spacing:.5px;margin-bottom:14px}
.slatup-services .eyebrow:before{content:"";display:inline-block;width:25px;height:3px;background:#1F5BFF;vertical-align:middle;margin-right:10px}
.slatup-services h1{font-size:52px;line-height:1.08;color:#102f59;max-width:680px;margin-bottom:22px}
.slatup-services .gradient{background:linear-gradient(90deg,#1F5BFF 0%,#7B3FF2 55%,#FF2E93 100%) !important;-webkit-background-clip:text !important;color:transparent}
.slatup-services .hero p{max-width:610px;font-size:17px;color:#47627f}
   
.slatup-services .intro-grid{display:grid;grid-template-columns:1.15fr 1.85fr;gap:50px;align-items:center;padding-top:60px}
.slatup-services h2{font-size:31px;line-height:1.15;color:#122f57}
.slatup-services .intro p{color:var(--muted);margin-top:15px}
.slatup-services .features{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--border)}
.slatup-services .feature{padding:10px 24px;border-right:1px solid var(--border)}
.slatup-services .icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f3ff;color:#0876df;font-size:20px;margin-bottom:12px}
.slatup-services .feature:nth-child(2) .icon{background:#e9fbf4;color:#10a66f}
.slatup-services .feature:nth-child(3) .icon{background:#eff5ff;color:#496ce5}
.slatup-services .feature:nth-child(4) .icon{background:#effbe8;color:#54a72c}
.slatup-services .feature b{display:block;font-size:14px;margin-bottom:5px}
.slatup-services .feature span{font-size:12px;color:#6b84a0}

.slatup-services .services{padding:28px 0 65px}
.slatup-services .service-row{display:grid;grid-template-columns:300px 1fr;gap:0;margin:16px 0;border-radius:10px;overflow:hidden;background:#f7fbff;box-shadow:0 7px 28px #1c5b9610}
.slatup-services .service-img{min-height:168px;background-size:cover;background-position:center}
.slatup-services .service-card{padding:26px 28px;display:grid;grid-template-columns:50px 1fr auto;gap:18px;align-items:center}
.slatup-services .service-icon{width:44px;height:44px;margin-top:-90px;border-radius:50%;display:grid;place-items:center;background:#0876df;color:#fff;font-size:20px}
.slatup-services .service-card h3{font-size:20px !important;color:#16365e;margin-bottom:4px}
.slatup-services .service-card p{font-size:15px;color:#4B4D4E;margin-bottom:7px}
.slatup-services .service-card ul{list-style:none;color:#4B4D4E;font-size:15px;line-height:26px;}
.slatup-services .service-card li:before{content:"›";color:#1aa67b;font-weight:900;margin-right:8px}
.slatup-services .learn{color:#0876df;font-size:15px;font-weight:900;white-space:nowrap}
.slatup-services .arrow{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f4ff;margin-left:8px;font-size:20px}

.slatup-services .cta{background:
linear-gradient(90deg,rgba(3,39,79,.98),rgba(5,54,102,.74)),
var(--slatup-cta-image, url('https://images.unsplash.com/photo-1506947411487-a56738267384?auto=format&fit=crop&w=1800&q=85')) center/cover;
color:white;padding:55px 0}
.slatup-services .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.slatup-services .cta h2{color:white;font-size:31px;max-width:560px}
.slatup-services .cta p{color:#c5d9ed;margin:10px 0 20px;max-width:550px}

.slatup-services .metrics{padding:28px 0;background:#fff}
.slatup-services .metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.slatup-services .metric{text-align:center;border-right:1px solid var(--border);padding:8px}
.slatup-services .metric:last-child{border:0}
.slatup-services .metric strong{font-size:28px;color:#143b68;display:block}
.slatup-services .metric span{font-size:12px;color:#7990a8}

@media(max-width:900px){
 .slatup-services .hero-content{width:100%;background:#f8fbffcc}.slatup-services .hero{min-height:470px}
 .slatup-services h1{font-size:40px}.slatup-services .intro-grid{grid-template-columns:1fr}.slatup-services .features{border:0}
 .slatup-services .service-row{grid-template-columns:1fr}.slatup-services .service-img{min-height:220px}
}
@media(max-width:600px){
 .slatup-services .features,.slatup-services .metric-grid{grid-template-columns:1fr 1fr}.slatup-services .service-card{grid-template-columns:42px 1fr}
 .slatup-services .learn{grid-column:2}.slatup-services .cta-inner{display:block}
 .slatup-services h1{font-size:35px}.slatup-services .hero p{font-size:15px}
}