.index-container section {
    margin-top: 2.5rem;
}

.full-width-img {
    height: 400px;
    max-width: 800px;
    margin-bottom: 2rem;
}

.half-width-img {
    height: 350px;
    max-width: 600px;
    margin-bottom: 2rem;
}

.recommend-wrapper {
    border-radius: 15px;
}

h2, h3 {
    padding-bottom: 0.5rem !important;
}

.a-subtitle {
    font-size: 1.3rem;
    padding-bottom: 0rem !important;
    margin-bottom: 0rem !important;
}

.article-content {
    padding-right: 5rem;
}

.article-content p {
    font-size: 1.2rem;
}

.article-wrapper {
    margin-bottom: 2rem;
}

.article-content ol {
    list-style: none;
    padding-left: 0;
}

.article-content ol li {
    text-indent: -1.75rem;
    padding-left: 1.5em;
}

.article-content ol li::before {    
    content: "🔹";
    margin-right: 6px;
}

.subtitle-text {
    line-height: 1.1;
    color: darkslategrey;
}

.article-content .badge {
    display: inline-block;
    padding: 0.35em 0.75em;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 0.2rem;
}

.a-bold-text {
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    width: 100%;
    text-align: center; 
    margin-top: 2rem;
    padding: 1.5rem 0;
    color: rgb(71, 71, 71);

    display: block; 
}

.a-bold-text a, .more-article-box a {
    color: rgb(245, 100, 124);
}
.a-bold-text a:hover, .more-article-box a:hover {
    filter: brightness(85%);
}

.more-article-wrapper {
    border-top: 1px solid rgb(204, 204, 204);
}

.more-article-box {
    width: 100%;
    padding: 0.5rem 0rem;
    border-bottom: 1px solid rgb(204, 204, 204);
}

/* keywords chips color */
.badge-vaginismus    { background-color: #e91e63; } /* pink */
.badge-womens-health { background-color: #9c27b0; } /* purple */
.badge-urine-leaking { background-color: #8eccff; } /* tifanny? */
.badge-pelvic-health { background-color: #2196f3; } /* blue */
.badge-marriage      { background-color: rgb(255, 222, 33); } /* darkslategrey */
.badge-malaysia      { background-color: darkslategrey; } /* darkslategrey */

@media screen and (max-width: 767px){
    .recommend-wrapper {
        margin-top: 3rem;
    }
    .article-content {
        padding-right: 15px; 
    }

    .article-content h1 {
        font-size: 1.5rem;
    }

    .full-width-img {
        height: 200px;
        max-width: 800px;
        margin-bottom: 2rem;
    }

    .article-wrapper {
        margin: 5rem 0rem;
    }
    

    /* .half-width-img, .full-width-img {
        width: auto;
    }  */
}