.about-hero {
            /* Replace 'your-image.jpg' with your actual image path */
            background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
                url('asset/image/shop/shop.jpg') no-repeat center center;
            background-size: cover;
            height: 300px;
            /* Adjust height as needed */
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #ffffff;
            font-family: 'Arial Black', sans-serif;
            /* Thick, bold font for the heading */
        }

        .hero-content h1 {
            font-size: 64px;
            margin: 0;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .breadcrumb {
            margin-top: 10px;
            font-family: 'Arial', sans-serif;
            font-size: 14px;
            font-weight: normal;
        }

        .breadcrumb a {
            color: #ffffff;
            text-decoration: none;
            transition: opacity 0.3s;
        }

        .breadcrumb a:hover {
            opacity: 0.8;
        }

        .breadcrumb .separator {
            margin: 0 8px;
            font-size: 12px;
        }

        .breadcrumb .current {
            color: #ffffff;
            opacity: 0.9;
        }