﻿.hero-content-wrapper {
    background-color: var(--rich-electric-blue);
    color: var(--white);
    padding: 2em 0 2.5em;
}
    .hero-content-wrapper .ncd-heading {
        color: var(--white-light);
        border-bottom: 3px solid var(--bg-blue);
        position: relative;
        padding-bottom: 6px;
        outline: none;
    }
        /*.hero-content-wrapper .ncd-heading:before{
            content: "";
            width: 1.25em;
            height: 2px;
            background: var(--bg-blue);
            position: absolute;
            top: 1.33em;
        }*/
    .hero-content-wrapper .ncd-description {
        color: var(--light-text);
        font-size: 1em;
        padding: 5px 0 10px 0;
        margin-bottom: 0;
    }
    .hero-content-wrapper .head-block {
        border-bottom: 3px solid var(--bg-blue);
        margin-bottom: 30px;
    }
        .hero-content-wrapper .head-block .indicator-heading {
            margin-bottom: 0;
            padding: 10px 35px 11px 18px;
            display: inline-block;
            background: var(--bg-blue);
            color: var(--ghost-white);
            font-size: 1.5em;
        }
    .hero-content-wrapper .indicator-block {
        display: flex;
        align-items: center;
        padding-bottom: 0.5em;
        width: 90%;
    }
        .hero-content-wrapper .indicator-block .indicator-name {
            padding-left: 0.75em;
            margin-bottom: 0;
            font-size: 1em;
            color: var(--light-text);
        }

        h3.ncd-heading{
            font-size: 1.5em;
        }

@media screen and (min-width: 1024px) and (max-width: 1299px){
    .hero-content-wrapper .head-block .indicator-heading {
        font-size: 1.2em;
    }
}

.diseases-column-left {
    width: 60%;
}
.diseases-column-right{
    width: 40%;
}