.main-content {
    background-color: #005DE7;
}

    .main-content .breadcrumb-nav {
        background-color: #005DE7;
    }

ol.breadcrumb li.breadcrumb-item + li.breadcrumb-item::before,
ol.breadcrumb li.breadcrumb-item,
ol.breadcrumb li.breadcrumb-item a,
ol.breadcrumb li.breadcrumb-item a:visited,
ol.breadcrumb li.breadcrumb-item a:focus {
    color: white;
}

.country-card-container {
    margin: 0;
    padding: 0;
    background-color: white;
}

    .country-card-container .z-index-10 {
        z-index: 10;
    }

    .country-card-container .z-index-11 {
        z-index: 11;
    }

    .country-card-container .z-index-12 {
        z-index: 12;
    }

    .country-card-container .z-index-13 {
        z-index: 13;
    }

    .country-card-container .section-01 {
        background-color: #005DE7;
        padding-top: 0;
        position: relative;
        border-radius: 0 0 150px 0;
        width: 100%;
        height: 400px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .country-card-container .section-01 .image-bubble-header-large,
        .country-card-container .section-01 .image-bubble-header-small,
        .country-card-container .section-01 .image-map,
        .country-card-container .section-01 .image-01 {
            display: none;
            position: absolute;
        }

        .country-card-container .section-01 .titles-container {
            min-height: 300px;
            max-width: 250px;
            padding: 0 12px;
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: start;
        }

            .country-card-container .section-01 .titles-container .title {
                display: flex;
                flex-direction: column;
                justify-content: start;
                align-items: start;
                margin: 0;
                font-size: 32px;
                font-weight: 700;
                line-height: 33px;
                font-weight: bold;
                color: white;
            }

            .country-card-container .section-01 .titles-container .subtitle {
                margin-top: 13px;
                font-size: 20px;
                font-weight: 400;
                line-height: 23px;
                color: white;
            }

            .country-card-container .section-01 .titles-container .text {
                margin-top: 8px;
                font-size: 14px;
                font-weight: 300;
                line-height: 17px;
            }

            .country-card-container .section-01 .titles-container .btn-download {
                margin-top: 30px;
                font-size: 13px;
                text-transform: uppercase;
                background-color: #005DE7;
                color: white;
                opacity: 0.9;
            }

                .country-card-container .section-01 .titles-container .btn-download:hover,
                .country-card-container .section-01 .titles-container .btn-download:focus {
                    background-color: #005DE7;
                    color: white;
                    opacity: 1;
                }

@media (min-width: 1000px) {
    .country-card-container .section-01 {
        height: 484px;
    }

        .country-card-container .section-01 .image-bubble-header-large,
        .country-card-container .section-01 .image-bubble-header-small,
        .country-card-container .section-01 .image-map,
        .country-card-container .section-01 .image-01 {
            display: inline;
        }

        .country-card-container .section-01 .titles-container {
            position: absolute;
            max-width: 445px;
            left: 200px;
        }

            .country-card-container .section-01 .titles-container .title {
                font-size: 43px;
                font-weight: 700;
                line-height: 50px;
            }

            .country-card-container .section-01 .titles-container .subtitle {
                margin-top: 16px;
                font-size: 25px;
                font-weight: 400;
                line-height: 29px;
            }

            .country-card-container .section-01 .titles-container .text {
                max-width: 380px;
                margin-top: 12px;
                font-size: 16px;
                font-weight: 300;
                line-height: 19px;
            }

            .country-card-container .section-01 .titles-container .btn-download {
                font-size: 16px;
            }
}

@media (min-width: 1400px) {
    .country-card-container .section-01 .image-bubble-header-large,
    .country-card-container .section-01 .image-bubble-header-small,
    .country-card-container .section-01 .image-map,
    .country-card-container .section-01 .image-01 {
        max-width: 100%;
    }
}


.country-card-container .section-02 {
    background-color: white;
    width: 360px;
    margin: 20px auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .country-card-container .section-02 .chips-container {
        position: relative;
        width: 360px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }

        .country-card-container .section-02 .chips-container .chip {
            height: 40px;
            border: none;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 700;
            line-height: 18px;
            padding: 10px 32px;
            margin: 5px 15px;
        }

            .country-card-container .section-02 .chips-container .chip.intake-point {
                background-color: rgba(0, 93, 231, 0.1);
                color: #005DE7;
            }

            .country-card-container .section-02 .chips-container .chip.case-management-level {
                background-color: rgba(31, 160, 113, 0.1);
                color: #1FA071;
            }

            .country-card-container .section-02 .chips-container .chip.eligible-population {
                background-color: rgba(255, 179, 0, 0.3);
                color: #101113;
            }

@media (min-width: 400px) {
    .country-card-container .section-02 {
        width: 375px;
    }
}

@media (min-width: 1000px) {
    .country-card-container .section-02 {
        width: 100%;
        padding: 0 25px;
    }

        .country-card-container .section-02 .chips-container {
            width: 100%;
            width: 950px;
            flex-direction: row;
            justify-content: start;
            align-items: center;
        }
}

@media (min-width: 1400px) {
    .country-card-container .section-02 {
        padding: 0 50px;
    }

        .country-card-container .section-02 .chips-container {
            width: 1050px;
        }
}


.country-card-container .section-03 {
    background-color: white;
    width: 360px;
    margin: 10px auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .country-card-container .section-03 .sub-section {
        position: relative;
        margin: 35px 0;
        padding: 0 5px;
        width: 360px;
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
    }

        .country-card-container .section-03 .sub-section .image-07,
        .country-card-container .section-03 .sub-section .image-02,
        .country-card-container .section-03 .sub-section .image-03 {
            height: auto;
            display: inline;
            position: absolute;
        }

        .country-card-container .section-03 .sub-section.challenge,
        .country-card-container .section-03 .sub-section.results {
            padding-top: 130px;
        }

        .country-card-container .section-03 .sub-section .panel {
            width: 100%;
            padding: 25px;
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: start;
            background-color: rgba(229, 238, 252, 1);
            color: #011B44;
            border-radius: 0 50px 50px 50px;
        }

        .country-card-container .section-03 .sub-section.end .panel {
            border-radius: 50px 0 50px 50px;
        }

        .country-card-container .section-03 .sub-section .panel .panel-title {
            font-size: 20px;
            font-weight: 700;
        }

        .country-card-container .section-03 .sub-section .panel .panel-text {
            margin-top: 20px;
            font-size: 14px;
            font-weight: 400;
        }

@media (min-width: 400px) {
    .country-card-container .section-03 {
        width: 375px;
    }

        .country-card-container .section-03 .sub-section .panel {
            padding: 30px;
        }
}

@media (min-width: 1000px) {
    .country-card-container .section-03 {
        width: 100%;
        padding: 0 25px;
    }

        .country-card-container .section-03 .sub-section {
            width: 100%;
            width: 950px;
        }

            .country-card-container .section-03 .sub-section .image-07,
            .country-card-container .section-03 .sub-section .image-02,
            .country-card-container .section-03 .sub-section .image-03 {
                height: auto;
                display: inline;
            }

            .country-card-container .section-03 .sub-section.challenge,
            .country-card-container .section-03 .sub-section.results {
                padding-top: 0;
            }

            .country-card-container .section-03 .sub-section.end {
                justify-content: end;
            }

            .country-card-container .section-03 .sub-section .panel {
                width: 600px;
                padding: 50px 60px;
            }
}

@media (min-width: 1400px) {
    .country-card-container .section-03 {
        padding: 0 50px;
    }

        .country-card-container .section-03 .sub-section {
            width: 1050px;
        }
}


.country-card-container .section-04 {
    background-color: white;
    width: 360px;
    margin: 10px auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

    .country-card-container .section-04 .sub-section {
        position: relative;
        margin: 35px 0;
        padding: 0;
        width: 360px;
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: start;
    }

        .country-card-container .section-04 .sub-section .image-link-01,
        .country-card-container .section-04 .sub-section .image-link-02,
        .country-card-container .section-04 .sub-section .image-link-03 {
            display: none;
            position: absolute;
        }

        .country-card-container .section-04 .sub-section .image-link-small-01,
        .country-card-container .section-04 .sub-section .image-link-small-02,
        .country-card-container .section-04 .sub-section .image-link-small-03 {
            display: inline;
            position: absolute;
        }

        .country-card-container .section-04 .sub-section .image-04,
        .country-card-container .section-04 .sub-section .image-05,
        .country-card-container .section-04 .sub-section .image-06 {
            display: inline;
            position: absolute;
            width: 96px;
        }

        .country-card-container .section-04 .sub-section .image-link-small-01 {
            top: 0;
            left: 130px;
        }

        .country-card-container .section-04 .sub-section .image-04 {
            top: -48px;
            left: 34px;
        }

        .country-card-container .section-04 .sub-section .image-link-small-02 {
            top: 0;
            left: 130px;
        }

        .country-card-container .section-04 .sub-section .image-05 {
            top: -48px;
            left: 34px;
        }

        .country-card-container .section-04 .sub-section .image-link-small-03 {
            top: 0;
            left: 130px;
        }

        .country-card-container .section-04 .sub-section .image-06 {
            top: -48px;
            left: 34px;
        }

        .country-card-container .section-04 .sub-section .panel {
            position: relative;
            width: 100%;
            padding: 25px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 0 0 100px 0;
        }

            .country-card-container .section-04 .sub-section .panel .panel-box {
                position: absolute;
                padding: 20px;
                border: 4px dashed;
            }

                .country-card-container .section-04 .sub-section .panel .panel-box .panel-box-title {
                    font-size: 14px;
                    font-weight: 700;
                }

                .country-card-container .section-04 .sub-section .panel .panel-box .panel-box-text {
                    max-width: 300px;
                    font-size: 14px;
                    font-weight: 300;
                }

            .country-card-container .section-04 .sub-section .panel .panel-text {
                position: absolute;
                width: 300px;
                font-size: 12px;
                font-weight: 300;
                color: #011B44;
            }

        .country-card-container .section-04 .sub-section.intake-point .panel {
            height: 410px;
            background-color: #CCDFFA;
            color: #005DE7;
        }

            .country-card-container .section-04 .sub-section.intake-point .panel .panel-box {
                width: 180px;
                top: 26px;
                left: 160px;
            }

            .country-card-container .section-04 .sub-section.intake-point .panel .panel-text {
                top: 134px;
                left: 35px;
            }

        .country-card-container .section-04 .sub-section.case-management-level .panel {
            height: 685px;
            background-color: #C9F4E4;
            color: #1FA071;
        }

            .country-card-container .section-04 .sub-section.case-management-level .panel .panel-box {
                width: 180px;
                top: 26px;
                left: 160px;
            }

            .country-card-container .section-04 .sub-section.case-management-level .panel .panel-text {
                top: 156px;
                left: 35px;
            }

        .country-card-container .section-04 .sub-section.eligible-population .panel {
            height: 300px;
            background-color: #FFF5E0;
            color: #B28B67;
        }

            .country-card-container .section-04 .sub-section.eligible-population .panel .panel-box {
                width: 180px;
                border-color: #FFB300;
                top: 26px;
                left: 160px;
            }

            .country-card-container .section-04 .sub-section.eligible-population .panel .panel-text {
                top: 156px;
                left: 35px;
            }

@media (min-width: 400px) {
    .country-card-container .section-04 {
        width: 375px;
    }

        .country-card-container .section-04 .sub-section {
            width: 365px;
        }

            .country-card-container .section-04 .sub-section .panel {
                padding: 30px;
            }
}

@media (min-width: 1000px) {
    .country-card-container .section-04 {
        width: 100%;
        margin-top: 110px;
    }

        .country-card-container .section-04 .sub-section {
            padding: 0;
            width: 100%;
        }

            .country-card-container .section-04 .sub-section .image-link-01,
            .country-card-container .section-04 .sub-section .image-link-02,
            .country-card-container .section-04 .sub-section .image-link-03 {
                display: inline;
            }

            .country-card-container .section-04 .sub-section .image-link-small-01,
            .country-card-container .section-04 .sub-section .image-link-small-02,
            .country-card-container .section-04 .sub-section .image-link-small-03 {
                display: none;
            }

            .country-card-container .section-04 .sub-section .image-04,
            .country-card-container .section-04 .sub-section .image-05,
            .country-card-container .section-04 .sub-section .image-06 {
                display: inline;
                width: 150px;
            }

            .country-card-container .section-04 .sub-section .image-link-01 {
                top: 0;
                left: 221px;
            }

            .country-card-container .section-04 .sub-section .image-04 {
                top: -75px;
                left: 70px;
            }

            .country-card-container .section-04 .sub-section .image-link-02 {
                top: 60px;
                left: 680px;
            }

            .country-card-container .section-04 .sub-section .image-05 {
                top: -15px;
                left: 786px;
            }

            .country-card-container .section-04 .sub-section .image-link-03 {
                top: 60px;
                left: 212px;
            }

            .country-card-container .section-04 .sub-section .image-06 {
                top: -15px;
                left: 60px;
            }

            .country-card-container .section-04 .sub-section .panel .panel-box .panel-box-title {
                font-size: 20px;
                font-weight: 700;
            }

            .country-card-container .section-04 .sub-section .panel .panel-box .panel-box-text {
                font-size: 20px;
                font-weight: 300;
            }

            .country-card-container .section-04 .sub-section .panel .panel-text {
                font-size: 14px;
                font-weight: 300;
            }

            .country-card-container .section-04 .sub-section.intake-point .panel {
                height: 370px;
            }

                .country-card-container .section-04 .sub-section.intake-point .panel .panel-box {
                    width: 220px;
                    top: 45px;
                    left: 315px;
                }

                .country-card-container .section-04 .sub-section.intake-point .panel .panel-text {
                    width: 460px;
                    top: 80px;
                    left: 577px;
                }

            .country-card-container .section-04 .sub-section.case-management-level .panel {
                margin-top: 60px;
                height: 550px;
            }

                .country-card-container .section-04 .sub-section.case-management-level .panel .panel-box {
                    width: 320px;
                    top: 55px;
                    left: 360px;
                }

                .country-card-container .section-04 .sub-section.case-management-level .panel .panel-text {
                    width: 920px;
                    top: 215px;
                    left: 20px;
                }

            .country-card-container .section-04 .sub-section.eligible-population .panel {
                margin-top: 60px;
                height: 260px;
            }

                .country-card-container .section-04 .sub-section.eligible-population .panel .panel-box {
                    width: 330px;
                    top: 55px;
                    left: 305px;
                }

                .country-card-container .section-04 .sub-section.eligible-population .panel .panel-text {
                    width: 460px;
                    top: 80px;
                    left: 690px;
                }
}

@media (min-width: 1400px) {
    .country-card-container .section-04 .sub-section .image-link-01 {
        top: 0;
        left: 421px;
    }

    .country-card-container .section-04 .sub-section .image-04 {
        top: -75px;
        left: 270px;
    }

    .country-card-container .section-04 .sub-section .image-link-02 {
        top: 60px;
        left: 935px;
    }

    .country-card-container .section-04 .sub-section .image-05 {
        top: -15px;
        left: 1041px;
    }

    .country-card-container .section-04 .sub-section .image-link-03 {
        top: 60px;
        left: 412px;
    }

    .country-card-container .section-04 .sub-section .image-06 {
        top: -15px;
        left: 260px;
    }

    .country-card-container .section-04 .sub-section.intake-point .panel {
        height: 310px;
    }

        .country-card-container .section-04 .sub-section.intake-point .panel .panel-box {
            width: 220px;
            top: 45px;
            left: 515px;
        }

        .country-card-container .section-04 .sub-section.intake-point .panel .panel-text {
            width: 460px;
            top: 80px;
            left: 777px;
        }

    .country-card-container .section-04 .sub-section.case-management-level .panel {
        margin-top: 60px;
        height: 550px;
    }

        .country-card-container .section-04 .sub-section.case-management-level .panel .panel-box {
            width: 320px;
            top: 55px;
            left: 615px;
        }

        .country-card-container .section-04 .sub-section.case-management-level .panel .panel-text {
            width: 920px;
            top: 215px;
            left: 290px;
        }

    .country-card-container .section-04 .sub-section.eligible-population .panel {
        margin-top: 60px;
        height: 260px;
    }

        .country-card-container .section-04 .sub-section.eligible-population .panel .panel-box {
            width: 330px;
            top: 55px;
            left: 505px;
        }

        .country-card-container .section-04 .sub-section.eligible-population .panel .panel-text {
            width: 460px;
            top: 80px;
            left: 890px;
        }
}


.country-card-container .section-05 {
    background-color: #005DE7;
    padding: 0;
    position: relative;
    border-radius: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .country-card-container .section-05 .content {
        width: 100%;
        padding: 30px 5px;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

        .country-card-container .section-05 .content .color-white {
            color: white;
        }

        .country-card-container .section-05 .content .color-yellow {
            color: #FFB300;
        }

        .country-card-container .section-05 .content .border-white {
            border: 2px solid white;
        }

        .country-card-container .section-05 .content .border-yellow {
            border: 2px solid #FFB300;
        }

        .country-card-container .section-05 .content .border-radius {
            border-radius: 18px;
        }

        .country-card-container .section-05 .content .content-row-separator {
            width: 100%;
            height: 2px;
            background-color: white;
        }

        .country-card-container .section-05 .content .content-header,
        .country-card-container .section-05 .content .content-footer {
            height: 40px;
        }

        .country-card-container .section-05 .content .content-row {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            padding: 15px 2px;
            color: white;
        }

            .country-card-container .section-05 .content .content-row .content-row-label {
                max-width: 110px;
                font-size: 12px;
                font-weight: 500;
            }

            .country-card-container .section-05 .content .content-row .content-row-value-image {
                display: none;
            }

            .country-card-container .section-05 .content .content-row .content-row-value {
                max-width: 230px;
                font-size: 16px;
                font-weight: 700;
                padding: 6px 12px;
            }

                .country-card-container .section-05 .content .content-row .content-row-value.font-small {
                    font-size: 12px;
                }

    .country-card-container .section-05 .image-bubble-footer-large,
    .country-card-container .section-05 .image-bubble-footer-small,
    .country-card-container .section-05 .image-person-footer {
        display: none;
        position: absolute;
    }

@media (min-width: 400px) {
    .country-card-container .section-05 .content .content-row .content-row-value {
        max-width: 250px;
    }
}

@media (min-width: 1000px) {
    .country-card-container .section-05 {
        height: 720px;
        margin-top: 35px;
        padding: 0;
        border-radius: 150px 0 0 0;
    }

        .country-card-container .section-05 .image-bubble-footer-large,
        .country-card-container .section-05 .image-bubble-footer-small,
        .country-card-container .section-05 .image-person-footer {
            display: inline;
        }

        .country-card-container .section-05 .image-bubble-footer-large {
            max-width: 213px;
            top: 163px;
            left: 80px;
        }

        .country-card-container .section-05 .image-bubble-footer-small {
            max-width: 53px;
            top: 163px;
            left: 116px;
        }

        .country-card-container .section-05 .image-person-footer {
            max-width: 124px;
            top: 241px;
            left: 161px;
        }

        .country-card-container .section-05 .content {
            width: auto;
            padding: 0 5px;
            position: absolute;
            top: 40px;
            right: 50px;
            width: 570px;
            padding: 5px;
        }

            .country-card-container .section-05 .content .content-row .content-row-label {
                max-width: 190px;
                font-size: 12px;
            }

            .country-card-container .section-05 .content .content-row .content-row-value-image {
                display: inline;
                margin-right: 15px;
            }

            .country-card-container .section-05 .content .content-row .content-row-value {
                max-width: 350px;
                font-size: 16px;
                padding: 8px 40px;
            }

                .country-card-container .section-05 .content .content-row .content-row-value.font-small {
                    font-size: 14px;
                }
}

@media (min-width: 1400px) {
    .country-card-container .section-05 {
        height: 720px;
        margin-top: 35px;
        padding: 0;
        border-radius: 150px 0 0 0;
    }

        .country-card-container .section-05 .image-bubble-footer-large,
        .country-card-container .section-05 .image-bubble-footer-small,
        .country-card-container .section-05 .image-person-footer {
            display: inline;
            max-width: 100%;
        }

        .country-card-container .section-05 .image-bubble-footer-large {
            top: 163px;
            left: 160px;
        }

        .country-card-container .section-05 .image-bubble-footer-small {
            top: 163px;
            left: 196px;
        }

        .country-card-container .section-05 .image-person-footer {
            top: 241px;
            left: 241px;
        }

        .country-card-container .section-05 .content {
            width: auto;
            padding: 0 5px;
            position: absolute;
            top: 60px;
            right: 50px;
            width: 770px;
            padding: 5px;
        }

            .country-card-container .section-05 .content .content-row .content-row-label {
                max-width: 400px;
                font-size: 18px;
            }

            .country-card-container .section-05 .content .content-row .content-row-value-image {
                display: inline;
                margin-right: 15px;
            }

            .country-card-container .section-05 .content .content-row .content-row-value {
                max-width: 450px;
                font-size: 20px;
                padding: 8px 40px;
            }

                .country-card-container .section-05 .content .content-row .content-row-value.font-small {
                    font-size: 14px;
                }
}