.hidden {
    display: none !important;
  }
  @media (max-width: 767px) {
    .hidden-xs {
      display: none !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
      display: none !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
      display: none !important;
    }
  }
  @media (min-width: 1200px) {
    .hidden-lg {
      display: none !important;
    }
  }
  @media print {
    .page-break {
        page-break-before: always; /* Ensures a break before this element */
        /* You can also use:
           page-break-after: always; to add a break after an element
        */
    }
}