.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
  /* background-color: #fff; */
  background-color: rgba(0,0,0,0.5) !important;

}

.footer {
  left:0;
  position:fixed;
  bottom:0;
  text-align:center;
  color:white;
  width:100%;
}


html,body{
  background-image: url('../img/field-3.jpg');  
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}


/* new updates version  */

    body {
      margin: 0;
      padding: 0;
      background: linear-gradient(to bottom right, #f8f9fa, #e9ecef);
      font-family: 'Segoe UI', sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      text-align: center;

  background-image: url('../img/field-3.jpg');  
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;

    }

    .container {
      padding: 1rem;
      max-width: 500px;
      width: 100%;
    }

    .logo-wrapper {
      background-color: #ffffff;
      border: 1px solid #dee2e6;
      border-radius: 12px;
      padding: 1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      transition: transform 0.3s ease;
    }

    .logo-wrapper:hover {
      transform: scale(1.02);
    }

    .logo-wrapper img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
    }

    .caption {
      margin-top: 1rem;
      font-size: 1rem;
      color: #6c757d;
      letter-spacing: 0.5px;
    }