.is-act-checkoutregisterpage {
  .content-main {
    .checkout {
      .checkout-aside {
        margin-left: 0;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
      }
    }
  }
  .card.register-card {
    .card-body {
      .card-title {
        margin-top: 30px;
        color: $bcb-brand-secondary;
        font-size: 28px;
        font-weight: 500;
        line-height: normal;
        border-bottom: 1px solid $bcb-darkGrayColor;
        margin-bottom: 30px;
      }
      .register-form {
        .register-personal {
          .form-row {
            .form-label {
              font-size: 18px;
              font-weight: 400;
              line-height: 50px;
              color: $bcb-brand-secondary;
            }
            .form-control {
              border: 1px solid #d4d4d4;
            }
          }
          .custom-control {
            font-size: 18px;
            font-weight: 400;
            color: $bcb-brand-secondary;
          }
        }
        .form-text.privacy-notice {
          font-size: 16px;
          font-weight: 400;
          text-transform: capitalize;
          line-height: normal;
          color: $bcb-brand-secondary;
          margin-bottom: 8px;
        }
      }
      .register-submit button {
        width: 220px;
        height: 60px;
        background-color: $bcb-color-primary-button;
        color: $bcb-text-color-primary-button;
        border-radius: unset;
        font-size: 18px;
        font-weight: 400;
        &:hover {
          background-color: $bcb-color-primary-button-hover;
          color: $bcb-text-color-primary-button-hover;
        }
      }
    }
  }
  .checkout {
    .checkout-container {
      flex-direction: column;
    }
  }
  .checkout-main{
    .address-main-header {
      font-size: 28px;
      font-weight: 500;
      line-height: normal;
      color: $bcb-brand-secondary;
      text-transform: capitalize;
    }
  }
  .register-login-collapse-toogle {
    padding: 10px 15px;
    border: 1px solid #d4d4d4;
    margin-top: 30px;
    margin-bottom: 10px;
    span.icon.icon-avatar {
      display: none;
    }
    a {
      font-size: 18px;
      color: $bcb-darkGrayColor;
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-decoration: none;
      span {
        font-size: 18px;
        font-weight: 400;
        line-height: 50px;
      }
      strong {
        font-size: 18px;
        font-weight: 400;
        list-style: 50px;
      }
    }
  }
}

.is-act-loginpage {
  .account-register {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media (min-width: 992px) {
  .is-act-checkoutregisterpage {
    .checkout{
      .checkout-main {
        margin-bottom: 0;
        flex: 0 0 100%;
        width: 100%;
      }
    }
  }
}

@media (max-width: 767.98px) {
  .is-act-checkoutregisterpage {
    .register-login-collapse-toogle {
      padding: 20px 8px;
      span.icon.icon-avatar {
        display: none;
      }
      a {
        flex-direction: column;
        span {
          font-size: 16px;
          font-weight: 400;
          line-height: 30px;
        }
        strong {
          font-size: 16px;
          font-weight: 400;
          list-style: 30px;
          text-align: center;
        }
      }
    }
    .checkout-main {
      .address-main-header {
        font-size: 28px;
        line-height: 30px;
      }
    }
  
    .card.register-card {
      .card-body {
        .card-title {
          font-size: 30px;
          line-height: 36px;
        }
      }
    }
  }

  .register-billing {
    .form-group.col-md-6.col-8 {
      width: 100%;
    }
    .col-6.country-and-state-form-elements {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      .form-group.col-md-12 {
        padding-left: 0;
        padding-right: 0;
      }
    }
  }
}
