.hero-header {
        height: 40vh;            /* adjust kar lena 40vh–60vh ke beech */
        min-height: 120px;
        font-size: 2.5rem;
    }

    /* Breadcrumb ko thoda highlight / readable banane ke liye */
    .breadcrumb {
        --bs-breadcrumb-divider: "›";   /* Bootstrap 5 default ya change kar sakte ho */
    }

    .breadcrumb-item + .breadcrumb-item::before {
        
        color: #3b8db3;
    }

    .breadcrumb-item.active {
        color: #3b8db3;
        font-size: 2.5rem;
        font-weight: 600;
    }

    /* Hover effect for better UX */
    .breadcrumb-item a:hover {
        color: #000 !important;
        text-decoration: underline;
    }

    /* Mobile pe breadcrumb chhota na lage */
    @media (max-width: 576px) {
        .breadcrumb {
            font-size: 0.9rem;
        }
    }