nav{justify-content:space-between;align-items:center;border-top:1px solid #e0e0e0;--start-colour:#f4a71c}nav,nav ul{display:flex;padding:0}nav ul{flex-direction:column;align-items:stretch;justify-content:center;width:100%;list-style:none;margin:0;height:100%}nav ul li{justify-content:stretch;margin:0;position:relative;--item-colour:#ddd;--background:#f5f5f5;background-color:var(--background)}nav ul li,nav ul li a{flex:1 1 auto;display:flex}nav ul li a{padding:6px 0;align-items:center;justify-content:center;border-bottom:1px solid #e0e0e0}nav ul li:last-child{margin-right:0}.start-colour{--start-colour:#f4a71c}.start-colour-main{--start-colour:#f8c15d}.start-colour-lightest{--start-colour:#fff5e0}.start-colour-light{--start-colour:#fbd89f}.start-colour-dark{--start-colour:#f4a71c}.background{--background:#f5f5f5;--item-colour:#ddd}.background-main{--background:#f8c15d;--item-colour:#f8c15d}.background-lightest{--background:#fff5e0;--item-colour:#fff5e0}.background-light{--background:#fbd89f;--item-colour:#fbd89f}.background-dark{--background:#f4a71c;--item-colour:#f4a71c}@media(min-width:768px){nav{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;--start-colour:#f4a71c}nav ul{flex-direction:row;background:linear-gradient(90deg,var(--start-colour) 0,var(--start-colour) 40%,#f5f5f5 40%,#f5f5f5 100%)}nav ul.steps-1,nav ul.steps-2{background:linear-gradient(90deg,var(--start-colour) 0,var(--start-colour) 50%,#f5f5f5 50%,#f5f5f5 100%)}nav ul li{flex:1 1 250px;max-width:250px;background-color:var(--background)}nav ul li:last-child{margin-right:0}nav ul li:after,nav ul li:before{content:"";position:absolute;z-index:10;width:10px;height:21px;background-color:var(--background);right:-5px;border-right:1px solid var(--item-colour)}nav ul li:before{transform:rotate(-30deg);top:1px}nav ul li:after{transform:rotate(30deg);bottom:1px}nav ul li.nav-item--active{--item-colour:#f4a71c;--background:#f4a71c;background-color:var(--background)}nav ul li a{border-bottom:none}nav .nav-item{display:flex;align-items:stretch;justify-content:stretch;text-align:center}nav .nav-item a,nav .nav-item div{display:flex;align-items:center;justify-content:center;width:100%;height:100%}nav .nav-item .nav-item__icon{margin-right:.5rem}nav .nav-item .nav-item__text{font-size:.875rem;font-weight:500}}