/*  */
    .loginPage {
      text-align: center;
      margin: 0 auto;
      box-shadow: 0 0 10px rgba(0,0,0,0.3);
      padding: 40px;
      margin-top:40px;
      margin-bottom:40px;
      border-radius: 20px;
  }
  .loginPage .top-el {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom:30px
  }
  
  .loginPage .login-heading {
      width: 60%;
      text-align: left;
  }
  .loginPage .login-heading h2{
  font-size:22px;
  font-weight:600;
  }
  .loginPage .login-heading p{
   font-size:13px   
  }
  
  .loginPage .top-el .textRegister {
      width: 40%;
      width: 40%;
      font-size: 13px;
      text-align: right;
      margin: 0;
      color:#000
  }
  
  .loginPageBox {
      max-width: 600px;
      margin: 0 auto;
      text-align: left;
  }
  
  
  .loginPageBox input.form-control {padding: 15px;border: 1px solid rgba(96, 96, 96, 0.66);width: 100%;font-size: 14px;}

  .account-form-area .form-check-label {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-weight: 400;
}

.account-form-area .form-group.form-check {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 0;
    
}
.account-form-area .form-group.form-check input {
  margin: 0;
  position: static;
  height: 25px;
  width: 25px;
  border: 1px solid rgba(96, 96, 96, 0.66);
}
  
.account-form-area .form-group.form-check a{
  color: var(--primary-color);
  font-size: 12px;
  font-weight: 300;
}
  .loginPageBox .iti.iti--allow-dropdown {
      width: 100%;
  }
  .loginPage .top-el .textRegister a {
      color: #f16d22;
  }
  
  .loginPageBox button.theme-btn {
      width: 100%;
      border-radius: 5px;
      margin-top:10px
  }
  
  .loginPageBox button.theme-btn:hover{
      border:1px solid #f16d22;
      color:#f16d22;
  }
  
  .loginPageBox .another-login::after {
      border-bottom: 1px solid rgba(153, 153, 153, 0.5);
      z-index: 1;
  }
  .loginPageBox .another-login .text {
      z-index: 11;
  }
  

  .loginPageBox .enterOtp input.form-control{
    border:none
  }

  .loginPageBox .enterOtp .boxes{
    width: 390px;
  }


  .account-form-area.enterOtp .verification-code {
    max-width: 390px;
}
.account-form-area.enterOtp p.verification-text{
  color:var(--black-color);
  font-size: 16px;
}
.account-form-area.enterOtp p.verification-text span{
  color: var(--primary-color);
  font-size: 18px;
}

.account-form-area.enterOtp button.btn {
    max-width: 390px;
}
.enterOtpbottom p, .enterOtpbottom span {
  font-size: 13px;
  font-weight: 300;
}

.enterOtpbottom a.text--danger {
  font-size: 12px;
  border: 1px solid;
  padding: 5px 10px;
  border-radius: 5px;
}

  .loginPageBox .social-login-btn {
      border-radius: 5px;
      display: flex;
      align-items: center;
      gap: 5px;
      font-size: 14px;
      border: 1px solid rgba(153, 153, 153, 1);
      max-width:130px;
  }
  
  .loginBottomtext{
      color:#999;
  }  
  .loginBottomtext a {
      color: #f16d22;
  }
  
.ownarLogin h1 {
    font-size: 40px;
    font-weight: 500;
}

.ownarLogin .login-wrapper__body {
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
}


.ownarLogin .login-form .form-control{
  padding: 10px;
  color: var(--black-color) !important;
}

.loginHeading h3 {
    font-weight: 600;
    font-size: 25px;
}
.loginHeading p {
    color:  rgba(96, 96, 96, 0.8);
}

.ownarLogin .login-form label {
    color: rgba(8, 8, 8, 0.8);
    font-weight: 300;
}


.ownarLogin p a,
.login-form .forget-text{
    color: var(--primary-color);
}







.loginPageBox .userData input.form-control, .loginPageBox .userData select {
  height: auto;
  padding: 10px;
}
.loginPageBox .userData span.input-group-text.mobile-code {
  border: 0;
  padding: 8px 10px;
  position: absolute;
  left: 0;
  z-index: 1;
  border-radius: 0;
  top: 1px;
}
.loginPageBox .userData input.form-control.form--control.checkUser {
  border-radius: 5px !important;
  overflow: hidden;
}
.loginPageBox .userData .select2-container .select2-selection--single .select2-selection__rendered{
  line-height: 40px;
}




section.account-section.ownerAccount {
  height: 100%;
}


.ownerAccounts .form-group span.input-group-text.mobile-code {
  background: #ffffff;
  position: absolute;
  padding: 12px;
  border-radius: 0;
  color: #000;
}
.ownerAccounts .form-group span#select2-country-container {
  border: 1px solid #000;
  border-radius: 5px;
}
.ownerAccounts .form-group input#mobile {
  border-radius: 5px;
}

.ownarLogin .login-form .verification-code .form-control{
  padding: 20px !important;
  color: var(--black-color) !important;
  text-align: left !important;
  width: 400px !important;
}

.ownerAccount .verification-code .boxes span {
  border: 1px solid #333; 
  /*border: none !important;*/
  margin: 0 auto;
  padding: 0;
}
.verificationOtp{
  width: 337px;
}

.verificationOtp input{
  width: 100% !important;
}

.verification-code::after{
  display: none;
}

.ownerAccount .verification-text {
  color: #000;
  font-weight: 300;
  font-size: 14px;
}


@media (max-width:767px){
  .loginPage{
    padding: 30px 20px;
  }
  .ownarLogin h1{
    font-size: 25px;
  }
  .ownarLogin .content.text-center {
    padding: 30px 10px;
}
form.verify-gcaptcha.login-form.mt-5 {
  margin-top: 20px !important;
}
section.account-section.ownerAccount {
  height: auto;
  margin-bottom: 60px;
}
}