.customer-account-login .page-title-wrapper .page-title, .customer-account-create .page-title-wrapper .page-title{
  color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 60px;
font-style: normal;
font-weight: 300;
line-height: 80px; /* 133.333% */
text-align: center;
margin-top: 50px;
margin-bottom: 30px;
text-transform: capitalize !important;
}


.customer-account-login .login-container .block-customer-login {
  padding: 50px 30px !important
}

.customer-account-login .login-container .field.email span, .customer-account-login .login-container .field.password span {
  color: #6F6F6F;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 16px; /* 100% */
text-transform: uppercase;
}

.customer-account-login  .column.main .block:last-child {
  width: 610px;
  height: 408px;
  border: 1px solid #D9D9D9;
background: #FFF;
margin-bottom: 80px;
}



.customer-account-login #email{
  border-radius: 5px;
  border: 1px solid #D9D9D9;
  height: 50px;
  flex-shrink: 0;
}
.customer-account-login #pass {
border-radius: 5px 0px 0px 5px;
border: 1px solid #D9D9D9;
  height: 50px;
  flex-shrink: 0;
}

.customer-account-login .field.email .label,   .customer-account-login .field.password .label {
  padding-bottom: 10px;
}

.customer-account-login .secondary a {
  color: #193A43;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-decoration-line: underline;
  text-transform: uppercase;
}
.customer-account-login .primary{
float: right !important
}

.customer-account-login .primary #send2{
  display: inline-flex;
      padding: 20px 30px;
      justify-content: center;
      align-items: center;
      gap: 10px;
  }

  .customer-account-login .primary #send2 span {
      color: var(--white-bicycle-style, #FFF);
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-transform: uppercase;
    }


    .customer-account-login  .login-container {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .customer-account-login   .actions-toolbar {
      margin-bottom: 28px;
    }

    .customer-account-login  .hrtaga {
      border: 1px solid #D9D9D9;
      background: #FFF;
    }
    .customer-account-create .hrtaga {
      border-top: 1px solid rgba(0, 0, 0, 0.25) !important;
    }
    .customer-account-login .login-bottom-link .no-account {
      color: #2F333A;
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 350;
      line-height: 16px;
    }
    .customer-account-login  .login-bottom-link .no-account {
      color: #2F333A;
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 350;
      line-height: 16px;
    }
    .customer-account-login .login-bottom-link .create-url{
      color: #193A43;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
text-decoration-line: underline;
text-transform: uppercase;
    }
    .customer-account-login .login-bottom-link {
      text-align: center;
      margin-top: 20px;
    }

    .customer-account-create .fieldset.create.info{
      display: none
    }

    .customer-account-create .form-create-account {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .customer-account-create .form-create-account .fieldset.create.account{
      width: 610px !important; 
      height: 811px;
      flex-shrink: 0; 
      border: 1px solid #D9D9D9;
       background: #FFF !important ; 
      padding: 42px 30px !important ;
      padding-bottom: 10px !important;
    }

    .customer-account-create  .field  span
     {
      color: #6F6F6F;
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 300;
      line-height: 16px;
      text-transform: uppercase;
    }

    .customer-account-create   .fieldset > .field > .label, .customer-account-create   .fieldset > .fields > .field > .label {
      margin: 0 0 10px !important
    }

    .customer-account-create  .login-bottom-link {
      text-align: center;
      margin-top: 20px;
    }

    @media (min-width: 769px), print {
      .fieldset > .field {
        margin: 0 0 28px !important;
      }
    }

    .customer-account-create  #firstname ,
    .customer-account-create  #lastname, 
    .customer-account-create  #email_address,
    .customer-account-create  #password, 
    .customer-account-create  #password-confirmation{
      border: 1px solid #D9D9D9;
      background: #FFF;
      height: 50px;
      flex-shrink: 0;
    }
    

    .customer-account-create #send2 span {
      color: var(--white-bicycle-style, #FFF);
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-transform: uppercase;
    }

    .customer-account-create .no-account {
      color: #2F333A;
      text-align: center;
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 350;
      line-height: 16px;
    }
    .customer-account-create .create-url {
      color: #193A43;
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 16px;
      text-decoration-line: underline;
      text-transform: uppercase;
    }

    .customer-account-create .confirmation .control, 
    .customer-account-login .password .control
     {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 92%;
    }

    .customer-account-create  .control-password {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 92%;
    }

    .customer-account-login .field.password .control {
      -webkit-flex-direction: inherit !important;
    }

    .customer-account-create .fa.fa-fw.fa-eye.field-icon.toggle-password_confirmation,
    .customer-account-create  .fa.fa-fw.fa-eye.field-icon.toggle-password,
    .customer-account-create .fa.fa-fw.field-icon.toggle-password.fa-eye-slash,
    .customer-account-create .fa.fa-fw.field-icon.toggle-password_confirmation.fa-eye-slash {
      border-bottom: 1px solid #D9D9D9 ;
background: #FFF ;
height: 50px ;
border-top: 1px solid #D9D9D9 ;
border-right: 1px solid #D9D9D9 ;
padding-top: 16px ;
padding-left: 13px ;
padding-right: 13px ;

}
.customer-account-create .actions-toolbar .primary {
  float: right !important;
}

.customer-account-login  .fa.fa-fw.fa-eye.field-icon.toggle-password,
.customer-account-login  .fa.fa-fw.field-icon.toggle-password.fa-eye-slash {
border-bottom: 1px solid #D9D9D9 ;
background: #FFF ;
height: 50px ;
border-top: 1px solid #D9D9D9 ;
border-right: 1px solid #D9D9D9 ;
padding-top: 16px ;
padding-left: 13px ;
padding-right: 13px ;
border-radius: 0px 5px 5px 0px;
}

.form .field .control .mage-error{
position: absolute;
bottom: -20px;
}
.form .field .control .input-text.mage-error{
position: static;
bottom: 0px;
}
.customer-account-login .field.password .control{
position: relative;
}

.customer-account-create .confirmation .control{
position: relative;
}

.field .control{
position: relative;
}
  

@media (min-width: 769px), print {
.login-container .block:nth-child(2n){
  float: none !important;
}
}

/*mobile media*/
@media only screen and (max-width: 767px) {
  .customer-account-login .page-title-wrapper .page-title, .customer-account-create .page-title-wrapper .page-title{ 
      color: #000;
      font-family: 'Open Sans', sans-serif;
      font-size: 24px;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      text-align: center;
      margin-top: 50px;
      margin-bottom: 30px;
      text-transform: capitalize !important;
    }

    .customer-account-login .login-container .block-customer-login {
      padding: 20px 30px !important
    }
    .customer-account-login .login-container .field.email span, .customer-account-login .login-container .field.password span {
      color: #6F6F6F;
      font-family: 'Open Sans', sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 300;
      line-height: 16px; /* 114.286% */
      text-transform: uppercase;
    }

    .customer-account-login .column.main .block:last-child {
      width: 335px;
      flex-shrink: 0; 
      border: 1px solid #D9D9D9;
      background: #FFF;
      margin-bottom: 80px;
    }

    .customer-account-login .secondary a {
      color: #193A43;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 16px; /* 114.286% */
text-decoration-line: underline;
text-transform: uppercase;
    }
    .customer-account-login .primary {
      float: unset !important;
    }

    .customer-account-login .secondary {
      float: left;
    }

    .customer-account-login .fieldset > .field, .fieldset > .fields > .field {
      margin-bottom: 20px !important;
    }

    .customer-account-login .login-bottom-link .no-account {
      color: #2F333A;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 350;
line-height: 16px; /* 114.286% */
    }

    .customer-account-login .login-bottom-link .create-url {
      color: #193A43;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 16px;
text-decoration-line: underline;
text-transform: uppercase;
    }

    .customer-account-login .field.email .label, .customer-account-login .field.password .label {
      padding-bottom: 0px;
    }

    .customer-account-create .form-create-account .fieldset.create.account {
      width: 335px !important;
      padding: 30px 20px !important;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
      flex-shrink: 0;
    }

    .customer-account-create .field span{
      color: #6F6F6F;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 16px;
text-transform: uppercase;
    }

    .customer-account-create .confirmation .control, .customer-account-create .password .control, .customer-account-login .password .control {
      width: 84% ;
    }

    .customer-account-create  .control-password {
      width: 100%;
    }

    .customer-account-create  #password-strength-meter,  .customer-account-create  #password-strength-meter-label {
      font-size: 12px;
    }

    .customer-account-create  .actions-toolbar .primary {
      float: none !important;
    }
}