/* resources/css/login.css */
.gradient-custom {
    /* fallback for old browsers */
    /* background: #6a11cb; */
  
    /* Chrome 10-25, Safari 5.1-6 */
    /* background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1)); */
  
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /* background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1)); */
  /* /* } */
   /* */
   background: #ffffff;
};

/* .btn-outline-custom-yellow {
  border: none;
  color: #f9d342;
  background-color: #f9d342; 
}

.btn-outline-custom-yellow:hover {
  background-color: #f9d342; 
  color: #000 !important; 
} */


/* resources/css/login.css */

/* resources/css/login.css */
.button-container .btn {
  background-color: #fff9c4;
  border: none;
  color: #000;
}

/* resources/css/login.css */
.button-container .btn {
  background-color: #fff9c4;
  border: none;
  color: #000;
}

.custom-login-card {
  border-radius: 1rem;
  background-color: rgba(0, 188, 212, 0.5);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  max-width: 900px; /* Sesuai untuk login form besar */
  width: 100%;
}


  /* resources/css/login.css  */
.gradient-custom {
    /* / fallback for old browsers /
    / background: #6a11cb; /

    / Chrome 10-25, Safari 5.1-6 /
    / background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1)); /

    / W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ /
    / background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1)); /
  / /* } /
   / / */
   background: #ffffff;
};

/* .btn-outline-custom-yellow {
  border: none;
  color: #f9d342;
  background-color: #f9d342; 
}

.btn-outline-custom-yellow:hover {
  background-color: #f9d342; 
  color: #000 !important; 
}  */



/* .button-container .btn {
  background-color: #fff9c4;
  border: none;
  color: #000;
} */


.button-container .btn {
  background-color: #fff9c4;
  border: none;
  color: #000;
}

.custom-login-card {
  border-radius: 1rem;
  background-color: rgba(0, 188, 212, 0.5);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  max-width: 900px; 
  width: 100%;
}
.responsive-img {
  max-width: 400px; 
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 576px) {
  .responsive-img {
    max-width: 250px; 
      height: 70px;
  width: 400px;

  }
}