.auth-button{
    border: 1.5px solid rgba(3, 86, 147, 1);
}


body{
    font-family: "Nunito Sans", sans-serif;
}

.auth-disc{
    padding:20px;
    width:50px;
    display:flex;
   justify-content:center;
   align-items:center;
    height:50px;
    background:rgba(3, 86, 147, 0.15);
    color: rgba(3, 86, 147, 1);
    border-radius:100px;
    font-size:26px !important
}

.flip-blue{
    background:rgba(3, 86, 147, 1);
}

.flip-border-blue{
    border:1px solid rgba(3, 86, 147, 1);
}

.form-au{
    font-size: 13px !important;
    /* background: rgba(229, 229, 229, 1) !important; */
    color: rgba(176, 176, 176, 1);
    border: 1px solid rgba(229, 229, 229, 1);
    background: rgba(249, 250, 251, 1);
}

.auth-icon{
 color:   rgba(3, 86, 147, 1);
 font-size:40px;
 align-self:center;
 font-weight:bold;
}

.w-40{
    width:45%;
}

.forget-password{
    font-size: larger;
    color: rgba(3, 86, 147, 1);
    text-decoration: none;
}


.reg{ 
    color: rgba(3, 86, 147, 1);
    text-decoration: none;
}

.w-60{
    width:60%;
}

.auth-text{
    font-size:19px;
}

.back-btn{
    font-size:40px;
    color:   rgba(3, 86, 147, 1);
    margin-left: -9px;
    width:0px;
}

.auth-pd{
    padding:0px !important;
    padding-left:0px !important;
}

.form-auth{
    position: relative;
    flex-shrink: 0;
    min-height: 100%;
}

body, html{
    overflow:hidden;
}


.cursor-pointer{
    cursor:pointer;
}

@media only screen and (max-width: 992px) {
.hide-mobile{
    display:none !important;
}
.full-mobile{
    width:100% !important;
    padding: 33px !important;
    align-self: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
}

body, html{
    height:100vh !important;
    overflow:unset !important;
}
.auth-title{
    font-size:30px !important;
}
}

.flip-alert{
    background:rgba(3, 86, 147, 0.15);
    border:1.5px solid rgba(3, 86, 147, 1);
}


.flip-blue:hover{
    background:rgb(6, 94, 157);
    color:white;
}


.flip-blue:active {
    background: rgb(6, 94, 157) !important; 
    color: white !important;
}


.btn-header-blue-outline {
    border: 1.5px solid rgba(3, 86, 147, 1) !important;
  
    border-radius: 200px;
  
    color: rgba(3, 86, 147, 1);
    padding:12px;
    text-align: center;
    justify-content: center;
    width:250px;
    font-size:18px;
  }

  .ins-step{
    border:0.5px solid #035693;
    height:10px;
    width:85px;
    border-radius:10px;
  }

  .ins-active{
    background: #035693;
  }

  .card-ins{
    height:140px;
    width:330px;
    border-radius:30px;
    border:1.2px solid #035693;
    cursor:pointer;
  }

  .card-ins:hover{
    background: #DBEAFE;
    border:2.5px solid #035693;
  }

  .card-ins:hover svg rect {
    fill: #035693;
}

.card-ins:hover svg path {
    stroke: #FFFFFF;
}


  .goto-ins{
    position: relative;
    margin-left: 250px;
    top: -100%;
  }

  .ins-bg{
    width: 100%;
    display: FLEX;
    justify-content: end;
    /* position:fixed; */
  }

  button#insbtn{
    padding: 9px !important;
    width: 35% !important;
    align-self: end !important;
  }

  .ins-coming-soon{
    width: 189px;
    border: 2px solid #035693;
    height: 36px;
    border-radius: 10px;
    display: FLEX;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    color: #035693;
    margin:3px;
  }