.sales_container{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px 0}.divider{border:.5px solid var(--divider);width:100%;margin:10px 0}.sales_info{max-width:600px;overflow:auto}.sales_body{padding:30px 20px}.sales_container a{text-decoration:underline;font-weight:700}.sales_ack span{cursor:pointer;color:var(--red);font-weight:700;text-decoration:underline}.sales_thanks{box-shadow:0 2px 10px #00000040;border-radius:10px;z-index:10000;background-color:#fff}.sales_ack_body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px 20px}.sales_thanks_modal{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#00000080}.sales_ack_title{font-weight:400;font-size:24px;text-align:center;margin-top:10px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body,html,#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.d-flex{display:flex}.d-column{flex-direction:column}.h-center{justify-content:center}.v-center{align-items:center}.flex-1{flex:1}.text-center{text-align:center}.h-full{height:100%}.mv-10{margin:10px 0}.mv-20{margin:20px 0}.mv-30{margin:30px 0}.mv-50{margin:50px 0}.mv-40{margin:40px 0}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.header{background-color:var(--red);height:50px}.loading-container{display:block;text-align:center}.loading{pointer-events:none;margin-top:26px}@media (prefers-reduced-motion: no-preference){.loading{animation:App-logo-spin infinite 2s linear}}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.splash-content{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;background:url(/assets/splash-BFn6S91B.png) no-repeat 100% 50% / cover;padding:40px 0;height:100%}.splash-content h1{margin-top:48px}.splash-content h2{margin-top:60px}@media (max-width: 768px){.splash-logo{width:60%}}.footer-container{padding:20px;background-color:var(--gray)}.footer-container h5{text-align:center;font-weight:500;letter-spacing:.2px}.footer-container span{text-decoration-line:underline}.footer-container a{color:#000}:root{--red: #e21e2d;--blue: #0572d6;--gray: #eeeeee;--green: #9fed93;--light-green: #019c2c;--white: #ffffff;--green-border: #73b786;--whiteGray: #f5f5f5;--brown: #545454;--light-red: #fcc3c3;--yellow: #efdc2c;--light-yellow: #faf5c2;--divider: #b3b3b3}.main-container{height:100%;display:flex;flex-direction:column}.content{overflow:auto;flex:1}a{color:var(--red)}.journey-container{height:100%}.container{display:flex}@media (max-width: 768px){.container{flex-direction:column}.logo{width:80%}}.customer_detail{flex:.6}.tracking_info{flex:.4;padding:25px}.status-container{margin:20px;border:1px solid #d8d3d3;background:#f8f8f8;box-shadow:0 2px 4px #00000040;padding:20px}@media (min-width: 1000px){.status-container{margin:50px 10%}.tracking_info{padding-right:100px}}.status-container h1{color:var(--red)}.status-container .text-center{border-bottom:1px solid var(--brown);padding-bottom:20px;margin-bottom:10px}.consumer-detail .d-flex{margin:5px 0}.consumer-detail h4:first-child{font-weight:500}.consumer-detail h4{font-weight:300;flex:1;font-size:12px;word-break:break-all}.tracking-dot{width:25px;height:25px;background-color:var(--green);border-radius:15px;padding:2px}.tracking-dot-active{border:3px solid var(--green-border)}.tracking-inactive{background-color:var(--white);border:3px solid var(--gray)}.tracking-dot-error{background-color:var(--light-red);border:3px solid var(--red);margin-left:2px}.tracking-dot-warning{background-color:var(--light-yellow);border:3px solid var(--yellow)}.ant-timeline-item-label{width:calc(50% - 20px)!important;font-size:20px;inset-block-start:-10px!important}.ant-timeline-item-content{font-size:20px;font-weight:500;inset-block-start:-10px!important}@media (max-width: 768px){.ant-timeline-item-label{width:calc(50% - 20px)!important;font-size:14px;inset-block-start:-6px!important}.ant-timeline-item-content{font-size:16px;font-weight:500;inset-block-start:-6px!important}}.reached .ant-timeline-item-content,.reached .ant-timeline-item-label{opacity:.5}.tracker-card-container{border-left:4px solid var(--light-green);background:var(--whiteGray);box-shadow:0 0 5px 1px #0000001a;padding:10px}.tracker-card-container.error{border-left:4px solid var(--red)}.tracker-card-container.warning{border-left:4px solid var(--yellow)}.tracker-card-container h4,.tracker-card-container h5{color:var(--brown);font-weight:300}.tracker-card-container h5{position:absolute;top:10px;right:10px}.error-container{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}.error-container h1{margin-bottom:40px;margin-top:20px}.error-container h2{line-height:2}.background-container{background-image:url(../assets/customer-appointment-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;justify-content:center;padding:48px 20px 20px;font-family:montserrat,sans-serif}.appointment-card{background-color:#fff;max-width:776px;width:100%;max-height:fit-content;border-radius:4px;box-shadow:0 0 10px #0003;overflow:hidden}.header-bar{background-color:#e4002b;height:48px}.content{padding:24px}.content .title{font-size:36px;font-weight:700;line-height:50px;letter-spacing:0%}.content .subtitle{font-size:18px;line-height:25px;color:#000;font-weight:400;padding-bottom:30px;padding-top:20px;border-bottom:1px solid #dadada}.content .selected-date{font-size:18px;line-height:100%;color:#000;font-weight:600;letter-spacing:0%;padding-top:30px}.content .expiry-text{margin-top:30px;font-size:18px;line-height:100%;letter-spacing:0%;padding-bottom:30px;border-bottom:1px solid #dadada}.content .date-option{padding:16px;border:1px solid #ededed;margin:10px 0;text-align:center;border-radius:6px;font-weight:600;font-size:18px;line-height:120%;cursor:pointer;color:#000}.content .validation-error-msg{color:#e4002b;font-size:14px}.date-option.inactive{background-color:#ededed;color:#000;border:3px solid #ededed}.date-option.active{border:3px solid #e4002b;color:#e4002b;background-color:#ededed}.expiry-text{font-size:14px}.highlight{color:#e4002b;font-weight:600}.confirm-button{background-color:#e4002b;color:#fff;padding:14px;width:100%;border:none;border-radius:6px;font-size:16px;font-weight:600;margin-top:20px;cursor:pointer}.confirm-button:hover{background-color:#e4002b}.note{font-size:18px;font-weight:400;line-height:25px;letter-spacing:0%;margin-top:30px;color:#000}.congratulations-title{font-size:clamp(24px,5vw,36px);font-weight:700;line-height:1.4;font-family:roboto,sans-serif}.congratulations-subtitle{font-size:clamp(14px,3vw,18px);line-height:1.5;color:#000;font-weight:400;font-family:roboto,sans-serif}.expectation-title{font-size:clamp(16px,2.5vw,18px);line-height:1.4;color:#000;font-weight:600}.phone-number{font-size:clamp(14px,3vw,18px);color:#e4002b;font-weight:700;text-decoration:none}.phone-number a{text-decoration:none}.mt-24{margin-top:24px}.date-expired{border-top:1px solid #dadada;border-bottom:1px solid #dadada;padding:30px 0;margin-top:30px;font-size:15px;line-height:1.5;font-weight:600;color:#000;letter-spacing:.5px}@media (max-width: 768px){.content .title{font-size:24px;line-height:34px}.content .subtitle,.content .expiry-text,.note{font-size:14px;line-height:20px}}
