.activity-feed .feed-item img,
.deskripsi-area img {
    max-width: 100%;
    height: auto;
}

.deskripsi-area video {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-theme-default .onesignal-bell-launcher-button svg .background {
    fill: #6c3a88;
}

.list-custom {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    padding: 12px 5px;
    border-radius: 5px;
}

.display-none {
    display: none !important;
}

:root {
    --primary: #6c3a88;
}

.kategori-area {
    display: flex;
    justify-content: space-between;
    overflow: auto;
}

.kategori-area::-webkit-scrollbar {
    display: none;
}

.kategori-area {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.card-image {
    overflow: hidden;
    height: 200px;
}

.card-kategori.active {
    background-color: var(--primary);
}

.card-kategori.active .card-body,
.card-kategori.active .card-body i {
    color: #fff !important;
}

.card-kategori {
    margin: 0 3px;
    width: 12rem;
    background: rgba(222, 222, 222, 0.4);
    border-radius: 8px;
}

.justify-area p,
.justify-area li {
    text-align: justify;
}

.justify-area p.arabic {
    text-align: right;
}

.list-search {
    width: 100%;
    background-color: white;
    position: absolute;
    top: 100%;
    z-index: 9999;
    border-radius: 5px;
    box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.2);
    padding: 15px 10px;
    text-align: left;
    max-height: 50vh;
    overflow-y: scroll;
    display: none;
}

.list-search ul {
    margin: 0;
    padding: 0;
}

.list-search ul li {
    list-style: none;
    transition: 0.5s;
    margin-bottom: 8px;
}

.list-search ul li a {
    color: inherit;
    display: flex;
}

.list-search ul li a:hover {
    text-decoration: none;
}

.list-search ul li .img-cover {
    width: 30%;
    max-height: 70px;
    overflow: hidden;
    border-radius: 5px;
    margin-right: 7px;
}

.list-search ul li .content {
    width: 70%;
}

.list-search ul li .content h5 {
    margin: 0;
}

.deskripsi-area p,
.deskripsi-area span {
    color: rgb(0, 0, 0, 0.8);
}