:root{--dark-blue: #1b1464;--light-blue: #1b1464}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}input{margin-top:5px;margin-bottom:10px;font-size:16px;width:100%;border-radius:50px;font-family:'Montserrat', sans-serif;background-color:#f6f6f6}input::placeholder{color:#666666}.content-grid{display:grid;justify-content:start;grid-template-columns:60% 40%;grid-template-areas:'hero_img login';width:100%;max-width:100vw;height:100vh;overflow:hidden}.content-grid .content-left{grid-area:hero_img;width:100%;height:100%;overflow:hidden;position:relative}.content-grid img{width:100%;height:100%}.content-grid .login-container{grid-area:login;margin:15vh 10vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.content-grid .login-container .logo-assiscall{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.content-grid .login-container .logo-assiscall img{width:100px;height:100px}.content-grid .login-container .logo-assiscall h1{font-family:'IBM Plex Sans', sans-serif;color:var(--dark-blue);font-size:50px;font-weight:700;margin-bottom:0.5rem}.content-grid .login-container .logo-assiscall p{font-family:'IBM Plex Sans', sans-serif;color:var(--light-blue);font-size:23px}.login-form{margin:auto}.login-form-container{display:grid;grid-template-rows:75px 75px 75px;padding:20px 0px;justify-items:center;align-items:center}.login-form-container .input-form{border:1px solid var(--dark-blue);color:var(--dark-blue);padding:15px 20px 15px 15px}.login-form-container .submit-btn{background-color:var(--light-blue);font-weight:bold;text-align:center;padding:13px;color:white;border:none;font-size:18px;margin-top:2rem}.login-form-container .submit-btn:hover{background-color:#dc7bfc}@media screen and (max-width: 768px){.content-grid{grid-template-columns:1fr;grid-template-areas:'login'}.content-grid .content-left{display:none}}@media screen and (min-width: 740px) and (max-width: 740px) and (min-height: 360px) and (max-height: 360px) and (orientation: landscape){.login-container{display:flex !important;flex-direction:row !important;justify-content:space-around}.content-grid .login-container .logo-assiscall{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 915px) and (max-width: 915px) and (min-height: 412px) and (max-height: 412px) and (orientation: landscape){.content-grid .content-left{display:none}.content-grid{grid-template-columns:none;justify-content:center}.login-container{display:flex !important;flex-direction:row !important;justify-content:space-around}.content-grid .login-container .logo-assiscall{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 844px) and (max-width: 844px) and (min-height: 390px) and (max-height: 390px) and (orientation: landscape){.content-grid{display:block}.content-grid .content-left{display:none}.content-grid .login-container{grid-template-columns:1fr;justify-content:center}.content-grid .login-container .logo-assiscall{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 896px) and (max-width: 896px) and (min-height: 414px) and (max-height: 414px) and (orientation: landscape){.content-grid{display:block}.content-grid .content-left{display:none}.content-grid .login-container{grid-template-columns:1fr;justify-content:center}.content-grid .login-container .logo-assiscall{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 896px) and (max-width: 896px) and (min-height: 414px) and (max-height: 414px) and (orientation: landscape){.login-container{display:flex !important;flex-direction:row !important;justify-content:space-around}.content-grid .login-container .logo-assiscall{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 851px) and (max-width: 851px) and (min-height: 393px) and (max-height: 393px) and (orientation: landscape){.content-grid{grid-template-columns:none;justify-content:center}.content-grid .login-container .logo-assiscall{margin-left:2rem;margin-right:2rem}.content-grid .content-left{display:none}.login-container{display:flex !important;flex-direction:row !important;justify-content:space-around}.logo-assiscall{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 667px) and (max-width: 667px) and (min-height: 375px) and (max-height: 375px) and (orientation: landscape){.login-container{display:flex !important;flex-direction:row !important;justify-content:space-around}.logo-assiscall{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 844px) and (max-width: 844px) and (min-height: 390px) and (max-height: 390px) and (orientation: landscape){.login-container{display:flex !important;flex-direction:row !important;justify-content:space-around}.logo-assiscall{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 640px) and (max-width: 640px) and (min-height: 360px) and (max-height: 360px) and (orientation: landscape){.login-container{display:flex !important;flex-direction:row !important;justify-content:space-around}.logo-assiscall{margin-left:2rem;margin-right:2rem}}