*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;transition:all .3s ease}html{font-size:10px;background:#f5f5f5;height:100vh;overflow:hidden}body{max-width:2000rem}.MainBody{width:100%;padding:5rem}.MainLogoImageDiv{position:absolute;font-size:2.5rem;font-family:Noto Nastaliq Urdu,serif;text-align:center;z-index:10;right:0;top:-2rem}.MainLogoImage{width:12rem;display:block;margin-bottom:-4rem}.TextBox{display:inline-block!important;height:calc(100vh - 10rem);overflow:auto;width:50%;padding:1rem;position:relative;text-align:right;font-size:2rem;color:#3f3f3f;font-family:Noto Nastaliq Urdu,serif;-ms-overflow-style:none;scrollbar-width:none;background:#f5f5f5;outline:none}.TextBox::-webkit-scrollbar{display:none}.HiddenBlur{position:absolute;width:100%;height:10rem;background:#fff;filter:blur(4rem);background:linear-gradient(to bottom,#f5f5f5,#0000 90%)!important;filter:opacity(1);content:""}.TextBox *::selection,.TextBox::selection{background-color:#1987541a!important;color:#000}.TextBox *::-moz-selection,.TextBox::-moz-selection{background-color:#1987541a!important;color:#000}.spelling-mistake{background:#ea15391f;font-family:Noto Nastaliq Urdu,serif!important;border-bottom:.3rem solid #EA1537;animation:leftToRightFadeIn .5s linear}@keyframes leftToRightFadeIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.Corrections{width:50%;display:inline-block;padding:0 4rem;vertical-align:top;position:relative;height:calc(100vh - 10rem);overflow:auto;font-family:Noto Nastaliq Urdu,serif;-ms-overflow-style:none;scrollbar-width:none;outline:none}.Corrections::-webkit-scrollbar{display:none}.Corrections h1{color:#3f3f3f;font-size:4rem}.Correction{width:100%;background:#fff;margin:1rem auto;border:.2rem solid lightgray;border-radius:1.5rem;position:relative;padding:1rem;display:flex;align-items:center}.AnimationFadeAndSlideOut{animation:fadeAndSlideOut .5s ease-in-out}.Correction:hover{cursor:pointer;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.Correction p{font-family:Noto Nastaliq Urdu,serif!important;font-size:1.6rem;color:#3f3f3f;display:inline-block;width:calc(100% - 10rem)}.CorrectionSheild{background:#ea15391f;color:#ea1537;margin-right:2rem;font-size:1.5rem;padding:.8rem;border-radius:50%;width:3rem;height:3rem}.Correction i{display:inline-block}.CorrectionTick{color:#198754;background:#1987541a;font-size:2rem;width:4rem;height:4rem;border-radius:50%;text-align:center;line-height:4rem;margin-right:1rem}.CorrectionCancel{color:#ea1537;background:#ea15391f;font-size:2rem;width:4rem;height:4rem;border-radius:50%;text-align:center;line-height:4rem}.NoCorrections{width:100%;height:calc(100vh - 30rem);display:flex;justify-content:center;align-items:center;flex-direction:column;animation:leftToRightFadeIn .1s ease-in-out}.NoCorrections i{display:inline-block;width:7rem;height:7rem;background:#1987541a;color:#198754;line-height:7rem;text-align:center;font-size:4rem;border-radius:50%}.NoCorrections h1{font-size:3rem;margin-top:1rem}.fa-arrow-right{margin-left:1rem}.fa-arrows-rotate{background:#1987541a;color:#198754;display:inline-block;width:7rem;height:7rem;border-radius:50%;line-height:7rem;text-align:center;animation:spin 1s infinite;font-size:3rem}.CorrectionsList{animation:leftToRightFadeIn 1s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeAndSlideOut{0%{opacity:1;position:relative;left:0;top:initial;scale:1}40%{scale:.7;left:0}to{opacity:0;left:100%;position:relative;top:initial;scale:.7}}.ValidateButton{background:#198754;color:#fff;outline:none;border:none;padding:.7rem 2rem;font-size:2rem;font-weight:bolder;cursor:pointer;border-radius:.7rem}@media screen and (max-width: 768px){html{height:auto;overflow-y:scroll;font-size:7px}.MainLogoImageDiv{position:relative;text-align:center;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.MainLogoImageDiv{margin-top:-1rem;width:100%}.MainBody{padding:2rem}.TextBox{width:100%;height:auto}.Corrections{width:100%;height:auto;padding:2rem}.NoCorrections{height:auto;margin-top:4rem}}