body {  background: url(/medias/background_mwmpro.png) !important; background-size: cover !important; background-repeat: no-repeat !important; font-family: 'Work Sans',sans-serif; position: relative; min-height: 90vh; color: var(--primary-color); display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; flex-direction: column; } .form-signin { background-color: white; padding: 1rem 2rem; border-radius: 16px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); text-align: center; width: 100%; max-width: 450px;} h1 { font-size: 24px; font-weight: 600!important; line-height: 109%; color: var(--primary-color); padding: 0 1em;} h2 { font-size: 16px; font-weight: 400; line-height: 160%; color: #0B0C4F; margin-bottom: 2em;} p{ font-weight: 500; color: var(--primary-color); font-size: 14px; width: fit-content; text-align: center; margin: 1em auto; transition: all 0.3s ease-in-out;}u{ font-weight: 600;} .eye-container{ position: absolute; top: 0.8em; right: 0.8em; padding: 0.5em;}.eye-container:hover{ transition: all 0.3s ease-in-out; cursor: pointer; opacity: 0.6;} #eyeOff{ display: none;} .form-control{ display: block; width: 100%; padding: .375rem .75rem; padding-top: 0.375rem; padding-right: 0.75rem; padding-left: 0.75rem; font-size: 18px !important; color: #212529;}.form-control::placeholder{ color: rgba(33,37,41,0.75);} .btn-custom-new { background: var(--primary-color); padding: 15px 20px; border-radius: 12px; font-weight: 500; display: flex; height: 60px; color: white; font-size: 1rem; transition: all 0.3s ease-in-out;} .btn-custom-new:hover { opacity: 0.5;}form i.leftico { left: 5px; top: 26px; border: none; position: relative; padding: 0; margin: 0; float: left; color: #000b5a;}form i.rightico { right: 12px; top: 37px; border: none; position: relative; padding: 0; margin: 0; float: right; color: #000b5a;}.logo { text-align: center; margin-bottom: 1rem; color: white;}.logo img{ width: 250px;}