main{grid-template-rows:1fr;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;display:grid}.hero{grid-column:1;width:50vw;height:100vh;position:relative}.hero:before{content:"";z-index:1;background:linear-gradient(172deg,#00628b 0%,#000000b3 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-text{z-index:2;width:60%;margin:auto;line-height:1.6;position:relative}h3{text-align:center;color:#b2b2b2;padding:30px}.logo-overlay{z-index:2;position:relative;top:2rem;left:35%}.logo-overlay img{opacity:.4;max-width:350px;height:auto}.right-section{flex-direction:column;grid-column:2;justify-content:flex-start;align-items:center;width:50vw;height:100vh;display:flex}.form-container{width:100%;height:75vh;padding-top:35px}form{flex-direction:column;justify-content:center;align-items:center;display:flex}fieldset{color:#6c6969;border:none;height:67%;padding:15px}legend{text-align:center;padding-top:20px;padding-left:20px;font-size:1.5rem;font-weight:700}legend a{color:inherit!important;text-decoration:underline!important}.user-info{margin:25px;display:flex}label{color:#888484;align-self:flex-start;font-size:.58em;font-weight:700}input{border:.5px solid #e5e7eb;border-radius:3px;height:35px}.first-name{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.last-name{flex-direction:column;justify-content:center;align-items:center;margin-left:20px;display:flex;position:relative}.e-mail{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.tel{flex-direction:column;justify-content:center;align-items:center;margin-left:20px;display:flex;position:relative}.fleet-size{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.trailer-type{flex-direction:column;justify-content:center;align-items:center;margin-left:20px;display:flex;position:relative}input:hover{background:#c8d2ef1a}input:focus{border:1px solid #00f;box-shadow:0 0 10px #0000001a}span.show-error{color:red;font-size:.6rem;display:block;position:absolute;top:33px;left:5px}#confirmation-message.hidden,.primary-cta.hidden{display:none}#confirmation-message{color:#4caf50;text-align:center;margin-top:2rem;font-size:1rem;display:block}@media (width<=1024px){.hero-text{width:100%;margin:0}.logo-overlay{width:250px;top:1.5rem;left:25%}}@media (width<=768px){main{grid-template-rows:600px 880px;grid-template-columns:1fr}.hero{grid-area:2/1;width:100vw}.hero-text{width:100%;margin:0}.logo-overlay{width:250px;top:1.5rem;left:35%}.right-section{grid-area:1/1;width:100vw;height:65vh}.form-container{height:80%;padding-top:0}fieldset{flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}fieldset .user-info{flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex}legend{padding:0}.user-info div{margin:10px 0 0}.user-info input{width:280px}.primary-cta{width:280px;margin-top:30px}}@media (width<=428px){.logo-overlay{width:250px;top:1rem;left:25%;transform:translate(0%)}}@media (width<=350px){.logo-overlay{width:250px;top:1rem;left:10%;transform:translate(0%)}}.signup-note{text-align:center;margin:1rem 0;font-size:.9rem}
