#MainContent{background-size:cover;background-position:center}.main-customer-login,.main-customer-register{min-height:70vh;display:flex;align-items:center;width:100%}@media (max-width:576px){.main-customer-login,.main-customer-register{padding:3rem;box-sizing:border-box}}.customer.login{width:100%;max-width:800px;background:#fff;padding:5rem;border-radius:2rem;margin:0 auto;box-sizing:border-box}.customer.login p,.main-trade-login .trade-register p,.main-trade-login .trade-register ul{font-size:var(--paraFontSize);font-weight:var(--paraFontWeight);margin-bottom:.8em;line-height:var(--paraLineHeight)}@media (max-width:576px){.customer.login{padding:3rem}.customer.login #sign-in-btn{grid-row:3}}.customer.login.recover #recover{display:block}.customer.login #recover,.customer.login.recover #login,.main-trade-login label[for=toggle-password] input{display:none}.customer.login form{display:grid;grid-template-columns:1.2fr 1fr -webkit-max-content;grid-template-columns:1.2fr 1fr max-content;gap:2rem 3rem;align-items:flex-end;margin:0 auto;max-width:800px}@media (max-width:576px){.customer.login form{grid-template-columns:1fr}}.customer.login form .cta{justify-self:flex-start}.customer.login #recover-password{position:absolute;bottom:16px;right:11px;display:block;color:#000;padding:0 8px;border-left:1px solid #f6c827;font-size:12px;font-weight:400}.customer.login .login-header{margin-bottom:2rem;text-align:center}@media (min-width:576px){.msgs{grid-column:span 2}}.msgs h2{font-size:2rem}.msgs svg{width:16px}.customer.register{max-width:600px;background:#fbfbfb;padding:5rem;border-radius:2rem}@media (max-width:576px){.customer.register{padding:3rem}}.customer.register form{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem 3rem}@media (max-width:576px){.customer.register form{grid-template-columns:1fr}}.main-trade-login{padding:60px 0;background:#f4f4f4}.main-trade-login>.contain{display:grid;grid-template-columns:1fr;gap:20px}@media (max-width:992px){.main-trade-login>.contain{grid-template-columns:1fr}}.main-trade-login .trade-register{background:#fff;padding:5rem;border-radius:2rem}.main-trade-login .trade-register ul{padding:2rem 0;display:flex;flex-direction:column;gap:1rem}.main-trade-login .trade-register ul li:before{font-family:"Font Awesome 6 Pro";font-weight:400;content:"";color:#f6c827;font-size:2rem;margin-right:1rem;display:inline-flex;align-items:center}.main-trade-login label[for=toggle-password]{position:absolute;right:68px;bottom:0;display:flex;align-items:center;height:50px;width:50px;justify-content:center;font-size:2rem;margin:0;cursor:pointer}.main-trade-login label[for=toggle-password]:has(input:checked) .fa-eye,.main-trade-login label[for=toggle-password]:has(input:not(:checked)) .fa-eye-slash{display:none}