.custom-modal-backdrop{z-index:1400;background-color:#00000053}.custom-modal-backdrop .modal{padding:0}.custom-modal-backdrop .modal-content{border-radius:20px}.wide-modal{width:95%;max-width:900px;margin:0 auto}.loginmodal{grid-template-columns:50% 50%;gap:20px;height:400px;padding:20px;display:grid;position:relative}.loginmodal-sec2{flex-direction:column;justify-content:space-between;margin-right:20px;display:flex}.loginmodal-text1{font-family:Roboto Flex,sans-serif;font-size:22px;font-weight:700}.loginmodal-text2{margin-top:20px;font-family:Roboto Flex,sans-serif}.loginmodal-input{border:1px solid #a2cfa9;border-radius:10px;justify-content:flex-start;align-items:center;width:100%;height:40px;margin-top:30px;padding-left:10px;padding-right:5px;display:flex}.loginmodal-input-icon{justify-content:center;align-items:center;display:flex}.loginmodal-input input{background-color:#0000;border:none;border-radius:10px;width:100%;height:100%;padding-left:10px;font-family:Roboto Flex,sans-serif}.loginmodal-input input::placeholder{font-family:Roboto Flex,sans-serif}.loginmodal-input input:focus,.loginmodal-input input:active{outline:none}.loginmodal-button{cursor:pointer;color:#fff;background-color:#d3d3d3;border-radius:10px;justify-content:center;align-items:center;width:100%;height:40px;margin-top:20px;font-family:Roboto Flex,sans-serif;font-weight:700;display:flex}.loginmodal-button.enabled{color:#fff;background-color:#19a64d}.loginmodal-or{justify-content:center;align-items:center;gap:10px;margin-top:30px;font-family:Roboto Flex,sans-serif;font-size:13px;display:flex}.loginmodal-or-div1{background-color:#a2cfa9;width:50%;height:1px}.loginmodal-options{justify-content:center;align-items:center;gap:20px;margin-top:10px;display:flex}.loginmodal-options1{cursor:pointer;color:#fff;background-color:#19a64d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.loginmodal-options-text1{text-align:center;margin-top:10px;font-family:Roboto Flex,sans-serif;font-size:13px}.loginmodal-otp-text1{margin-top:30px;font-family:Roboto Flex,sans-serif;font-size:13px}.loginmodal-otp-text2{font-weight:700}.loginmodal-otp-text3{color:gray;justify-content:center;align-items:center;margin-top:10px;font-family:Roboto Flex,sans-serif;font-size:13px;font-weight:700;display:flex}.loginmodal-otp-text4{cursor:pointer;text-align:center;cursor:pointer}.loginmodal-otp-input-container{justify-content:flex-start;align-items:center;gap:10px;margin-top:10px;display:flex}.loginmodal-otp-input-box{text-align:center;background-color:#fff;border:none;border-bottom:1px solid #000;width:40px;height:40px;font-size:24px}.loginmodal-otp-input-box:focus,.loginmodal-otp-input-box:active{border:none;border-bottom:1px solid #19a64d;outline:none}.loginmodal-invalid{color:tomato;margin-top:10px;font-family:Roboto Flex,sans-serif;font-size:13px;font-weight:700}.loginmodal-closeicon{cursor:pointer;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute;top:-40px;right:10px}@media (max-width:1024px){.loginmodal{grid-template-columns:1fr;height:fit-content}.loginmodal-sec2{margin-right:0}}@media (min-width:1024px){.loginmodal-input:hover{border:1px solid #19a64d}.loginmodal-button:hover{color:#fff;background-color:#d3d3d3}.loginmodal-button.enabled:hover,.loginmodal-options1:hover{color:#fff;background-color:#19a64d}.loginmodal-otp-text4:hover{color:#19a64d;text-decoration:underline}}