/* @import url("h-style.css"); */
/* @import url("single-out-team.css"); */

:root{
  --e-global-color-primary : #FFFFFF;
  --e-global-color-df938dc : #B77045;
  --bg-primary-buton : #B77045;
  --bg-primary-buton-gradient : linear-gradient(223deg, #FFFFFF 0%, #B77045 100%);
  --bg-primary-2 : #00A79B;
  --bg-hover-buton : linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);;
  --text-white : #fff;
}

.d--none{
  display: none;
}
.ml-10{
  margin-left: 10rem;
  /* padding: 25px 35px; */
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots),
hr:not(.is-style-wide):not(.is-style-dots) {
    border-bottom: 1px solid var(--bg-hover-buton);
    }
.reset-button {
  background-color: #f8f9fa;
  border: 1px solid #ccc;
  color: #333;
  padding: 8px 20px;
  border-radius: 4px; 
  cursor: pointer;
  margin-left: 1rem;
}
.user-contain{
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-contain.user-account{
  justify-content: flex-start;
  margin-top: 2rem;
}
.um-account-main{
  border-left: 1px dashed var(--bg-hover-buton);
}
.um-account-profile-link a {
  display: none;
}

/* style button Sign in  */
.um-register.um input[type="submit"].um-button, .um-password.um input[type="submit"].um-button, .um-account.um input[type="submit"].um-button, .elementor-button.ht_btn_sign{
  background-color: transparent;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    font-style: var(--e-global-typography-accent-font-style);
    text-decoration: var(--e-global-typography-accent-text-decoration);
    fill: #000000;
    color: #000000;
    background-image: var(--bg-primary-buton-gradient);
    border-radius: 30px !important;
    padding: 14px 30px 14px 30px;
}
.um input[type="submit"].um-button:hover, .elementor-button.ht_btn_sign:hover {
  background: var(--bg-hover-buton) !important;
  color: var(--bg-primary-buton) !important;
  /* opacity: 0.8; */
}

.um input[type="submit"].um-button {
  background: var(--bg-primary-buton-gradient) !important;
	color: var(--text-white);
	/* line-height: 0 !important; */
}

@media screen and (max-width: 1198px) {
  .ht_logout .um-account-icontip,
  .ht_logout .um-account-title {
    display: none !important;
  }
  .ht_logout .um-account-icon {
    float: none;
    text-align: center;
  }
  .ht_logout a {
    text-align: center;
  }
}
.ht_logout {
  box-sizing: content-box;
  /* padding: 1rem 1.5rem 1rem 3.5rem; */
  margin-bottom: 1px;
}
.ht_logout a {
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 20px;
  color: #999;
  position: relative;
  text-decoration: none;
}
.ht_logout a:hover {
  color: #444;
  background: #ddd;
}
.ht_logout .um-account-icon {
  text-align: center;
  font-size: 20px;
  width: 20px;
  height: 30px;
  /* border-right: 1px solid #ccc; */
  color: #444;
  float: left;
  padding: 0;
  font-weight: normal !important;
  box-sizing: content-box;
}
.ht_logout .um-account-title {
  padding-left: 10px;
  float: left;
  height: 30px;
  line-height: 30px;
  color: #555;
}

.um-account-side li {
  background: unset !important;
}

.logon-tab > a {
  display: block;
  padding: 20px;
  float: left;
  width: 50%;
  font-size: 16px;
  text-align: center;
  color: #616161;
  background-color: var(--text-white);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}
.logon-tab > a.hover {
  color: #000000 !important;
  opacity: 1 !important;
}

.logon-tab > a.active {
  background: var(--bg-primary-buton-gradient);
	color: #000000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.login-section .logon-tab > a:hover {
  background-color: #fafafa;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* page research  */
.fluentform .ff-el-input--label {
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
}
.ff-el-input--content {
  display: block;
}
input#ff_4_input_text {
  display: inline;
  width: 100%;
  padding: 5px 10px;
  height: 40px;
}

/* form page user */
.um-account-side li a.current span.um-account-title {
  color: var(--bg-primary-buton) !important;
}
.ht__button_second {
  width: 100% !important;
}
.um .um-button.um-alt {
  margin-top: 1rem;
  border-radius: 1rem;
  box-shadow: none !important;
}
.um .um-button.um-alt:hover {
  color: var(--bg-primary-buton);
  text-decoration: underline !important;
}
.um-half {
  border-radius: 20%;
  width: 100% !important;
}
a.um-button {
  border-radius: 3rem !important;

}

.ht_google .nsl-container-buttons{
  width: 100% !important;
    /* padding: 10px 16px; */
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 3rem !important;
    border: 0;
    box-shadow: none;
}
.ht_google .nsl-button.nsl-button-default.nsl-button-google{
  border-radius: 3rem;
}
/* div.nsl-container .nsl-button-google[data-skin="light"]{
  box-shadow: none !important;
  background-color: #f4f4f4 !important;
} */
div.nsl-container .nsl-button-default div.nsl-button-label-container:hover{
  color: var(--text-white);
}
.ht_google .nsl-button.nsl-button-default.nsl-button-google:hover{
  background-color: var(--bg-primary-buton) !important;
}

div.nsl-container .nsl-button-default{
  justify-content: center;
}
div.nsl-container .nsl-button-default div.nsl-button-label-container{
  flex: 0 1 auto !important;
  margin-left: 0 !important;
  color: #444;
}
div.nsl-container .nsl-button-svg-container{
  padding: 5px !important;
}
.nsl-button-label-container b{
  font-weight: 500;
}
.um-form{
  /* background: whitesmoke !important; */
    border-radius: 30px;
  border: 1px solid var(--e-global-color-64c62b4);
  background: radial-gradient(at top right, var(--e-global-color-b590461) 0%, var(--e-global-color-34073d1) 200%);
  border-style: solid;
  --border-style: solid;
  border-width: 1px 1px 1px 1px;
  --border-top-width: 1px;
  --border-right-width: 1px;
  --border-bottom-width: 1px;
  --border-left-width: 1px;
  border-color: var(--e-global-color-28ed7b5);
  --border-color: var(--e-global-color-28ed7b5);
  --border-radius: 20px 20px 20px 20px;
  padding: 3rem 2rem;
}
.um-login .um-form,
.um-register .um-form {
  width: 100%;
  /* min-width: 40rem; */
  margin: 0 auto;
  height: auto;
}
.um-acount .um-form {
  min-width: 1100rem !important;
}

@media screen and (max-width: 1023.98px) {
  .um-register,
  .um-login {
    margin-top: 5rem;
  }
}

.um-login .um-form form,
.um-register .um-form form {
  /* padding: 7rem 4rem; */
  padding: 7rem 4rem 3rem 4rem;
}
.um-password .um-form form {
  padding: 4rem 4rem;
}

@media screen and (max-width: 1279.98px) {
  .um-login .um-form form,
  .um-register .um-form form {
    padding: 4rem 4rem;
  }
}

@media screen and (max-width: 767.98px) {
  .um-account-main{
    border: none;
  }
  .um-register, .um-form {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
  }

  .um-login .um-form form,
  .um-register .um-form form {
    padding: 1rem 2rem;
		margin-top: 2rem;
  }
  #user_section_id.user_section{
    padding: 2rem 0 !important;
  }
  #user_section_id.user_section .elementor-shortcode{
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .um-password .um-form form {
    padding: 3rem 3rem;
  }
}

@media screen and (max-width: 374.98px) {
  .um-form{
    margin-top: 0;
  }
  .page-content .um{
    margin-top: 0;
  }
  .um-register .um-form {
    margin-top: 0rem;
  }

  .um-login .um-form form,
  .um-register .um-form form {
    padding: 0rem;
  }
  .um-password .um-form form {
    padding: 1rem;
  }

  #user_section_id.user_section{
    padding: 0rem;
  }
}

.title__hidden {
  height: 0;
  width: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
}
.um-account-tab .um-field-area {
  display: inline-block;
}
.um-account-tab .um-field-area input {
  display: inline;
  min-width: 15rem;
}

/* style user center  */
.user-center-tab {
  padding: 20px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin: 20px 0;
}

.user-center-info {
  display: flex;
  align-items: center;
  gap: 20px;
}

.user-avatar img {
  border-radius: 50%;
  border: 2px solid #ddd;
}

.user-details p {
  margin: 5px 0;
}

.user-details strong {
  color: #333;
}

/* page user center  */


/* style button sign in  */

  .ht_btn_signin span { 
    color: #fff !important;
  } 
  .ht_btn_signin span:hover { 
    opacity: .8;
    outline: 0;
  } 

  .elementor-button  { 
    font-size: 14px; 
    font-weight: 700; 
    fill: #ffffff; 
    color: #ffffff; 
    background-color: #5f98ff; 
    border-radius: 5px 5px 5px 5px; 
    padding: 10px 20px 10px 20px;
  } 
.elementor-element.elementor-element-73117a8.e-con-full.elementor-hidden-tablet.elementor-hidden-mobile.e-flex.e-con.e-child{
  display: flex;
    align-items: center;
    justify-content: space-around;
}
.google-signin{
  width: 100%;
    max-width: max-content;
    margin: 1rem auto;
}
.um-login input#um-submit-btn{
  width: 100% !important;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.3333333;
  border-radius: 3rem !important;
}
.page-404{
  margin-top: 10rem;
  min-height: 30vh;
}

@media all and (max-width: 767.98px) {
  .page-404 {
    margin-top: 5rem;
    min-height: 20vh;
  }
}

@media all and (min-width: 768px) and (max-width: 1199.98px) {
  .page-404 {
    margin-top: 8rem;
    min-height: 25vh;
  }
}

@media all and (min-width: 1200px) {
  .page-404 {
    margin-top: 10rem;
    min-height: 30vh;
  }
}

.form-group-login{
  display: flex;
    align-items: stretch;
}
.form-group-login .um-field, .form-group-login .um-col-alt-b{
  width: 50%;
  padding: 0;
}
a.um-link-alt{
  text-align: right !important;
}
a.um-link-alt:hover{
  text-align: right !important;
  color: var(--bg-primary-buton) !important;
  color: #B77045 !important;
}

@media screen and (max-width: 999.98px) {
  .ht_logout{
    display: flex;
      justify-content: center;
  }
  .ht_logout a.um-account-link{
    border: 1px solid #ddd;
    border-radius: 0px 0px 3px 3px;
    padding: 10px 10px 10px 15px;
    width: 100%;
    height: 100%;
    justify-content: center;
  }
}
.ht_logout a.um-account-link{
  display: flex;
  align-items: baseline;
}

/* Dashbroad admin  */

/* Style home page key  */

.ht_fa-user i{
  font-size: 18px;
  color: #5f98ff;
  border-radius: 50%;
  background: #FFF;
  padding: 3px;
  margin-top: 3px;
  margin-left: 10px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-id-555 .ftc-hero-2-item{
  width: 228px;
  height: 228px;
}

/* Style user account score  */

.basicinfo {
  margin: 15px 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu,
    Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
}

.col-md-4,
.col-xs-8 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-8 {
  float: left;
}

/* .col-xs-8 {
  width: 66.66666667%;
} */

@media (min-width: 992px) {
  /* .col-md-4 {
    float: left;
  }

  .col-md-4 {
    width: 33.33333333%;
  } */
}

.basicinfo .row > div {
  margin: 1rem 0;
}

.col-md-2,
.col-xs-4 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-4 {
  float: left;
  width: 30%;
}

/* .col-xs-4 {
  width: 33.33333333%;
} */

@media (min-width: 992px) {
  .col-md-2 {
    float: left;
  }

  /* .col-md-2 {
    width: 16.66666667%;
  } */
}

.basicinfo .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1* var(--bs-gutter-y));
  margin-right: calc(-.5* var(--bs-gutter-x));
  margin-left: calc(-.5* var(--bs-gutter-x));
}

.basicinfo .row > .col-xs-4 {
  padding-right: 0;
}

.um .um-field-label{
  color: var(--text-white);
}
.um-col-alt.um-col-alt-b .um-center .um-button{
  min-width: max-content !important;
}