.front-forgot-password{background-color:#4169e1;padding-top:200px;padding-bottom:200px;@media(max-width:768px){padding-top: 140px;}.form-container { text-align: left; padding: 35px; background-color: #fff; border-radius: 6px; position: relative; border: 1px solid #eee; -webkit-transition: all 0.5 cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; transition: all 0.5 cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; width: auto; max-width: 360px; margin: auto; } .logo-image { margin-bottom: 20px; } .sub-heading { margin-left: 8px; color: #222; font-size: 18px; } .paragraph { text-align: center; margin-bottom: 30px; color: #222; } .input-container { margin-bottom: 10px; label { display: block; } .input-label { color: #222; } .input-text { border: 1px solid #ccc; width: 100%; } } .btn-submit { border-radius: 0; width: 100%; } .other-ctas { .cta-link { color: royalblue; padding: 6px 15px; font-size: 16px; } } .login-errors, .form-errors { padding: 8px; color: orangered; text-align: center; font-weight: bold; margin-bottom: 10px; &.form-errors { margin-top: -20px; } }}.is_app{background-color:#4169e1;padding-top:20px;padding-bottom:20px;.scroll-top { display: none; } .front-forgot-password { position: absolute; width: 100%; height: 100%; align-items: center; display: flex; padding: 20px; top: 0; .form-container { width: 700px; @media(max-width: 768px) { width: 360px; } @media (max-width: 380px) { width: 320px; padding: 16px; } } }}