.tab-section__head {
    z-index: 999; /* Ensure header stays above other content */
    width: 100%; /* Full width of parent */
    transition: all 0.3s ease; /* Smooth transition for sticky effect */
    position: relative; /* Default position */
}

.tab-section__head.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.tab-section-content {
  padding-top: 100px; /* Match or exceed sticky header height */
}


/* Ensure parent container doesn't hide the sticky header */
.container {
    position: relative;
    overflow: visible ; /* Prevent clipping */
}

/* Prevent content from being hidden under sticky header */
.tab-section-content {
    padding-top: 80px; /* Adjust based on header height */
}

/* Style for tab items */
.tab-head-item__name {
    cursor: pointer;
    transition: color 0.3s ease;
}

.tab-head-item__name:hover {
    color: #37cc8d; /* Adjust hover color to match design */
}

/* Ensure parent sections don't interfere */
.sec-pd.sec-tab {
    position: relative;
    overflow: visible ;
}

/* Center the tab content within the container */
.tab-section__head .page-head-tab {
    max-width: 800px; /* Match col-lg-8 width */
    margin: 0 auto; /* Center within container */
    padding: 0 15px; /* Match container padding */
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .tab-section__head {
        padding: 10px 0;
    }
    
    .tab-head-item__name {
        font-size: 24px ; /* Adjust for mobile */
    }
    
    .tab-section-content {
        padding-top: 60px; /* Smaller padding for mobile */
    }
}