.list-group-item.active {
        background-color: #fbc628 !important;
        border-color: #fbc628 !important;
        color: #fff !important;
        font-weight: 600;
    }

    /* Outer border for tabs container */
    .tab-container {
        border: 2px solid #ffc107;
        /* Yellow border around all tabs */
        border-radius: 8px;
        overflow: hidden;
    }

    /* Outer border for tabs container */
    .tab-container {
        border: 2px solid #ffc107;
        border-radius: 8px;
        padding: 5px;
    }

    /* Individual tab styling */
    .tab-item {
        position: relative;
        display: block;
        padding: 0.5rem 0.5rem 0.5rem 28px;
        cursor: pointer;
        transition: all 0.3s ease;
        flex: 1 1 calc(25% - 0.5rem);
        min-width: 120px;
        margin-bottom: 0.5rem;
    }

    /* Radio circle */
    .tab-item .radio-circle {
        position: absolute;
        top: 12px;
        left: 8px;
        width: 16px;
        height: 16px;
        border: 2px solid #ffc107;
        border-radius: 50%;
    }

    /* Green fill on selection */
    .tab-item input[type="radio"]:checked+.radio-circle::after {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: 8px;
        height: 8px;
        background-color: #28a745;
        border-radius: 50%;
    }

    /* Tab content */
    .tab-contents .tab-content-item {
        display: none;
    }

    .tab-contents .tab-content-item.active {
        display: block;
    }

    /* Responsive: maintain 4 tabs per row on small screens */
    @media (max-width: 768px) {
        .tab-item {
            flex: 1 1 calc(50% - 0.5rem);
            /* 2 tabs per row on small screens */
            min-width: auto;
            font-size: 0.9rem;
        }
    }