/* Layout and spacing specific to the login page */
body.body-7 .login-section{
  padding:0;
  height:100%;
  margin: 0;
}

body.body-7 .login-wrapper{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:100%;
}

body.body-7 .login-visual{
  min-height:100%;
  height:100%;
  overflow:hidden;
}

body.body-7 .login-visual img{
  width:100%;
  height:100%;
  display:block;
}

body.body-7 .login-content{
  padding:48px 32px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:48px;
}

body.body-7 .login-content .container-7{
  width:100%;
  padding:0;
}
/* Form sizing keeps fields full width even in the two-column grid */
body.body-7 .get-in-touch-form{
  width:100%;
  max-width:420px;
  padding:0;
  box-sizing:border-box;
}

body.body-7 .credentials-inputs-wrap{
  width:100%;
  display:grid;
  grid-template-columns:1fr;
  gap:48px;
  align-items:start;
  justify-items:stretch;
}

body.body-7 .contact-name-field-wrap,
body.body-7 .email-name-field-wrap{
  width:100%;
  height: 100%;
  align-items:stretch;
}

body.body-7 label{
  align-self:flex-start;
}

body.body-7 .text-field.cc-contact-field{
  width:100%;
  min-width:0;
}

body.body-7 .error-message.w-form-fail{
  width:100%;
}

body.body-7 .get-in-touch-form .primary-button{
  width:100%;
  max-width:220px;
  margin: 5vh;
}
/* .login-title{
  color:
} */