.bread-crumb {
    padding: 10px 0;
    background: #f9f9f9; /* nền breadcrumb nhẹ */
    font-size: 14px;
}

    .bread-crumb .breadcrumb {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0;
        /* margin-top: 130px; */
        font-size: 16px;
        background-color: transparent;
        border-bottom: 1px dashed #ccc;
    }

        .bread-crumb .breadcrumb li {
            display: flex;
            align-items: center;
            color: #555;
        }

            .bread-crumb .breadcrumb li a {
                text-decoration: none;
                color: #007bff; /* màu link xanh */
                transition: color 0.3s;
            }

                .bread-crumb .breadcrumb li a span {
                    color: #007bff;
                    font-size: 16px;
                }

                .bread-crumb .breadcrumb li a:hover span {
                    color: #0056b3;
                    font-weight: 600;
                }

            .bread-crumb .breadcrumb li .breadcrumb__icon {
                width: 14px;
                height: 14px;
                fill: currentColor;
                margin: 0px 10px; /* khoảng cách giữa chữ và icon */
            }

            .bread-crumb .breadcrumb li strong span {
                color: #000; /* item cuối đậm màu */
                font-weight: 600;
            }