body{min-height:100vh;background-color:var(--bg-color)}.login-container{display:flex;min-height:100vh}.login-banner{padding:60px;position:relative;height:100%;width:90%;background-size:100% 100%;background-repeat:no-repeat}.banner-bottom{position:absolute;left:50%;transform:translateX(-50%);padding:3px 12px;background-color:var(--bg-color);color:var(--primary-color);font-size:20px;font-family:var(--font-family);font-weight:600;text-align:center;margin-bottom:10px;opacity:.7;&:first-child{bottom:120px}&:nth-child(2){bottom:75px}}.slider-wrapper{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center}.slider-controls{cursor:pointer;width:10px;height:10px;background-color:#ffffff;border-radius:50%;margin:0 5px}.slider-controls.active{background-color:var(--primary-color)}.banner-image1{background-image:url(/_next/static/media/login-banner1.fd188cc8.png)}.banner-image2{background-image:url(/_next/static/media/login-banner2.d4a7b582.png)}.banner-image3{background-image:url(/_next/static/media/login-banner3.99020f8f.png)}.banner-image4{background-image:url(/_next/static/media/login-banner4.ba1ae682.png)}.login-form-wrapper{padding:20px;margin-top:140px}.form{margin-left:7px;width:60%}.form-headings{margin-top:40px;font-family:var(--font-family)}.form-headings h3{color:var(--primary-color);font-size:36px;font-weight:700}.form-headings h5{color:var(--secondary-color);margin-top:10px;font-size:25px;font-weight:600}.login-password-wrapper{display:flex;position:relative}.login-form-input{border:0;border:1px solid var(--bg-color);padding:13px 13px 13px 45px;margin:12px 0 0;border-radius:15px;width:100%;height:60px;background-color:var(--bg-color2);background-repeat:no-repeat;background-position:15px;background-size:20px 20px;&:focus{outline:none;border-color:none}}.username-input{background-image:url(/_next/static/media/username.a2589131.png)}.password-input{background-image:url(/_next/static/media/password-lock.65263e85.png)}.eye-icon{position:absolute;top:49%;right:3%;width:20px;height:16px;cursor:pointer}.forgot-label{justify-content:space-between;margin:7px 0 0 7px}.forgot-label,.keep-login{display:flex;align-items:center}.keep-login input[type=checkbox]{position:relative;width:17px;height:17px;margin-right:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-color2);border:2px solid var(--bg-color2);border-radius:3px;cursor:pointer;outline:none}.keep-login input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.keep-login input[type=checkbox]:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:5px;border-left:2px solid var(--bg-color2);border-bottom:2px solid var(--bg-color2);transform:translate(-50%,-50%) rotate(-45deg);display:none}.keep-login input[type=checkbox]:checked:after{display:block}.keep-login span{margin-right:auto}.forgot,.keep-login span{color:var(--primary-color);font-size:14px;font-family:var(--font-family);font-weight:600}.forgot{cursor:pointer}.login-btn{color:var(--bg-color);background-color:var(--primary-color);border:0;font-size:19px;display:block;margin:30px 10px 10px;padding:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;border:1px solid var(--primary-color);border-radius:15px;text-decoration:none}.login-btn,.sign-up-qs{font-family:var(--font-family);font-weight:500}.sign-up-qs{display:flex;justify-content:center;gap:7px;font-size:16px;color:var(--primary-color)}.sign-up-qs a{font-size:16px;font-weight:600;color:var(--secondary-color);cursor:pointer;text-decoration:none;&:hover{text-decoration:underline}}.error-msg{color:var(--error);font-size:12px;font-weight:500;text-transform:capitalize;text-align:center;margin-top:5px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;z-index:1050}.modal-content{background:#eef4fa;border-radius:1rem;padding:2rem 4rem;position:relative;max-width:40%;width:100%}.modal-title{color:var(--primary-color);font-size:26px;font-weight:600}.button-title{color:var(--primary-color);font-size:23px;font-weight:500}.action-btn{display:flex;align-items:center;justify-content:center;gap:15px}.add-btn{background-color:var(--primary-color);color:var(--bg-color)}.add-btn,.close-btn{border:1px solid var(--primary-color);display:flex;align-items:center;justify-content:center;gap:10px;height:45px;font-size:14px;font-weight:500;border-radius:10px;width:170px}.close-btn{background-color:transparent;color:var(--primary-color);background:none}.forgoy-password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;z-index:1050}.forgoy-password-modal-content{background:#eef4fa;border-radius:1rem;padding:2rem 4rem;position:relative;max-width:45%;width:100%}.forgoy-password-modal-title{color:var(--primary-color);font-size:26px;text-align:center;font-weight:600}.forgot-password-modal-body h6{color:var(--primary-color);font-size:14px;font-weight:500;text-align:center}.forgot-email{display:flex;align-items:center;justify-content:space-between}.forgot-email label{color:var(--primary-color);font-size:16px;font-weight:500}.forgot-email input{width:70%;border-radius:15px;border:1px solid var(--border-color);background-color:var(--bg-color);outline:none;height:50px;font-size:17px;font-weight:500;color:#282828;padding-left:25px;-webkit-appearance:none;-moz-appearance:none;appearance:none;&:focus{outline:none;border-color:none}&::placeholder{color:var(--placeholder)}}@media (max-width:1024px){.login-container{flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.col-md-7{display:none!important}.col-md-5{width:100%!important;max-width:100vw;min-height:100vh}.col-md-5,.login-form-wrapper{display:flex;align-items:center;justify-content:center}.login-form-wrapper{margin-top:-140px!important;padding-top:24px!important;padding-bottom:24px!important;width:100vw;flex-direction:column}.form{width:90%!important;margin:0 auto!important}.form-headings h3{text-align:center!important;width:100%;display:block;font-size:26px!important}.login-btn{margin:30px 0 10px!important}.forgoy-password-modal-content,.modal-content{max-width:80vw!important;width:95vw!important;padding:2rem 1.5rem!important}}@media (max-width:600px){.login-container{flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:0}.col-md-7{display:none!important}.col-md-5{width:100vw!important;max-width:100vw;padding:0}.col-md-5,.login-form-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-form-wrapper{margin-top:-120px!important;padding-top:12px!important;padding-bottom:12px!important;width:100vw;flex-direction:column}.form{width:98%!important;margin:0 auto!important;padding-left:16px!important;padding-right:16px!important}.form-headings h3{font-size:26px!important;text-align:center!important;width:100%;display:block}.login-form-input{height:48px!important;font-size:15px!important;padding-left:38px!important}.login-btn{font-size:16px!important;padding:10px!important;margin:30px 0 10px!important}.sign-up-qs{flex-direction:row!important;flex-wrap:nowrap!important;white-space:nowrap!important;justify-content:center!important;gap:7px!important;text-align:center!important}.sign-up-qs,.sign-up-qs a{font-size:14px!important}.error-msg{font-size:11px!important}.forgoy-password-modal-content,.modal-content{padding:1.2rem!important;max-width:96vw!important;width:98vw!important;margin:10px!important;border-radius:.7rem!important;box-sizing:border-box}.forgoy-password-modal-title,.modal-title{font-size:20px!important;text-align:center!important}.button-title{font-size:17px!important;text-align:center!important}.forgot-password-modal-body h6{font-size:12px!important;padding:0 2px}.forgot-email label{font-size:13px!important}.forgot-email input{font-size:14px!important;height:40px!important;padding-left:12px!important}.action-btn{flex-direction:row!important;gap:10px!important;justify-content:center!important}.add-btn,.close-btn{width:100%!important;min-width:0!important;font-size:13px!important;height:40px!important;padding:0!important}}