.sub-category-section {
 width: 100%;
 padding: 4rem 0;
}


.tab-container {
 display: flex;
 height: 100%;
 width: 100%;
}

/* Sidebar Tabs */
.tab-buttons {
 display: flex;
 flex-direction: column;
 /* background-color: #f1f1f1; */
 padding: 0;
 width: 20%;
 border-right: 3px solid #f8f9fa;
}
.tab-buttons button {
 padding: 15px;
 text-align: left;
 background: none;
 border: none;
 outline: none;
 cursor: pointer;
 font-size: 16px;
 font-family: mulish;
 text-transform: capitalize;
 transition: background-color 0.3s;
}

.tab-buttons button:hover {
 background-color: #ddd;
}

.tab-buttons button.active {
 background-color: #ccc;
 font-weight: bold;
}

/* Tab Content */
.tab-content {
 flex-grow: 1;
 padding: 20px;
 width: 80%;
}

.tab-panel {
 display: none;
}
@keyframes fadeIn {
 from {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}
.tab-panel.active {
 display: block;
 animation: fadeIn 0.3s ease-in-out;
}

.sp-card {
 width: 32% !important;
}