body {
      /* background-color: #f5f5f5; */
      font-family: 'Poppins', sans-serif;
      padding: 1.5rem;
    }

    .form-container {
      max-width: 380px;
      margin: 80px auto;
      background: #fff;
      border-radius: 15px;
      /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */
      padding: 10px;
      text-align: center;
    }

    .logo-section {
      color: #000;
      padding: 10px;
      border-radius: 10px;
      text-align: left;
    }

    .logo-section h3 {
      margin: 0;
      font-weight: 700;
      color: orangered;
      font-size: 40px;
    }

    .form-control {
      border-radius: 10px;
      padding: 12px;
      border: 1px solid orangered;
    }

    .btn-login {
      background-color: orangered;
      color: #fff;
      font-weight: 600;
      width: 120px;
      border-radius: 10px;
      padding: 13px;
      border: none;
      
    }




    .btn-login:hover {
      background-color: orangered;
    }

    .text-muted a {
      color: orangered;
      text-decoration: none;
      font-weight: 500;
    }

    .text-muted a:hover {
      text-decoration: underline;
    }