.deliveryProcess{border:1px solid #e9cda3;background-color:#fef6ea;padding:1rem;border-radius:.5rem;margin-bottom:1.25rem;display:flex;position:relative;align-items:center}.deliveryProcess:after,.deliveryProcess:before{position:absolute;left:1.875rem;margin-left:-.625rem;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-bottom:10px solid #e9cda3;content:" ";display:block}.deliveryProcess:before{top:-.625rem;border-bottom:10px solid #e9cda3}.deliveryProcess:after{top:-.53125rem;border-bottom:10px solid #fef6ea}.deliveryProcess>span{margin-right:0!important;position:relative!important}.deliveryProcess>span img{height:auto!important;width:1.875rem!important;position:relative!important}.deliveryProcess img{min-width:1.875rem}.deliveryProcess p{margin-left:.9375rem;font-size:.875rem}.deliveryProcess p>span{font-weight:400;margin:0}.howitswork_layer{width:100%!important}.howitswork_layer .stepslist{margin-top:.625rem}.howitswork_layer .stepslist li{display:flex;justify-content:flex-start;margin-bottom:2.25rem}.howitswork_layer .stepslist li figure{background:#fff;background:radial-gradient(circle,rgb(255,255,255) 0,rgb(232,243,255) 100%);height:6.25rem;flex:0 0 6.25rem;border-radius:.75rem;margin-right:1rem;overflow:hidden;position:relative}.howitswork_layer .stepslist li figure img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.howitswork_layer .stepslist li p{font-size:.9375rem;display:flex;flex-direction:column;line-height:1.3125rem}.howitswork_layer .stepslist li p span{font-size:1rem;font-weight:600;margin-bottom:.5rem}.howitswork_layer .stepslist li:last-child{margin-bottom:0}.boardingInfo{padding-top:1rem;font-size:.875rem;line-height:1.125rem;display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #999;cursor:pointer}.boardingInfo p span{font-weight:500}.boardingInfo .icon_button{min-width:1.75rem;height:1.75rem;margin-right:-.375rem}@media(min-width:992px){.boardingInfo,.deliveryProcess p{font-size:.9375rem}.howitswork_layer{max-width:30rem}.howitswork_layer .stepslist{margin-top:1.25rem}}.otherWayWrap{border:1px solid #e2e2e2;border-radius:.75rem;padding:1rem}.otherWayWrap .userDetails{border-bottom:1px dashed #999;padding-bottom:1.0625rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.otherWayWrap .userDetails .info{display:flex;margin-right:1.25rem;align-items:center}.otherWayWrap .userDetails .info figure{flex:0 0 2.5rem;height:2.5rem;border-radius:50%;position:relative;background-color:#999;margin-right:.75rem}.otherWayWrap .userDetails .info figure img{width:100%}.otherWayWrap .userDetails .info p{font-size:1rem;font-weight:600}.otherWayWrap .userDetails .info p span{font-size:.875rem;display:block;font-weight:400;margin-top:.375rem;line-height:normal}.otherWayWrap .userDetails .callIcon{flex:0 0 2.5rem;height:2.5rem;border:1px solid #0d67ca;color:#0d67ca;border-radius:50%;display:flex;justify-content:center;align-items:center}.otherWayWrap .userDetails .callIcon i{color:#0d67ca;font-size:1px;font-size:1rem}.otherWayWrap .otpCode{padding:0;display:flex;justify-content:space-between;align-items:center}.otherWayWrap .otpCode p{font-size:.875rem;margin-right:1.25rem;line-height:normal}.otherWayWrap .otpCode .code{display:flex}.otherWayWrap .otpCode .code span{background-color:#333;font-size:1.125rem;border-radius:.5rem;text-align:center;width:1.75rem;height:2.125rem;font-weight:600;color:#fff;display:flex;justify-content:center;align-items:center;margin-left:.25rem}.otherWayWrap .boardingInfo{margin-top:1rem;padding-top:1rem;display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #999}.otherWayWrap .boardingInfo p{margin-right:1.25rem}.otherWayWrap .boardingInfo p span{font-weight:500}@media(min-width:992px){.otherWayWrap{padding:1.25rem;margin-bottom:3.25rem}.otherWayWrap .userDetails{padding-bottom:.9375rem}.otherWayWrap .userDetails .info figure{flex:0 0 3.125rem;height:3.125rem}.otherWayWrap .userDetails .info p{font-size:1.125rem}.otherWayWrap .boardingInfo,.otherWayWrap .otpCode p,.otherWayWrap .userDetails .info p span{font-size:.875rem}}.orderConfirmation.fnbConfirmation.Pending .orderHeader{color:#fff;background:#13a180}.orderConfirmation.fnbConfirmation.Pending .orderHeader .close-btn i{color:#fff}.orderConfirmation.fnbConfirmation .reward-strip{margin-bottom:2.5rem}.orderConfirmation.fnbConfirmation .orderHeader{padding-bottom:1rem}.orderConfirmation.fnbConfirmation .orderHeader h3{max-width:100%;text-align:center;margin-bottom:.75rem}.orderConfirmation.fnbConfirmation .orderHeader .animationThankyou{position:static;margin:0 auto;margin-top:0!important}.orderConfirmation.fnbConfirmation .orderHeader .statusAnimation label{text-align:center;margin:10px 0 5px;font-size:1rem;display:block}.orderConfirmation.fnbConfirmation .deliverycode .otherWayWrap{padding:0;border:none;margin-top:1.875rem;margin-bottom:0}.orderConfirmation.fnbConfirmation .deliverycode .otherWayWrap .otpCode{flex-direction:column}.orderConfirmation.fnbConfirmation .deliverycode .otherWayWrap .otpCode p{width:100%;text-align:center;margin:0 0 .625rem}.orderConfirmation .trackDeliveryWrap{position:relative;margin-top:-1.25rem;margin-bottom:1.5rem}.orderConfirmation .statusIcon{width:49px;height:49px;border-radius:24.5px;background:hsla(0,0%,100%,.1);position:absolute;top:50%;transform:translateY(-50%);right:1.4375rem;align-items:center;justify-content:center;display:none}.orderConfirmation .statusIcon i{font-size:1.25rem;color:#fff}.orderConfirmation.Initiated .orderHeader,.orderConfirmation.Pending .orderHeader{background:rgba(235,152,69,.12);color:#222}.orderConfirmation.Initiated .orderHeader .animationThankyou,.orderConfirmation.Pending .orderHeader .animationThankyou{display:none}.orderConfirmation.Initiated .orderHeader .statusIcon,.orderConfirmation.Pending .orderHeader .statusIcon{background:#eb9845;display:flex}.orderConfirmation.Initiated .orderHeader .statusIcon .icon-partial,.orderConfirmation.Pending .orderHeader .statusIcon .icon-partial{display:flex}.orderConfirmation.Initiated .orderHeader .statusIcon .icon-cross,.orderConfirmation.Pending .orderHeader .statusIcon .icon-cross{display:none}.orderConfirmation.Initiated .orderHeader .statusIcon i,.orderConfirmation.Pending .orderHeader .statusIcon i{color:#fff}.orderConfirmation.Initiated .orderHeader p span,.orderConfirmation.Pending .orderHeader p span{white-space:nowrap}.orderConfirmation.Initiated .orderHeader .close-btn i,.orderConfirmation.Initiated .orderHeader p span,.orderConfirmation.Pending .orderHeader .close-btn i,.orderConfirmation.Pending .orderHeader p span{color:#222}.orderConfirmation.Cancelled .orderHeader{background:#c60101}.orderConfirmation.Cancelled .orderHeader .animationThankyou{display:none}.orderConfirmation.Cancelled .orderHeader .statusIcon{background:#fff;display:flex}.orderConfirmation.Cancelled .orderHeader .statusIcon .icon-partial{display:none}.orderConfirmation.Cancelled .orderHeader .statusIcon .icon-cross{display:flex}.orderConfirmation.Cancelled .orderHeader .statusIcon i{color:#c60101}.orderConfirmation.orderRejected .orderHeader{background-color:#c60101}.orderConfirmation.orderRejected .failedCase{background-color:#c60101;width:2.75rem;height:2.75rem;border-radius:2.75rem;position:absolute;left:-3.75rem;top:.25rem;display:flex;align-items:center;justify-content:center}.orderConfirmation.orderRejected .failedCase i{color:#fff;display:flex}.orderConfirmation.orderRejected .orderDetails{border-bottom:none;margin-bottom:0}.orderConfirmation.orderRejected .orderDetails .orderItems{justify-content:flex-start}.orderConfirmation.orderRejected .orderDetails .orderItems label{border-bottom:none;padding-bottom:0}.orderConfirmation.orderRejected .orderDetails .orderItems label p{font-size:1rem}.orderConfirmation .orderHeader{color:#fff;background:#13a180;padding:1.25rem 1.25rem 2.625rem;position:relative;z-index:1;margin:0 -1.25rem 1.25rem}.orderConfirmation .orderHeader.duty-order{padding-bottom:1.25rem}.orderConfirmation .orderHeader .animationThankyou{position:absolute;right:.625rem;bottom:0;top:auto;width:6.25rem}.orderConfirmation .orderHeader .animationThankyou.white-tick-mobile{width:4.375rem;margin-top:3.125rem;bottom:auto}.orderConfirmation .orderHeader .close-btn{margin-bottom:1rem;margin-left:-.5rem}.orderConfirmation .orderHeader .close-btn svg{width:1.5rem;fill:#fff}.orderConfirmation .orderHeader .close-btn i{font-size:1rem;line-height:0;color:#fff}.orderConfirmation .orderHeader .close-btn .icon_button:hover{background:hsla(0,0%,100%,.1)}.orderConfirmation .orderHeader h3{font-size:1.6875rem;margin-bottom:.75rem;line-height:1.4;font-weight:600;max-width:55%}.orderConfirmation .orderHeader p{font-size:.875rem;width:calc(100% - 100px)}.orderConfirmation .orderHeader p span{color:#fff;font-weight:500}.orderConfirmation .orderDetails{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;margin-bottom:2rem}.orderConfirmation .orderDetails .orderItems{display:flex;justify-content:space-between;flex-wrap:wrap}.orderConfirmation .orderDetails .orderItems label{width:50%;display:flex;flex-direction:column;padding-bottom:1.25rem}.orderConfirmation .orderDetails .orderItems label span{font-size:.75rem;margin-bottom:.125rem;color:#555;display:block}.orderConfirmation .orderDetails .orderItems label p{font-size:1rem;font-weight:500;color:#333;word-break:break-word}.orderConfirmation .orderDetails .orderItems.fnb-orderDetail label:first-child{width:100%}.orderConfirmation .orderDetails .orderItems:last-child{border-bottom:0}@media(max-width:992px){.orderConfirmation .orderDetails .orderItems.duty-orderDetail label{width:50%;padding-bottom:1rem}.orderConfirmation .orderDetails .orderItems.duty-orderDetail label:first-child{width:100%}.orderConfirmation .orderDetails .orderItems.duty-orderDetail label:last-child{width:100%;padding-bottom:0}}.orderConfirmation .orderDetails .barCode{margin-top:-2.75rem;z-index:1;position:relative;margin-bottom:1.25rem;display:flex;flex-direction:column;align-items:center}.orderConfirmation .orderDetails .barCode figure{border:1px solid #999;border-radius:.5rem;padding:0;width:8.875rem;height:8.875rem;display:flex;align-items:center;justify-content:center;background-color:#fff;margin-bottom:.625rem}.orderConfirmation .orderDetails .barCode figure img{width:100%}.orderConfirmation .orderDetails .barCode p{font-size:.875rem;color:#222;text-align:center;max-width:80%}.orderConfirmation .orderDetails .barCode p+p{padding-top:10px}.orderConfirmation .orderDetails .barCode.cancel-qr-code figure{border:none;padding:0}.orderConfirmation .orderDetails .barCode.duty-barcode p{max-width:100%}.orderConfirmation .orderDetails .rewardComponent{width:100%}@media(max-width:992px){.orderConfirmation .orderDetails .rewardComponent>div{width:100%;margin-top:0;margin-bottom:1.25rem}}.orderConfirmation footer{display:flex;flex-direction:column;margin:0 -20px}.orderConfirmation footer p{font-size:1rem;color:#333;font-weight:600;margin:0 20px}.orderConfirmation footer p br{display:none}.orderConfirmation footer .btn{font-size:.875rem;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orderConfirmation footer .btn svg{width:1.375rem}.orderConfirmation footer .map{width:100%;background:#f2f2f2;margin-top:.625rem;position:relative}.orderConfirmation footer .map img{width:100%}.orderConfirmation footer.editOrder.paddingTop{padding-top:1.25rem}.orderConfirmation footer.editOrder .btn{position:relative;margin:0 0 0 1.25rem}.orderConfirmation .rewardLabel{margin-bottom:2.5rem;width:100%}@media(min-width:992px){.orderConfirmation .rewardLabel{margin-bottom:0;margin-top:2.5rem}}.orderConfirmation .rewardLabel .rewards-points-section{display:flex;padding-left:0}.sb-show-main.sb-main-padded{padding:0}@media(min-width:992px){.orderConfirmation{border:2px solid #13a180;padding:2rem 5.438rem 3.125rem 5.875rem;border-radius:.75rem;margin-bottom:2.625rem}.orderConfirmation,.orderConfirmation.fnbConfirmation.Pending{box-shadow:-2px -1px 5px 0 rgba(73,210,178,.57);background-color:#fff}.orderConfirmation.fnbConfirmation.Pending{border:2px solid #058110}.orderConfirmation.fnbConfirmation.Pending .orderHeader{background-color:rgba(0,0,0,0);color:#222}.orderConfirmation.fnbConfirmation .orderHeader{padding-bottom:1.5rem}.orderConfirmation.fnbConfirmation .orderHeader h3{text-align:left}.orderConfirmation.fnbConfirmation .orderHeader .animationThankyou{position:absolute;left:-5rem;top:-1.5625rem;margin:0}.orderConfirmation.fnbConfirmation .orderHeader .statusAnimation label{display:none}.orderConfirmation .trackDeliveryWrap{display:flex;margin-bottom:1.5rem}.orderConfirmation .statusIcon{display:none;width:44px;height:44px;border-radius:22px;top:2rem;left:-60px;right:inherit}.orderConfirmation.orderRejected{box-shadow:-2px -1px 5px 0 rgba(220,70,75,.57);border:2px solid #c60101}.orderConfirmation.orderRejected .orderHeader{background:none}.orderConfirmation.Initiated,.orderConfirmation.Pending{box-shadow:-2px -1px 5px 0 rgba(235,152,69,.57);border:2px solid #eb9845;background:#fff}.orderConfirmation.Initiated .orderHeader,.orderConfirmation.Pending .orderHeader{background:none}.orderConfirmation.Cancelled{box-shadow:-2px -1px 5px 0 rgba(220,70,75,.57);border:2px solid #c60101;background:#fff}.orderConfirmation.Cancelled .orderHeader{background:none}.orderConfirmation.Cancelled .orderHeader .statusIcon{background-color:#c60101}.orderConfirmation.Cancelled .orderHeader .statusIcon .icon-partial{display:none}.orderConfirmation.Cancelled .orderHeader .statusIcon .icon-cross{display:flex}.orderConfirmation.Cancelled .orderHeader .statusIcon i{color:#fff}.orderConfirmation .orderProcess{width:55%}.orderConfirmation .orderHeader{padding:0 0 1.5rem;position:relative;background:none;color:#333;margin:0}.orderConfirmation .orderHeader h3{font-size:2rem;max-width:none}.orderConfirmation .orderHeader figure{display:none}.orderConfirmation .orderHeader p{font-size:1rem;color:#666;width:100%}.orderConfirmation .orderHeader p span{color:#222}.orderConfirmation .orderHeader .animationThankyou{width:100px;height:100px;border-radius:50px;position:absolute;left:-5.9375rem;top:-.875rem;display:flex;align-items:center;justify-content:center;z-index:-1}.orderConfirmation .orderDetails{flex-direction:row;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;margin-bottom:1.5rem;justify-content:space-between}.orderConfirmation .orderDetails .orderItems{width:100%;display:flex;justify-content:space-between}.orderConfirmation .orderDetails .orderItems label{width:33.3333%;padding:2rem 2rem 2rem 0;border-bottom:1px solid #eaeaea}.orderConfirmation .orderDetails .orderItems label:nth-child(4),.orderConfirmation .orderDetails .orderItems label:nth-child(5),.orderConfirmation .orderDetails .orderItems label:nth-child(6){border-bottom:0}.orderConfirmation .orderDetails .orderItems label span{font-size:.875rem;margin-bottom:.125rem;color:#555;display:block}.orderConfirmation .orderDetails .orderItems label p{font-size:1.25rem;font-weight:600;color:#222}.orderConfirmation .orderDetails .orderItems.fnb-orderDetail{justify-content:flex-start}.orderConfirmation .orderDetails .orderItems.fnb-orderDetail label{width:auto;padding-right:3.5625rem}.orderConfirmation .orderDetails .orderItems.fnb-orderDetail label:first-child{width:100%}.orderConfirmation .orderDetails .orderItems.fnb-orderDetail label:last-child{padding-right:0}.orderConfirmation .orderDetails .orderItems.duty-orderDetail label{width:69%}.orderConfirmation .orderDetails .orderItems.duty-orderDetail label:nth-child(2n){width:30%}.orderConfirmation .orderDetails .barCode{margin:0;max-width:17.875rem;width:100%}.orderConfirmation .orderDetails .barCode.duty-barcode{max-width:21.25rem}.orderConfirmation .orderDetails .barCode p{color:#222;max-width:100%;line-height:1.4}.orderConfirmation .orderDetails .barCode p+p{padding-top:8px}.orderConfirmation .orderDetails .barCode figure{padding:.25rem;width:8.125rem;height:8.125rem;border:1px solid #eaeaea}.orderConfirmation .orderDetails .barCode figure img{width:100%}.orderConfirmation footer{display:flex;align-items:center;flex-direction:row}.orderConfirmation footer p{font-size:.875rem;color:#555}.orderConfirmation footer p br{display:inline-block}.orderConfirmation footer .btn{margin:0 0 0 2rem;position:inherit;transform:inherit;left:inherit}.orderConfirmation footer .map{background:none;width:auto;height:inherit;margin:0}.orderConfirmation footer .map img{display:none}}.scanner-message{margin-top:.75rem;border-radius:.25rem;padding:12px 20px;background-color:#fff6e8;width:-moz-fit-content;width:fit-content;font-size:.9375rem;line-height:1}@media(max-width:991px){.scanner-message{line-height:1.2;display:flex;align-items:center;margin-bottom:1.25rem;font-size:.8125rem}}.scanner-message i{font-size:1.375rem;margin-right:.625rem;line-height:0;font-weight:700}.relative{position:relative}.failed-refund{margin-top:2.5rem;margin-bottom:2.5rem;padding:20px 16px;border-radius:4px;background-color:#f4f9ff}.failed-refund h4{font-size:1rem;margin-bottom:.625rem;font-weight:600}.failed-refund p{font-size:.875rem;line-height:1.2}.tableNo{background-color:#ffd866;padding:0 .625rem;font-size:.875rem;font-weight:600;min-height:1.625rem;line-height:1.625rem;border-radius:.25rem;display:inline-block}