/* Custom CSS override */
html[data-page-template="portal"] main > header {
    display: none;
}

.tile-image {
    width: 80%;
}

/* Step 1: Add heading "Checkit Help Center" */
html[data-page-template="portal"] main.home-page::before {
    content: "Checkit Help Center";
    display: block;
    max-width: 1068px;
    margin: 0 auto;
    padding: 2rem 16px 0.5rem 36px;
    box-sizing: border-box;
    text-align: left;
    font-size: 2.5rem;
    font-weight: bold;
    background-color: #ffffff;
    color: #333;
}

/* Step 2: Add subheading below heading using the content div */
html[data-page-template="portal"] main.home-page #content::before {
    content: "Please select an option to access the relevant help content";
    display: block;
    max-width: 1068px;
    margin: -2rem auto 1.5rem auto;
    padding: 0 16px;
    box-sizing: border-box;
    text-align: left;
    font-size: 1.5rem;
    font-weight: normal;
    background-color: #ffffff;
    color: #333;
    position: relative;
    z-index: 1;
}

/* Alternative selector for subheading */
html[data-page-template="portal"] .home-page #content::before {
    content: "Please select an option to access the relevant help content";
    display: block;
    max-width: 1068px;
    margin: -2rem auto 1.5rem auto;
    padding: 0 16px;
    box-sizing: border-box;
    text-align: left;
    font-size: 1.5rem;
    font-weight: normal;
    background-color: #ffffff;
    color: #333;
    position: relative;
    z-index: 1;
}