.main-content{
    height: 100vh;
}

.success-icon .material-icons{
    font-size: 5rem;
    color:#13AC22;
}

body {
    background: #5e17eb !important;
}

.forgetpassword-content{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-content .forgetpassword-content .card{
    background: #FFFFFF;
    box-shadow: 0px 4px 20px #C1C5C7;
}

.main-content .forgetpassword-content .card .logo-container{
    padding: 0 30%;
}

.main-content .forgetpassword-content .card input.form-control{
    border: 1px solid #ccc;
    font-size: 14px;
    font-weight: 300;
}

.main-content .forgetpassword-content .card .form-label{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #343434;
}

.main-content .forgetpassword-content .card .forget-text{
    font-size: 12px;
    color: rgb(159 1 255);
    position: relative;
    top: 5px;
}

.main-content .forgetpassword-content .card .remember-me span{
    font-size: 13px;
    margin-left: 5px;
    position: relative;
    top: -1px;
}

.main-content .forgetpassword-content .card button{
    font-size: 14px;
    background-color: #5e17eb;
    border: 1px solid #5e17eb;
    color: #fff;
    transition: 0.4s;
    border-radius: 100px;
    width: 80%;
}

.main-content .forgetpassword-content .card button:hover{
    font-size: 14px;
    background-color: transparent;
    border: 1px solid #5e17eb;
    color: #5e17eb;
}

.go-back-btn a{
    color: #5e17eb;
}

/* =========== Right Section ============ */
.nav-item .tab-point{
    font-size: 1rem;
    color: #000;
    margin-right: 5px;
}

.tab-menu-info .material-icons{
    font-size: 0.8rem;
    position: relative;
    left: 5px;
    top: 1px;
}

.tab-menu-info .tab-menu-info-text{
    min-width: 180px;
    font-size: 0.6rem;
    position: absolute;
    bottom: 60px;
    z-index: 10;
    background: #fff;
    color: #000;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
    padding: 8px;
    line-height: 1rem;
    border-radius: 4px;
    display: none;
    transition: 0.3s;
}

.tab-menu-info:hover .tab-menu-info-text{
    display: block;
    transition: 0.3s;
}

.form-label{
    display: flex;
}

/* =================== Register success css =================== */
.register-info-text p{
    font-size: 0.9rem;
    color: #000;
    font-weight: 300;
    line-height: 1.3rem;
}

  .register-info-text h6{
    color: #000;
    margin-bottom: 0;
  }
  .register-info-text p b{
    font-weight: 500;
    color: #000;
  }

  .register-info-text p b u{
    text-decoration: underline !important;
  }
  .register-info-text p a{
    color: #000;
    /* text-decoration: underline !important; */
    font-weight: 500;
  }


  /* ============= MEADIA QUERIES (LARGE DEVICES)============ */
  @media screen and (min-width:992px) and (max-width:1600px){

   .main-content .left-section {
      padding: 0 0%;
  }

    .main-content .left-section .card {

      padding: 8% 1% 10% 1%;
  }

  }

  /* ============= MEADIA QUERIES (MEDIUM DEVICES)============ */
  @media screen and (max-width:992px){

    .main-content .left-section{
      padding: 0% 10% 5% 10%;
      top: 20%;
      left: 0%;
    }

    .main-content .right-col{
      display: none;
    }
    .main-content .right-section {
      top: 8%;
      padding: 0 5% 40% 5%;

  }

  }

  /* ============= MEADIA QUERIES (SMALL DEVICES)============ */
  @media screen and (max-width:600px){
    .forgetpassword-content{
        height: 100%;
        display:flex;
        /* justify-content: center; */
        padding: 3%;
      }

  }