.customer-account-login .page-title-wrapper .page-title, .customer-account-create .page-title-wrapper .page-title{
    color: #000;
font-family: Avenir;
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: Avenir;
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: Avenir;
    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: Avenir;
        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: Avenir;
        font-size: 16px;
        font-style: normal;
        font-weight: 350;
        line-height: 16px;
      }
      .customer-account-login  .login-bottom-link .no-account {
        color: #2F333A;
        font-family: Avenir;
        font-size: 16px;
        font-style: normal;
        font-weight: 350;
        line-height: 16px;
      }
      .customer-account-login .login-bottom-link .create-url{
        color: #193A43;
font-family: Avenir;
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: Avenir;
        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: Avenir;
        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: Avenir;
        font-size: 16px;
        font-style: normal;
        font-weight: 350;
        line-height: 16px;
      }
      .customer-account-create .create-url {
        color: #193A43;
        font-family: Avenir;
        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: Avenir;
        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: Avenir;
        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: Avenir;
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: Avenir;
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: Avenir;
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: Avenir;
  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;
      }
}