.location-input-container{position:relative;width:100%;max-width:400px}.location-input{width:100%;padding:10px 40px 10px 12px;font-size:16px;border:1px solid #ccc;border-radius:8px;outline:none}.location-input:focus{border-color:#3b82f6;box-shadow:0 0 4px rgba(59,130,246,.4)}.map_input{width:100%;padding:8px 30px 8px 35px;border-radius:15px;border:1px solid #e6e6e6;font-size:14px;color:black;background-color:white;outline:none}.map_input:focus,.map_input:focus-visible{border:1px solid #e6e6e6;outline:none}.location-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#2563eb;font-size:18px;display:flex;align-items:center;justify-content:center}.location-btn:hover{color:#1d4ed8}.map_left{background-color:#ff0000;position:relative;width:25%}.map_left,.map_parent{height:100vh;top:0;left:0}.map_parent{position:absolute;display:flex;flex-direction:column;align-items:center;width:24%;background-color:white;padding:20px 20px 0;gap:10px}@media (max-width:765px){.map_input{width:100%;padding:8px 30px 8px 35px;border-radius:10px;border:1px solid #e6e6e6;font-size:14px;color:black;background-color:white;outline:none}.map_parent{position:absolute;top:65px;left:0;display:flex;flex-direction:column;align-items:center;width:100%;background-color:transparent;height:95vh;padding:20px 10px 0;gap:10px}}@media (min-width:767px) and (max-width:1024px){.map_parent{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;width:40%;background-color:white;height:100vh;padding:20px 20px 0;gap:30px}}