.register-section {
  margin-top: 4rem;
}

.reg-div-below-card {
  padding: 1.3rem 1.5rem;
}

.reg-heading {
  font-size: 2rem;
  text-align: center;
  color: coral;
}

.user-client-radio {
  justify-content: space-between;
  padding: 0.438rem 0.5rem;
  border: 1px solid #ced4da;
  margin: 10px 0;
  /* height: 40px; */
}

.term-n-policy {
  color: var(--black);
  text-decoration: underline;
}

.form-select:focus {
  box-shadow: none;
}

.form-select {
  border-radius: inherit;
}

@media (max-width: 991px) {
  .submit-divclass {
    text-align: center;
  }
}

.my-buttons-hover {
  width: 140px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  margin: 10px;
  height: 45px;
  text-align: center;
  border: none;
  background-size: 300% 100%;
  border-radius: 50px;
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.my-buttons-hover:hover {
  background-position: 100% 0;
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.my-buttons-hover:focus {
  outline: none;
}

.my-buttons-hover.bn21 {
  background-image: linear-gradient(
    to right,
    #fc6076,
    #ff9a44,
    #ef9d43,
    #e75516
  );
  box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}

@media (max-width: 390px) {
  .reg-div-below-card {
    padding: 1rem 1rem;
  }

  .my-buttons-hover {
    width: 130px !important;
    height: 40px !important;
  }

  .reg-heading {
    font-size: 1.5rem;
  }
}

.success-message {
  color: green !important;
}

.error-message {
  color: red !important;
}

.maincountainer {
  align-items: center;
  height: 100vh;
}
@media (max-width: 575px) {
  .maincountainer {
    height: auto;
  }
}

/* new css for customization  */
/* Floating Label Wrapper */
.form-floating {
  position: relative;
  margin-bottom: 1rem;
}

/* Default Label Style */
.form-floating label {
  position: absolute !important;
  top: 12px !important;
  left: 10px !important;
  padding: 0px !important;
  height: fit-content !important;
  pointer-events: none !important;
  border: 1px solid transparent !important;
  transform-origin: 0 0 !important;
  transition: all 0.2s ease-in-out !important;
  color: #6c757d !important;
  width: fit-content !important;
  opacity: 1 !important;
  background-color: transparent !important;
}

.form-floating label::before {
  content: "";
  position: absolute;
  height: 4px;
  background-color: white;
  width: 100%;
  top: 48%;
  z-index: -1;
}

/* Input/Textarea Floating Effect */
.form-floating input:focus ~ label,
.form-floating input:not(:placeholder-shown) ~ label,
.form-floating textarea:focus ~ label,
.form-floating textarea:not(:placeholder-shown) ~ label {
  top: -12px !important;
  transform: scale(0.85) translateY(-0rem) translateX(0.15rem) !important;
  padding: 0 0.5rem;
  background-color: #fff;
  color: #4b49ac;
  box-shadow: none !important;
}

/* Select Floating Effect */
.form-floating select:focus ~ label,
.form-floating select:not([value=""]) ~ label {
  top: -12px !important;
  transform: scale(0.85) translateY(-0rem) translateX(0.15rem) !important;
  padding: 0 0.5rem;
  background-color: #fff;
  color: #4b49ac;
}

/* Adjust input/textarea spacing */
.form-floating input,
.form-floating textarea,
.form-floating select {
  min-height: fit-content !important;
  height: fit-content !important;
  max-height: fit-content !important;
  padding: 0.8rem 0.75rem !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}

/* File input padding */
.form-floating input[type="file"] {
  padding: 1.2rem 0.5rem 0.5rem !important;
}

/* Float label when file uploaded */
.form-floating input[type="file"].has-file ~ label,
.form-floating input[type="file"]:focus ~ label {
  top: -12px !important;
  left: 10px !important;
  font-size: 0.85rem !important;
  background-color: #fff;
  color: #4b49ac;
  transform: scale(0.85) translateY(-0rem) translateX(0.15rem) !important;
}

/* Validation error fix */
.form-floating .invalid-feedback {
  position: relative;
  margin-top: 0rem;
}

/* Flex helper */
.flex-change-ns {
  flex: auto !important;
}

.error-msg {
  font-size: 0.875em;
  position: absolute !important;
  bottom: -20px;
}

#mobNumber {
  min-height: 49px;
  border-radius: 6px !important;
}

.iti {
  width: 100% !important;
}

.pac-mb-er {
  margin-bottom: 0.4rem;
}

/* bootstrap form custom  */
.was-validated .form-control:invalid,
.form-control.is-invalid {
  background-image: none !important;
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}
.was-validated .form-control:valid,
.form-control.is-valid {
  background-image: none !important;
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  box-shadow: none !important;
}

#mobNumber::-webkit-input-placeholder {
  color: #ddd6d6 !important;
}

/* Chrome, Safari, Edge */
#mobNumber::-moz-placeholder {
  color: #ddd6d6 !important;
}

/* Firefox 19+ */
#mobNumber:-ms-input-placeholder {
  color: #ddd6d6 !important;
}

/* IE 10+ */
#mobNumber::-ms-input-placeholder {
  color: #ddd6d6 !important;
}

/* Edge */
#mobNumber::placeholder {
  color: #ddd6d6 !important;
}