html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden; /* Prevent horizontal scrolling */
}

.container-fluid {
  padding: 0; /* Remove default padding */
}

.image {
  width: 100%;
  height: auto; /* Maintain aspect ratio */
  display: block; /* Remove extra spacing from inline-block */
}


.item-box {
  display: flex; /* Use flexbox for alignment */
  align-items: center; /* Center content vertically */
  justify-content: center; /* Center content horizontally */
  text-align: center; /* Align text horizontally inside the box */
  min-height: 6vh;
  background-color: #1f255b;
  padding: 5px;
  box-sizing: border-box; /* Ensure padding and border are part of the box's width/height */
  flex: 0 0 calc(16.66% - 1px); /* 6 items per row accounting for the gap */
  border-right: 1px solid #555b92; /* Thin vertical divider */
  font-size: 9px;
  /* font-family: 'Calibri'; */
  font-display: inherit;
  /* border-bottom: 1px solid #555b92; */
}