.page{width:100%;position:relative;padding:60px 0;display:flex;overflow:hidden;z-index:0}.page .one{display:flex;flex-direction:column;align-items:end;justify-content:center;position:relative;width:52%;z-index:10;gap:35px}.page .one .headings{display:flex;flex-direction:column;gap:20px}.page .one .headings .h2{font-size:44px;font-weight:700;color:#0eb7ff}.page .one .headings .span{font-size:23px;font-weight:400;font-family:kiteone;line-height:36px;text-align:center}.page .one .mainImg{width:525px;position:relative}.page .one .rbt{position:absolute;left:90px;top:33px;width:160px}.page .two{display:flex;align-items:center;justify-content:center;width:48%;z-index:10}.page .two .inner{display:flex;flex-direction:column;gap:14px;width:515px}.page .two .inner .notf{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border-radius:7px;box-shadow:0 2px 2px rgba(0,0,0,.1)}.page .two .inner .notf .span{font-size:16px;font-weight:400;color:#2e8d25;position:relative;display:flex;align-items:center;gap:12px}.page .two .inner .notf .span .dot{min-width:11px;min-height:11px;border-radius:100%}.page .two .inner .notf .span .green{background-image:linear-gradient(#72d46a,#2e8d25)}.page .two .inner .notf .span .red{background-image:linear-gradient(#ff201f,#fb1f1e,#f01d1c,#de1b19,#c51715,#a5130f,#95110d)}.page .two .inner .success{background:#c7eec3;border:1px solid #92bf8d}.page .two .inner .error{background:#ffd1d1;border:1px solid #fe8383}.page .two .inner .error .span{color:#db0000}.page .two .inner .form{display:flex;flex-direction:column;align-items:center;background:#f9f9f9;padding:30px 38px 22px;border-radius:20px;margin-top:10px;gap:12px;box-shadow:0 0 13px rgba(0,0,0,.5)}.page .two .inner .form .h4{font-size:30px;font-weight:600;color:#000;width:100%}.page .two .inner .form .inputBox{height:59px;width:calc(100% - 2px);border:1px solid #ccc;background-color:#fff;border-radius:8px;box-shadow:0 2px 2px rgba(0,0,0,.16);position:relative;margin-bottom:10px}.page .two .inner .form .inputBox .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%)}.page .two .inner .form .inputBox .icon2{position:absolute;top:50%;transform:translateY(-50%);right:15px;cursor:pointer}.page .two .inner .form .inputBox .input{width:82%;height:100%;background-color:transparent;border:none;padding:0 9%;font-size:19px;color:#000;outline:0}.page .two .inner .form .inputBox .input::-moz-placeholder{font-size:19px;color:#9399a3}.page .two .inner .form .inputBox .input::placeholder{font-size:19px;color:#9399a3}.page .two .inner .form .frgtCon{display:flex;align-items:center;justify-content:space-between;width:100%}.page .two .inner .form .frgtCon .lable{font-size:16px;color:#000;display:flex;align-items:center;gap:5px;cursor:pointer}.page .two .inner .form .frgtCon .lable .input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid #009fe3;border-radius:3px;background-image:linear-gradient(#44eaff,#23a6ff);position:relative;cursor:pointer}.page .two .inner .form .frgtCon .lable .input::after{content:"";position:absolute;background-image:url(https://images.theengineeringprojects.com/image/theme/main/2025/06/login-check-tick.svg);width:9px;height:7px;top:2px;left:1px;display:none}.page .two .inner .form .frgtCon .lable .input:checked::after{display:block}.page .two .inner .form .btn{font-size:20px;font-weight:600;color:#fff;background-image:linear-gradient(#ffba00,#ffa600,#ff9700,#ff8600);height:36px;width:100%;border-radius:5px;border:none;position:relative;cursor:pointer;box-shadow:0 2px 2px rgba(0,0,0,.5);margin-top:12px}.page .two .inner .form .btn:hover{box-shadow:0 4px 5px rgba(0,0,0,.5);transition:.3s}.page .two .inner .form .btn:active{font-size:21px;box-shadow:0 3px 4px rgba(0,0,0,.5);transition:.3s}.page .two .inner .form .signupCon{display:flex;align-items:center;justify-content:space-between;width:80%;padding-top:18px}.page .two .inner .form .signupCon .span{font-size:16px;color:#000;display:flex;align-items:center;gap:8px}.page .two .inner .form .signupCon .span .logo{position:relative}.page .two .inner .form .signupCon .link{font-size:25px;font-weight:600;color:#40c6ff;text-decoration:none}.page .two .inner .form .signinLabel{display:flex;align-items:center;justify-content:space-between;width:90%;padding-top:24px}.page .two .inner .form .signinLabel .line{height:2px;width:33%;background:#ccc}.page .two .inner .form .signinLabel .span{font-size:16px;color:#000}.page .two .inner .form .iconsCon{display:flex;align-items:center;gap:6px;padding-top:12px}.page .two .inner .form .iconsCon .link{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:100%;border:1px solid #ccc;background:#fff}.page .two .inner .form .iconsCon .link .icon{position:relative}@media (max-width:1750px){.page{padding:40px 0}.page .one{width:54%;gap:0;justify-content:space-around}.page .one .headings{gap:16px}.page .one .headings .h2{font-size:40px}.page .one .headings .span{font-size:21px;line-height:32px}.page .one .mainImg{width:475px}.page .one .rbt{left:45px;top:25px;width:140px}.page .two{width:46%}.page .two .inner{width:460px;gap:12px}.page .two .inner .notf{gap:4px;padding:8px 10px}.page .two .inner .notf .span{font-size:15px;gap:10px}.page .two .inner .notf .span .dot{min-width:10px;min-height:10px}.page .two .inner .form{padding:26px 26px 20px;margin-top:8px;gap:10px}.page .two .inner .form .h4{font-size:26px}.page .two .inner .form .inputBox{height:52px;margin-bottom:8px}.page .two .inner .form .inputBox .email,.page .two .inner .form .inputBox .security,.page .two .inner .form .inputBox .user{width:16px}.page .two .inner .form .inputBox .lock{width:14px}.page .two .inner .form .inputBox .icon{left:10px}.page .two .inner .form .inputBox .icon2{width:20px;right:13px}.page .two .inner .form .inputBox .input{width:84%;padding:0 8%;font-size:18px}.page .two .inner .form .inputBox .input::-moz-placeholder{font-size:18px}.page .two .inner .form .inputBox .input::placeholder{font-size:18px}.page .two .inner .form .frgtCon .lable{font-size:15px}.page .two .inner .form .btn{font-size:19px;height:34px;margin-top:8px}.page .two .inner .form .btn:active{font-size:20px}.page .two .inner .form .signupCon{width:82%;padding-top:12px}.page .two .inner .form .signupCon .span{font-size:15px;gap:6px}.page .two .inner .form .signupCon .span .logo{width:32px}.page .two .inner .form .signupCon .link{font-size:22px}.page .two .inner .form .signinLabel{width:92%;padding-top:16px}.page .two .inner .form .signinLabel .span{font-size:15px}.page .two .inner .form .iconsCon{gap:5px;padding-top:8px}.page .two .inner .form .iconsCon .link{width:30px;height:30px}.page .two .inner .form .iconsCon .link .icon{width:17px}}@media (max-width:1200px){.page{padding:30px 0}.page .one{width:50%;align-items:center}.page .one .headings{gap:12px}.page .one .headings .h2{font-size:32px;text-align:center}.page .one .headings .span{font-size:18px;line-height:28px}.page .one .mainImg{width:75%}.page .one .rbt{display:none}.page .two{width:50%}.page .two .inner{gap:10px;width:400px}.page .two .inner .notf{gap:3px;padding:7px 9px}.page .two .inner .notf .span{font-size:14px;gap:8px}.page .two .inner .notf .span .dot{min-width:9px;min-height:9px}.page .two .inner .form{padding:20px 20px 18px;margin-top:6px;gap:8px}.page .two .inner .form .h4{font-size:22px}.page .two .inner .form .inputBox{height:46px;margin-bottom:5px}.page .two .inner .form .inputBox .security,.page .two .inner .form .inputBox .user{width:15px}.page .two .inner .form .inputBox .lock{width:13px}.page .two .inner .form .inputBox .icon{left:8px}.page .two .inner .form .inputBox .icon2{width:19px;right:10px}.page .two .inner .form .inputBox .input{font-size:17px}.page .two .inner .form .inputBox .input::-moz-placeholder{font-size:17px}.page .two .inner .form .inputBox .input::placeholder{font-size:17px}.page .two .inner .form .frgtCon .lable{font-size:14px}.page .two .inner .form .frgtCon .lable .input{width:13px;height:13px}.page .two .inner .form .frgtCon .lable .input::after{background-repeat:no-repeat;background-size:100% 100%}.page .two .inner .form .btn{font-size:18px;margin-top:6px}.page .two .inner .form .btn:active{font-size:19px}.page .two .inner .form .signupCon{width:92%;padding-top:8px}.page .two .inner .form .signupCon .span{font-size:14px;gap:5px}.page .two .inner .form .signupCon .span .logo{width:30px}.page .two .inner .form .signupCon .link{font-size:20px}.page .two .inner .form .signinLabel{width:96%;padding-top:12px}.page .two .inner .form .signinLabel .span{font-size:14px}.page .two .inner .form .iconsCon{gap:4px;padding-top:6px}.page .two .inner .form .iconsCon .link{width:29px;height:29px}.page .two .inner .form .iconsCon .link .icon{width:16px}}@media (max-width:830px){.page{flex-direction:column;padding:25px 0;gap:20px}.page .one{width:calc(100% - 40px);flex-direction:row;padding:0 20px;gap:10px;justify-content:center;align-items:center}.page .one .headings{gap:10px;width:65%}.page .one .headings .h2{font-size:30px}.page .one .headings .span{font-size:17px;line-height:26px}.page .one .mainImg{width:32%}.page .two{width:100%}.page .two .inner{width:75%}.page .two .inner .form .inputBox .input{padding:0 6%;width:88%}}@media (max-width:600px){.page{padding:20px 0;gap:15px}.page .one{width:calc(100% - 40px);padding:0 20px}.page .one .headings{gap:6px;width:100%}.page .one .headings .h2{font-size:26px;line-height:30px}.page .one .headings .span{font-size:15px;line-height:24px}.page .one .headings .span br{display:none}.page .one .mainImg{display:none}.page .two .inner{width:96%}.page .two .inner .form{padding:16px 10px 14px;margin-top:2px;gap:6px;border-radius:12px}.page .two .inner .form .h4{font-size:20px}.page .two .inner .form .inputBox{height:42px;margin-bottom:2px}.page .two .inner .form .inputBox .security,.page .two .inner .form .inputBox .user{width:14px}.page .two .inner .form .inputBox .email{width:15px}.page .two .inner .form .inputBox .lock{width:12px}.page .two .inner .form .inputBox .icon{left:6px}.page .two .inner .form .inputBox .icon2{width:18px;right:8px}.page .two .inner .form .inputBox .input{padding:0 8%;width:84%;font-size:15px}.page .two .inner .form .inputBox .input::-moz-placeholder{font-size:15px}.page .two .inner .form .inputBox .input::placeholder{font-size:15px}.page .two .inner .form .btn{font-size:16px;margin-top:4px;height:32px}.page .two .inner .form .btn:active{font-size:17px}.page .two .inner .form .signupCon{width:100%;padding-top:4px}.page .two .inner .form .signupCon .span{font-size:13px;gap:3px}.page .two .inner .form .signupCon .span .logo{width:28px}.page .two .inner .form .signupCon .link{font-size:18px}.page .two .inner .form .signinLabel{width:100%;padding-top:6px}.page .two .inner .form .signinLabel .span{font-size:13px}.page .two .inner .form .iconsCon{gap:3px;padding-top:4px}.page .two .inner .form .iconsCon .link{width:28px;height:28px}.page .two .inner .form .iconsCon .link .icon{width:15px}}