.service-flow{
  order:12;
  position:relative;
  overflow:hidden;
  min-height:100vh;
  box-sizing:border-box;
  padding:76px 24px 72px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(9,91,70,.035) 1px,transparent 1px) 0 0/64px 64px,
    linear-gradient(rgba(9,91,70,.035) 1px,transparent 1px) 0 0/64px 64px,
    #f2f7f4;
  color:#123f35;
}
.service-flow::before{
  content:"";
  position:absolute;
  right:-140px;
  top:-220px;
  width:520px;
  height:520px;
  border:1px solid rgba(17,126,94,.12);
  border-radius:50%;
  box-shadow:0 0 0 72px rgba(17,126,94,.035),0 0 0 144px rgba(17,126,94,.025);
}
.service-flow-inner{position:relative;width:min(100%,1440px);margin:auto}
.service-flow-head{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:80px;align-items:end}
.service-flow-head>div>p{margin:0 0 18px;display:flex;align-items:center;gap:13px;color:#16835a;font-size:12px;font-weight:800;letter-spacing:4px}
.service-flow-head>div>p span{width:30px;height:2px;background:#d7aa4a}
.service-flow-head h2{max-width:820px;margin:0;font-size:clamp(30px,3vw,48px);line-height:1.16;letter-spacing:-1px}
.service-flow-head>p{margin:0 0 5px;padding-left:25px;border-left:2px solid #d7aa4a;color:#6b7e78;font-size:14px;line-height:1.85}
.service-flow-track{position:relative;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none}
.service-flow-track::before{content:"";position:absolute;left:3%;right:3%;top:31px;height:1px;background:linear-gradient(90deg,#16835a 0%,#6bb69e 73%,#d7aa4a 100%)}
.service-flow-track li{position:relative;min-width:0;padding:0 18px}
.service-flow-track li:first-child{padding-left:0}.service-flow-track li:last-child{padding-right:0}
.service-flow-track li>i{position:absolute;top:0;left:18px;color:#a2b3ad;font-size:10px;font-style:normal;font-weight:800;letter-spacing:1px}
.service-flow-track li:first-child>i{left:0}
.service-flow-node{position:relative;z-index:1;width:17px;height:17px;margin-top:23px;display:block;border:4px solid #f2f7f4;border-radius:50%;background:#16835a;box-shadow:0 0 0 1px #16835a}
.service-flow-track li:last-child .service-flow-node{background:#d7aa4a;box-shadow:0 0 0 1px #d7aa4a}
.service-flow-track li div{min-height:136px;margin-top:23px;padding:25px 20px 22px;border-top:3px solid #16835a;background:rgba(255,255,255,.82);box-shadow:0 13px 28px rgba(10,67,53,.055);transition:transform .25s,box-shadow .25s}
.service-flow-track li:last-child div{border-top-color:#d7aa4a}
.service-flow-track li:hover div{transform:translateY(-5px);box-shadow:0 18px 35px rgba(10,67,53,.11)}
.service-flow-track small{color:#8ba29b;font-size:9px;font-weight:800;letter-spacing:2px}
.service-flow-track h3{margin:14px 0 8px;color:#123f35;font-size:20px;line-height:1.2}
.service-flow-track p{margin:0;color:#788a84;font-size:12px;line-height:1.65}
.service-flow-action{margin-top:28px;padding:20px 22px;border:1px solid rgba(18,91,72,.12);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.45)}
.service-flow-action p{margin:0;display:flex;align-items:center;gap:18px;color:#789087;font-size:11px;letter-spacing:1px}
.service-flow-action p b{color:#315e52;font-size:12px}.service-flow-action p span{color:#d7aa4a}
.service-flow-action button{height:42px;padding:0 21px;border:0;background:#16835a;color:#fff;font-size:12px;font-weight:800;cursor:pointer;transition:filter .2s}
.service-flow-action button:hover{filter:brightness(.92)}.service-flow-action button span{margin-left:12px;color:#e5c16e}
@media(max-width:980px){
  .service-flow-head{grid-template-columns:1fr;gap:24px}.service-flow-head>p{max-width:620px}
  .service-flow-track{grid-template-columns:repeat(3,1fr);gap:26px 0}
  .service-flow-track::before{display:none}
  .service-flow-track li{padding:0 12px}.service-flow-track li:first-child{padding-left:12px}.service-flow-track li:last-child{padding-right:12px}
  .service-flow-track li>i,.service-flow-track li:first-child>i{left:14px}.service-flow-node{margin-left:2px}
}
@media(max-width:640px){
  .service-flow{min-height:100svh;padding:58px 20px 54px;align-items:flex-start}.service-flow::before{width:300px;height:300px;right:-170px;top:-120px}
  .service-flow-head h2{font-size:31px;line-height:1.2}.service-flow-head>p{padding-left:16px;font-size:12px}
  .service-flow-track{margin-top:44px;display:block}
  .service-flow-track::before{display:block;left:8px;right:auto;top:12px;bottom:18px;width:1px;height:auto;background:linear-gradient(#16835a,#d7aa4a)}
  .service-flow-track li,.service-flow-track li:first-child,.service-flow-track li:last-child{min-height:102px;padding:0 0 20px 38px}
  .service-flow-track li>i,.service-flow-track li:first-child>i{top:1px;left:38px}
  .service-flow-node{position:absolute;left:0;top:3px;margin:0;border-color:#f2f7f4}
  .service-flow-track li div{min-height:0;margin:0;padding:24px 20px 18px;border-top-width:2px}
  .service-flow-track h3{margin:10px 0 5px;font-size:18px}
  .service-flow-action{margin-top:8px;display:block}.service-flow-action p{gap:10px;flex-wrap:wrap}
  .service-flow-action button{width:100%;margin-top:18px}
}