@import url(https://fonts.googleapis.com/css?family=Roboto:300);.login-page{display:flex;justify-content:center;align-items:center;height:99vh}.form{position:relative;z-index:1;background:#fff;width:100%;max-height:100%;box-sizing:border-box;padding:50px;text-align:center;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);overflow-y:auto}.form input{background:#f2f2f2;margin:0 0 15px;box-sizing:border-box}.form button,.form input{width:100%;font-family:Roboto,sans-serif;outline:0;border:0;padding:15px;font-size:16px}.form button{text-transform:uppercase;background:#4caf50;color:#fff;transition:all .3 ease;cursor:pointer}.form button:active,.form button:focus,.form button:hover{background:#43a047}.form .message{margin:15px 0 0;color:#b3b3b3;font-size:12px}.form .message a{color:#4caf50;text-decoration:none}.form .register-form{display:none}.container,.main-container{display:flex;justify-content:center;align-items:center}.main-container{background:#76b852;background:#8dc26f;background:linear-gradient(90deg,#8dc26f,#76b852 50%);font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0;align-content:center;height:100%}span{text-align:left;float:left;margin:0 0 15px;font-size:16px;cursor:pointer;font-family:Roboto}h1,span{text-transform:uppercase;color:#b3b3b3;font-weight:700}h1{margin:0 0 30px;font-size:clamp(1.25rem,1.75vw,1.75rem);font-family:sans-serif}.form-container{position:relative;z-index:1;background:#fff;width:100%;max-width:500px;padding:50px;text-align:center;margin:0 auto;box-sizing:border-box;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24)}.box input,.box textarea{font-family:Roboto,sans-serif;outline:0;background:#f2f2f2;width:100%;border:0;margin:0 0 15px;padding:10px;box-sizing:border-box;font-size:16px}.box label{float:left;margin-bottom:10px;font-weight:700;font-size:16px;color:#676767}#appointmentForm button{font-family:Roboto,sans-serif;text-transform:uppercase;outline:0;background:#4caf50;width:100%;border:0;padding:15px;color:#fff;font-size:16px;transition:all .3 ease;cursor:pointer}#appointmentForm button:active,#appointmentForm button:focus,#appointmentForm button:hover{background:#43a047}@media only screen and (max-width:450px){.login-page{width:80%}.form{padding:20px}}@media (min-width:400px){.form-container{max-width:450px}}@media (min-width:600px){.form-container{max-width:600px}.tenor-gif-embed{width:100%}}@media (min-width:768px){.form-container{max-width:800px}}@media (min-width:1024px){.form-container{max-width:1000px}}.pgButton{font-family:Roboto,sans-serif;text-transform:uppercase;outline:0;background:#4caf50;width:100%;border:0;padding:15px;color:#fff;font-size:16px;transition:all .3 ease;cursor:pointer}.pgButton:active,.pgButton:focus,.pgButton:hover{background:#43a047}.PaymentGateway{padding:15px}#successGif{display:flex;justify-content:center;align-items:center;max-width:100vw;max-height:100vh;box-sizing:border-box;max-width:500px;margin:0 auto}#successGif,dotlottie-player{width:100%;height:100%}@media (min-width:600px){.tenor-gif-embed{width:100%}}button:hover{background-color:#45a049}@media only screen and (max-width:600px){.form-container{width:80%}}#otpResendDisplay{color:#45a049;font-weight:bolder;cursor:pointer}.OTPResend{display:flex;flex-direction:row;justify-content:space-between}.paymentGateway{display:flex;flex-direction:column;padding:10px 100px;align-items:center}.Email{float:left;margin-bottom:10px;font-weight:700;font-size:16px;color:#676767}.Email input{font-family:Roboto,sans-serif;outline:0;background:#f2f2f2;width:100%;border:0;margin:0 0 15px;padding:10px;box-sizing:border-box;font-size:16px}.box1{display:flex;flex-direction:row;gap:10px}.logo{height:60%;width:60%}.logo,.logo2{padding-bottom:30px;top:30px;left:30px}.logo2{height:20%;width:20%}