*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Nunito Sans;src:url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap);font-display:swap}:root{--main-font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--main-font-weight: normal}body,button,input,textarea,select{font-family:var(--main-font-family);font-weight:var(--main-font-weight);font-optical-sizing:auto;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{text-align:center;display:flex;justify-content:center;align-items:center;height:100vh}header{display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:#e8e8e8;width:100%;position:fixed;top:0;left:0;z-index:1000}.img-container{background:#fff;width:100%;height:50px;display:flex;align-items:center;justify-content:center}.content{margin-top:10vh;padding:20px;display:flex;justify-content:center;align-items:center}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.form{padding:2rem;width:20rem}.form button{margin:10px 0}.label{display:block;font-size:1.125rem;font-weight:600;text-align:center;margin-bottom:1rem}.input{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:.25rem;font-size:1rem;margin-bottom:1.5rem}.input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e180}.button{width:100%;padding:.75rem;background-color:#2b6cb0;color:#fff;border:none;border-radius:.25rem;font-size:1.125rem;font-weight:600;cursor:pointer}.button:hover{background-color:#2c5282}.button:focus{outline:none;box-shadow:0 0 0 3px #4299e180}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh}.loader{max-width:100%;height:auto}@media (max-width: 600px){.content{padding:10px}.form{width:100%}}.address-container{background-color:#f8f9fa;padding:10px;border-radius:5px;text-align:center;font-size:20px;font-weight:500;margin:10px 0 15px}.primary-text{color:#005e97;font-weight:600;font-size:24px;text-align:center}.secondary-text{color:#000;font-size:18px;text-align:center;margin:15px 0}.google-map{position:relative;width:"100%";height:"200px";margin-top:"10px";margin-bottom:"15px"}.get-location{color:#0057b8;font-size:14px;margin:16px 16px 16px 8px;background:none;border:none;cursor:pointer;display:flex;align-items:center;font-family:inherit;padding-left:5px}.center-container{display:flex;justify-content:center;align-items:center;width:100%}.map-wrapper{position:relative;width:100%;height:200px;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center}.static-map{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.loading-map{font-size:16px;color:#464646;display:flex;justify-content:center;align-items:center;height:200px}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#808080b3;display:flex;justify-content:center;align-items:center}.loading-text{font-size:16px;color:#fff}.form-container{max-width:400px;margin:0 auto;text-align:center}.title{color:#1c3c78;margin-bottom:10px}.subtitle{margin-bottom:20px}.input-field{width:100%;padding:10px;font-size:16px;text-align:center;border:1px solid #ccc;border-radius:4px;margin:20px 0;box-shadow:inset 0 1px 3px #0000001a;transition:border-color .3s,box-shadow .3s}.input-field:focus{border-color:#66afe9;outline:none;box-shadow:inset 0 1px 3px #0000001a,0 0 8px #66afe999}.input-field::placeholder{color:#999;font-style:italic}.text-input-field{width:100%;padding:10px;font-size:16px;text-align:center;border:1px solid #ccc;border-radius:4px;margin-bottom:20px}.text-area-field{text-align:left;min-height:150px;padding:15px;line-height:1.5;resize:vertical}.error-input{border:2px solid red}.error-message{color:#dc3545;margin-bottom:10px}.submit-button{background-color:#1c3c78;color:#fff;padding:10px 20px;font-size:18px;border:none;border-radius:4px;cursor:pointer;width:100%}.input-group{display:flex;width:100%;flex-wrap:nowrap;justify-content:space-between;margin-bottom:10px}.input-group input{display:flex;flex-direction:row;width:40%}.height-label{display:block;font-size:18px;margin-bottom:10px}.height-inputs,.weight-input{align-items:center;justify-content:center}.height-inputs,.weight-input{padding:10px;font-size:18px;border:1px solid #ccc;border-radius:4px;text-align:center;margin:0 5px}.weight-input{width:100%!important;margin-bottom:25px}.input-group label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.icon-container{margin:10px}.progress-container{display:flex;align-items:center;width:100%}.complete{background-color:#71d571}.progress-bar{flex:1;background-color:#e8e8e8;height:20px;border-radius:0;overflow:hidden;margin-right:10px}.progress{height:100%;background-color:#005e97;transition:width .3s ease;border-radius:0}.progress-percentage{white-space:nowrap;padding-right:10px}.nav-container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:#e8e8e8;width:100%;position:fixed;top:50px;left:0;z-index:1000}nav{background-color:#002f4c;width:100%;height:50px;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.nav-left{flex:1}.retry-button{display:flex;align-items:center;justify-content:center;padding:10px 0;background:none;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.retry-button svg{margin-right:8px}.stage{position:absolute;text-align:left}.steps{position:absolute;right:20px;text-align:right}.contact-container{position:fixed;width:100%;bottom:0;transition:transform .3s ease-in-out;transform:translateY(0);display:flex;flex-direction:column;align-items:center}.contact-container.open{height:100%;top:100px}.contact-button{display:flex;align-items:center;justify-content:center;background-color:#fff;border-top:1px solid #ddd;padding:10px 0;cursor:pointer;width:100%;box-shadow:0 -1px 5px #0000001a;border:none;outline:none}.contact-button-icon{margin-right:10px;font-size:1.5em;color:#0057b8}.contact-button-text{font-size:1rem;font-weight:500;color:#0057b8}.chat-container{background-color:#fff;width:100%;height:calc(100% - 100px);border-top:1px solid #ddd;box-shadow:0 -1px 5px #0000001a;display:flex;flex-direction:column}.chat-header{display:flex;padding:16px;justify-content:center;align-items:center;gap:16px;align-self:stretch;box-shadow:0 2px 4px #00000014}.chat-header h5{color:var(--Blue-700, #003f65);text-align:center;font-size:20px;font-style:normal;font-weight:700;line-height:24px}.chat-input-container{height:20vh;border-top:1px solid #eaecf0}.chat-input-container form{width:100%;height:100%;display:flex;flex-direction:column}.chat-input-container input{width:90%;margin:10px;padding:20px;border:none;text-align:left}.chat-input-container input:focus{outline:none}.chat-input-container button{width:70px;height:35px;font-size:10px;padding:unset;margin:auto 5px 10px 10px;align-self:flex-end;background:none;border:none}.chat-input-container svg{width:70px;height:35px}@media (max-width: 600px){.contact-button-text{font-size:1rem}}.text-input-field:focus-visible{outline:none}.chat-input{height:-webkit-fill-available;border:none;padding:20px;margin:0;min-height:65px}.timestamp{color:#667085;font-size:12px;font-weight:400;line-height:150%;text-align:left;display:flex;align-items:center}.timestamp.received{border-top-left-radius:0}.timestamp.sent{float:right;border-top-right-radius:0}.dot{height:5px;width:5px;background-color:#000;border-radius:50%;margin:0 5px}.chat-messages{padding:20px;flex-grow:1;overflow-y:auto}.message-container{display:flex;width:100%;height:fit-content;margin-bottom:8px}.message-container img{margin-right:5px;width:24px;height:24px}.text-container{width:fit-content;max-width:70%}.text-container.sent{margin-left:auto}.message{border-radius:15px;padding:8px 10px}.button-container{margin:10px}.button-container button{width:auto;height:auto;margin:2px;padding:5px 20px;font-size:14px;color:#000;background-color:#fff;border:2px solid #ccc;border-radius:20px;cursor:pointer;outline:none}.message.received{border-top-left-radius:0}.message.sent{background-color:#1c9ee7;border-top-right-radius:0;color:#fff}.bot-text,.agent-text{background-color:var(--Gray-100, #f2f4f7)}.event{color:var(--Gray-700, #344054);text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:24px;margin:20px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#aeaeae;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:8px;text-align:center;width:300px}.modal-content h2{font-size:1.5em;margin-bottom:10px}.modal-content p{margin-bottom:20px}.modal-content-error{color:red;background:#f1f1f1;padding:10px;margin-bottom:20px}.modal-content button{background-color:#002b70;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1em}.modal-content button:hover{background-color:#004bb7}.banner{display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:#ddeefd;border-left:5px solid #005e97;border-radius:5px;width:fit-content;max-width:95%;position:fixed;top:130px;box-shadow:0 2px 4px #0000001a;margin:0 auto;z-index:1000;padding:12px 25px}.message span{font-weight:700}.icon{position:absolute;background:none;border:none;color:#333;font-size:16px;cursor:pointer}.info{top:6px;left:6px}.close-button{top:0;right:10px}.icon:hover{color:#000}@tailwind base;@tailwind components;@tailwind utilities;
