/**********************new login page css starts***********************/
    .page-brand-info {
      height: 100vh;
      padding: 30px;
      position: relative;
  }
  .page-dark.layout-full .page-brand-info .brand {
      position: absolute;
      top: 20px;
  }
  .page-dark.layout-full .page-brand-info .brand-img  {
      width: 160px;
  }
  .brand-info-content {
      padding-top: 50px;
      margin-right: 460px;
  }
  .brand-info-content p.vertical-text {
      writing-mode: vertical-rl;
      transform: rotateZ(180deg);
      color: #ffffff63;
      height: max-content;
      text-align: center;
      font-size: 36px;
      font-weight: 700;
      margin: 0px 10px 0px 0px;
      position: relative;
  }
  .brand-info-content p.vertical-text:after {
      content: '';
      width: 2px;
      height: 21%;
      position: absolute;
      background: #ffffff63;
      left: 25px;
      bottom: -23%;
  }
  .brand-info-content p.vertical-text:before {
      content: '';
      width: 2px;
      height: 22%;
      position: absolute;
      background: #ffffff63;
      left: 25px;
      top: -23%;
  }
  .brand-info-content .vision-values span {
      margin-bottom: 22px;
      display: block;
      color: #fff;
  }
  .brand-info-content .vision-values span:last-child {
    margin-bottom: 0;
}
  .brand-info-content .vision-values h4 {
      font-size: 22px;
      margin-bottom: 3px;
      font-weight: 700;
      color: #fff !important;
  }
  .brand-info-content .vision-values p {
      font-size: 14px;
      margin-bottom: 0;
      font-weight: 400;
  }
  .page-login-v2 .page-login-main {
      padding: 60px 20px 180px;
  }
  .page-login-v2 .page-login-main>h3 {
      padding-bottom: 25px;
  }
  .page-login-v2 form {
      width: 400px;
  }
  @media(max-width:976px) {
    .brand-info-content p.vertical-text {
        font-size: 30px;
    }
    .brand-info-content p.vertical-text:before {
        height: 20%;
        left: 18px;
        top: -20%;
    }
    .brand-info-content p.vertical-text:after {
        height: 18%;
        left: 18px;
        bottom: -20%;
    }
    .brand-info-content .vision-values span {
        margin-bottom: 15 px;
    }
    .brand-info-content .vision-values h4 {
        font-size: 19px;
        margin-bottom: 0;
    }
    .brand-info-content .vision-values p {
        font-size: 13px;
    }
}
@media (min-width: 300px) and (max-width: 900px), (max-height: 500px) {  
    .brand-info-content p.vertical-text {
        font-size: 20px;
    }
    .brand-info-content p.vertical-text:before {
        height: 20%;
        left: 15px;
        top: -20%;
    }
    .brand-info-content p.vertical-text:after {
        height: 18%;
        left: 15px;
        bottom: -20%;
    }
    .brand-info-content .vision-values span {
        margin-bottom: 10px;
    }
    .brand-info-content .vision-values h4 {
        font-size: 12px;
        margin-bottom: 0;
    }
    .brand-info-content .vision-values p {
        font-size: 9px;
    }
}  
@media(max-width: 767.98px) {
  .page-login-v2 form {
    width: auto;
}
}
  /*************************new login page css ends**************************/