.company-listing {
        background: #fff;
    }

    /* Top category bar */
    .company-listing .top-categories {
        background: #f6f7fb;
        border-radius: 14px;
        padding: 18px;
    }

    /* Category pill */
    .company-listing .top-categories .cat-pill {
        background: #ffffff;
        border: 1px solid #eee;
        border-radius: 12px;
        padding: 16px 18px;
        font-weight: 600;
    }

    .company-listing .top-categories .cat-pill small {
        color: #2563eb;
        font-weight: 500;
    }

    /* Filter box */
    .company-listing .filter-box {
        background: #ffffff;
        border: 1px solid #eee;
        border-radius: 12px;
        padding: 20px;
    }

    /* Company card */
    .company-listing .company-card {
        background: #ffffff;
        border: 1px solid #eee;
        border-radius: 14px;
        padding: 18px;
        display: flex;
        gap: 15px;
        align-items: center;
        transition: all .2s ease;
    }

    .company-listing .company-card:hover {
        box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    }

    /* Logo */
    .company-listing .company-logo {
        width: 60px;
        height: 60px;
        border: 1px solid #eee;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
    }

    /* Tags */
    .company-listing .tag {
        font-size: 12px;
        padding: 4px 10px;
        background: #f6f7fb;
        border-radius: 20px;
    }
    .company-listing .top-categories-scroll {
        display: flex;
        gap: 16px;
        overflow-x: auto;
        padding-bottom: 6px;
        scroll-behavior: smooth;
    }

    .company-listing .top-categories-scroll::-webkit-scrollbar {
        height: 6px;
    }

    .company-listing .top-categories-scroll::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 10px;
    }

    .company-listing .cat-scroll-item {
        flex: 0 0 auto;
        min-width: 220px;
    }
    .company-listing .top-categories {
        overflow: hidden;
    }

    .company-listing .auto-scroll {
        display: flex;
        gap: 16px;
        width: max-content;
        animation: autoScroll 40s linear infinite;
    }

    /* Pause on hover */
    .company-listing .auto-scroll:hover {
        animation-play-state: paused;
    }

    .company-listing .cat-scroll-item {
        flex: 0 0 auto;
        min-width: 220px;
    }

    @keyframes autoScroll {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-50%);
        }
    }
    .filter-box .btn-filter{
        padding: 4px 10px !important;
    }