.home-process { position:relative; z-index:1; overflow:hidden; margin-bottom:36px; padding:78px 0 84px; color:#fff; border-top:1px solid rgba(101,207,241,.25); border-bottom:1px solid rgba(101,207,241,.18); background:linear-gradient(120deg,#0b3d5e 0%,#0b5b78 58%,#109fd8 100%); }
.home-process:before { position:absolute; top:-240px; right:-160px; width:540px; height:540px; content:""; border:1px solid rgba(101,207,241,.2); border-radius:50%; box-shadow:0 0 0 48px rgba(101,207,241,.035),0 0 0 96px rgba(101,207,241,.025); }
.home-process-head { position:relative; z-index:1; display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:48px; }
.home-process-kicker { color:#65cff1; font-size:11px; font-weight:800; letter-spacing:2px; text-transform:uppercase; }
.home-process h2 { margin:10px 0 0; color:#fff; font-size:36px; font-weight:800; letter-spacing:-1px; }
.home-process-head > p { max-width:470px; margin:0; color:#c8dbe5; font-size:14px; line-height:1.75; }
.home-process-list { position:relative; z-index:1; display:grid; grid-template-columns:repeat(5,1fr); gap:18px; margin:0; padding:0; list-style:none; }
.home-process-list:before { position:absolute; top:26px; right:8%; left:8%; height:1px; content:""; background:rgba(188,236,255,.3); }
.home-process-list li { position:relative; padding:0 12px; text-align:center; }
.home-process-number { display:flex; position:relative; width:52px; height:52px; align-items:center; justify-content:center; margin:0 auto 19px; color:#0a2940; border:4px solid rgba(7,27,44,.7); border-radius:50%; outline:1px solid #65cff1; background:#65cff1; font-size:11px; font-weight:800; }
.home-process-list li > i { display:block; margin-bottom:13px; color:#bcecff; font-size:22px; }
.home-process-list h3 { margin:0 0 9px; color:#fff; font-size:16px; font-weight:800; }
.home-process-list p { margin:0; color:#b8cdd8; font-size:12px; line-height:1.65; }
@media (max-width:991px) { .home-process-head { display:block; } .home-process-head > p { max-width:640px; margin-top:18px; } .home-process-list { grid-template-columns:repeat(3,1fr); row-gap:36px; } .home-process-list:before { display:none; } }
@media (max-width:600px) { .home-process { margin-bottom:28px; padding:58px 0 62px; } .home-process h2 { font-size:30px; } .home-process-list { grid-template-columns:1fr; gap:28px; } .home-process-list li { display:grid; grid-template-columns:52px 1fr; column-gap:16px; align-items:center; padding:0; text-align:left; } .home-process-number { grid-row:span 3; margin:0; } .home-process-list li > i { margin:0 0 5px; } .home-process-list h3 { margin-bottom:4px; } }