#randomText {
    width: 150px;
    height: 40px;
    font-size: 18px;
    /*color: #461220;
      background-color: #FCB9B2;*/
    color: #fff;
    background-color: #000;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: 10px;
    /*padding-left: 10px;
      /*padding-right: 10px;*/
  }
  
  .container-fluid {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ebedef;
  }
  /*.container-fluid{
      background-color:#EBEDEF;
      height: 100vh;
  }*/
  .card0 {
    box-shadow: 0px 4px 8px 0px #757575;
    border-radius: 0px;
    width: 98%;
    height: 98%;
  }
  
  .card2 {
    border-radius: 15px;
  }
  
  .error {
    color: red !important;
  }
  
  .password_field {
    width: 100%;
    position: relative;
    /*border: 1px solid red;*/
  }
  
  .password_field span i {
    /*width: 90%;*/
    position: absolute;
    right: 95px;
    top: 33%;
    /*transform: translateY(-50%);*/
    cursor: pointer;
  }
  /*
  .card2 h4{
         font-size: 1.6em ;
         font-weight: 800;
         text-transform: capitalize;
         margin-top: 1rem;
         color: #1A237E;
  }   */
  
  .logo {
    width: 14%;
    /* height: 65px;
    margin-top: 20px;
    margin-left: 35px; */
    /*object-fit: cover;*/
  }
  
  .image {
    width: 360px;
    height: 280px;
  }
  
  .border-line {
    border-right: 1px solid #eeeeee;
  }
  
  .facebook {
    background-color: #3b5998;
    color: #fff;
    font-size: 18px;
    padding-top: 5px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    cursor: pointer;
  }
  
  .twitter {
    background-color: #1da1f2;
    color: #fff;
    font-size: 18px;
    padding-top: 5px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    cursor: pointer;
  }
  
  .linkedin {
    background-color: #2867b2;
    color: #fff;
    font-size: 18px;
    padding-top: 5px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    cursor: pointer;
  }
  
  .line {
    height: 1px;
    width: 45%;
    background-color: #e0e0e0;
    margin-top: 10px;
  }
  
  .or {
    width: 10%;
    font-weight: bold;
  }
  
  .text-sm {
    font-size: 14px !important;
  }
  
  ::placeholder {
    color: #bdbdbd;
    opacity: 1;
    font-weight: 300;
  }
  
  :-ms-input-placeholder {
    color: #bdbdbd;
    font-weight: 300;
  }
  
  ::-ms-input-placeholder {
    color: #bdbdbd;
    font-weight: 300;
  }
  
  input,
  textarea {
    padding: 10px 12px 10px 12px;
    border: 1px solid lightgrey;
    border-radius: 2px;
    margin-bottom: 5px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    color: #2c3e50;
    font-size: 14px;
    letter-spacing: 1px;
  }
  
  input:focus,
  textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #304ffe;
    outline-width: 0;
  }
  
  button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0;
  }
  
  a {
    color: inherit;
    cursor: pointer;
  }
  
  .btn-blue {
    background-color: #1a237e;
    width: 150px;
    color: #fff;
    border-radius: 2px;
  }
  
  .swal-overlay--show-modal .swal-modal {
    /*background-color: #1A237E !important; */
  }
  
  .swal-text {
    color: #1a237e !important;
    font-weight: 600;
    text-transform: capitalize;
    leter-spacing: 1px;
  }
  .btn-blue:hover {
    /*background-color: #000;*/
    color: #fff !important;
    opacity: 0.9;
    cursor: pointer;
  }
  
 .bg-blue {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  } 
  
  
  .alert {
    width: 100% !important;
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
  }
  
  .register_link {
    float: right;
  }
  @media screen and (max-width: 991px) {
    .container-fluid {
      height: 100%;
    }
    .logo {
      margin-left: 10px;
    }
  
    .image {
      width: 300px;
      height: 250px;
    }
  
    .border-line {
      border-right: none;
      margin-bottom: 0px !important;
    }
    
    .card1 {
      padding-bottom: 2px !important;
    }
  
    .register_link {
      float: left;
      margin-top: 10px;
  }
  .bg-blue {
      position: relative;
  }
  }
  
  .container-fluid .card0 .hjjhj .lkjhp hr {
      border: none;
      border-top: 3px double #333;
      color: #333;
      overflow: visible;
      text-align: center;
    height: 5px;
    border-radius: 10px;
  }
  
  .container-fluid .card0 .hjjhj .lkjhp hr:after {
      background: #fff;
      content: "�";
    padding: 0 4px;
    position: relative;
    top: -13px;
  }
  
  /* new code */
  
  nav {
  background-color: #fff;
  padding: .5rem;
  box-shadow: 0 0.125rem 0.562rem #26273b24;
  }
  
  
  .new__body{
      width: 100%;
      background-color: #f0f0f5;
      border-radius: 0.375rem;
      padding: 2rem 9rem;
  }
  @media only screen and (max-width: 600px) and (min-width: 100px) {
      .new__body{
          padding: 1rem;
      }
  }
  .card__border-none{
      border: none;
      box-shadow: 0 2px 6px #26273b24;
  }
  
  .overlay__text{
      position: relative;
  }
  .overlay__text-icon{
      position: absolute;
      top: 8px;
      right: 17px;
  }
  
  .overlay__text-content{
      position: absolute;
      top: 65%;
      left: 4%;
      padding: 1.5rem;
      color: white;
      font-weight: 600;
  }
  @media only screen and (max-width: 800px) and (min-width: 100px) {
      .overlay__text-content{
          position: absolute;
          top: 50%;
          left: 0%;
          padding: 1rem;
          color: white;
          font-weight: 600;
          font-size: 1rem;
      }
  }
  @media only screen and (max-width: 1400px) and (min-width: 1000px) {
      .overlay__text-content{
          position: absolute;
          top: 65%;
          left: 1%;
          padding: 1rem;
          color: white;
          font-weight: 600;
          font-size: 1rem;
      }
  }
  @media only screen and (max-width: 1000px) and (min-width: 100px) {
    .display__none_mobile{
        display: none;
    }
  }
  .overlay__text-content a{
      text-decoration: none;
  }
  .overlay__text-content a:hover{
      color: #e67025;
      text-decoration: none;
  }
  
  .login__left-panel {
      width: 100%;
      height: 100%;
      border-radius: .5rem 0rem 0rem 0.5rem;
  }
  
  .new__title{
      font-size: 1.5rem;
      color: #333;
      text-align: center;
  }
  
  .new__label{
     color: #26273b;
     font-size: 1rem;
  }
  
  .new__label a{
      text-decoration: none;
     color: #737394;
     font-size: 1rem;
  }
  .new__label a:hover{
      text-decoration: none;
     color: #b0b0f7;
     font-size: 1rem;
  }
  
  .new__btn{
      background-color: #392d7d;
      color: white;
      width: 100%;
  }
  .new__btn:hover{
      background-color: white;
      border: 1px solid #392d7d;
      color: #392d7d;
      width: 100%;
  }
  
  .new__form-footer{
      text-decoration: none;
      color: #737394;
      font-size: 1rem;
      text-align: center;
  }
  .new__form-footer:hover{
      color: #e67025;
      text-decoration: none;
  }
  
  /* new footer  */
  .new__footer{
      text-align: center;
      color: #757575;
  }
  .new__footer a{
      text-align: center;
      color: #757575;
      text-decoration: none;
  }