@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");.custom-modal-backdrop{background-color:rgba(0,0,0,.325);z-index:1400}.custom-modal-backdrop .modal{padding:0}.custom-modal-backdrop .modal-content{border-radius:20px}.wide-modal{max-width:900px;width:95%;margin:0 auto}.loginmodal{padding:20px;display:grid;grid-template-columns:50% 50%;height:400px;grid-gap:20px;gap:20px;position:relative}.loginmodal-sec2{margin-right:20px;display:flex;flex-direction:column;justify-content:space-between}.loginmodal-text1{font-family:Roboto Flex,sans-serif;font-size:22px;font-weight:700}.loginmodal-text2{font-family:Roboto Flex,sans-serif;margin-top:20px}.loginmodal-input{width:100%;border-radius:10px;height:40px;padding-left:10px;padding-right:5px;border:1px solid #a2cfa9;display:flex;justify-content:flex-start;align-items:center;margin-top:30px}.loginmodal-input-icon{display:flex;justify-content:center;align-items:center}.loginmodal-input input{width:100%;height:100%;border:none;background-color:transparent;border-radius:10px;padding-left:10px;font-family:Roboto Flex,sans-serif}.loginmodal-input input::placeholder{font-family:Roboto Flex,sans-serif}.loginmodal-input input:active,.loginmodal-input input:focus{outline:none}.loginmodal-button{width:100%;border-radius:10px;margin-top:20px;background-color:lightgray;display:flex;justify-content:center;align-items:center;height:40px;cursor:pointer;font-family:Roboto Flex,sans-serif;font-weight:700;color:white}.loginmodal-button.enabled{background-color:#19a64d;color:white}.loginmodal-or{display:flex;justify-content:center;align-items:center;font-family:Roboto Flex,sans-serif;font-size:13px;margin-top:30px;gap:10px}.loginmodal-or-div1{height:1px;background-color:#a2cfa9;width:50%}.loginmodal-options{gap:20px;margin-top:10px}.loginmodal-options,.loginmodal-options1{display:flex;justify-content:center;align-items:center}.loginmodal-options1{width:30px;height:30px;background-color:#19a64d;border-radius:50%;cursor:pointer;color:white}.loginmodal-options-text1{text-align:center;margin-top:10px}.loginmodal-options-text1,.loginmodal-otp-text1{font-size:13px;font-family:Roboto Flex,sans-serif}.loginmodal-otp-text1{margin-top:30px}.loginmodal-otp-text2{font-weight:700}.loginmodal-otp-text3{margin-top:10px;font-family:Roboto Flex,sans-serif;font-weight:700;font-size:13px;display:flex;justify-content:center;align-items:center;color:gray}.loginmodal-otp-text4{text-align:center;cursor:pointer}.loginmodal-otp-input-container{margin-top:10px;display:flex;justify-content:flex-start;align-items:center;gap:10px}.loginmodal-otp-input-box{width:40px;height:40px;text-align:center;font-size:24px;border:none;border-bottom:1px solid black;background-color:white}.loginmodal-otp-input-box:active,.loginmodal-otp-input-box:focus{outline:none;border:none;border-bottom:1px solid #19a64d}.loginmodal-invalid{margin-top:10px;font-family:Roboto Flex,sans-serif;font-weight:700;font-size:13px;color:tomato}.loginmodal-closeicon{position:absolute;right:10px;top:-40px;height:35px;width:35px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:white;cursor:pointer}@media (max-width:1024px){.loginmodal{grid-template-columns:1fr;height:-moz-fit-content;height:fit-content}.loginmodal-sec2{margin-right:0}}@media (min-width:1024px){.loginmodal-input:hover{border:1px solid #19a64d}.loginmodal-button:hover{background-color:lightgray;color:white}.loginmodal-button.enabled:hover,.loginmodal-options1:hover{background-color:#19a64d;color:white}.loginmodal-otp-text4:hover{color:#19a64d;text-decoration:underline}}