/*------------ Login container ------------*/

.box-area{
    /* width: 930px; */
}
/*------------ Right box ------------*/
.right-box{
    padding: 40px 30px 40px 40px;
}
/*------------ Custom Placeholder ------------*/
::placeholder{
    font-size: 16px;
}
.rounded-4{
    border-radius: 20px;
}
/* .rounded-5{
    border-radius: 30px;
} */
/*------------ For small screens------------*/
@media only screen and (max-width: 768px){
     .box-area{
        margin: 0 10px;
     }
     .left-box{
        height: 100px;
        overflow: hidden;
     }
     .right-box{
        padding: 20px;
     }
}
.loginMainWrapper {
    display: flex;
    min-height: 100vh;
  }
  .bg-color-aq {
    background-color: #fffcf5;
    height: 100%;
  }
  
  .loginMainWrapper .LoginLeftBlock.w-70 {
    width: 36.4%;
    /* width: 37.8%; */
    /* width: 50%; */
    height: 100vh;
  }
  
  .loginMainWrapper .LoginLeftBlock {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    display: -webkit-flex;
    position: relative;
    width: 100%;
  }
  .loginMainWrapper .LoginRightBlock {
    /* width: 50%; */
    width: 62.2%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #fffcf5;
  }
  
  .loginMainWrapper .LoginRightBlock .loginDetail {
    padding: 15px 30px 0;
    width: 100%;
    overflow: auto;
    background: #fffcf5;
    align-items: center;
    position: relative;
    border-radius: 5px;
  }
  
  @media screen and (min-width: 1024px) {
    .loginMainWrapper .LoginRightBlock .loginDetail.login-page-rr {
      padding: 15px 30px 0;
      height: 100vh;
      overflow: auto;
    }
  }
  @media screen and (max-width: 1200px) {
    .loginMainWrapper .LoginRightBlock {
      /* width: 35%; */
    }
  }
  @media screen and (max-width: 991px) {
    .loginMainWrapper .loginMainWrapper .LoginLeftBlock.w-70 {
      display: none;
    }
    .loginMainWrapper {
      flex-wrap: wrap;
    }
    .loginMainWrapper .LoginRightBlock {
      width: 100%;
    }
    .loginMainWrapper .LoginRightBlock,
    .loginMainWrapper.registerLogWrapper .LoginRightBlock {
      max-width: 100%;
    }
    .loginMainWrapper .LoginRightBlock .loginDetail {
      width: 100%;
      padding: 0 15px;
      display: grid;
      align-content: center;
    }
  }
  
  @media screen and (max-width: 768px) {
    .bg-color-aq .loginMainWrapper .LoginLeftBlock {
      display: none;
    }
  }
  
  @media screen and (max-width: 576px) {
    .loginMainWrapper .loginDetail.login-page-rr {
      padding: 10px 15px !important;
    }
  }
  
  @media screen and (max-width: 360px) {
    .loginMainWrapper .loginDetail.login-page-rr {
      padding: 10px 15px !important;
      align-items: flex-start;
    }
  }