.banner_container {
    min-width: 100%;
    background: url(../images/healthycities/Healthy_Cities_Banner_20250325_Campaign_page_Desktop_ENG_1240_827.jpg) no-repeat center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto
}

    .banner_container::after {
        content: "";
        display: block;
        padding-bottom: 65%
    }

.banner_container_div {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column
}

.banner_container_font {
    color: #00398a;
    font-size: 12px;
    font-family: "Montserrat","Noto Sans TC",sans-serif;
    font-weight: 500;
    line-height: 22px
}

.banner_container_icon img {
    width: 48px;
    height: 66px;
    flex-shrink: 0
}

.down .container {
    max-width: unset;
    padding: 0
}

.banner_down {
    position: fixed;
    bottom: 10%;
    width: 100%
}

@media screen and (max-width:1000px) {
    .banner_down {
        position: fixed;
        bottom: 10%;
        width: 100%
    }
}

@media screen and (max-width:959px) {
    .banner_container {
        min-width: 100%;
        background: url(../images/healthycities/Healthy_Cities_Banner_20250325-Mobile_ENG_1125_1687.jpg) no-repeat center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin: 0 auto
    }

        .banner_container::after {
            content: "";
            display: block;
            padding-bottom: 150%
        }

    .banner .container {
        padding: 0;
        max-width: unset !important
    }

    .banner_down {
        position: fixed;
        bottom: 10%;
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .banner_down {
        position: fixed;
        bottom: 10%;
        width: 100%
    }
}