html[dir="rtl"] {

.user-register-form .form-check-label {
  padding-right: 30px;
}

}

.register-container {
  margin-top: 3rem !important;
}

.register-header-section {
  background: linear-gradient(180deg, #0a2f5c 0%, #105989 100%);
  border-radius: 20px 20px 0 0;
  margin: -2rem -1.5rem 2rem -1.5rem;
}

.fill-form-subhead {
  font-size: 16px !important;
  font-weight: 400;
  line-height: 25.6px;
}

.user-register-form .form-control {
  border-radius: 8px;
  border: none;
  background-color: #eef3f7 !important;
}

.user-register-form .form-control::placeholder {
  color: #C0C0C0; /* Change this to your desired color */
  
}

.user-register-form .description {
  display: none !important;
}

.user-register-form .form-actions {
  margin: 0px !important;
}

.user-register-form #edit-actions {
  display: flex;
  justify-content: center;
  text-align: center;
}

.signup-heading-text {
  font-size: 24px !important;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.011em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.user-register-form #edit-submit {
  width: 100% !important;
  padding: 1rem 13rem;
  height: inherit !important;
  margin-top: 20px;
  text-transform: inherit;
  font-size: 14px;
  font-weight: 700;
  border-radius: 8px;
  color: #1e3564 !important;
  border: 1px solid var(--Brand-blue-400, #1e3564);

  &:hover {
    color: #42bb96 !important;
    border: 1px solid #42bb96 !important;
  }

}



.signup-link {
  color: #1e3564 !important;
  font-weight: 400;
}

.text-blue {
  color: #1e3564 !important;
}

.go-back-btn {
  font-size: 14px;
  font-weight: 400;
  color: #1e3564 !important;
}

.back-link:hover{
  text-decoration: none !important;
}

.form-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* For individual fields to fill space equally */
.form-row>div,
.form-row>input {
  flex: 1 !important;
}

@media (max-width: 768px) {
  .user-register-form {
    display: flex !important;
    flex-wrap: wrap !important;
    /* Allows wrapping */
    gap: 1rem !important;

    .form-textfield::placeholder{
      font-size: 12px;
    }
  }

  .form-row {
    flex-direction: column !important;
    /* Align all fields in a single row */
    gap: 0.5rem !important;
    /* Adjust spacing */
    width: 100% !important;
    margin: 0px !important;
  }

  .form-row>div,
  .form-row>input {
    flex: 1 !important;
    /* Fields share available space */
  }

  #edit-actions {
    width: 100% !important;
    /* Make the submit button span the entire row */
  }

  .user-register-form #edit-submit {
    padding: 15px !important;
  }




}

@media (min-width: 320px) and (max-width: 425px) {
  .comment-form{
    #edit-actions{
      display:flex;
    }
  }
}