/* .icats-right {
 position: relative;
 width: 70%;
}

.concealed-box {
 position: absolute;
 opacity: 0;
}

.concealed-box.active {
 opacity: 1;
}

.tab-head {
 cursor: pointer;
}

.tab-head.active {
 background-color: #d10d0e;
 color: #fff;
} */

body {
 font-family: 'Roboto', sans-serif;
}

.cat-section {
 padding: 4rem 2rem;
}

.inside-cat {
 display: flex;
 gap: 20px;
 max-width: 1200px;
 margin: 0 auto;
}

.icats-left {
 width: 30%;
 display: flex;
 flex-direction: column;
 gap: 20px;
 padding: 2rem;
 border: 1px solid #d9d5d5;
 border-radius: 20px;
}

.icats-left h2 {
 font-family: 'Space Grotesk', sans-serif;
 text-transform: capitalize;
 font-size: clamp(1.5rem, 3vw, 1.75rem);
 /* Responsive font size */
 margin: 0;
}

.icats-left ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

.icats-left ul li {
 padding: 0.8rem;
 margin-bottom: 1rem;
 text-transform: capitalize;
 border-radius: 9px;
 font-weight: 500;
 color: #515151;
 transition: all 0.3s ease;
 cursor: pointer;
}

.icats-left ul li.active {
 background-color: #d10d0e;
 color: #fff;
}

.icats-right {
 width: 70%;
 padding: 2rem;
}

.concealed-box {
 display: none;
 flex-direction: column;
 gap: 20px;
 width: 100%;
}

.concealed-box.active {
 display: flex;
}

.p-img {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 gap: 19px;
 font-family: 'Roboto', sans-serif;
 font-weight: 600;
 font-size: 22px;
 padding: 2rem;
}

.p-img img {
 max-width: 60%;
 /* Make images responsive */
 height: auto;
}

/* Table styles */
.cb-down {
 overflow-x: auto;
 /* Add horizontal scroll on small screens */
 width: 100%;
}

table {
 width: 100%;
 border-collapse: collapse;
 text-align: center;
 min-width: 600px;
 /* Ensures the table doesn't get too narrow */
}

caption {
 padding: 1rem;
 font-family: 'Space Grotesk', sans-serif;
 font-size: clamp(1.2rem, 2vw, 1.4375rem);
 font-weight: 700;
 text-transform: capitalize;
 background: #d10d0e;
 color: #fff;
 border-radius: 10px;
 margin-bottom: 1rem;
 white-space: nowrap;
}

th,
td {
 padding: 0.8rem 0.5rem;
 font-family: 'Roboto', sans-serif;
 font-size: clamp(0.875rem, 1.5vw, 1rem);
 white-space: nowrap;
}

th {
 font-family: 'Space Grotesk', sans-serif;
 font-size: clamp(1rem, 1.7vw, 1.0625rem);
 text-transform: capitalize;
}

tbody tr:nth-child(odd) {
 background-color: #f1f1f1;
}

/* Responsive Media Queries */
@media (max-width: 900px) {
 .inside-cat {
  flex-direction: column-reverse;
 }

 .icats-left,
 .icats-right {
  width: 100%;
  padding: 1rem;
 }

 .icats-left {
  border-radius: 10px;
 }
}