*{
      padding: 0px;
    margin: 0px ;
  }
     /*.login-page {*/
     /*  width: 500px;*/
       /* padding: 8% 0 0; */
     /*  margin: auto;*/
     /*}*/
    
     .form {
       position: relative;
       z-index: 1;
       background: transparent;
       max-width: 500px;
       margin: 0px auto 0px;
       padding: 45px;
       text-align: center;

       /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); */
     }
     
     .form input {
       font-family: "Roboto", sans-serif;
       outline: 0;
       background: white;
       width: 85%;
       border: 0.5px solid grey;
       border-radius: 5px !important;
       margin: 0 0 15px;
       padding: 12px;
       box-sizing: border-box;
       font-size: 14px;
     }
     .form .sign_in_btn {
       font-family: "Roboto", sans-serif;
       text-transform: uppercase;
       outline: 0;
       background: #e0c974;
       width: 85%;
       border: 0;
       padding: 10px;
       color: #FFFFFF;
       font-size: 14px;
       -webkit-transition: all 0.3 ease;
       transition: all 0.3 ease;
       cursor: pointer;
     }
     
     .sign_in_btn span{
         color:#0b1e54;
     }
     
     .form .sign_in_btn:hover,.form .sign_in_btn:active,.form .sign_in_btn:focus {
       /*background: #0b1e54 ;*/
        opacity:0.8;
       transition: ease 0.5s;
     }
     .form .message {
       margin: 15px 0 0;
       color: #b3b3b3;
       font-size: 12px;
     }
     .form .message a {
       color: #aa4348  !important;
       text-decoration: none;
     }
     

     
    
     
     #rememberMe{
       margin: 0px;
     }
     
     
     /* #forget_id{
     text-align: end;
     padding: 8px;
     } */
   
     
     #login_heading{
     margin: 20px;
     color: white;
     }
     

     .remember_me{
         color: #e0c974;
         /* text-align: start; */
     }
     

     .remember_me input:checked{
         border-color: white !important;
         background-color:#e0c974 !important;
     }
     
     .log_for_div{
        display: flex;
        justify-content: center;
        align-items: center;
     }
     

     /* GOOGLE BTN */

     .login-with-btn {
        transition: background-color .3s, box-shadow .3s;
        width: 85% !important;
        padding: 10px;
        border: none;
        border-radius: 3px;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
        
        color: black !important;
        font-size: 13px;
        font-weight: 500;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
        
        background-color: white;
        background-repeat: no-repeat;
        background-position: 12px 11px;
        
       
      }
      
      .login-with-btn:hover{
          color:  #e0c974 !important;
      }



      .google_icons{
          width: 10px !important;
      }

      
      .google_icon{
        width: 40px !important;
        height: 21px !important;
      }

      .g_btn_span .img-thumbnail{
        padding: 0px !important;
        background-color: none !important;
        border: none !important;
        border-radius: none !important;
        max-width: 100%;
      }


      a{
          text-decoration: none !important;
            color: #e0c974;
        }
        
        #forget_id a{
            color: #e0c974 !important;
        }

      /*a:hover{*/
      /*    color:  #e0c974 !important;*/
      /*}*/

      .create_account a{
        text-decoration: none !important;
        color: #e0c974  !important;
      }


      .logo_div {
          color: #e0c974 ;
      }



      .content_list{
        list-style: none ;
      }
      
      
      .modal-footer a{
          background-color:#e0c974  !important;
      }
      
      .modal-footer a:hover{
          background-color:#e0c974  !important;
      }
      
        
      @media only screen and (min-width: 320px) and (max-width: 425px) {
      .form {
    
     margin:auto !important ;
     padding: 25px !important;
      }
    
     
}


@media only screen and (min-width: 426px) and (max-width: 768px) {
      .form {
    
     margin:auto !important;
     padding: 25px !important;
      }
    
     
}