/* Top Navigation Menu */
.top-menu.anistonpr {
  display: flex;
  background: #000;
  padding: 20px;
  justify-content: center;
  gap: 100px;
  flex-wrap: wrap;
  margin-top: 50px;
}

.top-menu.anistonpr i {
  color: #fff;
}

.menu-item.anistonpr {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  transition:font-size 0.2s ease;
}

.menu-item.anistonpr:hover,
.menu-item.anistonpr.active {
  color: #f2f2f2;
  font-size: 2rem;
}

/* Content Sections */
.content-section.anistonpr {
  display: none;
  padding: 20px;
  margin: 20px auto;
  width: 80%;
  transition: all 0.3s ease-in-out;
}

.content-section.anistonpr.active {
  display: block;
  animation: fadeIn 0.3s ease-in-out;
}

.content-section > h2 {
  font-size: 2.5rem;
}

.content-section > ul {
  color: #555;
  line-height: 3rem;
  margin-left:1em;
}
.content-section > ul > li {
  list-style: initial;
}

/* Table Styling */
table.anistonpr {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  font-size: 14px;
}

thead {
  background-color: #222;
  color: white;
}

th,
td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

.anistonpr>thead tr th{
  font-weight: 100;
}
.anistonpr>tbody{
  color: #555;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

/* Product Dimension */
.diagram-container.anistonpr {
  display: flex;
  justify-content: center;
  padding: 10px;
}

.diagram-container.anistonpr img.anistonpr {
  max-width: 50vw;
  height: auto;
}

/* Resources & Software Section */
.resource-container.anistonpr,
.software-container.anistonpr {
  display: flex;
  justify-content: center;
  gap: 40px;
  align-items: flex-start;
  padding: 20px;
}

.software-container.anistonpr {
  width: 100%;
  border: 1px solid #333;
  border-radius: 8px;
}

.resource-card.anistonpr,
.software-card.anistonpr {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  width: 350px;
  min-height: 120px;
  border: 1px solid #000;
  transition: box-shadow 0.3s ease;
}

/* Hover Effect */
.resource-card.anistonpr:hover,
.software-card.anistonpr:hover {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

/* Icons */
.resource-card.anistonpr i,
.software-card.anistonpr i {
  font-size: 35px;
  color: #000;
  margin-right: 15px;
}

/* Text Container */
.resource-text,
.software-text {
  flex: 1;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 80px;
}

.resource-card:hover a {
  color: blue;
}

.resource-card:hover .resource-text i {
  color: blue;
}

.software-card:hover a {
  color: blue;
}

.software-card:hover .software-text i {
  color: blue;
}

/* Transparent Download Button */
.download-btn.anistonpr {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 15px;
  background: transparent;
  color: #000;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: border 0.3s ease, color 0.3s ease;
  font-size: 14px;
  border: 2px solid transparent;
  justify-content: center;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  /* Stack the top menu vertically */
  .top-menu.anistonpr {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .menu-item.anistonpr {
    width: 100%;
    text-align: center;
    padding: 12px;
    font-size: 14px;
  }

  /* Adjust content section width */
  .content-section.anistonpr {
    width: 95%;
    margin: 10px auto;
  }

  /* Adjust diagram images */
  .diagram-container.anistonpr {
    flex-direction: column;
    align-items: center;
  }

  .diagram-container.anistonpr img.anistonpr {
    max-width: 90%;
    height: auto;
  }

  /* Stack resource and software cards */
  .resource-container.anistonpr,
  .software-container.anistonpr {
    flex-direction: column;
    align-items: center;
  }

  .resource-card.anistonpr,
  .software-card.anistonpr {
    width: 90%;
  }

  /* Smaller font sizes */
  /* h2 {
        font-size: 2rem !important;
    } */

  p,
  li,
  td {
    font-size: 14px;
  }

  .menu-item.anistonpr {
    font-size: 14px;
  }
  .content-section.anistonpr table.anistonpr {
    display: table;
    width: 100%;
    font-size: 12px;
    table-layout: fixed;
    /* Ensures columns don't stretch */
    word-wrap: break-word;
    /* Forces words to break */
    white-space: normal;
    /* Ensures text wraps inside the cells */
  }
}