.image-container {
    position: relative;
}

.image-container img {
    filter: brightness(.6);
    border-radius: 10px;
}

.image-container .date {
    position: absolute;
    bottom: 14px;
    right: 14px;
    color: rgba(255, 255, 255, 0.5);
}

/* Sosmed */
    .sosmed ul {
        padding: 0;
    }

    .sosmed ul li{
        display: inline-block;
        padding:0.3em 0 0.1em 0;
        border: 2px solid var(--primary-color);
        cursor: pointer;  
        width: 50px;
        text-align: center;
        font-size: 20px;
        color: var(--primary-color);
    }
    .sosmed ul li:hover{
        background:var(--primary-color);
    }

    .sosmed ul li a{
        color:var(--primary-color);
    }

    .sosmed ul > a *:hover {
        color: white;
    }
/* End Sosmed */

.related-blog img {
    height: 13em;
    object-fit: cover;
    object-position: bottom;
}

.nav-item .nav-link {
    color: #23282C!important;
}

.nav-item .nav-link:hover {
    color: var(--primary-color)!important;
}

.nav-item .nav-link.active {
    color: var(--primary-color)!important;
}

.contact-button .nav-link.active {
    color: white!important;
}

p span {
    color: #666666;
    font-family: "Montserrat"!important;
}