.page-heading-section.svelte-qq48a3 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 300px;
        background-position: center;
        background-size: cover;
        position: relative;

        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
        }
    }

    .container.svelte-qq48a3 {
        position: relative;
        z-index: 1;
    }

    .page-heading-section__heading.svelte-qq48a3 {
        color: #fff;
        font-weight: 300;
        text-align: center;
    }