/* --------- */
/* about us */
/* -------- */
/* our members */
.our-members-sec .elementor-button-wrapper {
  display: flex;
  justify-content: center;
}
.our-members-sec .elementor-button-link {
  display: flex;
  justify-content: center;
  align-items: center;
  border: transparent !important;
}
.our-members-sec .plus_popup_button .elementor-button .elementor-button-icon {
  height: 35px !important;
  color: #fff;
}
.our-members-sec
  .plus_popup_button
  .elementor-button
  .elementor-button-icon:after {
  transform: translate(0.5px, -6px);
}
/* general button have hover color after update */
.elementor-button.elementor-button-link.elementor-size-sm:has(
    .theme_style_circle
  ):hover {
  background: transparent !important;
}

/* -------------- */
/* login page---- */
/* -------------- */
.login-form .btn-next-login {
  margin: 20px 0 0;
  border-radius: 7px;
  width: 100%;
  color: #fff;
}
.login-form .btn-next-login:hover {
  background-color: #f97304;
}
.login-form .create-account-btn {
  text-align: center;
  border: solid 2px #15b1d7;
  padding: 10px;
  border-radius: 7px;
}
.login-form .btn-create-account {
  display: block;
}
.login-form .create-account-btn:hover {
  background: #034ea1;
  cursor: pointer;
  border: solid 2px #034ea1;
}
.login-form .create-account-btn:hover a {
  color: #fff;
}
.login-form .create-account-btn a {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}
.login-form .forgot-link p,
.login-form .forgot-link a {
  font-size: 13px !important;
  margin-bottom: 20px !important;
}
.right.login-form .forgot-link {
  margin-top: 5px;
}
.right.login-form .login-link {
  margin-top: 10px;
}
/* login step 2 */
#login-method-selection {
  display: none;
}
.login-form h4 {
  font-size: 20px;
  margin-bottom: 25px;
}
.login-form #login-method-selection .login-option {
  border: solid 1px #a7a7a7;
  background: #f8f8f8;
  margin: 10px 0;
  border-radius: 7px;
}
.login-form #login-method-selection .login-option {
  height: 90px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.login-form #login-method-selection .login-option strong {
  font-size: 18px;
}
.login-form #login-method-selection .login-option small {
  font-size: 14px;
}
.login-form #login-method-selection .login-option img {
  width: 17px;
  margin: 25px 20px 0 10px;
  align-self: flex-start;
}
.login-form #login-method-selection .login-option[data-type="password"] img {
  margin: 35px 20px 0 10px;
}
.login-form #login-method-selection .login-option .login-text {
  display: flex;
  flex-direction: column;
}
.login-form #login-method-selection .login-option:hover {
  cursor: pointer;
}
/* select password */
.login-form .password-input {
  background: #f8f8f8;
  border: 1px solid #f8f8f8;
  border-radius: 7px;
  width: 100%;
  box-shadow: none;
  font-size: 14px;
  margin-top: 10px;
}
.login-form #password-form .forgot-password {
  text-align: center;
  margin: 25px 0 0;
  font-size: 13px;
}
.login-form #password-form .forgot-password a {
  text-decoration: underline;
}
.login-form #password-form .login-actions {
  display: flex;
  align-items: center;
  margin-top: 25px;
}
.login-form #password-form .btn-reg-submit {
  width: 50%;
  margin-top: 0;
}
.login-form #password-form .try-another-way {
  width: 50%;
  text-align: center;
}
.login-form .login-actions .try-another-way:hover {
  color: #f97304;
}

/* --------------------- */
/* select email otp----- */
/* --------------------- */
.login-form .otp-input {
  background: #f8f8f8;
  border: 1px solid #f8f8f8;
  border-radius: 7px;
  width: 100%;
  box-shadow: none;
  font-size: 14px;
}
.login-form .otp-resend {
  margin-top: 20px;
  text-align: center;
}
#otp-login-form .login-actions {
  display: flex;
  align-items: center;
  margin-top: 25px;
}
#otp-login-form .login-actions .btn-reg-submit,
#otp-login-form .login-actions .try-another-way {
  width: 50%;
  margin-top: 0;
  text-align: center;
}

/* --------------------- */
/* select sms otp----- */
/* --------------------- */
#sms-login-form .login-actions {
  display: flex;
  align-items: center;
  margin-top: 25px;
}
#sms-login-form .login-actions .btn-reg-submit,
#sms-login-form .login-actions .try-another-way {
  width: 50%;
  margin-top: 0;
  text-align: center;
}

/* --------------------- */
/* next button preloader */
/* --------------------- */
.btn-next-login {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btn-next-login .btn-loader {
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  display: none;
}
.btn-next-login.loading .btn-loader {
  display: inline-block;
}
.btn-next-login.loading .btn-text {
  opacity: 0.7;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* login general fix inconsisten layout */
.right.login-form {
  min-height: 700px;
}
@media screen and (max-width: 768px) {
  .right.login-form {
    min-height: unset;
  }
}

/* error text 2fa */
.profile-sgm-form .twofa-error {
  margin-bottom: 20px;
}