:root {
  --bs-modal-width: 90%;
}

/* Increase page content width */
.container {
  width: 90%;
}

.modal-dialog {
  max-width: 90% !important; /* Make modal dialog wider */
  width: 90% !important;
  margin-left: auto;
  margin-right: auto;
}

.modal-lg {
  width: 90%;
}

@media (max-width: 767px) {
  .modal-dialog {
    max-width: 98% !important;
    width: 98% !important;
  }
  .modal-lg {
    width: 90%;
  }
}

/* Increase the height of the header */
.navbar-header {
  height: 100px; /* Adjust the height as needed */
}

/* Ensure the content within the header is vertically centered */
.navbar-header .navbar-brand {
  line-height: 100px; /* Match this value to the height of the header */
}

/* Adjust the height of the mobile header as well */
@media (max-width: 767px) {
  .navbar-header {
    height: 80px; /* Adjust the height for mobile view */
  }
  .navbar-header .navbar-brand {
    line-height: 80px; /* Match this value to the height of the mobile header */
  }
}

footer .footer-bottom {
  background-color: transparent;
  background-image: url("/unify-support-footer-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}