@charset "utf-8";

.slug-midwife_teacher_health_nurse
{
    --rempx: calc( 1rem / 16 );
    --color-blue-10p: #f3fbff;
    --color-CGO_main_blue: #1EB8FF;
}

.qualification-flow__title {
    text-align: center;
    margin-bottom: 30px;
}

.step {
    margin-bottom: 20px;
    padding: 20px 0;
}

.slug-midwife_teacher_health_nurse
    .flow-chart__heading
{
    color: var(--primary-color);
    /* font-size: var(--font-size-xxl); */
    font-size: var( --font-size-cgo-h2 );
    text-align: left;
    margin-top: calc( 10 * var(--rempx) );
    margin-bottom: calc( 20 * var(--rempx) );
}

.step__heading {
    font-size: calc( 24 * var(--rempx) );
    padding: 15px 0;
    margin-bottom: 25px;
    text-align: center;
}

.slug-midwife_teacher_health_nurse
    .step__heading
{
    background-color: var(--color-CGO_main_blue);
    color: #fff;
}

.slug-midwife_teacher_health_nurse
    .step
        .step__heading
{
    background-color: #fff;
    color: var(--color-CGO_main_blue);
    border: 1px solid var(--color-CGO_main_blue);
}

.slug-midwife_teacher_health_nurse
    .step:last-of-type
        .step__heading
{
    background-color: var(--color-CGO_main_blue);
    color: #fff;
}

.slug-midwife_teacher_health_nurse
    .step
        .step__content-wrapper
{
    background-color: #fff;
    color: var(--color-CGO_main_blue);
    border: 1px solid var(--color-CGO_main_blue);
}

.slug-midwife_teacher_health_nurse
    .step
        .step__content-wrapper
            .step__heading-content
{
    color: var(--color-CGO_main_blue);
}

.slug-midwife_teacher_health_nurse
    .step
        .step__description
{
    color: black;
}

.slug-midwife_teacher_health_nurse
    .step
        .step__note
{
    color: var(--color-CGO_main_blue);
    width: 80%;
    text-align: center;
    font-weight: bold;
}

.slug-midwife_teacher_health_nurse
    .step
        .step__description
,
.slug-midwife_teacher_health_nurse
    .step
        .step__note
,
.slug-midwife_teacher_health_nurse
    .step
        .step__note-text
{
    max-width: 936px;
    margin-left: auto;
    margin-right: auto;
}

.step__heading-wrapper {
    margin-bottom: 1rem;
}

.step__heading-content {
    margin-top: 0;
    margin-bottom: 0.4rem;
    font-size: var(--font-size-lg);
}

.text-small {
    font-size: var(--font-size-base-small);
    margin-bottom: 0;
}

.step__note {
    font-size: 0.9em;
    color: var(--tertiary-color);
}

.step__note-text {
    font-size: 0.9em;
}

.category__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.slug-midwife_teacher_health_nurse
    .category__list
        .list-check-item:last-of-type::before
{
    content: '';
}
.slug-midwife_teacher_health_nurse
    .category__list
        .list-check-item:last-of-type
{
    padding-left: 0;
}

.flow-chart__back-button-wrapper {
    margin-top: 0;
    text-align: right;
}

.site-footer {
    text-align: center;
    padding: 20px;
    margin-top: 40px;
    background-color: #333;
    color: #fff;
    font-size: 0.9em;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
}

.site-footer__text {
    margin: 0;
}

@media (max-width: 767px) {
    
    .flow-chart__description--start {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .step__heading,
    .step__content-wrapper {
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: var(--font-size-xl);
    }

    .step__heading-content {
        font-size: var(--font-size-xl);
    }

    .flow-chart__heading {
        font-size: 1.5rem;
    }

    .flow-chart__section.flow-chart__section--start {
        padding: 0;
        margin-bottom: 0;
    }

    .step:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .slug-midwife_teacher_health_nurse .step .step__note {
        width: 100%;
    }
}