.app-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f0f0;font-family:Poppins,sans-serif}html,body{height:100%;margin:0}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/bg-D05eUN8O.png);background-size:cover;background-position:center;background-repeat:no-repeat}.background-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;pointer-events:none}.content-box{position:relative;background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;text-align:left;width:90%;max-width:400px}.input-field label{display:block}.input-field-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.input-field-row .input-field{flex:1}.input-field input{width:87%;padding:8px;border:1px solid #ccc;border-radius:5px}.input-field select{width:94%;padding:8px;border:1px solid #ccc;border-radius:5px;margin-left:-5px}.input-field-num-loc input{width:85%;padding:8px;border:1px solid #ccc;border-radius:5px;font-size:17px;margin-left:20px}.input-field-num-loc label{display:block;margin-bottom:5px}.button-group{display:flex;flex-direction:column;margin-bottom:15px;margin-top:10px;margin-left:20px}.button-group button{padding:10px;border:none;border-radius:5px;cursor:pointer;position:relative;margin:4px 15px 4px -1px}.button-group button.selected{background-color:#eaffc8;color:#000}.button-group2{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px}.button-group2 button{flex:1 1;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;cursor:pointer;position:relative;margin:4px 15px 4px -1px}.button-group2 button.selected{color:#000;border:2px solid #d62828;background:#ffecec}.next-button{width:92%;padding:10px;border:none;border-radius:5px;background-color:brown;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:5px}.favorites-section{margin-top:20px}.favorite-options{display:flex;flex-wrap:wrap;justify-content:space-between}.favorite-box{flex:1 1;padding:10px;border:1px solid #ccc;background-color:#f9f9f9;border-radius:5px;cursor:pointer;text-align:center;position:relative;font-size:13px;margin:4px 15px 4px -1px}.favorite-box.selected{color:#000;border:2px solid #d62828;background:#ffecec}.nxt-btn{display:flex;align-items:center;justify-content:center}.btn-emoji{font-size:15px}.check-icon{color:#fff;top:-15%;right:-3px;position:absolute;background-color:#03652b;border-radius:50%;font-size:15px}.welcome-text{text-align:center;margin-top:-1px}.sub-text{font-size:13px;text-align:center;color:#555}.asterisk{color:red;position:absolute;margin-left:2px}.route-link{text-decoration:none}.landing-logo{display:flex;align-items:center;justify-content:center}.landing-logo img{width:70px;display:flex;align-items:center;justify-content:center;border-radius:50%}.term-checkbox{display:flex}.otp-input{display:flex;justify-content:space-between;margin-bottom:15px;margin-left:-10px}.otp-input input{width:50px;height:50px;font-size:24px;text-align:center;border:1px solid #ccc;border-radius:5px}.privacy-landing{font-size:12px;color:#888;margin-top:10px;display:flex;align-items:center;justify-content:center}.privacy-note{text-align:center;font-size:.85rem;color:#555;margin-top:1rem}@media (max-width: 768px){.content-box{margin-top:-50px;width:85%}}.spinner{border:4px solid rgba(0,0,0,.1);width:24px;height:24px;border-radius:50%;border-left-color:#000;animation:spin 1s ease infinite;margin:10px auto;top:50%;left:45%;position:absolute;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body,html{margin:0;padding:0;height:100%;width:100%;font-family:Open Sans,sans-serif}.profile-page{display:flex;height:100vh;font-family:Inter,sans-serif}.profile-left{flex:2;display:flex;flex-direction:column;background-color:#f1f2f9;padding:20px;border-top-right-radius:10px;border-bottom-right-radius:10px;position:relative;font-family:Inter,sans-serif}.profile-right{flex:.6;display:flex;flex-direction:column;gap:10px;background-color:#fff;padding:20px;border-top-left-radius:10px;border-bottom-left-radius:10px;transition:transform .3s ease}.profile-right.open{transform:translate(0)}.profile-right-header{display:flex;justify-content:flex-end}.close-icon{font-size:24px;cursor:pointer;display:none}.additional-info .info-input{display:flex;flex-direction:column;gap:3px;margin-bottom:5px}.additional-info .info-input label{color:#888;margin-top:5px;font-size:14px}.additional-info .info-input input{border:none;font-weight:600;font-size:16px;margin-top:-2px}.imp-star{color:red}.about-top{display:flex;align-items:center;justify-content:center;margin-top:-35px;color:#888;font-size:16px}.brand-logo{display:flex;align-items:center;justify-content:center;width:80px;border-radius:50%}.gender-selection button{border:none;color:#000;background-color:#fff;font-weight:600;font-size:16px}.logout-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:auto;margin-bottom:0}.logout-btn button{width:100%;padding:7px 15px;cursor:pointer;border-radius:10px;border:none;background-color:#f44336;font-size:15px;color:#fff;display:flex;align-items:center;justify-content:center}.logout-icon{font-size:20px;font-weight:600;margin-left:5px}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px}.show-text{font-size:18px;font-weight:600}.dropdown{width:150px;margin-left:10px;padding:8px 5px;font-weight:600;border-radius:10px;font-size:15px}.notification-content{flex-grow:1;border-radius:10px;padding:20px 0 0;font-size:18px;color:#333;display:flex;flex-direction:column;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;z-index:1}.notifications-list{flex-grow:1;overflow-y:auto;scroll-behavior:smooth;padding-right:10px;margin-left:10px;border-radius:10px}.notification{border:1px solid #ddd;padding:10px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;background-color:#fff;margin-bottom:10px;border-radius:10px}.notification-details{display:flex;flex-direction:column}.notification h4{margin:5px 0 0}.notification p{margin:5px 0 0;flex-grow:1;width:75%;padding-left:15px;font-size:15px}.drink-span{margin-top:10px}.right-div{align-self:flex-end;display:flex;flex-direction:column;margin-top:-30px}.chat-button{background-color:#c02b2b;color:#fff;border:none;border-radius:25px;padding:10px;cursor:pointer;align-self:flex-end;width:120px}.chat-icon{margin-bottom:-3px}.message-content p{margin:0;word-break:break-word}.message{display:flex;flex-direction:column;margin:5px 0;max-width:70%;padding:10px;border-radius:10px;position:relative;word-wrap:break-word;white-space:pre-wrap}.message.sent{align-self:flex-end;background-color:#dcf8c6}.message.received{align-self:flex-start;background-color:#fff;border:1px solid #ddd}.message-content{display:flex;justify-content:space-between;align-items:flex-end}.message p{margin:0;word-wrap:break-word}.message-time{font-size:10px;color:#999;margin-left:5px}.hamburger-icon{display:none;font-size:24px;cursor:pointer;position:fixed;top:20px;left:20px;z-index:1000}.logout-link{text-decoration:none}.gender-icon{color:#fff;top:-15%;right:-5px;background-color:#03652b;border-radius:50%;font-size:15px;margin-left:55px;margin-bottom:-15px;z-index:1}.date-header{display:flex;justify-content:center;align-items:center;padding:5px 15px;background-color:#ececec;border-radius:20px;font-size:12px;color:#666;width:fit-content;margin:20px 0 20px 40%}.chat-area{display:flex;flex-direction:column;align-items:flex-start}.no-messages-text{font-size:30px;color:#000;text-align:center;font-weight:600}.initial-circle{width:40px;height:40px;border-radius:50%;background-color:#d3d3d3;color:#000;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;margin-bottom:-45px}.user-name{width:80px;height:80px;border-radius:50%;background-color:#d0d0d0;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:28px;font-weight:600}.user-div{display:flex;justify-content:center;align-items:center;margin-top:-20px}.user-name-text{text-align:center;margin-top:-20px;font-weight:600;font-size:25px}@media (max-width: 1000px){.profile-right{position:fixed;top:0;left:0;height:100%;z-index:1000;transform:translate(-100%)}.profile-right.open{transform:translate(0);width:75%}.hamburger-icon,.close-icon{display:block}.chat-button{position:relative;margin-top:0}.logout-btn{margin-bottom:40px}.brand-logo{width:150px}}.about-location{display:flex;align-items:center;justify-content:center;color:#888}@media (max-width: 768px){.notification-header{display:flex;align-items:center;justify-content:center}.notification-header h1{font-size:15px}.show-text{font-size:15px;margin-left:5px}.dropdown{width:125px;padding:8px 5px;font-weight:600;border-radius:20px;font-size:14px;margin-right:10px}}.messaging-container{position:fixed;bottom:0;right:20px;width:300px;z-index:1000;transition:bottom .3s ease}.messaging-container.open{bottom:0}.messaging-container.open .up-arrow{display:none}.messaging-container.open .down-arrow{display:block}.messaging-strip{background-color:#fff;border:1px solid #ddd;padding:15px 20px;box-shadow:0 4px 8px #0003;cursor:pointer;display:flex;align-items:center}.search-icon{position:absolute;margin:10px 0 0 5px}.up-arrow{margin-left:auto}.down-arrow{margin-left:auto;display:none}.messaging-list{background-color:#fff;border:1px solid #ddd;border-top:none;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column}.messaging-list-header input{width:91%;padding:10px 0 10px 25px;border:1px solid #ddd;border-radius:5px}.messaging-list-content{max-height:300px;overflow-y:auto}.messaging-list-item{padding:0 10px;border-bottom:1px solid #ddd;cursor:pointer}.messaging-list-item:hover{background-color:#f0f0f0}@media (max-width: 1000px){.profile-right{position:fixed;top:0;left:0;height:100%;z-index:1000;transform:translate(-100%)}.profile-right.open{transform:translate(0)}.hamburger-icon,.close-icon{display:block}.chat-button{position:relative}.logout-btn{bottom:50px}.profile-right{width:90%}}@media (max-width: 768px){.notification-header{display:flex;align-items:center;justify-content:center}.notification-header h1{font-size:15px}.show-text{font-size:15px;margin-left:5px}.dropdown{padding:8px 5px;font-weight:600;border-radius:20px;font-size:15px;margin-right:10px}.messaging-container.open{height:250px}}.chat-window{position:fixed;bottom:0;right:20px;width:350px;max-width:100%;height:380px;background-color:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;z-index:9999}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#000;color:#fff;border-bottom:1px solid #ddd}.chat-header h4{margin:0;font-size:1.2rem}.close-button{background:none;border:2px solid white;border-radius:50%;font-size:15px;font-weight:700;cursor:pointer;color:#fff!important;display:flex;align-items:center;justify-content:center;height:30px;width:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.chat-area{flex:1;padding:16px;overflow-y:auto;background-color:#fff}.chat-no-messages-text{text-align:center;color:#777;font-size:25px}.chat-input{display:flex;padding:10px;border-top:1px solid #ddd;background-color:#fff}.chat-input input{flex:1;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:20px;outline:none;font-size:17px}.send-button{margin-left:10px;font-size:15px;background-color:#007bff;color:#fff;border:none;border-radius:50%;cursor:pointer;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.feedback{display:flex;align-items:center;justify-content:center;width:100%}.feedback button{background-color:#e0f2f1;color:#000;border:none;border-radius:8px;cursor:pointer;padding:10px 15px;margin-top:20px;width:100%}.profile-right-footer{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}.profile-right-footer .brand-logo{margin-top:auto}.feedback-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.feedback-modal-content{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 2px 10px #0000001a}.feedback-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.feedback-modal-header h2{margin:0;font-size:1.5em}.feedback-close-modal-icon{cursor:pointer;font-size:1.2em}.feedback-modal-body{display:flex;flex-direction:column;align-items:center}.feedback-label{display:flex;align-items:center;justify-content:start}.feedback-dropdown{width:40%;padding:10px;margin:0 0 0 10px;border:1px solid #ccc;border-radius:4px}.feedback-textarea{width:100%;height:100px;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px;resize:none}.feedback-char-count{align-self:flex-end;font-size:.9em;color:#888}.feedback-submit-button{padding:10px 20px;background-color:red;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:10px}@media (max-width: 768px){.feedback-modal-content{width:90%}}@media (max-width: 768px){.chat-window{width:100%;height:50%;bottom:0;right:0;left:0;border-radius:0}.chat-header h4{font-size:1rem}.chat-input input{font-size:17px}.send-button{font-size:1rem}}@media (max-width: 480px){.chat-input{padding:8px}.chat-header{padding:8px 20px}.chat-input input{padding:16px}.send-button{padding:8px 12px;margin-top:5px}.right-div{margin-top:-18px}}.location-input-container{position:relative}.location-icons{display:flex;gap:5px;justify-content:flex-end;margin-top:5px;margin-bottom:-33px}.icon-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-circle.green{background-color:green}.icon-circle.red{background-color:red}.save-icon,.cancel-icon{color:#fff;font-size:14px}.phone-input-container{position:relative}.change-number{position:absolute;right:10px;top:100%;transform:translateY(-50%);color:#007bff;cursor:pointer;font-size:14px;margin-top:10px;text-decoration:underline}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;width:80%;max-width:400px;box-shadow:0 2px 10px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;text-align:center;flex-grow:1}.close-modal-icon{cursor:pointer;font-size:20px;color:#333}.modal-content label{display:block;margin-top:10px}.modal-content input{width:90%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:4px}.modal-content button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;color:#fff;background-color:green}.center-button{display:block;margin:20px auto 0}@media screen and (max-width: 480px){.modal-content{margin-top:-170px}}.status-dot{height:10px;width:10px;border-radius:50%;display:inline-block;margin-left:5px}.status-dot.online{background-color:green}.status-dot.offline{background-color:gray}.active-dot{height:10px;width:10px;border-radius:50%;display:inline-block;margin-right:5px}.active-dot.green{background-color:green}.active-dot.grey{background-color:gray}.blinking-text{animation:blink-animation 1s steps(2,start) infinite;-webkit-animation:blink-animation 1s steps(2,start) infinite;color:red;font-weight:700}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}.terms-container{font-family:Open Sans,sans-serif;max-width:800px;margin:20px auto;padding:20px;border-radius:8px}.term-top{display:flex;align-items:center;justify-content:start;position:fixed;width:100%;background-color:#fff}.term-top img{width:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-left:20px}.terms-header{color:#fff;padding:20px;text-align:center;top:0;z-index:10;height:350px;background-image:url(/assets/termsbg-DOhjGOiK.jpg);background-size:100% 100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.terms-header h1{margin:0;font-size:24px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:600px;width:50%;text-align:center;color:#000}.terms-content{padding:20px}.terms-content h2{color:#333}.terms-content h3{color:#000}.terms-content p,.terms-content ul{line-height:1.6;margin-bottom:15px}.terms-content ul{padding-left:20px}@media (max-width: 768px){.terms-container{padding:15px}.terms-header h1,.terms-content h2{font-size:20px}.terms-content h3{font-size:18px}}@media (max-width: 480px){.terms-container{padding:10px}.terms-header h1,.terms-content h2{font-size:18px}.terms-content h3{font-size:16px}}.policy-container{font-family:Open Sans,sans-serif;max-width:800px;margin:20px auto;padding:20px;overflow-y:hidden}.policy-top{display:flex;align-items:center;justify-content:start;position:fixed;width:100%;background-color:#fff}.policy-top img{width:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-left:20px}.policy-header{color:#fff;padding:20px;text-align:center;top:0;z-index:10;height:350px;background-image:url(/assets/termsbg-DOhjGOiK.jpg);background-size:100% 100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.policy-header h1{margin:0;font-size:24px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:600px;width:50%;text-align:center;color:#000}.policy-content{padding:20px}.policy-content h3{color:#000}.policy-content p,.policy-content ul{line-height:1.6;margin-bottom:15px}.policy-content ul{padding-left:20px}@media (max-width: 768px){.policy-container{padding:15px}.policy-header h1{font-size:20px}.policy-content h3{font-size:18px}}@media (max-width: 480px){.policy-container{padding:10px}.policy-header h1{font-size:18px}.policy-content h3{font-size:16px}}