.p-2.bg-light-info.text-dark.rounded-1.d-inline-block.fs-3 {
font-family: "Twemoji Country Flags", "Helvetica", "Comic Sans", serif;
}

.emoji-picker-icon {
    position: inherit !important;
    z-index: 000;
}
img.img-fluid.w-full.news_img {
    width: 100%;
}
.first-sec-forum .card {
    margin-top: 30px;
    margin-bottom: 0px !important;
}
div#chat_box {
    padding: 12px;
    height: 302px !important;
    overflow-y: scroll;
}
header#chat_head {
    padding: 25px;
}
#chat_list li {
    list-style: none;
}
div#chat_list li {
    cursor: pointer;
}

        @media (max-width: 400px) {
            .custom_img {
                height: 230px !important;
                max-width: 100%;
                object-fit: cover;
            }
        }

        body.c-app {
            background-color: #fff !important;
        }
        #add-video-modal-md,#add-photo-modal-md{
            font-size: 14px;
        }
       .dropzone button.dz-button{
           background: transparent;
           border: none;
        }

        #slides .friends {
            display: none;
        }

        @media screen and (min-width: 991px) and (max-width: 5000px) {
            .row {
                margin-left: -10px;
                margin-right: -10px;
            }

            .row > [class*="col-"] {
                padding-left: 10px;
                padding-right: 10px;
            }
        }

        .custom_image {
            height: 170px !important;
            width: 170px !important;
            object-fit: cover;
        }

        .news_img {
            width: 360px;
            height: 240px;
            object-fit: cover;
        }

        .users_ab {
            padding: 0px 30px !important;
        }

        .users_ab-list {
            min-height: 500px !important;
        }

        .users_ab-list .text {
            height: 400px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        @media (max-width: 500px) {
            .users_ab-list {
                max-height: 500px !important;
            }

            .users_ab-list .text {
                height: 100px;
            }
        }

        .custom_btn {
            border-radius: 999px;
            box-sizing: border-box;
            cursor: pointer;
            font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
            opacity: 1;
            outline: 0 solid transparent;
            padding: 8px 18px;
            user-select: none;
            -webkit-user-select: none;
            touch-action: manipulation;
            width: fit-content;
            word-break: break-word;
            border: 0;
        }

        .cusotn_btn_color_a {
            background: #5E5DF0;
            color: #FFFFFF;
            box-shadow: #5E5DF0 0 10px 20px -10px;
        }

        .cusotn_btn_color_b {
            background: #5E5DF0;
            color: #FFFFFF;
            box-shadow: #5E5DF0 0 10px 20px -10px;
        }


@media(min-width: 240px) and (max-width: 479px) {
.col-sm-3.card.chat-col2 {
    padding: 15px !important;
}
}


@media(min-width: 480px) and (max-width: 767px) {
.col-sm-3.card.chat-col2 {
    padding: 15px !important;
}
}


@media(min-width: 768px) and (max-width: 999px) {

.card.chat-col2 {
    width: 40% !important;
    padding: 15px 15px !important;
}
.chat-col1 {
    width: 58% !important;
    margin-right: 2% !important;
}
}