/* Custom CSS for spacing in header */
.header-logo {
  margin-right: 10px; /* Space between logo and text */
  border-radius: 10px;

}
.header-text {
  margin-left: 10px; /* Space between text and logo */
}

.card-body p {
  text-align: justify;
}

@media (max-width: 768px) {
  .header-text {
    font-size: 1.2rem; /* Adjust font size for smaller screens */
  }
  .header-logo {
    width: 50px; /* Reduce logo size on smaller screens */
  }
  .col-md-3.text-end {
    text-align: center; /* Center align text in the third column on small screens */
  }
  .footer {
    padding: 1rem; /* Increase footer padding for better spacing */
  }
  .scanner {
    width: 300px;
    height: 300px;
  }
  .col-md-3.text-end {
    margin-top: 10px;
  }
}