.nab-journey{background:var(--cream)}.nab-journey-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:64px}.nab-journey-intro{color:#526158;max-width:58ch}.nab-route-wrap{position:relative;padding:0 36px}.nab-route-curve{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#92a98d;pointer-events:none}.nab-icon-route{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:100px 36px}.nab-icon-stop{position:relative;text-align:center;min-width:0}.nab-stage-symbol{height:66px;display:grid;place-items:start center;color:#244d3c}.nab-stage-symbol svg{width:44px;height:44px}.nab-stage-dot{display:block;width:12px;height:12px;border-radius:50%;background:#365d46;margin:0 auto 18px;box-shadow:0 0 0 5px var(--cream)}.nab-stage-number{display:block;font-size:12px;letter-spacing:.12em;color:#54674e;margin-bottom:12px}.nab .nab-stage-date{font-size:14px;line-height:1.5;color:#526158;min-height:42px;margin-bottom:10px}.nab .nab-icon-stop h3{font-size:clamp(23px,2vw,29px);line-height:1.25;text-wrap:balance;overflow-wrap:anywhere}.nab .nab-stage-body{font-size:16px;line-height:1.65;margin-top:14px;color:#526158;overflow-wrap:anywhere}.nab-icon-stop:nth-child(5){grid-column:4;grid-row:2}.nab-icon-stop:nth-child(6){grid-column:3;grid-row:2}.nab-icon-stop:nth-child(7){grid-column:2;grid-row:2}.nab-icon-stop:nth-child(8){grid-column:1;grid-row:2}@media(max-width:989px){.nab-journey-heading{gap:28px}.nab-route-wrap{padding:0 22px}.nab-icon-route{gap:80px 22px}}@media(max-width:749px){.nab-journey-heading{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.nab-route-wrap{padding:0}.nab-route-curve{display:none}.nab-icon-route{display:block;border-inline-start:2px solid #92a98d;margin-inline-start:7px;padding-inline-start:26px}.nab-icon-stop{text-align:start;padding-bottom:36px}.nab-icon-stop:last-child{padding-bottom:0}.nab-stage-symbol{height:52px;place-items:start}.nab-stage-symbol svg{width:36px;height:36px}.nab-stage-dot{position:absolute;inset-inline-start:-33px;top:13px;margin:0}.nab-stage-number{position:absolute;inset-inline-end:0;top:8px}.nab .nab-stage-date{min-height:0;margin-bottom:8px;font-size:14px}.nab .nab-icon-stop h3{font-size:27px}.nab .nab-stage-body{font-size:16px;margin-top:10px}}.nab-route-wrap{padding-inline:60px}.nab-route-curve{color:#b5c1b5;overflow:visible}.nab-stage-symbol{width:80px;height:80px;border-radius:50%;margin:0 auto 24px;place-items:center;background:#285440;color:#fffdf7;box-shadow:0 0 0 7px var(--cream)}.nab-stage-symbol svg{width:38px;height:38px;stroke-width:1.5}.nab-icon-stop:nth-child(4n+2) .nab-stage-symbol{background:#627c63}.nab-icon-stop:nth-child(4n+3) .nab-stage-symbol{background:#72764b}.nab-icon-stop:nth-child(4n+4) .nab-stage-symbol{background:#947444}.nab-stage-dot{background:#fffdf7;width:8px;height:8px;box-shadow:none;margin-bottom:30px}.nab-icon-route{column-gap:40px;row-gap:100px}@media(min-width:750px)and (max-width:989px){.nab-route-wrap{padding-inline:34px}.nab-icon-route{column-gap:22px}.nab-stage-symbol{width:68px;height:68px}.nab-stage-symbol svg{width:34px;height:34px}.nab-road-surface{stroke-width:26px}}@media(max-width:749px){.nab-route-wrap{padding:0}.nab-icon-route{border:0;margin:0;padding:0;position:relative}.nab-icon-route:before{content:"";position:absolute;inset-inline-start:20px;top:30px;bottom:30px;width:24px;background:#b5c1b5;border-radius:12px}.nab-icon-route:after{content:"";position:absolute;inset-inline-start:31px;top:30px;bottom:30px;width:2px;background:repeating-linear-gradient(to bottom,#fffdf7 0 9px,transparent 9px 19px);pointer-events:none}.nab-icon-stop{padding-inline-start:88px;padding-bottom:42px;z-index:1}.nab-stage-symbol{position:absolute;inset-inline-start:0;top:0;width:64px;height:64px;margin:0;box-shadow:0 0 0 5px var(--cream)}.nab-stage-symbol svg{width:30px;height:30px}.nab-stage-dot{display:none}.nab-stage-number{position:static;display:block;margin-bottom:8px}.nab .nab-icon-stop h3{font-size:25px}.nab .nab-stage-date{font-size:13px}.nab .nab-stage-body{font-size:16px}}.nab-stage-symbol,.nab-icon-stop:nth-child(4n+1) .nab-stage-symbol{background:linear-gradient(135deg,#f48fb1,#ef5350 99%);color:#fff}.nab-icon-stop:nth-child(4n+2) .nab-stage-symbol{background:linear-gradient(135deg,#9ccc65,#26a69a 99%)}.nab-icon-stop:nth-child(4n+3) .nab-stage-symbol{background:linear-gradient(135deg,#ffa726,#ff7043 99%)}.nab-icon-stop:nth-child(4n+4) .nab-stage-symbol{background:linear-gradient(135deg,#f06292,#5c6bc0 99%)}.nab-stage-symbol svg{width:56px;height:56px;stroke:none;fill:currentColor}.nab-route-curve{color:#b7c5cc}.nab-road-markings{stroke:#fff}.nab-stage-dot{background:#fff}@media(min-width:750px)and (max-width:989px){.nab-stage-symbol svg{width:48px;height:48px}}@media(max-width:749px){.nab-stage-symbol svg{width:44px;height:44px}.nab-icon-route:before{background:linear-gradient(180deg,#cfd8dc,#8ba0aa)}.nab-icon-route:after{background:repeating-linear-gradient(to bottom,#fff 0 9px,transparent 9px 19px)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/noor-about-journey.css.map */