/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
    color: var(--light-color);
    background-color: var(--default-color);
    position: relative;
}

    .page-title .text-2 {
        color: var(--light-color);
    }

    .page-title p {
        color: var(--light-color);
    }

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

    .page-title nav {
        background-color: color-mix(in srgb, var(--heading-color), transparent 95%);
        padding: 20px 0;
    }

        .page-title nav ol {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 16px;
            font-weight: 400;
        }

            .page-title nav ol li + li {
                padding-left: 10px;
            }

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