.help-title {
        background: #d60000;
        color: white;
        padding: 10px;
        text-align: center;
        margin-bottom: 10px;
        font-weight: bold;
    }
    .help-categories {
        list-style: none;
        padding: 0;
        margin: 0 0 20px 0;
    }
    .help-categories li {
        margin-bottom: 10px;
    }
    .help-categories li a {
        display: block;
        padding: 8px 12px;
        border: 1px solid #d60000;
        color: #666;
        text-decoration: none;
        transition: all 0.3s;
    }
    .help-categories li a:hover,
    .help-categories li a.active {
        color: #d60000;
        font-weight: bold;
    }

    #help-search {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    #help-search label {
        font-size: 14px;
    }
    #help-search input[type="text"] {
        padding: 6px;
        width: 240px;
        max-width: 100%;
        font-size: 14px;
    }
    #help-search button {
        padding: 6px 12px;
        background-color: #d60000;
        color: white;
        border: none;
        font-size: 14px;
        cursor: pointer;
    }

    .custom-post-titles {
        list-style: none;
        padding-left: 0;
        margin: 20px 0;
    }
    .custom-post-titles li {
        padding: 10px 0;
        border-bottom: 1px solid #e0e0e0;
        font-size: 14px;
    }
    .custom-post-titles li:last-child {
        border-bottom: none;
    }
    .custom-post-titles li a {
        color: #333;
        text-decoration: none;
        display: block;
    }
    .custom-post-titles li a:hover {
        color: #d60000;
        text-decoration: underline;
    }

    .pagination {
        margin-top: 20px;
    }
    .pagination a {
        margin-right: 8px;
        text-decoration: none;
        color: #666;
        border: 1px solid #ccc;
        padding: 4px 8px;
    }
    .pagination a:hover, .pagination a.active {
        color: #fff;
        background-color: #d60000;
        border-color: #d60000;
    }



.help-center-layout-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adjust as needed */
}

.help-center-sidebar {
    flex: 0 0 250px; /* Fixed width for sidebar */
    /* Add more styling for sidebar if needed */
}

.help-center-main-content {
    flex: 1; /* Take remaining space */
    min-width: 0; /* Allow content to shrink */
    /* Add more styling for main content if needed */
}

@media (max-width: 768px) {
    .help-center-sidebar,
    .help-center-main-content {
        flex: 1 1 100%; /* Stack columns on smaller screens */
    }
}