/* Report Page Styles */

.main_container {
  max-width: none !important;
  text-align: center;
  padding: 50px 0;
}

.fix-layout {
  max-width: none !important;
}

/* Report Menu Container */
.report-menu-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  max-width: 1000px;
  margin: 0 auto;
}

/* Report Menu Items */
.report-menu-item {
  display: inline-block;
  transition: filter 0.5s ease;
}

.report-menu-item:nth-child(even) {
  margin-top: 49px;
}

.report-menu-item a {
  display: block;
}

.report-menu-item img {
  width: 260px;
  height: auto;
  display: block;
}

/* Blur Effect on Siblings when hovering */
.report-menu-item:hover ~ .report-menu-item,
.report-menu-container:has(.report-menu-item:hover) .report-menu-item:not(:hover) {
  filter: blur(3px);
}

.report-menu-item:hover {
  filter: blur(0);
}
