/* @import url("h-style.css"); */
/* @import url("single-out-team.css"); */
/* // default root variable */
:root {
	--body-font: 'Onest', sans-serif;
	--transition: all 0.5s ease-in-out;

	/* Color styles */
  --primaryColor: #6200EE;
  --secondaryColor: #9EDD06;
  --borderColor: #6200EE;
  --softbgColor: #6200EE;
  --bs-success: #6200EE;
  --inputbgColor: #ECFFFC;
  --bs-success-rgb: 3, 67, 188;
	--p1: 255, 255, 255;
	--p2: #6200EE;
	--p3: #EEF5DB;
	--p4: #FF4800;
	--p5: #444CE7;
	--p6: #FAFE02;
	--p7-gradient: linear-gradient(274deg, #3FFF08 4.65%, #03FFB7 91.31%);
	--p8: #FF622B;
	--p9: #1F00FF;
	--p10: #6200EE;
	--p11: #1649FF;
	--s2: #6200EE;
	--bg1: #6200EE;
	--bg2: #96F9AF;
	--bg3: #ECFFFC;
	--bg4: #C3EDDF;
	--bg5: #EFEEE7;
	--bg6: #E5FDCE;
	--bg7: #F4F3F0;
	--bg8: #F5F8FF;
	--bg9: #C6E3D5;
	--bg10: #6200EE;
	--bg11: #F5F5F5;
	--bg12: #EFF9F6;
	--bg13: #171E33;
	--bg14: #141A2A;
	--bg15: #1D263F;
	--bg16: #E6F7F1;
	--bg17: #F9F9F9;
	--bg18: #E6E5E5;
	--bg19: #6200EE;
	--bg20: #F7F7FC;
	
	--s1: 0, 86, 81;
	--n0: #fff;
	--n1: 236, 255, 252;
	--n2: 255, 255, 255;
	--n3: 73, 76, 101;
	--n4: 255, 175, 64;
	--n5: 28, 30, 48;
	--n6: rgba(3, 67, 188, 0.06);
	--n7: 230, 247, 241;
	--n8: 205, 228, 220;
	--n9: #0D0D0D;
	--n10: #4A5551;
	--n11: rgb(22, 73, 255, 15%);
	--n12: #424F76;
	--black-clr: #1C1E30;

	--gradient-p1: linear-gradient(90deg, rgba(12, 169, 64, 0.08) 0.68%, rgba(236, 88, 88, 0.08) 100%);
	--box-shadow-p1: 0px 6px 30px 0px rgba(0, 0, 0, 0.08);
}
:root{
  --bg-primary-buton : #F59D1F;
  --bg-primary-2 : #F59D1F;
  --bg-hover-buton : #ECFFFC;
  --text-white : #fff;
}

.d--none{
  display: none;
}
.ml-10{
  margin-left: 10rem;
  /* padding: 25px 35px; */
}
.um-account-main .um-account-heading h2{
  font-size: 30px;
}
.um-account-tab.um-account-tab-points-logs h4{
  font-size: 20px;
  margin-top: 1rem;
  font-weight: 600;
}
.prize-details-history h4{
  font-size: 20px;
}
.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 .btContent{
  display: flex ;
  min-height: 90vh;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.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: var(--bg-primary-buton) !important;
  font-family: "DM Sans", Sans-serif;
  font-weight: 500;
  fill: #FFFFFF;
  color: #FFFFFF;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  /* border-color: #001735; */
  border-radius: 50px 50px 50px 50px;
  padding: 10px 40px 10px 40px;
}
.um input[type="submit"].um-button:hover, .elementor-button.ht_btn_sign:hover {
  background-color: var(--bg-hover-buton) !important;
  color: var(--bg-primary-buton) !important;
  /* opacity: 0.8; */
}

.um input[type="submit"].um-button {
  background-color: var(--bg-primary-buton) !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: #efefef;
  -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.active {
  background-color: var(--bg-primary-buton);
	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;
}
.logon-tab > a.active:hover {
  opacity: 0.6;
}

.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: inline-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;
}
.um-login .um-form,
.um-register .um-form {
  padding: 0;
  width: 100%;
  /* min-width: 40rem; */
  margin: 0 auto;
  height: auto;
}
.um-acount .um-form {
  min-width: 1100rem !important;
}

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

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

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

@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;
  }
  #user_section_id.user_section{
    padding: 2rem 0 !important;
  }
  #user_section_id.user_section .elementor-shortcode{
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

@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: 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;
}
.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;
}

@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;
}