.card-custom1 {
  width:70%;
  max-height: 98vh;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {

  .fix-logo {
    display: none!important;
  }
  .info-custom {
    font-size: 14px !important;
    margin-top: 10px;
  }
  .card-custom {
    width:100%;
    padding: 0 !important;
    border-radius: 0px !important;
  }
  .login-form {
    max-width: 100%;
  }
  .custom-form {
    background-color: white;
  }
  .label-custom {
    font-size: 14px !important;
  }
}

.login-form {
  max-width: 90%;
}

.card-login-custom {
  width: 90% !important;
}

.info-custom {
  font-size: 14px;
  margin-top: 10px;
}

.label-custom {
  font-size: 14px;
}

.btn-custom {
  font-size: 16px;
}

.form-control {
  border-radius: unset !important;
  font-size: 14px;
}

.form-control::placeholder {
  font-size: 14px;
}

a.btn-login:hover {
  text-decoration: none !important; /* Remove underline on hover */
  color: inherit !important; /* Prevent color change on hover */
}

/* Disable hover effect for button */
button.btn-custom:hover {
  background-color: inherit; /* Prevent background color change */
  color: inherit; /* Prevent text color change */
  border-color: inherit; /* Prevent border color change */
  cursor: default; /* Optional: Prevent cursor change */
}

.btn-link {
  color: #0776be !important;
}

.btn-link:hover {
  color: #7367F0;
}

.custom-form {
  background-color: white !important;
}

.card-login-custom {
  padding: 1rem;
}
@media (max-width:912px) {
   .fix-logo {
    display: none!important;
  }
}
//Áp dụng cụ thể các kiểu cho chế độ chân dung.
@media only screen
and (min-device-width: 820px)
and (max-device-width: 834px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .fix-logo {
       display: flex!important;
    }
}
.pic-custom{
  display: none!important;
}