/*--------------------------------------------------------------
# hero-banner2 & Breadcrumbs
--------------------------------------------------------------*/
.hero-banner2 {
    color: var(--light-color);
    background-color: var(--background-color);
    position: relative;
}

    .hero-banner2 .heading {
        padding: 80px 0;
        border-top: 1px solid color-mix(in srgb, var(--light-color), transparent 90%);
    }

       /* .hero-banner2 .heading h1 {
            font-size: 38px;
            font-weight: 700;
        }*/

    .hero-banner2 nav {
        padding: 20px 0;
    }

        .hero-banner2 nav a {
            color: var(--light-color);
        }

        .hero-banner2 nav ol {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            margin: 0;
            font-size: 16px;
            font-weight: 600;
        }

            .hero-banner2 nav ol li + li {
                padding-left: 10px;
            }

                .hero-banner2 nav ol li + li::before {
                    content: "/";
                    display: inline-block;
                    padding-right: 10px;
                    color: color-mix(in srgb, var(--light-color), transparent 70%);
                }