.page-title .title {
    padding: 40px var(--padding-xs) 12px;
}
    @media (min-width: 480px) {
        .page-title .title {
            padding: 32px var(--padding-sm) 12px;
        }
    }
    @media (min-width: 768px) {
        .page-title .title {
            padding: 40px var(--padding-md) 12px;
        }
    }
    @media (min-width: 1024px) {
        .page-title .title {
            padding: 40px var(--padding-lg) 12px;
        }
    }
    @media (min-width: 1200px) {
        .page-title .title {
            padding: 56px var(--padding-xl) 12px;
        }
    }

/* when page title is just under content top banner */
.page-title .content-top-banner-container ~ .title {
    margin-top: 0;
}

.page-title .title h1 {
    color: var(--color-01);
    font-family: 'db-heavent-med';
    margin: unset;
}

.page-title:not(.with-description) .title:after {
    content: "";
    position: absolute;
    height: 4px;
    width: var(--menu-underline-length);
    background: var(--color-12);
    margin-top: 8px;
}

/* Only for title on black bg */
.page-title .title.on-black-bg {
    background-image: linear-gradient(90deg, #545454 17.85%, #393936 85.14%);
}

/* Only for title on grey bg */
.page-title .title.on-grey-bg {
    background: var(--color-06);
} 

/* Only for title on white bg */
.page-title .title.on-white-bg {
    background: var(--color-07);
} 

/* Only for title with description */
.page-title .title.on-white-bg .desc {
    border-left: none;
    padding-left: 0;
}
    @media (min-width: 768px){
        .page-title .title.on-white-bg .desc {
            border-left: 1px solid var(--color-05);
            padding-left: 56px;
        }
    }