@font-face{font-family:Delivery Sans;src:url(flow-backgrounds/fonts/sans.woff) format("woff");font-weight:100 900;font-display:swap}
@font-face{font-family:Delivery Mincho;src:url(flow-backgrounds/fonts/serif.woff) format("woff");font-weight:100 900;font-display:swap}
.section.guide-section.delivery-flow{background:#fff;padding:36px clamp(20px,5cqw,72px) 40px;color:#254e66;font-family:"Delivery Sans",var(--sans)}
.delivery-flow h2{font:500 34px/1.5 "Delivery Mincho",var(--serif);letter-spacing:.015em;color:#254e66}
.delivery-heading-line{width:34px;height:2px;background:#3ba6ed;margin:10px 0 29px}
.delivery-group{position:relative;background:#fff;padding:15px 22px 16px;border:1px solid #e0eef7;border-radius:8px;box-shadow:0 2px 0 #eaf3f9}
.delivery-group:before{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;width:3px;background:#3ba6ed;border-radius:3px}
.delivery-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;margin-bottom:5px;border-bottom:1px solid #dfedf5}
.delivery-group h3{font:600 16px/1.6 "Delivery Sans",var(--sans);letter-spacing:.01em}
.delivery-group header>span{font-size:11px;color:#7495ab;font-weight:400;white-space:nowrap}
.delivery-group ol{list-style:none;padding:0;margin:0}
.delivery-group li{display:grid;grid-template-columns:26px minmax(0,1fr) 28px;gap:0 12px;align-items:center;min-height:43px;position:relative}
.delivery-number{font-size:12px;width:26px;height:26px;border-radius:50%;background:#edf8ff;color:#35a5ed;display:grid;place-items:center;font-weight:500;position:relative;z-index:1}
.delivery-group li:not(:last-child):after{content:"";position:absolute;left:12px;top:calc(50% + 14px);bottom:-7px;border-left:1px solid #d6ebfa}
.delivery-step-text{font-size:16px;line-height:1.55;font-weight:500;letter-spacing:-.025em}
.delivery-step-icon{width:24px;height:24px;fill:none;stroke:#369feb;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;justify-self:end}
.delivery-choices{grid-column:2/4;display:grid;grid-template-columns:1fr 18px 1.4fr;gap:0;align-items:center;padding:0 3px 10px 0;font-size:12px;color:#4785a9;max-width:430px}
.delivery-choices span{padding:7px 2px;background:#edf7fe;text-align:center;border-radius:3px;white-space:nowrap}
.delivery-choices i{font-style:normal;text-align:center;color:#8dbbda}
.delivery-group li.delivery-with-choices{grid-template-rows:43px auto}
.delivery-group li.delivery-with-choices:after{top:35px;bottom:2px}
.delivery-group li.delivery-last-step{background:#ebf7fe;border-radius:5px;margin:3px -1px 0;padding:0 1px;min-height:45px}
.delivery-last-step .delivery-number{background:#3ba6ed;color:#fff}
.delivery-last-step .delivery-step-text{font-weight:600}
.delivery-arrow{height:22px;line-height:22px;text-align:center;font-size:13px;color:#3ba6ed}
@media(max-width:700px){
 .section.guide-section.delivery-flow{padding:30px 20px 34px}
 .delivery-flow h2{font-size:27px}
 .delivery-group{padding:12px 13px 12px 15px}
 .delivery-group h3{font-size:13px}
 .delivery-group header>span{font-size:9px}
 .delivery-group li{grid-template-columns:21px minmax(0,1fr) 22px;gap:0 7px;min-height:36px}
 .delivery-number{width:21px;height:21px;font-size:10px}
 .delivery-step-text{font-size:13px}
 .delivery-step-icon{width:20px;height:20px}
 .delivery-group li:not(:last-child):after{left:10px;top:calc(50% + 12px)}
 .delivery-choices{font-size:10px;grid-template-columns:1fr 12px 1.4fr}
 .delivery-group li.delivery-with-choices{grid-template-rows:36px auto}
 .delivery-group li.delivery-with-choices:after{top:30px}
 .delivery-group li.delivery-last-step{min-height:38px}
 .delivery-arrow{height:17px;line-height:17px}
}
@media(max-width:359px){
 .section.guide-section.delivery-flow{padding-left:12px;padding-right:12px}
 .delivery-group{padding-left:12px;padding-right:10px}
 .delivery-step-text{font-size:12px}
}