@import "https://fonts.googleapis.com/css?family=Lato:400,700";
@import "https://fonts.googleapis.com/css?family=Hind";
@charset "UTF-8";

/*Basic*/
body,
html {
    margin: 0;
    padding: 0
}

body {
    background: #f9f9f9;
    overflow-x: hidden;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    /*box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;*/
}

body .mfp-wrap .mfp-progress-line span {
    width: 0;
    height: 4px;
    background: #ededed;
    margin-bottom: -40px;
    transition: width 10s ease-in-out;
    display: inline-block;
    background: #ff9900
}

a {
    word-wrap: break-word;
    text-decoration: none !important;
}

a.white:focus {
    color: #fff !important;
    text-decoration: none !important;
}

a.white:hover {
    color: #f3f3f3;
    text-decoration: none !important;
}

a,
button {
    outline: 0 !important
}

.wow_content {
    /*background-color: #fff;*/
    box-shadow: 0px -3px 30px rgb(0 35 196 / 3%);
    border-radius: 17px;
    padding: 15px 15px 1px;
    /*box-shadow: 0px 30px 30px rgb(0 0 0 / 3%);*/
}

.wow_content.negg_padd {
    padding: 0;
}

.wow_sett_content {
    padding: 3px 20px 20px;
}

.wow_sett_content .text-center>.btn-mat {
    min-width: 150px;
    margin: 17px 0;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.dropdown-menu>li>a {
    color: #333;
}

/*Buttons*/
.btn-mat {
    position: relative;
    user-select: none;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    text-align: center;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    transform: translate3d(0, 0, 0);
    transition: background .4s cubic-bezier(.25, .8, .25, 1), box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    font-size: 15px;
    overflow: hidden;
    /*font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;*/
}

.btn-mat::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: currentColor;
    opacity: 0;
    transition: opacity 0.2s;
}

.btn-mat::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    height: 32px;
    background-color: currentColor;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s;
}

.btn-mat:active::after {
    opacity: 0.16;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s;
}

.btn-mat svg {
    width: 17px;
    height: 17px;
    margin: -2px 3px 0 0;
}

.btn-mat-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.btn-mat-raised:active {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
}

.btn-loading {
    position: relative;
    box-shadow: none;
}

.btn-loading:before {
    display: none;
}

.btn-loading:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    padding: 0 16px;
    border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    transform: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50px' height='50px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3crect x='0' y='0' fill='none' class='bk'%3e%3c/rect%3e%3ccircle cx='50' cy='50' r='40' stroke='%23fff' fill='none' stroke-width='6' stroke-linecap='round'%3e%3canimate attributeName='stroke-dashoffset' dur='1.5s' repeatCount='indefinite' from='0' to='502'%3e%3c/animate%3e%3canimate attributeName='stroke-dasharray' dur='1.5s' repeatCount='indefinite' values='150.6 100.4;1 250;150.6 100.4'%3e%3c/animate%3e%3c/circle%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    transition: none;
}

.next_thumb,
.prev_thumb,
.small_text {
    text-shadow: 0 1px 2px #333
}

.owl-item,
.slick-slider {
    -webkit-tap-highlight-color: transparent
}

.blog-com-wrapper,
.movies-com-wrapper {
    width: 100%;
    overflow: hidden;
    padding: 10px;
    background-color: #fff
}

.blog-com-wrapper .blog-comlist-container,
.movies-com-wrapper .movies-comlist-container {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    padding-bottom: 30px
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item,
.movies-com-wrapper .movies-comlist-container .movies-comment-item {
    width: 100%;
    overflow: hidden;
    margin-top: 20px
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box .form-group,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box .form-group {
    margin: 4px;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box textarea,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box textarea {
    width: 100%;
    height: 30px;
    margin-top: 10px;
    font-size: 14.5px;
    padding: 5px 10px;
    box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    border: 0;
    transition: background-color 240ms, box-shadow 240ms;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box textarea:focus,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box textarea:focus {
    box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(58, 151, 212, 0.28) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-img,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-img {
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: 45px;
    width: 45px
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body h5 span,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body h5 span {
    font-size: 14.5px;
    color: #aaa;
    margin-top: 0;
    display: inline
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body p,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body p {
    overflow: hidden;
    padding-right: 0;
    font-size: 14.5px;
    color: #777;
    font-family: Hind, sans-serif
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body>div,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body div {
    /*width:100%;*/
    /*overflow:hidden;*/
    color: #888;
    position: relative;
    font-size: 16px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
}

.movies-com-wrapper .movies-com-top {
    width: 100%;
    overflow: hidden;
    margin: 20px 0
}

.blog-com-wrapper .blog-com-box,
.movies-com-wrapper .movies-com-box {
    margin-right: 0;
    padding-right: 0;
    display: block;
    overflow: hidden
}

.blog-com-wrapper .blog-com-box .blog-com-box-act,
.movies-com-wrapper .movies-com-box .movies-com-box-act {
    width: 100%;
    overflow: hidden;
    height: 35px;
    background-color: #fff;
    padding-top: 5px
}

.blog-com-wrapper .blog-com-box .blog-com-box-act button,
.movies-com-wrapper .movies-com-box .movies-com-box-act button {
    padding: 1px 15px;
    border-radius: 3px;
    margin: 2px 0 2px 5px;
    border-color: #d3d3d3;
    background-color: #f8f8f8
}

.blog-com-wrapper .blog-com-box .blog-com-box-act button.bg-main,
.movies-com-wrapper .movies-com-box .movies-com-box-act button.bg-main {
    color: #fff;
    border: 1px solid #a84849;
    background-color: #a84849
}

.blog-com-wrapper .blog-com-box textarea,
.movies-com-wrapper .movies-com-box textarea {
    width: 100%;
    border-radius: 0;
    height: 50px;
    padding: 10px
}

.blog-com-wrapper .blog-com-head,
.movies-com-wrapper .movies-com-head {
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
    display: inline-block
}

.blog-comment-item .comment-icons svg.feather,
.blog-comment-item .del-blog-comment svg.feather,
.movies-comment-item .comment-icons svg.feather,
.movies-comment-item .del-movies-comment svg.feather {
    margin-top: 0;
    width: 15px;
    height: 15px
}

.blog-comment-reply-cont .comment-icons svg.feather,
.blog-comment-reply-cont .del-blog-commreplies svg.feather,
.movies-comment-reply-cont .comment-icons svg.feather,
.movies-comment-reply-cont .del-movies-commreplies svg.feather {
    margin-top: 0;
    width: 13px;
    height: 13px
}

.movies-com-wrapper .movies-comlist-container {
    margin-top: 10px;
}

.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body div.comment-heading .del-movies-comment {
    margin-left: 10px;
}

.next_thumb,
.prev_thumb {
    color: #fff;
    cursor: pointer;
    margin-left: 10px;
    float: right
}

.lightbox-post-footer .comments-list .reply,
.post .post-footer .comments-list .reply {
    display: block;
    width: 100%;
    margin: 25px 0
}

.lightbox-post-footer .comments-list .comment .reply .avatar,
.post .post-footer .comments-list .reply .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.lightbox-post-footer .comments-list .reply .reply-heading .user,
.post .post-footer .comments-list .reply .reply-heading .user {
    font-size: 14.5px;
    font-weight: 700;
    display: inline;
    margin-top: 0
}

.lightbox-post-footer .comments-list .reply .reply-heading .time,
.post .post-footer .comments-list .reply .reply-heading .time {
    font-size: 10px;
    color: #aaa;
    margin-top: 0;
    display: inline
}

.post-map img {
    padding: 2px;
    border-radius: 17px;
    box-shadow: 0px 10px 30px rgb(0 35 196 / 20%);
}

.fluid_theatre_mode {
    z-index: 99 !important;
}

@media (max-width: 656px) { /* Adjust max-width as needed */
    .post-file video {
        max-height: 100%; /* Adjust height for mobile */
        height: fit-content;
        max-width: 100%; /* Make it responsive */
        width: fit-content; /* Maintain aspect ratio */
       /* border-radius: 17px;*/
    }
}

.fluid_video_wrapper.fluid_player_layout_default:-webkit-full-screen video {
    max-height: 100%;
}

.active-player {
    max-height: 100% !important;
}

iframe,
.post-map img {
    border: none;
    border-radius: 17px;
}

.post-shared,
.post-likes,
.post-wonders,
.post-reacted {
    display: none;
    overflow: auto;
    max-height: 300px
}

.comment-text {
    color: #777;
    overflow: hidden;
    max-height: 92px;
    overflow-y: auto;
    width: 288px;
    word-wrap: break-word;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    padding: 5px;
    text-align: center;
}

.reply-text {
    color: #777;
    overflow: hidden;
    max-height: 95px;
    overflow-y: auto;
    width: 245px;
    word-wrap: break-word;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    padding: 5px;
    text-align: center;
    box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 0.02), /* Shadow at the top */    inset 0px -4px 6px rgba(0, 0, 0, 0.0);
    border-radius: 10px;
}

.comment-edit input,
.comment-reply input {
    font-size: 14.5px;
    margin-top: 10px;
    height: 30px;
    border-radius: 10px
}

.options-buttons a,
.options-buttons button {
    margin-left: 10px;
    font-size: 14.5px;
    float: right
}

.no-messages {
    text-align: center;
    padding: 10px;
    margin-top: 100px;
    color: #666;
    font-size: 20px
}

.dropdown-menu.post-privacy-menu {
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 3px
}

.post-privacy-menu li a,
.post-privacy-menu li div {
    color: #777;
    font-size: 13.5px;
    transition: none !important;
}

.post-privacy-menu li div {
    padding: 0 16px !important;
    line-height: 32px;
}

.post .post_drop_menu_loading {
    text-align: center;
    padding: 4.36px 0 !important
}

.post_drop_menu_loading .ball-pulse {
    display: block;
    float: none;
    margin: 0;
    line-height: 0;
    padding: 0 !important
}

.post_drop_menu_loading .ball-pulse>div {
    padding: 0 !important
}

.app-website,
.page-website {
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
    margin-top: 2px
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body h5,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body h5 {
    margin-top: 0
}

.faa-parent.animated-hover:hover>.faa-ring,
.faa-ring.animated,
.faa-ring.animated-hover:hover {
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0;
    transform-origin-z: initial
}

.list-group-item.black-list,
.list-group-item.gray-list {
    padding: 10px;
    font-size: 14.5px;
    transition: all .2s
}

.setting-well input[type=text],
.setting-well input[type=password],
.setting-well select {
    height: 30px !important;
    color: #666 !important;
    font-size: 14.5px;
    box-shadow: 0 1px 0 0 #f0f2f5, 0 0 0 1px #f0f2f5;
    border: none;
    border-radius: 10px;
}

.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box {
    padding: 0;
    overflow: hidden
}

.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-cont {
    width: 100%;
    overflow: hidden
}

.movies-com-wrapper .movies-com-top h4 {
    width: 100%;
    font-size: 17px;
    font-weight: 700
}

.movies-com-wrapper .movies-com-box form {
    width: 100%;
    overflow: hidden
}

.movies-com-wrapper .movies-com-head img {
    height: 100%;
    width: 100%
}

/*Blog Comments*/
.blog-com-wrapper {
    padding: 20px 20px 1px
}

.blog-com-wrapper .wo_page_hdng {
    padding: 0 0 10px;
    margin-bottom: 20px;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box {
    padding: 0;
    overflow: hidden
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-cont {
    width: 100%;
    overflow: hidden
}

.blog-com-wrapper .blog-com-box form {
    width: 100%;
    overflow: hidden
}

.blog-com-wrapper .blog-comlist-container:empty {
    padding: 0;
}

.wo_blogcomm_combo {
    display: flex;
    padding: 5px 0;
}

.wo_blogcomm_combo img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #f4f4f4;
    margin-right: 10px
}

.wo_blogcomm_combo textarea {
    min-height: 50px;
    padding: 10px 15px 7px !important;
    box-shadow: none;
    border: 0;
    transition: background-color 240ms, box-shadow 240ms;
    font-size: 16px;
    line-height: 28px;
    background: #F2F2F2;
    border-radius: 9px !important;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
}

.wo_blogcomm_combo textarea:focus {
    box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(58, 151, 212, 0.28) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.wo_blogcomm_combo button {
    border-radius: 25px;
    width: 50px;
    min-width: 50px;
    height: 50px;
    padding: 0;
    margin-left: 10px;
    display: none;
}

.wo_blogcomm_combo button svg {
    margin: 0;
    width: 24px;
    height: 24px;
}

.wo_blogcomm_combo button {
    display: block;
}

.blog-com-wrapper .blog-com-head img {
    height: 100%;
    width: 100%
}

.header-fixed1200 {
    max-width: 1100px
}

.post .panel {
    box-shadow: none;
    border-radius: 16px;
}

/*@media only screen and (max-width: 768px) {
    .post .panel {
        box-shadow: none;
        border-radius: 16px;
        border-top-style: solid;
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
        border-top-width: thin;
        border-top-color: #9d9fbe3b;
    }
    */
.post .post-footer {
    padding: 15px 0;
    border-radius: 16px;
    max-height: 500px;
    overflow-y: auto;
    box-shadow: inset 0px 4px 6px rgba(0, 35, 196, 0.08), /* Shadow at the top */
    inset 0px -4px 6px rgba(0, 35, 196, 0.02); /* Shadow at the bottom */
    margin-top: 17px;
}

        .post .post-footer.post-reacted {
            position: relative;
        }

            .post .post-footer.post-reacted .hide_who_reacted_it {
                position: absolute;
                top: 0;
                right: 0;
                width: 20px;
                height: 20px;
                color: #7e7e7e;
                cursor: pointer;
            }

                .post .post-footer.post-reacted .hide_who_reacted_it svg {
                    width: 20px;
                    height: 20px;
                }

        /* .post .post-footer.post-comments{border-top:0} */
        .post .post-footer .comments-list {
            padding: 0;
            list-style-type: none
        }

            .post .post-footer .comments-list .reply .reply-heading {
                display: block;
                width: 100%
            }

            .post .post-footer .comments-list .reply .comment-body {
                margin-left: 40px;
                margin-top: -3px
            }

            .post .post-footer .comments-list .comment {
                display: block;
                width: 100%;
                margin: 20px 0;
                padding: 0 15px;
            }

                .post .post-footer .comments-list .comment .comment-body,
                .post .post-footer .comments-list .comment > .comments-list {
                    margin-left: 52px
                }

            .post .post-footer .comments-list .comment-container:nth-child(2) {
                margin-top: 5px
            }

            .post .post-footer .comments-list .comment .avatar {
                width: 42px;
                height: 42px;
                border-radius: 50%
            }

            .post .post-footer .comments-list .comment .comment-heading {
                /*display:inline-block; background: #f0f2f5; border-radius:8px; padding: 10px; margin-left: 0; max-width: calc(100% - 70px); min-width: 45%;*/
            }

                .post .post-footer .comments-list .comment .comment-heading .user {
                    display: inline;
                    margin-top: 0;
                    color: #050505;
                    font-size: 17px;
                    font-family: 'Poppins';
                    font-style: normal;
                    font-weight: 400;
                }

                .post .post-footer .comments-list .comment .comment-heading .time {
                    color: #aaa;
                    margin-top: 0;
                    display: inline;
                    font-family: 'Poppins';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 13px;
                }

            .post .post-footer .comments-list .comment .comment-body .comment_edele_options {
                visibility: hidden
            }

    .like-btn-comment .active-like {
        display: block !important;
    }

    .post .post-footer .comments-list .comment .comment-body:hover .comment_edele_options {
        visibility: visible
    }

.post .post-footer .textarea {
    height: 30px;
    font-size: 13.5px;
    /*padding-right: 140px;*/
    background: #fafafa;
}

    .post .post-footer .btn:not(.social-btn) {
        padding: 3px 11px
    }

    .post .post-footer .input-group-addon a {
        color: #444
    }

    .post .post-heading {
        padding: 20px 1px 1px;
        margin-bottom: -20px
    }

        .post .post-heading .avatar {
            width: 60px;
            height: 60px;
            display: block;
            border-radius: 116px;
            box-shadow: none;
            margin-right: 15px;
            box-shadow: 0 5px 10px rgba(0, 35, 196, .3);
        }

        .post .post-heading .meta .title {
            margin-bottom: 0;
            margin-top: 10px;
            font-size: 16px;
        }

            .post .post-heading .meta .title a {
                color: #4a4a4a;
                margin-right: -7px;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 17px;
            }

                .post .post-heading .meta .title a:hover {
                    text-decoration: underline !important
                }

                .post .post-heading .meta .title a b {
                    font-weight: 400;
                }

            .post .post-heading .meta .title .small-text {
                font-size: 14px !important;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
            }

        .post .post-heading .meta h6 {
            margin-bottom: -20;
        }

        .post .post-heading .meta .time {
            margin-top: 8px;
            color: #999;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            font-style: italic;
        }

    .post .post-description {
        padding: 1px 1px
    }

        .post .post-description p {
            font-size: 15px;
            color: #666;
            overflow: hidden;
            word-wrap: break-word;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            margin-left: 0px;
            margin-right: 0px;
            padding: 0 15px;
            margin-top: 20px;
            text-align: center;
            max-height: 192px;
            overflow-y: auto;
        }

        .post .post-description .stats .stat-item {
            display: inline-block;
            padding: 3px 7px;
            font-size: 14.5px;
            border: 0;
            color: #555
        }

            .post .post-description .stats .stat-item .icon {
                margin-right: 8px
            }

    .post .post-file {
        width: auto;
    }

        .post .post-file .media-video-file {
            border-radius: 2px;
            background-color: #000;
            padding: 0;
            width: 100%;
            max-height: 380px;
            max-width: 100%
        }

        .post .post-file img {
            max-height: 600px;
            max-width: 100%;
            width: 100%;
            border: 0;
            border-radius: 17px;
            object-fit: fill;
        }

    .post .post-image .image {
        width: 100%;
        height: auto
    }

    .post .post-actions .stat-item {
        margin-top: 15px !important;
        font-size: 12px !important;
        color: #9197a3 !important
    }

    .comment-reply {
        display: none
    }

        .comment-reply .wo_commreply_combo {
            margin-top: 10px;
            display: flex;
            position: relative;
        }

            .comment-reply .wo_commreply_combo .avatar {
                width: 30px !important;
                height: 30px !important
            }

            .comment-reply .wo_commreply_combo .textarea {
                margin-top: 0;
                border-radius: 10px !important;
                padding-right: 120px;
                margin-left: 5px
            }

            .comment-reply .wo_commreply_combo .image-comment {
                right: 10px;
                display: flex;
                flex-direction: row-reverse;
                align-items: center;
            }

                .comment-reply .wo_commreply_combo .image-comment .btn-file {
                    padding: 4px 0 !important;
                    font-size: 0;
                    margin: 5px 0px;
                    background: transparent;
                }

    .comment-edit {
        display: none;
        margin-bottom: 15px
    }

    .options-buttons {
        position: absolute;
        margin-left: 20px;
        margin-top: -40px;
        z-index: 1
    }

    .list-group-item {
        padding-left: 15px
    }

        .list-group-item.black-list.active-list.users {
            background-color: #4c75a3 !important
        }

        .list-group-item.black-list.active-list.pages {
            background-color: #ce3d3d !important
        }

        .list-group-item.black-list.active-list.groups {
            background-color: #f2b92b !important
        }

        .list-group-item.black-list.active-list.posts {
            background-color: #6abd46 !important
        }

        .list-group-item.black-list a:hover {
            cursor: pointer;
            text-decoration: none
        }

        .list-group-item.gray-list {
            padding: 8px !important;
            font-size: 14.5px !important
        }

            .list-group-item.gray-list:hover {
                color: #444
            }

            .list-group-item.gray-list a:hover {
                cursor: pointer;
                text-decoration: none;
                color: #222
            }

        .list-group-item:first-child {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            background-color: #f9f9f9;
            color: #444
        }

.setting-well {
    padding: 30px 10px
}

        .setting-well .btn-main {
            height: 30px !important;
            font-size: 14.5px;
            min-width: 100px !important
        }

        .setting-well textarea {
            color: #666 !important;
            font-size: 14.5px
        }

        .setting-well .profile-style {
            margin-bottom: 0 !important;
            margin-top: 15px
        }

    /*.content-container {overflow-x:hidden;}*/
    .header-container {
        background: #fff;
        width: 100%;
        z-index: 999999999999;
        position: relative;
    }

        .header-container .user-avatar img {
            width: 34px;
            height: 34px;
            border-radius: 60px;
        }

    .message-user-image {
        position: relative;
        margin-right: 15px;
        border-radius: 50%;
    }

        .message-user-image img {
            width: 30px;
            height: 30px;
            border-radius: 50%;
        }

    .comment-btn-wrapper {
        display: inline-block
    }

        .comment-btn-wrapper div {
            display: inline;
            overflow: hidden;
            display: none;
        }

        .comment-btn-wrapper [data-comment-rtime] {
            font-size: 14.5px;
            padding: 3px 0
        }

    .comment-record {
        width: 100%;
        overflow: hidden;
        padding: 15px 0
    }

        .comment-record:empty {
            padding: 0
        }

    .user-ad-container {
        width: 100%;
        position: relative
    }

        .user-ad-container div.post-advertisement .ads-heading {
            overflow: hidden;
            width: 100%;
            padding: 10px 15px
        }

        .user-ad-container div.post-advertisement .ads-image {
            width: 46px;
            height: 46px;
            display: block;
            overflow: hidden;
            margin-right: 10px;
            border-radius: 50%;
            margin-top: -3px
        }

        .user-ad-container div.post-advertisement .panel {
            padding-top: 15px
        }

        .user-ad-container div.post-advertisement .ads-meta {
            color: #555
        }

            .user-ad-container div.post-advertisement .ads-meta .title {
                margin-bottom: 0;
                margin-top: 1px
            }

        .user-ad-container div.post-advertisement .ads-headline {
            font-size: 14.5px;
            color: #555;
            overflow: hidden;
            word-wrap: break-word;
            padding: 15px 0
        }

            .user-ad-container div.post-advertisement .ads-headline p {
                /*text-transform:capitalize;*/
                margin-bottom: 0;
                font-size: 14.5px;
                color: #555;
                line-height: 20px;
                font-weight: 400
            }

        .user-ad-container div.post-advertisement .ads-cover {
            width: 100%;
            position: relative
        }

            .user-ad-container div.post-advertisement .ads-cover .ads-description {
                font-size: 14.5px;
                position: absolute;
                max-width: 90%;
                bottom: 0;
                left: 0;
                background-color: rgba(0, 0, 0, .54);
                border-radius: 2px;
                padding: 5px 8px;
                margin: 16px;
                color: #fff;
                font-weight: bold;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .user-ad-container div.post-advertisement .ads-cover a {
                display: block;
                max-height: 700px
            }

        .user-ad-container div.post-advertisement .ads-footer {
            width: 100%;
            overflow: hidden;
            height: 10px
        }

            .user-ad-container div.post-advertisement .ads-footer .stat-item {
                display: inline-block;
                padding: 3px 7px;
                font-size: 14.5px;
                border: 0;
                color: #555
            }

    .text-dnone {
        text-decoration: none !important
    }

    .ads-cont-wrapper a,
    .hashtag-search-result a,
    .left-sidebar ul li a:focus,
    .left-sidebar ul li a:hover,
    .notification-list a:hover {
        text-decoration: none
    }

    .unsetheight {
        height: unset !important
    }

    /*Ads*/
    .ads_col_4 {
        padding-left: 15px;
    }

    .ads_col_8 {
        padding-left: 0;
    }

    .ads-navbar-wrapper {
        width: 100%;
        overflow: hidden;
        background-color: #ffffff;
        border-radius: 16px;
    }

        .ads-navbar-wrapper ul {
            margin: 15px;
        }

            .ads-navbar-wrapper ul li a {
                text-transform: capitalize;
                display: block;
                transition: all 0.2s;
                padding: 10px 15px;
                /* border-left: 2px solid white; */
                font-size: 14px;
                margin: 10px 0;
                text-decoration: none;
                font-family: 'Poppins';
                color: #222;
                font-weight: 600;
                border-radius: 10px;
            }

                .ads-navbar-wrapper ul li a:hover {
                    color: #e7b1b1;
                }

                .ads-navbar-wrapper ul li a.active {
                    color: #000;
                    font-weight: 600;
                    background: rgb(0 0 0 / 6%);
                }

                .ads-navbar-wrapper ul li a svg {
                    width: 20px;
                    height: 20px;
                    margin: -4px 10px 0 0;
                }

    .ads_mini_wallet {
        padding: 25px;
        display: flex;
        justify-content: space-between;
    }

        .ads_mini_wallet p {
            font-size: 14px;
            text-transform: capitalize;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            margin: 0 0 8px;
        }

        .ads_mini_wallet h3 {
            margin: 0;
            font-size: 28px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
        }

        .ads_mini_wallet img {
            flex: 0 0 auto;
            max-width: 76px;
            display: none;
        }

    .wow_mini_wallets {
        display: flex;
        align-items: center;
        padding-bottom: 7px;
    }

        .wow_mini_wallets h5 {
            margin: 0;
            font-size: 50px;
            font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
            font-weight: 400;
            font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        }

    .wow_mini_wallets_btns {
        margin-left: auto;
    }

        .wow_mini_wallets_btns .btn {
            margin-left: 5px;
        }

    .wow_add_money_hid_form {
        display: none;
    }

    .wow_snd_money_form .add-amount {
        margin: 15px 0 25px;
    }

        .wow_add_money_hid_form .add-amount h5,
        .wow_snd_money_form .add-amount h5 {
            margin: 0 auto;
            font-size: 42px;
            font-family: "Lato", sans-serif;
            width: 130px;
            padding: 4px 0;
            border-bottom: 2px solid #ddd;
        }

    .wow_add_money_hid_form .add-amount h5 {
        margin-left: 0;
        margin-right: 0;
        display: flex;
    }

        .wow_add_money_hid_form .add-amount h5 input,
        .wow_snd_money_form .add-amount h5 input {
            width: 105px;
            border: 0;
            outline: none;
            background: transparent !important;
        }

    .wow_add_money_hid_form form {
        padding: 25px 0 0;
        border-top: 1px solid #ececec;
        margin-top: 25px;
    }

    .wow_wallet_trans {
        font-family: 'Poppins';
        border: 0;
    }

        .wow_wallet_trans thead {
            border-bottom: 1px solid #ececec;
        }

            .wow_wallet_trans thead tr th {
                font-weight: bold;
            }

        .wow_wallet_trans tbody tr {
            border-bottom: 1px solid #ececec;
        }

            .wow_wallet_trans tbody tr:last-child {
                border: 0;
            }

    .ads-cont-wrapper {
        width: 100%;
    }

    .wow_ads_list_head {
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 100%;
        padding: 2px 10px;
        margin-top: 5px;
        overflow: hidden;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

        .wow_ads_list_head li {
            display: inline-block;
            margin: 0 -1.7px;
        }

            .wow_ads_list_head li.aid,
            .wow_ads_lists li .aid {
                width: 9%;
            }

            .wow_ads_list_head li.acomp,
            .wow_ads_lists li .acomp {
                width: 33%;
            }

            .wow_ads_list_head li.abid,
            .wow_ads_lists li .abid {
                width: 13%;
            }

            .wow_ads_list_head li.aclck,
            .wow_ads_lists li .aclck {
                width: 13%;
            }

            .wow_ads_list_head li.avew,
            .wow_ads_lists li .avew {
                width: 13%;
            }

            .wow_ads_list_head li.asts,
            .wow_ads_lists li .asts {
                width: 14%;
            }

            .wow_ads_list_head li.aemp,
            .wow_ads_lists li .aemp {
                width: 4.5%;
                text-align: end;
            }

    .wow_ads_lists > li {
        background-color: #fff;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        margin: 8px 0;
        padding: 10px;
    }

        .wow_ads_lists > li > div {
            display: inline-block;
            margin: 0 -1.7px;
            vertical-align: middle;
        }

            .wow_ads_lists > li > div .dropdown-menu li a {
                font-size: 14.5px;
            }

                .wow_ads_lists > li > div .dropdown-menu li a svg {
                    width: 20px;
                    height: 20px;
                    margin: -2px 5px 0 0;
                }

    .wow_ad_sts_actv {
        display: inline-block;
        padding: 3px 12px;
        font-size: 12px;
        font-weight: 600;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        color: #4CAF50;
        background-color: rgba(76, 175, 80, 0.1);
    }

    .wow_ad_sts_noactv {
        display: inline-block;
        padding: 3px 12px;
        font-size: 12px;
        font-weight: 600;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        color: #F44336;
        background-color: rgba(244, 67, 54, 0.1);
    }

    .ads-cont-wrapper .table td {
        vertical-align: middle;
        padding: 13px 8px !important;
    }

    .wow_creads_minstp {
        padding: 47px 80px 27px;
    }

        .wow_creads_minstp .line {
            width: 100%;
            height: 2px;
            background: #ddd;
            position: relative;
            border-radius: 8px;
            margin-bottom: 15px;
        }

            .wow_creads_minstp .line .line_sec {
                height: 2px;
                width: 0;
                background: #2196f3;
                border-radius: 2em;
                position: absolute;
                transition: all 0.3s;
            }

            .wow_creads_minstp .line .dot {
                position: absolute;
                top: 50%;
                width: 44px;
                height: 44px;
                background: #DADADA;
                border-radius: 50%;
                transition: .3s all ease;
                transform: translate(-50%, -50%);
                text-align: center;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 600;
                font-size: 17px;
                line-height: 44px;
            }

                .wow_creads_minstp .line .dot svg {
                    width: 18px;
                    height: 18px;
                    margin: 3px 0;
                }

                .wow_creads_minstp .line .dot.one {
                    left: 0%;
                    transform: translate(-50%);
                }

                .wow_creads_minstp .line .dot.two {
                    left: 50%;
                }

                .wow_creads_minstp .line .dot.three {
                    left: calc(100% - 11px);
                }

    .step-one-active.wow_creads_minstp .dot.one {
        background: #2196f3;
        color: #fff;
        transform: translate(0px, -50%);
    }

    .step-two-active.wow_creads_minstp .dot.one,
    .step-three-active.wow_creads_minstp .dot.one {
        background: #2196f3;
        color: #fff;
        transform: translate(0px, -50%);
    }

    .step-two-active.wow_creads_minstp .dot.two,
    .step-three-active.wow_creads_minstp .dot.two {
        background: #2196f3;
        color: #fff;
    }

    .step-three-active.wow_creads_minstp .dot.three {
        background: #2196f3;
        color: #fff;
    }

    .step-one-active.wow_creads_minstp .line .line_sec {
        width: 25%;
    }

    .step-two-active.wow_creads_minstp .line .line_sec {
        width: 75%;
    }

    .step-three-active.wow_creads_minstp .line .line_sec {
        width: 100%;
    }

    .wow_creads_minstp .steps {
        margin: 30px 0 0;
        position: relative;
        height: 20px;
    }

        .wow_creads_minstp .steps > div {
            position: absolute;
            top: 0;
            transform: translate(-50%);
            height: 20px;
            display: inline-block;
            text-align: center;
            transition: .3s all ease;
            font-size: 15px;
            display: block;
            font-family: 'Poppins';
        }

    .step-one-active .steps > .step-one,
    .step-two-active .steps > .step-one,
    .step-two-active .steps > .step-two,
    .step-three-active .steps > .step-one,
    .step-three-active .steps > .step-two,
    .step-three-active .steps > .step-three {
        color: #2196f3;
    }

    .wow_creads_minstp .steps > div.step-one {
        left: -15px;
        transform: none;
    }

    .wow_creads_minstp .steps > div.step-two {
        left: 50%;
    }

    .wow_creads_minstp .steps > div.step-three {
        left: auto;
        right: -27px;
        transform: none;
    }

    .wow_create_ads_stp {
        background-color: #fff;
        border-radius: 16px;
        padding: 15px 20px;
    }

        .wow_create_ads_stp .wo_page_hdng.pag_neg_padd {
            margin-bottom: 15px;

        }

        .wow_create_ads_stp .modal-footer {
            border: 0;
            padding: 0;
            background: transparent !important;
        }

        .wow_create_ads_stp .btn-mat {
            min-width: 200px;
            margin: 15px 0 8px;
            line-height: 50px;
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 18px;
        }

        .wow_create_ads_stp .wow_fcov_image {
            min-height: 320px;
        }

            .wow_create_ads_stp .wow_fcov_image img {
                min-height: 320px;
                max-height: 320px;
            }

    .estimated_ad_limit p {
        margin-bottom: 0px;
    }

    .estimated_ad_limit svg {
        width: 20px;
        height: 20px;
        margin: -2px 3px 0 0;
        opacity: 0.8;
    }

    .wow_fcov_image {
        position: relative;
        width: 100%;
        min-height: 250px;
        background: #fafafa;
        border-radius: 9px;
        margin-top: 10px;
    }

        .wow_fcov_image > div {
            width: 100%;
            height: 100%;
            border-radius: 9px;
        }

            .wow_fcov_image > div#productimage-holder {
                white-space: normal;
                padding: 0;
                min-height: 250px;
                display: grid;
                grid-gap: 10px;
                grid-template-columns: 1fr 1fr 1fr;
            }

                .wow_fcov_image > div#productimage-holder .thumb-image {
                    width: 100%;
                    height: auto;
                    margin: 0;
                    min-height: auto;
                }

        .wow_fcov_image img {
            width: 100%;
            height: 100%;
            min-height: 250px;
            max-height: 250px;
            object-fit: cover;
            border-radius: 9px;
        }

        .wow_fcov_image .upload_ad_image {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border-radius: 9px;
            padding: 15px;
            font-family: 'Mulish';
            font-style: normal;
            font-weight: 700;
            font-size: 12px;
        }

            .wow_fcov_image .upload_ad_image .upload_ad_image_content {
                font-size: 17px;
                background: #fafafa3b;
                border-radius: 40px;
                padding: 15px;
                font-family: Convergence;
            }

                .wow_fcov_image .upload_ad_image .upload_ad_image_content svg {
                    display: block;
                    margin: 0 auto 15px;
                }

                .wow_fcov_image .upload_ad_image .upload_ad_image_content b {
                    margin: 0;
                    border-bottom: 1px solid;
                }

    /*Fake Ad Post*/
    .fake_ad_post {
        width: 100%;
        position: relative;
        border-radius: 16px;
        background-color: #fff;
        padding: 15px;
    }

        .fake_ad_post .wo_page_hdng {
            margin: 0 0 13px;
            border: 0;
            padding: 0;
            font-family: 'Poppins';
        }

        .fake_ad_post .wo_page_hdng_innr {
            font-size: 14px;
            font-weight: 500;
        }

        .fake_ad_post .fads_heading {
            overflow: hidden;
            width: 100%;
        }

        .fake_ad_post .fads_meta {
            overflow: hidden;
        }

            .fake_ad_post .fads_meta .fads_avatar {
                width: 45px;
                height: 45px;
                display: block;
                overflow: hidden;
                margin-right: 10px;
                border-radius: 50%;
                background-position: center;
                background-size: cover;
                float: left;
            }

            .fake_ad_post .fads_meta .fads_m_info {
                margin-left: 58px;
            }

                .fake_ad_post .fads_meta .fads_m_info .company {
                    display: block;
                    width: 90%;
                    border: 0;
                    outline: none;
                    font-size: 15px;
                    font-weight: bold;
                    font-family: 'Poppins';
                }

                .fake_ad_post .fads_meta .fads_m_info .location {
                    display: block;
                    width: 50%;
                    border: 0;
                    outline: none;
                    font-family: 'Poppins';
                }

        .fake_ad_post .fcov_title {
            color: rgba(0, 0, 0, .87);
            font-size: 17px;
            margin: 12px 0;
            line-height: 28px;
            position: relative;
            background: #fafafa;
            border-radius: 10px;
            padding: 8px 5px;
        }

            .fake_ad_post .fcov_title svg {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                width: 17px;
                height: 17px;
                margin: 0 10px;
            }

            .fake_ad_post .fcov_title div {
                outline: none;
                font-size: 15px;
                width: 100%;
                display: inline-block;
                padding-left: 30px;
                border: 0;
                font-family: 'Poppins';
            }

        .fake_ad_post .fads_headline {
            font-size: 14.5px;
            color: #555;
            overflow: hidden;
            word-wrap: break-word;
            margin: 15px 0;
        }

            .fake_ad_post .fads_headline div {
                width: 100%;
                font-size: 14.5px;
                height: 90px;
                overflow-y: auto;
                font-family: 'Poppins';
                background: #fafafa;
                border-radius: 10px;
                padding: 10px;
            }

        .fake_ad_post .fads_cover {
            position: relative;
        }

            .fake_ad_post .fads_cover .fcov_image {
                position: relative;
                width: 100%;
                height: 180px;
                background: #f7f7f7;
                border-radius: 13px;
            }

                .fake_ad_post .fads_cover .fcov_image > div {
                    width: 100%;
                    height: 100%;
                    border-radius: 13px;
                }

                .fake_ad_post .fads_cover .fcov_image img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 13px;
                }

            .fake_ad_post .fads_meta .fads_m_info .company span,
            .fake_ad_post .fads_meta .fads_m_info .location span,
            .fake_ad_post .fads_headline div span,
            .fake_ad_post .fads_cover .fcov_title div span {
                user-select: none;
                pointer-events: none;
            }

    textarea {
        font-size: 14.5px
    }

        textarea.form-control {
            resize: none !important
        }

            textarea.form-control.url-input {
                padding-top: 3px;
                min-height: 100px
            }

        textarea.postText {
            border: none;
            padding-top: 12px;
            padding-left: 50px;
            height: 45px;
            box-shadow: none
        }

    .responsive-img {
        width: 100%;
        max-width: 100%
    }

    /*Header*/
    .side_slide_menu {
        cursor: pointer;
        margin-right: 15px;
        flex: 0 0 auto;
        display: none;
    }

    .header-fixed1000,
    .header-fixed1200 {
        max-width: 1150px;
        margin: 0 auto;
        padding: 0
    }

        .header-fixed1000 > .container-fluid {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .header-fixed1000 > .container-fluid:before,
            .header-fixed1000 > .container-fluid:after {
                display: none;
            }

    .wow_hdr_innr_left {
        display: flex;
        align-items: center;
        flex: 1 1 auto;
    }

        .wow_hdr_innr_left .nav {
            margin-left: auto;
        }

    .header-brand {
        display: block;
    }

        .header-brand img {
            width: 100%;
            max-width: 180px;
            max-height: 30px;
        }

    .headtoppoint {
        height: 0;
        width: 0;
        border: solid transparent;
        pointer-events: none;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        top: -10px;
        position: absolute;
        left: 100%;
        margin-left: -35px;
        -webkit-filter: drop-shadow(0 -5px 4px rgba(0, 0, 0, .2));
        filter: drop-shadow(0 -5px 4px rgba(0, 0, 0, .2))
    }

    .hide_fill_svg {
        display: none;
    }

    .navbar-default li.dropdown.notification-container {
        margin-right: 10px
    }

    .navbar-default .dropdown-menu li a svg {
        height: 18px;
        width: 18px;
        vertical-align: middle;
        margin: -3px 15px 0 2px
    }

    .navbar-default .user-menu-combination .user-avatar {
        display: inline-block;
    }

        .navbar-default .user-menu-combination .user-avatar img {
            border-radius: 50%;
            max-width: initial;
        }

        .navbar-default .user-menu-combination .user-avatar .user-review-rating-heart-icon {
            z-index: 8;
        }

    .navbar-default .user-menu-combination b {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        margin: 0;
        vertical-align: middle;
        margin-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 146px;
        display: inline-block;
        white-space: nowrap;
    }

    .navbar-default .user-menu-combination:after {
        /*content: url("data:image/svg+xml;charset=utf-8,<svg width='13' height='8' viewBox='0 0 13 8' xmlns='http://www.w3.org/2000/svg'><path d='M12.2532 0.405063C11.8481 0 11.3418 0 10.5316 0H2.22785C1.41772 0 0.911392 0 0.506329 0.405063C0.202532 0.70886 0 1.11392 0 1.62025C0 2.22785 0.405063 2.53164 0.911392 3.13924L5.06329 7.29114C5.26582 7.49367 5.56962 7.79747 5.87342 7.89873C6.07595 7.89873 6.17721 8 6.37975 8C6.58228 8 6.68354 8 6.88607 7.89873C7.18987 7.79747 7.49367 7.59494 7.6962 7.29114L11.8481 3.13924C12.4557 2.53164 12.7595 2.22785 12.7595 1.62025C12.7595 1.11392 12.557 0.70886 12.2532 0.405063ZM6.37975 5.67089L2.73418 2.02532H10.0253L6.37975 5.67089Z' fill='%235D5F93'/></svg>");*/
        /*display: inline-block;*/
        /*margin-left: 0.255em;*/
        /*vertical-align: middle;*/
    }

    .navbar-default .dropdown-menu.ani-acc-menu {
        min-width: 270px;
        padding: 15px 20px !important;
    }

        .navbar-default .dropdown-menu.ani-acc-menu .wo_user_name {
            margin: 0 8px 8px;
            background-color: rgb(0 0 0 / 4%);
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            overflow: hidden;
        }

            .navbar-default .dropdown-menu.ani-acc-menu .wo_user_name > a:not(.wow_hdr_menu_usr_lnk) {
                padding: 4px 15px;
                font-size: 14px;
            }

        .navbar-default .dropdown-menu.ani-acc-menu > li > a .uname {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 160px;
            white-space: nowrap;
            display: inline-block;
        }

        .navbar-default .dropdown-menu.ani-acc-menu > li > a {
            display: flex;
            font-family: 'Convergence';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            padding: 10px 5px;
            flex-direction: row;
            align-items: center;
        }

            .navbar-default .dropdown-menu.ani-acc-menu > li > a > svg {
                height: 22px;
                width: 22px;
                margin: -3px 12px 0 0;
            }

            .navbar-default .dropdown-menu.ani-acc-menu > li > a:focus {
                background: transparent !important;
            }

            .navbar-default .dropdown-menu.ani-acc-menu > li > a:hover {
                margin: 0 -20px;
                padding: 10px 25px;
                background-color: #f9f9f9 !important;
            }

    .navbar-default .sixteen-font-size svg {
        width: 22px;
        height: 22px;
        margin: -1px 0;
    }

    .head_name_links {
        margin-left: 8px;
    }

        .head_name_links .btn-main {
            height: 33px;
            margin: 6px 0;
            padding: 0;
            border-radius: 9px;
            width: 33px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .head_name_links .sixteen-font-size {
            font-size: 14.5px !important;
            font-weight: bold;
            line-height: 21px;
        }

        .head_name_links .btn-material {
            position: absolute;
            width: 60px;
            height: 60px;
            border-radius: 100%;
            background: #fff;
            transform-origin: 50%;
            transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
            pointer-events: none;
            visibility: hidden;
        }

        .head_name_links.open .btn-material {
            transform: scale(70);
            z-index: 9;
            visibility: visible;
        }

    body .dropdown-menu.create_head_menu.fulls:not(.notfi-dropdown) {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 0;
        padding: 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        transform-origin: center top;
        background: transparent !important;
        max-height: 100%;
        overflow-y: auto;
    }

    body .open .dropdown-menu.create_head_menu.fulls:not(.notfi-dropdown) {
        transition: opacity 1.2s cubic-bezier(0.4, 0.0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
    }

    .dropdown-menu.create_head_menu.fulls > svg {
        position: fixed;
        top: 0;
        right: 0;
        margin: 20px;
        cursor: pointer;
        border-radius: 6px;
        padding: 3px;
        width: 30px;
        height: 30px;
        transition: all 0.2s ease;
    }

        .dropdown-menu.create_head_menu.fulls > svg:hover {
            background: #fafafa;
        }

    .create_head_menu.fulls li a {
        line-height: normal !important;
        user-select: none;
        display: flex;
        align-items: center;
        padding: 60px 30px !important;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 16px;
        flex-direction: column;
        background: #fafafa;
        border-radius: 12px;
        margin: 15px;
        transition: all 0.2s ease;
        min-width: 200px;
    }

        .create_head_menu.fulls li a:hover {
            box-shadow: rgb(0 0 0 / 5%) 0px 10px 15px -3px, rgb(0 0 0 / 7%) 0px 4px 6px -4px;
            background: #fff;
        }

        .create_head_menu.fulls li a svg {
            margin: 0 0 20px 0 !important;
            height: 60px !important;
            width: 60px !important;
            padding: 5px;
        }

    .wow_hdr_menu_usr_lnk img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }

    .wow_hdr_menu_usr_lnk span.position-relative {
        display: inline-block;
        margin: -2px 9px 0 0;
        margin-left: -4px;
    }

        .wow_hdr_menu_usr_lnk span.position-relative svg {
            width: 12px !important;
            height: 12px !important;
            margin: 0 !important;
        }

    .wow_hdr_requests {
        padding: 13px 15px;
    }

        .wow_hdr_requests .user-request-list {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

    .request-list li {
        margin: 0;
    }

    .user-request-list .user-info {
        max-width: 75%;
        flex: 1 1 auto;
    }

        .user-request-list .user-info > a {
            font-weight: bold;
            color: #272727;
            font-size: 16px;
            text-decoration: none;
            white-space: nowrap;
            display: inline-block;
            max-width: inherit;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 3px;
        }

        .user-request-list .user-info .avatar {
            display: inline
        }

    .user-request-list .user-lastseen {
        margin-left: 50px;
    }

    .user-request-list img {
        width: 56px;
        border-radius: 50%;
        margin-right: 10px;
        float: left
    }

    .user-request-list button {
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border: 0;
        border-radius: 8px;
    }

    .user-request-list:not(:first-child) {
        margin-bottom: 10px
    }

    #wo_home_btns > span {
        display: none;
    }

    .ui-menu-item span {
        font-size: 14.5px
    }

    .ui-menu-item img {
        width: 32px;
        margin: 3px;
        border-radius: 3px
    }

    .small-mention {
        color: #888 !important;
        font-size: 12px !important
    }

    .margin {
        margin: 5px
    }

    .font-13 {
        font-size: 14.5px
    }

    .no-padding-right {
        padding-right: 0 !important
    }

    .recent-searches {
        padding: 6px 10px
    }

    .content-container {
        margin-top: 78px
    }

    .page-margin {
        margin-top: 20px;
        margin-bottom: 20px
    }

    /*Sidebar Invite*/
    .sidebar .wow_side_invite_prnt {
        box-shadow: 0 1px 3px rgba(0, 35, 196, 0.2);
    }

    .wow_side_invite {
        padding: 15px;
    }

    .wow_side_invite_hdr {
        display: flex;
        align-items: center;
    }

        .wow_side_invite_hdr svg {
            width: 25px;
            height: 25px;
            display: none;
        }

        .wow_side_invite_hdr p {
            margin: 0;
            font-style: normal;
            font-family: 'Convergence';
            font-weight: 500;
            font-size: 16px;
        }

    .invite-user-form .invite-user-combine {
        position: relative;
        margin: 10px 0 0;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

        .invite-user-form .invite-user-combine input {
            height: 48px;
            padding: 8px 15px;
            width: 100%;
            flex: 1 1 auto;
            margin: 0 0;
            border: 2px solid #fafafa;
            background: #fafafa;
            font-family: 'Convergence';
            box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .08), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.02);
        }

    .invite-user-form button {
        line-height: 16px;
        height: 42px;
        border-radius: 14px;
        flex: 0 0 auto;
        padding: 0 16px;
        font-family: Convergence;
        margin: 10px 0 0;
        min-width: 100px;
    }

        .invite-user-form button svg {
            height: 18px;
            width: 18px
        }

    .order_by ul li.active a b {
        color: #fff;
    }

    /* Media query: Hide all specified elements on mobile view */
    @media only screen and (max-width: 768px) {
        .sidebar .wow_side_invite_prnt,
        .wow_side_invite,
        .wow_side_invite_hdr,
        .wow_side_invite_hdr svg,
        .wow_side_invite_hdr p,
        .invite-user-form .invite-user-combine,
        .invite-user-form .invite-user-combine input,
        .invite-user-form button,
        .invite-user-form button svg,
        .order_by ul li.active a b {
            display: none;
        }
    }
    /*Left Sidebar*/
    .wo_new_left_side {
        background: #FFFFFF;
        border-radius: 16px;
        padding: 10px;
        box-shadow: 0px 30px 30px rgb(0 35 196 / 3%)
    }

    .left-sidebar > ul {
        padding-left: 0 !important
    }

    .side_brand {
        display: none;
        margin: 10px 0 20px;
        margin-top: 8px;
    }

        .side_brand a {
            display: inline-block;
        }

            .side_brand a img {
                width: 100%;
                max-width: 180px;
                max-height: 65px;
            }

.left-sidebar > ul > li > a {
    border-radius: 6px;
    padding: 20px 5px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 5px 0;
    transition: all .2s ease;
    color: #333;
    font-family: 'Convergence';
    font-weight: 500;
    font-size: 17px;
    line-height: 18px;
}

        .left-sidebar > ul > li > a:hover {
            background: rgba(0, 0, 0, 0.05);
            color: #050505;
        }

        .left-sidebar > ul > li > a > img {
            display: none;
        }

        .left-sidebar > ul > li > a > svg,
        .left-sidebar ul li a img {
            margin-right: 10px;
            height: 20px;
            width: 20px;
            vertical-align: middle;
            margin-top: -3px;
        }

        .left-sidebar > ul > li > a > svg {
            width: 30px;
            height: 30px;
            /*background: #f6f6f6;*/
            border-radius: 6px;
            padding: 5px;
        }

    /* .left-sidebar > ul > li > a.top-percentile > svg{
    width: 34px;
    height: 34px;
    margin-right: 6px;
} */
    .left-sidebar ul li a img {
        height: 18px;
        width: 18px;
    }

    .left-sidebar li a .sidebar-icon {
        width: 20px;
        margin-right: 7px
    }

    .left-sidebar .trending {
        background: 0 0;
        margin-top: 30px;
        box-shadow: none
    }

    .left-sidebar .sidebar .sidebar-title-back {
        padding-left: 0;
        line-height: 30px;
        background: 0 0
    }

    .left-sidebar .sidebar .trending .list-group-item {
        padding: 1px 5px;
        background: 0 0
    }

        .left-sidebar .sidebar .trending .list-group-item a {
            margin: 0;
            line-height: 18px
        }

    /*Dropdown*/
.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    /*box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.20), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);*/
    box-shadow: rgb(0 35 196 / 10%) 0px 10px 15px -3px, rgb(0 35 196 / 10%) 0px 4px 6px -4px;
    padding: 8px 0;
    transform: scale3d(.8, .8, 1);
    transform-origin: right top;
    display: block;
    opacity: 0;
    visibility: hidden;
    border: 0;
}

    .dropdown-menu.toleft {
        transform-origin: left top !important;
    }

    .open > .dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
        transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
        transform: none;
        opacity: 1;
        visibility: visible;
        border-radius: 16px;
    }

    .dropdown-menu:not(.notfi-dropdown) > li > a {
        padding: 5px 15px;
        line-height: 30px;
    }

    /*Header Search*/
.search-container .search-input {
    transition: all .3s;
    border-radius: 10px;
    border: 0;
    width: 100%;
    height: 40px;
    color: #777;
    box-shadow: none;
    background: 0 0;
    font-family: 'Convergence';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    padding: 0 15px;
    box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .08), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.02);
}

        .search-container .search-input:focus {
            background: #fff;
            color: #333
        }

    .search-container .inner-addon .glyphicon {
        padding: 0 !important;
        color: #666 !important;
        margin: 8px 14px;
        right: 0;
        left: auto;
    }

    .search-dropdown-container {
        width: 100%;
        transform-origin: center top !important;
    }

    .search-dropdown-result {
        margin: -8px 0 0;
    }

        .search-dropdown-result .center-text {
            margin-top: 5px
        }

        .search-dropdown-result li {
            margin: 0px;
            padding: 0;
            border: 0px solid rgb(0 0 0 / 11%);
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        }

            .search-dropdown-result li a {
                display: flex;
                padding: 5px;
                transition: all .1s ease-in-out;
                text-decoration: none
            }

                .search-dropdown-result li a:hover {
                    background: #f9f9f9;
                    border-radius: 13px;
                    padding: 0px 15px;
                }

        .search-dropdown-result .search-user-name {
            font-size: 14.5px;
            margin-top: 10px;
            font-family: "Roboto", sans-serif;
            display: inline-block;
            font-weight: 500;
            color: #222;
        }

        .search-dropdown-result .search-user-lastseen {
            font-size: 12px;
            color: #999
        }

        .search-dropdown-result .user-lastseen .small-last-seen {
            font-size: 12px;
        }

        .search-dropdown-result .search-user-avatar img {
            border-radius: 50%;
            width: 40px;
            height: 40px;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .06);
            margin: 2px 10px 0 0
        }

        .search-dropdown-result li .search_result_badge {
            border: 1px solid #03A9F4;
            color: #03A9F4;
            padding: 1px 5px 1.5px;
            text-transform: uppercase;
            font-size: 9px;
            margin-left: 5px;
            font-weight: 700;
            letter-spacing: .6px;
            border-radius: 3px
        }

    .emo-message {
        position: absolute;
        display: none;
        color: #5b5b5b;
        right: 110px;
        z-index: 2
    }

    .show-message-link-container {
        padding: 6px 6px 10px;
        text-align: center;
    }

        .show-message-link-container a {
            font-family: 'Convergence';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            color: #347AE2;
            text-decoration: none;
        }

    .hashtag-search-result {
        padding: 0;
        position: relative
    }

        .hashtag-search-result a {
            display: block;
            padding: 7px 8px
        }

            .hashtag-search-result a:hover {
                background: #ecf0f7
            }

    .hdr_notis_title {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 10px 13px;
    }

        .hdr_notis_title h3 {
            margin: 0;
            font-size: 17px;
            font-family: 'Convergence';
            font-style: normal;
        }

    .notification-list {
        padding: 13px 17px
    }

        .notification-list:hover {
            background: #f7f7f7
        }

    .notification-user-avatar {
        position: relative;
    }

        .notification-user-avatar > span {
            position: absolute;
            background-color: white;
            border-radius: 50%;
            bottom: -3px;
            right: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 25px;
            height: 25px;
            box-shadow: 0px 2px 8px rgb(0 0 0 / 8%);
        }

    body .notification-list .notification-user-avatar > span svg {
        width: 14px;
        height: 14px;
        margin: 0;
    }

    body .notification-list .notification-user-avatar > span .inline_act_emoji {
        line-height: 1;
        transform: scale(0.9);
        margin-bottom: 0;
    }

    .notification-list .notification-text {
        font-size: 15px;
        color: #666;
        font-family: 'Poppins';
        font-style: normal;
        margin-left: 72px;
        margin-top: 6px;
    }

    .notification-list .notification-time {
        font-size: 13px;
        color: #666;
        margin: 4px 0 0
    }

        .notification-list .notification-time svg.feather {
            margin: -1px 3px 0;
            width: 15px;
            height: 15px;
            color: #575757
        }

    .notification-list span.main-color {
        color: #050505 !important;
        font-weight: 600;
    }

    .messages-list span.main-color{
    color: #050505 !important;
    font-weight: 600;
    }

    .notification-list .notification-user-avatar > img {
        border-radius: 50%;
        margin-right: 10px;
        width: 54px;
        height: 54px;
        margin-left: 0
    }

    .notifications-dropdown {
        width: 390px;
        overflow: auto;
        max-height: 550px;
        padding: 0 !important
    }

        .notifications-dropdown .turn-off-sound {
            color: #ff574b;
            padding: 6px;
            display: inline-block;
            background-color: rgb(244 67 54 / 10%);
            font-weight: 500;
            font-family: "Roboto", sans-serif;
            font-size: 0;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            cursor: pointer
        }

            .notifications-dropdown .turn-off-sound svg {
                margin-top: -2px;
            }

.order-by {
    padding: 15px;
    margin-bottom: 20px;
    font-family: 'Convergence';
}

        .order-by .dropdown-toggle {
            cursor: pointer;
            font-weight: 600;
            color: inherit;
            padding: 4px;
            border-radius: 5px;
            margin: 0 3px;
        }

        .order-by .dropdown-menu {
            margin-top: 6px
        }

    .plus-images {
        position: relative
    }

        .plus-images .plus-images-num {
            position: absolute;
            top: 30px;
            color: #fff;
            font-size: 20px
        }

    .messages-dropdown {
        width: 390px;
        overflow: auto;
        max-height: 580px;
        padding: 0
    }

    .messages-list {
        cursor: pointer
    }

        .messages-list .notification-time {
            color: #666 !important;
            margin: 5px 0 0
        }

        .messages-list .notification-user-avatar img {
            margin-left: 0;
            width: 48px;
            height: 48px;
        }

        .messages-list .notification-text {
            margin-left: 62px;
            margin-top: 0px;
        }

            .messages-list .notification-text .color b {
                margin: 0;
                font-weight: normal;
                font-size: 17px;
            }

        .messages-list span.main-color {
            color: #272727 !important
        }

    .header-message {
        font-size: 15px;
        color: #666;
        padding: 3px 0 2px;
    }

        .header-message svg.feather {
            margin-top: -1px;
            width: 13px;
            height: 13px
        }

    .activities-wrapper {
        max-height: 400px;
        overflow-y: auto
    }

        .activities-wrapper .notification-list .notification-text {
            font-size: 14.5px;
            color: #666;
            margin-left: 62px
        }

        .activities-wrapper .notification-list .notification-time {
            font-size: 12px;
            color: #666
        }

        .activities-wrapper * {
            font-size: 14px
        }

        .activities-wrapper h2 .text-center {
            font-size: 14.5px;
            color: #777
        }

    .header-loading-sppiner {
        font-size: 30px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        color: #777
    }

    .wowonder-well {
        background-color: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        padding: 15px 15px 1px;
    }

        .wowonder-well.one-well {
            padding-top: 0
        }

    .familly-list-link {
        font-weight: normal;
        padding: 10px;
        margin-left: auto;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        background: rgba(0, 0, 0, 0.07);
    }

        .familly-list-link:hover {
            background: rgba(0, 0, 0, 0.09);
        }

        .familly-list-link a:hover {
            text-decoration: none;
        }

    .profile-style .avatar {
        margin-right: 10px;
    }

        .profile-style .avatar img {
            width: 60px;
            border-radius: 50%;
            border: 1px solid #ededed
        }

.profile-style:not(.promoted-style) {
    width: 48%;
    margin-right: 6px;
    /*display: inline-table;*/
    margin-bottom: 20px
}

    .profile-style .user-like-button button {
        font-size: 14.5px;
        border: 1px solid #ededed;
        margin: 3px
    }

        .profile-style .user-like-button button.btn-active {
            font-size: 14.5px;
            border: 1px solid #fff
        }

    .profile-style .user-follow-button button {
        padding: 3px;
        font-size: 14.5px;
        background-color: #fff;
        margin-top: 10px;
        border: 1px solid #ededed
    }

        .profile-style .user-follow-button button:hover {
            box-shadow: 0;
            box-shadow: none
        }

        .profile-style .user-follow-button button.btn-active {
            padding: 3px;
            font-size: 14.5px;
            border: 1px solid #fff;
            outline: 0
        }

    .sidebar-profile-style {
        padding-bottom: 10px !important;
        margin-bottom: 15px !important;
        border-radius: 2px;
        box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
        background-color: #fff
    }

    .load-bar {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 3px;
        width: 100%;
        position: fixed;
        z-index: 5000;
        background-color: #fdba2c;
    }

    .bar {
        content: "";
        display: inline;
        position: absolute;
        width: 0;
        height: 100%;
        left: 50%;
        text-align: center;
    }

        .bar:nth-child(1) {
            background-color: #0095d8;
            animation: loading 3s linear infinite;
        }

        .bar:nth-child(2) {
            background-color: #eee;
            animation: loading 3s linear 1s infinite;
        }

        .bar:nth-child(3) {
            background-color: #c54147;
            animation: loading 3s linear 2s infinite;
        }

    @keyframes loading {
        from {
            left: 50%;
            width: 0;
            z-index: 100;
        }

        33.3333% {
            left: 0;
            width: 100%;
            z-index: 10;
        }

        to {
            left: 0;
            width: 100%;
        }
    }

    header .barloading {
        /* background-color: #fff !important; */
    }

    .barloading {
        height: 4px;
        width: 100%;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 3px;
        width: 100%;
        display: none;
        position: fixed;
        z-index: 5000;
        overflow: hidden;
        background-color: #fff;
    }

        .barloading:before {
            display: block;
            position: absolute;
            content: "";
            left: -200px;
            width: 200px;
            height: 3px;
            animation: barloading 1.5s linear infinite;
        }

    .share_modal_social_icos .social-btn-parent {
        transition: all 0.2s;
        padding: 10px;
        border-radius: 10px;
    }

        .share_modal_social_icos .social-btn-parent:hover {
            background: rgba(0, 0, 0, 0.1) !important;
        }

    @keyframes barloading {
        from {
            left: -200px;
            width: 30%;
        }

        50% {
            width: 30%;
        }

        70% {
            width: 70%;
        }

        80% {
            left: 50%;
        }

        95% {
            left: 120%;
        }

        to {
            left: 100%;
        }
    }

    .animated_20 {
        -webkit-animation-duration: 0.2s;
        animation-duration: 0.2s;
    }

    .animated_40 {
        -webkit-animation-duration: 0.4s;
        animation-duration: 0.4s;
    }

    .animated_60 {
        -webkit-animation-duration: 0.6s;
        animation-duration: 0.6s;
    }

    .animated_80 {
        -webkit-animation-duration: 0.8s;
        animation-duration: 0.8s;
    }

    .page-likes {
        color: #999;
        font-size: 14.5px
    }

        .page-likes span {
            margin: 10px
        }

    .load-more {
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px
    }

        .load-more button {
            text-align: center;
            width: auto
        }

    .search-filter-center-text {
        display: block;
        text-align: center;
        margin-top: 100px;
        margin-bottom: 100px
    }

        .search-filter-center-text.no-well {
            margin-bottom: 20px
        }

    .sidebar-conatnier #sidebar-sticky.Stick {
        position: fixed;
        top: 64px;
        width: 300px
    }

    .sidebar-user-data {
        width: 33.33333%;
        margin: 0;
        display: inline-block;
        padding: 5px;
        position: relative;
        margin-bottom: 10px;
    }

        .sidebar-user-data a {
            position: relative;
            display: block;
        }

    .wo_user_profile .list-sidebar-element {
        padding: 5px;
    }

    .sidebar-user-data a {
        text-decoration: none;
    }

    .wo_user_profile .list-sidebar-element:empty {
        padding: 0px !important;
    }

    .sidebar-user-data .sidebar-listed-user-avatar img {
        width: 100%;
        margin: 0;
        padding: 0;
        border-radius: 8px;
        display: inline-block;
        transition: all 0.2s;
    }

    .sidebar-user-data .sidebar-listed-user-avatar a:hover img {
        -webkit-filter: brightness(89%);
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .sidebar-user-data .sidebar-listed-user-name {
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 100%;
        white-space: nowrap;
        /* bottom:0; */
        /* left:0; */
        color: #050505;
        /* background:linear-gradient(transparent,rgba(0,0,0,.45)); */
        /* padding:5px; */
        /* width:100%; */
        font-weight: 600;
        margin-top: 5px;
        /* position:absolute; */
        font-size: 13px;
        line-height: 16px;
        max-height: 56px
    }

    .sidebar-ad iframe,
    .sidebar-ad img,
    .sidebar-ad script {
        width: 100%;
        max-width: 100%
    }

    .publisher-box:focus {
        box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1)
    }

    .publisher-box .position-relative {
        width: 42px;
        height: 42px;
    }

    .publisher-box .post-avatar {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 9;
        max-width: initial;
    }

    .publisher-box textarea.postText {
        padding: 16px 55px;
        line-height: 1.628571;
        height: 55px;
        color: inherit !important;
    }

    .publisher-box .add-emoticons {
        position: absolute;
        top: 20px;
        right: 20px;
        margin: 0
    }

        .publisher-box .add-emoticons .dropdown-toggle {
            display: block;
            text-align: center;
            border-radius: 50%;
            height: 35px;
            width: 35px;
            line-height: 35px;
            box-shadow: none
        }

            .publisher-box .add-emoticons .dropdown-toggle svg.feather {
                fill: #5b5b5b;
                margin-top: -1px;
                width: 22px;
                height: 22px
            }

    .publisher-box .btn-default {
        padding: 4px 8px
    }

    body #progress #percent {
        position: relative;
        left: auto;
        font-weight: 400;
        border-radius: 2em;
        text-align: center;
        min-width: 46px;
        font-size: 14px;
        float: right !important;
        font-family: 'Poppins';
        padding: 3px 0;
        margin: -2.5px 0 0;
    }

    body #progress {
        padding: 4px 10px;
    }

    body .wow_sett_content #progress {
        padding: 2px 0;
        margin-top: 15px;
    }

    body #progress .progress,
    body #progress .progress .progress-bar {
        height: 10px;
        border-radius: 10px;
        box-shadow: none;
    }

    body #progress .progress {
        margin: 4.5px 55px 0 0;
        overflow: visible;
        position: relative;
    }

        body #progress .progress:before,
        body #percent:before {
            content: '';
            background: currentColor;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: 10px;
            opacity: 0.2;
        }

        body #progress .progress .progress-bar {
            box-shadow: none;
            animation: none;
            background-image: none;
        }

    .publisher-box .publisher-hidden-option select {
        height: 30px;
        padding: 4px 8px;
        font-size: 14.5px
    }

    .publisher-box .publisher-hidden-option input {
        border: none;
        box-shadow: none;
        border-radius: 6px !important;
        background: #fafafa;
        height: 40px;
    }

    .publisher-box .publisher-hidden-option textarea {
        border-radius: 0;
        border: none;
        border-top: 1px solid #ededed
    }

    .wo_pub_box_foott {
        border-top: 1px solid #f0f2f5;
    }

    .publisher-box .camera-button {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .publisher-box .camera-button .poster-left-buttons {
            margin: 10px 6px;
            flex: 1;
        }

            .publisher-box .camera-button .poster-left-buttons .btn {
                width: 100%;
                font-weight: 600;
                font-size: 13px;
                border-radius: 2em;
                padding: 6px 8px;
            }

        .publisher-box .camera-button .btn svg {
            width: 20px;
            height: 20px;
        }

        .publisher-box .camera-button.hiddencamera {
            display: none;
        }

    .publisher-box .publisher-box-footer {
        padding: 5px;
        display: none
    }

        .publisher-box .publisher-box-footer .pub-footer-upper {
            margin: 0;
            padding: 4px 1px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

            .publisher-box .publisher-box-footer .pub-footer-upper > div:not(.all_colors),
            .publisher-box .publisher-box-footer .pub-footer-upper > div.pull-left,
            .publisher-box .publisher-box-footer .pub-footer-upper > div.pull-right {
                float: none !important;
                flex: 1;
                display: flex;
                justify-content: center;
                margin: 15px 9px;
            }

        .publisher-box .publisher-box-footer .pub-footer-bottom {
            padding: 0px 8px 7px
        }

    .pub_footer_bottom_btns {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .pub_footer_bottom_btns .btn {
            border-radius: 14px;
            margin: 0 5px;
            padding: 0 16px;
            line-height: 43px;
            font-family: 'Convergence';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            min-width: 100px;
            flex: 0 0 auto;
        }

        .pub_footer_bottom_btns .btn-mat.btn-go-live {
        }

    .publisher-box .publisher-box-footer .pub-footer-bottom .ball-pulse {
        margin-right: 10px
    }

    .publisher-box .publisher-box-footer .poster-left-buttons {
        margin: 0 7.8px;
        /*width:35px;height:35px;*/
        text-align: center;
        transition: all .1s linear;
        position: relative;
    }

        .publisher-box .publisher-box-footer .poster-left-buttons .btn {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 28px !important;
            border-radius: 2em;
            transition: all 0.15s;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 42px;
            background: #f3f3f3;
            width: 100%;
            border: 0;
            text-transform: lowercase;
        }

            .publisher-box .publisher-box-footer .poster-left-buttons .btn > span {
                width: 20px;
                height: 20px;
                background: transparent !important;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 3px 0 0;
                padding: 0;
                border-radius: 0;
            }

            .publisher-box .publisher-box-footer .poster-left-buttons .btn svg {
                width: 100%;
                height: 100%;
            }

        .publisher-box .publisher-box-footer .poster-left-buttons svg.feather {
            color: #5b5b5b;
            margin-top: -1px
        }

        .publisher-box .publisher-box-footer .poster-left-buttons .btn:active {
            box-shadow: none
        }

        .publisher-box .publisher-box-footer .poster-left-buttons span#postRecordingTime {
            position: absolute;
            font-weight: 500;
            display: block;
            pointer-events: none;
            bottom: -13px;
            background: #dd2e21;
            font-size: 13px;
            color: #fff;
            border-radius: 5px;
            padding: 0 5px;
            line-height: 22px;
            min-width: 50px;
            margin: 0 11px;
        }

    .pub_footer_middle {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }

    .publisher-box .publisher-box-footer .poster-left-select {
        margin-right: 5px;
        margin-left: 5px
    }

    #post-textarea {
        position: relative
    }

    #loading_indicator {
        position: absolute;
        display: none;
        right: 5px;
        top: 5px;
        color: #999
    }

    .extracted_url {
        padding: 10px;
        position: relative;
        border-top: 1px solid #f4f4f4
    }

        .extracted_url .extracted_thumb {
            max-height: 300px;
            overflow: hidden;
            position: relative;
            margin-bottom: 10px
        }

            .extracted_url .extracted_thumb img {
                border-radius: 2px;
                width: 100%
            }

    .thumb_sel {
        width: 100px
    }

    .thumb_select {
        position: absolute;
        top: 20px;
        left: 20px;
        color: #fff
    }

    .remove-fetched-url {
        right: 20px;
        z-index: 1;
        top: 15px;
        font-size: 17px;
        color: #fff;
        text-shadow: 0 1px 1px #333;
        position: absolute;
        cursor: pointer
    }

    .post-fetched-url {
        border-radius: 3px;
        border: 1px solid #ededed;
        transition: all .2s;
        position: relative;
    }

        .post-fetched-url:hover {
            background: #f0f2f5
        }

        .post-fetched-url .fetched-url-text {
            padding: 0;
        }

            .post-fetched-url .fetched-url-text h4 {
                color: #444;
                margin-bottom: 10px;
                font-size: 18px !important
            }

            .post-fetched-url .fetched-url-text .description {
                font-size: 14.5px !important;
                margin-bottom: 10px
            }

        .post-fetched-url a:focus,
        .post-fetched-url a:hover {
            text-decoration: none !important
        }

        .post-fetched-url img {
            width: 100%
        }

    .fetched-url-text {
        padding: 10px
    }

    .post-fetched-url-con {
        max-height: 300px;
        overflow: hidden
    }

    .panel-group {
        border: 1px solid #ededed
    }

    .panel-white .panel-footer,
    .panel-white .panel-heading {
        background-color: #fff;
        border-color: #ddd
    }

    .panel-one-post {
        margin: 0 auto;
        width: 80%
    }

    .panel-white {
        box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
    }

        .panel-white .panel-heading {
            color: #333
        }

    .gray-1 {
        color: #999 !important
    }

    .post-share {
        display: none
    }

        .post-share .social-btn {
            width: 30px;
            height: 30px;
            padding: 5px;
            font-size: 16px;
            line-height: 20px
        }

    .active.fa-thumbs-up {
        color: #a84849
    }

    .active.fa-share-square-o {
        color: #5f764d
    }

    .active.fa-exclamation-circle {
        color: #fc9b1b
    }

    .comment-icons {
        margin-left: 2px;
        margin-right: 2px
    }

    .filter-container {
        width: 100%
    }

    .filter {
        width: 14.4% !important
    }

    .filter-text {
        width: 20.1%;
        font-size: 14.5px
    }

    #select-status-media {
        width: 100%;
        height: 180px;
        max-height: 300px;
        overflow: hidden;
        text-align: center;
        background: #f9f9f9;
        font-size: 18px;
        font-family: Hind, sans-serif;
        cursor: pointer;
        border-radius: 0;
        border: 2px dashed #dadada
    }

        #select-status-media p {
            width: 100%;
            height: 100%;
            font-size: 14.5px;
            display: table
        }

            #select-status-media p span {
                display: table-cell;
                vertical-align: middle
            }

                #select-status-media p span svg.feather {
                    margin: 0 0 5px;
                    width: 50px;
                    height: 50px;
                    color: #cecece
                }

        #select-status-media img {
            width: 100%;
            max-height: 300px
        }

    .optional-field {
        opacity: .7
    }

    .opacity {
        opacity: 0.5;
        transition: all 1s;
    }

    .no-opacity {
        opacity: 1;
        transition: all 1s;
    }

    .story-container .story-image-wrapper {
        width: 100%;
        cursor: pointer;
        margin-bottom: -15px;
    }

        .story-container .story-image-wrapper .story-image {
            width: 100%;
            max-height: 100%
        }

    .story-container .story-media-cont {
        width: 100%;
    }

    .story-container .story-video {
        width: 100%;
        cursor: pointer;
        border-radius: 3px;
        box-shadow: 0 1px 0 0 #f0f2f5, 0 0 0 1px #f0f2f5
    }

    .post-edit {
        display: none;
        margin-bottom: 15px
    }

    .comment-image {
        width: 40%
    }

        .comment-image img {
            border-radius: 12px;
            width: 100%;
            margin-top: 10px;
            margin-bottom: 10px
        }

    .profile-container {
        padding-right: 15px;
        padding-left: 15px
    }

        .profile-container .card {
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            box-sizing: border-box;
            margin-bottom: 20px
        }

            .profile-container .card.hovercard {
                position: relative;
                padding-top: 0;
                overflow: hidden
            }

    .wo_user_profile .profile-container .card.hovercard {
        overflow: visible;
    }

    .profile-container .card.hovercard .cardheader {
        background: #fff;
        background-size: cover;
        max-height: 365px;
        min-height: 365px
    }

    .wo_user_profile .profile-container .card.hovercard .cardheader {
        border-radius: 16px;
        overflow: hidden;
    }

    .profile-container .card.hovercard .user-avatar {
        position: absolute;
        bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        z-index: 1;
        width: 10%;
        width: 150px;
        height: 150px
    }

        .profile-container .card.hovercard .user-avatar img {
            width: 100%;
            box-shadow: 0 5px 10px rgba(0, 35, 196, .3);
            border-radius: 50%
        }

    .profile-container .card.hovercard .info {
        position: relative
    }

        .profile-container .card.hovercard .info .title {
            left: 180px;
            position: absolute;
            width: 100%;
            z-index: 1;
            text-shadow: 0 1px 3px #111;
            line-height: 1;
            color: #fff;
            vertical-align: middle;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 25px;
            margin-top: -12px
        }

            .profile-container .card.hovercard .info .title a {
                color: #fff;
                text-overflow: ellipsis;
                overflow: hidden;
                max-width: 360px;
                height: 1.2em;
                white-space: nowrap;
                display: inline-block;
            }

    .profile-container .text-shadow {
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .65) 100%);
        padding: 30px;
        position: absolute;
        width: 100%;
        margin-top: -50px
    }

    .profile-avatar-changer {
        position: absolute;
        bottom: 0;
        text-align: center;
        left: 0;
        right: 0;
        display: none
    }

    .profile-cover-changer {
        position: absolute;
        display: none;
        z-index: 10;
        width: 45px
    }

        .profile-cover-changer .btn-file {
            width: 40px;
            font-size: 18px;
            float: left;
            background-color: rgba(242, 242, 242, 0.83);
            margin: 12px 12px 0 !important;
            border-radius: 8px !important;
            padding: 5px 6px 8px;
            transition: all .2s ease;
            border: 0;
        }

            .profile-cover-changer .btn-file:hover {
                background-color: #fff;
                box-shadow: 0 1px 2px rgba(0, 0, 0, .31)
            }

    .user-avatar-uploading-container {
        background-color: rgba(0, 0, 0, .5);
        height: 100%;
        width: 100%;
        position: absolute;
        display: none;
        border-radius: 50%
    }

    .user-avatar-uploading-progress {
        color: #fff;
        font-size: 30px;
        text-align: center;
        width: 100%;
        position: absolute;
        display: none
    }

        .user-avatar-uploading-progress .ball-pulse {
            display: block;
            margin: 60px auto;
            float: none;
            line-height: 0
        }

            .user-avatar-uploading-progress .ball-pulse > div {
                background-color: #dcdcdc
            }

    .user-cover-uploading-container {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: .6;
        background-color: rgba(0, 0, 0, .7);
        display: none
    }

    .user-cover-uploading-progress {
        color: #fff;
        width: 100%;
        position: absolute;
        z-index: 2;
        display: none;
        background-color: rgba(0, 0, 0, .23);
        height: 100%
    }

    .accept-btns {
        margin-top: 5px
    }

    .user-lastseen {
        font-size: 13px;
        color: #666;
        display: inline-block;
    }

        .user-lastseen .small-last-seen {
            font-size: 10px
        }

    .social-btn {
        text-align: center;
        width: 15%;
        font-size: 19px;
        height: 35px;
        position: relative;
        line-height: 24px
    }

    .clear {
        clear: both
    }

    .btns {
        margin-top: 10px
    }

    #icon {
        font-size: 100px
    }

    .scroll-top-wrapper {
        position: fixed;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        text-align: center;
        z-index: 99999999;
        background-color: #777;
        color: #ededed;
        width: 50px;
        height: 48px;
        line-height: 48px;
        right: 30px;
        bottom: 70px;
        padding-top: 2px;
        transition: all .5s ease-in-out;
        border-radius: 10px
    }

        .scroll-top-wrapper:hover {
            background-color: #888
        }

        .scroll-top-wrapper.show {
            visibility: visible;
            cursor: pointer;
            opacity: 1
        }

        .scroll-top-wrapper i.fa {
            line-height: inherit
        }

    .btn-file {
        position: relative;
        overflow: hidden
    }

        .btn-file input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            text-align: right;
            opacity: 0;
            outline: 0;
            background: #fff;
            cursor: inherit;
            display: block
        }

    input[readonly] {
        background-color: #fff !important;
        cursor: text !important
    }

    .setting-update-alert {
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .setting-update-alert:empty {
            margin: 0;
        }

    .available {
        color: green
    }

    .unavailable {
        color: red
    }

    .error-message,
    .success-message {
        font-size: 15px;
        color: #fff;
        border-radius: 5px;
        width: 100%;
        padding: 10px
    }

    .success-message {
        background-color: #89ba73
    }

    .error-message {
        background-color: #af5b5b
    }

    #bar,
    #progress,
    .new-update-alert,
    .posts-container {
        border-radius: 3px
    }

    .pointer {
        cursor: pointer
    }

    .charsLeft-message {
        color: #999;
        font-size: 14.5px;
        margin: 4px;
        display: none
    }

    .charsLeft-post {
        color: #999;
        font-size: 14.5px;
        margin: 7px;
    }

    .active-like {
        color: #1eb2c4
    }

    .active-wonder {
        color: #a84849
    }

    .active-like-1 {
        color: #1eb2c4
    }

    .active-like-2 {
        color: #f25268
    }

    .active-like-3 {
        color: #f3b715
    }

    .active-like-4 {
        color: #E86286
    }

    .active-like-5 {
        color: #F2B15C
    }

    .active-like-6 {
        color: #DD4B4B
    }

    #comment-likes,
    #comment-wonders {
        color: #666
    }

.comment-options {
    font-size: 12px;
    color: #888;
    position: relative;
    display: block;
    margin-top: 4px;
    /*text-align: right;*/
}

    .comment-container .comment-options svg.feather {
        width: 14px;
        height: 14px;
        margin-top: -3px
    }

    .refresh {
        cursor: pointer;
        font-size: 14.5px
    }

    .online-text {
        color: #4caf50
    }

    .hidden {
        display: none
    }

    .center-text {
        display: block;
        text-align: center;
        color: #666;
        font-size: 14.5px
    }

    .padding-10 {
        padding: 10px
    }

    .new-update-alert {
        padding: 0px 5.8px;
        color: #fff;
        font-size: 12px;
        z-index: 1;
        pointer-events: none;
        position: absolute;
        background: #000AFF !important;
        border-radius: 2em;
        right: 3px;
        top: 12px;
        text-align: center;
        line-height: 18px;
    }

    #emo-form,
    #photo-form,
    #progress {
        position: relative
    }

    .unread {
        background: #f0f2f5
    }

    .view-more-wrapper {
        display: block;
        margin-top: 2px
    }

        .view-more-wrapper span {
            cursor: pointer
        }

            .view-more-wrapper span:hover {
                text-decoration: none
            }

    .order-by .dropdown-toggle:hover {
        text-decoration: none
    }

    #progress {
        width: 100%;
        padding: 4px;
        display: none
    }

    #percent {
        position: absolute;
        left: 50%
    }

    #bar {
        height: 20px;
        width: 0
    }

    .white {
        color: #fff
    }

    .posts-container {
        margin-bottom: 20px
    }

    .time {
        font-size: 12px;
        color: #9197a3
    }

    .file-percent {
        color: #fff;
        display: none;
        text-align: center;
        margin: 5px
    }

    #focus-overlay {
        background: #000;
        bottom: 100%;
        left: 0;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        transition: opacity .3s, bottom 0 .3s;
        z-index: 1031
    }

    .pub-focus #focus-overlay {
        bottom: 0;
        opacity: .6;
        transition: opacity .3s
    }

    .pub-focus .post.publisher-box {
        z-index: 1031;
        position: relative
    }

    .pub-focus .pac-container {
        z-index: 1031
    }

    #video-form {
        display: none;
        border-top: 1px dashed #ededed
    }

        #video-form .inner-addon {
            width: 100%;
            overflow: hidden
        }

            #video-form .inner-addon span input.form-control {
                width: 350px
            }

            #video-form .inner-addon span.video-custom-thumb {
                line-height: 34px;
                font-size: 14.5px;
                color: #666;
                text-transform: capitalize;
                margin-right: 5px;
                user-select: none;
                font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
            }

        #video-form div.video-poster-image {
            width: 100%;
            overflow: hidden;
            background: #fff;
            display: none;
            padding: 7px
        }

            #video-form div.video-poster-image .thumb-renderer {
                width: 100%;
                display: table;
                min-height: 210px;
                overflow: hidden;
                border: 2px dashed #ccc;
                background: #fff;
                padding: 5px;
                transition: all .2s ease-in-out
            }

    #map-form,
    #map-form input {
        border-radius: 5px
    }

    #video-form div.video-poster-image .thumb-renderer:hover {
        border-color: #a84849
    }

    #video-form div.video-poster-image .thumb-renderer.hover {
        border-color: #a84849;
        border-style: solid
    }

    #video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea {
        vertical-align: middle;
        display: table-cell;
        text-align: center;
        color: #666
    }

    #emo-form,
    #map-form,
    #music-form,
    #photo-form,
    #vine-form {
        display: none
    }

    #photo-form {
        padding: 0 15px;
    }

    #video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea div.preview svg {
        margin-top: 0;
        width: 50px;
        height: 50px;
        color: #cecece
    }

    #video-form div.video-poster-image .thumb-renderer.hover #post_vthumb_droparea div.preview svg {
        color: #a84849
    }

    #video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea div.preview div p {
        font-size: 17px;
        margin: 8px 0 0;
        padding: 0;
        text-transform: lowercase
    }

        #video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea div.preview div p:first-letter {
            text-transform: uppercase
        }

    #video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea div.image img {
        width: 100%;
        min-height: 100%
    }

    #emo-form {
        font-size: 14.5px
    }

    #photo-form .create-album,
    #poll-form .create-poll {
        transition: all .2s ease-in-out;
        font-size: 14.5px;
        color: #fff;
        font-weight: 700
    }

    #map-form {
        margin: 10px 15px
    }

    #file-form,
    #gif-form {
        display: none;
        border-top: 1px dashed #ededed
    }

    #image-holder {
        width: 100%;
        padding: 0 8px;
        margin: 5px 0 10px;
        white-space: nowrap
    }

        #image-holder .thumb-image {
            width: 100px;
            height: 100px;
            margin: 0 5px 0 0;
            display: inline-block;
            object-fit: cover;
            user-select: none;
            pointer-events: none;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px
        }

    #album-form,
    #poll-form {
        display: none
    }

    #image-holder .thumb-image:last-child {
        margin-right: 0
    }

    #photo-form .create-album {
        background: #ebeef0;
        border-radius: 6px;
        padding: 5px 10px;
        margin: -33px 5px 7px;
        z-index: 9;
        color: #333;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 13px;
    }

        #photo-form .create-album:hover {
            background: #e0e0e0
        }

        #photo-form .create-album svg {
            width: 16px;
            height: 16px;
            margin: -2px 0 0;
        }

    #photo-form #image-holder {
        padding: 0;
    }

    #album-form {
        position: absolute;
        width: 100%;
        z-index: 9;
        margin-top: 7px;
        padding: 0 20px;
    }

        #album-form input {
            padding-right: 150px;
            height: 29px;
            line-height: normal;
            padding-top: 0;
        }

    #poll-form .publisher-hidden-option.answers {
        margin: 1px 15px 10px;
        overflow: hidden;
    }

        #poll-form .publisher-hidden-option.answers > span {
            position: relative;
            display: block;
        }

            #poll-form .publisher-hidden-option.answers > span svg {
                position: absolute;
                width: 20px;
                height: 20px;
                right: 5px;
                top: 8px;
                cursor: pointer;
            }

#poll-form .create-poll {
    display: inline-block;
    background: #5d5f93;
    margin: 0 15px 13px;
    cursor: pointer;
    border-radius: 13px;
    padding: 0 16px;
    line-height: 40px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    min-width: 100px;
}

    #poll-form .create-poll:hover {
        background: #5d5f93
    }

    #file-form .inner-addon svg.feather,
    #map-form .inner-addon svg.feather,
    #music-form .inner-addon svg.feather,
    #photo-form .inner-addon svg.feather,
    #video-form .inner-addon span svg.feather {
        position: absolute;
        margin: 11px 7px;
        width: 18px;
        height: 18px;
        color: #575757
    }

.image-file {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #e3e4e8;
    border-radius: 17px;
    box-shadow: 0px 10px 30px rgb(0 35 196 / 20%);
}

    .message-details {
        color: #444;
        font-size: 12px;
        margin-right: 10px;
        clear: both;
    }

        .message-details:empty {
            padding-top: 0
        }

    .media-video-file {
        width: 100%;
        border-radius: 5px;
        padding: 3px;
        border: 1px solid #e3e4e8
    }

    .media-download-btn {
        font-size: 15px;
        margin-left: 10px
    }

    .tab-container {
        background-color: #fff;
        padding: 15px;
        border-top: 0;
        border-bottom: 1px solid #ededed;
        border-left: 1px solid #ededed;
        border-right: 1px solid #ededed
    }

        .tab-container .tab-container {
            border-bottom: 0;
            border-top: 0;
            border-left: 0;
            border-right: 0
        }

    .setting-saved-update-alert {
        color: #666;
        font-size: 14.5px;
        margin-top: 5px
    }

    .announcements-option {
        font-size: 16px;
        margin-left: 5px
    }

        .announcements-option:first-child {
            padding-left: 5px
        }

    /*Footer*/
    .footer-wrapper {
        font-size: 14px;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

        .footer-wrapper hr {
            border-color: #e9e9e9;
            margin-bottom: 15px !important
        }

        .footer-wrapper .footer-powered {
            display: flex;
            align-items: center;
            /*justify-content: space-between;*/
            color: #858585;
            margin-left: -1px;
        }

        /* Desktop styles */
        .footer-wrapper .footer-powered {
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #858585;
            margin-left: -1px;
        }

/* Mobile styles */
@media (max-width: 768px) {
    .footer-wrapper .footer-powered {
        display: none;
    }
}
            .footer-wrapper .footer-powered .list-inline {
                margin: 0;
            }

    .footer-wrapper-sidebar {
        font-size: 14.5px;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

        .footer-wrapper-sidebar .footer-powered {
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #858585;
            font-size: 13px;
            /* font-weight: bold; */
        }

            .footer-wrapper-sidebar .footer-powered p,
            .footer-wrapper .footer-powered p {
                margin: 0;
            }

            .footer-wrapper-sidebar .footer-powered .dropdown-toggle,
            .footer-wrapper .footer-powered .dropdown-toggle {
                text-decoration: none;
                line-height: 1;
                display: block;
                color: #858585;
            }

                .footer-wrapper-sidebar .footer-powered .dropdown-toggle svg,
                .footer-wrapper .footer-powered .dropdown-toggle svg {
                    width: 13px;
                    height: 13px;
                    margin-top: -2px;
                }

    .wow_lang_select_menu {
        min-width: 140px;
    }

        .wow_lang_select_menu > li > a {
            font-size: 14.5px;
        }

    .footer-wrapper-sidebar hr {
        border-color: #e9e9e9;
        margin: 10px 0 !important;
    }

    .footer-wrapper-sidebar .list-inline {
        margin: 0 -5px 0;
        display: flex;
        align-items: center;
        font-size: 13px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .footer-wrapper-sidebar .list-inline > li > a {
            text-decoration: none;
            line-height: 1;
            display: block;
            color: #858585;
        }

    footer .footer-wrapper {
        display: none;
        justify-content: center;
        flex-direction: column;
        margin-top: -100px;
    }

    table .setting-avatar {
        width: 20px;
        float: left;
        margin-right: 5px;
        border-radius: 100px
    }

    table.setting-table {
        font-size: 14.5px
    }

        table.setting-table .active {
            color: green
        }

        table.setting-table .pending {
            color: red
        }

    .report-not-seen {
        background-color: #ea1e1e;
        padding: 2px;
        color: #fff;
        font-size: 14.5px;
        height: 20px;
        line-height: 1.4;
        border-radius: 3px
    }

    .dropdown-search-link {
        display: none
    }

    .dropdown-hidden-link {
        display: block
    }

    .hash {
        color: #a33e40
    }

    .file-sharing-download-btn {
        position: absolute;
        z-index: 1;
        margin-top: 1px;
        right: 10px;
        color: #fff;
        text-shadow: 0 0 2px #333;
        font-size: 20px
    }

    .post-file,
    .recipient-chat-user .avatar {
        position: relative
    }

    .file-sharing-resize-btn {
        right: 35px;
        cursor: pointer
    }

    .post-file {
        text-align: center
    }

    .profile-top-line {
        width: 100%;
        padding: 2px;
        margin-top: -4px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px
    }

    .editer-emo {
        padding-top: 10px
    }

    .list-group {
        box-shadow: 0px 30px 30px rgb(0 35 196 / 3%);
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    }

    /*Chat*/
    .recipient-chat-user {
        position: relative;
        padding: 8px;
        cursor: pointer;
        transition: all 0.1s;
    }

        .recipient-chat-user:hover {
            background-color: #f0f2f5 !important;
        }

        .recipient-chat-user .new-message-alert {
            font-size: 13px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px;
            background: #E91E63;
            border-radius: 50%;
            padding: 0;
            margin: 0 !important;
            position: absolute;
            right: -5px;
            top: 0px;
        }

        .recipient-chat-user .user-info {
            display: flex;
            align-items: center;
            position: relative;
            width: 45px;
            margin: auto;
        }

            .recipient-chat-user .user-info > svg {
                position: absolute;
                bottom: 0;
                right: 0;
                width: 12px;
                height: auto;
            }

        .recipient-chat-user img {
            width: 45px;
            min-width: 45px;
            height: 45px;
            border-radius: 100%;
            object-fit: cover;
            margin: 0 !important;
            transition: all 0.2s ease;
        }

        .recipient-chat-user .user-info:hover img {
            transform: scale(1.1);
        }

        .recipient-chat-user .chat-user-text {
            color: #353535;
            font-size: 14px;
            text-transform: capitalize;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: calc(100% - 85px);
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            line-height: 22px;
        }

    .wow_chat_list-right {
        margin-left: auto;
        display: inline-flex;
        align-items: center;
    }

    .recipient-chat-user .chat-loading-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
    }

        .recipient-chat-user .chat-loading-icon svg {
            width: 20px;
            height: 20px;
        }

        .recipient-chat-user .chat-loading-icon:empty {
            width: 0;
            height: 0;
        }

    .chat-container {
        max-height: 100%;
        bottom: 0;
        color: #3f3f3f;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        width: 75px;
        padding-top: 70px;
        z-index: 66;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/
        display: flex;
        flex-direction: column;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

        .chat-container.full {
            min-height: 100%
        }

        .chat-container .online-toggle {
            padding: 16px;
            display: flex;
            align-items: center;
            display: none;
        }

            .chat-container .online-toggle h3 {
                margin: 0;
                font-size: 16px;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                line-height: 24px;
            }

        .chat-container .chat-status {
            padding: 0 8px;
        }

            .chat-container .chat-status .wow_content {
                margin: 16px auto !important;
                cursor: pointer;
            }

        .chat-container .online-toggle .chat-status .btn {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 27px;
            margin-left: 8px;
            width: 27px;
            min-width: 27px;
            border-radius: 50%;
            border: 0;
            box-shadow: none;
            padding: 0;
        }

            .chat-container .online-toggle .chat-status .btn svg {
                width: 19px;
                height: 19px;
            }

        .chat-container .online-toggle .chat-status .dropdown-menu {
            min-width: 130px;
        }

            .chat-container .online-toggle .chat-status .dropdown-menu li a {
                font-size: 14.5px;
            }

        .chat-container .chat-status .dropdown-menu li a svg {
            width: 9px;
            height: 9px;
            margin: -2px 5px 0 0;
        }

        .chat-container .chat-status .dropdown-menu li.divider {
            margin: 5px 0;
        }

        .chat-container .wow_chat_search {
            margin: 16px 8px 8px;
            flex: 0 0 auto;
            position: relative;
        }

            .chat-container .wow_chat_search .dropdown-toggle,
            .chat-container .chat-status .wow_content {
                border-radius: 50%;
                padding: 0;
                width: 45px;
                margin: auto;
                height: 45px;
                line-height: 43px;
                text-align: center;
                transition: all 0.2s;
            }

                .chat-container .wow_chat_search .dropdown-toggle:hover,
                .chat-container .chat-status .wow_content:hover,
                .chat-container .wo_chat_tabs li a:hover {
                    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
                }

                .chat-container .wow_chat_search .dropdown-toggle svg,
                .chat-container .chat-status .wow_content svg {
                    width: 20px;
                    height: 20px;
                }

            .chat-container .wow_chat_search .dropdown-menu {
                padding: 7px;
                min-width: 200px;
                top: 0;
                right: 100%;
                bottom: auto;
                margin: 0;
                box-shadow: none;
                border-radius: 2em;
            }

            .chat-container .wow_chat_search input {
                width: 100%;
                background-color: #F2F2F2;
                border-radius: 2em;
                height: 31px;
                border: 0;
                padding: 1px 18px;
                outline: 0;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 13px;
            }

        .chat-container .wo_chat_tabs {
            display: flex;
            justify-content: center;
            align-items: center;
            border: 0;
            text-align: center;
            margin: 0px;
            padding: 0 8px;
            flex-direction: column;
        }

            .chat-container .wo_chat_tabs li {
                float: none;
                margin: 8px 0;
                width: auto;
                flex: 1 1 auto;
            }

                .chat-container .wo_chat_tabs li a {
                    padding: 0 8px;
                    height: 45px;
                    margin: 0;
                    border: 0 !important;
                    border-radius: 50%;
                    cursor: pointer;
                    background: #ffffff;
                    font-family: 'Poppins';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 43px;
                    width: 45px;
                    text-align: center;
                    transition: all 0.2s;
                }

                .chat-container .wo_chat_tabs li:not(.active) a:hover {
                    background-color: #ececec !important;
                }

                .chat-container .wo_chat_tabs li.active a {
                    cursor: pointer !important;
                }

                .chat-container .wo_chat_tabs li:not(.active) a span {
                    display: none
                }

                .chat-container .wo_chat_tabs li a svg {
                    width: 20px;
                    height: 20px;
                }

        .chat-container .tab-content {
            overflow-y: auto;
            max-height: calc(100% - 190px);
        }

            .chat-container .tab-content .empty_state {
                font-size: 12px;
            }

        .chat-container .chat_empty_user .item {
            max-width: 45px;
        }

            .chat-container .chat_empty_user .item .avatar {
                width: 45px;
                height: 45px;
                margin: 0 !important;
            }

    .online-content-toggler {
        max-height: 40%;
        -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
        flex-grow: 1;
        display: none;
    }

        .online-content-toggler .empty_state svg {
            width: 50px;
            height: 50px;
            margin: 0 auto 10px;
        }

    .chat-opacity {
        width: 75px;
        position: fixed;
        height: 100%;
        display: none;
        background-color: rgba(255, 255, 255, 0.3);
        z-index: 2;
        backdrop-filter: blur(6px);
        top: 70px;
        right: 0;
        align-items: center;
        justify-content: center;
    }

        .chat-opacity.active {
            display: flex;
        }

        .chat-opacity .empty_state {
            margin: -45px 0 0;
            padding: 0 10px;
            font-size: 16px;
        }

            .chat-opacity .empty_state.single svg {
                width: 50px;
                height: 50px;
            }

            .chat-opacity .empty_state .btn {
                margin-top: 30px;
                box-shadow: none;
                background-color: #03A9F4;
                color: #ffffff;
                font-size: 14px;
                padding: 0 10px;
                min-width: auto;
                line-height: 32px;
            }

    .wow_group_chat_image,
    .wow_group_chat_image img {
        min-height: 180px;
        max-height: 180px;
    }

.group_chat_mbr_list {
    width: 100%;
    max-height: 230px;
    overflow-x: auto;
    /*position: absolute;*/
    background: #fffffff7;
    z-index: 9;
    box-shadow: 0px 30px 30px rgb(0 35 196 / 3%);
    border-radius: 15px;
    margin-top: 12px;
}

        .group_chat_mbr_list:empty {
            padding: 0;
            box-shadow: none;
        }

        .group_chat_mbr_list p.no_participant {
            width: 100%;
            line-height: 90px;
            text-align: center;
            font-size: 15px;
            margin: 0;
        }

    .group_chat_mbr_part {
        border-bottom: 0px solid #eaeaea;
        width: 100%;
        padding: 15px;
    }

        .group_chat_mbr_part:last-child {
            border-bottom: none
        }

        .group_chat_mbr_part .avatar {
            width: 37px;
            height: 37px;
            margin-right: 10px;
        }

            .group_chat_mbr_part .avatar img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }

        .group_chat_mbr_part .user-name {
            font-weight: bold;
            font-size: 15px;
            text-transform: capitalize;
        }

        .group_chat_mbr_part .user-lastseen,
        .group_chat_mbr_part .user-lastseen .small-last-seen {
            font-size: 13px;
            color: #7b7b7b;
        }

    .chat_main {
        position: fixed;
        bottom: 0;
        width: 340px;
        color: #333;
        z-index: 11;
        border-radius: 16px 16px 0 0;
        right: 90px;
        box-shadow: 0 12px 28px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 4%);
    }

        .chat_main:nth-child(2) {
            right: 445px
        }

        .chat_main:nth-child(3) {
            right: 800px
        }

    .chat-tab .online-toggle-hdr {
        width: 100%;
        min-height: 60px;
        font-size: 14.5px;
        padding: 11px 16px;
        border-radius: 16px 16px 0 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .chat-tab .online-toggle-hdr:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 16px;
            right: 16px;
            height: 1px;
            background: #f0f2f5;
        }

    .wow_chat_hdr_usr {
        display: inline-flex;
        align-items: center;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        min-width: 0;
    }

        .wow_chat_hdr_usr .avatar {
            width: 32px;
            min-width: 32px;
            height: 32px;
            margin-right: 8px;
        }

            .wow_chat_hdr_usr .avatar img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }

        .wow_chat_hdr_usr > div {
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: 100%;
        }

        .wow_chat_hdr_usr a {
            text-decoration: none;
        }

        .wow_chat_hdr_usr h3 {
            margin: 0;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
            line-height: normal;
            font-family: 'Poppins';
        }

        .wow_chat_hdr_usr .chat-tab-status {
            margin: -1px 0 -2px;
            display: none;
            font-size: 11px;
            padding: 0px 5px 0px 5px;
            font-family: 'Poppins';
        }

            .wow_chat_hdr_usr .chat-tab-status.active {
                display: block;
                color: #7dd181;
            }

    /*.chat-tab .online-toggle-hdr.white_online .chat-tab-status.active {color: #ffffff;}
.chat-tab .online-toggle-hdr.white_online a {color: #ffffff;}
.chat-tab .online-toggle-hdr.white_online svg {color: #ffffff; fill: #ffffff;}*/
    .chat-tab .online-toggle-hdr.white_online {
        animation: mymove 1.5s infinite;
    }

    @keyframes mymove {
        0% {
            background-color: #fff;
        }

        50% {
            background-color: #fffaf2;
        }

        100% {
            background-color: #fff;
        }
    }

    .chat-tab .online-toggle-hdr,
    .wow_thread_head {
        background: #fff;
        color: #444;
    }

        .chat-tab .online-toggle-hdr a {
            color: #444;
        }

    .post-file .plyr--fullscreen-enabled video {
        max-height: none;
    }

    .wow_chat_hdr_usr .chat-tab-status svg {
        width: 7px;
        height: 7px;
        margin-top: -1px;
        display: none;
    }

    .chat-tab .online-toggle-hdr .close-chat {
        flex: 0 0 auto;
    }

        .chat-tab .online-toggle-hdr .close-chat a {
            display: inline-block;
            line-height: 1;
        }

        .chat-tab .online-toggle-hdr .close-chat svg {
            width: 24px;
            height: 24px;
            margin: 1px;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            padding: 3px;
            transition: all 0.1s;
        }

            .chat-tab .online-toggle-hdr .close-chat svg.disabled {
                opacity: 0.4;
            }

            .chat-tab .online-toggle-hdr .close-chat svg:hover {
                background: rgba(0, 0, 0, 0.1)
            }

    .chat-tab .online-toggle-hdr h3 {
        transition: all 0.1s;
        padding: 3px 5px 3px 5px;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    }

        .chat-tab .online-toggle-hdr h3:hover {
            background: rgba(0, 0, 0, 0.03);
        }

    .chat-tab .online-toggle-hdr img:hover {
        -webkit-filter: brightness(89%);
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .chat-user-desc {
        padding: 10px;
        display: none;
        align-items: center;
        justify-content: center;
        height: 274px;
        flex-direction: column;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

        .chat-user-desc.chat-user-desc-show {
            display: flex;
        }

        .chat-user-desc img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            margin-bottom: 15px;
        }

        .chat-user-desc .text {
            text-align: center;
        }

        .chat-user-desc .head-text {
            font-size: 14.5px;
            color: #000;
            margin-bottom: 5px;
        }

        .chat-user-desc .desc-text {
            font-size: 14.5px;
            color: #6b6b6b;
        }

            .chat-user-desc .desc-text svg {
                margin-top: -2px;
                width: 13px;
                height: 13px
            }

    .chat-messages-wrapper {
        height: 280px;
        max-height: 300px;
        overflow: auto;
        overflow-x: hidden;
        background-color: #fff;
        width: 340px;
        padding-top: 6px;
    }

        .chat-messages-wrapper .incoming {
            max-width: 65%
        }

            .chat-messages-wrapper .incoming p .hash {
                color: #333 !important
            }

        .chat-messages-wrapper .outgoing .message-media a {
            color: #fff
        }

        .chat-messages-wrapper .messages-wrapper {
            border: none;
            padding: 4px 12px;
            position: relative;
        }

        .chat-messages-wrapper .incoming,
        .chat-messages-wrapper .outgoing {
            max-width: 75%;
            position: relative;
        }

        .chat-messages-wrapper .message-group_owner {
            font-weight: bold;
            font-size: 13px;
            margin: 3px 1px 2px;
            font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        }

            .chat-messages-wrapper .message-group_owner a {
                text-decoration: none;
            }

        .chat-messages-wrapper .incoming .message-text,
        .chat-messages-wrapper .outgoing .message-text {
            border-radius: 15px;
            padding: 9px 16px;
            font-size: 14px;
            color: #333;
            background-color: #f0f2f5;
            font-family: 'Poppins';
        }

        .chat-messages-wrapper .incoming .message-text {
            border-radius: 2px 8px 8px 8px;
        }

        .chat-messages-wrapper .outgoing .message-text {
            border-radius: 8px 2px 8px 8px;
        }

        .chat-messages-wrapper .incoming .message-text a.hash {
            color: #333 !important;
        }

        .chat-messages-wrapper .messages-wrapper .message-media {
            border-radius: 15px;
            overflow: hidden;
            line-height: 1;
            display: flex;
        }

            .chat-messages-wrapper .messages-wrapper .message-media > a:not(.file-sharing-download-btn) {
                text-decoration: none;
                border-radius: 15px;
                padding: 6px 10px;
                font-size: 14.5px;
                line-height: 16px;
            }

        .chat-messages-wrapper .messages-wrapper .incoming .message-media > a:not(.file-sharing-download-btn) {
            background-color: #f0f2f5;
        }

        .chat-messages-wrapper .messages-wrapper .message-typing {
            margin-top: 10px
        }

            .chat-messages-wrapper .messages-wrapper .message-typing:empty {
                margin-top: 0
            }

            .chat-messages-wrapper .messages-wrapper .message-typing svg {
                margin-left: 5px
            }

        .chat-messages-wrapper .messages-wrapper .name {
            color: #666;
            font-size: 12px
        }

        .chat-messages-wrapper .messages-wrapper .user-avatar-right {
            float: right;
            width: 30px;
            margin-left: 10px;
            border-radius: 50%
        }

        .chat-messages-wrapper .messages-wrapper .user-avatar-left {
            float: left;
            width: 30px;
            margin-right: 10px;
            border-radius: 50%
        }

        .chat-messages-wrapper .media-video-file {
            width: 100%;
            border-radius: 1px;
            padding: 0;
            margin-top: 0;
            border: none
        }

        .chat-messages-wrapper .file-sharing-download-btn {
            margin-top: 1px
        }

        .chat-messages-wrapper .image-file {
            max-width: 100%;
            border: 0;
            max-height: 150px;
            border-radius: 0
        }

        .chat-messages-wrapper .message-details {
            margin-right: 0;
            margin-top: 2px;
            font-size: 12px;
        }

    .btn-chat {
        width: 50.2%;
        border-radius: 0;
        font-size: 14.5px;
        margin-top: 0
    }

    .chat-textarea {
        width: 100%;
        background-color: #fff
    }

        .chat-textarea textarea {
            width: 100%;
            height: 40px;
            border-radius: 8px;
            padding: 10px 110px 10px 32px;
            font-size: 12px;
            resize: none;
            max-height: 40px;
            border: 1px solid #ededed;
            margin: 10px 5px 10px;
            flex: 1 1 auto;
            font-family: 'Poppins';
        }

            .chat-textarea textarea.no_size {
                padding: 10px !important;
                width: calc(100% - 20px);
                margin: 10px;
            }

        .chat-textarea .chat-btns-w {
            padding: 1px 10px 8px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
        }

            .chat-textarea .chat-btns-w .file_absolute {
                position: absolute;
                left: 19px;
            }

            .chat-textarea .chat-btns-w .absolute {
                position: absolute;
                right: 45px;
                display: flex;
            }

            .chat-textarea .chat-btns-w .flex {
                display: flex;
            }

            .chat-textarea .chat-btns-w .ball-pulse {
                margin: 0;
                line-height: 26px;
                transform: scale(0.7);
                position: absolute;
                background: white;
            }

            .chat-textarea .chat-btns-w .btn-file {
                padding: 0;
                display: inline-flex;
                border: 0;
                cursor: pointer;
                box-shadow: none;
                width: 26px;
                height: 26px;
                border-radius: 50%;
                align-items: center;
                justify-content: center;
                transition: all 0.15s;
                margin: 0;
            }

                .chat-textarea .chat-btns-w .btn-file:hover {
                    background-color: rgba(0, 0, 0, 0.07);
                }

            .chat-textarea .chat-btns-w .record_timei {
                position: absolute;
                bottom: 100%;
                padding: 5px 7px 4px;
                background-color: #fff;
                left: -11px;
                border-radius: 6px;
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .19);
                line-height: 1;
                font-weight: bold;
                font-size: 12px;
                font-family: 'Poppins';
            }

            .chat-textarea .chat-btns-w .chat_optns {
                color: #5b5b5b
            }

                .chat-textarea .chat-btns-w .chat_optns svg {
                    width: 20px;
                    height: 20px;
                }

                .chat-textarea .chat-btns-w .chat_optns.dropup {
                    position: static;
                }

                .chat-textarea .chat-btns-w .chat_optns .dropdown-menu {
                    max-height: 280px;
                    padding: 0;
                    overflow-y: auto;
                    min-width: 230px;
                }

                    .chat-textarea .chat-btns-w .chat_optns .dropdown-menu .empty_state {
                        margin: 83px 0;
                    }

                        .chat-textarea .chat-btns-w .chat_optns .dropdown-menu .empty_state svg {
                            width: 60px;
                            height: 60px;
                            color: #ffffff;
                        }

    .wow_choose_chat_clrs .chat-colors-cont {
        width: 100%;
        height: 100%;
        padding: 15px 7px;
    }

        .wow_choose_chat_clrs .chat-colors-cont a {
            width: auto;
            line-height: 1;
            font-size: inherit;
            margin: 5px 3px;
        }

            .wow_choose_chat_clrs .chat-colors-cont a svg {
                width: 40px !important;
                height: 40px !important;
                border-radius: 50%;
                transition: all 0.15s;
            }

                .wow_choose_chat_clrs .chat-colors-cont a svg:hover {
                    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
                    opacity: 0.8;
                }

    .chat-textarea .chat-btns-w .chat_optns .emo-container,
    .emo-message-container,
    .publisher-box-emooji {
        max-height: 280px;
        overflow-y: auto;
        display: block !important;
    }

    .publisher-box-emooji {
        min-width: 260px;
    }

        .chat-textarea .chat-btns-w .chat_optns .emo-container span,
        .emo-message-container span,
        .publisher-box-emooji span {
            display: inline-flex;
            margin: 1px;
            padding: 2px;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            transition: all 0.15s;
            cursor: pointer;
            font-size: 21px;
        }

            .chat-textarea .chat-btns-w .chat_optns .emo-container span:hover {
                background-color: #efefef;
            }

            .chat-textarea .chat-btns-w .chat_optns .emo-container span i {
                width: 25px;
                height: 25px;
                background-size: 25px 25px;
                margin: 0;
            }

    #chat-box-stickers {
        height: 280px
    }

        #chat-box-stickers input {
            padding-left: 10px;
            border: none;
            width: 100%;
            border-radius: 0;
            border-bottom: 1px solid #f0f0f0
        }

        #chat-box-stickers #chat-box-stickers-cont img,
        #chat-box-stickers #chat-box-stickers-cont video {
            height: 83px;
            max-height: 85px
        }

    #chat-box-stickers-cont {
        width: 100%;
        overflow: scroll;
        max-height: 280px;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        padding: 5px;
    }

    #chat-box-stickers input + #chat-box-stickers-cont {
        max-height: 260px
    }

    #chat-box-stickers-cont img,
    #chat-box-stickers-cont video {
        width: calc(100% / 2 - 2.5px);
        display: inline;
        cursor: pointer;
        aspect-ratio: 1;
        object-fit: cover;
    }

    .home-sidebar.profile-style.wow_add_groupcht_mmbrs {
        margin: 0;
        padding: 8px 5px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #eee;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

        .home-sidebar.profile-style.wow_add_groupcht_mmbrs:last-child {
            border: 0;
            padding-bottom: 0;
        }

        .home-sidebar.profile-style.wow_add_groupcht_mmbrs h3 {
            margin: 0;
            font-size: 15px;
            font-weight: bold;
        }

        .home-sidebar.profile-style.wow_add_groupcht_mmbrs .pointer.status {
            margin-left: auto;
        }

    .w100 {
        width: 100%;
        overflow: hidden
    }

    .record-chat-audio {
        padding: 3px;
        color: #333
    }

    .chat-recording-time {
        color: #333;
        font-size: 14.5px;
        font-family: Hind, sans-serif
    }

    .hind {
        font-family: Hind, sans-serif !important
    }

    .blue-link {
        color: #365899
    }

    .ad-placement-header-footer {
        text-align: center
    }

        .ad-placement-header-footer iframe,
        .ad-placement-header-footer script {
            width: 80%
        }

        .ad-placement-header-footer .content {
            margin-top: 30px
        }

    .verified-color svg,
    svg.verified-color {
        margin-top: -3px !important;
        fill: #55acee
    }

    .filter-by-home {
        display: none
    }

    .gray {
        color: #666
    }

    .tooltip-wide {
        font-size: 95%
    }

        .tooltip-wide .tooltip {
            min-width: 500px
        }

    .verified-color {
        color: #55acee
    }

        .verified-color svg {
            width: 18px !important;
            height: 18px !important
        }

    .tooltips {
        min-width: 200px
    }

    .pinned-post-container {
        position: relative
    }

    .post-options {
        left: auto;
        right: 0;
        border: none;
        color: #ccc
    }

    .api-ex-urls,
    .app-avatar,
    .video-con {
        border-radius: 3px
    }

    .activity-container .time {
        font-size: 10px
    }

    .activity-container img {
        width: 50px
    }

    .activity-container .activity {
        border-bottom: 1px solid #f0f2f5
    }

        .activity-container .activity img {
            width: 45px !important;
            height: 45px;
            overflow: hidden;
            border-radius: 50%;
        }

        .activity-container .activity .inline_post_count_emoji > img {
            width: 16px !important;
            height: 16px;
        }

    .second-user-color {
        color: #333
    }

    .pin-icon,
    .sop-icon {
        position: absolute;
        width: auto;
        color: #f9b340
    }

    .sop-icon {
        right: 15px;
        top: 15px;
        font-size: 25px
    }

    .pin-icon {
        top: -10px;
        font-size: 23px
    }

        .pin-icon svg {
            fill: #f9b340;
            width: 23px !important;
            height: 23px !important
        }

    .pinned-text {
        color: orange
    }

    .promoted-post {
        margin: 20px 0;
        position: relative;
        border: 2px solid #ffa412;
        border-radius: 16px;
    }

        .promoted-post .promoted-icon {
            background: #ffa412;
            color: #fff;
            font-family: 'Poppins';
            font-weight: 500;
            border-radius: 13px 13px 0 0;
            padding: 7px 10px;
        }

            .promoted-post .promoted-icon svg.feather {
            }

        .promoted-post .panel {
            margin: 0;
            border-radius: 0 0 16px 16px;
        }

    #remote-media,
    .sidebar-page-data,
    .video-con {
        position: relative
    }

    .boosted-text {
        color: #e13c4c
    }

    .api-ex-urls {
        background: #a84849;
        color: #fff;
        padding: 4px
    }

    .black-color {
        color: #666;
        font-weight: 600
    }

    #modal-dialog-update-info {
        margin: 60px auto
    }

    .account-activate-icon {
        font-size: 100px;
        color: #a84849
    }

    .app-avatar {
        width: 30px;
        margin-right: 7px
    }

    #remote-media h3 {
        text-align: center;
        color: #fff;
        padding: 15px
    }

    #remote-media video:nth-child(2) {
        width: 80% !important;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .hidden-mobile-image,
    .video-con {
        width: 100%
    }

    .video-con {
        background: #444
    }

    .green {
        color: #43a735;
        font-size: 14.5px
    }

    .sidebar-page-data .sidebar-listed-page-avatar {
        position: absolute;
        top: 0
    }

        .sidebar-page-data .sidebar-listed-page-avatar img {
            width: 70px;
            height: 70px;
            background: #fff;
            padding: 0 1px 1px 0;
            border-bottom-right-radius: 3px;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
        }

    .sidebar-page-data .sidebar-listed-page-name {
        position: absolute;
        left: 8px;
        font-size: 16px;
        top: 75%;
        color: #fff
    }

        .sidebar-page-data .sidebar-listed-page-name a {
            color: #fff !important
        }

    .sidebar-page-data .sidebar-listed-page-like-btn {
        position: absolute;
        right: 8px;
        top: 70%
    }

    .sidebar-page-data .text-shadow {
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .65) 100%);
        padding: 20px;
        position: relative;
        margin-top: -40px
    }

    .sidebar-page-data .sidebar-listed-page-cover img {
        width: 100%
    }

    .no-more-pages {
        font-size: 14.5px;
        color: #777
    }

    .user-details {
        z-index: 1111;
        padding-top: 10px
    }

        .user-details .loading-user {
            box-shadow: 0 0 2px rgba(0, 0, 0, .3);
            width: 330px;
            border-radius: 3px;
            background-color: #f9f9f9;
            padding: 10px
        }

            .user-details .loading-user div.fa {
                text-align: center;
                font-size: 19px;
                display: block
            }

        .user-details:not(.not-profile) {
            z-index: 333;
            padding-top: 35px
        }

        .user-details.not-profile:before {
            position: absolute;
            content: "";
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 10px solid #f9f9f9;
            left: 10px;
            border-bottom-color: #f9f9f9;
            top: 0;
            filter: drop-shadow(0 1px 6px rgba(0, 0, 0, .35))
        }

        .user-details.right:before {
            left: auto;
            right: 20px;
            content: ""
        }

    .user-fetch {
        box-shadow: 0 1px 12px rgba(0, 0, 0, .2);
        width: 340px;
        min-height: 240px;
        border-radius: 6px;
        overflow: hidden;
        background-color: #fff;
        display:none;
    }

        .user-fetch .user-cover {
            background-size: cover !important;
            background-position: 100% !important;
            min-height: 130px
        }

        .user-fetch .user-avatar {
            position: relative;
            float: none;
            z-index: 2;
            text-align: center;
            margin-top: -50px;
            margin-bottom: 15px
        }

            .user-fetch .user-avatar img {
                width: 90px;
                height: 90px;
                border-radius: 50%;
                box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
            }

        .user-fetch hr {
            margin-bottom: 0 !important
        }

        .user-fetch .user-name {
            font-size: 18px;
            z-index: 3;
            position: relative;
            width: 100%;
            line-height: 1;
            color: #3c3c3c;
            text-align: center
        }

            .user-fetch .user-name a {
                color: #3c3c3c !important
            }

        .user-fetch .user-buttons {
            width: 100%;
            margin-right: 0;
            margin-top: 13px;
            text-align: center
        }

        .user-fetch .user-information {
            padding: 4px;
            margin: 10px 0 0;
            font-size: 12px;
            text-align: center;
            color: #666;
            border-top: 1px solid #eee
        }

            .user-fetch .user-information li {
                padding: 5px;
                display: inline-block;
                font-size: 14.5px
            }

                .user-fetch .user-information li svg.feather {
                    margin: -2px 1px 0;
                    width: 14px;
                    height: 14px
                }

        .user-fetch .user-cover img {
            width: 100%
        }

        .user-fetch .user-footer .user-button {
            margin: 0 4px;
            display: inline-block
        }

            .user-fetch .user-footer .user-button button {
                font-size: 14.5px
            }

            .user-fetch .user-footer .user-button:empty {
                margin: 0
            }

    .typing {
        width: 33px;
        margin-top: 10px
    }

    .filter-margin {
        margin-bottom: 20px
    }

    .emo-post-container {
        z-index: 2;
        display: none;
        right: 0;
        left: auto;
        background-color: #fff;
        padding: 5px
    }

ul#filterby-post {
    position: sticky;
    top: 80px;
    z-index: 11;
    box-shadow: 0px 30px 30px rgb(0 35 196 / 3%);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    .filterby .avtive,
    .filterby li:hover {
        background: #f9f9f9
    }

    #filterby-post li {
        padding: 10px;
        height: auto;
        border: 0;
        border-radius: 15px;
        line-height: 1;
        cursor: pointer;
        margin: 13px 3px;
        position: relative;
    }

    /*#filterby-post li:before {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: currentColor;
    border-radius: 50%;
    opacity: 0.1;
}*/
    #filterby-post .avtive:before {
        display: none;
    }

    #filterby-post li svg {
        width: 20px;
        height: 20px;
        display: block;
        margin: 0;
    }

    .emo-comment,
    .image-comment {
        position: absolute;
        color: #999;
        top: 0;
        z-index: 2
    }

#filterby-post .avtive {
    transition: all .1s;
    background: #fafafa;
    box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .09), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.09);
}

    .float-right {
        margin-top: 5px;
        float: right
    }

    .emo-comment {
        right: 54px
    }

    .image-comment {
        right: 25px
    }

    .comment-image-con {
        width: 50%;
        position: relative;
        margin-top: 10px
    }

        .comment-image-con img {
            max-width: 100%;
            width: 100%;
            border-radius: 3px
        }

        .comment-image-con .remove-icon {
            position: absolute;
            top: 8px;
            cursor: pointer;
            color: #fff;
            text-shadow: 0 1px 1px #000;
            right: 10px
        }

    .send-comment {
        position: absolute;
        color: #999;
        display: none;
        right: 80px;
        top: 0;
        z-index: 2
    }

    .post-commet-textarea {
        position: relative;
        padding: 0 15px;
        top: 6px
    }

    .user-username {
        color: #a84849;
        font-size: 10px
    }

    .user-story-container .ads-heading {
        overflow: hidden;
        width: 100%;
        padding: 10px 15px
    }

    .user-story-container .ads-image {
        width: 46px;
        height: 46px;
        display: block;
        overflow: hidden;
        margin-right: 10px
    }

    .user-story-container .panel {
        padding-top: 10px
    }

    .user-story-container .ads-meta {
        color: #555
    }

        .user-story-container .ads-meta .title {
            margin-bottom: 0;
            margin-top: 1px
        }

    .user-story-container .ads-description {
        font-size: 14.5px;
        color: #555;
        overflow: hidden;
        word-wrap: break-word;
        padding: 15px 0
    }

    .user-story-container .ads-headline {
        font-size: 14.5px;
        color: #555;
        overflow: hidden;
        word-wrap: break-word;
        padding: 15px 0
    }

        .user-story-container .ads-headline p {
            margin-bottom: 0;
            font-size: 15px;
            line-height: 20px;
            font-weight: 400
        }

            .user-story-container .ads-headline p span {
                font-size: 14.5px;
                color: #333;
                display: block
            }

                .user-story-container .ads-headline p span.read-ads-description {
                    display: block;
                    height: 40px;
                    overflow: hidden;
                    cursor: pointer
                }

    .user-story-container .ads-cover {
        width: 100%;
        overflow: hidden;
        border-radius: 2px;
        box-shadow: 0 1px 0 0 #f0f2f5, 0 0 0 1px #f0f2f5
    }

        .user-story-container .ads-cover .ads-description {
            width: 100%;
            overflow: hidden;
            padding: 15px
        }

            .user-story-container .ads-cover .ads-description h5 {
                font-size: 16px;
                color: #333;
                font-weight: 700;
                padding: 0;
                margin: 0
            }

            .user-story-container .ads-cover .ads-description p {
                font-size: 14.5px;
                color: #555;
                margin-top: 5px
            }

        .user-story-container .ads-cover a {
            display: block;
            max-height: 700px
        }

    .modal-dialog.profile-picture {
        width: 150px !important
    }

    .modal-dialog textarea {
        max-height: 300px
    }

    .modal-dialog .form-control:not(textarea) {
        height: 30px;
        font-size: 14.5px
    }

    .small-text {
        font-size: 14px !important
    }

    .admin-panel .page-margin {
        margin-bottom: 0
    }

    .admin-panel .btn-default {
        height: 30px;
        font-size: 14.5px
    }

    .lightbox-backgrond,
    .lightbox-content {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        left: 0
    }

    .admin-panel .col-md-9 .list-group-item.dashboard {
        color: #444 !important;
        background-color: #f9f9f9 !important
    }

    .admin-panel .col-md-9 .list-group-item.users {
        background-color: #4c75a3 !important
    }

    .admin-panel .col-md-9 .list-group-item.pages {
        background-color: #ce3d3d !important
    }

    .admin-panel .col-md-9 .list-group-item.groups {
        background-color: #f2b92b !important
    }

    .admin-panel .col-md-9 .list-group-item.posts {
        background-color: #6abd46 !important
    }

    .admin-panel div ul {
        margin: 0 !important;
        border-bottom: 1px solid #f9f9f9;
        border-radius: 0 !important
    }

    .admin-panel p i:not(.fa-caret-down) {
        width: 15px;
        font-size: 14.5px
    }

    .admin-panel-well .admin-static50 {
        width: 50% !important;
        background-color: #333 !important
    }

    .admin-panel-well .admin-static {
        background-color: #4c75a3;
        color: #fff;
        font-size: 20px;
        padding: 5px;
        min-height: 100px;
        text-align: center;
        width: 25%
    }

    .admin-panel-well .user-count {
        background-color: #4c75a3
    }

    .admin-panel-well .page-count {
        background-color: #ce3d3d
    }

    .admin-panel-well .groups-count {
        background-color: #f2b92b
    }

    .admin-panel-well .posts-count- {
        background-color: #6abd46
    }

    .admin-panel-well .messages-count {
        background-color: #f2b92b;
        cursor: inherit
    }

    .admin-panel-well .online-count {
        background-color: #659fcb;
        cursor: inherit
    }

    .admin-panel-well .games-count {
        background-color: #e84c4c;
        cursor: inherit
    }

    .admin-panel-well .comments-count {
        background-color: #6abd46;
        cursor: inherit
    }

    .admin-panel-well .icon {
        font-size: 40px
    }

    .admin-panel-well .text {
        font-size: 18px
    }

    .admin-panel-well.manage-users .text {
        font-size: 14.5px
    }

    .payments {
        font-family: Lato !important
    }

    .social-box {
        color: #fff;
        padding: 10px 10px 0
    }

        .social-box .social-icon {
            color: #fff;
            font-size: 40px;
            margin-top: 10px
        }

        .social-box.facebook {
            background: #43609c
        }

        .social-box.google {
            background: #dc493c
        }

        .social-box.twitter {
            background: #659fcb
        }

        .social-box.linkedin {
            background: #0177b5
        }

        .social-box.instagram {
            background: #3f729b
        }

        .social-box.vk {
            background: #4c75a3
        }

    .last-btn {
        margin-bottom: 0 !important
    }

    .btn-upload-image {
        background-color: transparent;
        opacity: 1;
        transition: all .2s;
        text-shadow: #555 0 0 1px;
        padding: 5px;
    }

        .btn-upload-image:hover {
            background: 0 0;
            text-shadow: #444 0 0 3px
        }

    .nopadding-left {
        padding-left: 0 !important
    }

    .lightbox-backgrond {
        width: 100%;
        z-index: 1030;
        background: rgba(0, 0, 0, .8);
        background: rgb(0 0 0 / 45%);
        backdrop-filter: blur(7.5px);
    }

    .modal-backdrop {
        background: rgb(0 0 0 / 40%);
        backdrop-filter: blur(7.5px);
    }

        .modal-backdrop.in {
            opacity: 1;
        }

    .lightbox-content {
        transition: all .4s;
        margin-right: auto;
        margin-left: auto;
        width: 1110px;
        margin-top: 50px;
        z-index: 1031
    }

        .lightbox-content .story-img {
            border-radius: 3px 0 0 3px;
            display: table-cell;
            vertical-align: middle;
            height: calc(100vh - 100px)
        }

            .lightbox-content .story-img img {
                max-width: 100%;
                display: block;
                max-height: calc(100vh - 100px);
                margin-left: auto;
                margin-right: auto
            }

@media only screen and (max-width: 768px) {
    .lightbox-content .story-img img {
        width: -webkit-fill-available;
        display: block;
        max-height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
        .lightbox-content .comment-section {
            background-color: #fff;
            height: calc(100vh - 100px);
            border-radius: 0 3px 3px 0;
            padding-top: 10px;
            display: table-cell;
            width: 35%
        }

            .lightbox-content .comment-section .stats {
                padding: 0 16px;
                /*border-bottom:1px solid #ebebeb*/
            }

                .lightbox-content .comment-section .stats .stat-item {
                    display: inline-block;
                    font-size: 14.5px;
                    border: 0;
                    box-shadow: none;
                    width: 49%;
                    font-weight: 700
                }

            .lightbox-content .comment-section .post-info {
                margin: 10px 16px 10px;
                max-height: 118px;
                overflow: auto;
                position: relative
            }

                .lightbox-content .comment-section .post-info p {
                    word-break: break-word;
                    font-size: 16px;
                    color: #555;
                    overflow: hidden;
                    word-wrap: break-word;
                    font-family: 'Poppins';
                    font-style: normal;
                    font-weight: 400;
                    text-align: center;
                }

            /* .cool-style-album .album-name h4 {
    word-break:break-all;
    text-overflow:ellipsis;
    white-space:nowrap;
} */
            .lightbox-content .comment-section .user-name {
                margin-bottom: 0;
                margin-top: 10px;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 17px;
            }

                .lightbox-content .comment-section .user-name a {
                    color: #222;
                }

        .lightbox-content .user-avatar {
            margin-right: 12px;
        }

            .lightbox-content .user-avatar img {
                width: 60px;
                height: 60px;
                border-radius: 50%;
            }

        .lightbox-content .comment-section-inner .comment-inner-header h6 {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
        }

            .lightbox-content .comment-section-inner .comment-inner-header h6 .time {
                font-size: 13px;
            }

    .close-lightbox,
    .create-album {
        margin-right: 5px;
        cursor: pointer
    }

    .lightbox-content.multi {
        width: 900px
    }

    .close-lightbox {
        padding: 4px;
        color: #666;
        margin-top: -5px
    }

        .close-lightbox svg {
            transition: all 0.2s;
        }

            .close-lightbox svg:hover {
                color: #f4f4f4;
            }

    span.product-list {
        position: absolute;
        top: 7px;
        color: #fff;
        background: rgba(255, 255, 255, 0.3);
        padding: 4px;
        border-radius: 50%;
        right: 17px;
        transition: all 0.2s;
    }

        span.product-list:hover {
            background: rgba(255, 255, 255, 0.4);
        }

    .changer {
        cursor: pointer;
        margin-bottom: 10px;
        position: absolute;
        background: rgba(255, 255, 255, .1);
        top: 40%;
        width: 50px;
        display: none
    }

        .changer i {
            color: #fff;
            font-size: 30px;
            text-shadow: 0 1px 2px #555;
            padding: 10px;
            position: relative
        }

    .previous-btn {
        left: 0
    }

    .next-btn {
        right: 30.5%
    }

        .next-btn.multi {
            right: 0
        }

    .width-2 {
        width: 50% !important
    }

    .width-3 {
        width: 33.33% !important
    }

    .create-album {
        position: relative;
        margin-top: -25px;
        font-size: 14.5px;
        color: #666
    }

    .feeling-text {
        color: #777;
        margin-top: -5px
    }

        .feeling-text i {
            font-size: 14.5px
        }

    .feeling-type {
        max-height: 200px;
        overflow: auto;
        display: none
    }

        .feeling-type ul {
            padding: 5px;
            border-top: 1px solid #ededed;
            margin-bottom: 1px
        }

        .feeling-type li {
            color: #666;
            padding: 5px
        }

        .feeling-type.feeling-types {
            position: absolute;
            background-color: #fff;
            width: 100%;
            z-index: 9;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, .15);
            border-radius: 0 0 5px 5px;
            border-top-width: 0;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
        }

            .feeling-type.feeling-types li {
                display: table;
                margin: 2px 0
            }

                .feeling-type.feeling-types li:hover {
                    background-color: #f7f7f7
                }

                .feeling-type.feeling-types li svg.feather {
                    display: table-cell;
                    width: 26px;
                    height: 26px;
                    margin: 0 10px 0 2px;
                    padding: 1px
                }

                .feeling-type.feeling-types li span {
                    display: table-cell;
                    vertical-align: middle;
                    width: 100%;
                    font-size: 14.5px;
                    font-weight: 700
                }

    .feelings-value {
        background-color: #fff;
        color: #555;
        padding: 4px 6px;
        position: absolute
    }

        .feeling-type li i.twa,
        .feelings-value i.twa {
            margin-top: 2px;
            vertical-align: bottom
        }

        .feelings-value:empty {
            padding: 0
        }

    #feelings-text {
        width: 80%;
        height: 31px
    }

    .feelings-type-to {
        padding: 6px 7px;
        color: #555;
        background: #dfecff
    }

        .feelings-type-to:empty {
            padding: 0
        }

    .light {
        background: #fcfcdb;
        transition: opacity 500 ease-in-out
    }

    .pricing,
    .upload-image-content {
        transition: all .2s ease-in-out;
        text-align: center
    }

    .view-more-replies {
        color: #777;
        font-size: 12px;
        cursor: pointer;
        padding: 10px;
    }

        .view-more-replies i {
            font-size: 10px
        }

    /*Album*/
    .wow_big_heading {
        font-family: 'Gilroy-ExtraBold';
        font-size: 116px;
        line-height: 136px;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #000000;
        opacity: 0.06;
    }

.wow_big_head_link {
    padding: 15px;
    border-radius: 20px;
    box-shadow: 0px 30px 30px rgb(0 35 196 / 3%);
}

        .wow_big_head_link ul {
            margin: 0;
            white-space: nowrap;
            overflow-x: auto;
        }

            .wow_big_head_link ul li {
                display: inline-block;
            }

                .wow_big_head_link ul li a {
                    background: #fafafa;
                    border-radius: 24px;
                    padding: 8px 24px;
                    display: block;
                    text-decoration: none;
                    font-family: 'Poppins';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 26px;
                }

                .wow_big_head_link ul li.active a {
                }

        .wow_big_head_link.flex {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            padding: 0;
        }

        .wow_big_head_link .right_part {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            align-items: center;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        }

    .wow_search_head {
        background: transparent;
    }

        .wow_search_head.wow_big_head_link .right_part {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

    .wow_big_head_link.full .right_part {
        width: 100%;
    }

    .wow_big_head_link .right_part .search-blog {
        position: relative;
        background: white;
        padding: 8px 8px;
        border-radius: 15px;
    }

        .wow_big_head_link .right_part .search-blog svg {
            cursor: pointer;
            width: 30px;
            height: 30px;
        }

            .wow_big_head_link .right_part .search-blog svg.filter-input-icon {
                width: 26px;
                height: 26px;
            }

    .wow_big_head_link.full .right_part .search-blog {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .wow_big_head_link .right_part .search-blog form,
    .popular_posts_hdr.find_frnds .search-blog form {
        position: relative;
    }

        .wow_big_head_link .right_part .search-blog form input,
        .popular_posts_hdr.find_frnds .search-blog form input,
        .wow_search_head .right_part .search-blog input,
        .wow_search_head .market_widget .m_widget_head > select {
            border: 0;
            background: #FAFAFA;
            border-radius: 10px;
            font-family: 'Convergence';
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            padding: 10px 25px;
            min-width: 280px;
            outline: none;
            box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .08), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.02);
            height: 50px;
        }

    .search-filter-form .wow_search_head .right_part .search-blog input {
        min-width: auto;
    }

    .wow_big_head_link.full .right_part .search-blog form input,
    .popular_posts_hdr.find_frnds .search-blog form input {
        width: 100%;
    }

    .wow_big_head_link .right_part .search-blog form svg,
    .popular_posts_hdr.find_frnds .search-blog form svg {
        position: absolute;
        right: 0;
        margin: 9.5px;
        top: 0;
        opacity: 0.5;
        pointer-events: none;
    }

    .wow_big_head_link.full .right_part .dropdown {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-left: 0;
    }

    .wow_big_head_link .right_part .dropdown .dropdown-toggle {
        min-width: auto;
        line-height: 54px;
        padding: 0 15px;
        border-radius: 7px;
        background: white;
    }

        .wow_big_head_link .right_part .dropdown .dropdown-toggle svg {
            margin: -2px 0 0;
            width: 25px;
            height: 25px;
        }

    .wow_big_head_link .right_part .dropdown .dropdown-menu {
        max-width: 350px;
        padding: 12px;
        min-width: 350px;
    }

        .wow_big_head_link .right_part .dropdown .dropdown-menu .m_widget_head {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 15px;
        }

        .wow_big_head_link .right_part .dropdown .dropdown-menu .market_categories ul {
            white-space: normal;
            padding: 0;
            margin: 0 -3px 13px;
            display: flex;
            flex-wrap: wrap;
        }

            .wow_big_head_link .right_part .dropdown .dropdown-menu .market_categories ul li {
                margin: 6px 3px 0;
            }

                .wow_big_head_link .right_part .dropdown .dropdown-menu .market_categories ul li a {
                    padding: 2px 13px;
                    font-size: 14px;
                }

    .btn_create_big {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

        .btn_create_big svg {
            width: 32px;
            height: auto;
            margin: 0;
        }

        .btn_create_big.album {
            height: 229.23px;
        }

    .real_album .btn_create_big.album {
        height: 318.44px;
    }

    .cool-style-album {
        margin-bottom: 30px;
    }

    /* Customize desktop nhantrandev96 */
    .user-follower-review-rating {
        display: none;
    }

.user-review-rating-heart-icon {
    position: absolute;
    z-index: 10;
    width: 30%;
    height: 30%;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    display: flex;
    padding: 0;
    overflow: hidden;
    /*box-shadow: 0 7px 21px rgba(0, 35, 196, .42)*/
}

    .notification-user-avatar .user-review-rating-heart-icon {
        width: 30% !important;
        height: 30% !important;
    }

    .user-review-rating-heart-icon img {
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        position: relative !important;
        width: 100% !important;
        min-width: auto !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: auto !important;
        max-height: 100% !important;
        background-color: transparent !important;
    }

    .user-unfollow-mobile,
    .user-follow-mobile {
        display: none;
    }

    .user-unfollow-desktop,
    .user-follow-desktop {
        display: inherit;
    }

        .user-unfollow-desktop #wo_useract_btn svg {
            display: none;
        }

        .user-follow-desktop #wo_useract_btn {
            color: #555;
        }

    .profile-message-btn button svg {
        width: 16px;
        height: 16px;
    }

    .position-relative {
        position: relative;
    }

    .position-absolute {
        position: absolute;
    }

    .display-inline-block {
        display: inline-block;
        margin-top: 15px;
    }

    .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data #user-avatar-right {
        margin-right: 6px;
    }

    /* body .notification-list .notification-user-avatar > span.user-review-rating-heart-icon {
    width: 18px!important;
    height: 18px!important;
} */
    .blur-review-avatar {
        z-index: 1000;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        overflow: hidden;
    }

    .anonymous-review {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-top: 15px;
        flex-direction: row;
        align-items: baseline;
    }

        .anonymous-review input {
            margin: 0;
        }

    .setting-well .profile-style .user-popover {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    @media (min-width: 1200px) {
        .cool-style-album-row:not(.real_album_row) {
            margin: 0 -6px;
        }

        .cool-style-album:not(.real_album) {
            width: 20%;
            padding: 0 6px;
        }

        .cool-style-album-row .common_things_roww {
            padding: 0 6px;
        }

        .cool-style-album.empty {
            width: 80%;
        }

        .cool-style-album-row.profile_groups {
            margin: 0 -15px;
        }

            .cool-style-album-row.profile_groups .cool-style-album {
                width: 25%;
                padding: 0 15px;
            }

        .cool-style-album-row.wow_frnd_usr {
            margin: 0 -15px;
        }

            .cool-style-album-row.wow_frnd_usr .cool-style-album {
                width: calc(100% / 6);
                padding: 0 15px;
            }

        .cool-style-album.blog_list {
            width: 25%;
        }

        .cool-style-album.empty.blog {
            width: 75%;
        }

        .cool-style-album.real_boost_page {
            width: 33.33333333%;
        }

        .cool-style-album-row.real_album_row {
            margin: 0 -10px;
        }

        .cool-style-album.real_album {
            padding: 0 10px;
        }
    }

    .cool-style-album-row.profile_groups .cool-style-album .user-follow-button {
        height: 55px;
    }

.cool-style-album:not(.real_album) .album_parent {
    position: relative;
    font-family: Convergence, Segoe UI, Helvetica, Arial, sans-serif;
    box-shadow: -20px 15px 50px rgba(0, 0, 0, 0.1);
    padding: 12px 5px;
}

.cool-style-album.profi_groups .album_parent {
    box-shadow: 0px 30px 30px rgb(0 35 196 / 3%);
}

        .cool-style-album.profi_groups .album_parent .avatar a {
            padding-bottom: 70%;
        }

            .cool-style-album.profi_groups .album_parent .avatar a img {
                box-shadow: none;
            }

    .cool-style-album.profi_groups .user-unfollow-mobile,
    .cool-style-album.profi_groups .user-follow-mobile,
    .cool-style-album.profi_groups .user-unfollow-desktop,
    .cool-style-album.profi_groups .user-follow-desktop,
    .cool-style-album.profi_groups .user-follow-button-ntd span:first-child {
        flex-grow: 1;
    }

.cool-style-album.profi_groups #wo_useract_btn {
    border-radius: 14px;
    border: 2px solid #F3F3F5;
    font-family: 'Convergence';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    padding: 0 8px;
    line-height: 35px;
    margin-top: 15px;
    min-width: 60%;
    width: 100%;
    background-color: white;
    color: black;
}

        .cool-style-album.profi_groups #wo_useract_btn svg {
            display: none;
        }

    .cool-style-album.profi_groups.user_list .album_parent {
        text-align: center;
        min-height: 300px;
    }

        .cool-style-album.profi_groups.user_list .album_parent .avatar a {
            height: 130px;
            width: 130px;
            padding: 0;
            margin: 10px auto 20px;
        }

            .cool-style-album.profi_groups.user_list .album_parent .avatar a img {
                border-radius: 50%;
            }

    .cool-style-album .album_parent .avatar {
        position: relative;
    }

        .cool-style-album .album_parent .avatar a {
            display: block;
            position: relative;
            padding-bottom: 90%;
        }

            .cool-style-album .album_parent .avatar a img {
                width: 100%;
                border-radius: 6px;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                height: 100%;
                object-fit: cover;
            }

        .cool-style-album .album_parent .avatar .alb_count {
            position: absolute;
            top: 10px;
            right: 10px;
            background: rgba(0, 0, 0, 0.7);
            color: #fff;
            font-weight: bold;
            line-height: 1;
            display: flex;
            align-items: center;
            padding: 4px 5px;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        }

            .cool-style-album .album_parent .avatar .alb_count svg {
                width: 16px;
                height: 16px;
                margin-right: 5px;
            }

    .cool-style-album .album-name a {
        text-decoration: none;
    }

    .cool-style-album .album-name h4 {
        font-weight: bold;
        font-size: 15px;
        overflow: hidden;
        display: block;
        letter-spacing: 0.04em;
        /*text-transform: uppercase;*/
        margin: 12px 0 5px;
    }

        .cool-style-album .album-name h4 > span {
            display: inline-block;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 130px;
            height: 1.2em;
            white-space: nowrap;
        }

    .cool-style-album .album-name p {
        margin: 0;
        font-size: 13px;
        word-break: break-all;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .real_album .album_parent {
        position: relative;
    }

        .real_album .album_parent .avatar:before,
        .real_album .album_parent .avatar:after {
            content: "";
            height: 8px;
            position: absolute;
            top: 100%;
            transition: background-color 0.3s;
            border-radius: 0 0 10px 10px;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
            background-position: bottom;
        }

        .real_album .album_parent .avatar:before {
            left: 10px;
            right: 10px;
            opacity: 0.7;
        }

        .real_album .album_parent .avatar:after {
            left: 20px;
            right: 20px;
            margin-top: 8px;
            opacity: 0.3;
        }

        .real_album .album_parent .avatar a {
            padding-bottom: 100%;
        }

            .real_album .album_parent .avatar a img {
                box-shadow: none;
                border-radius: 10px;
            }

        .real_album .album_parent .avatar .alb_count {
            top: auto;
            bottom: 10px;
            font-size: 16px;
            padding: 6px 10px;
        }

    .real_album .album-name {
        padding: 25px 0px 7px;
        font-size: 15px;
        text-align: center;
    }

        .real_album .album-name h4 {
            margin: 5px 0;
            font-size: 17px;
            text-transform: none;
            font-family: 'Poppins';
        }

        .real_album .album-name .album-count {
            font-size: 14px;
        }

    .cool-style {
        width: 24.66%;
        margin: 1px;
        position: relative;
        float: left
    }

        .cool-style img {
            width: 100%
        }

        .cool-style .game-name {
            position: absolute;
            margin: 5px;
            font-size: 15px;
            color: #fff;
            display: none
        }

            .cool-style .game-name a {
                color: #fff
            }

        .cool-style .last-play {
            font-size: 12px;
            color: #fff;
            margin-top: 3px
        }

    .overlay-black {
        background: url(../img/overlay-image.png);
        width: 100%;
        padding: 50%;
        height: 100%;
        display: none;
        position: absolute;
        top: 0;
        opacity: .5;
        left: 0
    }

    .album-image {
        position: relative;
        color: #fff;
        float: left
    }

        .album-image span {
            position: absolute;
            top: 0;
            display: none;
            color: #fff;
            text-shadow: 0 1px 1px #333;
            right: 5px
        }

    .user-cover-reposition-w,
    .user-reposition-container {
        position: relative;
        width: 100%
    }

    .load-more-comments {
        color: #777;
        font-size: 14.5px;
        margin-left: 5px
    }

    /*Switch Accounts*/
    body .navbar-default .dropdown-switch-account > .dropdown-menu {
        top: 76px;
        padding: 12px;
        font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }

        body .navbar-default .dropdown-switch-account > .dropdown-menu > h2 {
            margin: 0 0 12px;
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 15px;
            justify-content: space-between;
            flex-direction: row-reverse;
        }

            body .navbar-default .dropdown-switch-account > .dropdown-menu > h2 svg {
                width: 22px;
                height: 22px;
                flex: 0 0 auto;
                cursor: pointer;
            }

        body .navbar-default .dropdown-switch-account > .dropdown-menu > .btn-main {
            width: 100%;
            margin: 6px 0 0;
        }

        body .navbar-default .dropdown-switch-account > .dropdown-menu .user-avatar {
            display: flex;
            align-items: center;
            gap: 10px;
            border-radius: 10px;
            padding: 8px;
            line-height: normal;
            margin: 0 0 6px;
        }

            body .navbar-default .dropdown-switch-account > .dropdown-menu .user-avatar.active {
                color: #c64d53;
                background: rgb(198 77 83 / 10%);
            }

            body .navbar-default .dropdown-switch-account > .dropdown-menu .user-avatar > img {
                margin: 0;
                box-shadow: none;
                flex: 0 0 auto;
                width: 35px;
                height: 35px;
            }

            body .navbar-default .dropdown-switch-account > .dropdown-menu .user-avatar .info {
                flex: 1 1 auto;
            }

                body .navbar-default .dropdown-switch-account > .dropdown-menu .user-avatar .info b {
                    margin: 0;
                    font-weight: 500;
                    display: block;
                    font-size: 15px;
                }

                body .navbar-default .dropdown-switch-account > .dropdown-menu .user-avatar .info p {
                    margin: 0;
                }

            body .navbar-default .dropdown-switch-account > .dropdown-menu .user-avatar > svg {
                margin: 0;
                flex: 0 0 auto;
                height: 20px;
                width: 20px;
            }

    /*Monetize Content*/
    .wo_post_pro_ico.monet {
        vertical-align: middle;
        background: #a93fa9;
        color: #fff;
        padding: 4px;
        margin: -2px 0 0;
        width: 20px;
        height: 20px;
        display: none !important;
    }

        .wo_post_pro_ico.monet svg {
            margin: 0;
        }

    .wo_monetize_content {
        display: block;
        background: rgb(169 63 169 / 0%);
        margin: 0 -15px;
        padding: 15px;
    }

    .wo_monetize_content_innr {
        display: block;
        border: 1px solid #5d5f9330;
        border-radius: 10px;
        padding: 20px;
        color: #5d5f93;
        text-align: center;
    }

        .wo_monetize_content_innr > svg,
        .wo_media_monetize_innr > svg {
            width: 60px;
            height: auto;
            margin: 0 auto 20px;
            display: block;
            opacity: 0.4;
        }

        .wo_monetize_content_innr .btn,
        .wo_monetize_sub:not(.address_book_innr) .btn:not(.btn-main) {
            width: 100%;
            margin-top: 35px;
            background: #5d5f93;
            color: #fff;
            line-height: 38px;
        }

            .wo_monetize_content_innr .btn:hover,
            .wo_monetize_sub:not(.address_book_innr) .btn:not(.btn-main):hover {
                background: #993499;
            }

    .wo_monetize_sub.address_book_innr .btn_place {
        display: flex;
        margin: 5px 0 0;
        padding: 0px;
        gap: 15px;
    }

        .wo_monetize_sub.address_book_innr .btn_place .btn {
            border: 0;
            border-radius: 8px;
            padding: 0;
            flex: 1 1 auto;
            font-style: normal;
        }

            .wo_monetize_sub.address_book_innr .btn_place .btn svg {
                margin: 0;
            }

    .wo_media_monetize {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgb(255 255 255 / 30%);
        backdrop-filter: blur(10px);
        padding: 20px;
        display: flex;
        align-items: center;
        z-index: 1;
        justify-content: center;
    }

    .wo_media_monetize_innr {
        width: 100%;
        height: 100%;
        display: flex;
        border: 1px solid rgb(255 255 255 / 30%);
        border-radius: 10px;
        padding: 20px;
        color: #ffffff;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

        .wo_media_monetize_innr .btn {
            margin-top: 35px;
            line-height: 38px;
            color: #fff;
            background: rgb(255 255 255 / 20%);
            min-width: 210px;
            backdrop-filter: blur(5px);
        }

            .wo_media_monetize_innr .btn:hover {
                background: rgb(255 255 255 / 30%);
            }

    .wo_monetize_sub_profile {
        padding: 20px;
        text-align: center;
        font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        margin-bottom: 30px;
        overflow: hidden;
    }

        .wo_monetize_sub_profile img.cover {
            width: calc(100% + 40px);
            margin: -20px -20px 0;
            aspect-ratio: 4.5;
            object-fit: cover;
        }

        .wo_monetize_sub_profile img.avatar {
            width: 110px;
            height: 110px;
            border-radius: 50%;
            margin: -40px 0 0;
            border: 5px solid white;
        }

        .wo_monetize_sub_profile p {
            margin: 7px 0 0;
            font-size: 18px;
            font-weight: 500;
        }

        .wo_monetize_sub_profile b {
            margin: 20px 0 0;
            display: block;
            text-transform: uppercase;
            opacity: 0.6;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

    .wo_monetize_row {
        display: flex;
        flex-wrap: wrap;
    }

        .wo_monetize_row .col-lg-4 {
            margin: 0 0 30px;
            float: none;
        }

    .wo_monetize_sub {
        padding: 20px;
        font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

        .wo_monetize_sub .head {
            display: flex;
            flex-direction: column;
            gap: 15px;
            flex-wrap: wrap;
        }

            .wo_monetize_sub .head .title {
                font-size: 19px;
                font-weight: 500;
                margin: 0;
            }

            .wo_monetize_sub .head .price {
                margin: 0;
                font-size: 40px;
                font-weight: 500;
            }

                .wo_monetize_sub .head .price small {
                    font-weight: normal;
                    font-size: 15px;
                    opacity: 0.8;
                }

        .wo_monetize_sub .desc {
            margin: 15px 0 0;
        }

        .wo_monetize_sub .foot {
            margin-top: auto;
            padding-top: 20px;
        }

        .wo_monetize_sub .btn:not(.address_book_innr):not(.btn-main) {
            font-weight: 500;
            font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            line-height: 41px;
            margin: 0;
        }

    .add_new_mon {
        background: white;
        transition: all 0.2s;
    }

        .add_new_mon:hover {
            background: #f8f8f8;
        }

    .wo_monetize_sub .profile {
        display: flex;
        align-items: center;
        gap: 15px;
    }

        .wo_monetize_sub .profile img {
            flex: 0 0 auto;
            width: 45px;
            height: 45px;
            border-radius: 50%;
        }

        .wo_monetize_sub .profile > div {
            min-width: 0;
        }

        .wo_monetize_sub .profile h6 {
            margin: 0;
            font-size: 16px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            line-height: normal;
        }

        .wo_monetize_sub .profile p {
            margin: 2px 0 0;
            opacity: 0.8;
        }

    .wo_monetize_sub hr {
        margin: 20px 0 10px !important;
    }

    .wo_monetize_sub .head.nogap {
        gap: 4px;
    }

    .wo_monetize_sub .btn.btn-main {
        font-weight: 500;
        font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        line-height: 41px;
        margin: 0;
    }

    /* Heart Icons */
/*    .heart-icon-red {
        background-image: url(../img/icons/Red-Heart-v2.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .heart-icon-red-shadow {
        background-image: url(../img/icons/Red-Heart-v2-Shadow.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .heart-icon-blue {
        background-image: url(../img/icons/Blue-Heart-v2.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .heart-icon-blue-shadow {
        background-image: url(../img/icons/Blue-Heart-v2-Shadow.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .heart-icon-purple {
        background-image: url(../img/icons/Purple-Heart-v2.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

.heart-icon-purple-shadow {
    background-image: url(../img/icons/Purple-Heart0.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
*/
/* Heart Icons */
.heart-icon-red {
    background-image: url(../img/icons/Red-Heart-v2.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.heart-icon-red-shadow {
    background-image: url(../img/icons/Red-Heart0.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.heart-icon-blue {
    background-image: url(../img/icons/Blue-Heart-v2.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.heart-icon-blue-shadow {
    background-image: url(../img/icons/Blue-Heart0.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.heart-icon-purple {
    background-image: url(../img/icons/Purple-Heart-v2.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.heart-icon-purple-shadow {
    background-image: url(../img/icons/Purple-Heart0.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
    /*Steps*/
    .wow__minstp .steps > div.step-three {
        right: 6.3%;
    }

    .wow_usr_steps_prnt {
        padding: 30px;
    }

    .wow_usr_steps {
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        text-align: center;
    }

        .wow_usr_steps > h2 {
            margin: 20px 0 15px;
            font-weight: 400;
        }

        .wow_usr_steps > h4 {
            font-weight: 100;
            font-size: 16px;
            margin: 0 0 15px;
        }

        .wow_usr_steps .wow_form_fields label,
        .wow_usr_steps .wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link {
            text-align: initial;
        }

        .wow_usr_steps .wow_frnd_usr {
            margin-top: 50px;
            margin-bottom: 10px;
        }

    .wow_usr_steps_cont {
        display: flex;
        align-items: center;
        margin-top: 15px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

        .wow_usr_steps_cont small {
            flex: 0 0 auto;
            text-decoration: none !important;
            margin: 15px 15px 0 !important;
        }

            .wow_usr_steps_cont small.vis {
                visibility: hidden;
                opacity: 0;
            }

        .wow_usr_steps_cont .btn {
            box-shadow: none;
            border-radius: 16px;
            text-align: inherit;
            padding: 0 20px;
            line-height: 44px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 15px 0 0;
            font-family: 'Convergence';
        }

            .wow_usr_steps_cont .btn svg {
                margin: 0 0 0 7px;
                display: none;
            }

.wow_usr_steps .wow_fcov_image {
    margin: 0 auto;
    /*border: 1px dashed #5d5f93;*/
    border-radius: 200px;
    min-height: 370px;
    max-width: 370px;
}

        .wow_usr_steps .wow_fcov_image > div {
            border-radius: 200px;
        }

            .wow_usr_steps .wow_fcov_image > div.upload-image-content {
                display: flex;
                justify-content: center;
                box-shadow: 0px 10px 30px rgb(0 35 196 / 20%);
            }

        .wow_usr_steps .wow_fcov_image img {
            min-height: 370px;
            max-height: 370px;
            border-radius: 200px;
            margin: auto;
            width: auto;
        }

    .startup_follow_usrs {
        background: #fafafa;
        border-radius: 12px;
    }

    .upload-image,
    .upload-image img {
        width: 250px;
        height: 250px;
        max-width: 100%
    }

    .add-photo #progress {
        width: 250px;
        max-width: 100%;
        padding: 0;
        margin: 10px auto 20px;
    }

    .add-photo #percent {
        left: 46%
    }

    .add-photo label {
        font-size: 15px
    }

    .skip-step {
        cursor: pointer
    }

        .skip-step:hover {
            text-decoration: underline
        }

    .upload-image {
        display: table;
        overflow: hidden;
        cursor: pointer;
        border: 3px dashed #a84849
    }

    .upload-image-content {
        font-size: 15px;
        color: #555;
        display: table-cell;
        vertical-align: middle
    }

        .upload-image-content:hover {
            color: #777
        }

        .upload-image-content i {
            font-size: 70px
        }

    .textarea {
        padding-right: 40px;
        border-radius: 2px !important
    }

    .reply-textarea {
        padding-top: 5px;
        resize: none
    }

    .user-cover-reposition-container {
        position: relative
    }

    .user-reposition-container {
        height: 365px;
        overflow: hidden;
        display: none
    }

        .user-reposition-container img {
            position: absolute;
            width: 100%
        }

        .user-reposition-container .user-reposition-dragable-container {
            position: absolute;
            top: 15px;
            left: 50%;
            width: 28%;
            background: rgba(0, 0, 0, .15);
            color: #fff;
            font-weight: 700;
            padding: 7px;
            border: 1px solid rgba(0, 0, 0, .1);
            border-radius: 3px;
            transform: translate(-50%)
        }

            .user-reposition-container .user-reposition-dragable-container svg.feather {
                width: 16px;
                height: 16px;
                margin: -2px 4px 0 0
            }

    .center-container {
        padding: 10px 10px 25px
    }

        .center-container * {
            text-align: center
        }

        .center-container .icon {
            font-size: 50px;
            margin-bottom: 30px
        }

        .center-container .error-container,
        .center-container .success-container {
            display: inline-block;
            background: 0 0;
            padding: 5px;
            width: 500px;
            margin-bottom: 10px;
            max-width: 30%
        }

        .center-container button,
        .center-container input {
            max-width: 30%;
            display: inline-block
        }

        .center-container .error-container {
            color: #af5b5b;
            border: 1px solid #af5b5b;
            font-size: 14.5px;
            border-radius: 3px
        }

        .center-container .success-container {
            color: #89ba73;
            border: 1px solid #89ba73;
            border-radius: 3px
        }

        .center-container hr {
            max-width: 30%;
            margin-bottom: 30px
        }

    .announcements img,
    .blog-h-list .avatar img,
    .home-announcement img,
    .read-blog div,
    .read-blog iframe,
    .read-blog img,
    .read-blog p,
    .read-blog span,
    .small img {
        max-width: 100%
    }

    .center-container p {
        margin-bottom: -5px;
        color: #888
    }

    .activate-code-form {
        display: none
    }

    #plans {
        padding: 15px;
        width: 80%
    }

        #plans ul li {
            font-size: 16px
        }

            #plans ul li .green {
                font-size: 16px !important
            }

    .red {
        color: red
    }

    .padding-right {
        padding-right: 0
    }

    .events-tab-list {
        width: 100%;
        border-bottom: 1px solid #f0f2f5;
        background-color: #fff
    }

        .events-tab-list li,
        .events-tab-list li:hover {
            width: 16.66666666%;
            font-weight: 600;
            background-color: #a84849
        }

            .events-tab-list li a {
                width: 100%;
                text-align: center;
                vertical-align: middle;
                font-size: 14.5px;
                padding: 10px;
                color: #fff;
                height: inherit
            }

    #select-cover {
        width: 100%;
        overflow: hidden;
        max-height: 300px
    }

        #select-cover img {
            width: 100%
        }

    .active-e-tab {
        background-color: #a84849 !important
    }

    .events-tab-content {
        width: 100%;
        background: #fff;
        padding: 15px
    }

    .events-content-wrapper {
        overflow: visible
    }

        .events-content-wrapper:last-child {
            margin-bottom: 20px
        }

    .cover-container {
        width: 100%;
        overflow: hidden;
        padding-top: 0;
        background: #fff;
        border: 1px solid #f9f9f9;
        border-radius: 3px
    }

    .icon-no {
        width: 18px
    }

    .cover-wrapper,
    .cover-wrapper img,
    .event-descripton {
        width: 100%
    }

    .cover-wrapper {
        overflow: hidden;
        height: 300px
    }

    .cover-footer h4 {
        color: #9197a3;
        padding: 10px 20px;
        font-size: 17px;
        margin: 0
    }

    .cover-footer div.btn-extra button {
        padding: 5px 25px;
        color: #7b8496;
        overflow: hidden;
        margin: 5px
    }

    .event-descripton,
    .invite-peple div.subhead {
        color: #9197a3;
        font-size: 15px;
        background: #fff
    }

    .invite-peple {
        border-radius: 3px
    }

        .invite-peple div.subhead {
            padding: 5px 10px
        }

        .invite-peple form input {
            border: none;
            border-radius: 0
        }

            .invite-peple form input:focus {
                border: none
            }

    .event-descripton {
        padding: 15px
    }

    .slick-loading .slick-slide,
    .slick-loading .slick-track,
    .sound-controls,
    .wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body .comment_edele_options {
        visibility: hidden
    }

    /*Events*/
    .wo_events_row_main {
        margin-right: -10px;
        margin-left: -10px;
    }

        .wo_events_row_main .col-md-4 {
            padding-left: 10px;
            padding-right: 10px;
        }

    .btn_create_big.eventz {
        height: 301.95px;
    }

    .events-list-wrapper {
        margin-bottom: 25px
    }

    .events-list-cover {
        overflow: hidden;
        position: relative;
        background: #fff;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        padding: 12px;
    }

        .events-list-cover .event_cover {
            display: block;
            position: relative;
            padding-bottom: 56.25%;
        }

        .events-list-cover img.events-list-cover-img {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            height: 100%;
            object-fit: cover;
            border-radius: 6px;
        }

        .events-list-cover .event_cover span {
            position: absolute;
            right: 15px;
            top: 15px;
            background-color: #ffffff;
            line-height: 1;
            padding: 5px 13px;
            border-radius: 2em;
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            font-size: 13px;
        }

    .event-l-info {
        padding: 12px 0 0;
    }

    .events-list-name {
        font-size: 17px;
        overflow: hidden;
        margin: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

        .events-list-name a {
            text-decoration: none;
            color: black;
        }

    .event-location-name {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        margin-top: 7px;
    }

        .event-location-name svg {
            width: 17px;
            height: 17px;
            margin: -4px 0 0;
        }

    .event-l-btns {
        margin: 15px -7px 0;
        display: flex;
        flex-wrap: wrap;
    }

        .event-l-btns > span {
            flex: 1 1 auto;
            display: inline-block;
            padding: 0 7px;
        }

        .event-l-btns .btn {
            width: 100%;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
        }

    .wo_event_profile .profile-container .card.hovercard {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        border-radius: 15px;
        margin-bottom: 25px;
    }

        .wo_event_profile .profile-container .card.hovercard .cardheader {
            position: relative;
            max-height: inherit;
        }

    .event-info-cont-small {
        overflow: hidden;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        color: #fff;
        display: flex;
        align-items: center;
        padding: 80px 25px 25px;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
        z-index: 9;
        justify-content: space-between;
    }

        .event-info-cont-small .info {
            display: flex;
            align-items: center;
        }

    .short_start_dt {
        margin-right: 15px;
        background-color: rgba(0, 0, 0, 0.4);
        min-width: 45px;
        text-align: center;
        border: 2px solid #a5a5a5;
        border-radius: 3px;
        padding: 2px;
    }

        .short_start_dt p {
            margin-bottom: 0px;
            text-transform: uppercase;
            font-size: 13px;
        }

        .short_start_dt b {
            margin: 0;
            font-size: 22px;
            font-weight: bold;
            line-height: 1;
        }

        .short_start_dt.inverted {
            padding: 5px 2px;
            border: 0;
            background: #fafafa;
            border-radius: 10px;
            display: inline-block;
        }

            .short_start_dt.inverted p {
                font-family: 'Vodafone ExB';
                font-style: normal;
                font-weight: 400;
                font-size: 19px;
                color: #262D34;
                display: block;
                margin-top: -5px;
            }

            .short_start_dt.inverted b {
                font-family: 'Vodafone ExB';
                font-style: normal;
                font-weight: 400;
                font-size: 30px;
                color: #262D34;
                display: block;
            }

    .event-info-cont-small .info h3 {
        margin: 0;
        color: #fff;
        font-size: 26px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
    }

    .wo_event_profile .event-info-cont {
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
    }

    .event_cdown {
        padding: 0;
        margin: 0 -5px;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

        .event_cdown li {
            display: inline-block;
            font-size: 14.5px;
            list-style-type: none;
            padding: 0 5px;
            text-transform: capitalize;
            text-align: center
        }

            .event_cdown li span {
                font-size: 19px;
                background: #f0f0f0;
                border-radius: 50%;
                margin: 0 auto 6px;
                position: relative;
                height: 42px;
                width: 42px;
                color: #222;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: bold;
            }

    .wow_event_page_btns .btn {
        /*color: #a84849;
    background-color: #f4e2e3;*/
        border-radius: 2em;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 42px;
        padding: 0 20px;
        margin: 0 3px;
    }

    .event_two_blocks {
        padding: 0 7px;
        display: flex;
    }

        .event_two_blocks > div {
            display: inline-flex;
            width: 50%;
            padding: 15px 10px;
            position: relative;
            align-items: center;
        }

            .event_two_blocks > div div {
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 300;
                font-size: 16px;
                text-transform: uppercase;
            }

        .event_two_blocks div h6 {
            display: block;
            text-transform: uppercase;
            margin-bottom: 2px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
        }

    .event_invite_frnd {
        position: relative
    }

    .events-list-dropup-menu span strong:hover,
    .link2:hover {
        text-decoration: underline
    }

    .events-list-desc {
        margin: 10px;
        font-size: 14.5px;
        line-height: 20px;
        color: #999
    }

    .events-list-time {
        display: inline-block;
        color: #404040;
        margin: 10px;
        font-size: 14.5px
    }

    .events-list-avatar {
        left: 15px;
        bottom: 10px;
        width: 80px;
        height: 80px
    }

        .events-list-avatar img {
            width: 100%
        }

    .events-list-checked {
        left: 45%;
        bottom: 45%;
        width: 10%;
        color: #fff;
        font-size: 40px;
        font-family: inherit;
        text-shadow: 2px 2px 30px rgba(0, 0, 0, .92)
    }

        .events-list-checked img {
            width: 100%
        }

    .events-list h5 {
        display: block;
        color: #7b8496;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1px !important;
        margin: 1px !important;
        white-space: nowrap;
        font-weight: 700
    }

    .events-list p {
        display: block;
        color: #7b8496;
        font-size: 14.5px
    }

    .events-list time {
        display: inline-block;
        color: #7b8496;
        font-size: 14.5px
    }

    .events-list span {
        display: block;
        font-size: 14.5px
    }

    .events-list div.col-md-2 {
        height: 60px;
        padding: 0
    }

        .events-list div.col-md-2 img {
            border-radius: 2px;
            border: 1px solid #eaeaea;
            width: 100%;
            height: 100%
        }

    .event-posts-column {
        padding-right: 0
    }

        .event-posts-column div.event-descripton {
            background: #fff;
            color: #9197a3;
            border-width: 0 1px 1px;
            border-style: solid;
            border-color: rgba(99, 114, 144, .18);
            border-radius: 3px
        }

    .events-list-dropup-menu {
        margin: 10px 15px 10px 10px
    }

        .events-list-dropup-menu ul li a:hover {
            background: #a84849
        }

    .link2 {
        color: #43516d !important;
        margin: 0 5px
    }

    .invitation-users-cont {
        width: 100%;
        overflow: hidden;
        padding: 3px;
        border-bottom: 1px solid #ececec;
        margin: 5px auto
    }

        .invitation-users-cont div.invitation-users-avatar {
            width: 20%;
            overflow: hidden;
            display: inline-block;
            padding: 2px
        }

        .invitation-users-cont div.invitation-users-name {
            display: inline-block;
            padding: 17px 20px;
            width: 40%;
            color: #52636d
        }

        .invitation-users-cont div.invitation-users-btn {
            display: inline-block;
            width: 40%
        }

            .invitation-users-cont div.invitation-users-btn button {
                margin: 12px 10px;
                font-size: 14.5px
            }

    .event-people-invition-list {
        display: none;
        overflow: hidden;
        overflow-y: auto;
        max-height: 200px;
        border-top: 1px solid #ddd;
        margin-top: 5px
    }

        .event-people-invition-list .invitation-users-cont {
            display: flex;
            align-items: center
        }

            .event-people-invition-list .invitation-users-cont:last-child {
                border-bottom: 0
            }

            .event-people-invition-list .invitation-users-cont .avatar img {
                width: 40px;
                height: 40px
            }

            .event-people-invition-list .invitation-users-cont .user-name {
                font-weight: bold;
            }

            .event-people-invition-list .invitation-users-cont .user-follow-btn {
                margin: 0 0 0 auto !important
            }

                .event-people-invition-list .invitation-users-cont .user-follow-btn svg.feather {
                    margin: -2px 0 0
                }

    .sidebar-event-data {
        padding: 5px;
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #f0f2f5
    }

    .bold {
        font-weight: 700;
        font-weight: 700 !important
    }

    .sidebar-event-thumbnail {
        width: 27%;
        overflow: hidden;
        display: inline-block
    }

        .sidebar-event-thumbnail img {
            width: 100%;
            border: 1px solid #f0f2f5
        }

    .sidebar-event-name {
        width: 70%;
        overflow: hidden;
        display: inline-block;
        padding: 10px
    }

        .sidebar-event-name p {
            margin-bottom: 0
        }

        .sidebar-event-name span {
            font-size: .7em;
            color: #aaa
        }

    .events-going-list-unset {
        margin: 10px
    }

    .featured-users {
        border-radius: 2px;
        box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
        margin-bottom: 15px;
        background-color: #FBAB7E;
    }

        .featured-users .sidebar-title-back {
            background: transparent !important;
        }

        .featured-users .pro-me-here {
            display: inline-block;
            text-decoration: none;
            line-height: 1;
            margin: 13px 0;
            font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
            font-size: 13px;
        }

            .featured-users .pro-me-here a {
                color: #fff
            }

        .featured-users .list-inline {
            margin-bottom: 0;
            margin-left: 0
        }

            .featured-users .list-inline .slick-slide {
                position: relative;
            }

                .featured-users .list-inline .slick-slide a {
                    padding: 0 !important
                }

        .featured-users img {
            width: 100%;
            background-color: #fff;
            border-radius: 100%
        }

        .featured-users .icon {
            position: absolute;
            color: #ccc;
            font-size: 8px;
            right: 3px;
            top: 0
        }

            .featured-users .icon.online {
                color: #6abd46
            }

    .put-me-here-text {
        padding: 7px;
        font-size: 14.5px;
        margin-bottom: -30px
    }

    .put-me-here {
        width: 100%;
        position: absolute;
        left: 65%
    }

        .put-me-here img {
            width: 30px
        }

    .nav-names {
        margin-left: 115px
    }

        .nav-names li {
            transition: background .2s
        }

    .sixteen-font-size {
        font-size: 16px !important
    }

    .delete-icon,
    .video-icon {
        cursor: pointer;
        margin-right: 4px
    }

    .comment-textarea {
        padding-top: 5px;
        resize: none
    }

    .white-loading {
        background: #fff;
        height: 50px;
        width: 100%
    }

    .cs-loader {
        height: 100%;
        width: 100%
    }

    .cs-loader-inner {
        width: 100%;
        padding-top: 2px;
        text-align: center
    }

        .cs-loader-inner label {
            font-size: 20px;
            opacity: 0;
            display: inline-block
        }

    .products .product .product-price,
    .products .product .product-title {
        display: block;
        overflow: hidden;
        word-break: break-all;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .cs-loader-inner label:nth-child(6) {
        animation: lol 1.5s infinite ease-in-out
    }

    .cs-loader-inner label:nth-child(5) {
        animation: lol 1.5s .1s infinite ease-in-out
    }

    .cs-loader-inner label:nth-child(4) {
        animation: lol 1.5s .2s infinite ease-in-out
    }

    .cs-loader-inner label:nth-child(3) {
        animation: lol 1.5s .3s infinite ease-in-out
    }

    .cs-loader-inner label:nth-child(2) {
        animation: lol 1.5s .4s infinite ease-in-out
    }

    .cs-loader-inner label:nth-child(1) {
        animation: lol 1.5s .5s infinite ease-in-out
    }

    @keyframes lol {
        0% {
            opacity: 0;
            transform: translateX(-100px)
        }

        33%, 66% {
            opacity: 1;
            transform: translateX(0)
        }

        100% {
            opacity: 0;
            transform: translateX(100px)
        }
    }

    @-webkit-keyframes lol {

        0%, 100% {
            opacity: 0
        }

        33%, 66% {
            opacity: 1
        }
    }

.no-more-posts-to-show {
    padding-top: 13px;
    font-weight: 500;
    font-family: 'Convergence';
}

    #textarea_paypal {
        min-height: 200px
    }

    .product-price {
        color: green;
        font-weight: 100
    }

    .product-name {
        color: #444;
        font-weight: 600
    }

    .product-description {
        color: #555;
        font-weight: bold
    }

    .product-status {
        color: #43609c;
        font-weight: 100
    }

    .product-status-sold {
        color: #e5493d;
        font-weight: 100
    }

    .btn-bitcoin {
        background: #fc9b1b;
        color: #fff
    }

    .btn-paypal {
        background: #039ddd;
        color: #fff
    }

    .products {
        width: 100%
    }

        .products .list-group-item,
        .products .procuts-categories {
            width: 100%;
            background-color: #fff
        }

        .products .product {
            margin-bottom: 20px
        }

            .products .product .product-image {
                overflow: hidden;
                margin: 0 0 0 -3px;
                width: calc(100% + 7px);
                position: relative
            }

                .products .product .product-image img {
                    width: 100%
                }

            .products .product .product-title {
                color: #333;
                font-size: 18px;
                margin-bottom: 5px
            }

                .products .product .product-title a {
                    color: #222;
                }

            .products .product .product-by {
                font-size: 14.5px;
                color: #888;
                margin-bottom: 4px
            }

            .products .product .product-price {
                font-size: 14.5px;
                color: #4CAF50;
                font-weight: 700;
                letter-spacing: .3px;
                margin: 7px 0 0
            }

            .products .product .product-desc {
                color: #999;
                margin-top: 8px;
                font-size: 14.5px
            }

    .posts-count {
        z-index: 99;
        padding: 10px 15px;
        text-align: center;
        position: fixed;
        transition: all .2s ease;
        top: 100px;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 20px;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .2) !important
    }

        .posts-count:empty {
            padding: 0;
            border: 0;
            box-shadow: none !important
        }

    #members table,
    .thread-replies {
        box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
    }

    .posts-count:hover {
        background-color: #f0f2f5
    }

    #members table thead tr th,
    .member_list,
    .small {
        font-weight: 400
    }

    /*Post Poll*/
    .options {
        position: relative;
        margin-bottom: 30px;
    }

    .wo_votes {
        margin: 9px 0;
        overflow: hidden;
        position: relative;
        border-radius: 9px;
        background-color: #fafbfd;
    }

        .wo_votes .answer-vote {
            font-size: 14px;
            width: 60px;
            text-align: end;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            font-family: 'Source Sans Pro';
            font-style: normal;
            font-weight: 400;
            padding: 0 11px;
        }

    .options .poll-option {
        padding: 11px;
        color: #CACACA;
        cursor: pointer;
        border-radius: 2em;
        z-index: 1;
        position: relative;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
    }

        .options .poll-option > span svg {
            width: 20px;
            height: 20px;
            margin: -2px 6px 0px 0;
            opacity: 0.5;
        }

    .wo_votes:hover {
        background-color: #f6f7f9
    }

    .options .result-bar-parent {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .options .result-bar {
        width: 40%;
        height: 100%;
        transition: width .3s;
        background-color: #BC3E43 !important;
        opacity: 0.1;
    }

    .options .total-votes {
        position: absolute;
        bottom: -30px;
        z-index: 1;
        right: 0;
        font-family: 'Source Sans Pro';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: #9197a3;
    }

        .options .total-votes svg {
            width: 14px;
            height: 14px;
            margin-top: -2px;
        }

    .wo_votes.active .poll-option {
        color: #5D5F93;
    }

        .wo_votes.active .poll-option > span svg {
            opacity: 1;
        }

    #toggle,
    .affiliates-link {
        text-align: center
    }

        .affiliates-link .affiliates-desc {
            margin-top: 10px
        }

            .affiliates-link .affiliates-desc a {
                color: green !important
            }

        .affiliates-link .affiliates-image img {
            width: 100px;
            padding: 2px;
            border: 1px solid #ddd;
            border-radius: 100%
        }

    .adv-mbr-search,
    .f_category,
    .member_list {
        width: 100%;
        border-radius: 1px;
        padding: 10px;
        overflow: hidden
    }

    .fff {
        color: #fff
    }

    .w-100 {
        width: 100%;
        overflow: hidden
    }

    .member_list a {
        color: #fff !important;
        text-decoration: none
    }

        .member_list a:hover {
            text-decoration: underline
        }

    .flink,
    .flink:hover,
    .small {
        text-decoration: none
    }

    .adv-mbr-search i {
        vertical-align: middle
    }

    .blocksubhead-forum-header {
        color: #262626;
        font-size: 14.5px
    }

    .blocksubhead,
    .help {
        padding: 10px;
        overflow: hidden;
        margin-bottom: 20px;
        font-weight: 400;
        font-size: 14.5px
    }

    @media all and (max-width:724px) {
        .nav-tabs > li > a > span {
            display: none
        }
    }

    #mbr-ls-cont {
        background-color: #f6f7f9
    }

    .f_topics {
        font-size: 14.5px;
        color: #848484
    }

    .topic_icon {
        width: 3%;
        width: 5% !important
    }

        .topic_icon svg.feather {
            padding: 0;
            text-align: center;
            margin: 14px 4px 14px 10px;
            width: 25px;
            height: 25px
        }

            .topic_icon svg.feather.img-circle {
                padding: 6px;
                margin: 11px 0 12px 5px;
                width: 34px;
                height: 34px
            }

    #search-forums {
        background: #fff;
        border-radius: 15px;
        height: 30px;
        margin-top: 1px
    }

    #members * {
        overflow: hidden
    }

    #members table * {
        vertical-align: middle
    }

    .search-cont-inner {
        display: none
    }

    .forum-meta-d {
        width: 31%;
        padding: 15px 10px !important
    }

    .small {
        font-size: 14.5px;
        color: #615656;
        transition: all .3s ease
    }

    .flink {
        font-size: 16px
    }

        .flink:hover {
            color: #a84849
        }

    .thread-info {
        font-size: 14.5px
    }

    .threadcont-inner {
        width: 100%;
        overflow: hidden
    }

        .threadcont-inner div {
            overflow: hidden
        }

    .text-v-middle {
        vertical-align: middle;
        padding: 10px
    }

    .margin-b30 {
        margin-bottom: 30px
    }

    .thread-replies {
        width: 100%;
        padding: 5px 0;
        margin-bottom: 10px;
        border: 1px solid #fff;
        border-radius: 2px;
        background-color: #fff
    }

        .thread-replies div img.avatar {
            margin: auto auto 20px;
            border-radius: 3px
        }

    .thraed-header-content,
    .user-title-thread {
        margin-bottom: 20px
    }

    .threadsubject {
        color: #3c3e67
    }

    .usr-offline {
        color: #a84849
    }

    .usr-online {
        color: green
    }

    .topicreview {
        width: 100%;
        height: 300px;
        overflow-x: hidden;
        overflow-y: scroll
    }

    .padd5x10 {
        padding: 5px 10px
    }

    .forum_title {
        font-family: Hind, sans-serif;
        font-size: 24px;
        font-weight: 400 !important;
        color: #262626;
        text-align: left
    }

    blockquote {
        font-style: italic;
        font-size: 14.5px;
        color: #262626;
        padding: 15px 10px;
        margin-bottom: 10px
    }

    .div-control {
        width: 100%;
        padding: 2px 12px;
        background-color: #fff;
        border: 1px solid #ededed;
        border-radius: 3px;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
    }

    .usrthreads {
        width: 100%;
        padding: 0 10px
    }

        .usrthreads div {
            margin-bottom: 5px
        }

    .font20 {
        font-size: 20px
    }

    .mbr-list {
        margin: 10px 0
    }

    .referres {
        margin-top: 30px
    }

        .referres .ref {
            margin-bottom: 10px
        }

        .referres .ref-image {
            width: 42px;
            float: left;
            border-radius: 100%;
            border: 1px solid #ededed;
            margin-right: 10px
        }

            .referres .ref-image img {
                width: 100%;
                border-radius: 100%;
                padding: 2px
            }

        .referres .name {
            margin-top: 5px
        }

            .referres .name .joined {
                margin-top: 3px;
                color: #666;
                font-size: 12px
            }

            .referres .name .earned {
                margin-top: 3px;
                color: green;
                font-size: 14.5px
            }

    .payment-history h3 {
        padding: 5px;
        margin-top: 20px;
        font-size: 18px
    }

    .payment-history .label-status {
        font-size: 14.5px;
        font-weight: 100;
        padding: 2px 5px
    }

    .btn-nothing {
        border: 0;
        padding: 0;
        background: 0 0
    }

    .edit-box,
    .reply-box {
        max-height: 200px;
        margin-top: 10px;
        border-radius: 14px
    }

    .btn-nothing:hover {
        text-decoration: underline
    }

    .reply-box {
        padding-top: 5px
    }

    .blog-dd-menu {
        cursor: pointer
    }

    .latest-blogs {
        margin-bottom: 40px
    }

    .blog_publ {
        margin-left: 15px;
        margin-bottom: 5px
    }

    .blog-category {
        padding: 10px 0;
        overflow: hidden
    }

    .blog-list {
        width: 100%;
        overflow: hidden
    }

    .blog-style {
        width: 50%;
        overflow: hidden;
        float: left
    }

        .blog-style img {
            width: 100%;
            height: 70px
        }

    .blog-recom {
        width: 100%;
        overflow: hidden
    }

        .blog-recom img {
            width: 100%
        }

    .read-blog {
        padding: 20px;
    }

        .read-blog .read-blog-info p {
            color: #999;
            margin-top: 20px;
            margin-bottom: 20px;
            font-size: 14.5px
        }

    .read-blog-container .read-blog .read-blog-head .postCategory h5 {
        margin-bottom: 14px
    }

    .read-blog-container .read-blog h1 {
        color: rgba(0, 0, 0, .8);
        font-size: 34px;
        font-weight: 800;
        margin: 0 0 15px;
        line-height: 1.2
    }

    .read-blog-container .read-blog .read-blog-desc {
        letter-spacing: normal;
        word-wrap: break-word;
        color: #000;
        font-size: 17px;
        font-weight: bold;
        text-align: justify;
        font-family: Georgia;
        font-style: italic;
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .read-blog-container .read-blog .read-content {
        color: #333;
        font-size: 16px;
        width: 100%;
        overflow: hidden;
        text-align: justify;
    }

        .read-blog-container .read-blog .read-content p img {
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
            /*width:100%;height:100%*/
        }

        .read-blog-container .read-blog .read-content ol {
            list-style: decimal;
        }

        .read-blog-container .read-blog .read-content ul {
            list-style: disc;
        }

    .read-blog-container .read-blog .blog-share-buttons ul li div {
        border-radius: 0
    }

    .read-blog-container .read-blog-thumbnail {
        width: 100%;
        overflow: hidden;
        max-height: 250px
    }

        .read-blog-container .read-blog-thumbnail img {
            width: 100%;
            min-height: 100%
        }

        .read-blog-container .read-blog-thumbnail:hover > img {
            opacity: .9
        }

    .read-blog-container .read-tags {
        width: 100%;
        overflow: hidden;
        padding: 5px 0px 0
    }

        .read-blog-container .read-tags .postTag {
            display: inline-block;
            font-size: 13px;
            text-decoration: none;
            padding: 1px;
            border-bottom: 1px solid #000;
            margin: 5px;
            font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
            font-weight: bold;
            color: black;
        }

    .read-blog-container .related-post .blog-sidebar {
        margin: 0;
        padding: 0 5px
    }

        .read-blog-container .related-post .blog-sidebar .wo_page_hdng {
            padding: 0 0 10px;
            margin-bottom: 15px;
        }

        .read-blog-container .related-post .blog-sidebar .row {
            margin: 0 -9px;
        }

    .read-blog-container .related-post .recommended-articles {
        margin-bottom: 20px;
        padding: 0 9px;
        overflow: hidden
    }

        .read-blog-container .related-post .recommended-articles .article-thumbnail {
            width: 100%;
            overflow: hidden;
            max-height: 135px
        }

            .read-blog-container .related-post .recommended-articles .article-thumbnail img {
                width: 100%;
                border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
                margin-bottom: 5px;
                height: 115px;
            }

        .read-blog-container .related-post .recommended-articles .article-title h4 {
            width: 100%;
            overflow: hidden;
            font-size: 16px;
            color: #444;
            white-space: nowrap;
            text-overflow: ellipsis
        }

            .read-blog-container .related-post .recommended-articles .article-title h4:hover {
                color: #000
            }

        .read-blog-container .related-post .recommended-articles .article-title a {
            text-decoration: none
        }

        .read-blog-container .related-post .recommended-articles .article-info {
            width: 100%;
            font-size: 14.5px;
            color: #999
        }

    .setting-well-p {
        padding: 10px
    }

    .view-blog {
        color: #666;
        font-size: 14.5px;
        line-height: 17px
    }

    .rotate-90d {
        transform: rotate(-180deg)
    }

    .album-collapse {
        width: 33.33%;
        position: relative;
        background: no-repeat #f9f9f9;
        display: inline;
        float: right;
        background-size: cover
    }

        .album-collapse span {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background: rgba(0, 0, 0, .4);
            height: 100%;
            color: #fff;
            text-align: center;
            vertical-align: middle;
            padding: 35% 0;
            font-size: 35px;
            font-weight: 400;

        }

    .no_message {
        text-align: center;
        line-height: 220px;
        font-size: 14.5px
    }

    #add_to_family .family_mbr_detail {
        display: flex;
        align-items: center;
    }

    #add_to_family .family_mbr_avatar {
        flex: 0 0 auto;
        width: 40px;
        height: 40px;
    }

        #add_to_family .family_mbr_avatar img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    #add_to_family .family_mbr_name {
        margin: 0;
    }

    #add_to_family .add_as_cont {
        margin-top: 4px;
        max-height: calc(100vh - 350px);
        overflow-y: scroll;
        overflow-x: hidden;
    }

        #add_to_family .add_as_cont::-webkit-scrollbar {
            width: 4px;
        }

        #add_to_family .add_as_cont::-webkit-scrollbar-thumb {
            background: #5d5f93;
            border-radius: 4px;
        }

    .add_as_cont_list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -5px;
    }

        .add_as_cont_list label {
            display: block;
            margin: 10px 5px 0;
        }

            .add_as_cont_list label input {
                display: none;
            }

            .add_as_cont_list label div {
                cursor: pointer;
                border-radius: 2em;
                padding: 0 11px;
                line-height: 30px;
                font-size: 14px;
            }

            .add_as_cont_list label input:checked + div {
                background-color: brown;
                color: white;
            }

    #add_to_family .add_to_family_alert div {
        border-radius: 0 !important;
        text-align: center
    }

    .wo_prof_side_info_padd.wow_content {
        padding-bottom: 6px;
    }

    input.cusrange[type=range] {
        -webkit-appearance: none;
        width: calc(100% - 74px);
        border-radius: 8px;
        height: 7px;
        border: 1px solid #bdc3c7;
        background-color: #ccc;
        display: inline-block;
        outline: 0;
    }

        input.cusrange[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            /* background-color:#3F51B5; */
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            width: 30px;
            height: 30px;
            transform: translateY(1px);
            border-radius: 50%;
            cursor: pointer;
        }

        input.cusrange[type=range]::-moz-range-track {
            width: calc(100% - 74px);
            border-radius: 8px;
            height: 7px;
            background-color: #ccc;
            display: inline-block;
            outline: 0
        }

        input.cusrange[type=range]::-moz-range-thumb {
            background-color: #3F51B5;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            width: 15px;
            height: 15px;
            border-radius: 50%;
            cursor: pointer
        }

        input.cusrange[type=range]::-ms-fill-lower,
        input.cusrange[type=range]::-ms-fill-upper {
            background: 0 0
        }

        input.cusrange[type=range]::-ms-track {
            border-radius: 8px;
            height: 7px;
            border: 1px solid #bdc3c7;
            background-color: #ccc
        }

        input.cusrange[type=range]::-ms-thumb {
            background-color: #3F51B5;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            width: 15px;
            height: 15px;
            border-radius: 50%;
            cursor: pointer
        }

    #cusrange-reader {
        text-align: end;
        border: 0;
        background: #fafafa !important;
        position: relative;
        font-weight: bold;
        color: #7a7d7e;
        width: 50px;
        font-size: 14.5px;
        height: 30px;
        line-height: 29px;
        margin-left: 10px;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    }

    .nearby_user_wrapper {
        padding: 10px;
        box-shadow: 0px 3px 30px rgb(0 0 0 / 3%);
        background: #fff;
        position: relative;
        overflow: hidden;
        min-height: 230px;
        border-radius: 17px;
        margin-bottom: 10px;
    }

    .colloape-panel-stg,
    .sidebar-ad-wrapper,
    .wo-content-shadow {
        box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
    }

    .nearby_user_wrapper .avatar img {
        width: 104px;
        height: 104px;
        box-sizing: border-box;
        background-clip: content-box;
        border: 0 solid transparent;
        border-radius: 50%
    }

    .nearby_user_wrapper .user_wrapper_link {
        display: block;
        font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Lucida Grande, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Emoji, Segoe UI Symbol, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, '.SFNSDisplay-Regular', Heiti SC, Microsoft Yahei;
        font-size: 16px;
        font-weight: 600;
        color: #5c5a5a;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 4px
    }

    .nearby_user_wrapper .user-follow-button {
        padding: 10px 0 7px
    }

    .nearby_user_wrapper .user-map-button {
        height: 20px;
        padding: 2px 0;
        margin-top: 3px
    }

    .nearby_user_wrapper small {
        font-size: 12px;
        display: block;
        color: #666;
        font-family: OpenSansSemiBold, arial;
        cursor: pointer
    }

        .nearby_user_wrapper small:hover {
            color: #676
        }

        .nearby_user_wrapper small svg.feather {
            margin-top: -1px;
            width: 12px;
            height: 12px
        }

    .nearby_user_wrapper.profile {
        display: flex;
        align-items: center;
        min-height: auto;
        padding: 15px;
    }

        .nearby_user_wrapper.profile > div:not(.avatar) {
            min-width: 0;
        }

        .nearby_user_wrapper.profile .avatar img {
            width: 95px;
            height: 95px;
            flex: 0 0 auto;
        }

        .nearby_user_wrapper.profile .user-lastseen {
            margin-top: 6px;
        }

            .nearby_user_wrapper.profile .user-lastseen .small-last-seen {
                font-size: 13px;
            }

        .nearby_user_wrapper.profile .user-follow-button {
            padding: 10px 0 0;
        }

    .nearby-users-distance {
        background: #fff;
        padding: 10px 15px;
        cursor: pointer;
        font-family: OpenSansBold, arial;
        color: #333
    }

    .sidebar-ad-wrapper {
        width: 100%;
        overflow: hidden;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        background-color: #fff;
        color: #444;
        font-size: 14.5px;
        margin-bottom: 20px
    }

        .sidebar-ad-wrapper hr {
            padding: 0;
            margin: 0
        }

    div.mce-fullscreen {
        z-index: 9999 !important;
    }

    .mce-menu {
        z-index: 99999 !important;
    }

    .sidebar-ad-wrapper .sidebar-ad-header {
        width: 100%;
        height: 30px;
        overflow: hidden
    }

        .sidebar-ad-wrapper .sidebar-ad-header h4 {
            width: 100%;
            margin: 0;
            display: inline;
            font-family: Arial, sans-serif;
            font-size: 14.5px;
            font-weight: 400;
            line-height: 25px;
            height: 30px
        }

            .sidebar-ad-wrapper .sidebar-ad-header h4 i {
                color: #ebba16
            }

    .sidebar-ad-wrapper .sidebar-ad-body {
        margin-top: 10px;
        width: 100%;
        overflow: hidden
    }

    .colloape-panel-stg,
    .sidebar-ad-wrapper .sidebar-ad-footer p.ad-descrition {
        margin: 0;
        color: #666
    }

    .sidebar-ad-wrapper .sidebar-ad-body img {
        width: 100%
    }

    .sidebar-ad-wrapper .sidebar-ad-footer {
        width: 100%;
        max-height: 150px;
        overflow: hidden;
        padding: 6px
    }

        .sidebar-ad-wrapper .sidebar-ad-footer p.ad-title {
            width: 100%;
            font-size: 14.5px;
            padding: 5px 0;
            margin: 0;
            color: #333;
            font-family: OpenSansSemiBold, sans-serif
        }

        .sidebar-ad-wrapper .sidebar-ad-footer p.ad-descrition,
        .sidebar-ad-wrapper .sidebar-ad-footer time {
            font-size: 14.5px;
            line-height: 17px;
            display: inline-block;
            font-family: OpenSansregular, sans-serif;
            width: 100%
        }

    .colloape-panel-stg {
        padding: 15px 10px;
        background: #fff;
        overflow: hidden
    }

        .colloape-panel-stg i {
            color: #666
        }

    .page-rating > fieldset:not(:checked) > label:hover,
    .page-rating > fieldset:not(:checked) > label:hover ~ label,
    .rated-star {
        color: #FF9800
    }

    .nodisplay {
        display: none
    }

    .disabled {
        cursor: not-allowed;
        opacity: .7
    }

    .page-rating {
        position: relative;
        background: 0 0
    }

        .page-rating > fieldset {
            border: none;
            display: inline-block;
            height: 16px
        }

            .page-rating > fieldset label {
                margin-top: 1px !important;
                margin-left: 5px
            }

            .page-rating > fieldset:not(:checked) > input {
                position: absolute;
                clip: rect(0, 0, 0, 0)
            }

            .page-rating > fieldset:not(:checked) > label {
                float: right;
                overflow: hidden;
                white-space: nowrap;
                cursor: pointer;
                color: #FF9800
            }

                .page-rating > fieldset:not(:checked) > label svg.feather {
                    margin-top: -3px;
                    width: 18px;
                    height: 18px;
                    fill: #DFDFDF;
                    stroke: #DFDFDF;
                }

                .page-rating > fieldset:not(:checked) > label:hover svg.feather {
                    fill: #FF9800;
                    stroke: #FF9800;
                }

                .page-rating > fieldset:not(:checked) > label svg.feather.active {
                    fill: #FF9800;
                    stroke: #FF9800;
                }

                .page-rating > fieldset:not(:checked) > label:hover ~ label svg.feather {
                    fill: #FF9800;
                    stroke: #FF9800;
                }

            .page-rating > fieldset > label:active {
                position: relative;
                top: 2px
            }

    @media screen and (max-width:990px) {
        .search-nearby-cont {
            padding-left: 15px;
            border-left: none
        }
    }

    .group_tab_dropdown {
        color: #666
    }

        .group_tab_dropdown span {
            display: block;
            padding: 5px 10px;
            clear: both;
            font-weight: 400;
            font-size: 14.5px;
            color: #555;
            text-shadow: none
        }

            .group_tab_dropdown span:hover {
                color: #262626;
                text-decoration: none;
                background-color: #f9f9f9
            }

    article,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    p,
    span {
        word-wrap: break-word
    }

    #publisher-box-stickers-cont {
        width: 100%;
        overflow: auto;
        max-height: 300px
    }

        #publisher-box-stickers-cont img,
        #publisher-box-stickers-cont video {
            width: 50%;
            height: 150px;
            display: inline;
            cursor: pointer
        }

    @media (max-width:900px) {
        #notification-popup {
            width: 80% !important;
        }
    }

    .navbar-movies-mobile-header {
        width: 100%
    }

        .navbar-movies-mobile-header li {
            cursor: pointer;
            float: left
        }

            .navbar-movies-mobile-header li a {
                color: #fff !important
            }

            .navbar-movies-mobile-header li.active a {
                background-color: #c45a5b !important
            }

    #movies-genre-mobile-dropdown {
        max-height: 200px;
        overflow-y: scroll
    }

    .border-top {
        border-top: 1px solid #ddd
    }

    .border-bottom {
        border-bottom: 1px solid #ddd
    }

    .navbar-movies-mobile-dropdown {
        width: 100%
    }

        .navbar-movies-mobile-dropdown ul {
            width: 100%;
            color: #fff;
            border-radius: 0 !important;
            padding: 0
        }

            .navbar-movies-mobile-dropdown ul a {
                color: #333
            }

    .navbar-movies-mobile-dropdown-cont {
        width: 100%
    }

        .navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse {
            width: 100%;
            overflow: hidden
        }

            .navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse h4 {
                width: 100%;
                padding: 10px;
                background: #fff;
                cursor: pointer;
                margin: 0;
                color: #666;
                font-size: 14.5px;
                font-family: sans-serif
            }

                .navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse h4 a {
                    color: #666
                }

            .navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse div {
                width: 100%;
                overflow: hidden;
                background: #fff;
                display: none
            }

                .navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse div p {
                    width: 100%;
                    padding: 8px 10px;
                    margin: 0;
                    cursor: pointer;
                    border-bottom: 1px solid #f9f9f9
                }

                    .navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse div p:hover {
                        background-color: #f6f7f9
                    }

    .sk-circle {
        margin: 100px auto;
        width: 40px;
        height: 40px;
        position: relative
    }

        .sk-circle .sk-child {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0
        }

            .sk-circle .sk-child:before {
                content: '';
                display: block;
                margin: 0 auto;
                width: 15%;
                height: 15%;
                background-color: #333;
                border-radius: 100%;
                animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
            }

        .sk-circle .sk-circle2 {
            transform: rotate(30deg)
        }

            .sk-circle .sk-circle2:before {
                animation-delay: -1.1s
            }

        .sk-circle .sk-circle3 {
            transform: rotate(60deg)
        }

            .sk-circle .sk-circle3:before {
                animation-delay: -1s
            }

        .sk-circle .sk-circle4 {
            transform: rotate(90deg)
        }

            .sk-circle .sk-circle4:before {
                animation-delay: -.9s
            }

        .sk-circle .sk-circle5 {
            transform: rotate(120deg)
        }

            .sk-circle .sk-circle5:before {
                animation-delay: -.8s
            }

        .sk-circle .sk-circle6 {
            transform: rotate(150deg)
        }

            .sk-circle .sk-circle6:before {
                animation-delay: -.7s
            }

        .sk-circle .sk-circle7 {
            transform: rotate(180deg)
        }

            .sk-circle .sk-circle7:before {
                animation-delay: -.6s
            }

        .sk-circle .sk-circle8 {
            transform: rotate(210deg)
        }

            .sk-circle .sk-circle8:before {
                animation-delay: -.5s
            }

        .sk-circle .sk-circle9 {
            transform: rotate(240deg)
        }

            .sk-circle .sk-circle9:before {
                animation-delay: -.4s
            }

        .sk-circle .sk-circle10 {
            transform: rotate(270deg)
        }

            .sk-circle .sk-circle10:before {
                animation-delay: -.3s
            }

        .sk-circle .sk-circle11 {
            transform: rotate(300deg)
        }

            .sk-circle .sk-circle11:before {
                animation-delay: -.2s
            }

        .sk-circle .sk-circle12 {
            transform: rotate(330deg)
        }

            .sk-circle .sk-circle12:before {
                animation-delay: -.1s
            }

    @-webkit-keyframes sk-circleBounceDelay {

        0%, 100%, 80% {
            transform: scale(0)
        }

        40% {
            transform: scale(1)
        }
    }

    @keyframes sk-circleBounceDelay {

        0%, 100%, 80% {
            transform: scale(0)
        }

        40% {
            transform: scale(1)
        }
    }

    .dropped-down {
        background-color: #e3e4e8 !important
    }

    .ads-navbar-mobile-wrapper {
        width: 100%;
        overflow: hidden
    }

        .ads-navbar-mobile-wrapper ul {
            width: 100%;
            overflow: hidden;
            margin: 0
        }

    .bs-padding-left {
        padding-left: 15px !important
    }

    .bs-padding-right {
        padding-right: 15px !important
    }

    .bs-padding-right-x {
        padding-right: 0 !important
    }

    .bs-padding-left-x {
        padding-left: 0 !important
    }

    .padding-15 {
        padding: 5px 15px !important;
        font-size: 14.5px !important;
        background-color: #fff !important
    }

    hr {
        margin: 5px 0 !important;
    }

        hr.style-two {
            border: 0;
            height: 1px;
            background-image: linear-gradient(to right, rgba(101, 101, 101, 0), rgba(101, 101, 101, .2), rgba(101, 101, 101, 0))
        }


    /*Stories*/
    .user-status-home {
        position: relative;
        margin-bottom: 15px
    }

        .user-status-home .wo_page_hdng {
            padding: 10px;
            border: 0;
        }

        .user-status-home .wo_page_hdng_innr {
            justify-content: space-between;
        }

        .user-status-home ul.status-list {
            display: flex;
            margin: 0 -10px 9px;
            padding: 0;
        }

            .user-status-home ul.status-list li {
                display: inline-block;
                width: 20%;
                min-width: 20%;
                margin-top: 5px;
                padding: 0 5px;
            }

                .user-status-home ul.status-list li a {
                    display: block;
                    user-select: none;
                    text-decoration: none;
                    position: relative;
                    border-radius: 8px;
                    overflow: hidden;
                    transition: all 0.2s;
                    padding-bottom: 135%;
                    cursor: pointer;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    font-family: 'Roboto';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 15px;
                }

                .user-status-home ul.status-list li.create_new a svg {
                    background-color: #D9D9D9;
                    border-radius: 50%;
                    width: 30px;
                    height: 30px;
                    padding: 4px;
                    display: block;
                    color: #444;
                    position: absolute;
                    bottom: -4px;
                    left: 50%;
                    transform: translateX(-50%);
                    z-index: 1;
                }

                .user-status-home ul.status-list li a.avatar {
                    width: 100%;
                    margin: auto;
                    overflow: visible;
                }

                .user-status-home ul.status-list li a img {
                    transition: transform .2s ease;
                    object-fit: cover;
                    width: 100%;
                    user-select: none;
                    pointer-events: none;
                    border-radius: 15px;
                    z-index: 1;
                    position: relative;
                    padding: 0;
                    border: 2px solid #fff;
                    aspect-ratio: 0.7;
                }

                .user-status-home ul.status-list li p {
                    overflow: hidden;
                    margin: 10px 0 0;
                    font-family: 'Roboto';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 16px;
                    text-align: center;
                }

    .wow_home_stories {
        padding: 20px 15px;
        border-radius: 16px;
        box-shadow: none;
    }

    .not_seen_story {
        border-radius: 8px;
        position: relative;
    }

        .not_seen_story .avatar:before,
        .user-status-home ul.status-list li.create_new .avatar:before {
            content: '';
            position: absolute;
            right: -1px;
            left: -1px;
            top: -1px;
            bottom: -1px;
            border-radius: 16px;
            background: linear-gradient(135.87deg, #C64D53 1.25%, #3F4354 51.73%, rgba(198, 77, 83, 0.11) 77.22%);
        }

    .user-status-home ul.status-list li.create_new .avatar:before {
        background: linear-gradient(135.87deg, #C64D53 1.25%, #3F4354 51.73%, rgba(198, 77, 83, 0.17) 77.22%);
    }

    .user-status-home ul.status-list li a:hover img {
        transform: scale(1.02);
    }

    .wow_home_stories .wo_page_hdng {
        padding: 10px 10px 4px;
    }

    .wow_home_stories ul.status-list {
        margin: 0;
    }

        .wow_home_stories ul.status-list li {
            margin: 0;
            text-align: center;
        }

            .wow_home_stories ul.status-list li a {
                padding: 0;
            }

    .user-status-home ul.status-list li.view-more-stories a.avatar {
        background-color: #9e9e9e;
        color: #fff
    }

    .user-status-home ul.status-list li.view-more-stories a div {
        position: absolute;
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    .user-status-home ul.status-list li.view-more-stories a svg {
        width: 40px;
        height: auto;
    }

    .ui-timepicker-div .ui_tpicker_unit_hide,
    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
    .ui-timepicker-div.ui-timepicker-oneLine dt {
        display: none
    }

    .ui-timepicker-div .ui-widget-header {
        margin-bottom: 8px
    }

    .ui-timepicker-div dl {
        text-align: left
    }

        .ui-timepicker-div dl dt {
            float: left;
            clear: left;
            padding: 0 0 0 5px
        }

        .ui-timepicker-div dl dd {
            margin: 0 10px 10px 40%
        }

    .ui-timepicker-div td {
        font-size: 90%
    }

    .ui-timepicker-div.ui-timepicker-oneLine {
        padding-right: 2px
    }

        .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
            display: block;
            padding-top: 2px
        }

        .ui-timepicker-div.ui-timepicker-oneLine dl {
            text-align: right
        }

            .ui-timepicker-div.ui-timepicker-oneLine dl dd,
            .ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
                display: inline-block;
                margin: 0
            }

                .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
                .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
                    content: ':';
                    display: inline-block
                }

                .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before,
                .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before {
                    content: '.';
                    display: inline-block
                }

    .modal.fade:before,
    .slick-track:after,
    .slick-track:before,
    [tooltip]::before {
        content: ''
    }

    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
        display: none
    }

    .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
        background: 0 0;
        color: inherit;
        border: none;
        outline: 0;
        border-bottom: solid 1px #555;
        width: 95%
    }

    .create-article-form .prv-img,
    .fluid,
    .search-artiles-form,
    .search-artiles-form input {
        width: 100%;
        overflow: hidden
    }

    .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
        border-bottom-color: #aaa
    }

    .ui-tpicker-grid-label {
        background: 0 0;
        border: none;
        margin: 0;
        padding: 0
    }

    .ui-timepicker-rtl {
        direction: rtl
    }

        .ui-timepicker-rtl dl {
            text-align: right;
            padding: 0 5px 0 0
        }

            .ui-timepicker-rtl dl dt {
                float: right;
                clear: right
            }

            .ui-timepicker-rtl dl dd {
                margin: 0 40% 10px 10px
            }


    /*Float Head*/
    .wow_main_float_head {
        background: linear-gradient(-45deg, #764ba2 0%, #667eea 100%);
        position: absolute;
        left: 0;
        right: 0;
        top: 70px;
    }

        .wow_main_float_head.com_thing {
            background: linear-gradient(-45deg, #ae41c1 0%, #f06292 100%);
        }

        .wow_main_float_head.contactus {
            background: linear-gradient(-45deg, #009688 0%, #4CAF50 100%);
        }

        .wow_main_float_head.fundus {
            background: linear-gradient(-45deg, #db3212 0%, #b81764 100%);
        }

        .wow_main_float_head.findfrnd {
            background: linear-gradient(-45deg, #3F51B5 0%, #2196F3 100%);
        }

        .wow_main_float_head.gopro {
            background: linear-gradient(-45deg, #cf861b 0%, #eaa530 100%);
        }

        .wow_main_float_head.jobs {
            background: linear-gradient(-45deg, #21b9f3 0%, #4c7faf 100%);
        }

        .wow_main_float_head.moviez {
            background: linear-gradient(-45deg, #bd7961 0%, #795548 100%);
        }

        .wow_main_float_head.markets {
            background: linear-gradient(-45deg, #0fbb8b 0%, #6ba85b 100%);
        }

        .wow_main_float_head.searchs {
            background: #ffd0d1;
        }

        .wow_main_float_head.show-fnds {
            /*background: rgb(255, 235, 235);*/
            background: #fff8f8;
        }

        .wow_main_float_head > .container {
            padding: 40px 15px;
            color: #fff;
            font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        }

        .wow_main_float_head.show-fnds > .container {
            color: #000;
            z-index: 1;
            position: relative;
        }

        .wow_main_float_head h1 {
            margin: 0;
            font-family: "Lato", sans-serif;
            text-align: center;
        }

            .wow_main_float_head h1 svg {
                width: 32px;
                height: 32px;
                margin: -6px 0 0;
            }

        .wow_main_float_head .my_articles_btn {
            color: #6f64c6;
            background-color: wheat;
            margin: 20px 0 0;
            min-width: 200px;
        }

        .wow_main_float_head .my_prods_btn {
            color: #b93b42;
        }

        .wow_main_float_head > .container > h4 {
            font-weight: normal;
            font-size: 18.5px;
            margin: 15px 0 0;
        }

        .wow_main_float_head .wow_form_fields {
            padding: 0;
            max-width: 500px;
            margin: 40px auto;
        }

            .wow_main_float_head .wow_form_fields input {
                background-color: rgba(255, 255, 255, 0.5);
            }

                .wow_main_float_head .wow_form_fields input::placeholder {
                    color: #fff
                }

                .wow_main_float_head .wow_form_fields input:focus {
                    background-color: white;
                }

            .wow_main_float_head .wow_form_fields .search_suggs,
            .wo_job_head_filter .search_suggs {
                position: absolute;
                padding: 10px;
                margin: 0;
                background-color: white;
                box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.2);
                border-radius: 0 0 4px 4px;
                width: 100%;
                z-index: 9;
            }

                .wow_main_float_head .wow_form_fields .search_suggs:empty,
                .wo_job_head_filter .search_suggs:empty {
                    padding: 0;
                    background: transparent;
                    box-shadow: none;
                }

    /*Articles*/
    .wow_main_blogs_bg {
        margin-bottom: 15px;
    }

    .wow_main_blogs {
        background-color: #fff;
        border-radius: 8px;
        margin-bottom: 30px;
        padding: 14px;
        transition: all 0.2s;
    }

        .wow_main_blogs:hover {
            box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
        }

        .wow_main_blogs .avatar {
            display: block;
            position: relative;
            padding-bottom: 65%;
        }

            .wow_main_blogs .avatar > a img {
                width: 100%;
                border-radius: 9px;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                height: 100%;
                object-fit: cover;
            }

            .wow_main_blogs .avatar > .postCategory {
                display: inline-block;
                text-decoration: none;
                position: absolute;
                left: 0;
                top: 0;
                background: #fafafa;
                border-radius: 40px;
                padding: 2px 10px;
                margin: 8px;
                font-size: 13px;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 500;
            }

    .wow_main_blogs_info {
        width: 100%;
        padding: 15px 0 0;
    }

        .wow_main_blogs_info > div {
            display: flex;
            margin: 0 -7px;
        }

            .wow_main_blogs_info > div .user_avatar {
                flex: 0 0 auto;
                width: 44px;
                height: 44px;
                margin: 0 7px;
            }

                .wow_main_blogs_info > div .user_avatar img {
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                }

            .wow_main_blogs_info > div > div {
                margin: 0 7px;
                min-width: 0;
            }

            .wow_main_blogs_info > div h2 {
                margin: 0 0 3px;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 600;
                font-size: 16px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .wow_main_blogs_info > div h2 a {
                    text-decoration: none;
                    color: #262D34;
                }

            .wow_main_blogs_info > div .postMeta--author-text a {
                text-decoration: none;
                font-family: 'Poppins';
                font-style: normal;
                font-size: 15px;
            }

            .wow_main_blogs_info > div .postMeta--author-text time {
                font-size: 14px;
            }

        .wow_main_blogs_info > .btn {
            margin-top: 14px;
            border-radius: 8px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 15px;
            line-height: 42px;
        }

    .wow_main_blogs_btns {
        margin: 12px -4px 0;
        display: flex;
    }

        .wow_main_blogs_btns .btn {
            margin: 0 4px;
            min-width: auto;
            flex: 1 1 auto;
            padding: 0 6px;
            border-radius: 6px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            line-height: 33px;
        }

    .wow_read_blog_hdr_img {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }

        .wow_read_blog_hdr_img img {
            width: 100%;
            height: 500px;
            object-fit: cover;
        }

    .wow_read_blog_hdr_img_share {
        position: absolute;
        top: 30px;
        right: 30px;
        z-index: 15;
        background-color: rgba(0, 0, 0, 0.7);
        border-radius: 2em;
        padding: 7px;
    }

        .wow_read_blog_hdr_img_share ul {
            margin: 0;
        }

            .wow_read_blog_hdr_img_share ul li {
                display: inline-block;
            }

        .wow_read_blog_hdr_img_share .btn-share {
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 27px;
            height: 27px;
            border-radius: 50%;
            margin: 0px 2px;
        }

            .wow_read_blog_hdr_img_share .btn-share.timeline {
                background-color: #444;
            }

            .wow_read_blog_hdr_img_share .btn-share.facebook {
                background-color: #337ab7;
            }

            .wow_read_blog_hdr_img_share .btn-share.twitter {
                background-color: #55acee;
            }

            .wow_read_blog_hdr_img_share .btn-share.linkedin {
                background-color: #007bb6;
            }

            .wow_read_blog_hdr_img_share .btn-share.pinterest {
                background-color: #cb2027;
            }

            .wow_read_blog_hdr_img_share .btn-share svg {
                width: 18px;
                height: 18px;
            }

    .wow_read_blog_hdr_img_innr {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        display: flex;
        align-items: flex-end;
        padding: 0 15px 80px;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        z-index: 9;
    }

        .wow_read_blog_hdr_img_innr .postCategory {
            background-color: rgba(255, 255, 255, 0.2);
            color: white;
            backdrop-filter: blur(10px);
            min-width: auto;
            line-height: 25px;
            padding: 0 10px;
            font-weight: normal;
        }

        .wow_read_blog_hdr_img_innr h2 {
            margin: 20px 0;
            font-size: 44px;
            color: #fff;
        }

        .wow_read_blog_hdr_img_innr .read-blog-info-user .metaLink {
            color: rgba(255, 255, 255, 0.8);
            display: inline-block;
            text-decoration: none;
            margin: 9px 0;
        }

        .wow_read_blog_hdr_img_innr .read-blog-info-user .views,
        .wow_read_blog_hdr_img_innr .read-blog-info-user .middot {
            color: rgba(255, 255, 255, 0.8);
        }

        .wow_read_blog_hdr_img_innr .postMeta--author-text {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
        }

        .wow_read_blog_hdr_img_innr .postMeta--author-avatar img {
            width: 35px;
            height: 35px;
        }

        .wow_read_blog_hdr_img_innr .postMeta--author-text a {
            font-weight: bold;
            font-size: 15px;
            color: white;
            text-decoration: none;
        }

        .wow_read_blog_hdr_img_innr .postMeta--author-text time {
            display: block;
            font-size: 14.5px;
        }

    .wow_read_blog_row {
        margin: -50px 0 0;
        padding: 0 15px;
        position: relative;
        z-index: 9;
    }

    .no-padding-left {
        padding-left: 0 !important
    }

    .no-padding-both {
        padding: 0 !important
    }

    .search-artiles-form {
        padding: 0 10px;
        margin-bottom: 30px
    }

        .search-artiles-form .inner-addon .glyphicon {
            padding: 0;
            margin: 7px;
            color: #888
        }

        .search-artiles-form input {
            border-radius: 0 !important;
            background: 0 0;
            border: 0;
            border-bottom: 1px solid #c6c6c6
        }

    .no-box-shadow {
        box-shadow: none !important
    }

    .art-title {
        font-size: 18px
    }

    .blog-desc {
        font-size: 15px;
        color: #666
    }

    .blog-meta-desc {
        font-size: 14.5px;
        text-transform: capitalize
    }

        .blog-meta-desc span small,
        .blog-meta-desc time {
            color: #a5a5a5;
            font-size: 14.5px
        }

    .blog-ls-img {
        padding: 0
    }

        .blog-ls-img img {
            width: 100%;
            border-radius: 3px
        }

    .postMeta--author-avatar {
        vertical-align: middle;
        padding-right: 10px;
        display: table-cell
    }

        .postMeta--author-avatar img {
            width: 24px;
            height: 24px;
            border-radius: 50%
        }

    .postMeta--author-text {
        vertical-align: middle;
        display: table-cell;
        overflow: hidden
    }

    .main-blog-sidebar {
        padding: 5px
    }

        .main-blog-sidebar .widget {
            margin-top: 30px;
        }

            .main-blog-sidebar .widget:first-child {
                margin-top: 0
            }

            .main-blog-sidebar .widget .wo_page_hdng {
                padding: 0 0 10px;
                margin-bottom: 15px;
            }

            .main-blog-sidebar .widget .wow_form_fields input {
                box-shadow: none;
                background-color: #eaeff2;
                height: 38px;
                border-radius: 2em;
                font-size: 14.5px;
                padding: 5px 12px;
            }

            .main-blog-sidebar .widget ul {
                padding: 0;
                list-style: none
            }

        .main-blog-sidebar .popular-articles li {
            margin-top: 30px;
            overflow: hidden;
            font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        }

            .main-blog-sidebar .popular-articles li:first-child {
                margin-top: 0
            }

            .main-blog-sidebar .popular-articles li .article-thumbnail {
                display: block;
                width: 65px;
                height: 65px;
                position: relative;
                border-radius: 10px;
                background: #aaa
            }

                .main-blog-sidebar .popular-articles li .article-thumbnail img {
                    width: 100%;
                    height: 100%;
                    position: relative;
                    margin-right: 15px;
                    border-radius: 10px;
                    object-fit: cover
                }

            .main-blog-sidebar .popular-articles li .article-title {
                margin-left: 80px;
                color: rgba(0, 0, 0, .8);
                display: block;
                font-size: 16px;
                font-weight: bold;
                line-height: 1.4;
                text-decoration: none
            }

            .main-blog-sidebar .popular-articles li .article-info {
                margin-left: 80px;
                display: block;
                margin-top: 4px;
                color: rgba(0, 0, 0, .4);
                font-size: 14.5px;
                font-weight: 400
            }

    #wo_repeat_search,
    .gray-list.active {
        font-weight: 700
    }

    .main-blog-sidebar .popular-categories li,
    .wow_blog_cats {
        margin: 0 2px 9px 0;
        display: inline-block;
    }

        .main-blog-sidebar .popular-categories li a,
        .wow_blog_cats a {
            background-color: rgba(63, 81, 181, 0.1);
            color: #3F51B5;
            display: block;
            padding: 6px 10px;
            border-radius: 2em;
            text-decoration: none;
            font-size: 13px;
            font-weight: 500;
            font-family: 'Poppins';
            transition: all 0.1s;
        }

            .main-blog-sidebar .popular-categories li a:hover,
            .wow_blog_cats a:hover,
            .wow_blog_cats a.active {
                background-color: #3F51B5;
                color: #fff;
            }

    #category-page .popular-categories li {
        background-color: #d2d2d2
    }

        #category-page .popular-categories li a {
            color: #000
        }

    .wo_job_head_filter.blogs {
        padding-bottom: 15px;
    }

        .wo_job_head_filter.blogs .search-blog .main-blog-sidebar {
            padding: 0;
            position: relative;
        }

        .wo_job_head_filter.blogs > .wo_job_main_widget {
            margin: 14px 7px 0;
        }

    .wow_blog_cats a {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        padding: 8px 16px;
        text-align: center;
    }

    .choose_rel_ship_meta h4,
    .choose_rel_ship_meta p {
        color: #666;
        padding-bottom: 3px !important
    }

    .choose_rel_ship_meta h4 {
        margin-bottom: 0 !important
    }

    .choose_rel_ship_avatar {
        height: 120px
    }

        .choose_rel_ship_avatar div {
            width: 100%;
            height: 100%;
            border: 1px dashed #dddddd;
            background: #f9f9f9;
            padding: 1px;
            text-align: center;
            font-size: 25px;
            line-height: 120px;
            border-radius: 10px;
        }

        .choose_rel_ship_avatar img {
            width: 100%;
            height: 120px
        }

    #send-money-form .dropdown {
        width: 100%
    }

        #send-money-form .dropdown ul.dropdown-menu {
            width: 100%;
            border-radius: 0;
            border-left: 1px solid #ededed;
            border-bottom: 1px solid #ededed;
            border-right: 1px solid #ededed;
            box-shadow: 0 2px 4px rgba(0, 0, 0, .2) !important
        }

            #send-money-form .dropdown ul.dropdown-menu li {
                width: 100%;
                padding: 5px 10px
            }

                #send-money-form .dropdown ul.dropdown-menu li:hover {
                    background: 0 0
                }

    #send-money-form .alert h4 {
        margin: 0;
        padding: 0
    }

    #send-money-form h5 b {
        color: green
    }

    .post-privacy-menu li a:hover,
    .post-privacy-menu li div:hover {
        background-color: #f9f9f9;
        color: #262626
    }

    #replenish-user-account small {
        margin-bottom: 5px;
        display: inline-block
    }

    .search-advanced-container a {
        padding: 7px 15px;
        transition: all .1s ease-in-out;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 9px 9px 0;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        color: #347AE2;
    }

        .search-advanced-container a .feather-svg-parent {
            display: table-cell;
            border-radius: 50%;
            font-size: 18px;
            margin: 5px 13px 0 0;
            padding: 7.5px 11px;
            width: 40px;
            height: 40px;
            vertical-align: middle;
            display: none;
        }

        .search-advanced-container a:hover {
            text-decoration: none;
            color: #000;
            background-color: rgba(0, 0, 0, .02)
        }

        .search-advanced-container a svg.feather {
            margin: -3px 0 0 !important;
            color: #535353 !important
        }

    .home.profile-style.main {
        width: auto !important;
        margin-right: 0 !important
    }

    .form-control.url-input {
        width: 100% !important;
        border: 1px solid #f3f3f3
    }

    .card.hovercard .cardheader img {
        width: 100%
    }

    .image-modal .modal-dialog {
        margin: 50px auto
    }

        .image-modal .modal-dialog .modal-body {
            padding: 5px
        }

    .modal-body {
        padding: 15px;
    }

    .setting-themes-container .theme {
        border: 1px solid #ededed;
        padding: 10px;
        border-radius: 3px
    }

        .setting-themes-container .theme img {
            border-radius: 3px;
            margin-right: 10px;
            float: left;
            width: 65px
        }

        .setting-themes-container .theme .themeAuthor,
        .setting-themes-container .theme .themeVirsion {
            font-size: 12px;
            color: #555
        }

        .setting-themes-container .theme .active {
            color: green;
            font-size: 14.5px
        }

        .setting-themes-container .theme #active {
            color: #666;
            font-size: 14.5px
        }

    .ads-activation .active {
        color: #46af00
    }

    .danger-tab a,
    .warning-tab a {
        background-color: #d9534f;
        color: #fff
    }

    .theme.active {
        background-color: #f0f2f5
    }

    #local-media video {
        width: 250px;
        height: 150px;
        position: absolute;
        bottom: 10px;
        right: 10px;
        background: #000;
        border-radius: 3px;
        text-align: center;
        border: 2px solid #fff
    }

    input.search-for-posts {
        margin: 0 !important;
        border: 0 !important
    }

    #sidebar-latest-products .cool-style {
        width: 32.4%
    }

    .settings-by a {
        display: block
    }

        .settings-by a:focus,
        .settings-by a:hover {
            text-decoration: none
        }

    .home-sidebar.profile-style {
        width: 100%;
        padding: 5px;
        margin-bottom: -3px
    }

        .home-sidebar.profile-style:last-child {
            margin-bottom: 5px
        }

        .home-sidebar.profile-style img {
            width: 45px
        }

        .home-sidebar.profile-style .user-name {
            font-size: 14.5px
        }

        .home-sidebar.profile-style .user-follow-btn {
            position: relative;
            margin-top: -20px
        }

            .home-sidebar.profile-style .user-follow-btn.group {
                position: relative;
                margin-top: -35px
            }

    .gray-list.active a {
        color: #111
    }

    .admin-social-login-setting h4 {
        font-size: 16px
    }

    .loading-icon.lightbox-content {
        font-size: 70px;
        color: #fff;
        margin-top: 20%;
        text-align: center
    }

    .btn-main.MS-File {
        padding: 14px;
        margin-right: -1px;
        border-radius: 0 !important
    }

    .profile-lists .setting-well {
        padding-top: 0
    }

    .wo_user_profile .profile-lists {
        padding: 0px;
        border-radius: 16px;
        box-shadow: none;
    }

    .sidebar > .list-group a {
        white-space: nowrap;
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block
    }

    .sidebar .sidebar-title-back {
        display: block;
        overflow: hidden;
        padding: 0 15px;
        line-height: 50px;
        color: #444;
        background: #fff;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
    }

        .sidebar .sidebar-title-back svg {
            height: 18px;
            width: 18px;
            vertical-align: middle;
            margin: -3px 10px 0 0
        }

        .sidebar .sidebar-title-back .refresh svg {
            width: 15px;
            height: 15px;
            margin: -3px 2px 0;
        }

    .manage-users .admin-static:nth-child(1) {
        border-top-left-radius: 3px
    }

    .manage-users .admin-static:nth-child(4) {
        border-top-right-radius: 3px
    }

    #event-side-block div.btn-group {
        width: 100%;
        margin-bottom: 20px
    }

    .event-options-list li strong {
        width: 10%;
        text-align: center;
        display: inline-block
    }

    .title a:focus,
    .title a:hover {
        text-decoration: none !important
    }

    .btn-cart:disabled {
        color: #fff
    }

    .answers input {
        box-shadow: none;
        border-radius: 6px !important;
        background: #fafafa;
        margin: 10px 0;
        height: 40px;
    }

    .nav-tabs > li {
        width: 25%;
        text-align: center
    }

        .nav-tabs > li > a {
            height: 30px;
            border-radius: 0
        }

    #forum-search div.inner-addon {
        border-bottom: 1px solid #ddd;
        padding-bottom: 30px
    }

    .bg-main tr th {
        color: #fff !important
    }

    .table > thead > tr > th {
        border-bottom: 0 !important
    }

    .threads-table tr td {
        padding: 10px !important;
        background-color: #fff;
        box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
    }

    #mbrs div {
        overflow: hidden
    }

        #mbrs div img {
            width: 100%
        }

    .forum-search-container div {
        overflow: hidden;
        padding-bottom: 5px
    }

    .blog-dd-ul li a,
    .blog-dd-ul li span {
        padding: 5px 15px;
        display: block
    }

    .hover-pointer:hover {
        text-decoration: underline
    }

    .load-produts .load-more button {
        width: auto
    }

    .blog-dd-ul li span:hover {
        cursor: pointer
    }

    .blog-dd-ul li a:hover {
        cursor: pointer
    }

    .blog-cat-img img {
        width: 100%;
        height: 120px
    }

    .prv-img img {
        width: 40%
    }

    #insert-caht-alert div.alert {
        border-radius: 0 !important;
        text-align: center
    }

    .pac-item > span:last-child {
        display: none
    }

.post-youtube {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    border-radius: 17px;
    box-shadow: 0px 10px 30px rgb(0 35 196 / 20%);
}

        .post-youtube:before {
            content: '';
            padding-bottom: 56.25%;
            display: block;
        }

        .post-youtube iframe {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }

    .navbar-movies-mobile ul {
        width: 100%
    }

    .navbar-movies-mobile-search-dropdown ul {
        padding: 10px 5px;
        color: #333;
        border-radius: 0 !important
    }

    #replenish-user-account-alert .alert,
    .choose_rel_ship_alert div {
        border-radius: 0 !important
    }

    /*Profile Completion*/
    .profile-completion-bar .hdr {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .profile-completion-bar .circle-progress {
        width: 85px;
        height: auto;
    }

    .profile-completion-bar .circle-progress-value {
        stroke-width: 6px;
        stroke-linecap: round;
    }

    .profile-completion-bar .circle-progress-circle {
        stroke-width: 3px;
    }

    .profile-completion-bar .circle-progress-text {
        font-weight: bold;
        font-size: 22px;
    }

    .profile-completion-bar .circle-progress-text {
        fill: #df043e;
    }

    .profile-completion-bar .circle-progress-value {
        stroke: #df043e;
    }

    .profile-completion-bar.bar-20 .circle-progress-text {
        fill: #f7710b;
    }

    .profile-completion-bar.bar-20 .circle-progress-value {
        stroke: #f7710b;
    }

    .profile-completion-bar.bar-40 .circle-progress-text {
        fill: #ffc300;
    }

    .profile-completion-bar.bar-40 .circle-progress-value {
        stroke: #ffc300;
    }

    .profile-completion-bar.bar-60 .circle-progress-text {
        fill: #0e9da5;
    }

    .profile-completion-bar.bar-60 .circle-progress-value {
        stroke: #0e9da5;
    }

    .profile-completion-bar.bar-80 .circle-progress-text {
        fill: #52aa44;
    }

    .profile-completion-bar.bar-80 .circle-progress-value {
        stroke: #52aa44;
    }

    .profile-completion-bar h3 {
        margin: 0 0;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 19px;
    }

    .profile-completion-bar .body {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 -7px;
    }

        .profile-completion-bar .body .step {
            margin: 15px 7px 0;
            border: 1px solid rgb(0 0 0 / 15%);
            border-radius: 10px;
            padding: 8px 16px;
            font-family: "Roboto", sans-serif;
            font-weight: 500;
            text-decoration: none;
            transition: all 0.2s;
        }

            .profile-completion-bar .body .step:not(.done):hover {
                background: rgb(0 0 0 / 6%);
            }

            .profile-completion-bar .body .step.done {
                opacity: 0.7;
                cursor: default;
                background: rgb(76 175 80 / 18%);
                border-color: rgb(76 175 80 / 18%);
                text-decoration: line-through;
                color: #4caf50;
            }

            .profile-completion-bar .body .step svg {
                width: 20px;
                height: auto;
                margin-top: -2px;
            }

    .lb-preloader svg,
    .pace-activity-parent {
        box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .17)
    }

    svg.feather {
        vertical-align: middle;
        margin-top: -4px;
        width: 19px;
        height: 19px;
    }

    .btn-default {
        background: #fafafa;
        border: 0;
        border-radius: 8px;
    }

        .btn-default svg.feather {
            margin-top: -3px;
            width: 16px;
            height: 16px
        }

    .btn-whatsapp {
        color: #fff;
        background-color: #04aa24;
        border-color: rgba(0, 0, 0, .2)
    }

        .btn-whatsapp:hover {
            background-color: #03941f
        }

    .pace-activity-parent {
        background-color: #fff;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        padding: 20px;
        border-radius: 5px;
        margin-top: -15px
    }

    .pace-activity {
        display: block !important;
        width: 40px;
        height: 40px;
        border: 4px solid transparent;
        border-top-color: #29d;
        border-left-color: #29d;
        border-radius: 30px;
        overflow: visible !important;
        -webkit-animation: pace-spinner .7s linear infinite;
        -moz-animation: pace-spinner .7s linear infinite;
        -ms-animation: pace-spinner .7s linear infinite;
        -o-animation: pace-spinner .7s linear infinite;
        animation: pace-spinner .7s linear infinite
    }

    @-webkit-keyframes pace-spinner {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @-moz-keyframes pace-spinner {
        0% {
            -moz-transform: rotate(0);
            transform: rotate(0)
        }

        100% {
            -moz-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @-o-keyframes pace-spinner {
        0% {
            -o-transform: rotate(0);
            transform: rotate(0)
        }

        100% {
            -o-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @-ms-keyframes pace-spinner {
        0% {
            -ms-transform: rotate(0);
            transform: rotate(0)
        }

        100% {
            -ms-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes pace-spinner {
        0% {
            transform: rotate(0)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    .lb-preloader {
        background: rgba(0, 0, 0, .23);
        bottom: 0;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 99999;
        display: none
    }

        .lb-preloader svg {
            background-color: #5d5f9300;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
            padding: 9px;
            border-radius: 36px;
            width: 90px;
            height: 90px
        }

    /*Sidebar Users*/
    .sidebar-users-may-know-container {
        margin: 0 5px 5px;
    }

    .wow_side_usrs {
        width: 100%;
        display: inline-block;
        padding: 5px;
    }

    #wo_sidebar_users {
        padding: 6px 5px;
        transition: all 0.2s;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        #wo_sidebar_users:hover {
            background: rgb(0 0 0 / 3%);
            border-radius: 10px;
        }

        #wo_sidebar_users > div.info {
            display: inline-flex;
            min-width: 0;
            align-items: center;
        }

        #wo_sidebar_users .avatar {
            flex: 0 0 auto;
            margin-right: 10px;
        }

            #wo_sidebar_users .avatar img {
                border-radius: 50%;
                width: 45px;
                height: 45px;
            }

        #wo_sidebar_users > div.info .user-popover {
            min-width: 0;
        }

        #wo_sidebar_users .wo_user_link_name {
            display: block;
            margin: 0;
            text-decoration: none;
            max-width: 100%;
        }

            #wo_sidebar_users .wo_user_link_name .user-name {
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 15px;
                line-height: 22px;
            }

        #wo_sidebar_users .wo_user_username_cont {
            overflow: hidden;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            word-break: break-all;
            margin: -3px 0 10px
        }

        #wo_sidebar_users .btn-default,
        .sidebar .wo_sidebar_pages .user-follow-button button {
            line-height: 22px;
            border-radius: 2px !important;
            font-size: 13px !important;
            font-weight: bold;
            padding: 1px 8px !important;
            letter-spacing: 0.3px;
        }

        #wo_sidebar_users .user-follow-button {
            flex: 0 0 auto;
        }

        #wo_sidebar_users .btn-default {
            font-weight: normal;
            border-radius: 8px !important;
            padding: 2px 16px !important;
            font-size: 14.5px !important;
            line-height: 24px;
            min-width: 70px;
        }

        #wo_sidebar_users .btn-default {
            min-width: auto;
            width: 30px;
            height: 30px;
            border-radius: 50% !important;
            padding: 2px 8px !important;
        }

            #wo_sidebar_users .btn-default.wo_follow_btn {
                background: #F2F2F2 !important;
                color: #363853;
            }

            #wo_sidebar_users .btn-default svg {
                margin: -5px 0 0;
                fill: none;
            }

            #wo_sidebar_users .btn-default .button-text {
                display: none;
            }

            #wo_sidebar_users .btn-default.wo_following_btn.btn-active {
                animation-duration: 0.5s;
                animation-fill-mode: both;
                animation-name: buttonpulse;
            }

    @keyframes buttonpulse {
        from {
            transform: scale3d(1, 1, 1);
        }

        50% {
            transform: scale3d(1.1, 1.1, 1.1);
        }

        to {
            transform: scale3d(1, 1, 1);
        }
    }

    .wo_sidebar_pages {
        /*border-bottom:1px solid #e7e7e7;*/
        padding: 0 15px 10px !important
    }

        .wo_sidebar_pages .card {
            box-shadow: none !important
        }

        .wo_sidebar_pages:last-child {
            border-bottom: 0
        }

        .wo_sidebar_pages .card.hovercard .cardheader a {
            position: relative;
            display: block;
            max-width: none;
            overflow: visible;
        }

        .wo_sidebar_pages .card.hovercard .cardheader img {
            border-radius: 6px;
            aspect-ratio: 3;
            object-fit: cover;
        }

        .wo_sidebar_pages .card.hovercard .cardheader .thumb {
            width: 61px;
            height: 61px;
            border-radius: 50%;
            left: 50%;
            transform: translateX(-50%);
            right: auto;
            top: auto;
            bottom: -15px;
            aspect-ratio: auto;
            position: absolute;
        }

        .wo_sidebar_pages .page_middle_prnt {
            display: flex;
            justify-content: space-between;
            padding: 15px 0 5px;
        }

        .wo_sidebar_pages .page_middle {
            display: inline-flex;
            flex: 1 1 auto;
            min-width: 0;
        }

            .wo_sidebar_pages .page_middle .thumb {
                width: 45px;
                height: 45px;
                border-radius: 50%;
                margin-right: 10px;
                min-width: 45px;
            }

            .wo_sidebar_pages .page_middle .info {
                min-width: 0;
                flex: 1;
            }

            .wo_sidebar_pages .page_middle .title {
                top: 0 !important;
                position: relative !important;
                left: 0 !important;
                font-size: 15px;
                overflow: hidden;
                display: block;
                margin: 0;
                font-family: 'Poppins';
            }

                .wo_sidebar_pages .page_middle .title a {
                    color: #232323 !important;
                    max-width: 100%;
                    font-size: 17px;
                }

    .sidebar .wo_sidebar_pages .page_catg {
        color: #747474;
        margin: -5px 0 0;
        font-size: 13px;
        word-break: break-all;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-family: 'Poppins';
        text-transform: capitalize;
    }

        .sidebar .wo_sidebar_pages .page_catg b {
            margin: 0;
            color: #222;
        }

    .sidebar .wo_sidebar_pages .user-follow-button {
        padding: 0 0 0 10px;
    }

        .sidebar .wo_sidebar_pages .user-follow-button button {
            width: 100%;
            border-radius: 4px !important;
            line-height: 38px;
            margin: 0;
            padding: 1px 16px !important;
            font-family: 'Poppins';
            font-weight: 600;
        }

    .product-navigate {
        background: rgba(0, 0, 0, 0);
        position: absolute;
        top: 50%;
        cursor: pointer;
        transform: translate(0, -50%)
    }

        .product-navigate.scrollRight {
            left: -45px
        }

        .product-navigate.scrollLeft {
            right: -45px
        }

        .product-navigate a {
            position: relative;
            padding: 13px 10px;
            font-size: 25px;
            box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3);
            background-color: rgba(255, 255, 255, .98);
            cursor: pointer
        }

            .product-navigate a:hover {
                box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .3)
            }

        .product-navigate.scrollLeft a {
            right: -1px;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px 0 0 4px
        }

        .product-navigate a svg {
            width: 19px;
            height: 19px;
            margin-top: -2px
        }

    /*Sidebar Groups*/
    .sidebar-group-may-know-container {
        margin: 0 5px;
    }

    /*Sidebar Products*/
    .sidebar-product-slider {
        overflow: hidden;
        padding: 5px 10px;
    }

    .wow_side_prods_prnt {
        width: 33.3333333%;
        padding: 0 3px;
        float: left;
    }

    .wow_side_prods {
        text-align: center;
        margin-bottom: 10px;
    }

        .wow_side_prods a {
            text-decoration: none;
            transition: all 0.2s;
            display: block;
            border-radius: 8px;
            padding: 9px 6px 0;
        }

            .wow_side_prods a:hover {
                background: rgb(0 0 0 / 7%);
            }

        .wow_side_prods .avatar {
            position: relative;
            width: 100%;
            text-align: center;
        }

            .wow_side_prods .avatar img {
                width: 60px;
                height: 60px;
                object-fit: cover;
                border-radius: 50%;
            }

        .wow_side_prods .produc_info {
            padding: 8px 2px;
        }

            .wow_side_prods .produc_info span {
                color: #252525;
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 15px;
                line-height: 22px;
            }

            .wow_side_prods .produc_info h4 {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                margin: 3px 0 0;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 15px;
                line-height: 22px;
            }

    .wo_sidebar_products {
        width: 170px !important;
        margin: 6px 6px 10px;
        display: inline-block;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
    }

        .wo_my_products a:hover,
        .wo_sidebar_products a:hover {
            text-decoration: none
        }

        .wo_my_products .avatar img,
        .wo_sidebar_products .avatar img {
            width: 100%
        }

        .wo_my_products .produc_info,
        .wo_sidebar_products .produc_info {
            padding: 7px 10px
        }

            .wo_my_products .produc_info span,
            .wo_sidebar_products .produc_info span {
                font-size: 16px;
                display: block;
                word-break: break-all;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            .wo_my_products .produc_info h4,
            .wo_sidebar_products .produc_info h4 {
                font-size: 14.5px;
                color: #4CAF50;
                font-weight: 700;
                letter-spacing: .3px;
                margin: 7px 0 0;
                display: block;
                word-break: break-all;
                overflow: hidden;
                text-overflow: ellipsis
            }

    /*Sidebar Activity*/
    .activity-container .wow_side_acts {
        border: 0;
    }

        .activity-container .wow_side_acts .notification-list {
            background: transparent;
            padding: 8px 15px;
        }

    .wow_side_acts .notification-user-avatar {
        position: relative;
    }

        .wow_side_acts .notification-user-avatar > span {
            bottom: 0;
            right: 0;
        }

            .wow_side_acts .notification-user-avatar > span svg {
                width: 14px;
                height: 14px;
                margin: 0;
            }

            .wow_side_acts .notification-user-avatar > span .inline_act_emoji {
                margin: 0;
            }

    .wo_sidebar_activity {
        margin-left: 62px;
        display: flex;
    }

        .wo_sidebar_activity > div {
            display: block;
            width: auto;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 14px !important;
        }

            .wo_sidebar_activity > div .main-color,
            .wo_sidebar_activity > div .second-user-color {
                font-size: 14px !important;
                text-overflow: ellipsis;
                overflow: hidden;
                width: 142px;
                height: 1.2em;
                white-space: nowrap;
                display: inline-block;
            }

            .wo_sidebar_activity > div .notification-time span {
                font-size: 12px;
            }

    .no-activities.center-text {
        padding: 5px 5px 20px;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

        .no-activities.center-text:empty {
            padding: 0;
        }

        .no-activities.center-text hr {
            margin: 0 0 20px !important;
        }

        .no-activities.center-text > svg {
            display: block;
            margin: auto;
            display: none;
        }

    #wo_post_stat_button {
        display: flex;
        align-items: stretch;
        flex: 0 0 auto;
        margin: 0 -3px;
    }

        #wo_post_stat_button .stat-item {
            font-weight: 600;
            border-radius: 50%;
            color: #616770;
            font-size: 14.5px;
            line-height: 19px;
            flex: 1;
            width: 100%;
            border: 0;
            box-shadow: none;
            padding: 6px;
            background: transparent;
            transition: all .1s ease-in-out;
            cursor: pointer;
            margin: 0 2.5px;
        }

            #wo_post_stat_button .stat-item:not(.wo-reaction),
            #wo_post_stat_button .stat-item .like-btn {
                font-size: 0;
            }

            #wo_post_stat_button .stat-item .like-btn-mobile {
                display: none;
            }

            #wo_post_stat_button .dropdown.open .stat-item,
            #wo_post_stat_button .stat-item:hover {
                background-color: rgba(29, 33, 41, .04)
            }

            #wo_post_stat_button .stat-item:active,
            #wo_post_stat_button .stat-item:focus {
                background-color: rgba(29, 33, 41, .09)
            }

            #wo_post_stat_button .stat-item svg {
                width: 25px;
                height: 24px;
                margin: 0;
            }

        #wo_post_stat_button .wo-reaction-post.stat-item svg {
            width: 25.74px;
            height: 23px;
            margin: 0 1px 2px;
        }

        #wo_post_stat_button .stat-item svg.flip,
        .comment-container .comment-options svg.flip,
        .blog-comment-item .comment-icons svg.flip,
        .movies-comment-item .comment-icons svg.flip {
            transform: scale(-1);
        }

        #wo_post_stat_button .stat-item.wo-reaction .inline_post_emoji {
            margin: 0;
            width: 21px;
            height: 21px;
        }

            #wo_post_stat_button .stat-item.wo-reaction .inline_post_emoji > .reaction {
                width: 21px;
                height: 21px;
            }

    #wonder-button svg {
        margin-right: 3px
    }

    .show_post_comm_mobi {
        display: none
    }

.post .post-description .post-actions .stat-item {
    margin-top: 0 !important;
    background: transparent;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    padding: 0;
    font-family: 'Convergence';
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
}

        .post .post-description .post-actions .stat-item.cursor {
            cursor: text;
        }

        .post .post-description .post-actions .stat-item svg {
            width: 14px;
            height: 14px;
            margin-top: 0;
            margin-right: 2px;
        }

    .post-description hr {
        margin: 5px -15px !important;
    }

    @keyframes animatetop {
        from {
            top: -4px;
            opacity: 0
        }

        to {
            top: 0;
            opacity: 1
        }
    }

    #wo_comment_combo {
        /*margin-left:-10px;margin-right:-10px;padding:10px 10px 0;margin-top:-10px;*/
        transition: all .2s ease
    }

        #wo_comment_combo.comment-toggle {
            background-color: #fff;
            border-color: #ededed;
            /*display: flex;
            align-items: center;
            flex-direction: row;
            justify-content: space-between;*/
        }

        #wo_comment_combo .textarea {
            height: 38px;
            float: right;
            padding-top: 8px;
            width: calc(100% - 52px);
            background-color: #fafafa00;
            padding-right: 0px;
            border-radius: 14px !important;
            margin: 0px 20px;
            border: 0;
            font-family: 'Convergence';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            text-align: center;
            box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .02), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.02);
        }

        #wo_comment_combo.comment-toggle .textarea {
            border-color: #fff;
            max-height: 100%
        }

        #wo_comment_combo .avatar {
            width: 42px;
            height: 42px;
            border-radius: 50%
        }

        #wo_comment_combo .comment_combo_footer {
            position: relative;
            padding: 8px 4px;
            margin-bottom: -10px;
            background-color: #fff;
            display: none
        }

        #wo_comment_combo.comment-toggle .comment_combo_footer {
            display: block;
            animation: animatetop .2s
        }

        #wo_comment_combo .comment_combo_footer .emo-comment,
        #wo_comment_combo .comment_combo_footer .image-comment,
        #wo_comment_combo .comment_combo_footer .send-comment {
            position: relative;
            display: inline-block;
            right: auto
        }

        #wo_comment_combo .comment_combo_footer .wo_comment_fopt {
            text-align: right
        }

            #wo_comment_combo .comment_combo_footer .wo_comment_fopt .btn:not(.btn-main) {
                padding: 3px 8px;
                background: transparent;
            }

    .wo_single_proimg {
        width: 100%;
        height: 300px;
        object-fit: cover
    }

    .post_foot_actions {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        margin-top: 6px;
    }

        .post_foot_actions .right_stats {
            display: inline-flex;
            align-items: center;
        }

            .post_foot_actions .right_stats .post-actions {
                line-height: 1;
            }

    /*Shared Posts*/
.post .wow_shared_posts {
    padding: 10px;
    box-shadow: 0px 10px 30px rgb(0 35 196 / 20%);
    border-radius: 17px;
    border: 1px solid;
    margin: 0 0 10px;
}

        .post .wow_shared_posts .post-heading {
            padding: 3px;
            height: 65px;
        }

    .wow_shared_posts_p {
        margin-bottom: 12px !important;
        padding: 0 12px;
    }

        .wow_shared_posts_p:empty {
            margin: 3px !important;
            padding: 0;
        }

    .post .wow_shared_posts #fullsizeimg,
    .post .wow_shared_posts .post-fetched-url .fetched-url-text {
        margin-bottom: 0;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-radius: 17px
    }

    .post .wow_shared_posts .wow_post_prod {
        margin: -5px 10px 10px;
    }

    .post .wow_shared_posts .wo_post_fetch_event#fullsizeimg,
    .post .wow_shared_posts .wo_post_fetch_blog#fullsizeimg {
        width: 100%;
        margin: 0 0 12px;
    }

    .post .wow_shared_posts .wo_post_fetch_blog#fullsizeimg {
        margin: 0 0 5px;
    }

    /*Post Product*/
    .wo_post_prod_img {
        margin: 0 -15px;
    }

        .wo_post_prod_img .wo_single_proimg {
            border: 0;
        }

    .wow_post_prod {
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        margin-bottom: -5px;
    }

    .wow_post_prod_name {
        margin: 0 0 5px;
        font-size: 22px;
        font-weight: 400;
    }

    .wow_post_prod_shead {
        padding-bottom: 12px;
        margin-bottom: 12px;
        border-bottom: 1px solid #eee;
        font-size: 15px;
        color: #7d7d7d;
    }

    .wo_post_prod_price {
        font-weight: bold;
        color: #4caf50;
        font-size: 18px;
    }

    .wow_post_prod_infos {
        position: relative;
        padding-left: 30px;
        color: #525252;
        margin-top: 9px;
    }

        .wow_post_prod_infos > svg {
            position: absolute;
            left: 0;
            width: 20px;
            height: 20px;
            top: 0px;
            opacity: 0.7;
        }

        .wow_post_prod_infos p {
            font-weight: normal;
        }

    /*Post Link*/
    .wo_post_fetch_link {
        border: 0;
        background: #f9f9f9;
        border-radius: 10px;
    }

        .wo_post_fetch_link > a {
            display: block;
            padding: 12px;
        }

        .wo_post_fetch_link .post-fetched-url-con {
            position: relative;
            height: 0;
            width: 100%;
            overflow: hidden;
            padding-top: 52%
        }

            .wo_post_fetch_link .post-fetched-url-con img {
                position: absolute;
                display: block;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 10px;
            }

        .wo_post_fetch_link .url {
            font-size: 13px;
            position: absolute;
            max-width: 90%;
            bottom: 0;
            left: 0;
            background-color: #f9f9f9;
            border-radius: 6px;
            padding: 10px 20px;
            margin: 0 -7px 10px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            color: #222;
        }

        .wo_post_fetch_link .fetched-url-text h4 {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 24px !important;
            margin: 15px 0 7px;
        }

        .wo_post_fetch_link .fetched-url-text .description {
            margin-bottom: 0;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 15px !important;
        }

    /*Post Event*/
    .wo_post_fetch_event {
        border: 0;
    }

        .wo_post_fetch_event img {
            width: 100%;
            height: 215px;
            object-fit: cover;
            border-radius: 10px;
        }

        .wo_post_fetch_event .short_start_dt {
            position: absolute;
            margin: 0;
            display: inline-block;
            background-color: white;
            border: 0;
            box-shadow: 0px 6px 6px 2px rgb(71 153 235 / 4%);
            border-radius: 6px;
            top: -50px;
            padding: 10px 13px;
            right: 15px;
        }

            .wo_post_fetch_event .short_start_dt b {
                color: #347AE2;
                font-family: 'Poppins';
                font-weight: 500;
                font-size: 26px;
            }

            .wo_post_fetch_event .short_start_dt span {
                display: block;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 15px;
                text-transform: uppercase;
            }

        .wo_post_fetch_event .fetched-url-text h4 {
            margin: -5px 0 5px;
            display: block;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 24px !important;
        }

        .wo_post_fetch_event .url {
            margin: 3px 0 5px;
            text-transform: lowercase;
            display: inline-block;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
        }

            .wo_post_fetch_event .url svg {
                margin-top: -3px;
            }

    /*Post Blog*/
    .wo_post_fetch_blog {
        border: 0;
    }

        .wo_post_fetch_blog .post-fetched-url-con {
            max-height: 250px;
            height: 250px;
        }

            .wo_post_fetch_blog .post-fetched-url-con img {
                object-fit: cover;
                height: 100%;
            }

        .wo_post_fetch_blog .fetched-url-text,
        .wo_post_fetch_event .fetched-url-text {
            position: relative;
            padding: 30px 0 0;
        }

    .wow_post_blog_ico {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background-color: white;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        padding: 10px 9px;
        top: -26px;
    }

    /*Post Images*/
    #fullsizeimg {
        max-height: 600px;
        margin-left: -15px;
        width: calc(100% + 30px);
        overflow: hidden;
        margin-bottom: 0px;
    }

    .fluid_video_wrapper {
        max-height: 600px;
    }

    #fullsizeimg img {
        max-height: none;
        border: 0;
        padding: 0;
        border-radius: 90
    }

        #fullsizeimg img.fund {
            aspect-ratio: 4/3;
            object-fit: cover;
        }

    .wo_adaptive_media .album-image:first-child .image-file,
    .wo_adaptive_media_4 .album-image:first-child .image-file {
        width: 100%
    }

.wo_adaptive_media {
    display: inline-block;
    /*overflow: hidden;*/
    position: relative;
    width: 100%;
    border-radius: 12px;
    margin-bottom: -6px
}

        .wo_adaptive_media .album-image {
            display: inline-block;
            height: 100%;
            vertical-align: top;
            width: calc(100% / 3 - 1.4px) !important;
            border-radius: 14px;
        }

            .wo_adaptive_media .album-image:first-child {
                margin-right: 1px;
                /*overflow: hidden;*/
                position: relative;
                width: 66.666666666667% !important;
                padding-right: 1px
            }

            .wo_adaptive_media .album-image:last-child .image-file {
                border-top: 1px solid #ffffff00 !important
            }

.wo_adaptive_media_4 {
    display: inline-block;
    /*overflow: hidden;*/
    position: relative;
    width: 100%;
    border-radius: 14px;
    margin-bottom: -6px
}

        .wo_adaptive_media_4 .album-image {
            display: inline-block;
            height: 100%;
            vertical-align: top;
            width: calc(100% / 4 - 2.4px) !important
        }

            .wo_adaptive_media_4 .album-image:first-child {
                margin-right: 1px;
                /*overflow: hidden;*/
                position: relative;
                width: 75% !important;
                padding-right: 2px
            }

            .wo_adaptive_media_4 .album-image .image-file {
                border-top: 3px solid #fff !important
            }

.wo_adaptive_media_5 {
    /*overflow: hidden;*/
    position: relative;
    width: 100%;
    height: 476px;
    border-radius: 14px;
}

        .wo_adaptive_media_5 .album-image {
            display: block;
            position: absolute;
            width: 50% !important;
            overflow: hidden
        }

            .wo_adaptive_media_5 .album-image:first-child {
                top: 0;
                left: 0;
                height: 236px
            }

            .wo_adaptive_media_5 .album-image:nth-child(2) {
                top: 239px;
                left: 0;
                height: 237px
            }

            .wo_adaptive_media_5 .album-image:nth-child(3) {
                top: 0;
                left: 50%;
                height: 157px;
                padding-left: 3px
            }

            .wo_adaptive_media_5 .album-image:nth-child(4) {
                top: 160px;
                left: 50%;
                height: 155px;
                padding-left: 3px
            }

            .wo_adaptive_media_5 .album-image:last-child {
                top: 319px;
                left: 50%;
                height: 157px;
                padding-left: 3px
            }

    .wo_post_privacy_menu svg.feather {
        width: 14px;
        height: 14px;
        margin: -1px 2px 0 4px
    }

    /*Post Ad*/
    .user-ad-container .panel-white {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    }

    .wo_post_ad .wo_post_fetch_blog .post-fetched-url-con {
        max-height: 270px;
        height: 270px;
    }

    /*Post Offer*/
    .wo_post_fetch_offer {
        background: transparent;
        border-radius: 12px;
    }

        .wo_post_fetch_offer .fetched-url-text {
            padding: 12px 20px;
            background: #fafafa;
            border-radius: 12px;
            margin: 15px 0 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }

            .wo_post_fetch_offer .fetched-url-text .wo_jlist_info_date {
                flex: 1 1 auto;
            }

                .wo_post_fetch_offer .fetched-url-text .wo_jlist_info_date p {
                    font-family: 'Inter';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 13px;
                    margin: 0;
                }

                .wo_post_fetch_offer .fetched-url-text .wo_jlist_info_date b {
                    font-family: 'Inter';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 26px;
                    margin: 0;
                }

            .wo_post_fetch_offer .fetched-url-text .btn {
                border-radius: 12px;
                font-family: 'Inter';
                font-style: normal;
                font-weight: 500;
                font-size: 15px;
                flex: 1 1 auto;
                border: 0;
                line-height: 42px;
                padding: 0 20px;
            }

    /*Post Video*/
    body .plyr--video {
        border-radius: 17px;
    }

    body .plyr__control--overlaid {
        width: 76px !important;
        height: 76px;
        border-radius: 20px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='37' viewBox='0 0 36 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.42635 12.5993C2.67505 7.27593 6.8316 3.11938 12.155 1.87068C15.9995 0.968887 20.0005 0.968887 23.845 1.87068C29.1684 3.11938 33.325 7.27594 34.5737 12.5993C35.4754 16.4438 35.4754 20.4448 34.5737 24.2893C33.325 29.6127 29.1684 33.7693 23.845 35.018C20.0005 35.9198 15.9995 35.9198 12.155 35.018C6.8316 33.7693 2.67505 29.6127 1.42635 24.2894C0.52455 20.4449 0.52455 16.4438 1.42635 12.5993Z' stroke='white' stroke-width='1.5'/%3e%3cpath d='M22.1434 16.2798C23.6467 17.2418 23.6466 19.6469 22.1434 20.6089L17.0699 23.8557C15.5666 24.8178 13.6875 23.6152 13.6875 21.6912L13.6875 15.1975C13.6875 13.2734 15.5666 12.0709 17.0699 13.0329L22.1434 16.2798Z' stroke='white' stroke-width='1.5'/%3e%3c/svg%3e ");
        background-repeat: no-repeat;
        background-position: center;
    }

        body .plyr__control--overlaid:hover {
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='37' viewBox='0 0 36 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.42635 12.5993C2.67505 7.27593 6.8316 3.11938 12.155 1.87068C15.9995 0.968887 20.0005 0.968887 23.845 1.87068C29.1684 3.11938 33.325 7.27594 34.5737 12.5993C35.4754 16.4438 35.4754 20.4448 34.5737 24.2893C33.325 29.6127 29.1684 33.7693 23.845 35.018C20.0005 35.9198 15.9995 35.9198 12.155 35.018C6.8316 33.7693 2.67505 29.6127 1.42635 24.2894C0.52455 20.4449 0.52455 16.4438 1.42635 12.5993Z' stroke='white' stroke-width='1.5'/%3e%3cpath d='M22.1434 16.2798C23.6467 17.2418 23.6466 19.6469 22.1434 20.6089L17.0699 23.8557C15.5666 24.8178 13.6875 23.6152 13.6875 21.6912L13.6875 15.1975C13.6875 13.2734 15.5666 12.0709 17.0699 13.0329L22.1434 16.2798Z' stroke='white' stroke-width='1.5'/%3e%3c/svg%3e ") !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
        }

        body .plyr__control--overlaid svg {
            display: none;
        }

    /*Slick Slider*/
    .slick-list,
    .slick-slider,
    .slick-track {
        position: relative;
        display: block
    }

    .slick-slider {
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y
    }

    .slick-list {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

        .slick-list:focus {
            outline: 0
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand
        }

    .slick-slider .slick-list,
    .slick-slider .slick-track {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .slick-track {
        top: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto
    }

        .slick-track:after,
        .slick-track:before {
            display: table
        }

        .slick-track:after {
            clear: both
        }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px
    }

    [dir=rtl] .slick-slide {
        float: right
    }

    .slick-slide img {
        display: block
    }

    .slick-slide.slick-loading img {
        display: none
    }

    .slick-slide.dragging img {
        pointer-events: none
    }

    .slick-initialized .slick-slide {
        display: block
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent
    }

    .slick-arrow.slick-hidden {
        display: none
    }

    .slick-next,
    .slick-prev {
        position: absolute;
        top: 50%;
        display: block;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: #5f5f5f;
        border: none;
        outline: 0;
        z-index: 9;
        background: #fff;
        box-shadow: 0 2px 6px 1px rgba(50, 50, 50, .16);
        width: 50px;
        height: 50px;
        border-radius: 100%;
        text-align: center
    }

        .slick-next svg.feather,
        .slick-prev svg.feather {
            margin: 0;
            width: 31px;
            height: 31px
        }

        .slick-prev svg.feather {
            margin-left: -2px
        }

        .slick-next svg.feather {
            margin-left: 2px
        }

        .slick-next:focus,
        .slick-next:hover,
        .slick-prev:focus,
        .slick-prev:hover {
            color: #222;
            outline: 0;
            box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .3)
        }

        .slick-next.slick-disabled,
        .slick-prev.slick-disabled {
            opacity: 0;
            visibility: hidden
        }

    .slick-prev {
        left: 0
    }

    .slick-next {
        right: 0
    }

    /*Sidebar Pro Users*/
    .wo_pro_users {
        margin: 0;
        padding: 0 6px;
        overflow: hidden;
    }

        .wo_pro_users li {
            width: 25%;
            margin: 0;
            display: inline-block;
            padding: 2px 8px 16px;
            position: relative;
            float: left;
        }

            .wo_pro_users li .user {
                position: relative;
                display: block;
                overflow: hidden;
                text-align: center;
                text-decoration: none;
            }

                .wo_pro_users li .user svg {
                    display: block;
                    margin-bottom: -4px;
                    margin-left: auto;
                    margin-right: auto;
                    transition: all 0.2s;
                }

                .wo_pro_users li .user .user-review-rating-heart-icon svg {
                    margin: 0;
                }

                .wo_pro_users li .user img {
                    width: 45px;
                    height: 45px;
                    aspect-ratio: 1;
                    object-fit: cover;
                    background-color: #e7e7e7;
                    border-radius: 50%;
                    margin: auto;
                    transition: all 0.2s;
                }

                .wo_pro_users li .user:hover img {
                    transform: scale(1.1)
                }

                .wo_pro_users li .user:hover svg {
                    transform: scale(1.2);
                }

                .wo_pro_users li .user span {
                    padding: 8px 2px;
                    display: block;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-family: 'Poppins';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 13px;
                    line-height: 22px;
                }

    .wo_game_list_info .page-website,
    .wo_game_list_info h3,
    .wo_game_style .game-name {
        word-break: break-all;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    /*Modal*/
    .modal.fade {
        text-align: center;
        padding: 0 !important
    }

        .modal.fade:before {
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px
        }

        .modal.fade .modal-dialog {
            -webkit-transform: scale(.8);
            -moz-transform: scale(.8);
            -ms-transform: scale(.8);
            transform: scale(.8);
            opacity: 0;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            margin: auto;
                padding: 30px 0px;
        }

        .modal.fade.in .modal-dialog {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            margin-top: 100px;
        }

    .modal-header .close {
        opacity: .6;
        padding: 4px 8px;
        margin-right: -8px;
        margin-top: -4px;
    }

        .modal-header .close svg {
            width: 15px;
            height: 15px;
            stroke-width: 3;
        }

    .modal-title svg.feather {
        margin-right: 2px;
        width: 17px;
        height: 17px;
    }

    .modal-footer {
        padding: 5px 10px;
        background-color: #fafbfc;
        border-radius: 0 0 4px 4px;
        border-top: 1px solid #e7e8ec;
    }

    /*Pulse Ball Loading*/
    .ball-pulse {
        float: left;
        line-height: 30px;
        margin-left: 10px;
        display: none
    }

        .ball-pulse > div {
            background-color: #3a3c3f;
            border-radius: 100%;
            margin: 0 1px;
            display: inline-block;
            width: 8px;
            height: 8px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both
        }

            .ball-pulse > div:nth-child(1) {
                -webkit-animation: scale-pulse .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
                animation: scale-pulse .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08)
            }

            .ball-pulse > div:nth-child(2) {
                -webkit-animation: scale-pulse .75s -.15s infinite cubic-bezier(.2, .68, .18, 1.08);
                animation: scale-pulse .75s -.15s infinite cubic-bezier(.2, .68, .18, 1.08)
            }

            .ball-pulse > div:nth-child(3) {
                -webkit-animation: scale-pulse .75s -.11s infinite cubic-bezier(.2, .68, .18, 1.08);
                animation: scale-pulse .75s -.11s infinite cubic-bezier(.2, .68, .18, 1.08)
            }

    @-webkit-keyframes scale-pulse {

        0%, 80% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        45% {
            -webkit-transform: scale(.1);
            transform: scale(.1);
            opacity: .7
        }
    }

    @keyframes scale-pulse {

        0%, 80% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        45% {
            -webkit-transform: scale(.1);
            transform: scale(.1);
            opacity: .7
        }
    }

    .no-padding-left-list {
        padding-left: 0px !important;
        margin-bottom: 0px !important;
    }

    .no-activities-profile {
        font-size: 16px;
    }

    /*Lightbox*/
    .wo_image_lightbox {
        width: 100%;
        margin-top: 0
    }

        .wo_image_lightbox .wo_lbox_topbar {
            background-color: rgba(0, 0, 0, .4)
        }

    .wo_lbox_topbar {
        top: 0;
        z-index: 1035;
        position: fixed;
        left: 0;
        width: 100%;
        height: 45px
    }

        .wo_lbox_topbar .lbox_topbar_child {
            margin: 0 25px;
            user-select: none
        }

            .wo_lbox_topbar .lbox_topbar_child span {
                padding: 10px 1px;
                margin: 0 5px;
                height: 45px;
                display: inline-block
            }

            .wo_lbox_topbar .lbox_topbar_child svg.feather {
                margin-top: 0;
                width: 25px;
                height: 25px;
                color: #b5b5b5;
                transition: all .2s ease-in-out;
                cursor: pointer
            }

                .wo_lbox_topbar .lbox_topbar_child svg.feather:hover {
                    color: #fff
                }

    .wo_image_lightbox .story-img {
        display: table;
        width: 100%;
        min-width: 900px;
        max-width: 900px;
        background: 0 0;
        position: relative;
        margin: 0 auto;
        height: 100%
    }

        .wo_image_lightbox .story-img .changer {
            background: 0 0;
            top: 0;
            width: 60px;
            height: 100%;
            display: block !important;
            margin-bottom: 0
        }

            .wo_image_lightbox .story-img .changer svg.feather {
                margin-top: 0;
                width: 45px;
                height: 45px;
                color: rgba(255, 255, 255, .45);
                transition: all .2s ease-in-out;
                top: 50%;
                left: 50%;
                position: absolute;
                transform: translate(-50%, -50%)
            }

            .wo_image_lightbox .story-img .changer:hover svg.feather {
                color: #fff
            }

            .wo_image_lightbox .story-img .changer.next-btn {
                right: -70px
            }

            .wo_image_lightbox .story-img .changer.previous-btn {
                left: -70px
            }

        .wo_image_lightbox .story-img img {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0;
            -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0;
            -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0;
            transition: transform .3s cubic-bezier(0, 0, .25, 1) 0;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            pointer-events: none
        }

            .wo_image_lightbox .story-img img.double_zoom {
                -webkit-transform: scale3d(2, 2, 1);
                transform: scale3d(2, 2, 1)
            }

    .wo_imagecombo_lbox {
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #00000054;
        margin-top: 0px;
        margin: auto;
        /*max-width: 1040px;*/
    }

        .wo_imagecombo_lbox .story-img {
            height: 100%;
            position: relative;
            display: flex;
            flex-direction: column;
            margin-right: 380px;
            width: calc(100% - 380px);
            /* align-items: center;*/
        }

            .wo_imagecombo_lbox .story-img .wo_lbox_topbar {
                background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
                background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
                height: 48px;
                padding: 8px;
                position: absolute;
                top: 0;
                right: 0
            }

                .wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child {
                    margin: 0
                }

                    .wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child span {
                        padding: 3px 1px;
                        height: 33px
                    }

                        .wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child span svg {
                            width: 22px;
                            height: 22px
                        }

            .wo_imagecombo_lbox .story-img img {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
                -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0;
                -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0;
                -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0;
                transition: transform .3s cubic-bezier(0, 0, .25, 1) 0;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                backface-visibility: hidden;
                pointer-events: none
            }

                .wo_imagecombo_lbox .story-img img.double_zoom {
                    -webkit-transform: scale3d(2, 2, 1);
                    transform: scale3d(2, 2, 1)
                }

            .wo_imagecombo_lbox .story-img .changer {
                background: 0 0;
                top: 0;
                width: 60px;
                height: 100%;
                margin-bottom: 0;
                z-index: 1034;
                background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
            }

                .wo_imagecombo_lbox .story-img .changer svg.feather {
                    margin-top: 0;
                    width: 65px;
                    height: 65px;
                    color: rgba(255, 255, 255, .55);
                    transition: all .2s ease-in-out;
                    top: 50%;
                    left: 50%;
                    position: absolute;
                    transform: translate(-50%, -50%);
                }

                .wo_imagecombo_lbox .story-img .changer:hover svg.feather {
                    color: #fff
                }

                .wo_imagecombo_lbox .story-img .changer.next-btn {
                    right: 0;
                    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
                }

/* Mobile-only styles */
@media (max-width: 767px) {
    .wo_imagecombo_lbox .comment-section {
        width: 100%; /* Full width for mobile screens */
        height: calc(100vh - 70px); /* Adjusted height for mobile, accounting for top margin */
        position: fixed;
        top: 95px; /* Starts below a top margin of 95px */
        right: 0;
        display: block;
        padding: 0;
        border-radius: 0;
        background: #f8f8f8;
        overflow-y: auto; /* Uncomment if scrolling is required */
        border-top: solid;
        border-top-width: 0px;
        max-height: 730px;
    }
}

/* Desktop-only styles */
@media (min-width: 768px) {
    .wo_imagecombo_lbox .comment-section {
        width: 50%; /* Adjusted width for desktop screens */
        height: calc(100vh - 196px); /* Adjusted height for desktop */
        position: fixed;
        top: 99px; /* Adjusted top margin for desktop */
        right: 79px; /* Add some space from the right */
        display: block;
        padding: 20px; /* Added padding for better desktop styling */
        border-radius: 16px; /* Rounded corners for a desktop aesthetic */
        background: #ffffff; /* Background color for desktop */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for desktop */
    }
}
    .wo_imagecombo_lbox .reels-section {
        display: none !important;
    }

    @media (min-width: 1300px) {
        .wo_imagecombo_lbox {
            max-width: 1500px;
            max-height: 750px;
            border-radius: 16px;
            margin-bottom: 97px;
        }

        .lightbox-content .story-img img {
            max-height: calc(750px - 58px);
            max-height: 750px;
        }

        .sun_img_innr {
            height: 100% !important;
        }

        .wo_imagecombo_lbox .story-img {
            margin-right: 450px;
            width: calc(100% - 450px);
        }

        .wo_imagecombo_lbox .comment-section {
            width: 450px;
        }
    }

    .comment-section-inner {
        display: block;
    }

        .comment-section-inner .comment-inner-header {
            padding: 16px 8px 16px 16px
        }

            .comment-section-inner .comment-inner-header .close-lightbox {
                padding: 8px;
                margin: 0;
                margin-top: -18px;
            }

            .comment-section-inner .comment-inner-header h6 {
                margin-bottom: 3px
            }

    .wo_imagecombo_lbox .comment-section-inner .comment-inner-footer {
        position: relative;
        height: calc(100% - 126px);
        box-shadow: none;
        padding: 0;
        background-color: #fafafa
    }

        .wo_imagecombo_lbox .comment-section-inner .comment-inner-footer .view-more-wrapper {
            margin: 0 16px 7px;
            padding: 5px 0 0
        }

    .wo_imagecombo_lbox .lightbox-post-footer.post-comments {
        padding: 4.5px 15px;
        height: 60px;
        z-index: 5;
        flex: 0 0 auto;
        vertical-align: bottom;
        margin-top: -14px;
        box-shadow: rgba(0, 35, 196, 0.04) 0px 10px 10px -5px;
        border-radius: 20px;
        /* box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .02), /* Shadow at the top */ /* inset 0px -4px 6px rgba(0, 35, 196, 0.02);*/
    }
    
    /* Desktop Only */
@media (min-width: 992px) {
    .wo_imagecombo_lbox .lightbox-post-footer.post-comments {
        height: 60px;
        z-index: 5;
        flex: 0 0 auto;
        vertical-align: bottom;
        margin-top: -36px;
        box-shadow: rgba(0, 35, 196, 0.04) 0px 10px 10px -5px;
        border-radius: 20px;
        /* box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .02), inset 0px -4px 6px rgba(0, 35, 196, 0.02); */
    }
}

    .wo_imagecombo_lbox .lightbox-post-footer .post-commet-textarea {
        display: flex;
        align-items: center;
        padding: 0;
    }

        .wo_imagecombo_lbox .lightbox-post-footer .post-commet-textarea img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            flex: 0 0 auto;
            margin-right: 12px;
        }

    .wo_imagecombo_lbox .lightbox-post-footer .comment-textarea {
        border: none;
        padding: 12px;
        height: 46px;
        border-radius: 13px !important;
    }

    .wo_imagecombo_lbox .lightbox-post-footer .emo-comment {
        top: 6px;
    }

    .wo_imagecombo_lbox .lightbox-post-footer .comments-list {
        padding: 0px 15px;
    }

        .wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment-heading {
            border: 0px solid #e4e4e4;
            border-radius: 10px;
            padding: 0px 12px;
        }

        .wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment_edele_options {
            display: none
        }

        .wo_imagecombo_lbox .lightbox-post-footer .comments-list .reply .reply-heading {
            display: block;
            width: 100%
        }

        .wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body {
            margin-left: 50px;
            padding: 15px 0px;
        }

        .wo_imagecombo_lbox .lightbox-post-footer .comments-list .reply .comment-body {
            margin-left: 40px;
            margin-top: -3px
        }

        .wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body:hover .comment_edele_options {
            visibility: visible
        }

        .wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body .comment-replies .wo_commreply_combo textarea.form-control {
            height: 32px
        }

        .wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment > .comments-list {
            margin-left: 50px
        }

        .wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-reply input {
            margin: -10px 0 0;
            padding: 12px;
            height: 46px;
            border-radius: 9px !important;
            border: 0;
            font-size: 14px;
        }

    .wo_imagecombo_lbox .lightbox-post-footer .comment-options {
        margin-top: 6px;
        margin-bottom: 20px;;
        height: 13.5px;
    }

    .wo_imagecombo_lbox .lightbox-post-footer .comment {
        display: block;
        width: 100%;
        margin: -30px 0;
    }

        .wo_imagecombo_lbox .lightbox-post-footer .comment:empty {
            margin: 0;
        }

        .wo_imagecombo_lbox .lightbox-post-footer .comment .avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 1px solid #f4f4f4
        }

        /*.wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading{display:flex;}*/
        .wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading .user {
            display: inline;
            margin-top: 0;
            color: #050505;
            font-size: 16px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
        }

        .wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading .time {
            color: #aaa;
            margin-top: 0;
            display: inline;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
        }

        .wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading .comment-text {
            margin-top: 7px;
        }

    .wo_imagecombo_lbox .lightbox-post-footer .input-group-addon a {
        color: #444
    }

    .sun_img_innr {
        position: relative;
        display: table;
        height: calc(100% - 58px);
    }

.wow_lightbox_right {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
    /*overflow: hidden;*/
}

        .wow_lightbox_right .comment-section-inner {
            position: relative;
            min-height: 0px !important;
            max-height: 210px !important;
            overflow-y: auto !important;
        }

            .wow_lightbox_right .comment-section-inner .like-emo > .how_reacted:nth-child(1) {
                margin-left: 0px;
            }

            .wow_lightbox_right .comment-section-inner .post_foot_actions {
                margin: 0;
                padding: 0 15px;
            }

            .wow_lightbox_right .comment-section-inner #wo_post_stat_button {
                width: auto;
                border: 0;
                padding: 0;
            }

                .wow_lightbox_right .comment-section-inner #wo_post_stat_button .stat-item {
                    background: transparent;
                }
/* Mobile-only styles */
@media (max-width: 767px) {
    .wow_lightbox_right .comment-inner-footer {
        height: calc(100vh - 340px) !important;
        min-height: calc(100vh - 340px) !important;
        max-height: calc(100vh - 340px) !important;
        overflow-y: auto !important;

        flex: 0 0 calc(100vh - 340px) !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;

        padding: 10px;
        margin: 50px 0px;
        border-radius: 15px;
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .06);

    }
}

/* Desktop-only styles */
@media (min-width: 768px) {
    .wow_lightbox_right .comment-inner-footer {
        width: 100%;
        overflow-y: auto;
        -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
        flex-grow: 1;
        padding: 10px;
        max-height: 673px;
        margin-top: 15px;
    }
}

    .wow_lightbox_right .load-more-comments {
        margin: 6px 10px -3px;
    }

    .wow_lightbox_right .post-info .post-text p:empty {
        margin: 0;
    }

    .wo_imagecombo_lbox .story-img .sun_light_tool {
        bottom: 0;
        width: 100%;
        top: auto;
        background: transparent;
        display: flex;
        align-items: center;
        height: 58px;
    }

        .wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child {
            display: flex;
            align-items: center;
        }

            .wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child.right {
                margin-left: auto;
            }

            .wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span {
                height: auto;
                cursor: pointer;
            }

                .wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span,
                .wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span a {
                    color: #a5a5a5;
                    transition: all 0.2s;
                    text-decoration: none;
                }

                    .wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span:hover,
                    .wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span a:hover {
                        color: #fff;
                    }


            .wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child.white {
                height: 40px;
                background: #f8f8f8c7;
                border-radius: 30px;
                margin: 0 -8px;
            }

                .wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child.white span.changer {
                    display: block !important;
                    position: relative;
                    background: transparent;
                    width: auto;
                    margin: 0;
                    padding: 17px;
                    line-height: 1;
                }

                .wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child.white span svg {
                    color: #444;
                    position: relative;
                    top: auto;
                    transform: none;
                    left: auto;
                    right: auto;
                    margin: 0;
                    padding: 0;
                    width: 24px;
                    height: 24px;
                }

                .wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child.white span:hover {
                }

    .wow_lightbox_right .lightbox-no-comments {
        text-align: center;
        margin: 100px 0 20px;
        color: #696969;
        padding: 0 10px;
    }

        .wow_lightbox_right .lightbox-no-comments svg {
            width: 70px;
            height: 70px;
            filter: grayscale(1);
            opacity: 0.5;
        }

    /*Settings*/
    .wo_setting_showpage {
        padding-right: 45px
    }

    .wo_setting_sidebar {
        width: 75px;
        right: 10px;
        top: 0;
        position: absolute;
        padding: 0;
        text-align: center;
        z-index: 1;
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, .06);
        box-shadow: 0 0 44px 0 rgba(0, 0, 0, .17)
    }

        .wo_setting_sidebar ul {
            margin: 0;
            border: 0;
            box-shadow: none;
            overflow: visible
        }

            .wo_setting_sidebar ul .list-group-item {
                padding: 0;
                height: 100%;
                border: 0
            }

                .wo_setting_sidebar ul .list-group-item a {
                    padding: 13px 5px;
                    position: relative
                }

                .wo_setting_sidebar ul .list-group-item.avtive a {
                    background-color: rgba(0, 0, 0, .1)
                }

                .wo_setting_sidebar ul .list-group-item a svg.feather {
                    opacity: .6
                }

                .wo_setting_sidebar ul .list-group-item.avtive a svg.feather {
                    opacity: 1
                }

                .wo_setting_sidebar ul .list-group-item .report-not-seen {
                    position: absolute;
                    top: 3px;
                    right: 5px;
                    background-color: #f0f2f5;
                    color: #ea1e1e;
                    line-height: 1.1;
                    height: 16px;
                    padding: 2px 3px
                }

    .wo_settings_page {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
        background-color: #fff;
        border-radius: 2px;
        padding: 15px 55px 15px 15px;
        margin-bottom: 20px
    }

    .wo_terms_page h3 {
        font-size: 19px;
        color: #787878;
        padding: 20px 20px 20px 15px;
        margin: -15px -15px 7px;
        border-bottom: 1px solid #e7e7e7;
        background-color: #f5f5f5
    }

    .wo_settings_page .avatar-holder {
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        margin: 5px 0 0;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        padding: 20px 20px;
        position: relative;
        display: flex;
        align-items: center;
        background-color: rgb(0 0 0 / 4%);
        border: 2px solid rgb(0 0 0 / 8%);
    }

        .wo_settings_page .avatar-holder::after {
            content: '';
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z'%3e%3c/path%3e%3c/svg%3e");
            position: absolute;
            top: 74px;
            left: 74px;
            width: 30px;
            height: 30px;
            background-size: 20px;
            background-repeat: no-repeat;
            background-position: center;
            background-color: #363636;
            box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 10%) 0px 2px 4px -2px;
            border-radius: 50%;
            z-index: 9;
        }

        .wo_settings_page .avatar-holder.profile {
            color: #00bcd4;
            background-color: rgb(0 188 212 / 4%);
            border-color: rgb(0 188 212 / 8%);
        }

            .wo_settings_page .avatar-holder.profile::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,8.39C13.57,9.4 15.42,10 17.42,10C18.2,10 18.95,9.91 19.67,9.74C19.88,10.45 20,11.21 20,12C20,16.41 16.41,20 12,20C9,20 6.39,18.34 5,15.89L6.75,14V13A1.25,1.25 0 0,1 8,11.75A1.25,1.25 0 0,1 9.25,13V14H12M16,11.75A1.25,1.25 0 0,0 14.75,13A1.25,1.25 0 0,0 16,14.25A1.25,1.25 0 0,0 17.25,13A1.25,1.25 0 0,0 16,11.75Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #00bcd4;
            }

        .wo_settings_page .avatar-holder.security {
            color: #f9bd54;
            background-color: rgb(249 189 84 / 4%);
            border-color: rgb(249 189 84 / 8%);
        }

            .wo_settings_page .avatar-holder.security::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,12H19C18.47,16.11 15.72,19.78 12,20.92V12H5V6.3L12,3.19M12,1L3,5V11C3,16.55 6.84,21.73 12,23C17.16,21.73 21,16.55 21,11V5L12,1Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #f9bd54;
            }

        .wo_settings_page .avatar-holder.social {
            color: #1da1f2;
            background-color: rgb(29 161 242 / 4%);
            border-color: rgb(29 161 242 / 8%);
        }

            .wo_settings_page .avatar-holder.social::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M13.94,14.81L11.73,17C11.08,17.67 10.22,18 9.36,18C8.5,18 7.64,17.67 7,17C5.67,15.71 5.67,13.58 7,12.26L8.35,10.9L8.34,11.5C8.33,12 8.41,12.5 8.57,12.94L8.62,13.09L8.22,13.5C7.91,13.8 7.74,14.21 7.74,14.64C7.74,15.07 7.91,15.47 8.22,15.78C8.83,16.4 9.89,16.4 10.5,15.78L12.7,13.59C13,13.28 13.18,12.87 13.18,12.44C13.18,12 13,11.61 12.7,11.3C12.53,11.14 12.44,10.92 12.44,10.68C12.44,10.45 12.53,10.23 12.7,10.06C13.03,9.73 13.61,9.74 13.94,10.06C14.57,10.7 14.92,11.54 14.92,12.44C14.92,13.34 14.57,14.18 13.94,14.81M17,11.74L15.66,13.1V12.5C15.67,12 15.59,11.5 15.43,11.06L15.38,10.92L15.78,10.5C16.09,10.2 16.26,9.79 16.26,9.36C16.26,8.93 16.09,8.53 15.78,8.22C15.17,7.6 14.1,7.61 13.5,8.22L11.3,10.42C11,10.72 10.82,11.13 10.82,11.56C10.82,12 11,12.39 11.3,12.7C11.47,12.86 11.56,13.08 11.56,13.32C11.56,13.56 11.47,13.78 11.3,13.94C11.13,14.11 10.91,14.19 10.68,14.19C10.46,14.19 10.23,14.11 10.06,13.94C8.75,12.63 8.75,10.5 10.06,9.19L12.27,7C13.58,5.67 15.71,5.68 17,7C17.65,7.62 18,8.46 18,9.36C18,10.26 17.65,11.1 17,11.74Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #1da1f2;
            }

        .wo_settings_page .avatar-holder.invite {
            color: #e91e63;
            background-color: rgb(233 30 99 / 4%);
            border-color: rgb(233 30 99 / 8%);
        }

            .wo_settings_page .avatar-holder.invite::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M7,7H11V9H7A3,3 0 0,0 4,12A3,3 0 0,0 7,15H11V17H7A5,5 0 0,1 2,12A5,5 0 0,1 7,7M17,7A5,5 0 0,1 22,12H20A3,3 0 0,0 17,9H13V7H17M8,11H16V13H8V11M17,12H19V15H22V17H19V20H17V17H14V15H17V12Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #e91e63;
            }

        .wo_settings_page .avatar-holder.design {
            color: #8bc34a;
            background-color: rgb(139 195 74 / 4%);
            border-color: rgb(139 195 74 / 8%);
        }

            .wo_settings_page .avatar-holder.design::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M20.71,4.63L19.37,3.29C19,2.9 18.35,2.9 17.96,3.29L9,12.25L11.75,15L20.71,6.04C21.1,5.65 21.1,5 20.71,4.63M7,14A3,3 0 0,0 4,17C4,18.31 2.84,19 2,19C2.92,20.22 4.5,21 6,21A4,4 0 0,0 10,17A3,3 0 0,0 7,14Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #8bc34a;
            }

        .wo_settings_page .avatar-holder.blocked {
            color: #e0624b;
            background-color: rgb(224 98 75 / 4%);
            border-color: rgb(224 98 75 / 8%);
        }

            .wo_settings_page .avatar-holder.blocked::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M15,14C17.67,14 23,15.33 23,18V20H7V18C7,15.33 12.33,14 15,14M15,12A4,4 0 0,1 11,8A4,4 0 0,1 15,4A4,4 0 0,1 19,8A4,4 0 0,1 15,12M5,9.59L7.12,7.46L8.54,8.88L6.41,11L8.54,13.12L7.12,14.54L5,12.41L2.88,14.54L1.46,13.12L3.59,11L1.46,8.88L2.88,7.46L5,9.59Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #e0624b;
            }

        .wo_settings_page .avatar-holder.notifications {
            color: #673ab7;
            background-color: rgb(103 58 183 / 4%);
            border-color: rgb(103 58 183 / 8%);
        }

            .wo_settings_page .avatar-holder.notifications::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #673ab7;
            }

        .wo_settings_page .avatar-holder.addresses {
            color: #607d8b;
            background-color: rgb(96 125 139 / 4%);
            border-color: rgb(96 125 139 / 8%);
        }

            .wo_settings_page .avatar-holder.addresses::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,2C15.31,2 18,4.66 18,7.95C18,12.41 12,19 12,19C12,19 6,12.41 6,7.95C6,4.66 8.69,2 12,2M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M20,19C20,21.21 16.42,23 12,23C7.58,23 4,21.21 4,19C4,17.71 5.22,16.56 7.11,15.83L7.75,16.74C6.67,17.19 6,17.81 6,18.5C6,19.88 8.69,21 12,21C15.31,21 18,19.88 18,18.5C18,17.81 17.33,17.19 16.25,16.74L16.89,15.83C18.78,16.56 20,17.71 20,19Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #607d8b;
            }

        .wo_settings_page .avatar-holder.earning {
            color: #ff9800;
            background-color: rgb(255 152 0 / 4%);
            border-color: rgb(255 152 0 / 8%);
        }

            .wo_settings_page .avatar-holder.earning::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M15,14V11H18V9L22,12.5L18,16V14H15M14,7.7V9H2V7.7L8,4L14,7.7M7,10H9V15H7V10M3,10H5V15H3V10M13,10V12.5L11,14.3V10H13M9.1,16L8.5,16.5L10.2,18H2V16H9.1M17,15V18H14V20L10,16.5L14,13V15H17Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #ff9800;
            }

        .wo_settings_page .avatar-holder.delete {
            color: #f44336;
            background-color: rgb(244 67 54 / 4%);
            border-color: rgb(244 67 54 / 8%);
        }

            .wo_settings_page .avatar-holder.delete::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #f44336;
            }

        .wo_settings_page .avatar-holder.verification {
            color: #2196f3;
            background-color: rgb(33 150 243 / 4%);
            border-color: rgb(33 150 243 / 8%);
        }

            .wo_settings_page .avatar-holder.verification::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #2196f3;
            }

        .wo_settings_page .avatar-holder.info::after {
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3e%3cpath d='M17,9H7V7H17M17,13H7V11H17M14,17H7V15H14M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z'%3e%3c/path%3e%3c/svg%3e");
            background-color: #607d8b;
        }

        .wo_settings_page .avatar-holder.avatarr {
            color: #1da1f2;
            background-color: rgb(33 150 243 / 4%);
            border-color: rgb(33 150 243 / 8%);
        }

            .wo_settings_page .avatar-holder.avatarr::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M4,4H7L9,2H15L17,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #1da1f2;
            }

        .wo_settings_page .avatar-holder.privacy {
            color: #673ab7;
            background-color: rgb(103 58 183 / 4%);
            border-color: rgb(103 58 183 / 8%);
        }

            .wo_settings_page .avatar-holder.privacy::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M17.13,17C15.92,18.85 14.11,20.24 12,20.92C9.89,20.24 8.08,18.85 6.87,17C6.53,16.5 6.24,16 6,15.47C6,13.82 8.71,12.47 12,12.47C15.29,12.47 18,13.79 18,15.47C17.76,16 17.47,16.5 17.13,17Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #673ab7;
            }

        .wo_settings_page .avatar-holder.password {
            color: #00bcd4;
            background-color: rgb(0 188 212 / 4%);
            border-color: rgb(0 188 212 / 8%);
        }

            .wo_settings_page .avatar-holder.password::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: #00bcd4;
            }

        .wo_settings_page .avatar-holder.sessions {
            color: blueviolet;
            background-color: rgb(138 43 226 / 4%);
            border-color: rgb(138 43 226 / 8%);
        }

            .wo_settings_page .avatar-holder.sessions::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: blueviolet;
            }

        .wo_settings_page .avatar-holder.two_factor {
            color: blue;
            background-color: rgb(0 0 255 / 4%);
            border-color: rgb(0 0 255 / 8%);
        }

            .wo_settings_page .avatar-holder.two_factor::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M2,7V9H6V11H4A2,2 0 0,0 2,13V17H8V15H4V13H6A2,2 0 0,0 8,11V9C8,7.89 7.1,7 6,7H2M9,7V17H11V13H14V11H11V9H15V7H9M18,7A2,2 0 0,0 16,9V17H18V14H20V17H22V9A2,2 0 0,0 20,7H18M18,9H20V12H18V9Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: blue;
            }

        .wo_settings_page .avatar-holder.my_earnings {
            color: green;
            background-color: rgb(0 128 0 / 4%);
            border-color: rgb(0 128 0 / 8%);
        }

            .wo_settings_page .avatar-holder.my_earnings::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M5,6H23V18H5V6M14,9A3,3 0 0,1 17,12A3,3 0 0,1 14,15A3,3 0 0,1 11,12A3,3 0 0,1 14,9M9,8A2,2 0 0,1 7,10V14A2,2 0 0,1 9,16H19A2,2 0 0,1 21,14V10A2,2 0 0,1 19,8H9M1,10H3V20H19V22H1V10Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: green;
            }

        .wo_settings_page .avatar-holder.affiliates {
            color: chocolate;
            background-color: rgb(210 105 30 / 4%);
            border-color: rgb(210 105 30 / 8%);
        }

            .wo_settings_page .avatar-holder.affiliates::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: chocolate;
            }

        .wo_settings_page .avatar-holder.points {
            color: coral;
            background-color: rgb(255 127 80 / 4%);
            border-color: rgb(255 127 80 / 8%);
        }

            .wo_settings_page .avatar-holder.points::after {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M15 4A8 8 0 1 1 7 12A8 8 0 0 1 15 4M3 12A6 6 0 0 0 7 17.65V19.74A8 8 0 0 1 7 4.26V6.35A6 6 0 0 0 3 12Z'%3e%3c/path%3e%3c/svg%3e");
                background-color: coral;
            }

        .wo_settings_page .avatar-holder .avatar {
            border-radius: 50%;
            max-width: 80px;
            height: 80px;
            position: relative;
            z-index: 9;
            min-width: 80px;
        }

        .wo_settings_page .avatar-holder h5 {
            font-size: 17px;
            margin: 0;
        }

            .wo_settings_page .avatar-holder h5 a {
                text-decoration: none;
                color: inherit;
            }

        .wo_settings_page .avatar-holder p {
            font-weight: bold;
            font-size: 28px;
            margin: 0;
        }

        .wo_settings_page .avatar-holder .btn.btn-danger {
            margin-top: 10px;
            line-height: 31px;
            padding: 0 16px;
            font-size: 14px;
            border-radius: 2em;
            background-color: #f44336;
        }

        .wo_settings_page .avatar-holder .btn-glossy {
            color: #fff;
            background: rgba(255, 255, 255, .3);
        }

        .wo_settings_page .avatar-holder .infoz {
            position: relative;
            z-index: 9;
            padding: 0 20px;
        }

        .wo_settings_page .avatar-holder + hr {
            display: none;
        }

    .wo_settings_page .setting-panel .show-upgrades #upgrade-button,
    .wo_settings_page .setting-panel .wo_sett_upgrade {
        background-color: #03A9F4;
        color: #fff;
        border-radius: 2px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
        text-transform: uppercase;
        font-weight: bold;
        text-decoration: none;
    }

    .wo_settings_page .setting-panel hr {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        /* margin-right: 0px; */
        /* display: none; */
        border-top: 1px solid #eee;
    }

    .wo_settings_page .setting-panel .wo_sett_upgrade {
        padding: 6px 13px;
        margin: 5px 15px 4px;
        display: inline-block
    }

    .wo_settings_page .setting-panel .show-upgrades #upgrade-button {
        padding: 11px 13px;
        border: 0;
        width: 110px;
        text-align: center
    }

    .wo_settings_page .setting-panel-mdbtn {
        padding: 9px 18px !important;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
        text-transform: uppercase;
        font-weight: 700;
        margin: 2px 55px
    }

        .wo_settings_page .setting-panel-mdbtn svg.feather {
            width: 16px;
            height: 16px;
            margin: -2px 5px 0 0
        }

    .wo_settings_page .last-sett-btn {
        margin-right: -55px;
        margin-bottom: -15px
    }

    .wo_settings_page .wo_delete_account {
        margin-left: auto;
        position: relative;
        display: table;
        line-height: 45px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: .4px;
        color: #151720
    }

    .wo_settings_page .wo_design_button {
        width: 180px;
        display: table;
        min-height: 180px;
        overflow: hidden;
        border: 2px dashed #ccc;
        background: #fff;
        padding: 5px
    }

        .wo_settings_page .wo_design_button.w-100 {
            width: 100%;
        }

        .wo_settings_page .wo_design_button span {
            vertical-align: middle;
            display: table-cell;
            text-align: center;
            color: #666
        }

        .wo_settings_page .wo_design_button svg.feather {
            margin-top: 0;
            width: 45px;
            height: 45px;
            color: #cecece
        }

    .wo_settings_page .setting-update-alert {
        margin: 20px 0 10px;
    }

        .wo_settings_page .setting-update-alert:empty {
            margin: 0;
        }

    .wo_settings_page .alert {
        margin: 20px 0 10px;
    }

    .wow_sett_sidebar {
        padding: 0;
        margin-bottom: 20px;
    }

        .wow_sett_sidebar > ul {
            margin: 0;
            padding: 10px 13px;
        }

            .wow_sett_sidebar > ul hr {
                border-color: #e8e8e8;
                margin: 12px 0 !important;
            }

            .wow_sett_sidebar > ul > li > a {
                display: block;
                font-size: 14px;
                padding: 7px 5px;
                min-width: 88px;
                text-decoration: none;
                transition: background-color .4s cubic-bezier(.25, .8, .25, 1);
                font-family: 'Convergence';
                font-weight: 500;
                color: #333;
                border-radius: 16px;
                margin: 5px 0;
            }

                .wow_sett_sidebar > ul > li > a:hover,
                .wow_sett_sidebar .wow_sett_submenu > ul li a:hover {
                    background-color: rgba(158, 158, 158, 0.05);
                }

            .wow_sett_sidebar > ul > li.active > a {
                color: #5d5f93;
                background-color: #FAFAFA;
                box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .09), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.09);
            }

            /*.wow_sett_sidebar > ul > li.profile.active > a {
    color: #00bcd4;
    box-shadow: inset -3px 0px #00bcd4;
}
.wow_sett_sidebar > ul > li.experience.active > a {
    color: #7e84f6;
    box-shadow: inset -3px 0px #7e84f6;
}
.wow_sett_sidebar > ul > li.certifications.active > a {
    color: #f6977e;
    box-shadow: inset -3px 0px #f6977e;
}
.wow_sett_sidebar > ul > li.projects.active > a {
    color: gray;
    box-shadow: inset -3px 0px gray;
}
.wow_sett_sidebar > ul > li.social.active > a {
    color: #1da1f2;
    box-shadow: inset -3px 0px #1da1f2;
}
.wow_sett_sidebar > ul > li.invitation.active > a {
    color: #e91e63;
    box-shadow: inset -3px 0px #e91e63;
}
.wow_sett_sidebar > ul > li.notifications.active > a {
    color: #673ab7;
    box-shadow: inset -3px 0px #673ab7;
}
.wow_sett_sidebar > ul > li.design.active > a {
    color: #5cb85c;
    box-shadow: inset -3px 0px #5cb85c;
}
.wow_sett_sidebar > ul > li.sessions.active > a {
    color: blueviolet;
    box-shadow: inset -3px 0px blueviolet;
}
.wow_sett_sidebar > ul > li.two_factor.active > a {
    color: blue;
    box-shadow: inset -3px 0px blue;
}
.wow_sett_sidebar > ul > li.blocked.active > a {
    color: #e0624b;
    box-shadow: inset -3px 0px #e0624b;
}
.wow_sett_sidebar > ul > li.my_info.active > a {
    color: #607d8b;
    box-shadow: inset -3px 0px #607d8b;
}
.wow_sett_sidebar > ul > li.verification.active > a {
    color: #2196f3;
    box-shadow: inset -3px 0px #2196f3;
}
.wow_sett_sidebar > ul > li.earnings.active > a {
    color: green;
    box-shadow: inset -3px 0px green;
}
.wow_sett_sidebar > ul > li.affiliates.active > a {
    color: chocolate;
    box-shadow: inset -3px 0px chocolate;
}
.wow_sett_sidebar > ul > li.points.active > a {
    color: coral;
    box-shadow: inset -3px 0px coral;
}
.wow_sett_sidebar > ul > li.delete.active > a {
    color: #f44336;
    box-shadow: inset -3px 0px #f44336;
}*/
            .wow_sett_sidebar > ul > li > a svg {
                height: 32px;
                width: 32px;
                margin: auto 13px auto 0;
                background-color: rgb(0 0 0 / 5%);
                border-radius: 50%;
                padding: 7px;
            }

            .wow_sett_sidebar > ul > li > a span {
                position: relative;
                height: 31px;
                width: 31px;
                margin: auto 10px auto 0;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                vertical-align: middle;
            }

                .wow_sett_sidebar > ul > li > a span:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    background: #fafafa;
                    border-radius: 10px;
                }

                .wow_sett_sidebar > ul > li > a span svg {
                    position: relative;
                    height: 18px;
                    width: 18px;
                    padding: 0;
                    border-radius: 0;
                    margin: auto;
                    background: transparent;
                }

        .wow_sett_sidebar .wow_sett_submenu > a span svg {
            margin: 10px 0;
            height: 17px;
            width: 17px;
        }

        .wow_sett_sidebar .wow_sett_submenu > ul {
            margin: 0px;
            padding: 0;
        }

            .wow_sett_sidebar .wow_sett_submenu > ul li {
                padding: 4px 16px;
            }

                .wow_sett_sidebar .wow_sett_submenu > ul li a {
                    display: block;
                    text-decoration: none;
                    transition: all 0.15s;
                    padding: 8px 10px;
                    border: 1px solid rgb(0 0 0 / 9%);
                    border-radius: 8px;
                    font-weight: 500;
                    font-family: "Roboto", sans-serif;
                    font-size: 13px;
                }

                .wow_sett_sidebar .wow_sett_submenu > ul li.active a {
                    color: #e00c54;
                    background-color: rgb(224 12 84 / 10%);
                }

            .wow_sett_sidebar .wow_sett_submenu > ul#security-sett li.active a {
                color: #f9bd54;
                background-color: rgb(249 189 84 / 10%);
            }

            .wow_sett_sidebar .wow_sett_submenu > ul#design-sett li.active a {
                color: #8bc34a;
                background-color: rgb(139 195 74 / 10%);
            }

            .wow_sett_sidebar .wow_sett_submenu > ul#earning-sett li.active a {
                color: #ff9800;
                background-color: rgb(255 152 0 / 10%);
            }

    .wo_sett_designs {
        display: flex;
        align-items: center;
        cursor: pointer;
        position: relative;
        font-family: 'Poppins';
    }

        .wo_sett_designs .change-file-ico {
            margin-right: 15px;
            position: relative;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
        }

            .wo_sett_designs .change-file-ico:before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                border-radius: 50%;
                background: currentColor;
                opacity: 0.15;
            }

        .wo_sett_designs .mt-1 {
            margin-top: 5px;
        }

        .wo_sett_designs .change-file-input {
            padding: 3px 13px;
            border: 0;
            line-height: 1;
            background: rgb(0 0 0 / 10%) !important;
            border-radius: 2em;
            font-size: 12px;
            width: 100%;
        }

    /*Verification*/
    .select-user-verification-data {
        width: 100%;
        overflow: hidden;
    }

        .select-user-verification-data p {
            width: 100%;
            margin: 0;
            font-size: 14.5px;
            color: #333;
        }

        .select-user-verification-data .select-user-verification-photos {
            width: 100%;
            overflow: hidden;
            display: flex;
            justify-content: center;
        }

            .select-user-verification-data .select-user-verification-photos > div {
                width: 49%;
                height: 190px;
                /*background: #f9f9f9;*/
                border-radius: 10px;
                /*border: 1px solid #efefef;*/
                margin-top: 15px;
                color: #333;
                overflow: hidden;
                cursor: pointer;
            }

            .select-user-verification-data .select-user-verification-photos .empty_state {
                margin: 45.5px 0;
            }

    .verification-status {
        width: 100%;
        height: 200px;
        text-align: center;
    }

        .verification-status h4 {
            width: 100%;
            line-height: 200px;
            font-family: arial, sans-serif;
            color: #666;
        }

    /*Payment History*/
    table.wow_pymnt_table {
        font-family: 'Poppins';
        font-size: 14.5px;
    }

        table.wow_pymnt_table thead th {
            font-weight: bold;
            color: #333;
        }

        table.wow_pymnt_table tbody > tr:not(:last-child) {
            border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        }

        table.wow_pymnt_table tbody > tr > td {
            vertical-align: middle;
            padding: 9px 5px;
        }

        table.wow_pymnt_table .label {
            display: inline-block;
            padding: 5px 12px;
            font-size: 13px;
            font-weight: bold;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        }

        table.wow_pymnt_table .label-warning {
            color: #ff9800;
            background-color: rgba(255, 152, 0, 0.1);
        }

        table.wow_pymnt_table .label-success {
            color: #4CAF50;
            background-color: rgba(76, 175, 80, 0.1);
        }

        table.wow_pymnt_table .label-danger {
            color: #F44336;
            background-color: rgba(244, 67, 54, 0.1);
        }

    .wow_sett_trans_table {
        margin: 10px -6px -15px;
    }

    /*Affiliates*/
    .wow_affs_main > img {
        display: block;
        width: 280px;
        height: 280px;
        margin: 0 auto 20px;
        pointer-events: none;
    }

    .wow_affs_main > h4 {
        text-align: center;
    }

    .wow_affs_main .wow_form_fields {
        margin-top: 0;
    }

        .wow_affs_main .wow_form_fields input {
            height: 34px;
            font-size: 14.5px;
            border-radius: 2em;
            background: rgba(0, 0, 0, 0.05) !important;
        }

    .wo_referres:empty {
        border: 0;
        padding: 0;
        margin: 0;
    }

    /*Create Products*/
    .wow_prod_imgs {
        margin: 0 -7px;
        display: flex;
    }

    #create-product-modal .modal-body {
        padding-top: 0;
    }

    .wow_prod_imgs .upload-product-image {
        width: 100px;
        min-width: 100px;
        height: 100px;
        border-radius: 85px;
        cursor: pointer;
        display: table;
        margin: 0 6px;
        background-color: #fafafa;
    }

        .wow_prod_imgs .upload-product-image svg.feather {
            width: 24px;
            height: 24px;
            color: #84848457;
        }

    .wow_prod_imgs #productimage-holder {
        padding: 0 7px;
        overflow-x: auto;
    }

        .wow_prod_imgs #productimage-holder .thumb-image {
            pointer-events: auto;
        }

    #productimage-holder {
        width: 100%;
        padding: 0 8px;
        margin: 0;
        white-space: nowrap;
    }

        #productimage-holder .thumb-image {
            width: 100px;
            height: 100px;
            margin: 0 5px 0 0;
            display: inline-block;
            object-fit: cover;
            user-select: none;
            pointer-events: none;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px
        }

    #create-product-modal .publisher-hidden-option #percent {
        position: relative;
        left: auto;
        color: #444 !important
    }

    #create-product-modal .publisher-hidden-option #progress .progress {
        margin: 8px 40px 0 0
    }

        #create-product-modal .publisher-hidden-option #progress .progress,
        #create-product-modal .publisher-hidden-option #progress .progress .progress-bar {
            height: 4px;
            border-radius: 0
        }

    /*Market*/
    .wo_market .market_widget {
        margin-bottom: 25px;
    }

        .wo_market .market_widget .m_widget_head {
            font-weight: 600;
            color: #585858;
            margin-bottom: 8px;
            font-size: 14.5px;
        }

    .wo_market .market_categories,
    .wo_job_main_widget .wjob_categories {
        position: relative
    }

        .wo_market .market_categories ul,
        .wo_job_main_widget .wjob_categories ul {
            padding: 0;
            margin: 0
        }

            .wo_market .market_categories ul li,
            .wo_job_main_widget .wjob_categories ul li {
                margin: 6px 0;
                font-family: "Lato", sans-serif;
                font-size: 14.5px;
            }

                .wo_market .market_categories ul li a,
                .wo_job_main_widget .wjob_categories ul li a {
                    text-decoration: none;
                    position: relative;
                    padding-left: 25px;
                    display: block;
                }

                    .wo_market .market_categories ul li a:after,
                    .wo_market .market_categories ul li a:before,
                    .wo_job_main_widget .wjob_categories ul li a:after,
                    .wo_job_main_widget .wjob_categories ul li a:before {
                        content: "";
                        display: inline-block;
                        width: 17px;
                        height: 17px;
                        top: 1px;
                        left: 0;
                        bottom: 0;
                        text-align: center;
                        position: absolute;
                    }

                    .wo_market .market_categories ul li a:before,
                    .wo_job_main_widget .wjob_categories ul li a:before {
                        border: 2px solid rgba(0, 0, 0, .3);
                        border-radius: 50%;
                        transition: all 90ms cubic-bezier(0, 0, .2, .1);
                    }

                .wo_market .market_categories ul li.active a:before {
                    border-color: #16b987;
                }

                .wo_market .market_categories ul li.active a:after {
                    background: #16b987;
                    border-radius: 50%;
                    transform: scale(0.5);
                }

                .wo_market .market_categories ul li.active a {
                    color: #16b987;
                }

    .wo_market #cusrange-reader {
        width: 43px;
        background: transparent !important;
    }

    .wo_market .market_bottom #products.row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .wo_market .market_bottom .product {
        padding-right: 10px;
        padding-left: 10px;
    }

        .wo_market .market_bottom .product .product_info {
            background-color: #fff;
            padding: 0 3px 5px;
            border: 1px solid #ddd;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            transition: all .2s linear
        }

            .wo_market .market_bottom .product .product_info:hover {
                box-shadow: 0 1px 4px rgba(0, 0, 0, .18)
            }

    .wo_my_products a {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        background: #fff
    }

    .wo_market .market_bottom .product .product-links {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 40px;
        z-index: 8;
        opacity: 0;
        height: 100%;
        background-color: rgba(0, 0, 0, .41);
        transition: opacity .3s cubic-bezier(.33, .66, .66, 1);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px 10px 0 0;
    }

    .wo_market .market_bottom .product .product_info:hover .product-links {
        opacity: 1
    }

    .wo_market .market_bottom .product .product-links .more-info {
        background-color: rgba(255, 255, 255, 0.3);
        color: #fff;
    }

        .wo_market .market_bottom .product .product-links .more-info:hover {
            background-color: #fff;
            color: #000 !important;
        }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod {
        border: 0;
        transition: all 0.2s;
        padding: 15px;
    }

        .wo_market .market_bottom .product .product_info.wow_main_mkt_prod:hover {
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
        }

        .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-image {
            margin: 0;
            width: 100%;
        }

            .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-image img {
                object-fit: cover;
                aspect-ratio: 1.5;
                border-radius: 9px;
            }

        .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-by {
            position: absolute;
            z-index: 9;
            top: 8px;
            left: 8px;
        }

            .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-by a {
                color: black;
                text-decoration: none;
                display: block;
                padding: 4px 13px;
                background: rgba(242, 242, 242, 0.83);
                border-radius: 8px;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
            }

                .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-by a.product-list {
                    padding: 4px 6px;
                }

        .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot {
            position: relative;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin: 12px 0 0;
        }

            .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot .btn {
                min-width: auto;
                border-radius: 8px;
                line-height: 51px;
                font-size: 16px;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 500;
            }

                .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot .btn svg {
                    width: 24px;
                    height: 24px;
                    margin: -2px 0 0;
                }

            .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot .btn-main {
                flex: 1 1 auto;
            }

            .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot .btn-default {
                flex: 0 0 auto;
            }

        .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-title {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 20px;
            margin: 12px 0 0;
            text-transform: uppercase;
        }

            .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-title a {
                text-decoration: none;
            }

        .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-price {
            margin: 5px 0 0;
            letter-spacing: normal;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 21px;
            color: #262D34;
        }

    .btn_create_big.myproduct {
        height: 301.34px;
    }

    /*Find Friends*/
    .wow_frnd_map {
        width: 100%;
        height: 300px;
        border-radius: 15px;
        margin-bottom: 15px;
    }

    .wow_frnd_field {
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

        .wow_frnd_field h4 {
            margin: 7px 0 7px;
            font-size: 23px;
            font-family: 'Convergence';
        }

    .friends_nearby_status_ul,
    #search-nearby-users .nearby-users-gender-collapse ul {
        padding: 0
    }

        .friends_nearby_status_ul li,
        #search-nearby-users .nearby-users-gender-collapse ul li {
            display: inline-block;
            cursor: pointer;
            transition: all .2s ease-in-out;
            padding: 0 20px;
            line-height: 42px;
            background-color: #fafafa;
            color: #393939;
            border-radius: 2em;
            margin-right: 5px;
            margin-bottom: 6px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
        }

            .friends_nearby_status_ul li.active,
            #search-nearby-users .nearby-users-gender-collapse ul li.active {
                color: #3F51B5;
                background-color: #c6cfff;
            }

    .select-nearby-users-distance {
        padding: 7px 1px;
        display: flex;
    }

        .select-nearby-users-distance > form {
            display: flex;
            width: 100%;
            align-items: center;
            margin: 0px 20px;
        }

    #nearby-users-distance {
        width: 100%;
        border: 0;
        height: 2.5px;
        background: #fafafa;
        outline: none;
        box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .08), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.02);
        border-radius: 2em;
        padding: 5px;
        margin: 0px 20px;
    }

    .dark-mode #nearby-users-distance {
        box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 0.3), /* Shadow at the top */
        inset 0px -4px 6px rgba(0, 0, 0, 0.5);
    }

    #nearby-users-distance .ui-slider-handle {
        position: absolute;
        margin: -2px 0 0 -5px;
        border-radius: 100%;
        background: #3F51B5;
        border: 0;
        height: 15px;
        width: 15px;
        outline: none;
        cursor: pointer;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }

        #nearby-users-distance .ui-slider-handle:hover {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    #nearby-users-distance .ui-slider-range {
        background: #3F51B5;
    }

    .select-nearby-users-distance .currentVal {
        position: relative;
        font-size: 14.5px;
        font-weight: bold;
        color: #7a7d7e;
        width: 50px;
        text-align: center;
        height: 30px;
        display: block;
        background: #F3F3F8;
        line-height: 29px;
        margin-top: -13px;
        margin-left: 10px;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.05);
    }

        .select-nearby-users-distance .currentVal:before {
            content: '';
            display: block;
            position: absolute;
            left: -6px;
            top: 50%;
            margin-top: -6px;
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-left-width: 0;
            border-right-color: #F3F3F8;
        }

    .wow_frnd_usr .fndfrnd_user_wrapper {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        margin-bottom: 20px;
        transition: all 0.2s;
    }

        .wow_frnd_usr .fndfrnd_user_wrapper:hover {
            box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
        }

        .wow_frnd_usr .fndfrnd_user_wrapper .avatar {
            position: relative;
            width: 100%;
            padding-bottom: 130%;
        }

            .wow_frnd_usr .fndfrnd_user_wrapper .avatar img {
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            }

    .fndfrnd_user_wrapper_bg {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
        padding: 12px;
        font-family: "Robto", sans-serif;
    }

    .wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link {
        font-size: 22px;
        margin-bottom: 3px;
        text-transform: capitalize;
        margin-top: 0;
        font-weight: bold;
    }

        .wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link a {
            color: #fff;
            text-decoration: none;
        }

    .wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs {
        margin-bottom: 0;
    }

        .wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li {
            display: flex;
            align-items: center;
            margin-bottom: 0px;
            color: white;
        }

            .wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li > span {
                margin-right: 5px;
                width: 23px;
                height: 23px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li > span svg {
                    width: 20px;
                    height: 20px
                }

            .wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li p {
                margin: 0;
                line-height: 1;
            }

            .wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li .online-text {
                color: #4CAF50;
            }

    .wow_frnd_usr .fndfrnd_user_wrapper .user-follow-button {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 9;
    }

    .wo_my_products a {
        display: block;
        border-radius: 2px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
    }

    /*Pages*/
    .btn_create_big.page {
        height: 239.23px;
    }

    .btn_create_big.blog {
        height: 340.28px;
    }

    .wo_my_pages .page_list .album_parent,
    .wo_my_pages .blog_list .album_parent {
        box-shadow: none;
    }

    .wo_my_pages .page_list .avatar a img,
    .wo_my_pages .blog_list .avatar a img {
        box-shadow: none;
    }

    .wo_my_pages .page_list .avatar img.thumb {
        width: 61px;
        height: 61px;
        border-radius: 50%;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        top: auto;
        bottom: -15px;
    }

    .wo_my_pages .page_list .album-name {
        padding-top: 10px;
    }

    .row.my_products {
        margin-right: -10px;
        margin-left: -10px;
    }

    .wo_my_products {
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 20px
    }

    .wo_my_pages .blog_list .avatar a.postCategory {
        position: absolute;
        left: 0;
        top: 0;
        background: #fafafa;
        border-radius: 40px;
        padding: 2px 10px;
        margin: 8px;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        font-size: 13px;
    }

    /*Games*/
    .wow_games {
        margin: 0 -10px;
    }

        .wow_games > .col-md-6 {
            padding: 0 10px;
        }

    .wow_pop_gam_list {
        overflow: hidden;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        margin-bottom: 20px;
        padding: 0;
    }

        .wow_pop_gam_list a {
            text-decoration: none;
        }

        .wow_pop_gam_list .avatar {
            display: block;
            width: 60px;
            height: 60px;
            position: relative;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px 0 0 4px;
            margin-right: 10px;
        }

            .wow_pop_gam_list .avatar img {
                width: 100%;
                height: 100%;
                position: relative;
                border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px 0 0 4px;
                object-fit: cover;
            }

        .wow_pop_gam_list .game-name {
            margin-left: 70px;
            color: rgba(0, 0, 0, .8);
            display: block;
            font-size: 16px;
            font-weight: bold;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-top: 7px;
        }

        .wow_pop_gam_list p {
            margin-left: 70px;
            margin-bottom: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .wo_game_style {
        margin-bottom: 20px;
        transition: all 0.2s;
        padding: 15px;
    }

        .wo_game_style:hover {
            box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
        }

        .wo_game_style .avatar {
            width: 100%;
            padding-top: 60%;
            position: relative;
            margin-bottom: 12px;
        }

            .wo_game_style .avatar img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 4px;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

            .wo_game_style .avatar .btn {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                bottom: -15px;
                line-height: 32px;
            }

        .wo_game_style a {
            text-decoration: none
        }

        .wo_game_style .game-name {
            margin: 0;
            overflow: hidden;
            font-family: 'Roboto';
            font-weight: 500;
            font-size: 15px;
            color: black;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .wo_game_style p {
            letter-spacing: 0.04em;
            text-transform: uppercase;
            font-family: 'Roboto';
            font-size: 14px;
        }

        .wo_game_style .btn {
            margin-top: 13px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 17px;
            line-height: 46px;
        }

    .middot {
        margin: 0 6px;
        font-size: 14.5px;
        line-height: 1.1;
        font-weight: 700
    }

    .o-overlayLink {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-decoration: none !important;
        background-color: rgba(0, 0, 0, 0)
    }

    .problackback {
        display: block;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .0) 100%);
        padding: 100px;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0
    }

    .wo_user_profile .problackback {
        border-radius: 16px;
    }

    .wo_user_profile .pic-info-cont {
        position: absolute;
        width: 100%;
        height: 150px;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    .container .wo_user_profile .pic-info-cont .user-avatar {
        position: relative;
        width: 140px;
        height: 140px;
        bottom: 0;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: -30px;
    }

        .container .wo_user_profile .pic-info-cont .user-avatar.unseen_story {
            padding: 6px;
            background-color: white;
            border-radius: 50%;
        }

        .container .wo_user_profile .pic-info-cont .user-avatar img {
            width: 100%;
            /*box-shadow: 0 2px 10px rgba(0, 35, 196, .15);*/
            border-radius: 50%;
        }

            .container .wo_user_profile .pic-info-cont .user-avatar img.unseen_story {
                padding: 3px;
                background-color: white;
                z-index: 10;
                position: relative;
            }

        .container .wo_user_profile .pic-info-cont .user-avatar.unseen_story:after {
            content: '';
            position: absolute;
            right: 3px;
            left: 3px;
            top: 3px;
            bottom: 3px;
            border-radius: 50%;
            z-index: 1;
            background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
            background-size: 400% 400%;
            animation: gradient 5s ease infinite;
        }

    @keyframes gradient {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }

    .container .wo_user_profile .card.hovercard .info .title {
        left: 0;
        position: relative;
        margin-top: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .container .wo_user_profile .card.hovercard .info .title svg.feather {
            width: 24px;
            height: 24px;
            fill: #fff;
            -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2))
        }

    .container .wo_user_profile .card.hovercard .info p {
        margin: 6px 0 0;
        color: #fff;
        font-size: 14px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
    }

    .container .wo_user_profile .card.hovercard .options-buttons {
        position: relative;
        margin: 10px 10px -60px;
        z-index: auto;
        margin-left: auto;
    }

    .wo_user_profile .options-buttons .dropup,
    .wo_user_profile .options-buttons .dropdown {
        display: inline-block
    }

        .wo_page_profile .page-info-cont .page_navbar .dropdown-menu,
        .wo_user_profile .options-buttons .dropup .dropdown-menu {
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            border-radius: 10px;
            padding: 6px 0;
            min-width: 190px;
            margin: 0;
        }

            .wo_page_profile .page-info-cont .page_navbar .dropdown-menu li .menu-item,
            .wo_user_profile .options-buttons .dropdown-menu li .menu-item {
                min-height: 34px;
                display: block;
                line-height: 34px;
                padding: 0 16px;
                font-size: 14.5px;
                color: rgba(0, 0, 0, .87);
                cursor: pointer;
                font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
            }

                .wo_page_profile .page-info-cont .page_navbar .dropdown-menu li .menu-item a {
                    color: rgba(0, 0, 0, .87);
                    padding: 0 !important;
                    display: inline-block;
                    min-width: 100px;
                    text-decoration: none
                }

            .wo_page_profile .page-info-cont .page_navbar .dropdown-menu li svg,
            .wo_user_profile .options-buttons .dropdown-menu li svg {
                margin: -2px 10px auto 0;
                width: 18px;
                height: 18px;
                opacity: 0.8;
            }

    .wo_user_profile .card.hovercard .title .badge-link {
        display: block;
        padding: 8px 5px 9px
    }

    .wo_user_profile .card.hovercard .title .badge-pro {
        font-size: 10px;
        line-height: 0;
        padding: 0;
        font-weight: 700;
        color: #fff;
        border-radius: 3px;
        display: inline-block;
        vertical-align: middle;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
    }

    .wo_user_profile .options-buttons a,
    .wo_user_profile .options-buttons button {
        margin: 0;
        float: none
    }

    .wo_user_profile .btn-glossy > a,
    .wo_user_profile .btn-glossy > button,
    .wo_user_profile .btn-glossy > span > button,
    .wo_group_profile .btn-glossy > a,
    .wo_group_profile .btn-glossy > button,
    .wo_group_profile .btn-glossy > span > button {
        border-radius: 2em !important;
        border: 0 !important;
        box-shadow: 0px 30px 30px rgb(0 35 196 / 3%);
        font-size: 14px !important;
        padding: 10px 18px !important;
        height: 42px;
        margin-right: 3px;
        font-family: 'Convergence';
        font-style: normal;
        font-weight: 400;
    }

        .wo_user_profile .btn-glossy > a:not(.btn-main),
        .wo_user_profile .btn-glossy > button:not(.btn-main),
        .wo_user_profile .btn-glossy > span > button:not(.btn-main),
        .wo_group_profile .btn-glossy > a:not(.btn-main),
        .wo_group_profile .btn-glossy > button:not(.btn-main),
        .wo_group_profile .btn-glossy > span > button:not(.btn-main) {
            background: #fff;
            transition: all 0.2s;
        }

            .wo_user_profile .btn-glossy > a:not(.btn-main):hover,
            .wo_user_profile .btn-glossy > button:not(.btn-main):hover,
            .wo_user_profile .btn-glossy > span > button:not(.btn-main):hover,
            .wo_group_profile .btn-glossy > a:not(.btn-main):hover,
            .wo_group_profile .btn-glossy > button:not(.btn-main):hover,
            .wo_group_profile .btn-glossy > span > button:not(.btn-main):hover {
                background: #e7e7e7;
            }

                .wo_user_profile .btn-glossy > a:not(.btn-main):hover svg .icon_main,
                .wo_user_profile .btn-glossy > button:not(.btn-main):hover svg .icon_main,
                .wo_user_profile .btn-glossy > span > button:not(.btn-main):hover svg .icon_main,
                .wo_group_profile .btn-glossy > a:not(.btn-main):hover svg .icon_main,
                .wo_group_profile .btn-glossy > button:not(.btn-main):hover svg .icon_main,
                .wo_group_profile .btn-glossy > span > button:not(.btn-main):hover svg .icon_main {
                    stroke: currentColor;
                }

    .wo_user_profile .btn-glossy.open button.dropdown-toggle {
        background-color: rgba(255, 255, 255, .76)
    }

    .wo_user_profile .btn-glossy a svg.feather,
    .wo_user_profile .btn-glossy button svg.feather,
    .wo_group_profile .btn-glossy a svg.feather,
    .wo_group_profile .btn-glossy button svg.feather {
        margin: -2px 3px 0 0;
        width: 17px;
        height: 17px
    }

    .wo_user_profile .user-bottom-nav {
        background: #fff;
        position: relative;
        padding: 0;
        box-shadow: 0px -3px 30px rgb(0 35 196 / 3%);
        border-radius: 16px;
        margin: 15px 0;
        z-index: 10;
    }

        .wo_user_profile .user-bottom-nav ul {
            padding: 13px 9px;
            margin: 0;
            overflow: hidden;
            overflow-x: auto;
            white-space: nowrap;
            display: flex;
        }

            .wo_user_profile .user-bottom-nav ul li {
                display: inline-block;
                flex: 1;
                padding: 0 4px;
            }

        .wo_user_profile .user-bottom-nav li a {
            padding: 11px 22px;
            text-decoration: none !important;
            display: block;
            text-align: center;
            border-radius: 2em;
            font-family: 'Convergence';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 26px;
            transition: all 0.2s;
        }

            .wo_user_profile .user-bottom-nav li a .split-link svg {
                margin: -3px 2px 0 0;
            }

            .wo_user_profile .user-bottom-nav li a:hover,
            .wo_user_profile .user-bottom-nav li .menuactive {
                background: #fafafa;
                box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .09), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.09);
            }

    .wo_user_profile .wow_form_fields > label {
        font-weight: normal;
    }

    .featured-users .sidebar-title-back,
    .featured-users .pro-me-here a {
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px !important;
    }

    .right_user_info.wow_content.padd_top {
        padding-top: 10px;
    }

    .right_user_info .wo_page_hdng {
        margin-bottom: 7px;
    }

    .right_user_info .flex_stats {
        padding: 20px 15px 8px;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        row-gap: 15px;
    }

        .right_user_info .flex_stats li {
            padding: 0;
            background: transparent;
            flex: 1 1 auto;
            width: 50%;
        }

            .right_user_info .flex_stats li .badge {
                float: none;
                margin: 0 8px;
                background: #5D5F93;
                border-radius: 7px;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 11px;
                line-height: 14px;
            }

    .right_user_info li {
        padding: 8px 15px;
        color: #1d2129;
        background: transparent;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
    }

        .right_user_info li a {
            text-decoration: none;
            color: #1d2129;
        }

        .right_user_info li svg {
            color: #7a7a7a;
            margin: -2px 6px 0 2px;
            width: 28px;
            height: 28px;
            background: #F3F3F3;
            border-radius: 8px;
            padding: 5px;
        }

        .right_user_info li.website {
            background: #F3F3F3;
            margin: 8px 15px;
            border-radius: 10px;
            padding: 8px;
        }

    .profile_search.wow_form_fields input {
        height: 40px;
        background: #F3F3F3;
        border-radius: 8px;
        box-shadow: none;
        border: 0;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        padding: 0 25px;
    }

    .profile_search.wow_form_fields > svg {
        position: absolute;
        right: 0;
        margin: 9px;
        opacity: 0.8;
        pointer-events: none;
    }

    .profile_hdng_side.wo_page_hdng {
        padding: 15px;
        border: 0;
    }

        .profile_hdng_side.wo_page_hdng .wo_page_hdng_innr {
            font-family: 'Convergence';
            font-style: normal;
            font-weight: 400;
            font-size: 25px;
        }

    .profile_side_albums {
        padding: 0 10px 10px;
        overflow: hidden;
    }

        .profile_side_albums .album_data {
            width: 33.3333333%;
            padding: 5px;
            display: inline-block;
            float: left;
        }

            .profile_side_albums .album_data:nth-child(3) {
                height: 261px;
                float: right;
            }

            .profile_side_albums .album_data a {
                display: block;
                width: 100%;
                padding-bottom: 100%;
                position: relative;
            }

            .profile_side_albums .album_data:nth-child(3) a {
                padding: 0;
                height: 100%;
            }

            .profile_side_albums .album_data a img {
                border-radius: 4px;
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                right: 0;
                bottom: 0;
                top: 0;
                object-fit: cover;
                border: 1px solid rgba(250, 137, 36, 0.1);
                box-shadow: 0px 2px 6px rgb(250 137 36 / 6%);
            }

    .profile_side_users {
        display: flex;
        flex-wrap: wrap;
        padding: 0 8px 8px;
    }

        .profile_side_users .sidebar_user_data {
            width: 50px;
            margin: 0 7px 7px;
            flex: 0 0 auto;
        }

            .profile_side_users .sidebar_user_data a {
                display: block;
                position: relative;
                padding-bottom: 100%;
            }

                .profile_side_users .sidebar_user_data a img {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                    object-fit: cover;
                }

    .wo_event_profile .user-social-links {
        padding: 0 13px 10px 40px
    }

    .wo_user_profile .user-social-links,
    .wo_page_profile .user-social-links {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

        .wo_user_profile .user-social-links a.social-btn,
        .wo_page_profile .user-social-links a.social-btn {
            width: auto;
            height: auto;
            line-height: 1;
            margin: 0;
            width: calc(100% / 7);
        }

        .wo_user_profile .user-social-links a svg,
        .wo_page_profile .user-social-links a svg {
            width: 22px;
            height: 22px;
            margin: 0 !important;
            padding: 0;
            border-radius: 0;
            background: transparent;
            color: inherit;
        }

    .widget-heading {
        padding: 12px 15px 10px;
        font-size: 15px;
        font-weight: 600
    }

        .widget-heading svg.feather {
            background-color: #ededed;
            padding: 7px;
            width: 31px;
            height: 31px;
            border-radius: 50%;
            margin: -4px 5px 0 -2px;
            color: #fff
        }

        .widget-heading .edit-link {
            text-transform: uppercase;
            font-size: 12px;
            margin: 5px 0
        }

        .widget-heading h5 {
            color: #90949c;
            display: inline;
            margin: 0 1px
        }

    .wo_page_profile .profile-container .card {
        margin-bottom: 0;
        border-radius: 15px;
    }

        .wo_page_profile .profile-container .card.hovercard .cardheader {
            max-height: 313.3px;
            min-height: 313.3px
        }

    .wo_page_profile .page-info-cont {
        position: relative;
        margin: 0;
    }

    .wo_page_profile .page-info-cont {
        padding: 30px 0
    }

        .wo_page_profile .page-info-cont .user-avatar {
            width: 150px;
            height: 150px;
            position: relative;
            margin-top: -75px;
        }

        .wo_page_profile .page-info-cont .user-avatar-uploading-container {
            border-radius: 3px
        }

        .wo_page_profile .page-info-cont .user-avatar-uploading-progress .ball-pulse {
            margin: 43px auto
        }

        .wo_page_profile .page-info-cont .user-avatar img {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            border: 4px solid #f0f2f5;
        }

        .wo_page_profile .page-info-cont .first_row {
            display: flex;
            align-items: center
        }

    .wo_page_profile .first_row .title {
        margin: 0 20px
    }

        .wo_page_profile .first_row .title a {
            font-size: 23px;
            color: #3e3e3e;
            text-transform: capitalize;
            word-break: break-word;
            font-family: 'Poppins';
        }

        .wo_page_profile .first_row .title .page_username {
            color: #444;
            font-size: 13px;
            overflow: hidden;
            margin: 1px 0 7px;
            font-family: 'Poppins';
        }

    .wo_page_profile .last_row .page_info {
        overflow: hidden;
        color: #6f6f6f;
        padding: 1px 0
    }

        .wo_page_profile .last_row .page_info svg.feather {
            margin: -2px 2px 0 0;
            width: 14px;
            height: 14px
        }

    .wo_page_profile .options-buttons {
        position: relative;
        margin: 0;
        right: 0;
        display: flex;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
    }

        .wo_page_profile .options-buttons .btn {
            box-shadow: none !important;
            border: none;
            min-width: 64px;
            line-height: 43px;
            padding: 0 16px !important;
            border-radius: 6px !important;
            font-size: 14px !important;
            transition: background .4s cubic-bezier(.25, .8, .25, 1), box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
            font-family: 'Rubik';
            font-style: normal;
            font-weight: 500;
        }

            .wo_page_profile .options-buttons .btn svg {
                width: 16px;
                height: 16px;
                margin-right: 3px;
                margin-left: -2px;
            }

    .wo_page_profile .page-info-cont .last_row {
        margin: 31px 0 34px
    }

    .wo_page_profile .page_navbar {
        display: inline-block;
        background: linear-gradient(to right, #fff, #fafafa);
        margin: 30px -15px -15px -20px;
        width: calc(100% + 40px);
        padding: 5px 35px;
    }

    .btn-call-action {
        color: #000;
        background: #d2d2d2;
        min-width: 95px;
        border: 0;
        box-shadow: none;
        margin: 6px 0 -6px
    }

        .btn-call-action:focus,
        .btn-call-action:hover {
            color: #fff;
            background: #2196F3
        }

    .wo_page_profile .page_navbar ul {
        margin: 0;
    }

.wo_page_ratingss {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-family: 'Convergence';
    font-size: 20px;
    line-height: 1;
}

        .wo_page_ratingss .page-rating {
            width: 70%;
        }

            .wo_page_ratingss .page-rating > fieldset {
                display: flex;
                height: auto;
                align-items: center;
                justify-content: space-around;
                /* flex-direction: row-reverse; */
                margin: -2px 0 -1px;
            }

                .wo_page_ratingss .page-rating > fieldset label {
                    margin-bottom: 0;
                }

    .wo_page_profile .wo_sidebar_pages {
        padding: 0 0 10px !important;
    }

    .wo_group_profile .profile-container .card {
        border-radius: 15px;
    }

    .wo_group_profile .profile-cover-changer {
        right: 20px
    }

    .wo_group_profile .side_panel {
        position: absolute;
        height: 100%;
        width: 220px;
        top: 0;
        background-color: rgba(0, 0, 0, .15);
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden
    }

    .container .wo_group_profile .side_panel .user-avatar {
        position: relative;
        width: 100px;
        height: 100px;
        margin: 0 auto
    }

        .container .wo_group_profile .side_panel .user-avatar img {
            box-shadow: 0 1px 1px rgba(0, 0, 0, .23)
        }

    .container .wo_group_profile .side_panel .box-inner {
        filter: blur(6px);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background-repeat: no-repeat;
        background-size: cover
    }

        .container .wo_group_profile .side_panel .box-inner:before {
            content: '';
            background-color: rgba(0, 0, 0, .15);
            display: block;
            width: 100%;
            height: 100%
        }

    .container .wo_group_profile .side_panel .info {
        color: rgba(255, 255, 255, .63);
        text-align: center
    }

        .container .wo_group_profile .side_panel .info .title {
            position: relative;
            left: 0;
            margin: 0;
            top: 0;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            font-size: 23px;
            text-align: center;
            max-height: 61.6px;
            overflow: hidden;
            line-height: 30px
        }

    .wo_group_profile .side_panel .options-buttons {
        position: relative;
        margin: 40px 0 0;
        right: auto;
        text-align: center
    }

        .wo_group_profile .side_panel .options-buttons a,
        .wo_group_profile .side_panel .options-buttons button {
            float: none;
            margin: 0 5px;
            border: 0;
            box-shadow: none;
        }

    .message-container {
        width: 100%;
        height: 100%
    }

    .message-media {
        position: relative
    }

        .message-media img {
            max-width: 100%
        }

        .message-media audio {
            width: 80%;
            border-radius: 10px;
            background-color: #f1f3f4;
        }

    .messages-container {
        padding: 20px 20px 0;
        overflow: hidden;
        overflow-y: auto;
        position: relative;
        flex: 1 1 auto;
    }

        .messages-container .empty_state {
            position: absolute;
            margin: 0;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        /*.messages-container .message-contnaier:nth-child(1){margin-top:30px}*/
        .messages-container .message-media {
            transition: width .5s;
            margin: -16px;
            padding: 10px;
        }

            .messages-container .message-media:empty {
                margin: -16px;
            }

            .messages-container .message-media img {
                max-width: 100%;
                border: 0;
                border-radius: 8px;
                margin-bottom: -7px;
                margin-right: 0;
                margin-left: 0;
                max-height: 330px
            }

            .messages-container .message-media video {
                max-height: 330px;
                width: auto !important;
                border-radius: 10px;
            }

            .messages-container .message-media.full-size {
                width: 100%
            }

    .messages-load-more-messages {
        transition: all .2s ease;
        list-style: none;
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: #ffffff;
        z-index: 9;
        margin: 0;
        left: 50%;
        transform: translate(-50%);
        border-radius: 50%;
        cursor: pointer;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        top: 115px;
    }

        .messages-load-more-messages a {
            color: #5d5f93c9;
            width: 100%;
            border-radius: 50%;
            height: 100%;
            background: #f8f8f8;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .messages-wrapper {
        width: 100%;
        padding: 5px
    }

        .messages-wrapper .name {
            color: #666;
            font-size: 14.5px
        }

        .messages-wrapper .user-avatar {
            width: 40px;
            border-radius: 3px
        }

    .message {
        margin-top: 1px
    }

        .message p {
            color: #555;
            margin: 0;
            word-wrap: break-word;
            word-break: break-word
        }

    #wo_msg_right_prt .message p {
        margin: 0 0 12px;
        font-family: 'Poppins';
        font-style: normal;
    }

        .message p:empty,
        #wo_msg_right_prt .message p:empty {
            padding: 0;
            margin: 0;
        }

    .wo_about_wrapper_parent {
        position: absolute;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
        top: 70px;
        width: 100%;
        left: 0;
        min-height: 370px
    }

    .wo_about_page_margin .list-group {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
    }

    .wo_about_wrapper {
        position: relative;
        min-height: 370px
    }

        .wo_about_wrapper,
        .wo_about_wrapper .full-width-picture {
            height: 370px;
            background-position: center;
            background-size: cover
        }

    .hero-overlay {
        background: #3e396b;
        background-color: rgba(62, 57, 107, .6);
        position: absolute;
        width: 100%;
        height: 100%;
        padding-top: 80px
    }

    .wo_about_wrapper .hero-overlay {
        background-image: #5d5f93c9;
        position: absolute;
        width: 100%;
        height: 100%
    }

        .wo_about_wrapper .hero-overlay h1 {
            color: #fff;
            font-family: opensanslight;
            font-weight: 600;
            margin-top: 24px;
            margin-bottom: 12px;
            line-height: 48px
        }

            .wo_about_wrapper .hero-overlay h1 .site_desc {
                color: #fff;
                font-size: 20px;
                line-height: 23px;
                display: block;
                margin-top: 10px
            }

    .wo_about_page_margin {
        margin-top: 330px;
        position: relative
    }

        .wo_about_page_margin .list-group {
            padding: 13px 20px
        }

    .wo_terms_page {
        padding: 20px
    }

    .wo_404 {
        padding: 45px 15px;
        border: 0;
        border-radius: 0px;
        min-height: calc(100vh - 45px);
        background: transparent;
        background-image: url(../img/404.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
        overflow: hidden;
    }

        .wo_404 h4 {
            font-size: 60px;
            font-weight: 600;
            font-family: "Lato", sans-serif;
            color: #d9e7f9;
            margin: 80px 0 148px;
            position: relative;
        }

            .wo_404 h4 svg {
                position: absolute;
                bottom: -150px;
                left: 90px;
                width: 130px;
                transform: rotate(270deg);
            }

        .wo_404 h1 {
            font-size: 30vh;
            position: relative;
            color: #497AB5;
            font-family: 'Dosis', sans-serif;
            font-weight: 800;
        }

            .wo_404 h1 svg {
                width: 30vh;
            }

        .wo_404 .btn {
            margin: auto 0 80px;
            border-radius: 9px;
            padding: 12px 33px;
            z-index: 2;
            border: 0;
            box-shadow: 0px 6px 0px 0px #812f30, 0px 0px 20px 0px #bbb;
            text-transform: uppercase;
            font-weight: 600;
            font-family: "Lato", sans-serif;
            letter-spacing: 1.5px;
            transition: all 0.2s;
        }

            .wo_404 .btn:active {
                box-shadow: 0px 2px 0px 0px #812f30;
            }

    .wo_404_moon {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        right: 0;
        bottom: -720px;
        width: calc(100% + 290px);
        height: 1000px;
    }

    .wo_emoji_post {
        width: 335px;
        box-shadow: 0 1px 10px rgba(0, 0, 0, .3);
        padding: 0
    }

    .wo_emoji_tab {
        box-shadow: 0 0 2px #b7b7b7;
        background: #fafafa;
        border-radius: 2px 2px 0 0
    }

        .wo_emoji_tab span {
            width: 15.7%;
            padding: 8px 1px;
            height: 100%;
            cursor: pointer;
            display: inline-block;
            text-align: center
        }

            .wo_emoji_tab span.active {
                border-bottom: 2px solid
            }

            .wo_emoji_tab span svg.feather {
                height: 24px !important;
                width: 24px !important;
                margin: 0
            }

    .wo_emoji_p {
        font-size: 15px;
        font-weight: 700;
        margin: 0;
        padding: 9px 6px;
        color: #555;
        text-align: initial
    }

    .emoji_tab_pane {
        display: none;
        overflow-y: auto;
        height: 250px;
        white-space: normal;
        text-align: center
    }

        .emoji_tab_pane .twa-lg {
            height: 34px;
            width: 34px;
            background-size: 27px 27px;
            margin: 0 5.5px;
            border-radius: 3px;
            transition: all .1s ease
        }

            .emoji_tab_pane .twa-lg:hover {
                background-color: #e7e7e7
            }

    .emoboxtoppoint {
        height: 0;
        width: 0 !important;
        border: solid transparent;
        pointer-events: none;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fafafa;
        top: -10px;
        position: absolute;
        left: 100%;
        margin-left: -114px;
        -webkit-filter: drop-shadow(0 -3px 1px rgba(0, 0, 0, .14));
        filter: drop-shadow(0 -3px 1px rgba(0, 0, 0, .14))
    }

    .publisher-box .add-emoticons .emoboxtoppoint {
        margin-left: -28px
    }

    .wo_emoji_chat {
        width: 290px
    }

        .wo_emoji_chat span {
            width: 15.55%
        }

        .wo_emoji_chat .emoji_tab_pane {
            height: 310px
        }

        .wo_emoji_chat .emoboxtoppoint,
        .wo_emoji_msg .emoboxtoppoint {
            top: auto;
            border-top: 10px solid #fafafa;
            border-bottom: 0;
            bottom: -10px;
            -webkit-filter: drop-shadow(0 3px 1px rgba(0, 0, 0, .14));
            filter: drop-shadow(0 3px 1px rgba(0, 0, 0, .14));
            margin-left: -30px
        }

    .wo_emoji_msg .emoboxtoppoint {
        margin-left: -95px
    }

    #wo_useract_btn {
        color: #fff;
        border: 0;
        transition: all .2s ease;
        padding: 5px 10px;
        font-size: 14.5px;
        border-radius: 3px;
        box-shadow: 0px 30px 30px rgb(0 0 0 / 3%)
    }

        #wo_useract_btn:hover {
            box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
        }

        #wo_useract_btn svg {
            height: 16px;
            width: 16px;
            vertical-align: middle;
            margin: -3px 3px 0 -1px;
            fill: rgba(255, 255, 255, .32);
            display: none;
        }

    /* .wo_follow_btn{
    background:linear-gradient(to right,#cc1e47 0,#ce3559 100%)!important;
} */
    .wo_follow_btn:hover {
        background: linear-gradient(to right, #d82d55 0, #e5375f 100%) !important
    }

    .wo_follow_btn .icon_main {
        stroke: currentColor !important;
    }

    .wo_request_btn {
        background: linear-gradient(to right, #9E9E9E 0, #767372 100%) !important
    }

    [tooltip] {
        position: relative
    }

        [tooltip]::after,
        [tooltip]::before {
            text-transform: none;
            font-size: .9em;
            line-height: 1;
            user-select: none;
            pointer-events: none;
            position: absolute;
            opacity: 0;
            visibility: hidden;
            -webkit-transform: scaleY(.4) scaleX(.4);
            -moz-transform: scaleY(.4) scaleX(.4);
            -ms-transform: scaleY(.4) scaleX(.4);
            -o-transform: scaleY(.4) scaleX(.4);
            transform: scaleY(.4) scaleX(.4);
            -webkit-transition: all .3s cubic-bezier(.64, .09, .08, 1);
            -moz-transition: all .3s cubic-bezier(.64, .09, .08, 1);
            transition: all .3s cubic-bezier(.64, .09, .08, 1)
        }

    .round-check,
    .round-check input + label {
        position: relative;
        display: inline-block
    }

    [tooltip]::before {
        border: 5px solid transparent;
        z-index: 100
    }

    [tooltip]::after {
        content: attr(tooltip);
        text-align: center;
        min-width: 3em;
        max-width: 21em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1ch 1.5ch;
        border-radius: .3ch;
        box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, .35);
        background: #333;
        color: #fff;
        z-index: 99
    }

    [tooltip]:hover::after,
    [tooltip]:hover::before {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scaleY(1) scaleX(1) translateY(0);
        -moz-transform: scaleY(1) scaleX(1) translateY(0);
        -ms-transform: scaleY(1) scaleX(1) translateY(0);
        -o-transform: scaleY(1) scaleX(1) translateY(0);
        transform: scaleY(1) scaleX(1) translateY(0)
    }

    [tooltip='']::after,
    [tooltip='']::before {
        display: none !important
    }

    [tooltip][flow^=left]::before {
        top: 50%;
        border-right-width: 0;
        border-left-color: #333;
        left: calc(0em - 5px);
        transform: translate(-.5em, -50%)
    }

    [tooltip][flow^=left]::after {
        top: 50%;
        right: calc(100% + 5px);
        transform: translate(-.5em, -50%)
    }

    .round-check input + label {
        font-weight: 400;
        cursor: pointer;
        padding-left: 25px;
        line-height: 20px;
        user-select: none
    }

        .round-check input + label:after,
        .round-check input + label:before {
            content: "";
            display: inline-block;
            width: 17px;
            height: 17px;
            top: 1px;
            left: 0;
            bottom: 0;
            text-align: center;
            position: absolute
        }

        .round-check input + label:before {
            border: 0px solid rgba(93, 95, 147, 38%);
            border-radius: 50%;
            transition: all 90ms cubic-bezier(0, 0, .2, .1);
            box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .08), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.02);
        }

        .round-check input + label:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 5px;
            left: 4px;
            position: absolute;
            top: 6px;
            transform: rotate(-45deg) !important;
            width: 10px;
            transition: .2s
        }

    .round-check input[type=checkbox],
    .round-check input[type=radio] {
        display: none
    }

        .round-check input[type=checkbox]:checked + label:after,
        .round-check input[type=radio]:checked + label:after {
            color: #fff
        }

        .round-check input[type=checkbox]:checked + label:before,
        .round-check input[type=radio]:checked + label:before {
            background: #008aff;
            border-color: transparent;
            box-shadow: 0 5px 10px rgba(0, 35, 196, .2);
        }

    .wo_radio_btn input[type=radio] {
        visibility: hidden
    }

    .wo_radio_btn label {
        cursor: pointer;
        position: relative;
        padding: 0;
        margin-right: 5px
    }

    .wo_radio_btn input[type=radio] + span {
        transition: all .4s;
        -webkit-transition: all .4s;
        padding: 8px;
        display: block;
        margin: 0 auto 5px;
        width: 40px;
        height: 40px;
        background-color: #e1e1e1;
        border-radius: 50%
    }

        .wo_radio_btn input[type=radio] + span svg.feather {
            fill: #696969;
            margin: 2px 0 0 2px
        }

    .wo_radio_btn input[type=radio]:checked + span {
        background-color: #4285F4
    }

        .wo_radio_btn input[type=radio]:checked + span svg.feather {
            fill: #D9E7FD
        }

    /*Loading Post*/
    .wo_loading_post {
        padding: 15px;
        background: #fff;
        border-radius: 16px;
        margin-bottom: 20px;
        overflow: hidden
    }

    .lightui1-shimmer {
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-name: placeHolderShimmer;
        -webkit-animation-timing-function: linear;
        background: #e6e6e6;
        background-image: linear-gradient(to right, #e6e6e6 0%, #d1d1d1 20%, #e6e6e6 40%, #e6e6e6 100%);
        background-repeat: no-repeat;
        background-size: 800px 104px;
        height: 104px;
        position: relative
    }

        .lightui1-shimmer div {
            background: #ffffff;
            height: 6px;
            left: 0;
            position: absolute;
            right: 0
        }

    div._2iwr {
        height: 40px;
        left: 40px;
        right: auto;
        top: 0;
        width: 8px;
    }

    div._2iws {
        height: 8px;
        left: 48px;
        top: 0;
    }

    div._2iwt {
        left: 136px;
        top: 8px;
    }

    div._2iwu {
        height: 12px;
        left: 48px;
        top: 14px;
    }

    div._2iwv {
        left: 100px;
        top: 26px
    }

    div._2iww {
        height: 10px;
        left: 48px;
        top: 32px
    }

    div._2iwx {
        height: 20px;
        top: 40px
    }

    div._2iwy {
        left: 410px;
        top: 60px
    }

    div._2iwz {
        height: 13px;
        top: 66px
    }

    div._2iw- {
        left: 440px;
        top: 79px
    }

    div._2iw_ {
        height: 13px;
        top: 85px
    }

    div._2ix0 {
        left: 178px;
        top: 98px
    }

    @-webkit-keyframes placeHolderShimmer {
        0% {
            background-position: -468px 0
        }

        100% {
            background-position: 468px 0
        }
    }

    @-webkit-keyframes prideShimmer {
        from {
            background-position: top left
        }

        to {
            background-position: top right
        }
    }

    .wo_loading_post .skel {
        background: #e6e6e6;
    }

    .wo_post_skel_head {
        display: flex;
        align-items: center;
    }

        .wo_post_skel_head .skel_avatar {
            width: 60px;
            height: 60px;
            display: block;
            border-radius: 6px;
            box-shadow: none;
            margin-right: 15px;
        }

        .wo_post_skel_head .skel_noti_name {
            width: 200px;
            display: block;
            height: 20px;
            border-radius: 6px;
        }

        .wo_post_skel_head .skel_noti_time {
            width: 50px;
            display: block;
            height: 15px;
            margin-top: 10px;
            border-radius: 6px;
        }

    .wo_post_skel_body {
        margin-top: 20px;
    }

        .wo_post_skel_body .skel_desc {
            width: 80%;
            margin: 0 0 8px;
            height: 10px;
            border-radius: 6px;
        }

            .wo_post_skel_body .skel_desc:nth-child(2) {
                width: 95%;
            }

            .wo_post_skel_body .skel_desc:nth-child(3) {
                width: 70%;
            }

    .wo_post_skel_foot {
        display: flex;
        align-items: center;
        margin: 200px -5px 0;
    }

        .wo_post_skel_foot .skel_action {
            margin: 0 5px;
            width: 33px;
            height: 33px;
            border-radius: 50%;
        }

    .lighbox.comment-textarea {
        border: none
    }

    /*Alerts*/
.alert {
    border: 0;
    font-family: 'Convergence';
    border-radius: 16px;
    padding: 20px;
}

    .alert-info {
        background-color: rgba(33, 150, 243, 0.1);
        color: #2196F3;
        background-color: rgb(33 150 243 / 70%);
        color: #ffffff;
    }

    .alert-success {
        background-color: rgba(76, 175, 80, 0.1);*/
        color: #00FF0A;
        background-color: rgb(76 175 80 / 70%);*/
        color: #ffffff;
    }

    .alert-warning {
        background-color: rgba(243, 148, 64, 0.1);
        color: #f39440;
        background-color: rgb(243 148 64 / 70%);
        color: #ffffff;
    }

.alert-danger {
    background-color: rgba(244, 67, 54, 0.1);
    color: #F44336;
        background-color: rgb(244 67 54 / 70%);
        color: #ffffff;*/
    border-radius: 15px;
}

    /*Empty State*/
    .empty_state {
        margin: 85px 0;
        color: #6d6d6d;
        text-align: center;
        font-family: 'Convergence';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
    }

        .empty_state svg {
            display: block;
            margin: 0 auto 15px;
            width: 60px;
            height: 60px;
            padding: 14px;
            border-radius: 14px;
        }

        .empty_state .empty_state_img {
            display: block;
            margin: 0 auto 15px;
            width: 100px;
            height: 100px;
            float: none;
        }

        .empty_state.single svg {
            background: transparent;
            padding: 0;
            opacity: 1;
            width: 70px;
            height: 70px;
            margin: 0 auto 20px;
            border-radius: 0;
        }

    .chat_empty_user {
        margin-bottom: 30px;
    }

        .chat_empty_user .item {
            width: 100%;
            max-width: 120px;
            margin: 0 auto 10px;
            display: flex;
            align-items: center;
        }

            .chat_empty_user .item .avatar {
                width: 32px;
                height: 32px;
                margin-right: 8px;
                background: #e0e0e0;
                border-radius: 50%;
                flex: 0 0 auto;
            }

            .chat_empty_user .item .line {
                background: #e0e0e0;
                width: 100px;
                height: 8px;
                border-radius: 4px;
            }

            .chat_empty_user .item:nth-child(2) {
                opacity: 0.7;
            }

            .chat_empty_user .item:nth-child(3) {
                opacity: 0.4;
            }

            .chat_empty_user .item:nth-child(2) .line {
                width: 50px;
            }

    /*Page Heading*/
    .wo_page_hdng {
        padding: 10px 15px;
        border-bottom: 1px solid #eee;
    }

@media only screen and (min-width: 768px){
    .wo_page_hdng.pag_neg_padd {
        margin: -15px -15px 0;
        display: flex;
        justify-content: center;
    }
}

.wo_page_hdng.pag_neg_padd {
    margin: -15px -15px 0;
    /*display: flex;
        justify-content: center;*/
}

        .wo_page_hdng.pag_alone {
            border: 0;
        }

    .wo_page_hdng_innr {
        display: flex;
        align-items: center;
        font-size: 20px;
        color: #5D5F93;
        font-weight: 500;
        line-height: 16px;
        font-family: Convergence;
    }

        .wo_page_hdng_innr a,
        .wo_page_hdng_innr div {
            color: #050505;
        }

        .wo_page_hdng_innr.big_size {
            font-size: 20px;
            font-weight: normal;
            line-height: 26px;
        }

        .wo_page_hdng_innr span {
            display: inline-flex;
            width: 24px;
            min-width: 24px;
            height: 24px;
            align-items: center;
            justify-content: center;
            margin-right: 8px;
            border-radius: 50%;
        }

    .wo_page_hdng_search {
        margin-left: auto;
    }

        .wo_page_hdng_search .wow_form_fields {
            margin: -3px 0;
            padding: 0;
        }

            .wo_page_hdng_search .wow_form_fields input {
                box-shadow: none;
                background-color: #eaeff2;
                height: 30px;
                min-width: 340px;
                border-radius: 2em;
                font-size: 14.5px;
                padding: 2px 12px;
            }

            .wo_page_hdng_search .wow_form_fields .search_suggs,
            .main-blog-sidebar .widget .wow_form_fields .search_suggs {
                position: absolute;
                padding: 10px;
                margin: 0;
                background-color: white;
                box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.2);
                border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
                z-index: 9;
            }

                .wo_page_hdng_search .wow_form_fields .search_suggs:empty,
                .main-blog-sidebar .widget .wow_form_fields .search_suggs:empty {
                    padding: 0;
                    background: transparent;
                    box-shadow: none;
                }

    .wo_page_hdng_menu {
        display: flex;
        align-items: center;
        margin: -11px -7px;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

        .wo_page_hdng_menu > ul {
            padding: 0;
            margin: 0;
            white-space: nowrap;
            overflow-x: auto;
            margin-right: 10px;
        }

            .wo_page_hdng_menu > ul li {
                display: inline-block;
            }

                .wo_page_hdng_menu > ul li a {
                    padding: 12px 8px;
                    display: block;
                    text-decoration: none;
                    margin: 0 2px;
                }

                .wo_page_hdng_menu > ul li.active a {
                    box-shadow: inset 0px -2.5px black;
                    font-weight: bold;
                }

        .wo_page_hdng_menu > .btn {
            margin-left: auto;
            line-height: 28px;
            padding: 0 10px;
            font-size: 14.5px;
            letter-spacing: 0.5px;
            min-width: 90px;
        }

    .small-texts {
        font-weight: 100;
    }

    .wo-reaction {
        max-width: 100%;
        padding: 0 60px;
        /*position: relative;*/
    }

    .like-btn {
        position: relative;
        cursor: pointer;
        display: block;
    }

    .wo-reaction .like-btn .active-like {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .like-btn-default {
        background-image: url('../reaction/wo.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position: -277px -446px;
    }

    .like-btn-emo {
        display: inline-block;
        margin: 0 6px -3px 0;
        width: 16px;
        height: 16px;
    }

    .reactions-box {
        background: #ffffff00;
        /*width: 292px;*/
        padding: 2px;
        position: absolute;
        top: -51px;
        z-index: 999;
        left: -10px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
        border-radius: 2em;
        cursor: default;
        display: none;
    }

    .reaction {
        list-style-type: none;
        cursor: pointer;
        display: inline-block;
        width: 48px;
        height: 48px;
        float: left;
        opacity: 1;
        border-radius: 50%;
        transform: scale(1);
        transition: transform .25s ease;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);
        animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);
    }

    .reactions-box .reaction img {
        padding: 5px;
    }

    .reaction-1 img {
        animation-fill-mode: both;
        animation-duration: 1.3s;
        animation-iteration-count: infinite;
        animation-name: bounce;
        transform-origin: center bottom;
    }

    .reaction-2 img {
        animation-fill-mode: both;
        animation-duration: 1.3s;
        animation-iteration-count: infinite;
        animation-name: heartBeat;
        animation-timing-function: ease-in-out;
    }

    .reaction-3 img {
        animation-fill-mode: both;
        animation-duration: 1.3s;
        animation-iteration-count: infinite;
        animation-name: swing;
        transform-origin: top center;
    }

    .reaction-4 img {
        animation-fill-mode: both;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-name: pulse;
        animation-timing-function: ease-in-out;
    }

    .reaction-5 img {
        animation-fill-mode: both;
        animation-duration: 1.3s;
        animation-iteration-count: infinite;
        animation-name: fadeInDown;
    }

    .reaction-6 img {
        animation-fill-mode: both;
        animation-duration: 1.3s;
        animation-iteration-count: infinite;
        animation-name: headShake;
        animation-timing-function: ease-in-out;
    }

    @keyframes bounce {

        from, 20%, 53%, to {
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transform: translate3d(0, 0, 0);
        }

        40%, 43% {
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transform: translate3d(0, -2px, 0) scaleY(1.1);
        }

        70% {
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transform: translate3d(0, -1px, 0) scaleY(1.05);
        }

        80% {
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transform: translate3d(0, 0, 0) scaleY(0.95);
        }

        90% {
            transform: translate3d(0, -1px, 0) scaleY(1.02);
        }
    }

    @keyframes heartBeat {
        0% {
            transform: scale(1);
        }

        14% {
            transform: scale(1.05);
        }

        28% {
            transform: scale(1);
        }

        42% {
            transform: scale(1.05);
        }

        70% {
            transform: scale(1);
        }
    }

    @keyframes swing {
        20% {
            transform: rotate3d(0, 0, 1, 2deg);
        }

        40% {
            transform: rotate3d(0, 0, 1, -2deg);
        }

        60% {
            transform: rotate3d(0, 0, 1, 0deg);
        }

        80% {
            transform: rotate3d(0, 0, 1, -2deg);
        }

        to {
            transform: rotate3d(0, 0, 1, 0deg);
        }
    }

    @keyframes pulse {
        from {
            transform: scale3d(1, 1, 1);
        }

        50% {
            transform: scale3d(1.05, 1.05, 1.05);
        }

        to {
            transform: scale3d(1, 1, 1);
        }
    }

    @keyframes fadeInDown {
        from {
            opacity: 1;
            transform: translate3d(0, -5%, 0);
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes headShake {
        0% {
            transform: translateX(0);
        }

        6.5% {
            transform: translateX(-2px) rotateY(-9deg);
        }

        18.5% {
            transform: translateX(1px) rotateY(7deg);
        }

        31.5% {
            transform: translateX(-1px) rotateY(-5deg);
        }

        43.5% {
            transform: translateX(1px) rotateY(3deg);
        }

        50% {
            transform: translateX(0);
        }
    }

    /* .like-btn:hover .reactions-box {	display: block; } */
    /*.animated_2 {-webkit-animation-duration: 0.1s;animation-duration: 0.1s;}
.animated_4 {-webkit-animation-duration: 0.2s;animation-duration: 0.2s;}
.animated_6 {-webkit-animation-duration: 0.3s;animation-duration: 0.3s;}
.animated_8 {-webkit-animation-duration: 0.4s;animation-duration: 0.4s;}
.animated_10 {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;}
.animated_12 {-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}*/
    .emoji {
        width: 120px;
        height: 120px;
        background: #FFDA6A;
        border-radius: 50%;
        position: relative;
        transform: scale(0.325);
        top: -76%;
        right: 76%;
    }

    .emoji__face,
    .emoji__eyebrows,
    .emoji__eyes,
    .emoji__mouth,
    .emoji__tongue,
    .emoji__heart,
    .emoji__hand,
    .emoji__thumb {
        position: absolute;
    }

        .emoji__face:before,
        .emoji__face:after,
        .emoji__eyebrows:before,
        .emoji__eyebrows:after,
        .emoji__eyes:before,
        .emoji__eyes:after,
        .emoji__mouth:before,
        .emoji__mouth:after,
        .emoji__tongue:before,
        .emoji__tongue:after,
        .emoji__heart:before,
        .emoji__heart:after,
        .emoji__hand:before,
        .emoji__hand:after,
        .emoji__thumb:before,
        .emoji__thumb:after {
            position: absolute;
            content: '';
        }

    .emoji__face {
        width: inherit;
        height: inherit;
    }

    .emoji--like {
        background: #548DFF;
    }

        .emoji--like .emoji__hand {
            left: 25px;
            bottom: 30px;
            width: 20px;
            height: 40px;
            background: #FFFFFF;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            z-index: 0;
            -webkit-animation: hands-up 2s linear infinite;
            animation: hands-up 2s linear infinite;
        }

            .emoji--like .emoji__hand:before {
                left: 25px;
                bottom: 5px;
                width: 40px;
                background: inherit;
                height: 10px;
                border-radius: 2px 10px 10px 2px;
                box-shadow: 1px -9px 0 1px #FFFFFF, 2px -19px 0 2px #FFFFFF, 3px -29px 0 3px #FFFFFF;
            }

        .emoji--like .emoji__thumb {
            border-bottom: 20px solid #FFFFFF;
            border-left: 20px solid transparent;
            top: -25px;
            right: -25px;
            z-index: 2;
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
            -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
            -webkit-animation: thumbs-up 2s linear infinite;
            animation: thumbs-up 2s linear infinite;
        }

            .emoji--like .emoji__thumb:before {
                border-radius: 50% 50% 0 0;
                background: #FFFFFF;
                width: 10px;
                height: 12px;
                left: -10px;
                top: -8px;
                -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg);
                -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
                box-shadow: -1px 4px 0 -1px #FFFFFF;
            }

    .emoji--love {
        background: #F55064;
    }

        .emoji--love .emoji__heart {
            left: calc(50% - 40px);
            top: calc(50% - 40px);
            width: 80px;
            height: 80px;
            -webkit-animation: heart-beat 1s linear infinite alternate;
            animation: heart-beat 1s linear infinite alternate;
        }

            .emoji--love .emoji__heart:before,
            .emoji--love .emoji__heart:after {
                left: calc(50% - 20px);
                top: calc(50% - 32px);
                width: 40px;
                height: 64px;
                background: #FFFFFF;
                border-radius: 20px 20px 0 0;
            }

            .emoji--love .emoji__heart:before {
                -webkit-transform: translate(20px) rotate(-45deg);
                transform: translate(20px) rotate(-45deg);
                -webkit-transform-origin: 0 100%;
                transform-origin: 0 100%;
            }

            .emoji--love .emoji__heart:after {
                -webkit-transform: translate(-20px) rotate(45deg);
                transform: translate(-20px) rotate(45deg);
                -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
            }

    .emoji--haha .emoji__face {
        -webkit-animation: haha-face 2s linear infinite;
        animation: haha-face 2s linear infinite;
    }

    .emoji--haha .emoji__eyes {
        width: 26px;
        height: 6px;
        border-radius: 2px;
        left: calc(50% - 13px);
        top: 35px;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        background: transparent;
        box-shadow: -25px 5px 0 0 #000000, 25px -5px 0 0 #000000;
    }

        .emoji--haha .emoji__eyes:after {
            left: 0;
            top: 0;
            width: 26px;
            height: 6px;
            border-radius: 2px;
            -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
            background: transparent;
            box-shadow: -25px -5px 0 0 #000000, 25px 5px 0 0 #000000;
        }

    .emoji--haha .emoji__mouth {
        width: 80px;
        height: 40px;
        left: calc(50% - 40px);
        top: 50%;
        background: #000000;
        border-radius: 0 0 40px 40px;
        overflow: hidden;
        z-index: 1;
        -webkit-animation: haha-mouth 2s linear infinite;
        animation: haha-mouth 2s linear infinite;
    }

    .emoji--haha .emoji__tongue {
        width: 70px;
        height: 30px;
        background: #F55064;
        left: calc(50% - 35px);
        bottom: -10px;
        border-radius: 50%;
    }

    .emoji--wow .emoji__face {
        -webkit-animation: wow-face 3s linear infinite;
        animation: wow-face 3s linear infinite;
    }

    .emoji--wow .emoji__eyebrows {
        left: calc(50% - 3px);
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background: transparent;
        box-shadow: -18px 0 0 0 #000000, -33px 0 0 0 #000000, 18px 0 0 0 #000000, 33px 0 0 0 #000000;
        -webkit-animation: wow-brow 3s linear infinite;
        animation: wow-brow 3s linear infinite;
    }

        .emoji--wow .emoji__eyebrows:before,
        .emoji--wow .emoji__eyebrows:after {
            width: 24px;
            height: 20px;
            border: 6px solid #000000;
            box-sizing: border-box;
            border-radius: 50%;
            border-bottom-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent;
            top: -3px;
            left: calc(50% - 12px);
        }

        .emoji--wow .emoji__eyebrows:before {
            margin-left: -25px;
        }

        .emoji--wow .emoji__eyebrows:after {
            margin-left: 25px;
        }

    .emoji--wow .emoji__eyes {
        width: 16px;
        height: 24px;
        left: calc(50% - 8px);
        top: 35px;
        border-radius: 50%;
        background: transparent;
        box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
    }

    .emoji--wow .emoji__mouth {
        width: 30px;
        height: 45px;
        left: calc(50% - 15px);
        top: 50%;
        border-radius: 50%;
        background: #000000;
        -webkit-animation: wow-mouth 3s linear infinite;
        animation: wow-mouth 3s linear infinite;
    }

    .emoji--sad .emoji__face {
        -webkit-animation: sad-face 2s ease-in infinite;
        animation: sad-face 2s ease-in infinite;
    }

    .emoji--sad .emoji__eyebrows {
        left: calc(50% - 3px);
        top: 35px;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background: transparent;
        box-shadow: -40px 9px 0 0 #000000, -25px 0 0 0 #000000, 25px 0 0 0 #000000, 40px 9px 0 0 #000000;
    }

        .emoji--sad .emoji__eyebrows:before,
        .emoji--sad .emoji__eyebrows:after {
            width: 30px;
            height: 20px;
            border: 6px solid #000000;
            box-sizing: border-box;
            border-radius: 50%;
            border-bottom-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent;
            top: 2px;
            left: calc(50% - 15px);
        }

        .emoji--sad .emoji__eyebrows:before {
            margin-left: -30px;
            -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
        }

        .emoji--sad .emoji__eyebrows:after {
            margin-left: 30px;
            -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
        }

    .emoji--sad .emoji__eyes {
        width: 14px;
        height: 16px;
        left: calc(50% - 7px);
        top: 50px;
        border-radius: 50%;
        background: transparent;
        box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
    }

        .emoji--sad .emoji__eyes:after {
            background: #548DFF;
            width: 12px;
            height: 12px;
            margin-left: 6px;
            border-radius: 0 100% 40% 50% / 0 50% 40% 100%;
            -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
            -webkit-animation: tear-drop 2s ease-in infinite;
            animation: tear-drop 2s ease-in infinite;
        }

    .emoji--sad .emoji__mouth {
        width: 60px;
        height: 80px;
        left: calc(50% - 30px);
        top: 80px;
        box-sizing: border-box;
        border: 6px solid #000000;
        border-radius: 50%;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        background: transparent;
        -webkit-animation: sad-mouth 2s ease-in infinite;
        animation: sad-mouth 2s ease-in infinite;
    }

        .emoji--sad .emoji__mouth:after {
            width: 6px;
            height: 6px;
            background: transparent;
            border-radius: 50%;
            top: 4px;
            left: calc(50% - 3px);
            box-shadow: -18px 0 0 0 #000000, 18px 0 0 0 #000000;
        }

    .emoji--angry {
        background: linear-gradient(#D5234C -10%, #FFDA6A);
        background-size: 100%;
        -webkit-animation: angry-color 2s ease-in infinite;
        animation: angry-color 2s ease-in infinite;
    }

        .emoji--angry .emoji__face {
            -webkit-animation: angry-face 2s ease-in infinite;
            animation: angry-face 2s ease-in infinite;
        }

        .emoji--angry .emoji__eyebrows {
            left: calc(50% - 3px);
            top: 55px;
            height: 6px;
            width: 6px;
            border-radius: 50%;
            background: transparent;
            box-shadow: -44px 5px 0 0 #000000, -7px 16px 0 0 #000000, 7px 16px 0 0 #000000, 44px 5px 0 0 #000000;
        }

            .emoji--angry .emoji__eyebrows:before,
            .emoji--angry .emoji__eyebrows:after {
                width: 50px;
                height: 20px;
                border: 6px solid #000000;
                box-sizing: border-box;
                border-radius: 50%;
                border-top-color: transparent;
                border-left-color: transparent;
                border-right-color: transparent;
                top: 0;
                left: calc(50% - 25px);
            }

            .emoji--angry .emoji__eyebrows:before {
                margin-left: -25px;
                -webkit-transform: rotate(15deg);
                transform: rotate(15deg);
            }

            .emoji--angry .emoji__eyebrows:after {
                margin-left: 25px;
                -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg);
            }

        .emoji--angry .emoji__eyes {
            width: 12px;
            height: 12px;
            left: calc(50% - 6px);
            top: 70px;
            border-radius: 50%;
            background: transparent;
            box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
        }

        .emoji--angry .emoji__mouth {
            width: 36px;
            height: 18px;
            left: calc(50% - 18px);
            bottom: 15px;
            background: #000000;
            border-radius: 50%;
            -webkit-animation: angry-mouth 2s ease-in infinite;
            animation: angry-mouth 2s ease-in infinite;
        }

    @-webkit-keyframes slideUp {
        0% {
            opacity: 0;
            transform: translateY(30px);
        }

        100% {
            opacity: 1;
            transform: translateY(0px);
        }
    }

    @keyframes slideUp {
        0% {
            opacity: 0;
            transform: translateY(30px);
        }

        100% {
            opacity: 1;
            transform: translateY(0px);
        }
    }

    @-webkit-keyframes heart-beat {
        25% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        75% {
            -webkit-transform: scale(0.6);
            transform: scale(0.6);
        }
    }

    @keyframes heart-beat {
        25% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        75% {
            -webkit-transform: scale(0.6);
            transform: scale(0.6);
        }
    }

    @-webkit-keyframes haha-face {

        10%, 30%, 50% {
            -webkit-transform: translateY(25px);
            transform: translateY(25px);
        }

        20%, 40% {
            -webkit-transform: translateY(15px);
            transform: translateY(15px);
        }

        60%, 80% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        70%, 90% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }
    }

    @keyframes haha-face {

        10%, 30%, 50% {
            -webkit-transform: translateY(25px);
            transform: translateY(25px);
        }

        20%, 40% {
            -webkit-transform: translateY(15px);
            transform: translateY(15px);
        }

        60%, 80% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        70%, 90% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }
    }

    @-webkit-keyframes haha-mouth {

        10%, 30%, 50% {
            -webkit-transform: scale(0.6);
            transform: scale(0.6);
            top: 45%;
        }

        20%, 40% {
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
            top: 45%;
        }

        60%, 80% {
            -webkit-transform: scale(1);
            transform: scale(1);
            top: 50%;
        }

        70% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            top: 50%;
        }

        90% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            top: 50%;
        }
    }

    @keyframes haha-mouth {

        10%, 30%, 50% {
            -webkit-transform: scale(0.6);
            transform: scale(0.6);
            top: 45%;
        }

        20%, 40% {
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
            top: 45%;
        }

        60%, 80% {
            -webkit-transform: scale(1);
            transform: scale(1);
            top: 50%;
        }

        70% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            top: 50%;
        }

        90% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            top: 50%;
        }
    }

    @-webkit-keyframes wow-face {

        15%, 25% {
            -webkit-transform: rotate(20deg) translateX(-25px);
            transform: rotate(20deg) translateX(-25px);
        }

        45%, 65% {
            -webkit-transform: rotate(-20deg) translateX(25px);
            transform: rotate(-20deg) translateX(25px);
        }

        75%, 100% {
            -webkit-transform: rotate(0deg) translateX(0);
            transform: rotate(0deg) translateX(0);
        }
    }

    @keyframes wow-face {

        15%, 25% {
            -webkit-transform: rotate(20deg) translateX(-25px);
            transform: rotate(20deg) translateX(-25px);
        }

        45%, 65% {
            -webkit-transform: rotate(-20deg) translateX(25px);
            transform: rotate(-20deg) translateX(25px);
        }

        75%, 100% {
            -webkit-transform: rotate(0deg) translateX(0);
            transform: rotate(0deg) translateX(0);
        }
    }

    @-webkit-keyframes wow-brow {

        15%, 65% {
            top: 25px;
        }

        75%, 100%, 0% {
            top: 15px;
        }
    }

    @keyframes wow-brow {

        15%, 65% {
            top: 25px;
        }

        75%, 100%, 0% {
            top: 15px;
        }
    }

    @-webkit-keyframes wow-mouth {

        10%, 30% {
            width: 20px;
            height: 20px;
            left: calc(50% - 10px);
        }

        50%, 70% {
            width: 30px;
            height: 40px;
            left: calc(50% - 15px);
        }

        75%, 100% {
            height: 50px;
        }
    }

    @keyframes wow-mouth {

        10%, 30% {
            width: 20px;
            height: 20px;
            left: calc(50% - 10px);
        }

        50%, 70% {
            width: 30px;
            height: 40px;
            left: calc(50% - 15px);
        }

        75%, 100% {
            height: 50px;
        }
    }

    @-webkit-keyframes sad-face {

        25%, 35% {
            top: -15px;
        }

        55%, 95% {
            top: 10px;
        }

        100%, 0% {
            top: 0;
        }
    }

    @keyframes sad-face {

        25%, 35% {
            top: -15px;
        }

        55%, 95% {
            top: 10px;
        }

        100%, 0% {
            top: 0;
        }
    }

    @-webkit-keyframes sad-mouth {

        25%, 35% {
            -webkit-transform: scale(0.85);
            transform: scale(0.85);
            top: 70px;
        }

        55%, 100%, 0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            top: 80px;
        }
    }

    @keyframes sad-mouth {

        25%, 35% {
            -webkit-transform: scale(0.85);
            transform: scale(0.85);
            top: 70px;
        }

        55%, 100%, 0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            top: 80px;
        }
    }

    @-webkit-keyframes tear-drop {

        0%, 100% {
            display: block;
            left: 35px;
            top: 15px;
            -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
        }

        25% {
            display: block;
            left: 35px;
            -webkit-transform: rotate(45deg) scale(2);
            transform: rotate(45deg) scale(2);
        }

        49.9% {
            display: block;
            left: 35px;
            top: 65px;
            -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
        }

        50% {
            display: block;
            left: -35px;
            top: 15px;
            -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
        }

        75% {
            display: block;
            left: -35px;
            -webkit-transform: rotate(45deg) scale(2);
            transform: rotate(45deg) scale(2);
        }

        99.9% {
            display: block;
            left: -35px;
            top: 65px;
            -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
        }
    }

    @keyframes tear-drop {

        0%, 100% {
            display: block;
            left: 35px;
            top: 15px;
            -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
        }

        25% {
            display: block;
            left: 35px;
            -webkit-transform: rotate(45deg) scale(2);
            transform: rotate(45deg) scale(2);
        }

        49.9% {
            display: block;
            left: 35px;
            top: 65px;
            -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
        }

        50% {
            display: block;
            left: -35px;
            top: 15px;
            -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
        }

        75% {
            display: block;
            left: -35px;
            -webkit-transform: rotate(45deg) scale(2);
            transform: rotate(45deg) scale(2);
        }

        99.9% {
            display: block;
            left: -35px;
            top: 65px;
            -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
        }
    }

    @-webkit-keyframes hands-up {
        25% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }

        50% {
            -webkit-transform: rotate(-15deg) translateY(-10px);
            transform: rotate(-15deg) translateY(-10px);
        }

        75%, 100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @keyframes hands-up {
        25% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }

        50% {
            -webkit-transform: rotate(-15deg) translateY(-10px);
            transform: rotate(-15deg) translateY(-10px);
        }

        75%, 100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @-webkit-keyframes thumbs-up {
        25% {
            -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
        }

        50%, 100% {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
        }
    }

    @keyframes thumbs-up {
        25% {
            -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
        }

        50%, 100% {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
        }
    }

    @-webkit-keyframes angry-color {

        45%, 60% {
            background-size: 250%;
        }

        85%, 100%, 0% {
            background-size: 100%;
        }
    }

    @keyframes angry-color {

        45%, 60% {
            background-size: 250%;
        }

        85%, 100%, 0% {
            background-size: 100%;
        }
    }

    @-webkit-keyframes angry-face {

        35%, 60% {
            -webkit-transform: translateX(0) translateY(10px) scale(0.9);
            transform: translateX(0) translateY(10px) scale(0.9);
        }

        40%, 50% {
            -webkit-transform: translateX(-5px) translateY(10px) scale(0.9);
            transform: translateX(-5px) translateY(10px) scale(0.9);
        }

        45%, 55% {
            -webkit-transform: translateX(5px) translateY(10px) scale(0.9);
            transform: translateX(5px) translateY(10px) scale(0.9);
        }
    }

    @keyframes angry-face {

        35%, 60% {
            -webkit-transform: translateX(0) translateY(10px) scale(0.9);
            transform: translateX(0) translateY(10px) scale(0.9);
        }

        40%, 50% {
            -webkit-transform: translateX(-5px) translateY(10px) scale(0.9);
            transform: translateX(-5px) translateY(10px) scale(0.9);
        }

        45%, 55% {
            -webkit-transform: translateX(5px) translateY(10px) scale(0.9);
            transform: translateX(5px) translateY(10px) scale(0.9);
        }
    }

    @-webkit-keyframes angry-mouth {

        25%, 50% {
            height: 6px;
            bottom: 25px;
        }
    }

    @keyframes angry-mouth {

        25%, 50% {
            height: 6px;
            bottom: 25px;
        }
    }

    .reaction:hover {
        transform: scale(1.23077) translate(0, -3px);
        top: 2px
    }

    .reaction::before {
        display: inline-block;
        color: #ffffff;
        text-align: center;
        line-height: 16px;
        font-size: 10px;
        left: 50%;
        padding: 0 8px;
        background-color: rgba(0, 0, 0, .75);
        border-radius: 2em;
        position: absolute;
        top: -18px;
        opacity: 0;
        transition: opacity .15s ease;
        font-weight: 600;
        transform: translateX(-50%);
        white-space: nowrap;
    }

    .reaction:hover::before {
        opacity: 1
    }

    .reaction-like::before {
        content: 'Like'
    }

    .reaction-love::before {
        content: 'Love'
    }

    .reaction-haha::before {
        content: 'Haha'
    }

    .reaction-wow::before {
        content: 'Wow'
    }

    .reaction-sad::before {
        content: 'Sad'
    }

    .reaction-angry::before {
        content: 'Angry'
    }

    .inline_post_emoji {
        width: 18px;
        height: 18px;
        display: inline-block;
        margin-right: 4px;
    }

        .inline_post_emoji > .reaction {
            width: 19px;
            height: 19px;
            display: inline-block;
            line-height: 0;
        }

        .inline_post_emoji .emoji {
            transform: scale(0.15);
            top: -285%;
            right: 285%;
        }

    .no_anim .emoji--wow .emoji__eyebrows {
        top: 15px;
    }

    .no_anim .emoji--sad .emoji__eyes:after {
        display: block;
        left: -35px;
        -webkit-transform: rotate(45deg) scale(2);
        transform: rotate(45deg) scale(2);
    }

    .no_anim .emoji--like .emoji__hand,
    .no_anim .emoji--like .emoji__thumb,
    .no_anim .emoji--love .emoji__heart,
    .no_anim .emoji--haha .emoji__face,
    .no_anim .emoji--haha .emoji__mouth,
    .no_anim .emoji--wow .emoji__face,
    .no_anim .emoji--wow .emoji__eyebrows,
    .no_anim .emoji--wow .emoji__mouth,
    .no_anim .emoji--sad .emoji__face,
    .no_anim .emoji--sad .emoji__mouth,
    .no_anim .emoji--sad .emoji__eyes:after,
    .no_anim .emoji--angry,
    .no_anim .emoji--angry .emoji__face,
    .no_anim .emoji--angry .emoji__mouth {
        animation: none;
    }

    .inline_post_count_emoji {
        width: 18px;
        height: 18px;
        display: inline-block;
        line-height: 1;
    }

    #wo_post_stat_button .stat-item .inline_post_count_emoji {
        width: 23px;
        height: 23px;
    }

    .inline_post_count_emoji .emoji {
        transform: scale(0.1333);
        top: -324%;
        right: 324%;
    }

    .like-btn-text-like {
        color: rgb(88, 144, 255);
    }

    .like-btn-text-wow,
    .like-btn-text-haha,
    .like-btn-text-sad {
        color: rgb(240, 186, 21)
    }

    .like-btn-text-love {
        color: rgb(242, 82, 104)
    }

    .like-btn-text-angry {
        color: rgb(247, 113, 75);
    }

    .like-emo > .how_reacted {
        background: #fff;
        display: inline-flex;
        margin: 0 0 0 -6px;
        padding: 3px;
        border-radius: 50%;
    }

        .like-emo > .how_reacted:nth-child(1) {
            z-index: 3;
            margin-left: -10px;
        }

        .like-emo > .how_reacted:nth-child(2) {
            z-index: 2;
        }

        .like-emo > .how_reacted:nth-child(3) {
            z-index: 1;
        }

    .like-details {
        margin-left: 10px;
        color: #9197a3;
        font-size: 14.5px;
    }

    .like-emo {
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    #active_react {
        display: flex;
    }

        #active_react .stat-item {
            padding: 0px 7px !important;
        }

    .like-emo .how_many_reacts {
        line-height: 1;
        font-weight: normal;
        color: #999;
        font-size: 14px;
    }

    .wo_imagecombo_lbox .lightbox-post-footer .comment {
        margin-top: 0px;
    }

    #comment_reacted {
        margin-right: 10px;
        float: left;
        display: inline-block;
    }

        #comment_reacted .like-emo > .how_reacted {
            transform: scale(0.9);
            margin: 0 0 0 -8px;
            display: none;
        }

            #comment_reacted .like-emo > .how_reacted:nth-child(1) {
                z-index: 3;
                margin-left: -2px;
                display: inline-flex;
            }

            #comment_reacted .like-emo > .how_reacted:nth-child(2) {
                display: inline-flex;
            }

            #comment_reacted .like-emo > .how_reacted:nth-child(3) {
                display: inline-flex;
            }

        #comment_reacted .like-emo .how_many_reacts {
            font-size: 13px;
            color: #888;
        }

    #comment_reactions {
        padding: 0;
        display: inline-block;
    }

        #comment_reactions .like-btn .rea {
            display: block;
        }

    .wo_who_react_this {
        display: inline-block;
        margin-left: -3px;
    }

    .inline_act_emoji {
        overflow: hidden;
        position: relative;
        margin-bottom: -5px;
        transform: scale(0.8);
        margin-right: 0;
    }

    #inline_emo_react {
        position: relative;
    }

        #inline_emo_react .wo_who_react_this {
            position: absolute;
            top: 0;
            right: 10px;
            background: #f9f9f9;
            border-radius: 50%;
            width: 23px;
            height: 23px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #inline_emo_react .wo_who_react_this .inline_act_emoji {
                transform: scale(1);
                margin-bottom: 0px;
            }

    .post .post-footer .comments-list .comment .comment-body .like-btn {
        z-index: 9;
    }

    .post .post-footer .comments-list .comment .comment-body .reactions-box {
        z-index: 5;
        top: -55px;
    }

        .post .post-footer .comments-list .comment .comment-body .reactions-box li {
            animation: none;
        }

    /*Payment Box*/
    .payment_box .btn {
        width: 100%;
        background-color: white;
        color: #2c2c2c;
        text-align: inherit;
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        border-radius: 0;
        padding: 20px 25px;
        transition: all 0.15s;
        font-family: "Lato", sans-serif;
        font-weight: 600;
        box-shadow: none;
    }

        .payment_box .btn:hover {
            background-color: rgba(0, 0, 0, 0.04);
        }

        .payment_box .btn:last-child {
            border: 0;
        }

        .payment_box .btn svg,
        .payment_box .btn img {
            margin-right: 15px;
            width: 32px;
            height: 32px;
        }

    /*Send Gift*/
    .send_gift_btn {
        font-family: 'Poppins';
        margin-bottom: 20px;
        padding: 15px;
        overflow: hidden;
        /*background-color: #fce6e6;*/
    }

        .send_gift_btn img {
            width: 70%;
            height: auto;
            margin-bottom: 15px;
        }

        .send_gift_btn > div {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 15px;
        }

            .send_gift_btn > div svg {
                flex: 0 0 auto;
            }

        .send_gift_btn .btn {
            font-weight: 500;
            font-family: 'Poppins';
            line-height: 42px;
        }

    .wo_send_gift {
        display: flex;
        flex-wrap: wrap;
        max-height: calc(100vh - 210px);
        overflow: hidden;
        overflow-y: auto;
        gap: 10px;
        padding-bottom: 10px;
    }

        .wo_send_gift .gift-data {
            flex: 0 0 auto;
            width: calc(100% / 3 - 8px);
            position: relative;
            overflow: hidden;
            display: block;
        }

            .wo_send_gift .gift-data label {
                margin: 0;
                position: relative;
                padding-bottom: 100%;
                display: block;
            }

                .wo_send_gift .gift-data label input {
                    visibility: hidden;
                    position: absolute;
                }

                    .wo_send_gift .gift-data label input + img {
                        cursor: pointer;
                        border-radius: 10px;
                        transition: all 0.15s ease;
                        border: 2px solid transparent;
                    }

                .wo_send_gift .gift-data label > input:checked + img {
                    border-color: #a52729;
                }

                .wo_send_gift .gift-data label img {
                    top: 0;
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                    user-select: none;
                }

    .neg_padd {
        margin-bottom: -15px;
    }

        .neg_padd table {
            margin-bottom: 0;
        }

    /*User Media profile*/
    .user_media_list_section {
        display: block;
        overflow: hidden;
    }

        .user_media_list_section .photo-data,
        .user_media_list_section .video-data {
            width: 33.3333333%;
            position: relative;
            padding: 8px;
            overflow: hidden;
            float: left;
        }

            .user_media_list_section .photo-data:nth-child(3),
            .user_media_list_section .video-data:nth-child(3) {
                float: right;
                height: 532.88px;
            }

            .user_media_list_section .photo-data a,
            .user_media_list_section .video-data a {
                position: relative;
                padding-bottom: 100%;
                display: block;
                overflow: hidden;
                background: #eee;
            }

            .user_media_list_section .photo-data:nth-child(3) a,
            .user_media_list_section .video-data:nth-child(3) a {
                height: 100%;
                padding: 0;
            }

            .user_media_list_section .photo-data a:after,
            .user_media_list_section .video-data a:after {
                content: '';
                transition: all 0.2s;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

            .user_media_list_section .photo-data a:hover:after,
            .user_media_list_section .video-data a:hover:after {
                background-color: rgba(0, 0, 0, 0.15);
            }

            .user_media_list_section .photo-data a img,
            .user_media_list_section .video-data a video {
                top: 0;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                object-fit: cover;
                width: 100%;
                height: 100%;
                user-select: none;
                border-radius: 4px;
            }

        .user_media_list_section.sidebar_data_photo {
            margin: 0;
        }

            .user_media_list_section.sidebar_data_photo .photo-data {
                padding: 0 3px 5px;
                flex: 0 0 33.3333333% !important;
                width: 33.3333333% !important;
            }

    /*Comment Emojis*/
    #wo_comm_emojis,
    .wo_imagecombo_lbox .emo-post-container.dropdown-menu {
        width: 280px;
        overflow: hidden;
        overflow-y: auto;
        max-height: 200px;
        padding: 0;
    }

        #wo_comm_emojis .emoji_holder,
        .wo_imagecombo_lbox .emo-post-container.dropdown-menu .emoji_holder {
            display: inline-flex;
            margin: 4px;
            cursor: pointer;
            transition: all 0.2s;
            justify-content: center;
            align-items: center;
            height: 30px;
            width: 30px;
        }

            #wo_comm_emojis .emoji_holder span,
            .wo_imagecombo_lbox .emo-post-container.dropdown-menu .emoji_holder span {
                font-size: 21px;
            }

    /*Earn Points*/
    .earn_points {
        margin-bottom: 10px;
        padding: 0 5px;
    }

        .earn_points .ep_illus {
            margin-bottom: 25px;
            margin-top: 20px;
            padding-bottom: 15px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        }

            .earn_points .ep_illus .ep_how_many {
                padding: 10px;
                display: flex;
                align-items: center;
            }

                .earn_points .ep_illus .ep_how_many svg {
                    display: block;
                    background-color: #7a7a7a;
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    padding: 12px;
                    color: white;
                    margin: 0 15px 0 0;
                }

                .earn_points .ep_illus .ep_how_many.reaction_bg svg {
                    background-color: rgba(255, 152, 0, 0.2);
                    color: #FF9800;
                }

                .earn_points .ep_illus .ep_how_many.create_post svg {
                    background-color: rgba(33, 150, 243, 0.2);
                    color: #2196F3;
                }

                .earn_points .ep_illus .ep_how_many.comment_post svg {
                    background-color: rgba(76, 175, 80, 0.2);
                    color: #4caf50;
                }

                .earn_points .ep_illus .ep_how_many.wonder_post svg {
                    background-color: rgba(244, 67, 54, 0.2);
                    color: #f44336;
                }

                .earn_points .ep_illus .ep_how_many.like_post svg {
                    background-color: rgba(103, 58, 183, 0.2);
                    color: #673AB7;
                }

                .earn_points .ep_illus .ep_how_many b {
                    margin: 0;
                    font-weight: bold;
                    font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
                    ;
                    color: #535353;
                }

        .earn_points .counter {
            background-color: #fafafa;
            padding: 25px 15px;
            border-radius: 20px;
            position: relative;
            overflow: hidden;
        }

            .earn_points .counter svg {
                color: #000000;
                position: absolute;
                right: -20px;
                top: -20px;
                width: 95px;
                height: 95px;
                opacity: 0.1;
            }

            .earn_points .counter h2 {
                margin-top: 10px;
                margin-bottom: 0;
                font-size: 37px;
                font-family: 'Poppins';
                font-weight: 600;
            }

            .earn_points .counter .point-text {
                font-size: 18px;
                padding: 0 0 1px;
                font-family: 'Poppins';
                font-weight: 600;
            }

            .earn_points .counter .count-text {
                font-size: 12px;
                margin-top: 10px;
                margin-bottom: 0;
            }

        .earn_points .points_tip {
            height: 140px;
            border: 1px dashed #d7d7d7;
            padding: 20px 10px;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            text-align: center;
        }

            .earn_points .points_tip svg {
                margin-bottom: 7px;
                color: #727272;
            }

            .earn_points .points_tip p {
                margin: 0;
            }

                .earn_points .points_tip p a {
                    color: #0073ce;
                    text-decoration: underline;
                }

    .wo_points_main {
        padding: 0;
        margin: 15px 0;
    }

        .wo_points_main .ep_illus {
            margin-top: 8px;
            margin-bottom: 0;
            padding: 0;
            border: 0;
        }

            .wo_points_main .ep_illus .ep_how_many {
                padding: 17px 10px;
            }

                .wo_points_main .ep_illus .ep_how_many.comment_post svg {
                    background-color: #FFEBF6;
                }

                .wo_points_main .ep_illus .ep_how_many.create_post svg {
                    background-color: #FFF4F2;
                }

                .wo_points_main .ep_illus .ep_how_many.reaction_bg svg {
                    background-color: #FFF8EB;
                }

                .wo_points_main .ep_illus .ep_how_many.create_blog svg {
                    background-color: #E1DDF6;
                }

                .wo_points_main .ep_illus .ep_how_many svg {
                    width: 60px;
                    height: 60px;
                    border-radius: 25px;
                    padding: 15px;
                    flex: 0 0 auto;
                }

                .wo_points_main .ep_illus .ep_how_many b {
                    font-family: 'Poppins';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                }

    /*Active Sessions*/
    .active_sessions .as_list {
        padding: 20px;
        position: relative;
        border-radius: 20px;
        margin-top: 20px;
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        background: #fafafa;
    }

        .active_sessions .as_list .hdr {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 15px;
        }

            .active_sessions .as_list .hdr h4 {
                font-weight: bold;
                font-family: 'Poppins';
                font-size: 22px;
                margin: 0;
            }

        .active_sessions .as_list .log_out_session {
            width: 30px;
            height: 30px;
            min-width: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            border-radius: 50%;
            background: transparent;
            box-shadow: none;
        }

            .active_sessions .as_list .log_out_session svg {
                margin: 0;
                width: 22px;
                height: 22px;
            }

        .active_sessions .as_list .session_info {
            display: block;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
        }

            .active_sessions .as_list .session_info p {
                margin: 8px 0 0;
                line-height: 1;
                color: #656565;
            }

                .active_sessions .as_list .session_info p svg {
                    margin: -2px 3px 0 0;
                    width: 17px;
                    height: 17px;
                    opacity: 0.7;
                }

        .active_sessions .as_list .platform_icon {
            display: flex;
            justify-content: flex-end;
            opacity: 0.2;
            margin: 5px 0 0;
        }

            .active_sessions .as_list .platform_icon svg {
                width: 35px;
                height: 35px;
            }

    #filterby-post .filter_negative_clr,
    #filterby-post .filter_negative_clr svg {
        color: #333333;
    }

    /*Night Toggle*/
    #night_mode_toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    /*Search Filter*/
    .wow_search_head .right_part .search-blog input {
        width: 100%;
    }

    .wow_search_head .right_part .dropdown.count {
        flex: 1 1 auto;
    }

    .wow_search_head .market_widget .m_widget_head > select {
        width: 100%;
        padding: 11px 10px;
    }

    .wow_search_head .right_part > .btn {
        line-height: 40px;
        border-radius: 8px;
        font-family: 'Poppins';
        min-width: 170px;
        margin: 0 15px;
    }

    .wow_srch_innr_filtr {
        padding: 0 10px;
        margin-bottom: 20px;
    }

        .wow_srch_innr_filtr > p {
            font-weight: bold;
            margin-bottom: 5px;
            text-align: center;
            font-family: 'Convergence';
        }

        .wow_srch_innr_filtr .pp_mat_input {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            margin: 0 -4px;
        }

        .wow_srch_innr_filtr .round_check {
            display: inline-block;
            margin: 0 4px;
        }

            .wow_srch_innr_filtr .round_check input {
                display: none;
            }

            .wow_srch_innr_filtr .round_check label {
                margin: 0;
                transition: all .2s ease-in-out;
                padding: 0 13px;
                font-size: 14px;
                line-height: 28px;
                background-color: #f0f0f0;
                color: #393939;
                border-radius: 2em;
            }

            .wow_srch_innr_filtr .round_check input:checked + label {
                color: #ffffff;
                background-color: #b59aff;
            }

        .wow_srch_innr_filtr .pp_mat_input .age_number {
            width: 75px;
            text-align: center;
            border: 0;
            border-radius: 2em;
            padding: 0 14px;
            font-size: 14.5px;
            line-height: 28px;
            background-color: #f0f0f0 !important;
            color: #393939;
            margin-left: auto;
        }

        .wow_srch_innr_filtr .ui-slider {
            border-radius: 2em;
            box-shadow: none;
            height: 4px;
            margin-top: 15px;
            background: rgba(63, 81, 181, 0.25);
            z-index: 9;
        }

            .wow_srch_innr_filtr .ui-slider .ui-slider-handle {
                width: 15px;
                height: 15px;
                outline: none;
                border: 0;
                border-radius: 50%;
                top: -5px;
            }

            .wow_srch_innr_filtr .ui-slider .ui-slider-range,
            .wow_srch_innr_filtr .ui-slider .ui-slider-handle {
                background-color: #3F51B5;
            }

    .wow_srch_tabs {
        box-shadow: 0px -6px 30px rgba(0, 0, 0, 0.06);
    }

    .wo_search_page .wo_my_pages .page_title {
        margin-top: 10px;
    }

    /*Keyboard Shortcuts*/
    .key_shortcts tr {
        margin: 0 0 17px;
        display: flex;
        align-items: center;
    }

        .key_shortcts tr:last-child {
            margin: 0;
        }

    .key_shortcts th .key {
        width: 49px;
        height: 51px;
        border-width: 3px 7px 10px;
        border-style: solid;
        border-radius: 4px;
        background: #e4e4e4;
        border-color: #ece8e4 #e4e4e4 #cccccc;
    }

    .key_shortcts th span {
        width: 35px;
        height: 38px;
        padding: 5px 0 0 7px;
        font-size: 20px;
        line-height: 1;
        background: #f4f4f4;
        border-radius: 4px;
        position: relative;
        display: block;
    }

    .key_shortcts td {
        padding: 0 10px 3px;
    }

    /*Modals*/
    .modal-content {
        box-shadow: 0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);
        border-radius: 16px;
        box-shadow: none;
    }

    .modal-header {
        background-color: #f5f6f7;
        border-color: #e5e5e5;
        padding: 10px 12px;
    }

    .modal-title {
        color: #5d5f93;
        font-weight: 400;
        line-height: 19px;
        font-size: 30px;
        font-family: 'Convergence';
    }

    .modal .modal-footer {
        background: #fff0;
        padding: 9px 0 15px;
        border-top: 1px solid #dddfe2;
        margin: 0 15px;
        border: 0;
    }

        .modal .modal-footer .btn.btn-mat {
            box-shadow: none !important;
            border-radius: 15px;
            line-height: 44px;
            font-family: Convergence;
            font-style: normal;
            font-weight: 500;
        }

    /*User Pokes*/
    .wo_pokes_cont {
        border-radius: 16px;
        /* box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1; */
        background-color: #fff;
        padding: 0 10px;
        margin-bottom: 15px;
    }

    .wo_poke_users {
        background: #fff;
        overflow: hidden;
        padding: 10px 5px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    }

        .wo_poke_users:last-child {
            border: 0;
        }

        .wo_poke_users .btn {
            margin: 5px 0 0;
        }

            .wo_poke_users .btn svg {
                width: 18px;
                height: 18px;
                margin-right: 5px;
            }

        .wo_poke_users .poke_info .avatar {
            background: transparent 50% 50% no-repeat;
            background-size: cover;
            border-radius: 50%;
            display: inline-block;
            height: 100px;
            width: 100px;
            overflow: hidden;
        }

        .wo_poke_users .poke_info .user-name {
            font-family: "Lato", sans-serif;
            font-size: 17px;
            color: #474747;
        }

    .end_vdo_call,
    .start_vdo_call {
        padding: 0;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
    }

    /*Setting Page*/
    #wo_main_sett_mid .wo_settings_page {
        box-shadow: 0px 30px 30px rgb(0 35 196 / 3%);
        border-radius: 16px;
        padding: 15px 25px;
    }

        #wo_main_sett_mid .wo_settings_page form {
            font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        }

        #wo_main_sett_mid .wo_settings_page .text-center {
            text-align: end;
        }

            #wo_main_sett_mid .wo_settings_page .text-center > .btn-mat {
                margin: 17px 0 15px;
                min-width: 150px;
                line-height: 50px;
                font-family: 'Convergence';
                font-weight: 500;
                font-size: 18px;
                box-shadow: none !important;
                border-radius: 14px;
            }

    .sett_tab_noti {
        overflow: hidden;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        padding: 5px 0;
    }

        .sett_tab_noti li {
            width: 50%;
            float: left;
            text-align: center;
        }

            .sett_tab_noti li a {
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all 0.2s;
                text-decoration: none;
                padding: 7px 5px;
                border-radius: 14px;
            }

                .sett_tab_noti li a:hover {
                    color: black;
                }

            .sett_tab_noti li.active a {
                background-color: rgba(0, 0, 0, 0.05);
                color: black;
            }

            .sett_tab_noti li a svg {
                width: 18px;
                height: 18px;
                margin-right: 3px;
            }

    .wow_sett_privt_labls .wow_form_fields > label {
        font-weight: normal;
    }

    /*Header*/
    #head_menu_rght .sixteen-font-size {
        /* padding: 25px 15px; transition: all 0.1s; */
        padding: 10px;
        border-radius: 10px;
        margin-top: 15px;
        transition: all 0.1s;
    }

        #head_menu_rght .sixteen-font-size:hover {
            background: rgb(234 234 234 / 30%);
        }

    .animated {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .animated_2 {
        -webkit-animation-duration: 0.1s;
        animation-duration: 0.1s;
    }

    .animated_4 {
        -webkit-animation-duration: 0.2s;
        animation-duration: 0.2s;
    }

    .animated_6 {
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
    }

    .animated_8 {
        -webkit-animation-duration: 0.4s;
        animation-duration: 0.4s;
    }

    .animated_10 {
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
    }

    .animated_12 {
        -webkit-animation-duration: 0.6s;
        animation-duration: 0.6s;
    }

    @-webkit-keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    /*Greeting*/
    .greetalert {
        background: #fff;
        padding: 15px 17px;
        border-radius: 16px;
        position: relative;
        border-left: 2.5px solid;
        z-index: 10;
    }

        .greetalert .close {
            right: 4px;
            top: 0px;
            position: absolute;
        }

        .greetalert img {
            width: 40px;
            height: 40px;
            object-fit: cover;
            position: absolute;
            right: 14px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            user-select: none;
        }

        .greetalert .small-texts {
            font-weight: bold;
            font-size: 15.5px;
            padding-right: 50px;
            display: block;
        }

        .greetalert p {
            font-weight: normal;
            font-size: 13.5px;
            margin-bottom: 0;
            margin-top: 2px;
            padding-right: 50px;
        }

    /*Image Crop*/
    .wo_crop_img_pic {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

        .wo_crop_img_pic img {
            max-height: 400px;
            max-width: 100%;
            text-align: center;
        }

        .wo_crop_img_pic .rcrop-preview-wrapper {
            border-radius: 50%;
            overflow: hidden;
            height: 130px;
            width: 130px;
        }

    /*Story*/
    .width_ {
        width: 0;
    }

    .wo_imagecombo_lbox.story_lightbox {
        max-width: 1500px;
        height: 100%;
        overflow: hidden;
        margin: auto;
    }

        .wo_imagecombo_lbox.story_lightbox.story_width_ {
            max-width: 400px;
        }

        .wo_imagecombo_lbox.story_lightbox .mfp-wrap {
            position: absolute;
            width: 96%;
            height: 4px;
            border-radius: 2em;
            top: 10px;
            right: 2%;
            left: auto;
        }

            .wo_imagecombo_lbox.story_lightbox .mfp-wrap .mfp_progress_line_ {
                background-color: rgba(230, 231, 232, .4);
                width: 100%;
                height: 4px;
                display: block;
                border-radius: 2em;
            }

                .wo_imagecombo_lbox.story_lightbox .mfp-wrap .mfp_progress_line_ .load {
                    background-color: #e9ebee;
                    height: 4px;
                    display: block;
                    border-radius: 2em;
                    transition: all 8s;
                }

        .wo_imagecombo_lbox.story_lightbox .wo_story_header {
            display: flex;
            align-items: center;
            padding: 0 10px;
            margin-top: 4px;
            height: 61px;
            position: relative;
            z-index: 1;
        }

            .wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_story_header_bg {
                position: absolute;
                z-index: 0;
                top: 0;
                left: 0;
                width: 100%;
                height: 135px;
                background: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0.01));
            }

            .wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info {
                position: relative;
                display: flex;
                align-items: center;
            }

                .wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info .user-avatar,
                .wo_imagecombo_lbox.story_lightbox .story_view_list .user-avatar {
                    width: 40px;
                    min-width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    margin-right: 9px;
                    background-color: #353535;
                }

                    .wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info .user-avatar img,
                    .wo_imagecombo_lbox.story_lightbox .story_view_list .user-avatar img {
                        width: 100%;
                        height: 100%;
                        margin: 0;
                        object-fit: cover;
                    }

                .wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r .user-name {
                    margin: 5px 0 0px;
                    font-size: 16px;
                }

                    .wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r .user-name a {
                        color: white;
                        display: inline-flex;
                        gap: 5px;
                        align-items: center;
                    }

                .wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r span {
                    color: #888888;
                    font-size: 13px;
                    line-height: 1;
                }

            .wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_opts {
                position: relative;
                display: flex;
                align-items: center;
                margin-left: auto;
            }

    .wo_story_header .wo_stor_h_opts .like-emo {
        margin-top: -5px;
    }

    .wo_story_header .wo_stor_h_opts .inline_post_count_emoji .emoji {
        transform: scale(0.17);
    }

    .wo_story_header .wo_stor_h_opts .like-emo .how_many_reacts {
        color: #bebebe;
        font-size: 13px;
        margin: 0 3px;
    }

    .wo_imagecombo_lbox.story_lightbox .story_image_owner .changer,
    .wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer {
        top: 50%;
        width: 45px;
        height: 45px;
        transform: translateY(-50%);
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.5);
        color: whitesmoke;
        transition: all 0.15s;
        text-align: center;
    }

        .wo_imagecombo_lbox.story_lightbox .story_image_owner .changer:hover,
        .wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer:hover {
            color: #fff;
            background: #000;
        }

        .wo_imagecombo_lbox.story_lightbox .story_image_owner .changer svg,
        .wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer svg {
            width: 30px;
            height: 30px;
            margin: 7.5px 0px;
        }

        .wo_imagecombo_lbox.story_lightbox .story_image_owner .changer.previous-btn,
        .wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer.previous-btn {
            left: 10px;
        }

        .wo_imagecombo_lbox.story_lightbox .story_image_owner .changer.next-btn,
        .wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer.next-btn {
            right: 10px;
        }

    .wo_imagecombo_lbox.story_lightbox .story_image_owner .draggableHelper_story,
    .wo_imagecombo_lbox.story_lightbox .story_image_not_owner .draggableHelper_story {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        position: relative;
    }

        .wo_imagecombo_lbox.story_lightbox .story_image_owner .draggableHelper_story:before,
        .wo_imagecombo_lbox.story_lightbox .story_image_not_owner .draggableHelper_story:before {
            content: '';
            position: absolute;
            filter: blur(35px);
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0.4;
            margin: -35px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        .wo_imagecombo_lbox.story_lightbox .story_image_owner .draggableHelper_story img,
        .wo_imagecombo_lbox.story_lightbox .story_image_not_owner .draggableHelper_story img {
            max-height: calc(100vh - 115px);
        }

    .wo_imagecombo_lbox.story_lightbox .story_image_not_owner {
        margin: 0;
        width: 100%;
        height: calc(100% - 65px);
    }

    .wo_imagecombo_lbox.story_lightbox .draggableHelper_story_content {
        position: absolute;
        bottom: 0;
        color: white;
        left: 0;
        right: 0;
        font-size: 14.5px;
        padding: 10px;
        background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4));
        text-align: center;
    }

    .wo_imagecombo_lbox.story_lightbox .comment-section {
        background-color: #141414;
    }

        .wo_imagecombo_lbox.story_lightbox .comment-section .comment-section-inner {
            height: 100%;
            overflow-y: auto;
        }

        .wo_imagecombo_lbox.story_lightbox .comment-section .wo_story_header {
            background: transparent;
            height: auto;
            padding: 16px;
            margin: 0;
        }

            .wo_imagecombo_lbox.story_lightbox .comment-section .wo_story_header .user-avatar {
                width: 60px;
                min-width: 60px;
                height: 60px;
            }

        .wo_imagecombo_lbox.story_lightbox .comment-section .load-more .btn {
            background: transparent;
            color: #eaeaea;
        }

    .wo_imagecombo_lbox.story_lightbox .views_count {
        color: #fbfbfb;
        border-bottom: 1px solid #252525;
        padding: 10px 15px;
    }

    .wo_imagecombo_lbox.story_lightbox .story_views_ {
        border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    }

        .wo_imagecombo_lbox.story_lightbox .story_views_:last-child {
            border: 0;
        }

    .wo_imagecombo_lbox.story_lightbox .story_view_list {
        padding: 10px 15px;
        display: flex;
        align-items: center;
    }

        .wo_imagecombo_lbox.story_lightbox .story_view_list .user-name {
            margin: 0;
            font-weight: bold;
            font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            letter-spacing: 0.5px;
            word-spacing: 1px;
            min-width: 0;
        }

            .wo_imagecombo_lbox.story_lightbox .story_view_list .user-name a {
                color: #f0f2f5;
            }

            .wo_imagecombo_lbox.story_lightbox .story_view_list .user-name time {
                color: rgb(255 255 255 / 45%);
                font-weight: normal;
                letter-spacing: 0;
                word-spacing: 0;
            }

    .comm_mod_img_close {
        opacity: 1;
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 5;
    }

        .comm_mod_img_close svg {
            color: #fff;
            background-color: rgba(255, 255, 255, 0.07);
            border-radius: 50%;
            margin: 0;
            width: 30px;
            height: 30px;
            padding: 5px;
        }

    /*My Info*/
    .select_radio_btn {
        font-family: "Lato", sans-serif;
        padding: 20px 0 0;
    }

        .select_radio_btn h4 {
            text-align: center;
            font-size: 17px;
            font-weight: 600;
            margin: -15px 0 25px;
        }

        .select_radio_btn .select_radio_btn_innr {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }

        .select_radio_btn label {
            width: 33.3333333%;
            margin: 0;
            padding: 0 12px;
            margin-bottom: 24px;
        }

            .select_radio_btn label > input {
                opacity: 0;
                width: 0;
                height: 0;
                display: none;
            }

        .select_radio_btn .sr_btn_lab_innr {
            width: 100%;
            margin: 0;
            box-shadow: 0 0 0 1px #e6e6e6;
            border-radius: 6px;
            position: relative;
            text-align: center;
            background-color: #fff;
            cursor: pointer;
            transition: all 0.2s ease;
            display: block;
            padding: 20px 10px;
        }

        .select_radio_btn.small_rbtn .sr_btn_img {
            margin: auto;
            filter: grayscale(1);
            transition: all 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f1f1f1;
            border-radius: 50%;
            height: 60px;
            width: 60px;
            opacity: .7;
        }

            .select_radio_btn.small_rbtn .sr_btn_img svg {
                width: 34px;
                height: 34px;
            }

        .select_radio_btn .sr_btn_lab_innr > span {
            margin: 0;
            font-weight: bold;
            font-size: 14.5px;
            margin-top: 15px;
            display: block;
            text-transform: capitalize;
            color: #6c6c6c;
        }

        .select_radio_btn .sr_btn_lab_innr:hover {
            box-shadow: 0px 0px 0px 3px rgba(0, 102, 255, 0.5);
        }

        .select_radio_btn label > input:checked ~ .sr_btn_lab_innr {
            box-shadow: 0px 0px 0px 3px rgba(0, 102, 255, 0.5);
        }

            .select_radio_btn label > input:checked ~ .sr_btn_lab_innr .sr_btn_img {
                filter: grayscale(0);
                opacity: 1;
            }

    .ready_to_down_info {
        display: none;
        text-align: center;
        margin: 40px 0;
        padding: 0 20px;
    }

        .ready_to_down_info svg {
            width: 110px;
            height: 110px;
            margin-bottom: 20px;
        }

        .ready_to_down_info p {
            font-weight: 600;
            font-family: "Lato", sans-serif;
            margin-bottom: 35px;
        }

        .ready_to_down_info .btn {
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            padding: 6px 20px;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            color: #fff;
        }

    .select_radio_btn.setting_down_info_btns h4 {
        font-family: 'Poppins';
        text-align: start;
    }

    .select_radio_btn.setting_down_info_btns .select_radio_btn_innr {
        margin: 0 -12px;
    }

    .select_radio_btn.setting_down_info_btns .sr_btn_lab_innr {
        border-radius: 8px;
        box-shadow: none;
        padding: 60px 10px;
    }

    .select_radio_btn.setting_down_info_btns .sr_btn_img {
        filter: none;
        opacity: 1;
        border-radius: 6px;
        height: 67px;
        width: 67px;
        background: #fafafa;
    }

        .select_radio_btn.setting_down_info_btns .sr_btn_img svg {
            width: auto;
            height: auto;
        }

    .select_radio_btn.setting_down_info_btns .sr_btn_lab_innr > span {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
        letter-spacing: 0.04em;
        color: #262D34;
    }

    /*Share Post Modal*/
    .share_modal_social_icos {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding-bottom: 0px;
        border-bottom: 1px solid #eaeaea;
        margin-bottom: 0px;
    }

        .share_modal_social_icos > a {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: column;
            text-decoration: none;
            font-family: 'Poppins';
        }

            .share_modal_social_icos > a .social-btn {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #f3f3f3;
                margin-bottom: 10px;
            }

                .share_modal_social_icos > a .social-btn svg {
                    margin: 0;
                    width: 100%;
                    height: 100%;
                }

            .share_modal_social_icos > a > span {
                font-size: 14.5px;
            }

    .share_modal_opts_icos > h4 {
        text-align: initial;
    }

    .share_modal_opts_icos.select_radio_btn .select_radio_btn_innr {
        margin: 0 -12px;
    }

    .share_modal_opts_icos.select_radio_btn label {
        width: 50%;
    }

    .share_modal_opts_icos.select_radio_btn.small_rbtn .sr_btn_img {
        display: inline-flex;
        vertical-align: middle;
        height: 35px;
        width: 35px;
        border-radius: 10px;
    }

        .share_modal_opts_icos.select_radio_btn.small_rbtn .sr_btn_img svg {
            width: 24px;
            height: 24px;
        }

    .share_modal_opts_icos.select_radio_btn .sr_btn_lab_innr > span {
        display: inline-block;
        margin: 0 0 0 10px;
        vertical-align: middle;
    }

    .shar_modl_chose_pgrp input.form-control {
        height: auto;
        border: 2px solid #ebeef0;
        background-color: #ebeef0;
        font-size: 15px;
        padding: 7px 15px;
        border-radius: 2em;
        width: 100%;
        max-width: 350px;
        margin: auto;
        transition: all 0.15s;
    }

        .shar_modl_chose_pgrp input.form-control:focus {
            background-color: #fff;
        }

    .share_modl_post_cont .panel {
        background-color: #f4f4f400;
        box-shadow: none;
        margin: 0;
    }

    .share_modl_post_cont .post-heading {
        padding: 17px 15px;
    }

        .share_modl_post_cont .post-heading > .image {
            margin-top: -3px;
        }

        .share_modl_post_cont .post-heading .dropdown-toggle {
            display: block;
            margin: 9px 9px;
        }

    /*Who React Modal*/
    .who_react_modal {
        display: flex;
        align-items: center;
        margin: -4px 0;
    }

        .who_react_modal > span {
            display: flex;
            padding: 5px;
            height: 28px;
            margin: 0 0 0 10px;
        }

            .who_react_modal > span .inline_act_emoji {
                transform: scale(1.2);
            }

            .who_react_modal > span .inline_post_emoji .reaction > img {
                width: 22px;
                height: 22px;
            }

    .who_react_to_this_user {
        display: flex;
        align-items: center;
        padding: 10px 7px;
        border-bottom: 1px solid #eaeaea;
    }

        .who_react_to_this_user:last-child {
            border: 0;
        }

        .who_react_to_this_user .who_react_to_this_user_info {
            display: flex;
            align-items: center
        }

            .who_react_to_this_user .who_react_to_this_user_info a {
                text-decoration: none;
                color: #1d2129;
            }

            .who_react_to_this_user .who_react_to_this_user_info .user-popover p {
                max-height: 35px;
                overflow: hidden;
                margin: 0;
            }

        .who_react_to_this_user .avatar {
            width: 40px;
            min-width: 40px;
            margin-right: 15px;
            height: 40px;
            border-radius: 50%;
        }

            .who_react_to_this_user .avatar img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 50%;
            }

            .who_react_to_this_user .avatar .wo_who_react_this {
                top: auto !important;
                bottom: -4px;
                right: -4px !important;
                background: transparent !important;
                width: 18px !important;
                height: 18px !important;
            }

        .who_react_to_this_user .user-follow-button {
            margin-left: auto;
        }

            .who_react_to_this_user .user-follow-button button {
                padding: 3px 9px !important;
            }

    .wo_react_ursrs_list {
        max-height: 450px;
        overflow-y: auto;
    }

    .wo_react_ursrs_list_lod_mor .btn {
        font-weight: 600;
        border-radius: 2em;
        line-height: 1;
        padding: 7px 15px;
        box-shadow: inset 0 0 0 1px #c9cfd3;
        font-size: 13px;
    }

    /*Bank transfer Modal*/
    svg {
        vertical-align: middle;
    }

    .dt_bank_trans_modal .bank_info {
        width: 100%;
        margin-top: 24px;
        margin-bottom: 30px;
    }

        .dt_bank_trans_modal .bank_info .dt_settings_header {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            border-radius: 7px;
            height: auto;
            background-color: #2196f3;
            background: linear-gradient(90deg, #03A9F4 0%, #2196f3 35%, #3F51B5 100%);
            padding: 16px;
            overflow: hidden;
            position: relative;
        }

    .dt_bank_trans_modal .dt_settings_circle-1 {
        width: 290px;
        height: 290px;
        background-image: radial-gradient(circle 800px at 75% -25%, #000000 0, rgba(255, 255, 255, 0) 100%);
        left: -28px;
        top: -28px;
        opacity: .05;
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
    }

    .dt_bank_trans_modal .dt_settings_circle-2 {
        opacity: .03;
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
        width: 500px;
        height: 500px;
        background-image: radial-gradient(circle 800px at 10% -25%, #000000 0, rgba(255, 255, 255, 0) 100%);
        right: -242px;
        top: 17px;
    }

    .dt_bank_trans_modal .bank_info .bank_info_innr {
        position: relative;
        width: 100%;
        color: #fff;
        z-index: 1;
        border: 6px solid rgba(255, 255, 255, 0.3);
        padding: 20px;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    }

        .dt_bank_trans_modal .bank_info .bank_info_innr > svg {
            position: absolute;
            opacity: 0.3;
            left: 16px;
            top: 16px;
            width: 45px;
            z-index: -1;
        }

        .dt_bank_trans_modal .bank_info .bank_info_innr .row p {
            margin: 0;
            font-size: 18px;
            word-break: break-word;
        }

        .dt_bank_trans_modal .bank_info .bank_info_innr .row .col {
            margin-top: 18px;
        }

        .dt_bank_trans_modal .bank_info .bank_info_innr .bank_name {
            font-size: 22px;
            padding: 5px .75rem 0 55px;
        }

        .dt_bank_trans_modal .bank_info .bank_info_innr .help-block {
            text-transform: uppercase;
            font-size: 13px;
            color: rgba(255, 255, 255, 0.73);
        }

    .dt_bank_trans_modal .dt_user_profile {
        background-color: #f8f8f8;
        margin: 0 auto 25px;
        padding: 10px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        border-radius: 7px;
        overflow: hidden;
    }

        .dt_bank_trans_modal .dt_user_profile > span {
            margin-bottom: 5px;
            font-size: 18px;
            display: flex;
            align-items: center;
        }

            .dt_bank_trans_modal .dt_user_profile > span svg {
                margin-right: 5px;
                color: #6b6b6b;
            }

    .dt_bank_trans_modal .dt_prof_vrfy {
        margin: 0;
        list-style-type: disc;
    }

    .dt_bank_trans_upl_rec {
        text-align: center;
    }

        .dt_bank_trans_upl_rec a {
            display: inline-block;
            border-bottom: 1px dashed;
            color: #3f3f3f;
            padding-bottom: 5px;
            font-size: 14.5px;
            transition: all 0.15s;
            text-decoration: none;
        }

            .dt_bank_trans_upl_rec a:hover {
                border-bottom-style: solid;
            }

            .dt_bank_trans_upl_rec a svg {
                width: 20px;
                height: 20px;
                margin-top: -3px;
            }

    .upload_bank_receipts {
        text-align: center;
        display: none;
    }

        .upload_bank_receipts > div {
            width: 100%;
            max-width: 200px;
            height: 185px;
            margin: auto;
            background-color: #f0f0f0;
            border: 2px solid #ddd;
            border-radius: 7px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            cursor: pointer;
        }

        .upload_bank_receipts svg {
            width: 45px;
            height: 45px;
            color: #4a4a4a;
            background-color: lightgrey;
            padding: 10px;
            border-radius: 50%;
            margin-bottom: 10px;
        }

        .upload_bank_receipts p {
            margin-bottom: 0px;
        }

    #bank_transfer_modal.up_rec_active .hide_alert_info_bank_trans,
    #bank_transfer_modal.up_rec_active .dt_bank_trans_upl_rec {
        display: none;
    }

    #bank_transfer_modal.up_rec_active .upload_bank_receipts {
        display: block;
    }

    #bank_transfer_modal.up_rec_img_ready .upload_bank_receipts img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #bank_transfer_modal.up_rec_img_ready .upload_bank_receipts svg,
    #bank_transfer_modal.up_rec_img_ready .upload_bank_receipts p {
        display: none;
    }

    #bank_transfer_donate_modal.up_rec_active .hide_alert_info_bank_trans,
    #bank_transfer_donate_modal.up_rec_active .dt_bank_trans_upl_rec {
        display: none;
    }

    #bank_transfer_donate_modal.up_rec_active .upload_bank_receipts {
        display: block;
    }

    #bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts svg,
    #bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts p {
        display: none;
    }

    /*Verify Setting Modal*/
    .verfy_sett_email_phone_ico {
        width: 50px;
        height: 50px;
        margin: 0 auto 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #e4e4e4;
        border-radius: 50%;
        color: #5e5e5e;
    }

    /*Msg Page*/
    .wo-msg-container {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .messages-recipients-list {
        position: relative;
        cursor: pointer;
        padding: 10px;
        transition: all .3s;
        border: 0;
        border-radius: 16px;
        background: white;
        margin-bottom: 15px;
    }

        .messages-recipients-list:hover {
            background-color: #F7F7F7;
        }

        .messages-recipients-list img {
            border-radius: 50%;
            width: 75px;
            height: 75px;
            margin: 0;
            box-shadow: 0 5px 10px rgba(0, 35, 196, .3);
        }

            .messages-recipients-list img.d-group-svg {
                background-color: #FAFAFA;
                padding: 10px;
            }

        .messages-recipients-list .msg_rght_prt {
            margin-left: 55px;
        }

            .messages-recipients-list .msg_rght_prt > .user_nname {
                margin: 0;
                color: #636366;
                max-height: 44px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 12px;
            }

        .messages-recipients-list > p {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 13px;
            margin: 6px 0 0;
        }

            .messages-recipients-list > p.new_msg_active_list {
                color: #333338;
            }

        .messages-recipients-list .messages-last-sent {
            font-size: 10px;
            color: #b3b3b3;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
        }

            .messages-recipients-list .messages-last-sent.new_msg_lst_lsent {
                font-weight: bold;
                color: #000AFF;
            }

        .messages-recipients-list .messages-user-name {
            font-size: 16px;
            font-weight: bold;
            color: #4a4a4a;
            display: inline-block;
            max-width: calc(100% - 80px);
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 17px;
        }

    .new-message-alert {
        background-color: #ce3d3d;
        padding: 3px 6px;
        border-radius: 2px;
        color: #fff;
    }

.mobilerightpane .new-message-alert {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #000AFF;
    border-radius: 50%;
    left: -6px;
    top: -5px;
    padding: 0;
}

    .text-sender-container {
        background: transparent;
        position: relative;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
    }

        .text-sender-container .msg_usr_info_top_list {
            height: 80px;
            padding: 18px;
            z-index: 10;
            background-color: #fff;
            position: relative;
            border-radius: 10px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 20px;
        }

            .text-sender-container .msg_usr_info_top_list .mobilemsgclose {
                display: none;
                cursor: pointer;
                margin: -1px 15px 0 -15px;
                width: 23px;
                height: 23px;
                stroke-width: 2.5px
            }

            .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data {
                display: flex;
                align-items: center;
            }

                .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data .user-review-rating-heart-icon {
                    right: -4px;
                }

                .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data img {
                    border-radius: 50%;
                    height: 35px;
                    min-width: 35px;
                    max-width: 35px;
                }

                .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a {
                    text-decoration: none;
                    transition: all 0.3s;
                    color: #212529;
                    font-family: 'Poppins';
                    font-style: normal;
                    font-weight: 500;
                    font-size: 14px;
                }

                .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data .msg_usr_lst_sen_main {
                    margin: 0;
                    font-family: 'Poppins';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 12px;
                    color: #262D34;
                }

            .text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns {
                margin-left: auto;
            }

                .text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns > span {
                    margin-right: 20px;
                    color: #7f7f7f;
                    transition: all 0.3s;
                }

                    .text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns > span:last-child {
                        margin: 0;
                    }

        .text-sender-container .message-contnaier {
            margin: 0 0px 10px;
            position: relative;
            /*display: flex;align-items: flex-end;*/
            max-width: 100%;
            width: 100%;
        }

            .text-sender-container .message-contnaier.outgoing,
            .text-sender-container .message-contnaier.outgoing > .cont_innr {
                flex-direction: row-reverse;
            }

            .text-sender-container .message-contnaier > .cont_innr {
                position: relative;
                display: flex;
                max-width: 100%;
                width: 100%;
            }

        .text-sender-container .sendMessages .input-group .messages-rtime {
            position: absolute;
            top: -30px;
            padding: 8px 10px !important;
            background-color: #fff !important;
            left: -7px;
            border-radius: 6px !important;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .35)
        }

        .text-sender-container .sendMessages .charsLeft-message {
            position: absolute;
            z-index: 9;
            right: 163px;
            top: 12px
        }

    .message-option-btns {
        position: absolute;
        z-index: 9;
        right: 55px;
        top: 0;
        display: table
    }

        .message-option-btns .btn {
            padding: 15px 6px;
            background-color: transparent;
            color: #7f7f7f;
            border: none;
            margin: 0 4px;
            box-shadow: none
        }

    .text-sender-container .deleteMessage {
        position: absolute;
        top: 50%;
        left: -75px;
        cursor: pointer;
        color: #888;
        display: none;
        transform: translate(0, -50%)
    }

        .text-sender-container .deleteMessage.right {
            left: auto !important;
            right: -75px
        }

        .text-sender-container .deleteMessage svg.feather {
            margin-top: -3px;
            width: 17px;
            height: 17px
        }

    .chat-messages-wrapper .deleteMessage {
        position: absolute;
        top: 50%;
        left: -18px;
        cursor: pointer;
        color: #888;
        display: none;
        transform: translate(0, -50%)
    }

        .chat-messages-wrapper .deleteMessage.right {
            left: auto !important;
            right: -18px
        }

        .chat-messages-wrapper .deleteMessage svg.feather {
            margin-top: -3px;
            width: 15px;
            height: 15px
        }

    .text-sender-container .time {
        margin-top: 4px;
        font-size: 14.5px;
        font-weight: bold;
    }

    .text-sender-container .message-model {
        width: 85%;
        max-width: 500px;
        font-size: 15px;
        padding: 0;
        position: relative;
        line-height: 1.4;
    }

        .text-sender-container .message-model .message {
            padding: 10px;
            margin-left: auto;
            display: table;
            line-height: 1.2;
            margin-top: 0;
            position: relative;
            background: #fafafa;
            border-radius: 10px;
        }

        .text-sender-container .message-model .video-js-responsive-container {
            min-width: 300px
        }

        .text-sender-container .message-model .message p .twa-lg {
            height: 26px;
            width: 26px;
            background-size: 26px 26px
        }

    .text-sender-container .outgoing .message-model {
        border-bottom-right-radius: 2px;
        margin-left: auto;
    }

    .text-sender-container .incoming .message-model .message {
        margin-right: auto;
        margin-left: 0
    }

    .text-sender-container .incoming .message-model .time {
        text-align: left
    }

    .text-sender-container .outgoing .message-model .message p,
    .text-sender-container .outgoing .message-model .message a {
        color: #fff !important;
    }

    .text-sender-container .outgoing .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product-title a {
        color: #222 !important;
    }

    .text-sender-container .outgoing .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product-by a {
        color: #444 !important;
    }

    .text-sender-container .message-contnaier .message-model > time {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        display: block;
        margin-top: 4px;
    }

    .text-sender-container .message-contnaier.outgoing .message-model > time {
        text-align: end;
    }

    .msg_date {
        position: relative;
        margin: 20px 0;
        font-family: 'Convergence';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        display: flex;
        align-items: center;
        padding: 0 30px;
    }

        .msg_date:before,
        .msg_date:after {
            content: "";
            height: 1px;
            background: rgb(60 57 57 / 13%);
            flex-grow: 1;
        }

        .msg_date:before {
            margin-right: 15px;
        }

        .msg_date:after {
            margin-left: 15px;
        }

    .msg_progress {
        height: 3px;
        width: 100%;
        background-color: #b3deff;
        border-radius: 2px;
        background-clip: padding-box;
        overflow: hidden;
        bottom: -2px;
        right: 0px;
        z-index: 15;
        position: absolute;
        display: none;
    }

        .msg_progress .indeterminate {
            background-color: #2196F3;
        }

            .msg_progress .indeterminate:before {
                content: '';
                position: absolute;
                background-color: inherit;
                top: 0;
                left: 0;
                bottom: 0;
                will-change: left, right;
                -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
                animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
            }

            .msg_progress .indeterminate:after {
                content: '';
                position: absolute;
                background-color: inherit;
                top: 0;
                left: 0;
                bottom: 0;
                will-change: left, right;
                -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
                animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
                -webkit-animation-delay: 1.15s;
                animation-delay: 1.15s;
            }

    @-webkit-keyframes indeterminate {
        0% {
            left: -35%;
            right: 100%;
        }

        60% {
            left: 100%;
            right: -90%;
        }

        100% {
            left: 100%;
            right: -90%;
        }
    }

    @keyframes indeterminate {
        0% {
            left: -35%;
            right: 100%;
        }

        60% {
            left: 100%;
            right: -90%;
        }

        100% {
            left: 100%;
            right: -90%;
        }
    }

    @-webkit-keyframes indeterminate-short {
        0% {
            left: -200%;
            right: 100%;
        }

        60% {
            left: 107%;
            right: -8%;
        }

        100% {
            left: 107%;
            right: -8%;
        }
    }

    @keyframes indeterminate-short {
        0% {
            left: -200%;
            right: 100%;
        }

        60% {
            left: 107%;
            right: -8%;
        }

        100% {
            left: 107%;
            right: -8%;
        }
    }

    #wo_nw_msg_page .msg_under_hood {
        overflow: hidden;
        position: relative;
    }

        #wo_nw_msg_page .msg_under_hood .mobilerightpane {
            overflow: hidden;
            height: calc(100vh - 110px);
        }

            #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form {
                width: 100%;
                height: 100%;
            }

                #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon {
                    margin-bottom: 5px;
                    display: flex;
                    align-items: center;
                }

                    #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr {
                        position: relative;
                        width: 100%;
                        background: white;
                        padding: 6px;
                        border-radius: 15px;
                        box-shadow: 0px 30px 30px rgb(0 0 0 / 2%);
                    }

                        #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr svg {
                            width: 25px;
                            height: 25px;
                            position: absolute;
                            top: 50%;
                            right: 10px;
                            margin: 0;
                            transform: translateY(-50%);
                        }

                        #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr input {
                            padding: 0 5px;
                            height: 50px;
                            background: #FAFAFA;
                            border-radius: 15px;
                            border: none;
                            font-size: 15px;
                            width: 100%;
                            font-family: 'Convergence';
                            font-style: normal;
                            font-weight: 500;
                            font-size: 14px;
                            color: #B5B7BB;
                            box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .08), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.02);
                            text-align: center;
                        }

                            #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr input:focus {
                                box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12);
                            }

                            #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr input::placeholder {
                                color: currentColor;
                                opacity: 1;
                            }

                    #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .btn_contr {
                        background: #ffffff00 !important;
                        color: #000 !important;
                        border-radius: 14px;
                        overflow: hidden;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        min-width: 40px;
                        margin-left: 15px;
                        /*box-shadow: 0px 30px 30px rgb(0 0 0 / 3%);*/
                    }

                    #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn {
                        min-width: 50%;
                        width: 50%;
                        height: 40px;
                        margin: 0;
                        background: transparent;
                        transition: all .3s;
                        box-shadow: none;
                        border: none;
                        color: #5D5F93 !important;
                        border-radius: 0;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        padding: 0;
                    }

                        #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn:hover {
                            background: inherit !important;
                        }

                #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs {
                    border: 0;
                    text-align: center;
                    margin: 0 -7px 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                    #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li {
                        float: none;
                        margin: 0 7px;
                        width: auto;
                        flex: 1 1 auto;
                        border-radius: 17px;
                    }

                        #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li a {
                            padding: 7px 22px;
                            height: auto;
                            margin: 0;
                            border: 0;
                            border-radius: 15px;
                            cursor: pointer;
                            font-family: 'Convergence';
                            font-style: normal;
                            font-weight: 400;
                            font-size: 15px;
                            /*background: white;*/
                            color: #5d5f93;
                            /*box-shadow: 0px 30px 30px rgb(0 0 0 / 4%);*/
                        }

                            #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li a svg {
                                width: 20px;
                                height: 20px;
                                margin-top: -2px;
                            }

    #wo_nw_msg_page .messages-users-list {
        height: 100%;
        background: transparent;
        border-radius: 10px;
        overflow: hidden;
        overflow-y: auto;
        max-height: calc(100% - 157px);
        margin-top: 23px;
    }

        #wo_nw_msg_page .messages-users-list > h1 {
            font-size: 22px;
            font-weight: 600;
            color: #212529;
            border-bottom: 1px solid #dedede;
            padding-bottom: 13px;
            margin: 0;
            text-align: center;
        }

    #wo_nw_msg_page .messages-recipients-list .avatar {
        position: relative;
        margin-right: 15px;
    }

    #wo_nw_msg_page .messages-recipients-list .online_dot {
        position: absolute;
        width: 7px;
        height: 7px;
        bottom: 5px;
        right: 5px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #fff;
    }

        #wo_nw_msg_page .messages-recipients-list .online_dot .dot {
            width: 7px;
            min-width: 7px;
            height: 7px;
            background-color: #63c666;
            border-radius: 50%;
        }

        #wo_nw_msg_page .messages-recipients-list .online_dot.off_usr .dot {
            background-color: lightgray;
        }

    #wo_nw_msg_page .msg_under_hood .mobileleftpane {
        width: 100%;
    }

    #wo_msg_right_prt .text-sender-container .sendMessages .input-group {
        display: flex;
        border-collapse: unset;
        align-items: center;
        margin: 20px 20px 20px;
        background: #fafafa;
        border-radius: 10px;
        box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .08), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.02);
    }

        #wo_msg_right_prt .text-sender-container .sendMessages .input-group .input-group-btn {
            margin: 0 7px;
            width: auto;
            flex: 0 0 auto;
        }

#wo_msg_right_prt .text-sender-container textarea {
    margin-bottom: 0px;
    box-shadow: none;
    border: 0;
    padding: 13px 20px;
    height: 46px;
    background: transparent;
    font-size: 14px;
    font-family: 'Convergence';
    font-style: normal;
    font-weight: 400;
}

    #wo_msg_right_prt .text-sender-container .sendMessages .send-button {
        margin: 0;
        padding: 7px;
        width: 36px;
        height: 36px;
        border-radius: 50% !important;
    }

        #wo_msg_right_prt .text-sender-container .sendMessages .send-button svg {
            width: 21px;
            height: 21px;
            margin: 0 0 0 -2px;
        }

    #wo_msg_right_prt .message-option-btns .btn {
        padding: 0 !important;
        width: 30px;
        height: 30px;
        /* margin-left: 10px; */
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: all .1s linear;
        margin: 5px 1px;
    }

        #wo_msg_right_prt .message-option-btns .btn svg {
            width: 24px;
            height: 24px;
        }

        #wo_msg_right_prt .message-option-btns .btn#messages-record {
            z-index: 3;
        }

        #wo_msg_right_prt .message-option-btns .btn.messages-rtime {
            padding: 8px 36px 8px 10px !important;
            left: 0;
            width: 100%;
            right: 0;
            margin: 0;
            top: 0;
            height: 100%;
            bottom: 0;
            z-index: 2;
            box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 10%) 0px 2px 4px -2px;
            border-radius: 10px !important;
            font-size: 15px;
            font-weight: 600;
            text-align: center;
            line-height: 27px;
            color: #a4a4a4;
        }

        #wo_msg_right_prt .message-option-btns .btn:hover {
            background-color: rgba(0, 0, 0, 0.07);
        }

    #wo_nw_msg_page .messages-container .empty_state {
        width: 100%;
        max-width: 90%;
        font-weight: bold;
        font-size: 19px;
    }

        #wo_nw_msg_page .messages-container .empty_state svg {
            width: 180px;
            height: 180px;
            border-radius: 26px;
            padding: 20px;
        }

    #wo_nw_msg_page .messages-container .message-media img {
        max-width: none;
        max-height: 170px;
        margin: 0;
        background: #fff;
        border-radius: 10px;
    }

    .messages-load-more-messages.above_header {
        top: -25px;
    }

    #wo_msg_right_prt .msg_write_combo {
        display: flex;
        align-items: center;
        width: 100%;
    }

        #wo_msg_right_prt .msg_write_combo .message-option-btns {
            position: relative;
            display: flex;
            align-items: center;
            right: auto;
            left: auto;
        }

        #wo_msg_right_prt .msg_write_combo .charsLeft-message {
            right: auto;
            top: auto;
            margin: -2px 4px 0;
            position: relative;
            left: auto;
        }

        #wo_msg_right_prt .msg_write_combo .emo-message {
            position: relative;
            right: auto;
        }

    .wo_kb_msg_page {
        padding: 90px 20px 20px;
        height: 100%;
        width: 100%;
    }

    /*2.3 Update*/
    .text-sender-container .message-model .message.wo_msg_prod_prnt,
    .text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product,
    .chat-messages-wrapper .message.wo_msg_prod_prnt,
    .chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product {
        padding: 0;
    }

        .text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market,
        .text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product,
        .chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market,
        .chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product {
            margin: 0;
        }

            .text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product,
            .chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product {
                max-width: 240px;
                width: 100%;
            }

                .text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product_info,
                .chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product .produc_info {
                    border-radius: 20px;
                }

                .text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product img,
                .chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product img {
                    max-height: 200px !important;
                    border-radius: 15px 15px 0 0 !important;
                    object-fit: cover;
                    height: 100%;
                }

                .text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product-title a,
                .chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product-title a {
                    color: #222;
                }

                .text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product-by a,
                .chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product-by a {
                    color: #444;
                }

    .publisher-box .publisher-box-footer .poster-left-buttons {
        margin: 0 5.3px;
    }

    .publisher-box.wo_pub_change_color .panel {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .publisher-box.wo_pub_change_color textarea.postText {
        height: auto;
        max-height: 370px !important;
        position: absolute;
        background: transparent !important;
        padding: 20px 50px;
        text-align: center;
        font-size: 25px;
        font-weight: 600;
    }

        .publisher-box.wo_pub_change_color textarea.postText::placeholder {
            color: currentColor;
            opacity: 0.6;
        }

    .publisher-box.wo_pub_change_color .post-avatar {
        display: none;
    }

    .publisher-box.wo_pub_change_color .add-emoticons {
        top: auto;
        bottom: 10px;
    }

        .publisher-box.wo_pub_change_color .add-emoticons .dropdown-toggle {
            background: rgba(0, 0, 0, 0.4);
        }

            .publisher-box.wo_pub_change_color .add-emoticons .dropdown-toggle svg.feather {
                fill: #f4f4f4;
            }

    .publisher-box.wo_pub_change_color .wo_pub_txtara_combo {
        min-height: 400px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px 3px 0 0;
    }

    .publisher-box .publisher-box-footer .pub-footer-upper {
        position: relative;
    }

    .all_colors {
        display: none;
        padding: 0px 9px 8px;
        position: absolute;
        background: white;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

        .all_colors > div {
            white-space: nowrap;
            overflow-x: auto;
            margin-right: 20px;
            padding: 7px 3px 0;
        }

        .all_colors > svg {
            position: absolute;
            right: 0;
            top: 6px;
            cursor: pointer;
        }

    .all_colors_display {
        display: inline-block;
        margin: 0 2px;
        position: relative;
    }

        .all_colors_display.selected .all_colors_style,
        .all_colors_display.selected .all_colors_style_image {
            box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #a84849;
        }

        .all_colors_display.selected:after {
            content: '';
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            height: 5px;
            left: 6px;
            position: absolute;
            top: 7px;
            transform: rotate(-45deg);
            width: 10px;
        }

    .all_colors_style {
        height: 22px;
        width: 22px;
        border-radius: 50%;
    }

    .all_colors_style_image {
        height: 22px;
        width: 22px;
        border-radius: 50%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .post .wo_actual_colrd_post {
        margin: 0 -15px 2px;
        min-height: 400px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 25px;
        padding: 15px;
    }

        .post .wo_actual_colrd_post span {
            max-height: 370px;
            overflow-y: auto;
        }

    .view-more-wrapper {
        margin-right: 0;
    }

        .view-more-wrapper .order-by,
        .view-more-comments span {
            margin: 0;
            border: 0;
            background: #fafafa;
            padding: 5px 10px;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 10px;
            font-size: 14px;
            margin-right: 13px;
        }

            .view-more-wrapper .order-by .dropdown-menu {
                min-width: 130px;
            }

    .twocheckout_modal {
        padding-top: 20px;
    }

        .twocheckout_modal .sun_input {
            margin-bottom: 15px;
        }

            .twocheckout_modal .sun_input input,
            .twocheckout_modal .sun_input select {
                border: 1px solid #f0f2f5;
                border-radius: 2px;
                height: 38px;
                line-height: 14px;
                transition: all .2s ease-in-out;
            }

                .twocheckout_modal .sun_input input:focus,
                .twocheckout_modal .sun_input select:focus {
                    border-color: #03A9F4;
                }

    .two_check_card {
        margin: 20px auto 0;
        max-width: 310px;
        background-color: #019ACA;
        padding: 20px 10px 10px;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }

        .two_check_card > svg {
            color: white;
            margin: 0 15px 20px;
            display: block;
            width: 35px;
            height: 35px;
        }

        .two_check_card .sun_input input::placeholder {
            color: #fff;
            opacity: 0.7;
        }

        .two_check_card .sun_input input,
        .two_check_card .sun_input select {
            border: 0;
            background-color: rgba(0, 0, 0, 0.2) !important;
            color: white;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            height: 40px;
        }

            .two_check_card .sun_input select option {
                color: #222;
                background: white;
            }

    .post .wo_shared_doc_file {
        font-size: 20px;
        font-family: "Poppins", sans-serif;
        border-radius: 17px;
        /* overflow: hidden; */
    }

        .post .wo_shared_doc_file:not(:has(.green-audio-player)) {
        }

    /* For mobile screens (height: 221px) */
    @media only screen and (max-width: 768px) {
        .post .wo_shared_doc_file:not(:has(.green-audio-player)) {
            height: auto;
        }
    }

    .post .wo_shared_doc_file > a {
        display: flex;
        text-decoration: none;
        padding: 20px;
        border-radius: 9px;
        background: rgb(0 0 0 / 5%);
        align-items: center;
        font-family: 'Poppins';
        font-weight: 500;
        position: relative;
    }

        .post .wo_shared_doc_file > a > i {
            display: block;
            background-color: rgb(0 0 0 / 5%);
            font-size: 28px;
            margin: 0 20px 0 0;
            line-height: 60px;
            color: #4d91ea;
            border-radius: 9px;
            width: 82px;
            height: 63px;
        }

        .post .wo_shared_doc_file > a:after {
            content: 'Download';
            margin-left: auto;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            background: #C64D53;
            box-shadow: 0px 6px 6px rgb(48 84 139 / 10%);
            border-radius: 4px;
            display: block;
            color: #fff;
            line-height: 38px;
            padding: 0 15px;
            flex: 0 0 auto;
        }

    .thumb-image-delete {
        position: relative;
        display: inline-block;
    }

        .thumb-image-delete:not(:last-child) {
            margin: 0 5px 0 0;
        }

    .thumb-image-delete-btn {
        position: absolute;
        right: 5px;
        top: 5px;
        color: white;
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        text-align: center;
        line-height: 2;
        padding: 3px;
        width: 20px;
        height: 20px;
        opacity: 0;
    }

    /*Editor*/
    .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in,
    .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-container-body,
    .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-foot,
    .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-container-body > .mce-container {
        width: 100% !important;
        max-width: 546px;
    }

        .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-foot .mce-first {
            left: auto !important;
            right: 80px;
        }

        .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-foot .mce-last {
            left: auto !important;
            right: 10px;
        }

        .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-container-body .mce-combobox {
            width: calc(100% - 190px) !important;
        }

            .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-container-body .mce-combobox input {
                width: 100% !important;
            }

    /*Video call*/
    .video-con {
        background: #222;
        height: calc(100vh - 50px);
    }

    #remote-media,
    .video-con {
        position: relative
    }

        #remote-media .lds-facebook {
            display: block;
            margin: 0 auto;
            padding: 50px 0px;
            top: 20px;
        }

        #remote-media h3 {
            text-align: center;
            color: #fff;
            padding: 15px;
            font-size: 25px;
            margin: 0px 50px 50px 50px;
        }

        #remote-media video:nth-child(2) {
            width: 80%;
            display: block;
            margin-left: auto;
            margin-right: auto;
            height: calc(100vh - 51px);
        }

    .end_vdo_call {
        padding: 0 16px;
        height: 45px;
        border-radius: 2em;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 30px;
        text-transform: none;
        line-height: 35px;
    }

        .end_vdo_call svg {
            margin-right: 9px;
        }

    #local-media video {
        width: 120px;
        height: 150px;
        position: absolute;
        top: 20px;
        right: 20px;
        background: #000;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        text-align: center;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    }

    /*Create Job*/
    .wo_create_job_box {
        margin-bottom: 0;
        padding: 5px;
        box-shadow: none;
    }

        .wo_create_job_box > .setting-update-alert {
            margin: -10px 0 30px;
            padding: 0;
        }

            .wo_create_job_box > .setting-update-alert:empty {
                margin: 0;
                padding: 0;
            }

        .wo_create_job_box .setting-panel {
            padding: 0;
            margin: -10px 3px 0px;
        }

            .wo_create_job_box .setting-panel label {
                font-size: 14.5px;
                font-weight: bold;
                font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
            }

            .wo_create_job_box .setting-panel .sun_input {
                margin-bottom: 18px;
            }

                .wo_create_job_box .setting-panel .sun_input input,
                .wo_create_job_box .setting-panel .sun_input select {
                    height: 35px;
                    line-height: normal;
                    padding: 2px 8px;
                    border-color: #dddfe2;
                }

                .wo_create_job_box .setting-panel .sun_input textarea {
                    padding: 2px 8px;
                    border-color: #dddfe2;
                }

        .wo_create_job_box .sun_input .bootstrap-tagsinput input {
            height: 30px;
            border: 0;
            padding: 0 2px;
        }

    .wo_create_job_box_flex {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 -8px;
    }

        .wo_create_job_box_flex .sun_input {
            padding: 0 8px;
        }

            .wo_create_job_box_flex .sun_input input {
                width: 146px;
            }

                .wo_create_job_box_flex .sun_input input.edit_job {
                    width: 100%;
                }

    .wo_create_job_box_flex_edit .sun_input input {
        width: 204px;
    }

    .wo_create_job_qstn {
        text-align: center;
        display: block;
        background-color: #f5f6f7;
        border: 1px solid #ccd0d5;
        color: #4b4f56;
        text-decoration: none !important;
        line-height: 34px;
        padding: 0 16px;
        font-weight: 600;
        font-size: 14.5px;
    }

        .wo_create_job_qstn svg {
            width: 16px;
            height: 16px;
            margin-top: -3px;
        }

    .wo_create_job_qstn_block {
        background-color: #f0f2f5;
        padding: 15px;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        margin: 12px 0;
    }

        .wo_create_job_qstn_block > label {
            margin-top: 0;
        }

        .wo_create_job_qstn_block button.close {
            padding: 0;
            opacity: 1;
            color: #464646;
            background-color: #d5d5d5;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            line-height: 1;
            font-size: 0;
        }

            .wo_create_job_qstn_block button.close svg {
                margin-top: 1px;
                width: 15px;
                height: 15px;
                stroke-width: 2.5px;
            }

    .wo_create_job_box_img {
        position: relative;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        overflow: hidden;
    }

        .wo_create_job_box_img img {
            width: 100%;
            height: 230px;
            object-fit: cover;
        }

    .wo_create_job_box_img_btns {
        margin: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 60px 0 15px;
    }

        .wo_create_job_box_img_btns .btn {
            background-color: rgba(255, 255, 255, 0.7);
            color: black;
            border: 0;
            font-weight: 600;
            height: 33px !important;
        }

    /*Checkbox*/
    .wo_cbox {
        margin-left: 22px;
        position: relative;
        display: inline-block;
    }

        .wo_cbox input[type=checkbox] {
            opacity: 0;
            margin: 0 0 6px 4px;
            display: none
        }

        .wo_cbox label::after,
        .wo_cbox label::before {
            display: inline-block;
            left: 0;
            margin-left: -20px
        }

        .wo_cbox label {
            padding-left: 5px;
            min-height: 20px;
            font-weight: 400 !important;
            cursor: pointer;
            user-select: none;
            margin: 1px 0;
        }

            .wo_cbox label::before {
                content: "";
                position: absolute;
                width: 17px;
                height: 17px;
                top: 2px;
                border: 2px solid rgba(0, 0, 0, .54);
                border-radius: 2px;
                background-color: #fff;
                transition: all 90ms cubic-bezier(0, 0, .2, .1)
            }

        .wo_cbox input[type=checkbox]:checked + label::before {
            background-color: #1e2322;
            border-color: #1e2322
        }

        .wo_cbox label::after {
            position: absolute;
            width: 16px;
            height: 16px;
            top: 0;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 12px;
            color: #555
        }

        .wo_cbox input[type=checkbox]:checked + label::after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 5px;
            left: 3px;
            position: absolute;
            top: 7px;
            transform: rotate(-45deg);
            width: 10px;
            transition: .2s;
            color: #fff
        }

    /*View Applied Jobs*/
    .wo_vew_apld_jobs {
        padding: 5px;
    }

    .wo_vew_apld_head {
        display: flex;
    }

        .wo_vew_apld_head .avatar {
            min-width: 150px;
            width: 150px;
            height: 150px;
            margin-right: 20px;
        }

            .wo_vew_apld_head .avatar img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 8px;
            }

        .wo_vew_apld_head .jinfo {
            width: 100%;
        }

            .wo_vew_apld_head .jinfo h4 {
                margin: 0;
                font-family: "Lato", sans-serif;
                font-size: 27px;
                margin-bottom: 15px;
            }

            .wo_vew_apld_head .jinfo p {
                margin-bottom: 8px;
                color: #525252;
            }

    .wo_vew_apld_ico svg {
        width: 18px;
        height: 18px;
        margin-top: -1px;
    }

    .wo_vew_apld_msg {
        margin-top: 15px;
    }

        .wo_vew_apld_msg .btn {
            border: 0;
            color: #009688;
            background-color: rgba(0, 150, 136, 0.2);
            background: #fff;
            font-weight: 600;
            padding: 0 10px;
            line-height: 35px;
            min-width: 150px;
            box-shadow: 0 1px 5px -1px rgba(0, 150, 136, 0.25);
        }

    .wo_vew_apld_blocks {
        background-color: #f0f2f5;
        padding: 20px 60px 5px;
        border-radius: 9px;
        margin: 20px 0;
    }

    .wo_vew_apld_blkmrgn {
        margin-bottom: 20px;
    }

        .wo_vew_apld_blkmrgn b {
            font-family: 'Poppins';
            font-weight: 500;
        }

        .wo_vew_apld_blkmrgn p {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
        }

    /*View Job*/
    .wo_view_post_jobs {
        padding: 15px 0 1px;
    }

    .wo_view_post_jcover {
        height: 220px;
        border-radius: 10px;
        overflow: hidden;
        margin: 0 15px;
    }

        .wo_view_post_jcover img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .wo_view_post_jhead {
        text-align: center;
        position: relative;
        margin-top: -60px;
        padding: 0px 15px;
    }

        .wo_view_post_jhead .dropdown {
            position: absolute;
            right: 15px;
            top: 70px;
        }

        .wo_view_post_jhead .avatar {
            margin: auto;
            width: 110px;
            height: 110px;
            box-shadow: 0 0 0 4px white;
            border-radius: 50%;
            background-color: white;
        }

            .wo_view_post_jhead .avatar img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 50%;
            }

        .wo_view_post_jhead h2 {
            margin: 25px 0 0;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 24px;
        }

        .wo_view_post_jhead h4 {
            margin: 5px 0 12px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
        }

            .wo_view_post_jhead h4 a {
                text-decoration: none;
            }

    .wo_view_post_jobs .jinfo_inner p {
        display: inline-block;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
    }

        .wo_view_post_jobs .jinfo_inner p svg {
            width: 17px;
            height: 17px;
            margin-top: -3px;
        }

    .wo_view_post_jobs .jinfo_inner .middot,
    .wo_jlist_info_main .middot {
        color: #3d3d3d;
        font-weight: 800;
    }

    .wo_view_post_jobs .wo_vew_apld_msg .btn {
        background-color: #C64D53;
        color: #fff !important;
        line-height: 38px;
        height: auto;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        border-radius: 4px;
        box-shadow: 0px 6px 6px rgb(48 84 139 / 10%);
    }

        .wo_view_post_jobs .wo_vew_apld_msg .btn[disabled] {
            box-shadow: none;
        }

    .wo_view_post_jobs .wo_vew_apld_blocks {
        margin: 20px 15px 15px;
    }

        .wo_view_post_jobs .wo_vew_apld_blocks .post-description {
            padding: 0 0 5px;
            overflow: hidden;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
        }

    /*Jobs*/
    .wo_job_main_widget {
        margin-bottom: 20px;
    }

        .wo_job_main_widget .m_widget_head {
            font-weight: 600;
            color: #585858;
            margin-bottom: 8px;
            font-size: 14.5px;
        }

        .wo_job_main_widget .wjob_categories ul li.active a:before {
            border-color: #03A9F4;
        }

        .wo_job_main_widget .wjob_categories ul li.active a:after {
            background: #03A9F4;
            border-radius: 50%;
            transform: scale(0.5);
        }

        .wo_job_main_widget .wjob_categories ul li.active a {
            color: #03A9F4
        }

    .wo_select_job_dist {
        padding: 0px 2px 5px 0;
    }

        .wo_select_job_dist #cusrange-reader {
            display: inline-block;
            width: 40px;
            background: transparent !important;
            margin-right: 0;
            text-align: right;
        }

    .wo_jobs_list {
        margin-bottom: 30px;
        border-radius: 10px;
        background: #fff;
        position: relative;
        overflow: hidden;
        padding: 25px;
        cursor: pointer;
        transition: all 0.2s;
    }

        .wo_jobs_list:hover {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

    .wo_jlist_headimg {
        overflow: hidden;
        position: relative;
        margin: 0 11px;
        flex: 0 0 auto;
    }

        .wo_jlist_headimg img {
            width: 70px;
            aspect-ratio: 1;
            object-fit: cover;
            border-radius: 8px;
        }

        .wo_jlist_headimg .btn {
            position: absolute;
            right: 15px;
            top: 15px;
            color: white;
        }

    .wo_jlist_info {
        display: flex;
        align-items: center;
        margin: 0 -11px;
    }

    .wo_jlist_info_head {
        margin: 0 11px;
        flex: 1 1 auto;
        min-width: 0;
    }

        .wo_jlist_info_head h2 {
            margin: 0;
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 17px;
        }

            .wo_jlist_info_head h2 a {
                text-decoration: none;
                color: inherit;
            }

        .wo_jlist_info_head p {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            overflow: hidden;
            max-height: 41px;
            margin: 6px 0 0;
        }

    .wo_jlist_info_main {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px;
    }

        .wo_jlist_info_main span {
            display: block;
            margin: 5px 0 0;
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
        }

            .wo_jlist_info_main span.cats a {
                text-decoration: none;
                background: #fafafa;
                border-radius: 6px;
                display: block;
                padding: 6px 10px;
            }

            .wo_jlist_info_main span svg {
                margin-top: -3px;
            }

    .wo_jlist_info .btn {
        margin-top: 10px;
        line-height: 33px;
    }

    .wo_jlist_info .btn-warning {
        box-shadow: rgb(255 183 7 / 10%) 0px 10px 15px -3px, rgb(255 161 7 / 50%) 0px 4px 6px -4px;
        background-color: #ff9800;
    }

    .wo_jlist_info .btn-danger {
        box-shadow: rgb(255 7 7 / 10%) 0px 10px 15px -3px, rgb(255 7 7 / 50%) 0px 4px 6px -4px;
        background-color: #ff5151;
    }

    /*Expanded Job*/
    .wo_job_expanded {
        border-radius: 10px;
        padding: 30px;
    }

    .wo_job_expanded_head {
        display: flex;
        align-items: center;
        margin: 0 -11px;
    }

        .wo_job_expanded_head .avatar {
            overflow: hidden;
            position: relative;
            margin: 0 11px;
            flex: 0 0 auto;
        }

            .wo_job_expanded_head .avatar img {
                width: 70px;
                aspect-ratio: 1;
                object-fit: cover;
                border-radius: 8px;
            }

        .wo_job_expanded_head .info {
            margin: 0 11px;
            flex: 1 1 auto;
            min-width: 0;
        }

            .wo_job_expanded_head .info h6 {
                margin: 0 0 8px;
                font-family: 'Inter';
                font-style: normal;
                font-weight: 600;
                font-size: 14px;
            }

            .wo_job_expanded_head .info h2 {
                margin: 0;
                font-family: 'Inter';
                font-style: normal;
                font-weight: 600;
                font-size: 20px;
            }

    .wo_job_expanded_body {
    }

        .wo_job_expanded_body > h3 {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            margin: 35px 0 12px;
        }

        .wo_job_expanded_body > p {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 15px;
            line-height: 23px;
            margin: 0;
        }

        .wo_job_expanded_body .cats a {
            text-decoration: none;
            background: #fafafa;
            border-radius: 6px;
            display: inline-block;
            padding: 10px 19px;
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-size: 15px;
        }

    .wo_job_expanded_details {
        position: relative;
        padding-left: 25px;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
    }

        .wo_job_expanded_details svg {
            position: absolute;
            left: 0;
            top: 2px;
            width: 17px;
            height: 17px;
        }

    .wo_job_expanded_foot {
        margin-top: 35px;
    }

        .wo_job_expanded_foot .btn {
            border-radius: 12px;
            line-height: 46px;
            min-width: 200px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
        }

    .modal-dialog .form-control.date1 {
        height: 56px;
    }

    /*Common Things*/
    .wo_com_things_row {
        margin: 0 -12px;
    }

    .wo_comthing_usr {
        padding: 0 12px;
    }

        .wo_comthing_usr .album_parent {
            cursor: pointer;
        }

    .wo_comthing_usr_innr {
        position: relative;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        background-color: #fff;
        cursor: pointer;
        box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
        margin-bottom: 20px;
        transition: all 0.15s;
    }

        .wo_comthing_usr_innr:hover {
            box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.15);
        }

        .wo_comthing_usr_innr:after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
        }

        .wo_comthing_usr_innr .avatar {
            width: 100%;
            padding-top: 130%;
        }

            .wo_comthing_usr_innr .avatar img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

        .wo_comthing_usr_innr h3 {
            margin: 0;
            font-size: 20px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: white;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 33px;
            z-index: 2;
            padding: 0 10px;
        }

        .wo_comthing_usr_innr p {
            font-size: 14.5px;
            color: #f0f2f5;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 10px;
            z-index: 2;
            margin: 0;
            padding: 0 10px;
        }

            .wo_comthing_usr_innr p svg {
                width: 16px;
                height: 16px;
                margin-top: -1px;
            }

    /*Common Users*/
    .wo_com_usr_lbox {
        width: 100%;
        background: rgba(0, 0, 0, .8);
        margin: 0;
        padding: 80px 0;
    }

        .wo_com_usr_lbox > svg {
            position: absolute;
            top: 10px;
            right: 10px;
            z-index: 1035;
            color: white;
            cursor: pointer;
            width: 30px;
            height: 30px;
        }

        .wo_com_usr_lbox .slider {
            width: 100%;
            height: 100%;
        }

            .wo_com_usr_lbox .slider .slick-slide {
                outline: none;
            }

            .wo_com_usr_lbox .slider .slick-prev {
                left: auto;
                right: calc(50% + 360px);
            }

            .wo_com_usr_lbox .slider .slick-next {
                right: auto;
                left: calc(50% + 360px);
            }

    .wo_com_lbox_slide {
        padding: 0 20px;
    }

    .wo_com_lbox_slide_innr {
        border-radius: 16px;
        overflow: hidden;
        background: #0d0d0d;
    }

    .wo_com_lbox_slide_bg {
        background-color: #fff;
        opacity: 0.4;
        height: calc(100vh - 160px);
        overflow: hidden;
        max-height: calc(100vh - 160px);
    }

    .slick-slide.slick-current .wo_com_lbox_slide_bg {
        opacity: 1;
        overflow-y: auto;
    }

    .wo_com_lbox_slide_innr .user-cover {
        display: block;
        height: 180px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .wo_com_lbox_slide_innr .upop_mid {
        margin-top: -70px;
    }

        .wo_com_lbox_slide_innr .upop_mid .avatar {
            width: 140px;
            height: 140px;
            margin: 0 auto;
            background-color: #fff;
            border: 4px solid #fff;
            border-radius: 100%;
        }

            .wo_com_lbox_slide_innr .upop_mid .avatar img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 100%;
            }

        .wo_com_lbox_slide_innr .upop_mid .user-name {
            text-align: center;
            padding: 0 15px;
            font-family: 'Poppins';
        }

            .wo_com_lbox_slide_innr .upop_mid .user-name a {
                color: #3f3f3f;
                text-decoration: none;
            }

        .wo_com_lbox_slide_innr .upop_mid .country {
            text-align: center;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            margin: -15px 0 20px;
        }

            .wo_com_lbox_slide_innr .upop_mid .country svg {
                margin: -2px 0 0;
            }

        .wo_com_lbox_slide_innr .upop_mid .user-button {
            text-align: center;
        }

            .wo_com_lbox_slide_innr .upop_mid .user-button #wo_useract_btn {
                border-radius: 6px;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                padding: 0 16px;
                line-height: 38px;
                min-width: 130px;
            }

                .wo_com_lbox_slide_innr .upop_mid .user-button #wo_useract_btn svg {
                    display: none;
                }

        .wo_com_lbox_slide_innr .upop_mid .user-information:not(.wo_vew_apld_blocks) {
            padding: 0;
            margin: 20px 0 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
        }

            .wo_com_lbox_slide_innr .upop_mid .user-information:not(.wo_vew_apld_blocks) li svg {
                margin: -3px 0 0;
                width: 15px;
                height: 15px;
            }

    .wo_com_lbox_slide_innr .upop_mid_innr {
        padding: 15px 25px;
    }

        .wo_com_lbox_slide_innr .upop_mid_innr .wo_vew_apld_blocks {
            margin: 10px -5px 5px;
            padding: 15px;
            background: transparent;
            border: 1px solid #e0e0e0;
        }

        .wo_com_lbox_slide_innr .upop_mid_innr .user-information b {
            margin: 0 0 8px;
            display: block;
            font-family: 'Poppins';
        }

        .wo_com_lbox_slide_innr .upop_mid_innr .user-information li {
            padding: 8px 0;
            background: transparent;
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 14px;
        }

            .wo_com_lbox_slide_innr .upop_mid_innr .user-information li svg {
                color: #7a7a7a;
                margin: -2px 6px 0 2px;
                width: 28px;
                height: 28px;
                background: #F3F3F3;
                border-radius: 6px;
                padding: 5px;
            }

    /*Fundings*/
    .fundings {
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        padding: 15px;
    }

        .fundings .avatar {
            position: relative;
            height: 0;
            width: 100%;
            padding-bottom: 56.25%;
        }

            .fundings .avatar img {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                object-fit: cover;
                border-radius: 9px;
            }

            .fundings .avatar time {
                position: absolute;
                z-index: 9;
                top: 12px;
                left: 12px;
                color: black;
                text-decoration: none;
                display: block;
                padding: 4px 13px;
                background: rgba(242, 242, 242, 0.83);
                border-radius: 8px;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
            }

    .fundings_desc {
        padding: 15px 0;
    }

        .fundings_desc .postMeta--author-avatar img {
            width: 40px;
            height: 40px;
        }

        .fundings_desc h3 {
            font-size: 20px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 28px;
            margin: 0;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
        }

            .fundings_desc h3 a {
                color: #222;
                text-decoration: none;
            }

    .fundings_footer {
        padding: 15px;
        background: #fafafa;
        border-radius: 10px;
    }

        .fundings_footer p {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 13px;
        }

        .fundings_footer .btn {
            font-weight: 500;
            margin: 2px 8px;
            padding: 9px 16px;
            border: 0;
            display: inline-block;
            font-size: 15px;
            width: calc(50% - 18px);
            font-family: "Roboto", sans-serif;
            letter-spacing: 0.5px;
            border-radius: 8px;
        }

        .fundings_footer .btn-success {
            background-color: rgb(76 175 80 / 20%);
            color: #4caf50;
        }

        .fundings_footer .btn-danger {
            background-color: rgb(244 67 54 / 20%);
            color: #f44336;
        }

        .fundings_footer .progress,
        .fund_raise_bar .progress {
            background-color: #E0E1EA;
            box-shadow: none;
            height: 5px;
            margin-bottom: 5px;
        }

        .fundings_footer .progress {
            margin: 0;
        }

            .fundings_footer .progress .progress-bar {
                box-shadow: none;
            }

    .fundings_desc_meta .postMeta--author-avatar {
        display: inline-block;
        padding-right: 5px;
    }

    .fundings_desc_meta .postMeta--author-text,
    .fundings_desc_meta .postMeta--author-text .middot {
        color: #545454;
    }

    .fundings_desc_meta .postMeta--author-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        max-width: calc(100% - 60px);
        display: inline-block;
    }

        .fundings_desc_meta .postMeta--author-text a {
            color: #545454;
            text-decoration: none;
        }

        .fundings_desc_meta .postMeta--author-text > a {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 300;
            font-size: 15px;
        }

    .wow_main_fund_foot {
        position: relative;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 12px 0 0;
    }

        .wow_main_fund_foot .btn {
            min-width: auto;
            border-radius: 8px;
            line-height: 51px;
            font-size: 16px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
        }

            .wow_main_fund_foot .btn svg {
                width: 24px;
                height: 24px;
                margin: -2px 0 0;
            }

        .wow_main_fund_foot .btn-main,
        .wow_main_fund_foot .btn-success {
            flex: 1 1 auto;
        }

        .wow_main_fund_foot .btn-default {
            flex: 0 0 auto;
        }

        .wow_main_fund_foot.no_margin {
            margin: 0;
        }

    .btn_create_big.fund {
        height: 304.19px;
    }

    /*Show Fundings*/
    .wo_show_fund_top {
        padding: 0;
        overflow: hidden;
    }

        .wo_show_fund_top .row {
            margin: 0;
        }

            .wo_show_fund_top .row .col-md-8,
            .wo_show_fund_top .row .col-md-4 {
                padding: 0;
            }

    .fund_raise {
        padding: 30px;
        margin-bottom: 20px;
    }

        .fund_raise p.mb-0 {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            letter-spacing: 0.07em;
        }

    .fund_main_details_prnt {
        position: relative;
    }

    .fund_main_details h1 {
        overflow: hidden;
        max-height: 47px;
        margin: 0 0 15px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 21px;
    }

    .show-fund-info-user {
        display: table;
        margin: 13px 0 6px;
        font-family: 'Poppins';
    }

    .fund div.list .item .caption .middot {
        color: #545454;
        text-decoration: none;
    }

    .show-fund-info-user .postMeta--author-text a,
    .show-fund-info-user .postMeta--author-text .middot,
    .show-fund-info-user .postMeta--author-text time {
        color: #444;
        text-decoration: none;
    }

    .fund_main_img {
        width: 100%;
        aspect-ratio: 1.7;
        object-fit: cover;
        pointer-events: none;
    }

    .wo_show_fund_side {
        padding: 30px;
    }

    .fund_raise_bar.wow_fund_raise_bar {
        margin-top: 35px;
    }

    .fund_raise_bar .progress {
        margin-bottom: 0px;
    }

        .fund_raise_bar .progress .progress-bar {
            /*background: linear-gradient(-45deg, #db3212 0%, #b81764 100%);*/
            background: #ff8b00;
        }

    .show_fnd_stats {
        font-size: 15px;
        font-family: 'Poppins';
    }

        .show_fnd_stats span {
            display: block;
            font-size: 40px;
            font-weight: 500;
            margin-top: 15px;
            color: #444;
        }

        .show_fnd_stats.white,
        .show_fnd_stats.white span {
            color: white
        }

    .fund_raise_bar .show_fnd_stats {
        margin: 0 0 20px;
    }

    .fund_raise_btns {
        display: flex;
        margin: 20px -5px 0;
        position: relative;
        overflow: hidden;
    }

        .fund_raise_btns .btn {
            border: 0;
            font-size: 17px;
            padding: 0px 16px;
            line-height: 51px;
            margin: 20px 5px 0;
            font-family: 'Poppins';
        }

        .fund_raise_btns > .btn {
            flex: 1 1 auto;
        }

        .fund_raise_btns .dropdown {
            flex: 0 0 auto;
            position: static;
        }

            .fund_raise_btns .dropdown > .btn {
                min-width: 51px;
                padding: 0 13px;
            }

                .fund_raise_btns .dropdown > .btn svg {
                    margin: -2px 0 0;
                    width: 24px;
                    height: 24px;
                }

            .fund_raise_btns .dropdown > .dropdown-menu {
                transform: scale(1) translateX(-100%);
                margin: 0;
                box-shadow: none;
                background: #fff;
                top: 20px;
                display: flex;
                justify-content: space-around;
                width: 100%;
                bottom: 0;
                padding: 0;
                align-items: center;
            }

            .fund_raise_btns .dropdown.open > .dropdown-menu {
                transform: translateX(0) scale(1);
            }

                .fund_raise_btns .dropdown.open > .dropdown-menu li a {
                    color: #363636;
                    background: transparent;
                }

    .fund div.list .item .caption .middot {
        color: #545454;
        text-decoration: none;
    }

    .wo_page_hdng.pag_neg_padd.wow_fnd_hd {
        margin: 0;
        padding: 0 0 15px;
        border: 0;
    }

        .wo_page_hdng.pag_neg_padd.wow_fnd_hd .wo_page_hdng_innr {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 600;
            font-size: 19px;
            text-transform: uppercase;
        }

    .fund_dnt_hd {
        margin-top: 0;
    }

        .fund_dnt_hd span {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
            background-color: rgba(76, 175, 80, 0.2);
            color: #4caf50;
            width: 70px;
            height: 70px;
            border-radius: 50%;
        }

    .fund_input {
        margin-bottom: 30px;
    }

        .fund_input .form-control:not(textarea) {
            background-color: transparent !important;
            border: 0;
            border-radius: 0;
            border-bottom: 1.5px solid #eaeaea;
            padding: 0px 10px;
            line-height: 50px;
            width: 100%;
            margin: auto;
            max-width: 180px;
            outline: none;
            box-shadow: none;
            height: 50px;
            font-size: 35px;
            text-align: center;
        }

        .fund_input input::-webkit-outer-spin-button,
        .fund_input input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .fund_input input[type=number] {
            -moz-appearance: textfield;
        }

    .fund_butns {
        text-align: center;
    }

        .fund_butns .btn {
            border: 0;
            border-radius: 10px;
            padding: 0 16px;
            height: 36px;
            line-height: 36px;
            font-weight: bold;
            font-size: 15px;
            min-width: 150px;
        }

    .fund-meta-desc {
        font-size: 13px;
        width: auto;
        overflow: hidden;
        color: rgba(0, 0, 0, .4);
    }

    .fundMeta--author-avatar {
        vertical-align: middle;
        padding-right: 10px;
        display: table-cell;
    }

        .fundMeta--author-avatar img {
            width: 48px;
            height: 48px;
            border-radius: 50%;
        }

    .fundMeta--author-text {
        vertical-align: middle;
        display: table-cell;
        overflow: hidden;
    }

        .fundMeta--author-text a {
            font-size: 15px;
            font-weight: bold;
            color: #3f3f3f;
        }

    .fund-meta-desc time {
        color: #a5a5a5;
        font-size: 14.5px;
    }

    .fund div.list .item {
        width: 100%;
        overflow: hidden;
        padding: 10px 0;
        position: relative;
        display: table;
        border-bottom: 1px solid #f0f0f0;
    }

        .fund div.list .item:last-child {
            border: 0;
            padding-bottom: 0;
        }

        .fund div.list .item .wrapper img {
            width: 47px;
            height: 47px;
        }

        .fund div.list .item .caption {
            display: table-cell;
            vertical-align: middle;
            padding-left: 10px;
            width: 100%;
        }

            .fund div.list .item .caption p {
                margin: 0 0 2px;
            }

            .fund div.list .item .caption a {
                font-size: 17px;
                color: #414141;
                font-weight: bold;
                display: inline-block;
                text-decoration: none;
            }

            .fund div.list .item .caption time {
                color: #90949c;
                font-size: 13px;
                font-weight: 400;
            }

    /*Load More*/
    .load-more {
        margin: 15px 0;
    }

        .load-more .btn {
            /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='14' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00489 1.86916C4.52104 1.86916 4.93947 1.45073 4.93947 0.934579C4.93947 0.418425 4.52104 0 4.00489 0C3.48874 0 3.07031 0.418425 3.07031 0.934579C3.07031 1.45073 3.48874 1.86916 4.00489 1.86916Z' fill='%235D5F93'/%3E%3Cpath d='M3.99819 8.00028C4.30785 8.00028 4.55887 7.74925 4.55887 7.43959C4.55887 7.12993 4.30785 6.87891 3.99819 6.87891C3.68853 6.87891 3.4375 7.12993 3.4375 7.43959C3.4375 7.74925 3.68853 8.00028 3.99819 8.00028Z' fill='%235D5F93'/%3E%3Cpath d='M1.70446 2.73314C2.16903 2.73314 2.54564 2.35654 2.54564 1.89196C2.54564 1.42739 2.16903 1.05078 1.70446 1.05078C1.23989 1.05078 0.863281 1.42739 0.863281 1.89196C0.863281 2.35654 1.23989 2.73314 1.70446 2.73314Z' fill='%235D5F93'/%3E%3Cpath d='M6.2837 6.93848C6.54177 6.93848 6.75099 6.72927 6.75099 6.4712C6.75099 6.21312 6.54177 6.00391 6.2837 6.00391C6.02562 6.00391 5.81641 6.21312 5.81641 6.4712C5.81641 6.72927 6.02562 6.93848 6.2837 6.93848Z' fill='%235D5F93'/%3E%3Cpath d='M0.747481 4.93637C1.1603 4.93637 1.49496 4.60171 1.49496 4.18889C1.49496 3.77607 1.1603 3.44141 0.747481 3.44141C0.334659 3.44141 0 3.77607 0 4.18889C0 4.60171 0.334659 4.93637 0.747481 4.93637Z' fill='%235D5F93'/%3E%3Cpath d='M7.2525 4.55968C7.45882 4.55968 7.62608 4.39242 7.62608 4.18609C7.62608 3.97976 7.45882 3.8125 7.2525 3.8125C7.04617 3.8125 6.87891 3.97976 6.87891 4.18609C6.87891 4.39242 7.04617 4.55968 7.2525 4.55968Z' fill='%235D5F93'/%3E%3Cpath d='M1.23469 6.00927C0.979061 6.2649 0.979061 6.67851 1.23469 6.93414C1.49002 7.18977 1.90424 7.18977 2.15957 6.93414C2.4152 6.67851 2.4152 6.2649 2.15957 6.00927C1.90424 5.75333 1.49032 5.75091 1.23469 6.00927Z' fill='%235D5F93'/%3E%3Cpath d='M6.2841 2.17366C6.43884 2.17366 6.56429 2.04822 6.56429 1.89347C6.56429 1.73873 6.43884 1.61328 6.2841 1.61328C6.12935 1.61328 6.00391 1.73873 6.00391 1.89347C6.00391 2.04822 6.12935 2.17366 6.2841 2.17366Z' fill='%235D5F93'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 20px center; */
            background-color: white;
            height: 44px;
            border-radius: 8px;
            /* padding: 0 26px 0 45px !important; */
            padding: 0 26px !important;
            position: relative;
            transition: all 0.15s;
            font-family: 'Convergence';
            font-style: normal;
            font-weight: 500;
            font-size: 15px;
            box-shadow: 0px 30px 30px rgb(0 35 196 / 3%);
            line-height: 44px;
        }

            .load-more .btn:hover {
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }

            .load-more .btn .fa {
                display: none;
            }

    /*Donation Posts*/
    .wow_dontd_posts {
        display: flex;
        flex-direction: column;
        padding: 20px;
        z-index: 1;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: #2C353D;
        border-radius: 0px 0px 10px 10px;
    }

    .wow_dontd_posts_innr {
        display: flex;
        margin-bottom: 15px;
    }

    .wow_dontd_posts_left {
        padding-right: 15px;
    }

        .wow_dontd_posts_left h4 {
            margin: 0;
            text-align: initial;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 15px;
        }

            .wow_dontd_posts_left h4 a {
                color: #ffffff;
                text-decoration: none;
            }

        .wow_dontd_posts_left p {
            text-align: initial;
            color: #ffffff !important;
            margin: 0;
            font-size: 14.5px !important;
        }

    .wow_dontd_posts_right {
        margin-left: auto;
        display: inline-flex;
    }

    .post .wow_dontd_posts_right p {
        color: #f0f0f0;
        margin: 0;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
    }

    .wow_dontd_posts_right .btn {
        border: 0;
        color: #222;
        background-color: #ffffff;
        font-weight: bold;
        font-size: 14.5px;
        margin-top: auto;
        padding: 4px 12px;
    }

    .wow_dontd_posts .fund_raise_bar .progress {
        height: 6px;
        background-color: rgb(255 255 255 / 20%);
    }

    /*Weather*/
    .wow_weather {
        background-color: #2d3a4f;
        color: #9ca7ba;
        padding: 15px 0;
    }

    .wow_weather_date {
        font-size: 31px;
        text-align: center;
        color: #fff;
        margin-bottom: 7px;
    }

    .wow_weather_timezone {
        color: #9ca7ba;
        font-size: 25px;
        text-align: center;
    }

    .wow_weather_icon {
        text-align: center;
        color: #fff;
    }

    .wow_weather_description {
        text-align: center;
        font-size: 16px;
    }

    .wow_weather_current {
        color: #fff;
        font-size: 23px;
        text-align: center;
    }

    .wow_weather_forecast {
        overflow: hidden;
        padding: 0 2px;
        margin-top: 10px;
    }

        .wow_weather_forecast .fivedays {
            text-align: center;
            float: left;
            width: 25%;
            padding: 0;
        }

            .wow_weather_forecast .fivedays > div {
                font-size: 14.5px;
            }

    /*Mat Modal*/
    .wow_pops_head {
        position: relative;
        padding: 20px 15px 10px;
    }

        .wow_pops_head > svg {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 120px;
            color: #fff;
            display: none;
        }

            .wow_pops_head > svg path:first-child,
            .wow_pops_head > svg path:nth-child(2) {
                display: none;
            }

        .wow_pops_head .close {
            padding: 0;
            opacity: 2.4;
            text-shadow: none;
        }

            .wow_pops_head .close:hover {
                opacity: 1;
            }

        .wow_pops_head h4 {
            margin: 0;
            font-weight: bold;
            font-size: 20px;
            font-family: 'Convergence';
        }

            .wow_pops_head h4 svg,
            .wow_mat_mdl .modal-header .modal-title svg {
                margin: -2px 2px 0 0;
                padding: 6px;
                width: 32px;
                height: 32px;
                background: #F2F2F200;
                border-radius: 6px;
            }

    .wow_mat_mdl .modal-content {
        padding: 20px;
        border: 0;
        border-radius: 20px;
        box-shadow: none;
    }

    .wow_mat_mdl .modal-header {
        border: 0;
        background: transparent !important;
        padding: 0;
        margin: 0 0 15px;
        display: flex;
        flex-direction: row-reverse;
        align-items: stretch;
        justify-content: center;
    }

        .wow_mat_mdl .modal-header .modal-title {
            line-height: 30px;
            font-weight: normal;
            font-size: 24px;
            font-family: 'Convergence';
        }

        .wow_mat_mdl .modal-header .close {
            padding: 0;
            margin: 0;
            line-height: 1;
            opacity: 0;
        }

            .wow_mat_mdl .modal-header .close svg {
                width: 22px;
                height: 22px;
                stroke-width: 1.6px;
            }

    .wow_mat_mdl .modal-body {
        padding: 0;
        font-size: 15px;
    }

    .wow_mat_mdl .modal-footer {
        margin: 0;
        padding: 0px 0 0;
        border: 0;
        border-radius: 14px;
        width: 0;
    }

        .wow_mat_mdl .modal-footer .btn.main {
            box-shadow: none;
        }

    /*Form Fields*/
    .wow_form_fields {
        position: relative;
        margin: 15px 0;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

        .wow_form_fields > label {
            font-family: 'Convergence';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            display: block;
        }

        .wow_form_fields input,
        .wow_form_fields textarea,
        .wow_form_fields select,
        .wow_form_fields > .bootstrap-select.btn-group > .dropdown-toggle {
            background-color: #FAFAFA;
            transition: background-color 240ms, box-shadow 240ms;
            color: #393d4a;
            font-weight: 400;
            font-size: 16px;
            line-height: 28px;
            padding: 8px;
            width: 100%;
            border: 0;
            border-radius: 10px;
            outline: 0;
            font-family: 'Convergence';
            font-style: normal;
            box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .08), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.02);
        }

        .wow_form_fields input,
        .wow_form_fields select {
            height: 56px;
        }

            .wow_form_fields select::-ms-expand {
                display: none;
            }

        .wow_form_fields select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-repeat: no-repeat;
            background-position: right 10px center;
        }

        .wow_form_fields textarea {
            resize: vertical;
        }

            .wow_form_fields input:focus,
            .wow_form_fields textarea:focus,
            .wow_form_fields select:focus,
            .wow_form_fields > .bootstrap-select.btn-group > .dropdown-toggle:focus,
            .wow_form_fields .bootstrap-tagsinput:focus {
                box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(58, 151, 212, 0.28) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
            }

        .wow_form_fields input[disabled] {
            background-color: #f0f2f5;
        }

        .wow_form_fields > .bootstrap-select.btn-group {
            width: 100% !important;
        }

            .wow_form_fields > .bootstrap-select.btn-group > .dropdown-toggle {
                height: 56px;
                outline: 0 !important;
                padding-right: 40px;
            }

        .wow_form_fields .bootstrap-tagsinput {
            border: 0;
            padding: 12px 8px 0;
            background-color: #fafafa;
            transition: background-color 240ms, box-shadow 240ms;
            border-radius: 9px;
            box-shadow: none;
        }

    .bootstrap-tagsinput span.tag {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 12px;
        border-radius: 2em;
        margin: -2px 0 7px;
        display: inline-block;
        padding: 8px 13px;
        background: #fff;
        color: #222;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
    }

        .bootstrap-tagsinput span.tag > [data-role=remove] {
            background: transparent;
        }

    .wow_form_fields .bootstrap-tagsinput input {
        box-shadow: none;
        width: auto;
        height: auto;
        padding: 2px 2px 14px;
    }

    .wow_form_fields .input-group-addon {
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        font-family: 'Poppins';
        font-style: normal;
        border: 0;
        border-radius: 9px 0 0 9px;
        background-color: #fafafa;
    }

        .wow_form_fields .input-group-addon + input {
            border-radius: 0 9px 9px 0;
        }

    .wow_form_fields input[readonly] {
        background-color: #fafafa !important;
    }

    /*Forum*/
    .wow_forum_sections {
        margin-bottom: 30px;
        clear: both;
        position: relative;
    }

        .wow_forum_sections .f_category {
            font-weight: bold;
            color: #404040;
            padding: 9px 0 0;
            font-size: 15px;
            font-family: 'Poppins';
            background-color: transparent;
        }

            .wow_forum_sections .f_category b {
                font-weight: normal;
                text-transform: capitalize;
                margin-right: 26px;
            }

        .wow_forum_sections .section-list {
            display: flex;
            padding: 20px 10px;
            align-items: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }

        .wow_forum_sections .topic_icon {
            width: 6% !important;
            padding: 0 10px;
        }

        .wow_forum_sections .forum-meta-d.titles {
            width: 49%;
            word-break: break-word;
            padding: 0 10px !important;
        }

        .wow_forum_sections .forum-meta-d.posts {
            width: 6%;
            padding-right: 65px !important;
        }

        .wow_forum_sections .forum-meta-d.topics {
            width: 20%;
            padding: 0 10px !important;
        }

            .wow_forum_sections .forum-meta-d.topics > div {
                background: #fafafa;
                border-radius: 9px;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                padding: 12px 0;
            }

                .wow_forum_sections .forum-meta-d.topics > div span {
                    font-family: 'Poppins';
                    font-size: 14px;
                    text-transform: capitalize;
                    color: #262D34;
                    width: 50%;
                    border: 1px solid #ddd;
                    border-top: 0;
                    border-bottom: 0;
                    border-left-width: 0;
                    border-right-width: 1px;
                }

                    .wow_forum_sections .forum-meta-d.topics > div span:last-child {
                        border: 0;
                    }

                    .wow_forum_sections .forum-meta-d.topics > div span b {
                        display: block;
                        margin: 0;
                        font-weight: 400;
                    }

        .wow_forum_sections .forum-meta-d.small {
            width: 25%;
            padding: 0 10px !important;
        }

            .wow_forum_sections .forum-meta-d.small .avatar img {
                display: inline-block;
                float: left;
                margin-bottom: 10px;
                margin-top: 10px;
                margin-right: 10px;
                border-radius: 50%;
                width: 40px;
                height: 40px;
            }

            .wow_forum_sections .forum-meta-d.small .reply_title {
                font-weight: bold;
                white-space: nowrap;
                overflow: hidden;
                display: block;
                text-overflow: ellipsis;
                max-width: 170px;
                font-family: 'Poppins';
                font-size: 15px;
            }

            .wow_forum_sections .forum-meta-d.small .reply_user {
                white-space: nowrap;
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 140px;
                vertical-align: bottom;
            }

            .wow_forum_sections .forum-meta-d.small time {
                color: #979797;
                font-size: 13px;
            }

        .wow_forum_sections .ftitle,
        .sun_ftitle {
            font-weight: bold;
            font-size: 17px;
            font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
            color: #515151;
        }

        .wow_forum_sections .ftitle {
            font-family: 'Poppins';
            font-size: 20px;
            color: #2C353D;
            font-weight: 500;
        }

        .wow_forum_sections .fdesc {
            color: #2C353D;
            display: inline-block;
            background: #fafafa;
            border-radius: 20px;
            font-family: 'Poppins';
            padding: 5px 10px;
            margin-top: 5px;
        }

    .topic_icon svg {
        width: 60px;
        height: 60px;
        background: rgb(182 182 182 / 20%);
        color: #2e2e2e;
        padding: 14px;
        margin: 0;
        filter: drop-shadow(0px 2px 6px rgba(43, 0, 212, 0.06));
        border-radius: 16px;
    }

    .wow_forum_dis_head {
        padding-bottom: 5px;
        margin-bottom: 30px;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

        .wow_forum_dis_head h4 {
            margin: 0;
            font-size: 25px;
            font-weight: bold;
        }

        .wow_forum_dis_head .btn {
            margin: 12px 0 0;
        }

        .wow_forum_dis_head p {
            color: #7c7c7c;
        }

    .wow_forum_dis_thead {
        font-size: 15.5px;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif !important;
        background-color: #607D8B;
    }

        .wow_forum_dis_thead th {
            color: #ffffff !important;
            font-weight: normal;
            text-transform: capitalize;
            padding: 9px !important;
        }

            .wow_forum_dis_thead th:first-child {
                font-weight: bold;
            }

    .wow_thread_head {
        background-color: rgb(69, 90, 100);
        color: #dfdfdf;
        padding: 20px 15px;
        margin-top: -5px;
        border-radius: 2px;
    }

        .wow_thread_head .forum_title {
            margin-top: 0;
            color: white;
            font-size: 23px;
            margin-bottom: 5px;
        }

        .wow_thread_head .btn-glossy > a {
            color: #fff;
            margin: 8px 0;
        }

    .wow_thread_main_reply {
        overflow: hidden;
        margin-bottom: 25px;
        border: 0;
        box-shadow: none;
        border-radius: 16px;
        padding: 0;
        display: flex;
    }

        .wow_thread_main_reply .t-left_prt {
            float: left;
            width: 180px;
            min-width: 180px;
            border-right: 1px solid #e5e5e5;
            padding: 20px 15px;
            margin-right: 7px;
        }

            .wow_thread_main_reply .t-left_prt .avatar {
                border-radius: 50%;
                margin-bottom: 7px;
                width: 85px;
                height: 85px;
                object-fit: cover;
            }

            .wow_thread_main_reply .t-left_prt .user-title-thread {
                margin-bottom: 7px;
                font-weight: bold;
                font-size: 16px;
            }

            .wow_thread_main_reply .t-left_prt p {
                font-size: 13px;
            }

                .wow_thread_main_reply .t-left_prt p svg {
                    width: 13px;
                    height: 13px;
                    margin-top: -1px;
                }

        .wow_thread_main_reply .t-right_prt {
            padding: 20px 15px;
            width: 100%;
            min-width: 0;
        }

            .wow_thread_main_reply .t-right_prt h5.time,
            .wow_thread_replies .thread-replies .t-right_prt h5.time {
                margin-top: 0;
                border-bottom: 1px solid #e9e9e9;
                padding-bottom: 15px;
                font-size: 13px;
            }

    .wow_thread_replies {
        margin: 0 -3px;
    }

        .wow_thread_replies .thread-replies {
            margin-bottom: 20px;
            border: 0;
            box-shadow: none !important;
            padding: 3px 3px 3px 62px;
            overflow: hidden;
            background: transparent !important;
            display: flex;
        }

            .wow_thread_replies .thread-replies .t-left_prt {
                min-width: 110px;
                width: 110px;
                float: left;
                margin-right: 10px;
            }

                .wow_thread_replies .thread-replies .t-left_prt .avatar {
                    width: 65px;
                    height: 65px;
                    position: relative;
                    margin-left: auto;
                    margin-right: 15px;
                }

                    .wow_thread_replies .thread-replies .t-left_prt .avatar .btn {
                        box-shadow: none;
                        width: 35px;
                        height: 35px;
                        padding: 0;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 50%;
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        left: -60px;
                        background-color: #e9e9e9;
                    }

                    .wow_thread_replies .thread-replies .t-left_prt .avatar img {
                        border-radius: 50%;
                        width: 65px;
                        height: 65px;
                        object-fit: cover;
                    }

            .wow_thread_replies .thread-replies .t-right_prt {
                width: 100%;
                padding: 20px 15px;
                background: #fff;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
                position: relative;
                border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
                min-width: 0;
            }

                .wow_thread_replies .thread-replies .t-right_prt:before {
                    content: '';
                    display: block;
                    position: absolute;
                    left: -13px;
                    top: 23px;
                    width: 0;
                    height: 0;
                    border: 13px solid transparent;
                    border-left-width: 0;
                    border-right-color: #ffffff;
                    filter: drop-shadow(-1px 1px 1px rgba(0, 0, 0, 0.07));
                    cursor: default;
                    z-index: 1;
                }

                .wow_thread_replies .thread-replies .t-right_prt .user-title-thread {
                    margin-top: 0;
                    margin-bottom: 10px;
                }

                .wow_thread_replies .thread-replies .t-right_prt .sun_forum_opts {
                    margin-top: 2px;
                }

                    .wow_thread_replies .thread-replies .t-right_prt .sun_forum_opts .btn {
                        width: 35px;
                        height: 35px;
                        padding: 0;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 50%;
                    }

    .wow_forum_jump_btn {
        margin-left: auto;
    }

    /*GO Pro*/
    .pick_plan_main {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        margin: 30px 0 10px;
        text-align: center;
    }

    .pick_plan-logo {
        text-align: center;
    }

    .pick_plan_main_text {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        margin: 0 0 30px;
        text-align: center;
    }

    .wow_price_plans {
        background-color: transparent !important;
        position: relative;
        z-index: 9;
        border-radius: 26px;
        padding: 0 150px 40px;
    }

    .wow_price_plan_row {
        display: flex;
        flex-wrap: wrap;
    }

        .wow_price_plan_row .col-lg-3 {
            padding: 0 15px;
            float: none;
            margin-bottom: 40px;
        }

    .wow_price_plan {
        width: 100%;
        margin: auto;
        height: 100%;
        display: flex;
        flex-direction: column;
        padding: 20px;
        position: relative;
        text-align: center;
        background: white;
        color: #5D5F8F;
        border-top-left-radius: 60px;
        border-bottom-right-radius: 60px;
        border-bottom-left-radius: 60px;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    }

        .wow_price_plan.wow_price_plan-rounded {
            background: #5D5F8F;
            color: white;
            box-shadow: none;
        }

    .go_pro_table_background:before {
        content: '';
        position: absolute;
        top: -20px;
        right: -5px;
        bottom: -20px;
        left: -5px;
        background-color: bisque;
        z-index: -1;
        box-shadow: 0px 21px 34px rgb(0 0 0 / 10%);
        border-radius: 26px;
    }

    .wow_price_plan .plan_head {
        margin-bottom: 15px;
    }

        .wow_price_plan .plan_head b {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 17px;
            margin: 0 0 15px;
            display: block;
        }

            .wow_price_plan .plan_head b span {
                font-weight: 700;
                font-size: 36px;
                background-color: white;
                padding: 20px 10px;
                border-top-left-radius: 50%;
                border-bottom-left-radius: 50%;
                border-bottom-right-radius: 50%;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                aspect-ratio: 1/1;
                min-width: 70px;
                background-color: #5d5f93;
                color: white !important;
            }

                .wow_price_plan .plan_head b span.free {
                    font-weight: 400;
                }

    .wow_price_plan.wow_price_plan-rounded .plan_head b span {
        background-color: white;
        color: #5d5f93 !important;
    }

    .wow_price_plan .plan_head h5 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .wow_price_plan .plan_body .wow_price_plan-features {
        position: relative;
        display: inline-block;
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
        color: #5d5f93;
        margin-bottom: 5px;
    }

        .wow_price_plan .plan_body .wow_price_plan-features::before {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 50%;
            transform: translateX(-50%);
            background: #5d5f93;
            height: 2px;
            width: 60%;
        }

    .wow_price_plan.wow_price_plan-rounded .plan_body .wow_price_plan-features::before {
        background: white;
    }

    .wow_price_plan.wow_price_plan-rounded .plan_body .wow_price_plan-features {
        color: white;
    }

    .wow_price_plan.wow_price_plan-rounded .plan_head h5 {
        color: white !important;
    }

    .wow_price_plan .plan_head h5 div,
    .wow_price_plan .plan_head h5 span {
        display: none;
    }

    .wow_price_plan .plan_head p {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
    }

    .wow_price_plan .plan_body {
        margin-bottom: 25px;
    }

        .wow_price_plan .plan_body p {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            margin: 0 0 13px;
        }

            .wow_price_plan .plan_body p svg {
                margin: -2px 4px 0 0;
            }

    .wow_price_plan .plan_foot {
        margin-top: auto;
    }

        .wow_price_plan .plan_foot .btn {
            border-radius: 10px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            line-height: 35px;
            width: 60%;
            margin: auto;
            text-transform: uppercase;
        }

    .wow_price_plan.wow_price_plan-rounded .plan_foot .btn {
        background-color: white;
        color: #5d5f93;
        line-height: 45px;
        border-radius: 15px;
    }

    .go_pro_table_background .plan_foot .btn {
        background: #fff;
        color: #a52729;
    }

    .wo_pro_features .col-md-4 {
        padding: 0 15px;
    }

    .wo_pro_features .innr_feat {
        position: relative;
        border-radius: 12px;
        padding: 60px 40px;
        margin-bottom: 30px;
        text-align: center;
    }

        .wo_pro_features .innr_feat img {
            max-height: 65px;
        }

        .wo_pro_features .innr_feat svg {
            height: 100%;
            width: 100%;
        }

        .wo_pro_features .innr_feat p {
            position: relative;
            z-index: 1;
            margin: 0;
            font-family: 'Rubik';
            font-style: normal;
            font-weight: 500;
            font-size: 22px;
            text-shadow: -3px 0px 0px white, 3px 0px 0px white, 0px -3px 0px white, 0px 3px 0px white;
            max-height: 28px;
        }

    .wo_pro_features .innr_feat_flex {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }

        .wo_pro_features .innr_feat_flex img,
        .wo_pro_features .innr_feat_flex svg {
            max-height: 50px;
            width: auto;
        }

        .wo_pro_features .innr_feat_flex p {
            margin: 0 15px;
            font-size: 16px;
            max-width: none;
        }

    /*Dev Apps*/
    .wow_dev_apps {
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        padding: 15px;
        margin-bottom: 30px;
    }

        .wow_dev_apps .ap_hdr {
            overflow: hidden;
            font-family: 'Poppins';
        }

            .wow_dev_apps .ap_hdr .avatar {
                display: block;
                width: 83px;
                height: 83px;
                position: relative;
                margin-right: 15px;
            }

                .wow_dev_apps .ap_hdr .avatar img {
                    width: 100%;
                    height: 100%;
                    position: relative;
                    border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
                    object-fit: cover;
                }

        .wow_dev_apps .info {
            margin: 0 0 0 98px;
        }

        .wow_dev_apps .ap_name {
            color: rgba(0, 0, 0, .8);
            display: block;
            font-size: 16px;
            font-weight: bold;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .wow_dev_apps .ap_name a {
                color: rgba(0, 0, 0, .8);
                text-decoration: none;
            }

        .wow_dev_apps p {
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .wow_dev_apps .info .btn {
            line-height: 30px;
            font-weight: bold;
            font-size: 13px;
        }

    /*Dev*/
    .developer_get_req.table thead tr th {
        padding: 15px 8px;
        border-bottom: 1px solid #ededed !important;
    }

    .developer_get_req thead span {
        padding: 5px 16px 7px;
        border-radius: 2em;
        font-size: 13px;
    }

    /*My Groups*/
    .wow_my_groups {
        padding: 1px 10px 13px;
        transition: all 0.2s;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .wow_my_groups > div.info {
            display: inline-flex;
            min-width: 0;
            align-items: center;
        }

        .wow_my_groups .avatar {
            flex: 0 0 auto;
            margin-right: 10px;
            line-height: 1;
        }

            .wow_my_groups .avatar img {
                width: 58px;
                height: 58px;
                object-fit: cover;
                border-radius: 4px;
                box-shadow: 0px 3px 4px rgb(198 77 83 / 7%);
                border: 1px solid rgba(198, 77, 83, 0.1);
            }

    .wow_my_groups_info {
    }

        .wow_my_groups_info h3 {
            margin: 0 0 2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 16px;
            line-height: 18px;
        }

            .wow_my_groups_info h3 a {
                text-decoration: none;
                color: #1e1e1e;
            }

        .wow_my_groups_info p {
            color: #7b7b7b;
            margin: 0;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            line-height: 16px;
        }

        .wow_my_groups_info .btn {
            line-height: 30px;
            padding: 0 10px !important;
            font-size: 14.5px;
            width: 100%;
        }

    .sidebar-group-may-know-container .wow_my_groups .btn-default {
        min-width: auto;
        width: 30px;
        height: 30px;
        border-radius: 6px !important;
        padding: 2px 5px !important;
    }

    .sidebar-group-may-know-container .wow_my_groups #wo_useract_btn.wo_follow_btn {
        background: #F2F2F2 !important;
        color: #363853;
    }

    .sidebar-group-may-know-container .wow_my_groups #wo_useract_btn svg {
        margin: -3px 0 0;
        fill: none;
    }

    .sidebar-group-may-know-container .wow_my_groups .btn-default .button-text {
        display: none;
    }

    /*Oops*/
    .oops_empty_state {
        margin: 85px 0;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        font-size: 21px;
        color: #6d6d6d;
        text-align: center;
        font-weight: bold;
    }

        .oops_empty_state svg {
            display: block;
            margin: 0 auto 15px;
            width: 200px;
            height: 200px;
            opacity: 0.7;
        }

    /*Sidebar Main User*/
    /* Default: visible on desktop */
    .wow_side_loggd_usr {
        margin-bottom: 15px;
        padding: 13px;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        box-shadow: 0px 30px 30px rgb(0 35 196 / 3%);
        border-radius: 16px;
    }

    .wow_side_loggd_usr_cvr {
        margin: -13px -13px 13px;
        border-radius: 16px 16px 0 0;
        overflow: hidden;
    }

        .wow_side_loggd_usr_cvr img {
            width: 100%;
            height: 100px;
            object-fit: cover;
        }

    .wow_side_loggd_usr_hdr {
        position: relative;
        margin-bottom: 15px;
    }

        .wow_side_loggd_usr_hdr .avatar {
            width: 110px;
            height: 110px;
            margin: -60px auto 13px;
        }

            .wow_side_loggd_usr_hdr .avatar img {
                border-radius: 50%;
                width: 100%;
                height: 100%;
                border: 4px solid #fff;
                box-shadow: 0 5px 10px rgba(0, 35, 196, .3);
            }

            .wow_side_loggd_usr_hdr .avatar span.user-review-rating-heart-icon {
                right: 2px;
            }

        .wow_side_loggd_usr_hdr .title {
            text-align: center;
        }

            .wow_side_loggd_usr_hdr .title a {
                color: #050505;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 22px;
                line-height: 38px;
                text-overflow: ellipsis;
                overflow: hidden;
                max-width: 224px;
                white-space: nowrap;
                display: inline-block;
            }

            .wow_side_loggd_usr_hdr .title p {
                margin: 0;
                font-family: 'Poppins';
                font-size: 14px;
                opacity: 0.8;
            }

    .wow_side_loggd_usr hr {
        margin: 15px 0 !important;
    }

    .wo_user_side_info {
        padding: 0;
        white-space: nowrap;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

        .wo_user_side_info li {
            display: inline-block;
            margin: 0;
            text-align: center;
        }

        .wo_user_side_info .menu_list {
            display: block;
            padding: 7px 5px;
            transition: all .15s ease-in-out;
            text-transform: capitalize;
            text-decoration: none;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            line-height: 22px;
        }

        .wo_user_side_info li span b {
            margin: 0 !important;
            font-weight: normal;
        }

    .wo_side_users {
        display: flex;
        justify-content: center;
        margin-top: 10px;
        padding: 0 6px 4px;
    }

        .wo_side_users .user {
            width: 30px;
            height: 30px;
            display: block;
            margin: 0 5px;
        }

            .wo_side_users .user img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
                box-shadow: 0 5px 10px rgba(0, 35, 196, .3);
            }

    /* Media query: Hide on mobile web view */
    @media only screen and (max-width: 768px) {
        .wow_side_loggd_usr,
        .wow_side_loggd_usr_cvr,
        .wow_side_loggd_usr_cvr img,
        .wow_side_loggd_usr_hdr,
        .wow_side_loggd_usr_hdr .avatar,
        .wow_side_loggd_usr_hdr .avatar img,
        .wow_side_loggd_usr_hdr .avatar span.user-review-rating-heart-icon,
        .wow_side_loggd_usr_hdr .title,
        .wow_side_loggd_usr_hdr .title a,
        .wow_side_loggd_usr_hdr .title p,
        .wow_side_loggd_usr hr,
        .wo_user_side_info,
        .wo_user_side_info li,
        .wo_user_side_info .menu_list,
        .wo_user_side_info li span b,
        .wo_side_users,
        .wo_side_users .user,
        .wo_side_users .user img {
            display: none;
        }
    }

    /*Sidebar Hashtags*/
    .sidebar .list-group,
    .featured-users {
        box-shadow: 0px 30px 30px rgb(0 35 196 / 3%);
        border-radius: 16px;
        border: 0;
    }

    .sidebar .wow_htag a {
        text-decoration: none;
        display: inline-flex;
        max-width: none;
        white-space: normal;
    }

    .sidebar .wow_htag {
        padding: 2px 15px 12px;
    }

    .wow_htag a svg {
        width: 34px;
        height: 34px;
        background: rgba(198, 77, 83, 0.1);
        border-radius: 4px;
        padding: 7px;
        color: #C64D53;
        margin-right: 10px;
        transition: all 0.2s;
    }

    .sidebar .wow_htag a:hover svg {
        background: rgb(198 77 83 / 30%);
    }

    .wow_htag .htag_top {
        display: block;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
    }

    .wow_htag .htag_bottom {
        color: #6c6c6c;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
    }

    /*Sidebar Birthdays*/
    .wow_side_bdays {
        border-top: 1px solid #e6e6e6;
        margin-top: 15px;
        padding-top: 15px;
    }

        .wow_side_bdays > p {
            font-size: 14.5px;
            color: #444;
            font-weight: 600;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

    .wow_side_bday_usr {
        position: relative;
        padding-left: 30px;
        display: flex;
        margin-bottom: 13px;
    }

        .wow_side_bday_usr:last-child {
            margin: 0;
        }

        .wow_side_bday_usr > svg {
            position: absolute;
            top: 2px;
            left: 2px;
            width: 19px;
            height: 19px;
        }

        .wow_side_bday_usr > .avatar {
            width: 40px;
            min-width: 40px;
            height: 40px;
            margin-right: 6px;
        }

            .wow_side_bday_usr > .avatar img {
                width: 100%;
                height: 100%;
                border-radius: 7px;
                object-fit: cover;
            }

        .wow_side_bday_usr .user-name {
            margin-top: 4px;
        }

            .wow_side_bday_usr .user-name a {
                text-decoration: none;
                color: #2f2f2f;
                font-weight: bold;
                text-transform: capitalize;
            }

    /*User Story*/
    .wow_story_mores {
        padding: 3px 15px 1px;
    }

        .wow_story_mores ul.status-list {
            flex-wrap: wrap;
        }

            .wow_story_mores ul.status-list li {
                margin-top: 8px;
            }

    .wow_stroy_media,
    .wow_stroy_media img {
        min-height: 230px;
        max-height: 230px;
    }

    .wow_stroy_media_count {
        position: absolute;
        display: block;
        top: 10px;
        right: 10px;
    }

        .wow_stroy_media_count input {
            border: 0;
            box-shadow: none;
            background: rgba(0, 0, 0, 0.7) !important;
            border-radius: 2em;
            height: auto;
            color: white;
            width: auto;
            text-align: center;
            padding: 0 5px;
            font-size: 14.5px;
        }

    /*Punlisher Box*/
    .wow_pub_privacy {
        margin: 3px 0px;
        position: relative;
    }

    .wow_pub_privacy_dropdown {
        display: flex;
        align-items: center;
        background-color: #f9f9f9;
        color: #4b4f56;
        border-radius: 2em;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        font-size: 14.5px;
        font-weight: bold;
        cursor: pointer;
        padding: 0px 6px 0px 10px;
        line-height: 27px;
        box-shadow: 0 0 0 1px #e4e4e4;
    }

        .wow_pub_privacy_dropdown > svg {
            width: 15px;
            height: 15px;
            margin-left: 3px;
        }

        .wow_pub_privacy_dropdown > p {
            margin: 0;
        }

            .wow_pub_privacy_dropdown > p svg {
                width: 17px;
                height: 17px;
                margin-top: -2px;
            }

    .wow_pub_privacy_menu {
        padding: 5px 0;
        margin: 0;
        background-color: white;
        position: absolute;
        min-width: 180px;
        z-index: 10;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.23);
        transform: scale3d(.8, .8, 1);
        transform-origin: left top;
        display: block;
        opacity: 0;
        visibility: hidden;
        top: 0;
        left: 0;
    }

        .wow_pub_privacy_menu li label {
            margin: 0;
            display: block;
            font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
            cursor: pointer;
        }

            .wow_pub_privacy_menu li label span svg {
                display: none;
            }

            .wow_pub_privacy_menu li label input[type="radio"]:not(:checked),
            .wow_pub_privacy_menu li label input[type="radio"]:checked {
                position: absolute;
                opacity: 0;
                pointer-events: none;
            }

            .wow_pub_privacy_menu li label input[type="radio"] + span {
                position: relative;
                display: block;
                padding: 7px 25px;
                user-select: none;
                transition: all 0.15s;
            }

        .wow_pub_privacy_menu li:hover label span {
            background: #eee;
        }

    .wow_pub_privacy.showMenu .wow_pub_privacy_menu {
        transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
        transform: scale3d(1, 1, 1);
        opacity: 1;
        visibility: visible;
    }

    /*Post*/
    .wow_post_usr_ava {
        position: relative;
    }

    .wow_post_usr_ava_active {
        box-shadow: 0 0 0 2.5px #55acee;
    }

    .wow_post_usr_ava img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        position: relative;
    }

        .wow_post_usr_ava img.blur_img {
            position: absolute;
            width: 75%;
            height: 75%;
            bottom: 2px;
            left: 50%;
            transform: translateX(-50%);
            filter: blur(8px);
            opacity: 0.7;
        }

    .wow_post_usr_ava span {
        position: absolute;
        bottom: 0;
        right: 0;
        border-radius: 50%;
        width: 20px !important;
        height: 20px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .wow_post_usr_ava span:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            /* background: #fff; */
            width: 12px;
            height: 12px;
            border-radius: 50%;
        }

        .wow_post_usr_ava span svg {
            margin: 0 !important;
            position: relative;
            z-index: 1;
            width: 20px !important;
            height: 20px !important;
        }

    /*Left Sidebar Filter*/
    .wow_side_post_fltr {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .wow_side_post_fltr > a {
            flex: auto;
            margin: 0 !important;
        }

    /*Avatar and Cover*/
    .wow_cset_cover {
        margin-top: 10px;
    }

    .wow_cset_cover,
    .wow_cset_avtr {
        position: relative;
    }

        .wow_cset_cover .wow_cset_cover_hdr .btn-file {
            display: flex;
            justify-content: center;
            box-shadow: none;
            background-color: #f3f3f3;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            height: 200px;
            overflow: hidden;
            padding: 0;
            align-items: center;
        }

            .wow_cset_cover .wow_cset_cover_hdr .btn-file img,
            .wow_cset_avtr .wow_cset_avtr_hdr .btn-file img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 17px
            }

            .wow_cset_cover .wow_cset_cover_hdr .btn-file svg,
            .wow_cset_avtr .wow_cset_avtr_hdr .btn-file svg {
                margin: 0;
                width: 30px;
                height: 30px;
            }

        .wow_cset_cover .avatar-read {
            position: absolute;
            top: 10px;
            left: 10px;
        }

            .wow_cset_cover .avatar-read p {
                margin: 0;
                background-color: rgba(0, 0, 0, 0.5);
                color: white;
                height: 34px;
                padding: 6px 12px;
                border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            }

                .wow_cset_cover .avatar-read p:empty {
                    padding: 0;
                }

        .wow_cset_avtr .wow_cset_avtr_hdr {
            flex: 0 0 auto;
            margin: 0 30px;
        }

            .wow_cset_avtr .wow_cset_avtr_hdr .btn-file {
                display: flex;
                justify-content: center;
                box-shadow: none;
                background-color: #f3f3f3;
                width: 120px;
                height: 120px;
                border-radius: 50%;
                overflow: hidden;
                margin: -40px auto 20px;
                padding: 0;
                align-items: center;
                border: 4px solid #fff;
                box-shadow: 0 5px 10px rgba(0, 35, 196, .3);
            }

    .wow_cset_avtr {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .wow_cset_avtr > div:not(.text-center) {
            display: flex;
        }

            .wow_cset_avtr > div:not(.text-center) h5 {
                font-family: 'Convergence';
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                margin: 15px 0 5px;
                font-weight: 400;
                text-overflow: ellipsis;
                overflow: hidden;
                max-width: 213px;
                white-space: nowrap;
                display: inline-block;
                color: #4a4a4a;
            }

            .wow_cset_avtr > div:not(.text-center) p {
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 13px;
                margin: 0;
            }

        .wow_cset_avtr > .text-center {
            flex: 0 0 auto;
        }

    /*Upgraded*/
    .wow_upgrd_ico {
        font-size: 30px;
        font-weight: 600;
        margin-top: 30px;
        color: forestgreen;
    }

        .wow_upgrd_ico svg {
            background: transparent;
            opacity: 1;
            padding: 0;
            border-radius: 0;
            width: 220px;
            height: auto;
            margin: 0 auto;
            filter: drop-shadow(0 0 2px rgba(55, 73, 87, .15)) drop-shadow(0 2px 5px rgba(55, 73, 87, .2));
        }

        .wow_upgrd_ico i {
            background: #2a2a2a;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            line-height: 1;
            vertical-align: bottom;
            padding: 8px 0 0;
            font-size: 22px;
            text-align: center;
            color: #fff;
        }

    /*Memories*/
    .wow_memories {
        padding: 15px 15px 0.1px;
    }

    .wow_memories_cover {
        padding: 45px 5px;
        position: relative;
        margin: 0 0 15px;
        font-size: 23px;
        border-radius: 6px;
        padding-left: 230px;
        overflow: hidden;
        text-transform: capitalize;
        font-weight: 600;
        font-family: "Lato", sans-serif;
        margin-top: 0;
        background: url(../img/friends.svg);
        background-position: 20px center;
        background-color: #f2f1ff;
        background-size: 125px;
        background-repeat: no-repeat;
    }

        .wow_memories_cover > div {
            position: relative;
            z-index: 1;
        }

    .wow_memories_friends {
        padding: 0;
    }

        .wow_memories_friends .wow_memories_cover {
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        }

        .wow_memories_friends .panel {
            border: 1px solid #e9e9e9;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            position: relative;
        }

        .wow_memories_friends .wow_side_loggd_usr {
            margin: 0;
        }

        .wow_memories_friends .wow_side_loggd_usr_cvr {
            margin: -13px 0 0;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        }

            .wow_memories_friends .wow_side_loggd_usr_cvr img {
                height: 160px;
            }

        .wow_memories_friends .wow_side_loggd_usr_hdr {
            margin: 0;
            padding: 0;
        }

            .wow_memories_friends .wow_side_loggd_usr_hdr .title {
                max-width: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

        .wow_memories_friends .btn-default {
            box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
            line-height: 33px;
            padding: 0 10px;
            font-size: 14.5px;
            min-width: 110px;
            text-align: center;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            font-family: "Roboto", sans-serif;
            font-weight: bold;
            background-color: #6c63ff;
            color: white;
            margin: 15px 0 10px;
        }

            .wow_memories_friends .btn-default svg {
                display: none;
            }

        .wow_memories_friends h3 {
            margin: 0;
            font-size: 14.5px;
            padding: 20px;
            font-family: "Roboto", sans-serif;
            font-weight: bold;
            padding-left: 75px;
            position: relative;
        }

            .wow_memories_friends h3 svg {
                width: 40px;
                height: 40px;
                position: absolute;
                left: 15px;
                top: 50%;
                transform: translateY(-50%);
            }

    .wow_memories:not(.wow_memories_friends) h3 {
        font-weight: 600;
        font-family: "Lato", sans-serif;
        font-size: 18px;
        margin: 0;
        padding: 15px;
        border-bottom: 1px solid #e9e9e9;
    }

    .wow_memories .post .panel {
        box-shadow: none;
    }

    .wow_memories_posts {
        padding-bottom: 0.1px;
    }

        .wow_memories_posts .wow_memories_cover {
            background: url(../img/posts.svg);
            background-position: 20px center;
            background-color: #f2f1ff;
            background-size: 125px;
            background-repeat: no-repeat;
        }

        .wow_memories_posts .post .post-footer.post-comments {
            display: none;
        }

    /*Live*/
    .embed-responsive-1by1 {
        padding-bottom: 100%;
    }

    .wow_go_live_cont {
        height: calc(100vh - 70px);
        background-image: url(../img/pattern.png);
        margin-top: -8px;
        border-radius: 0;
        background: #000;
    }

        .wow_go_live_cont > .container {
            background: #000;
            height: 100%;
            color: white;
        }

            .wow_go_live_cont > .container > div {
                height: 100%;
            }

        .wow_go_live_cont .liv_vid_cont {
            height: 100%;
        }

        .wow_go_live_cont .empty_state {
            margin: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: calc(100vh - 70px);
            color: rgba(255, 255, 255, 0.8);
        }

            .wow_go_live_cont .empty_state svg {
                opacity: 1;
                background-color: #4a4a4a;
            }

    .wow_liv_counter {
        z-index: 9;
        position: absolute;
        left: 20px;
        top: 20px;
        background-color: rgba(0, 0, 0, 0.7);
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
        min-width: 60px;
        line-height: 30px;
        font-size: 13px;
        font-weight: bold;
        color: #03a9f4;
        font-family: "Roboto", sans-serif;
        text-align: center;
        padding: 0 10px;
    }

    .wow_liv_comments_feed {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        background: linear-gradient(rgba(0, 0, 0, 0), black);
        padding: 120px 15px 10px;
    }

    .wow_go_live_btn,
    .wow_end_live_btn {
        width: auto;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        min-width: 140px;
        line-height: 45px;
        height: auto;
        bottom: auto;
        right: 50px;
        left: auto;
        top: 20px;
        transform: none;
        font-family: 'Poppins';
        font-weight: 500;
    }

    .live_comments {
        padding: 10px 0;
        text-align: initial;
    }

        .live_comments .live_avatar {
            width: 40px !important;
            height: 40px;
            border-radius: 50% !important;
            margin-right: 10px;
        }

        .live_comments .live_user_h {
            font-size: 14.5px;
            font-weight: 700;
            display: inline;
            margin-top: 0;
            color: #fff;
        }

        .live_comments .comment-text,
        .live_comments .reply-text {
            color: #eaeaea;
            /*width: 100%;*/
        }

    .live_mic_cam_switch {
        position: absolute;
        right: 50px;
        top: 75px;
        height: auto !important;
    }

    .mic_drop,
    .cam_drop {
        margin-top: 10px;
    }

        .mic_drop > .btn,
        .cam_drop > .btn {
            background-color: rgb(255 255 255 / 40%);
            min-width: auto;
            padding: 0;
            line-height: 1;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 45px;
            height: 45px;
        }

            .mic_drop > .btn:hover,
            .cam_drop > .btn:hover {
                background-color: rgb(255 255 255 / 60%);
            }

            .mic_drop > .btn svg,
            .cam_drop > .btn svg {
                margin: 0;
            }

        .mic_drop a,
        .cam_drop a {
            display: block;
            text-decoration: none;
            padding: 5px 12px;
        }

    /*Setting Stats*/
    .wow_sett_stats {
        color: #6abd46;
        padding: 0 10px;
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-size: 15px;
    }

        .wow_sett_stats svg {
            border-radius: 50%;
            background-color: rgba(106, 189, 70, 0.2);
            padding: 7px;
            width: 30px;
            height: 30px;
        }

    /*Offers*/
    .wow_main_offer_list {
        margin-bottom: 10px;
    }

        .wow_main_offer_list .panel {
            box-shadow: none;
            border-radius: 20px;
            padding: 20px;
        }

        .wow_main_offer_list .wo_jlist_headimg {
            margin: 0;
        }

            .wow_main_offer_list .wo_jlist_headimg img {
                aspect-ratio: 1.4;
                border-radius: 12px;
                width: 100%;
            }

        .wow_main_offer_list .wo_jlist_info_date {
            text-align: center;
            padding: 15px 0;
        }

            .wow_main_offer_list .wo_jlist_info_date p {
                font-family: 'Inter';
                font-style: normal;
                font-weight: 400;
                font-size: 13px;
                margin: 0;
            }

            .wow_main_offer_list .wo_jlist_info_date b {
                font-family: 'Inter';
                font-style: normal;
                font-weight: 400;
                font-size: 26px;
                margin: 0;
            }

        .wow_main_offer_list .wo_jlist_info {
            position: relative;
            background: transparent;
            padding: 0;
        }

        .wow_main_offer_list .wo_jlist_info_head {
            margin: 0 11px;
        }

            .wow_main_offer_list .wo_jlist_info_head .btn {
                margin: 0;
                border-radius: 2em;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-family: 'Inter';
                font-style: normal;
                font-weight: 700;
                font-size: 15px;
                padding: 0 20px;
                border: 0;
                line-height: 42px;
            }

    /*Video Processing*/
    .vid_procss_alrt {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 6px;
        left: 0;
        z-index: 9;
        margin: 0;
        backdrop-filter: blur(3px);
        background: linear-gradient(transparent, black);
        display: flex;
        align-items: flex-end;
        color: #fff;
    }

        .vid_procss_alrt > span {
            position: absolute;
            top: 10px;
            right: 10px;
            background: rgb(255 255 255 / 30%);
            border-radius: 50%;
            padding: 4.3px 3px;
            line-height: 1;
        }

    /*Reply Message*/
    .text-sender-container .messagejoint {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 210px);
        background: white;
        border-radius: 10px;
    }

    .text-sender-container .sendMessages {
        flex-shrink: 0;
    }

    .wo_reply_msg_bg {
        padding: 5px 7px;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        margin-top: 7px;
    }

    .text-sender-container .message-contnaier.margin-active {
        margin-bottom: 25px;
    }

    .text-sender-container .incoming .message-model .message .wo_reply_msg_bg {
        background: #ddd;
    }

    .text-sender-container .outgoing .message-model .message .wo_reply_msg_bg,
    .chat-messages-wrapper .outgoing .message-text .wo_reply_msg_bg {
        background: rgb(0 0 0 / 40%);
    }

    .text-sender-container .message-contnaier .reactions-box {
        top: -30px;
    }

    .text-sender-container .message-contnaier:first-child .reactions-box {
        top: -10px;
    }

    .message_reply_text,
    .message_reply_story_text,
    .chat_reply_text {
        display: flex;
        align-items: center;
        margin: 5px 30px -5px;
        background: #f8f8f8;
        padding: 8px;
        border-radius: 12px;
        box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
    }

        .message_reply_text span,
        .chat_reply_text span {
            flex: 1;
        }

        .message_reply_text p,
        .chat_reply_text p {
            margin: 0;
        }

        .message_reply_text svg,
        .message_reply_story_text svg,
        .chat_reply_text svg {
            margin-left: auto;
        }

    .chat_reply_text,
    .chat-textarea .message_reply_story_text {
        margin: 10px 10px 3px;
        padding: 5px;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    }

    .chat-messages-wrapper .messages-wrapper:first-child .reactions-box {
        top: -10px;
    }

    .chat-messages-wrapper .messages-wrapper .reactions-box {
        top: -30px;
        transform: scale(0.8);
        width: 292px;
    }

    .chat-messages-wrapper .wo_reply_msg_bg .message-text {
        padding: 0;
        background: transparent !important;
    }

    .chat-messages-wrapper .incoming .message-text .wo_reply_msg_bg {
        background: #cdcdcd;
    }

    .text-sender-container .message-contnaier .message-seen.message-details {
        text-align: end;
        margin: 3px 0 0;
    }

        .text-sender-container .message-contnaier .message-seen.message-details:empty {
            margin: 0;
        }

    .text-sender-container .message-contnaier .message-typing.message-details {
        margin-top: 4px;
    }

        .text-sender-container .message-contnaier .message-typing.message-details:empty {
            margin-top: 0;
        }

    /*Story Reactions*/
    .story_reacts_box {
        left: 50%;
        transform: translateX(-50%);
        top: 40px;
        white-space: nowrap;
        line-height: 1;
    }

        .story_reacts_box .reaction {
            float: none;
        }

    .wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_opts .like-emo > .how_reacted {
        background: #000;
    }

    /*Post Gif Sticker*/
    .gif_post_comment_innr,
    .sticker_post_comment_innr {
        margin-bottom: -10px;
        padding: 10px 0;
    }

        .gif_post_comment_innr > .form-control {
            border: 0;
            background: rgb(0 0 0 / 8%);
            border-radius: 2em;
        }

        .gif_post_comment_innr .gif_post_comment_gif,
        .sticker_post_comment_innr .chat-box-stickers-cont,
        .gif_post_reply_innr .gif_post_comment_gif,
        .sticker_post_reply_innr .chat-box-stickers-cont {
            max-height: 250px;
            overflow-y: auto;
            text-align: center;
        }

            .gif_post_comment_innr .gif_post_comment_gif img,
            .gif_post_reply_innr .gif_post_comment_gif img {
                width: 33.3333333%;
                padding: 2px;
                height: 150px;
                cursor: pointer;
                border-radius: 10px;
            }

            .sticker_post_comment_innr .chat-box-stickers-cont p {
                margin: 0;
            }

    /*Chat Stories*/
    .wo_chat_story {
        max-width: 120px;
        width: 100%;
        min-width: 120px;
    }

    .chat-messages-wrapper .outgoing .wo_chat_story {
        margin-left: auto;
    }

    .wo_chat_story_innr {
        position: relative;
        cursor: pointer;
        padding-bottom: 125%;
        overflow: hidden;
        border-radius: 8px;
    }

        .wo_chat_story_innr img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            max-height: none !important;
        }

    body .wo_chat_story_innr p {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0 !important;
        color: #fff !important;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding: 7px;
        background: linear-gradient(transparent, rgb(0 0 0 / 50%));
        font-weight: bold;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

    .messages-container .wo_chat_story {
        max-width: none;
        width: 100%;
        min-width: 160px;
    }

    /*Product Review Stars*/
    .pr_stars {
        display: flex;
        margin: -2px 0 6px;
    }

        .pr_stars .star {
            width: 18px;
            height: 18px;
            margin: 0 2px 0 0px;
        }

            .pr_stars .star path {
                fill: rgb(0 0 0 / 20%);
            }

        .pr_stars[data-stars] .star path {
            fill: #ff9800;
        }

        .pr_stars[data-stars="0"] .star path {
            fill: rgb(0 0 0 / 20%);
        }

        .pr_stars[data-stars="1"] .star:nth-child(1) ~ .star path {
            fill: rgb(0 0 0 / 20%);
        }

        .pr_stars[data-stars="2"] .star:nth-child(2) ~ .star path {
            fill: rgb(0 0 0 / 20%);
        }

        .pr_stars[data-stars="3"] .star:nth-child(3) ~ .star path {
            fill: rgb(0 0 0 / 20%);
        }

        .pr_stars[data-stars="4"] .star:nth-child(4) ~ .star path {
            fill: rgb(0 0 0 / 20%);
        }

        .pr_stars[data-stars="5"] .star:nth-child(5) ~ .star path {
            fill: rgb(0 0 0 / 20%);
        }

    /*Product Reviews*/
    .check_reviews {
        background-color: #ededed;
    }

    .review_list {
        padding: 15px 15px 7px;
        margin-bottom: 20px;
        background-color: white;
        border-radius: 10px;
        box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 10%) 0px 1px 2px -1px;
    }

    .review-meta-desc {
        display: flex;
        align-items: center;
        font-size: 14.5px;
        width: auto;
    }

    .reviewMeta--author-avatar {
        margin-right: 10px;
    }

        .reviewMeta--author-avatar img {
            width: 40px;
            min-width: 40px;
            height: 40px;
            border-radius: 50%;
        }

    .reviewMeta--author-text {
        overflow: hidden;
    }

        .reviewMeta--author-text .linkk {
            font-weight: bold;
            font-size: 15px;
            display: block;
            text-decoration: none;
            color: inherit;
        }

    .prod_review-meta {
        position: relative;
    }

        .prod_review-meta .Review-rating {
            font-size: 20px;
            font-weight: bold;
            margin-top: 6px;
            position: relative;
        }

        .prod_review-meta:before {
            content: '★★★★★';
            position: absolute;
            z-index: auto;
            color: rgb(0 0 0 / 20%);
            left: 14px;
            font-size: 20px;
            font-weight: bold;
        }

        .prod_review-meta .Review-rating:first-letter {
            font-size: 15px;
        }

        .prod_review-meta .Review-rating.five_star {
            color: #388e3c;
        }

        .prod_review-meta .Review-rating.four_star {
            color: #4caf50;
        }

        .prod_review-meta .Review-rating.three_star {
            color: #ff9800;
        }

        .prod_review-meta .Review-rating.two_star {
            color: #ff7245;
        }

        .prod_review-meta .Review-rating.one_star {
            color: #ff3f31;
        }

    .create_prod_images .productimage-holder {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        padding: 0 15px;
    }

        .create_prod_images .productimage-holder .item {
            padding: 10px 4px;
        }

            .create_prod_images .productimage-holder .item img {
                max-width: 100%;
                height: auto;
                border-radius: 7px;
                box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 10%) 0px 1px 2px -1px;
            }

    /*Checkout*/
    .ch_checkout_title {
        font-size: 18px;
        border-bottom: 1px solid #eaecee;
        padding-bottom: 10px;
        position: relative;
        margin: 0 0 30px;
        font-weight: bold;
    }

        .ch_checkout_title::after {
            content: "";
            background: currentColor;
            height: 3px;
            width: 50px;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .ch_checkout_title .badge {
            padding: 5px 11px;
        }

        .ch_checkout_title select {
            padding: 0;
            border-right: 0;
            border-left: 0;
            border-top: 0;
            background: transparent;
            font-size: 16px;
        }

    .ch_card {
        box-shadow: none;
        border-radius: 16px;
        padding: 25px;
    }

    .ch_h4 {
        margin-top: 0;
        font-family: 'Poppins';
        padding: 0 20px;
    }

    .ch_cart .ch_title {
        display: flex;
        justify-content: space-between;
        position: relative;
        padding-left: 45px;
        padding-bottom: 15px;
        font-family: 'Poppins';
    }

        .ch_cart .ch_title h4 {
            margin: 0;
            font-weight: bold;
        }

            .ch_cart .ch_title h4 svg {
                background-color: #f6f6f6;
                border-radius: 6px;
                padding: 6px;
                width: 30px;
                height: 30px;
                position: absolute;
                left: 0;
            }

        .ch_cart .ch_title p {
            margin: 5px 0 0;
        }

    .ch_prod_items_row {
        margin: 0 -5px;
    }

    .ch_main_items {
        padding: 20px 5px 0;
        position: relative;
        width: 33.3333333333%;
    }

        .ch_main_items .prod_img {
            width: 100%;
            height: 100%;
            margin-bottom: 15px;
            position: relative;
        }

            .ch_main_items .prod_img img {
                border-radius: 10px;
                width: 100%;
                height: 100%;
                aspect-ratio: 1;
                object-fit: cover;
            }

            .ch_main_items .prod_img > div {
                font-size: 14.5px;
                font-weight: bold;
                color: #fff;
                position: absolute;
                bottom: 7px;
                right: 7px;
                background-color: rgb(0 0 0 / 80%);
                line-height: 25px;
                text-align: center;
                border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
                padding: 0 6px;
            }

            .ch_main_items .prod_img > .btn {
                font-size: 13px;
                font-weight: 700;
                color: #fff;
                position: absolute;
                top: 7px;
                left: 7px;
                background-color: #f39100;
                line-height: 23px;
                text-align: center;
                border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
                padding: 0 10px;
            }

        .ch_main_items .prod_info {
            width: 100%;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }

            .ch_main_items .prod_info h4 {
                margin: 0;
                font-size: 15px;
                letter-spacing: -0.03em;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .ch_main_items .prod_info h4 a {
                    color: inherit;
                }

            .ch_main_items .prod_info p {
                display: none;
            }

            .ch_main_items .prod_info .price-wrap {
                margin-top: 7px;
            }

    .ch_qty_toggle {
        display: inline-flex;
        align-items: center;
    }

        .ch_qty_toggle .value-button {
            background-color: rgba(15, 21, 41, 0.1);
            line-height: 1;
            padding: 3px;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            cursor: pointer;
        }

        .ch_qty_toggle input {
            outline: none;
            background-color: transparent !important;
            border: 0;
            margin: 0;
            padding: 2px 4px;
            font-weight: bold;
            font-size: 14.5px;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            width: 30px;
            text-align: center;
        }

            .ch_qty_toggle input[type=number]::-webkit-inner-spin-button,
            .ch_qty_toggle input[type=number]::-webkit-outer-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }

    .ch_main_items .closed {
        font-size: 15px;
        font-weight: bold;
        line-height: 25px;
        color: #fff;
        position: absolute;
        top: 25px;
        right: 10px;
        background-color: rgb(0 0 0 / 80%);
        width: 25px;
        height: 25px;
        text-align: center;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        cursor: pointer;
    }

    .ch_total_price {
        text-align: end;
        padding: 25px 0 0;
        position: relative;
        font-family: 'Poppins';
    }

        .ch_total_price h4 {
            font-size: 18px;
            margin: 0;
        }

        .ch_total_price p {
            margin: 0;
            word-break: break-all;
            font-size: 30px;
            font-weight: 600;
        }

        .ch_total_price .divider {
            margin: 25px 0 !important;
        }

        .ch_total_price .alert {
            text-align: center;
        }

            .ch_total_price .alert a {
                color: inherit;
            }

        .ch_total_price > svg {
            position: absolute;
            bottom: -25px;
            left: -25px;
            transform: scale(-1);
            opacity: 0.3;
            border-radius: 8px;
            pointer-events: none;
        }

    .ch_summary {
        padding: 10px;
        margin-bottom: 20px;
    }

    .cart_chos_addrs {
        margin: 0;
    }

        .cart_chos_addrs input {
            display: none;
        }

        .cart_chos_addrs label {
            border-bottom: 1px solid rgba(0, 0, 0, 0.15);
            width: 100%;
            cursor: pointer;
            display: block;
            margin: 0;
            padding: 10px 10px 10px 45px;
            position: relative;
            transition: all 0.1s;
            user-select: none;
            border-radius: 10px;
            font-family: 'Poppins';
        }

        .cart_chos_addrs li:last-child label {
            border: 0;
        }

        .cart_chos_addrs label:hover {
            background-color: rgba(0, 0, 0, 0.05);
        }

        .cart_chos_addrs label:before {
            content: '';
            position: absolute;
            width: 18px;
            height: 18px;
            border: 2px solid rgba(0, 0, 0, 0.7);
            border-radius: 50%;
            transition: .2s;
            top: 15px;
            left: 10px;
        }

        .cart_chos_addrs label:after {
            content: '';
            display: block;
            height: 9px;
            width: 9px;
            background: #222;
            border-radius: 50%;
            opacity: 0;
            transition: .2s;
            position: absolute;
            top: 24px;
            left: 19px;
            transform: translate(-50%, -50%);
        }

        .cart_chos_addrs input:checked + label:before {
            border-color: #222;
        }

        .cart_chos_addrs input:checked + label:after {
            opacity: 1;
        }

        .cart_chos_addrs input:checked + label {
            color: #222;
        }

        .cart_chos_addrs label p {
            margin: 0;
        }

        .cart_chos_addrs label b {
            font-weight: bold;
        }

    .ch_summary .btn,
    .ch_total_price .btn,
    .ch_address .btn {
        border: 0;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        position: relative;
        z-index: 1;
        min-width: 200px;
        line-height: 46px;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 16px;
    }

    .ch_address .btn {
        margin-top: 10px;
        display: inline-block;
    }

    .ch_payment_box.modal.fade .modal-dialog,
    .ch_payment_box.modal.fade .modal-footer {
        text-align: center;
    }

    .ch_payment_head {
        padding: 25px 10px 0;
    }

        .ch_payment_head svg {
            background-color: rgb(76 175 80 / 15%);
            color: #4caf50;
            padding: 17px;
            border-radius: 50%;
            width: 80px;
            height: 80px;
        }

        .ch_payment_head h4 {
            font-weight: bold;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-size: 24px;
        }

    .ch_payment_box.modal.fade .modal-footer {
        padding: 20px 0;
    }

        .ch_payment_box.modal.fade .modal-footer .btn {
            border: 0;
            width: 45%;
            border-radius: 2em;
            line-height: 43px;
            margin: 0 5px;
            padding: 0 16px;
            font-family: "Roboto", sans-serif;
            font-size: 14.5px;
            font-weight: bold;
        }

    /*Wallet*/
    .wallet_transactions > p {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /*Address Book*/
    .wo_address_row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .wo_address_row > .col-lg-4 {
            float: none !important;
        }

    .address_book {
        padding: 0 0 30px;
        height: 100%;
    }

    .address_book_innr {
        height: 100%;
        width: 100%;
    }

        .address_book_innr.wow_content {
            padding: 20px;
        }

    .add_new_addrs {
        height: 100%;
        border-radius: 10px;
        background-color: rgb(0 0 0 / 5%);
        font-weight: 600;
        color: #323232;
        flex-direction: column;
        min-height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none !important;
        width: 100%;
    }

        .add_new_addrs svg {
            width: 38px;
            height: 38px;
            margin: 0 auto 10px;
        }

    .address_box {
        padding: 0 0 15px;
    }

        /*.address_box .addrs_name { font-weight: bold; font-size: 19px; color: #222; }*/
        .address_box p {
            margin-bottom: 15px;
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 15px;
        }

            .address_box p svg {
                width: 25px;
                height: 25px;
                background: #fafafa;
                border-radius: 6px;
                padding: 5px;
                margin: 0 6px 0 0;
            }

        /*.address_box .addrs_phone { font-weight: bold; font-size: 15px; }
.address_box .addrs_street, .address_box .addrs_count { font-size: 15px; }*/
        .address_box .addrs_count {
            margin: 0;
        }

    .address_book_innr .row {
        display: flex;
        margin: 5px -6px 0;
        padding: 0px;
    }

        .address_book_innr .row .btn {
            border: 0;
            border-radius: 8px;
            padding: 0;
            line-height: 42px;
            margin: 0 6px;
            flex: 1 1 auto;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
        }

            .address_book_innr .row .btn svg {
                margin: 0;
                width: 22px;
                height: 22px;
            }

            .address_book_innr .row .btn.btn-default {
                flex: 0 0 auto;
                padding: 0 10px;
                min-width: auto;
            }

    /*Purchased*/
    .my_purchased_content {
    }

    .my_purchased {
        position: relative;
        margin: 0 0 30px;
        padding: 15px;
        font-family: 'Poppins';
    }

        .my_purchased .title {
            font-weight: bold;
            font-size: 19px;
            color: inherit;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 5px;
        }

        .my_purchased .price {
            margin-bottom: 3px;
        }

            .my_purchased .price svg {
                margin-top: -4px;
                width: 16px;
                height: 16px;
            }

        .my_purchased .foot {
            padding-top: 12px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .my_purchased .foot .btn {
                border: 0;
                width: 100%;
                border-radius: 8px;
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
                line-height: 30px;
            }

    /*Order Details*/
    .wo_order_detail_widget {
        box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 10%) 0px 2px 4px -2px;
        border-radius: 8px;
        padding: 15px;
    }

        .wo_order_detail_widget > h5 {
            margin: 0 0 2px;
        }

        .wo_order_detail_widget > p {
            margin: 0;
        }

    .star_rating {
        display: flex;
        font-size: 30px;
        justify-content: center;
        line-height: 1;
    }

        .star_rating input {
            display: none;
        }

        .star_rating label {
            color: #dcdcdc;
            cursor: pointer;
            font-size: 32px;
            margin: 0 0 5px;
        }

        .star_rating :checked ~ label {
            color: #EF8F12;
        }

        .star_rating label:hover,
        .star_rating label:hover ~ label {
            color: #fc0;
        }

    #write_product_review .upload-product-image {
        margin: 0;
    }

    #write_product_review #productimage-holder {
        padding: 0 6px;
    }

        #write_product_review #productimage-holder .thumb-image {
            width: 90px;
            height: 90px;
        }

    /*Customer Order*/
    .cust_order_prices {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .cust_order_prices p {
            font-size: 29px;
        }

    /*Banned User*/
    .wo_banned_user {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        min-height: calc(100vh - 101px);
        width: 100%;
        max-width: 900px;
        margin: auto;
    }

        .wo_banned_user img {
            max-width: 300px;
            margin: 0 auto;
            pointer-events: none;
        }

        .wo_banned_user p {
            margin: 10px 0 0;
            font-size: 16px;
        }

    /*Withdrawal*/
    .wallet_trans_type .badge {
        font-weight: bold;
        border-radius: 3px;
    }

        .wallet_trans_type .badge.success {
            background-color: rgba(76, 175, 80, 0.1);
            color: #4CAF50;
        }

        .wallet_trans_type .badge.warning {
            background-color: rgba(243, 148, 64, 0.1);
            color: #f39440;
        }

        .wallet_trans_type .badge.info {
            background-color: rgba(33, 150, 243, 0.1);
            color: #2196F3;
        }

        .wallet_trans_type .badge.danger {
            background-color: rgba(244, 67, 54, 0.1);
            color: #F44336;
        }

    .withdraw_hdr_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .withdraw_hdr_title .btn {
            box-shadow: none;
            padding: 0;
        }

            .withdraw_hdr_title .btn svg {
                margin-top: -2px;
            }

    .wallet_holder_name {
        display: inline-flex;
        align-items: center;
        background: rgb(76 175 80 / 0.15);
        color: #4CAF50;
        border-radius: 10px;
        padding: 10px 20px;
        margin: 5px 0 20px;
    }

        .wallet_holder_name svg {
            background-color: #4CAF50;
            color: white;
            border-radius: 50%;
            padding: 9px;
            width: 42px;
            height: 42px;
        }

        .wallet_holder_name .infoz b {
            margin: 0;
        }

        .wallet_holder_name .infoz p {
            margin: 0;
            font-size: 42px;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }

    /*Multi Affiliate*/
    .multi_ref_sys {
        margin: 0 -5px;
        padding: 0;
    }

        .multi_ref_sys > li span {
            display: block;
            position: relative;
            padding: 0 20px;
        }

    .refs_caret {
        cursor: pointer;
        user-select: none;
    }

        .refs_caret::before {
            content: "\25B6";
            color: #7a7a7a;
            position: absolute;
            left: 0;
            top: 10px;
        }

    .refs_caret_down::before {
        transform: rotate(90deg);
    }

    .refs_nested {
        display: none;
    }

    .refs_active {
        display: block;
    }

    /*New Header Ads*/
    .wo_ad_header_format {
        background-color: #fff;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex: 1 0 0;
        position: relative;
        margin-bottom: 30px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 8px;
        overflow: hidden;
    }

        .wo_ad_header_format .sponsored {
            position: absolute;
            top: 0;
            margin: 10px;
            font-size: 14.5px;
            font-weight: bold;
            color: #fff;
            background-color: #ff9800;
            line-height: 25px;
            text-align: center;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            padding: 0 6px;
        }

        .wo_ad_header_format .imgs {
            width: 35%;
            flex: 0 0 auto;
        }

            .wo_ad_header_format .imgs img {
                width: 100%;
                aspect-ratio: 16/9;
                object-fit: contain;
            }

        .wo_ad_header_format .details {
            padding: 20px;
            width: 100%;
            display: inline-flex;
            flex-direction: column;
            flex: 1 0 0;
            height: 100%;
        }

            .wo_ad_header_format .details > p:not(.small) {
                font-size: 28px;
                font-weight: bold;
            }

            .wo_ad_header_format .details time {
                display: block;
                border-top: 1px solid rgba(0, 0, 0, 0.15);
                margin: 12px -20px -20px;
                padding: 15px 20px;
            }

    /*StorePost Buttons*/
    .wo_store_post_btns {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 15px 0;
    }

        .wo_store_post_btns .btn {
            flex: 0 0 auto;
            border-radius: 2em;
            font-size: 14.5px;
            padding: 0 20px;
            margin: 5px 0;
        }

        .wo_store_post_btns .btn-main {
            flex: 1 1 auto;
        }

        .wo_store_post_btns p {
            margin: 0;
        }

    /*Market*/
    .new_market.wow_main_float_head:not(.searchs):not(.blogs) {
        background-image: url(../img/market.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .new_market.wow_main_float_head:after {
        content: '';
        background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 60"><path fill="%23f0f2f5" d="M1920,60H0V0S387,59,960,59,1920,0,1920,0Z"/></svg>') no-repeat center/100% 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 3.125%;
    }

    .new_market.wow_main_float_head .container {
        padding: 50px 15px 75px;
    }

    .wo_market_head_filter,
    .wo_job_head_filter {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: -85px 0 30px;
        padding: 0 7px;
        border-radius: 8px;
        font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    }

        .wo_market_head_filter > .market_widget,
        .wo_job_head_filter > .wo_job_main_widget {
            margin: 14px 7px;
            flex: 1 1 auto;
        }

            .wo_market_head_filter > .market_widget .m_widget_head,
            .wo_job_head_filter > .wo_job_main_widget .m_widget_head {
                margin: 0;
                font-weight: bold;
                border: 1px solid #ddd;
                border-radius: 8px;
                padding: 0 16px;
                line-height: 38px;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .wo_market_head_filter > .market_widget .dropdown-menu,
            .wo_job_head_filter > .wo_job_main_widget .dropdown-menu {
                padding: 10px;
                min-width: 100%;
                max-height: 300px;
                overflow-y: auto;
                background-clip: border-box;
            }

        .wo_market_head_filter > .btn,
        .wo_job_head_filter > .btn {
            flex: 1 1 auto;
            margin: 14px 7px;
            line-height: 40px;
        }

        .wo_market_head_filter > .btn-danger {
            background-color: #ab4548;
        }

        .wo_market_head_filter input.cusrange[type=range]::-webkit-slider-thumb {
            background-color: #ab4548;
        }

        .wo_market_head_filter input.cusrange[type=range]::-moz-range-thumb {
            background-color: #ab4548;
        }

        .wo_market_head_filter input.cusrange[type=range]::-ms-thumb {
            background-color: #ab4548;
        }

    /*Full Product Post page*/
    .flickity-enabled {
        position: relative;
    }

        .flickity-enabled:focus {
            outline: none;
        }

    .flickity-viewport {
        overflow: hidden;
        position: relative;
        height: 100%;
    }

    .flickity-slider {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .flickity-button {
        position: absolute;
        background: hsla(0, 0%, 100%, 0.75);
        border: none;
        color: #333;
    }

        .flickity-button:hover {
            background: white;
            cursor: pointer;
        }

        .flickity-button:focus {
            outline: none;
            box-shadow: 0 0 0 5px #19F;
        }

        .flickity-button:active {
            opacity: 0.6;
        }

        .flickity-button:disabled {
            opacity: 0.3;
            cursor: auto;
            pointer-events: none;
        }

    .flickity-button-icon {
        fill: currentColor;
    }

    .flickity-prev-next-button {
        top: 50%;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        transform: translateY(-50%);
    }

        .flickity-prev-next-button.previous {
            left: 10px;
        }

        .flickity-prev-next-button.next {
            right: 10px;
        }

    .flickity-rtl .flickity-prev-next-button.previous {
        left: auto;
        right: 10px;
    }

    .flickity-rtl .flickity-prev-next-button.next {
        right: auto;
        left: 10px;
    }

    .flickity-prev-next-button .flickity-button-icon {
        position: absolute;
        left: 20%;
        top: 20%;
        width: 60%;
        height: 60%;
    }

    .wo_post_prod_full {
        padding: 0 10px 10px;
    }

        .wo_post_prod_full > .wow_content {
            margin-top: 30px;
        }

    .wo_post_prod_full_img img {
        border: 0;
        width: 100%;
        aspect-ratio: 1;
        border-radius: 10px;
    }

    .wo_post_prod_full_img_prnt {
        position: relative;
    }

    .type_market_full {
        position: absolute;
        z-index: 1;
        margin: 13px;
        border-radius: 10px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
        padding: 0 11px;
    }

        .type_market_full svg {
            margin-top: -2px;
        }

    .wo_post_prod_full_img_slider {
        text-align: center;
        margin-top: 15px;
        white-space: nowrap;
        overflow-x: auto;
    }

        .wo_post_prod_full_img_slider img {
            aspect-ratio: 1;
            width: 60px;
            border-radius: 3px;
            margin: 2px;
        }

        .wo_post_prod_full_img_slider .is-nav-selected img {
            /*box-shadow: 0 0 0 2px #4a4a4a;*/
        }

    .wo_post_prod_full_name {
        word-wrap: break-word;
        line-height: 35px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 23px;
    }

    .wo_post_prod_full_price {
        font-size: 32px;
        word-wrap: break-word;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
    }

    .wo_post_prod_full_stars {
        margin: 10px 0;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
    }

        .wo_post_prod_full_stars .pr_stars {
            line-height: 1;
            display: inline-flex;
            vertical-align: middle;
            margin: -3px 0 0;
            background: rgb(0 0 0 / 7%);
            border-radius: 2em;
            padding: 4px 8px 5px;
        }

            .wo_post_prod_full_stars .pr_stars .star {
                margin: 0 1px;
            }

    .wo_post_prod_full_user {
        display: flex;
        align-items: center;
        margin: 20px 0;
    }

        .wo_post_prod_full_user .avatar {
            margin: 0;
            width: 30px;
            height: 30px;
            flex: 0 0 auto;
        }

            .wo_post_prod_full_user .avatar img {
                border-radius: 50%;
            }

        .wo_post_prod_full_user h5 {
            margin: 0;
            font-size: 16px;
        }

            .wo_post_prod_full_user h5 b {
                display: block;
                margin: 0 0 2px;
                font-weight: normal;
                font-size: 14.5px;
                opacity: 0.8;
                display: none;
            }

            .wo_post_prod_full_user h5 a {
                color: inherit;
                display: inline-block;
                line-height: 24px;
            }

    .wo_post_prod_full_btns {
        margin: 30px 0 15px;
    }

        .wo_post_prod_full_btns .btn {
            border-radius: 8px;
            line-height: 51px;
            font-size: 16px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
        }

            .wo_post_prod_full_btns .btn.btn-default {
                background: #fff;
                padding: 0 13.5px;
                min-width: auto;
            }

            .wo_post_prod_full_btns .btn svg {
                width: 24px;
                height: 24px;
                margin: -2px 0 0;
            }

    .wo_post_prod_full_info {
        padding: 0;
        margin: 0;
        list-style: none;
        border: 0;
    }

        .wo_post_prod_full_info li {
            margin: 10px 0 0;
        }

            .wo_post_prod_full_info li > span {
                display: inline-flex;
                font-size: 15px;
                align-items: center;
                vertical-align: middle;
            }

                .wo_post_prod_full_info li > span svg {
                    width: 20px;
                    height: auto;
                }

                .wo_post_prod_full_info li > span:first-child {
                    font-family: 'Poppins';
                    font-style: normal;
                    font-weight: 500;
                    font-size: 16px;
                }

                .wo_post_prod_full_info li > span:last-child {
                    font-family: 'Poppins';
                    font-style: normal;
                    font-weight: 400;
                }

    .wo_post_prod_full hr {
        margin: 20px 0 !important;
    }

    .wo_post_prod_full > p {
        margin: 0;
        font-size: 15px;
        line-height: 26px;
    }

    .full_market_info {
        margin-top: 5px;
    }

        .full_market_info .wo_page_hdng_innr.big_size,
        .wo_post_prod_full_related_prnt .wo_page_hdng_innr.big_size {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 22px;
        }

        .full_market_info p {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            line-height: 24px;
        }

    .wo_post_prod_full_related_prnt {
        padding: 20px 0 1px;
    }

        .wo_post_prod_full_related_prnt .wo_page_hdng {
            margin: -15px 0 15px;
        }

        .wo_post_prod_full_related_prnt .wo_page_hdng_innr.big_size {
            justify-content: center;
            font-weight: 600;
        }

    .wo_post_prod_full_related {
        transition: all 0.2s;
        overflow: hidden;
    }

        .wo_post_prod_full_related .img {
            display: block;
        }

            .wo_post_prod_full_related .img img {
                aspect-ratio: 0.8;
                width: 100%;
                border-radius: 8px;
                object-fit: cover;
            }

        .wo_post_prod_full_related .info {
            padding: 10px 0 0;
            text-align: center;
        }

            .wo_post_prod_full_related .info .title {
                margin: 0 0 7px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 17px;
            }

                .wo_post_prod_full_related .info .title a {
                    color: inherit;
                }

            .wo_post_prod_full_related .info > div {
                margin-top: 3px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .wo_post_prod_full_related .info > div svg {
                    margin-top: -3px;
                }

                .wo_post_prod_full_related .info > div.product-price {
                    font-family: 'Montserrat';
                    font-style: normal;
                    font-weight: 500;
                    font-size: 16px;
                    color: #000000;
                }

                    .wo_post_prod_full_related .info > div.product-price svg,
                    .wo_post_prod_full_related .info > div.product-by {
                        display: none;
                    }

    .market_related_slide {
        padding: 0 40px;
    }

        .market_related_slide .flickity-prev-next-button {
            width: 32px;
            height: 32px;
            background: #262D34;
            color: #fff;
            line-height: 1;
        }

            .market_related_slide .flickity-prev-next-button svg {
                position: relative;
                left: auto;
                right: auto;
                top: auto;
                margin: -1px 0 0;
            }

            .market_related_slide .flickity-prev-next-button.previous {
                left: 0;
            }

            .market_related_slide .flickity-prev-next-button.next {
                right: 0;
            }

    @media (min-width: 992px) {
        .market_prod_images {
            display: flex;
        }

        .wo_post_prod_full_img_slider_prnt,
        .wo_post_prod_full_img_prnt {
            position: relative;
            width: 100%;
            min-height: 1px;
        }

        .wo_post_prod_full_img_slider_prnt {
            flex: 0 0 125px;
            max-width: 125px;
            margin: -8px 0;
        }

        .wo_post_prod_full_img_slider {
            transform: rotate(90deg) translate(0px, -100%);
            transform-origin: left top;
            width: 460px;
            margin: 0;
        }

            .wo_post_prod_full_img_slider img {
                width: 135px;
                border-radius: 8px;
                margin: 0 8px;
                height: 105px;
                object-fit: cover;
            }

        .wo_post_prod_full_img img {
            height: 442px;
        }

        .wo_post_prod_full_related_prnt .col-md-3 {
            width: 20%;
        }
    }

    /*Jobs*/
    .new_jobs.wow_main_float_head {
        background-image: url(../img/job.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

        .new_jobs.wow_main_float_head:after {
            content: '';
            display: block;
            position: absolute;
            left: -40px;
            right: -40px;
            height: 190px;
            background-color: #f0f2f5;
            transform: rotate(-1.2deg);
            bottom: -160px;
        }

        .new_jobs.wow_main_float_head .container,
        .new_market.wow_main_float_head .container {
            padding: 50px 15px 105px;
        }

        .new_jobs.wow_main_float_head svg,
        .new_market.wow_main_float_head svg {
            display: none;
            margin: 0 0 5px;
            background-color: #fff;
            border-radius: 50%;
            color: #4fb1ea;
            padding: 10px;
            height: auto;
            width: 50px;
            box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
        }

        .new_jobs.wow_main_float_head h1,
        .new_market.wow_main_float_head h1 {
            text-align: inherit;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-size: 40px;
        }

        .new_jobs.wow_main_float_head p,
        .new_market.wow_main_float_head p {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-size: 21px;
        }

    .wo_job_head_filter {
        margin: -100px 0 30px;
        position: relative;
        z-index: 1;
    }

        .wo_job_head_filter .search-blog {
            width: 100%;
            padding: 14px 7px 0;
        }

            .wo_job_head_filter .search-blog input {
                border: 0;
                border-radius: 8px;
                padding: 0 16px;
                line-height: 38px;
                background-color: #ededed;
                width: 100%;
                outline: 0;
            }

        .wo_job_head_filter .btn-info {
            background-color: #32ace7;
        }

        .wo_job_head_filter.business {
            flex-direction: column;
            align-items: normal;
            padding: 0 15px;
        }

            .wo_job_head_filter.business .search-blog {
                padding: 15px 0;
            }

    /*Movies*/
    .new_movies.wow_main_float_head {
        background-image: url(../img/movies.png);
    }

        .new_movies.wow_main_float_head .container {
            padding-bottom: 120px;
        }

    /*Comment footer*/
    .wo_feed_post_comments {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .wo_feed_post_comments > div,
        .wo_feed_post_comments .comment-btn-wrapper {
            display: inline-flex;
            align-items: center;
            position: relative;
            margin-top: -57px;
            margin-right: 35px;
        }

    #wo_comment_combo .comment_combo_footer .emo-comment,
    #wo_comment_combo .comment_combo_footer .image-comment {
        color: inherit;
        display: flex;
    }

    #wo_comment_combo .comment_combo_footer .wo_feed_post_comments .btn:not(.btn-main) {
        border: 0;
        padding: 0;
        box-shadow: none;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        margin: 0 0px;
        margin-right: -30px;
        line-height: 1;
        /*display: flex;
        align-items: center;
        justify-content: center;
        margin-top:-60px;*/
    }

        #wo_comment_combo .comment_combo_footer .wo_feed_post_comments .btn:not(.btn-main) svg {
            width: 18px;
            height: 18px;
            fill: currentColor;
            opacity: 100;
        }

            #wo_comment_combo .comment_combo_footer .wo_feed_post_comments .btn:not(.btn-main) svg:hover {
                opacity: 0.5;
            }

    #wo_comment_combo .comment_combo_footer .wo_feed_post_comments .btn.sendbtn {
        background-color: #5d5f9300;
        color: #a8484900;
    }

        #wo_comment_combo .comment_combo_footer .wo_feed_post_comments .btn.sendbtn svg {
            opacity: 1 !important;
            margin: 0 0 0 -2px;
        }

    .post .comment_combo_footer .wo_feed_post_comments .btn-main {
        padding: 2px;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: auto;
        background-color: darkorchid;
        border: 0;
    }

        .post .comment_combo_footer .wo_feed_post_comments .btn-main svg {
            margin: -1px 0 0;
            width: 16px;
            height: 16px;
        }

    .wo_feed_post_comments .charsLeft-post {
        margin: 0 !important;
        font-weight: normal;
    }

    /*Wallet Header*/
    .wo_new_wallet {
        position: relative;
        text-align: center;
        overflow: hidden;
        padding: 40px 10px;
    }

        .wo_new_wallet > svg {
            position: absolute;
            width: 100%;
            pointer-events: none;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0.15;
        }

        .wo_new_wallet .wow_mini_wallets {
            align-items: center;
            padding-bottom: 7px;
            flex-direction: column;
            justify-content: center;
            position: relative;
        }

            .wo_new_wallet .wow_mini_wallets p {
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
            }

            .wo_new_wallet .wow_mini_wallets h5 {
                font-size: 30px;
                margin-bottom: 20px;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 600;
            }

        .wo_new_wallet .wow_mini_wallets_btns {
            margin: 0 !important;
        }

            .wo_new_wallet .wow_mini_wallets_btns .btn {
                line-height: 42px;
                border-radius: 10px;
                font-family: 'Poppins';
                transition: all 0.2s;
            }

                .wo_new_wallet .wow_mini_wallets_btns .btn:hover {
                    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
                }

    /*Online Users*/
    .wow_side_online {
        padding: 18px;
        display: flex;
        align-items: center;
        background: #FDF4EA;
        border-radius: 10px;
        margin: 15px 15px 0;
        color: #222;
    }

        .wow_side_online p {
            margin: 0;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
        }

    /*Page Button*/
    .wo_page_profile .options-buttons .btn.btn-default {
        background: #ebeef0;
    }

    .wo_page_profile .options-buttons .btn.btn-info {
        background: rgb(33 150 243 / 15%);
        color: #2196f3;
        background: #fff;
    }

    .wo_page_profile .options-buttons .btn.btn-success {
        background: rgb(76 175 80 / 20%);
        color: #4caf50;
        background: #fff;
    }

    /*Error Messages*/
    .wo_error_messages {
        margin: 0;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
    }

        .wo_error_messages svg {
            width: 80px;
            height: auto;
            display: block;
            margin: 0 auto 20px;
        }

    /*Publisher Box*/
    .wo_pub_txtara_combo {
        padding: 20px 20px 15px;
    }

    .publisher-box textarea.postText {
        padding: 14px;
        line-height: 1.628571;
        height: 42px;
        min-height: 42px;
        background: #FAFAFA00;
        border-radius: 10px;
        color: inherit !important;
        margin: 0 20px;
        box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .08), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.02);
    }

    body:not(.pub-focus) .publisher-box textarea.postText {
        height: 42px !important;
    }

    body.pub-focus .publisher-box textarea.postText {
        margin: 0 0 0 20px;
        padding: 9px 40px 9px 9px;
    }

    .wo_pub_txtara_combo .btn {
        display: none;
        border-radius: 14px;
        line-height: 42px;
        font-family: 'Roboto';
        font-weight: 500;
        padding: 0 20px;
        text-transform: capitalize;
        background: transparent;
        color: #5d5f93;
        border: 2px solid;
    }

    .wo_pub_txtara_combo {
        display: flex;
    }

    body:not(.pub-focus) .wo_pub_txtara_combo {
        align-items: center;
    }

    .wo_pub_txtara_combo .post-avatar {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        box-shadow: 0 5px 10px rgba(0, 35, 196, .3);
    }

    body:not(.pub-focus) .wo_pub_txtara_combo .btn {
        display: inline-block;
    }

    body:not(.pub-focus) .wo_pub_txtara_combo .dropdown {
        display: none;
    }

    .sun_pub_box {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        border: 0;
    }

        .sun_pub_box.panel {
            box-shadow: none;
            border-radius: 16px;
            z-index: 10;
            position: relative;
            box-shadow: 0px 30px 30px rgb(0 35 196 / 3%)
        }

        .sun_pub_box #image-holder .wow_prod_imgs {
            margin: 0;
            display: inline-flex;
            vertical-align: middle;
        }

    .sun_pub_name {
        margin: 0 0 10px 50px;
        padding-top: 16px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        pointer-events: none;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    }

    .pub-focus .sun_pub_name {
        display: none;
    }

    .sun_pub_name span {
        font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 600;
        color: #444;
    }

    .sun_pub_mid_foot {
        margin: 0 7px;
        padding: 8px 3px 20px;
        display: flex;
        align-items: center;
        position: relative;
        justify-content: center;
        flex-wrap: wrap;
    }

        .sun_pub_mid_foot .poster-left-buttons {
            margin-right: 7px;
            display: flex;
            /*max-width: calc((493.5px - 75px) / 3);*/
            flex: 1 auto;
            position: relative;
        }

    body.pub-focus .sun_pub_mid_foot .poster-left-buttons {
        flex: 0 0 auto;
    }

    .sun_pub_mid_foot .poster-left-buttons:last-child {
        margin: 0;
    }

    .sun_pub_mid_foot .poster-left-buttons .btn {
        padding: 0 6px;
        border-radius: 15px;
        transition: all 0.15s;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 42px;
        background: #f3f3f3;
        width: 100%;
        border: 0;
        text-transform: lowercase;
    }

    body.pub-focus .sun_pub_mid_foot .poster-left-buttons .btn {
        padding: 0 28px;
        border-radius: 12px;
    }

    .sun_pub_mid_foot .poster-left-buttons .btn:hover {
        color: #222;
    }

    .sun_pub_mid_foot .poster-left-buttons .btn svg {
        width: 20px;
        height: 20px;
        margin-right: 1px;
        margin-top: -1px;
    }

    .sun_pub_mid_foot .poster-left-buttons .btn img {
        width: 20px;
        height: 20px;
        margin-right: 1px;
        margin-top: -1px;
        border-radius: 3px;
        object-fit: cover;
    }

    .sun_pub_mid_foot .poster-left-buttons .btn,
    .publisher-box .publisher-box-footer .poster-left-buttons .btn {
        background: transparent;
    }

        .sun_pub_mid_foot .poster-left-buttons .btn:hover,
        .publisher-box .publisher-box-footer .poster-left-buttons .btn:hover {
            background: #fafafa;
            box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .09), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.09);
        }

    .pub-focus .sun_pub_mid_foot .poster-left-buttons {
        margin: 0;
    }

        .pub-focus .sun_pub_mid_foot .poster-left-buttons .btn {
            width: 100%;
            margin: 0 5px;
        }

            .pub-focus .sun_pub_mid_foot .poster-left-buttons .btn.mor {
                display: none;
            }

    .sun_pub_more {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        padding: 0 5px 17px;
        margin: -17px 0 0;
        justify-content: center;
    }

    .sun_pub_more_items {
        margin: 8px 0;
    }

        .sun_pub_more_items .btn > span {
            width: 38px;
            height: 38px;
            padding: 8px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f3f3f3 !important;
        }

            .sun_pub_more_items .btn > span img {
                width: 100%;
                height: 100%;
                user-select: none;
                pointer-events: none;
            }

        .sun_pub_more_items .btn svg {
            width: 22px;
            height: 22px;
        }

        .sun_pub_more_items .btn.gif span svg {
            width: 26px;
            height: 26px;
        }

        .sun_pub_more_items .btn.gif span {
            background-color: rgba(157, 135, 210, 0.15);
        }

        .sun_pub_more_items .btn.rec span {
            background-color: rgba(255, 58, 85, 0.15);
        }

        .sun_pub_more_items .btn.fel span {
            background-color: rgba(255, 202, 43, 0.15);
        }

        .sun_pub_more_items .btn.fil span {
            background-color: rgba(77, 179, 246, 0.15);
        }

        .sun_pub_more_items .btn.sel span {
            background-color: rgba(240, 119, 41, 0.15);
        }

        .sun_pub_more_items .btn.loc span {
            background-color: rgba(76, 175, 80, 0.15);
        }

        .sun_pub_more_items .btn.aud span {
            background-color: rgba(63, 81, 181, 0.15);
        }

    .sun_pub_privacy {
        margin: 4px 0px;
        position: relative;
    }

    .sun_pub_privacy_dropdown {
        display: flex;
        align-items: center;
        background-color: #fafafa;
        ;
        color: #5D5F93;
        border-radius: 14px;
        cursor: pointer;
        padding: 14px 15px;
        line-height: 1;
        font-family: 'Convergence';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
    }

        .sun_pub_privacy_dropdown > svg {
            width: 15px;
            height: 15px;
            margin-left: 3px;
        }

        .sun_pub_privacy_dropdown > p {
            margin: 0;
        }

            .sun_pub_privacy_dropdown > p svg {
                width: 17px;
                height: 17px;
                margin-top: -2px;
            }

    .sun_pub_privacy_menu {
        padding: 20px;
        margin: 0;
        background-color: white;
        position: absolute;
        min-width: 200px;
        z-index: 9;
        border-radius: 16px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.23);
        transform: scale3d(.8, .8, 1);
        transform-origin: left top;
        display: block;
        opacity: 0;
        visibility: hidden;
        top: 0;
    }

        .sun_pub_privacy_menu > p {
            font-family: 'Convergence';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            margin: 0 0 8px;
        }

        .sun_pub_privacy_menu li label {
            margin: 0;
            display: block;
            font-family: 'Poppins';
            font-size: 14px;
            cursor: pointer;
            text-align: center;
        }

            .sun_pub_privacy_menu li label span svg {
                display: none;
            }

            .sun_pub_privacy_menu li label input[type="radio"]:not(:checked),
            .sun_pub_privacy_menu li label input[type="radio"]:checked {
                position: absolute;
                opacity: 0;
                pointer-events: none;
            }

            .sun_pub_privacy_menu li label input[type="radio"] + span {
                position: relative;
                display: block;
                padding: 6px 10px;
                user-select: none;
                transition: all 0.15s;
                border-radius: 6px;
            }

        .sun_pub_privacy_menu li:hover label span {
            background: #eee;
        }

        .sun_pub_privacy_menu li label input[type="radio"]:checked + span {
            background: #4d91ea;
            color: #fff;
        }

    .sun_pub_privacy.showMenu .sun_pub_privacy_menu {
        transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
        transform: scale3d(1, 1, 1);
        opacity: 1;
        visibility: visible;
    }

    /*Apps*/
    .wo_side_apps {
        padding: 0px 9px 5px;
    }

        .wo_side_apps p {
            font-weight: bold;
            margin: 10px 2px 5px;
        }

        .wo_side_apps a {
            margin: 0 2px;
            width: calc(50% - 6px);
        }

            .wo_side_apps a img {
                width: calc(100% + 2px);
                height: 38px;
                border-radius: 8px;
                margin: -1px;
            }

    /*Forum Post*/
    .wo_post_fetch_forum a {
        display: flex;
        padding: 10px;
    }

        .wo_post_fetch_forum a.center {
            align-items: center;
        }

        .wo_post_fetch_forum a > svg {
            width: 40px;
            height: 40px;
            flex: 0 0 auto;
        }

    .wo_post_fetch_forum .fetched-url-text {
        margin: 0;
        padding: 0;
    }

        .wo_post_fetch_forum .fetched-url-text h4 {
            margin: 0;
            font-weight: bold;
            letter-spacing: 0.5px;
        }

        .wo_post_fetch_forum .fetched-url-text .description {
            margin: 0;
        }

    /*Yandex Map*/
    .yandex_ads_map {
        width: 100%;
        height: 250px;
        padding: 0;
        margin: 0;
    }

    .yandex_search_user,
    .yandex_search_product,
    .yandex_search_job,
    .yandex_search_publisher {
        position: absolute;
        background-color: #fff;
        max-height: 200px;
        overflow-y: auto;
        left: 0;
        right: 0;
        top: 100%;
        box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
        z-index: 99;
        border-radius: 8px;
        padding: 2px 10px;
        border: 1px solid #e5e5e5;
    }

        .yandex_search_user:empty,
        .yandex_search_product:empty,
        .yandex_ads_map:empty,
        .yandex_search_job:empty,
        .yandex_search_publisher:empty {
            display: none;
        }

        .yandex_search_user p,
        .yandex_search_product p,
        .yandex_search_job p,
        .yandex_search_publisher p {
            border-bottom: 1px solid #e5e5e5;
            margin: 0;
            padding: 7px 0;
        }

            .yandex_search_user p:last-child,
            .yandex_search_product p:last-child,
            .yandex_search_job p:first-child,
            .yandex_search_publisher p:last-child {
                border: 0;
            }

    .yandex_search_product {
        left: 15px;
        right: 15px;
        top: calc(100% - 15px);
    }

    /*Calling Modal*/
    .wow_mat_mdl .modal-content.wo_calling_modals {
        border-radius: 10px;
    }

    .wo_calling_modals,
    .wo_calling_modals .modal-header .modal-title {
        color: #fff;
    }

        .wo_calling_modals > img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 10px;
            pointer-events: none;
        }

        .wo_calling_modals:after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 10px;
            pointer-events: none;
            background-color: rgb(0 0 0 / 40%);
            backdrop-filter: blur(10px);
        }

        .wo_calling_modals.video:after {
            background-color: rgb(0 0 0 / 60%);
        }

        .wo_calling_modals .modal-header,
        .wo_calling_modals .modal-body,
        .wo_calling_modals .modal-footer {
            position: relative;
            z-index: 1;
        }

        .wo_calling_modals .avatar {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 20px 0 30px;
        }

            .wo_calling_modals .avatar svg {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background-color: #4caf50;
                color: white;
                padding: 6px;
                margin: 0 -10px;
                z-index: 1;
                border: 4px solid;
            }

            .wo_calling_modals .avatar img {
                border-radius: 50%;
                width: 80px;
                height: 80px;
            }

        .wo_calling_modals .modal-footer {
            text-align: center;
            padding: 40px 0 0;
            background: transparent !important;
            border: 0;
        }

            .wo_calling_modals .modal-footer .btn {
                background-color: rgb(255 255 255 / 30%);
                color: white;
            }

    /*Affiliates*/
    .wow_affs_main .user_affs {
        display: block;
        width: 280px;
        height: 280px;
        margin: 0 auto 20px;
        pointer-events: none;
    }

    .wow_affs_main h3.user_affs_title {
        font-weight: bold;
        line-height: normal;
    }

    .wo_affiliate_bottom .wow_form_fields {
        margin-bottom: 10px;
    }

        .wo_affiliate_bottom .wow_form_fields label {
            font-size: 17px;
            font-weight: normal;
            margin: 0;
            line-height: normal;
        }

        .wo_affiliate_bottom .wow_form_fields.aff_link {
            border-radius: 10px;
            background: #fafafa;
            padding: 0 18px;
            display: inline-block;
            max-width: 100%;
            overflow-x: auto;
            margin: 0;
        }

            .wo_affiliate_bottom .wow_form_fields.aff_link svg {
                margin-right: 5px;
            }

            .wo_affiliate_bottom .wow_form_fields.aff_link input {
                padding: 0;
                border-radius: 0;
                border: 0 !important;
                box-shadow: none !important;
                background: transparent !important;
                height: 49px;
                font-family: 'Poppins';
                font-weight: 600;
                font-size: 14px;
            }

        .wo_affiliate_bottom .wow_form_fields.social {
            border-radius: 10px;
            background: #fafafa;
            padding: 9px 18px;
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin: 0;
        }

            .wo_affiliate_bottom .wow_form_fields.social a {
                margin: 5px;
                color: #222;
            }

                .wo_affiliate_bottom .wow_form_fields.social a svg {
                    width: 20px;
                    height: 20px;
                    margin: -2px 0 0;
                }

    /*Chat Products*/
    .chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product,
    .message-contnaier .wo_msg_prod_prnt .wo_market .market_bottom .product {
        height: auto;
        max-width: 170px;
        min-width: 170px;
    }

        .chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product_info,
        .message-contnaier .wo_msg_prod_prnt .wo_market .market_bottom .product .product_info {
            border-radius: 15px;
            padding: 0;
        }

    .chat-messages-wrapper .message.wo_msg_prod_prnt .product-image,
    .message-contnaier .wo_msg_prod_prnt .product-image {
        width: 100%;
        margin: 0;
    }

    .chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product img,
    .message-contnaier .wo_msg_prod_prnt .wo_market .market_bottom .product img {
        max-height: 170px !important;
    }

    .chat-messages-wrapper .message.wo_msg_prod_prnt .produc_info,
    .message-contnaier .wo_msg_prod_prnt .produc_info {
        padding: 10px;
        font-family: 'Poppins';
    }

    .chat-messages-wrapper .message.wo_msg_prod_prnt .product-title,
    .message-contnaier .wo_msg_prod_prnt .product-title {
        font-weight: 500;
        font-size: 16px;
    }

    .chat-messages-wrapper .message.wo_msg_prod_prnt .product-by,
    .message-contnaier .wo_msg_prod_prnt .product-by {
        font-size: 13px;
    }

    .chat-messages-wrapper .message.wo_msg_prod_prnt .product-price,
    .message-contnaier .wo_msg_prod_prnt .product-price {
        letter-spacing: 0;
        margin: 10px 0 0;
        font-size: 14px;
    }

    /*Audio Player*/
    body .green-audio-player {
        box-shadow: none;
        border-radius: 15px;
        height: 60px;
        border: 0px solid #5D5F93;
    }

    body .comments-list .green-audio-player {
        min-width: auto;
    }

    body .message .green-audio-player {
        margin: -4px;
        border-radius: 8px;
        width: calc(100% + 8px);
    }

    body .chat-messages-wrapper .message .green-audio-player {
        margin: 0;
        border-radius: 12px;
        border: 0;
        min-width: auto;
        width: 100%;
    }

    .green-audio-player .slider {
        background: #D5D7E4 !important;
    }

    .green-audio-player .controls span {
        color: #999;
        font-size: 18px;
    }

    body .green-audio-player .holder .play-pause-btn {
        margin-top: 10px;
    }

    /*User Not Activated*/
    .user_not_active {
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
        border-radius: 7px;
        margin: 30px 0;
        padding: 15px;
    }

        .user_not_active svg {
            width: 150px;
            height: 150px;
            margin: 40px auto 0;
            display: block;
        }

        .user_not_active h2 {
            font-size: 27px;
            margin: 30px 10px;
            text-align: center
        }

        .user_not_active .btn {
            margin-bottom: 50px;
            margin-top: 40px;
        }

        .user_not_active .wow_form_fields input {
            text-align: initial
        }

    /*Banned Profile User*/
    .wo_profile_banned_user {
        display: flex;
        align-items: center;
        padding: 20px;
    }

        .wo_profile_banned_user img {
            max-width: 130px;
        }

        .wo_profile_banned_user p {
            font-size: 23px;
        }

    /*Popular Posts Header*/
    .popular_posts_hdr {
        padding: 20px 25px;
        position: relative;
        overflow: hidden;
    }

        .popular_posts_hdr.empty {
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .popular_posts_hdr.empty.sides {
                padding-left: 0;
                padding-right: 0;
            }

        .popular_posts_hdr.flex {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            align-items: center;
        }

        .popular_posts_hdr > .bg_trail {
            position: absolute;
            width: 75px;
            top: 50%;
            pointer-events: none;
            right: 0;
            margin: 0 13px;
            transform: translateY(-50%);
            display: none;
        }

        .popular_posts_hdr.movie > .bg_trail {
            width: 65px;
        }

        .popular_posts_hdr > .icon {
            width: 60px;
            height: 60px;
            display: block;
            margin: 0 auto 10px;
            position: relative;
        }

        .popular_posts_hdr > h2 {
            color: #5D5F93;
            margin: 0;
            font-family: 'Convergence';
            font-weight: 500;
            font-size: 25px;
            flex: 0 0 auto;
        }

            .popular_posts_hdr > h2 svg {
                width: 45px;
                height: 45px;
                background: #FAFAFA;
                border-radius: 12px;
                padding: 9px;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                margin: 0 20px;
            }

            .popular_posts_hdr > h2.flex {
                display: flex;
                align-items: center;
            }

                .popular_posts_hdr > h2.flex svg {
                    /*flex: 0 0 auto;margin: 0;*/
                }

                .popular_posts_hdr > h2.flex p {
                    margin: 0;
                }

                .popular_posts_hdr > h2.flex b {
                    font-family: 'Poppins';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    margin: 2px 0 0;
                    display: block;
                }

        .popular_posts_hdr .btnss {
            flex: 0 0 auto;
        }

            .popular_posts_hdr .btnss .btn {
                border-radius: 6px;
                font-family: 'Rubik';
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
                line-height: 43px;
                margin-left: 10px;
            }

    /*Page Admin List*/
    .page_admin_list {
        border: 1px solid #e2e2e2;
        border-radius: 10px;
        padding: 15px;
        margin-top: 75px !important;
        font-family: "Roboto", sans-serif;
    }

        .page_admin_list .avatar {
            margin: -60px auto 0;
            width: 100px;
            height: 100px;
        }

            .page_admin_list .avatar img {
                border: 0;
                margin: 0;
                width: 100%;
                height: 100%;
            }

        .page_admin_list h6 {
            text-align: center;
            font-size: 16px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: normal;
            margin: 12px 0 5px;
        }

            .page_admin_list h6 a {
                color: inherit;
            }

        .page_admin_list .page-website {
            text-align: center;
            font-size: 13px;
        }

        .page_admin_list .foot {
            margin: 15px -3px 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .page_admin_list .foot .btn {
                font-size: 14px;
                font-weight: 500;
                font-family: "Roboto", sans-serif;
                margin: 0 3px;
                height: auto !important;
                min-width: calc(50% - 6px) !important;
            }

    /*Memories Head*/
    .memories_hdr {
        font-family: "Roboto", sans-serif;
        padding: 15px;
        text-align: center;
        position: relative;
        overflow: hidden;
    }

        .memories_hdr .grad {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            background: linear-gradient(rgb(255 94 39 / 30%), transparent);
            height: 120px;
            display: flex;
            align-items: flex-end;
            justify-content: space-around;
        }

            .memories_hdr .grad svg {
                width: 50px;
                height: auto;
                opacity: 0.5;
            }

        .memories_hdr img {
            width: 100%;
            max-width: 150px;
            position: relative;
            z-index: 1;
            mix-blend-mode: multiply;
        }

        .memories_hdr p {
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-size: 14px;
            margin: 40px 0 10px;
        }

        .memories_hdr h2 {
            margin: 0;
            font-weight: 100;
            font-size: 26px;
            line-height: normal;
        }

    /*Affiliate*/
    .wo_aff_sett {
        background-color: #fdd25b;
        border-radius: 10px;
        padding: 25px;
        margin-bottom: 25px;
        margin-top: 20px;
    }

        .wo_aff_sett h4 {
            margin: 5px 0 25px;
            font-weight: 600;
            font-size: 25px;
            line-height: normal;
            width: 100%;
            max-width: 350px;
        }

        .wo_aff_sett img {
            width: 100%;
            max-height: 180px;
            opacity: 0.8;
        }

        .wo_aff_sett .wo_affiliate_bottom .wow_form_fields {
            margin: 0 0 5px;
        }

            .wo_aff_sett .wo_affiliate_bottom .wow_form_fields.aff_link {
                margin: 0;
                padding: 0 12px;
                background: rgb(0 0 0 / 10%);
            }

    .wow_aff_main {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .wow_aff_main h4 {
            margin: 25px 0;
            line-height: normal;
            width: 100%;
            max-width: 350px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 24px;
        }

        .wow_aff_main img {
            max-height: 220px;
        }

    /*Post Options*/
    .post .post-privacy-menu {
        max-width: 300px;
        min-width: 300px;
        padding: 8px !important;
    }

    .wo_user_profile .options-buttons .dropdown .detail,
    .post_order_feed {
        max-width: 280px;
        min-width: 280px;
        padding: 8px !important;
    }

    .post .post-privacy-menu.priv {
        min-width: 250px;
        right: auto;
        left: auto;
    }

    .post .post-privacy-menu > li > div,
    .post .post-privacy-menu > li > a,
    .wo_user_profile .options-buttons .dropdown .detail > li > div,
    .wo_user_profile .options-buttons .dropdown .detail > li > a,
    .post_order_feed > li > a {
        display: flex;
        align-items: center;
        line-height: normal;
        padding: 8px 14px !important;
        white-space: normal;
        border-radius: 8px;
    }

        .post .post-privacy-menu > li > div > div,
        .post .post-privacy-menu > li > a > div,
        .wo_user_profile .options-buttons .dropdown .detail > li > div > div,
        .wo_user_profile .options-buttons .dropdown .detail > li > a > div,
        .post_order_feed > li > a > div {
            padding: 0 !important;
            line-height: normal;
        }

        .post .post-privacy-menu > li > div svg,
        .post .post-privacy-menu > li > a svg,
        .post .post-privacy-menu > li > div svg.feather,
        .post .post-privacy-menu > li > a svg.feather,
        .wo_user_profile .options-buttons .dropdown .detail > li > div svg,
        .wo_user_profile .options-buttons .dropdown .detail > li > a svg,
        .post_order_feed > li > a svg {
            margin: 0 0 0 0;
            height: 30px !important;
            width: 30px !important;
            /*background: #f6f6f6;*/
            border-radius: 6px;
            padding: 5px;
            flex: 0 0 auto;
            color: #262626;
        }

        .post .post-privacy-menu > li > div b,
        .post .post-privacy-menu > li > a b,
        .wo_user_profile .options-buttons .dropdown .detail > li > div b,
        .wo_user_profile .options-buttons .dropdown .detail > li > a b,
        .post_order_feed > li > a b {
            margin: 0;
            color: initial;
            display: block;
            font-size: 15px;
            word-break: break-word;
            font-family: 'Convergence';
            font-style: normal;
            font-weight: 500;
        }

        .post .post-privacy-menu > li > div p,
        .post .post-privacy-menu > li > a p,
        .wo_user_profile .options-buttons .dropdown .detail > li > div p,
        .wo_user_profile .options-buttons .dropdown .detail > li > a p,
        .post_order_feed > li > a p {
            margin: 2px 0 0;
            font-size: 12px;
            word-break: break-word;
            font-family: 'Convergence';
            font-style: normal;
            font-weight: 400;
        }

    .post_order_feed > li.active > a svg {
        color: currentColor;
    }

    /*Notification Settings*/
    .wo_nots_hdr {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        margin: 10px 0 30px;
    }

        .wo_nots_hdr h5 {
            font-family: 'Convergence';
            font-style: normal;
            font-weight: 400;
            font-size: 20px;
            margin: 15px 0;
            margin-left: -13px;
        }

        .wo_nots_hdr .text-center > .btn-mat {
            margin: 0 !important;
        }

    .wo_sett_noti .round-check input + label {
        font-weight: 400;
        font-family: 'Poppins';
        width: 100%;
        display: block;
        margin: 0 -6px;
        padding: 0;
    }

    .wo_sett_noti .round-check input:checked + label {
        opacity: 1;
    }

    .wo_sett_noti .round-check input + label svg {
        width: 32px;
        background-color: rgb(0 0 0 / 10%);
        padding: 7px;
        border-radius: 8px;
        margin: -1px 5px 0 0;
        display: none;
    }

    .wo_sett_noti .round-check input + label:after,
    .wo_sett_noti .round-check input + label:before {
        left: auto;
        right: 0;
        top: 1px;
        width: 20px;
        height: 20px;
    }

    .wo_sett_noti .round-check input + label:before {
        border: 0px solid #5d5f9363;
        border-radius: 50%;
        z-index: 10001;
        box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .08), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.02);
    }

    .wo_sett_noti .round-check input + label:after {
        right: 5px;
        top: 7px;
        height: 5px;
        width: 10px;
    }

    /*Refund Button*/
    .btn-refund {
        color: #fff !important;
        background: rgb(255 255 255 / 29%);
    }

    /*Date Picker*/
    body span.flatpickr-weekday {
        font-weight: 500;
    }

    /*Post Pro icon*/
    .wo_post_pro_ico {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 2em;
        font-size: 12px;
        min-width: 18px;
        min-height: 18px;
        color: #fff;
        font-weight: 500;
        font-family: 'Poppins';
        /* padding: 1px 7px; */
        gap: 3px;
        vertical-align: middle;
        margin-top: -4px;
    }

        .wo_post_pro_ico i {
            color: #fff;
        }

    @media (min-width: 1364px) {
        .post .post-heading .meta .title {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            flex-wrap: wrap;
        }

        .wo_post_pro_ico {
            margin-top: 0;
        }
    }

    /*Tooltip*/
    .tooltip-arrow {
        display: none;
    }

    .tooltip-inner {
        border: 0;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
        border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        padding: 6px 14px;
        white-space: nowrap;
    }

    /*Jelly Loading*/
    .wo_loading_jelly,
    .wo_loading_jelly > div {
        position: relative;
    }

    .wo_loading_jelly {
        display: block;
        font-size: 0;
        color: #777;
        width: 60px;
        height: 60px;
        margin: 120px auto;
    }

        .wo_loading_jelly > div {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid currentColor;
        }

            .wo_loading_jelly > div:nth-child(1),
            .wo_loading_jelly > div:nth-child(2) {
                position: absolute;
                left: 0;
                width: 100%;
            }

            .wo_loading_jelly > div:nth-child(1) {
                top: -25%;
                z-index: 1;
                height: 100%;
                border-radius: 10%;
                animation: square-jelly-box-animate .6s -.1s linear infinite;
            }

            .wo_loading_jelly > div:nth-child(2) {
                bottom: -9%;
                height: 10%;
                background: #000;
                border-radius: 50%;
                opacity: .2;
                animation: square-jelly-box-shadow .6s -.1s linear infinite;
            }

    @keyframes square-jelly-box-animate {
        17% {
            border-bottom-right-radius: 10%;
        }

        25% {
            transform: translateY(25%) rotate(22.5deg);
        }

        50% {
            border-bottom-right-radius: 100%;
            transform: translateY(50%) scale(1, .9) rotate(45deg);
        }

        75% {
            transform: translateY(25%) rotate(67.5deg);
        }

        100% {
            transform: translateY(0) rotate(90deg);
        }
    }

    @keyframes square-jelly-box-shadow {
        50% {
            transform: scale(1.25, 1);
        }
    }

    /*Startup*/
    .wow_creads_minstp.start_up {
        padding: 22px 15px 0px;
        flex: 0 0 auto;
        min-width: 370px;
    }

    .step-one-active.wow_creads_minstp.start_up .line .line_sec {
        width: 0;
    }

    .wow_creads_minstp.start_up .line .dot.one {
        left: 0;
    }

    .wow_creads_minstp.start_up .line .dot.three {
        right: 0;
        transform: translate(0, -50%);
        left: auto;
    }

    .wow_creads_minstp.start_up .line .dot {
        border-radius: 17px;
        background: #FAFAFA;
    }

        .wow_creads_minstp.start_up .line .dot svg {
            margin: 6px 0;
            width: 20px;
            height: 20px;
        }

    .wow_creads_minstp.start_up .steps {
        margin-top: 25px;
    }

        .wow_creads_minstp.start_up .steps > div.step-one {
            left: 0;
        }

        .wow_creads_minstp.start_up .steps > div.step-three {
            right: 0;
        }

    /*Profile Pic Hover*/
    .wo_profile_pic_hover {
        top: 0;
        border-radius: 50%;
    }

        .wo_profile_pic_hover .profile_avatar {
            background: rgb(0 0 0 / 20%);
            border-radius: 50%;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-around;
            padding: 0 5px;
        }

            .wo_profile_pic_hover .profile_avatar .btn-file {
                border: 0;
                background: rgba(242, 242, 242, 0.83);
                border-radius: 8px;
                line-height: 1;
                padding: 5px;
            }

                .wo_profile_pic_hover .profile_avatar .btn-file:hover {
                    background: #fff;
                }

                .wo_profile_pic_hover .profile_avatar .btn-file svg {
                    margin: 0;
                    width: 20px;
                    height: 20px;
                }

    /*Language Select*/
    .lang_select_modal .modal-content {
        padding: 0;
        overflow: hidden;
    }

    .lang_select_modal .modal-body {
        margin: 0;
        padding: 0 15px;
        overflow: hidden;
        overflow-y: auto;
    }

    .lang_select_modal .row {
        display: flex;
        flex-wrap: wrap;
    }

        .lang_select_modal .row .col-md-4,
        .lang_select_modal .row .col-md-8 {
            float: none;
        }

    .lang_select_modal .language_info {
        height: 100%;
        position: relative;
        padding: 30px;
        background: linear-gradient(90deg, #4caf50, transparent 90%);
        overflow: hidden;
        min-height: 200px;
        width: 100%;
    }

        .lang_select_modal .language_info h3 {
            margin: 0 0 20px;
            color: #fff;
            font-family: Convergence;
        }

        .lang_select_modal .language_info svg {
            position: absolute;
            bottom: 0;
            right: 0;
            margin-bottom: -15px;
            height: auto;
            width: 140px;
        }

    .lang_select_modal ul {
        padding: 20px 20px 20px 0;
        margin: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        background: transparent !important;
    }

    .lang_select_modal .language_select {
        flex: 1 1 160px;
        background: transparent !important;
        margin: 10px;
        border-radius: 7px;
    }

        .lang_select_modal .language_select a {
            display: block;
            text-decoration: none;
            font-weight: 500;
            font-size: 13px;
            line-height: 39px;
            padding: 0 15px;
            transition: background-color .1s;
            border: 1px solid #ddd;
            text-align: center;
            border-radius: 7px;
            font-family: Convergence;
        }

        .lang_select_modal .language_select:hover {
            background-color: rgb(0 0 0 / 3%) !important;
        }

    /*Event Desc*/
    .wo_event_desc {
        overflow: hidden;
    }

    /*Sticker*/
    .chat-box-stickers-cont {
        display: flex;
        flex-wrap: wrap;
    }

        .chat-box-stickers-cont img {
            cursor: pointer;
            flex: 1 1 25%;
            width: 25%;
            padding: 5px;
        }

    /*Flip Icon*/
    .flip_icon {
        transform: scale(-1);
    }

    /*Night Toggle*/
    .night_day_switch {
        width: 60px;
        height: 30px;
        background: #F7F7F7;
        border-radius: 15px;
        text-decoration: none !important;
        padding: 3px;
        line-height: 30px;
    }

        .night_day_switch svg {
            height: 24px !important;
            width: 24px !important;
            margin: -7px 0 0 !important;
            border-radius: 50%;
        }

        .night_day_switch.night {
            background: #1e252b;
        }

            .night_day_switch.night .sun {
                color: #c0c0c0;
            }

            .night_day_switch.night .moon {
                color: #ffffff;
                background: rgb(255 255 255 / 20%);
            }

        .night_day_switch.day .sun {
            color: #FF6934;
            background: white;
        }

        .night_day_switch.day .moon {
            color: #C5D0E6;
        }

    .btn_fam_members {
        line-height: 28px;
        padding: 0 12px;
        font-size: 12px;
        background: antiquewhite;
        margin: 0 12px;
        font-weight: 500;
        font-family: 'Poppins';
    }

    /*Auth*/
    .wo_google_auth {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
    }

        .wo_google_auth img {
            width: 100%;
            max-width: 230px;
            flex: 0 0 auto;
            border-radius: 10px;
        }

        .wo_google_auth .wow_form_fields {
            flex: 1 1 auto;
            margin: 20px 0;
        }

    .wo_google_auth_info {
        margin-top: 25px;
        padding-bottom: 15px;
    }

        .wo_google_auth_info p {
            margin: 17px 0 0;
            font-size: 15px;
            line-height: normal;
            display: flex;
            align-items: flex-start;
            gap: 15px;
        }

            .wo_google_auth_info p svg {
                flex: 0 0 auto;
                width: 32px;
                height: 32px;
                background: rgb(0 0 0 / 7%);
                padding: 7px;
                border-radius: 5px;
            }

    .authy_auth {
        text-align: center;
    }




    @media (min-width:400px) {
        .payment_box {
            width: 360px;
        }
    }

    @media (min-width:768px) {
        .navbar-default .navbar-nav > li > a {
            padding-top: 14px;
            padding-bottom: 14px
        }

        .modal-md {
            width: 500px
        }

        .wo_page_profile .page-info-cont .last_row {
            margin: 10px 0;
            text-align: end;
        }

        .wo_page_profile .options-buttons a,
        .wo_page_profile .options-buttons button {
            margin: 3px;
        }

        .wo_create_job_box_flex .sun_input {
            flex: 1;
        }

        .wo_page_profile .page_navbar {
            display: block;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .45) 100%) !important;
            width: 100%;
            padding: 15px 10px;
            position: absolute;
            bottom: 100%;
            left: 0;
            right: 0;
            margin: 0 !important;
            border-radius: 0 0 15px 15px;
        }

            .wo_page_profile .page_navbar ul {
                margin: 0;
                padding: 0;
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                justify-content: flex-end;
            }

                .wo_page_profile .page_navbar ul li {
                    margin: 0 7px;
                }

                    .wo_page_profile .page_navbar ul li a {
                        text-decoration: none;
                        padding: 10px 18px;
                        display: block;
                        background: #fff;
                        border-radius: 2em;
                        font-size: 14px;
                        font-family: 'Poppins';
                        font-style: normal;
                        font-weight: 400;
                        height: 42px;
                    }

                        .wo_page_profile .page_navbar ul li a svg {
                            margin: -2px 3px 0 0;
                            width: 17px;
                            height: 17px;
                        }

                            .wo_page_profile .page_navbar ul li a svg path {
                                fill: currentColor;
                            }

        .wo_page_profile .page-info-cont .user-avatar {
            z-index: 1;
        }
    }

    @media (min-width:992px) {

        /*Scrollbar*/
        ::-webkit-scrollbar {
            width: 8px;
            height: 4px;
        }

        ::-webkit-scrollbar-thumb {
            border-radius: 5px;
            background: #808080;
        }

        .leftcol {
            width: 18.666667%
        }

        .middlecol {
            width: 53.333333%;
        }

        .rightcol {
            width: 28%;
        }

        .middlecol.sett_page {
            width: 55.333333%
        }

        .rightcol.sett_page {
            width: 26%
        }

        .singlecol {
            width: 81.333333%
        }

        .singlecol-guest {
            width: 70.933333%
        }

        #wo_nw_msg_page .msg_under_hood {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: start;
            align-items: flex-start;
            gap: 20px;
        }

            #wo_nw_msg_page .msg_under_hood .mobilerightpane {
                position: sticky;
                top: 0;
                z-index: 1020;
                width: 100%;
                -ms-overflow-style: none;
                min-width: 350px;
                max-width: 350px;
            }

            #wo_nw_msg_page .msg_under_hood .mobileleftpane {
                height: calc(100vh - 110px);
            }

            #wo_nw_msg_page .msg_under_hood .mobilerightpane::-webkit-scrollbar,
            #wo_nw_msg_page .messages-container::-webkit-scrollbar,
            #wo_msg_right_prt .text-sender-container textarea::-webkit-scrollbar {
                height: 12px;
                width: 12px
            }

            #wo_nw_msg_page .msg_under_hood .mobilerightpane::-webkit-scrollbar-button,
            #wo_nw_msg_page .messages-container::-webkit-scrollbar-button,
            #wo_msg_right_prt .text-sender-container textarea::-webkit-scrollbar-button {
                height: 0;
                width: 0
            }

            #wo_nw_msg_page .msg_under_hood .mobilerightpane::-webkit-scrollbar-thumb,
            #wo_nw_msg_page .messages-container::-webkit-scrollbar-thumb,
            #wo_msg_right_prt .text-sender-container textarea::-webkit-scrollbar-thumb {
                background-clip: padding-box;
                background-color: rgba(0, 0, 0, .2);
                border: 4px solid transparent;
                -webkit-border-radius: 10px;
                border-radius: 10px;
                min-height: 20px;
                min-width: 20px;
                height: 5px;
                width: 5px
            }

        /*header .navbar-default .navbar-nav>.open>a.user-menu-combination {background: transparent !important;}*/
        .wo_new_wallet {
            padding: 30px 10px;
            text-align: inherit;
        }

            .wo_new_wallet > p {
                display: none;
            }

            .wo_new_wallet .wow_mini_wallets {
                flex-direction: row;
                justify-content: space-between;
                padding: 0 20px;
            }

                .wo_new_wallet .wow_mini_wallets h5 {
                    margin-bottom: 0;
                }

        .nearby_user_wrapper.profile {
            margin: 10px;
            width: calc(50% - 20px);
        }

        .wo_new_sett_sidee {
            padding-left: 15px;
            width: 26%;
        }

        .wo_new_sett_pagee {
            padding-left: 0;
            width: 74%;
        }
    }

    @media (min-width:1140px) {
        .online-content-toggler {
            display: block !important;
            max-height: calc(100% - 140px)
        }

        .wo_page_profile .page-info-cont .last_row {
            margin: 10px 0;
            text-align: end;
        }

        .wo_page_profile .page-info-cont .info {
            max-width: calc(100% - 95px);
        }

        .wo_page_profile .options-buttons {
            flex-direction: row;
            justify-content: flex-end;
            margin: 0 -15px;
            width: auto;
        }

            .wo_page_profile .options-buttons a,
            .wo_page_profile .options-buttons button {
                margin: 3px 5px;
            }

        .wo_event_profile .profile-container .card.hovercard .cardheader img,
        .wo_group_profile .profile-container .card.hovercard .cardheader img {
            height: -webkit-fill-available;
        }
    }

    @media (min-width: 1350px) {
        .container {
            width: 1280px;
        }

        .header-fixed1000,
        .header-fixed1200 {
            max-width: 1280px;
        }
    }

    #wo_home_btns {
        border-radius: 14px;
        margin: 8px 2px;
        padding: 0 10.5px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        transition: all 0.2s;
        font-size: 13px !important;
        line-height: normal;
        width: auto;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        color: #5D5F8F;
        background-color: transparent;
        border: 2px solid;
    }

        #wo_home_btns:not(.btn-main) {
            background-color: #fafafa;
        }

            #wo_home_btns:not(.btn-main):hover {
                background-color: rgb(0 0 0 / 25%);
            }

        #wo_home_btns > svg {
            width: 19px;
            height: 19px;
        }

#wo_home_search {
    margin-right: 20px;
    margin-left: 20px;
    width: 100%;
    max-width: 310px;
    box-shadow: 0px 30px 30px rgb(0 35 196 / 3%);
}

        #wo_home_search .search-container,
        #wo_home_search .search-container .navbar-form,
        #wo_home_search .search-container .navbar-form .form-group {
            width: 100%;
        }

            #wo_home_search .search-container .navbar-form {
                padding: 0;
            }

    @media (min-width: 1350px) {
        #wo_home_btns > span {
            display: inline;
        }

        #wo_home_search {
            max-width: 475px;
        }

        .search-container .inner-addon .glyphicon {
            color: #787878 !important;
        }

        .wow_srch_game_tabss .col-md-6 {
            width: 25%;
        }

        .wow_big_head_link .right_part .dropdown .dropdown-menu.jobss {
            min-width: 600px;
            left: -448px;
        }

            .wow_big_head_link .right_part .dropdown .dropdown-menu.jobss .btn-block {
                max-width: 220px;
            }
    }

    @media (max-width:1400px) {
        .wo_com_usr_lbox .slider .slick-prev {
            left: 0;
            right: auto;
        }

        .wo_com_usr_lbox .slider .slick-next {
            right: 0;
            left: auto;
        }

        .container {
            width: 100%;
        }

        .wo_user_side_info li {
            border: 0 !important;
        }
    }

    @media (max-width:1300px) {
        .chat-container.full {
            min-height: auto !important
        }

        .show_fnd_stats.white,
        .show_fnd_stats.white span {
            color: inherit;
        }
    }

    @media (max-width:1270px) {

        .container,
        .header-fixed1000,
        .header-fixed1200 {
            width: 890px
        }

        .profile-container .card.hovercard .cardheader,
        .wo_page_profile .profile-container .card.hovercard .cardheader {
            min-height: auto
        }

        /*.middlecol{width:60%}*/
        .wo_imagecombo_lbox .comment-section {
            width: 350px
        }

        .wo_imagecombo_lbox .story-img {
            margin-right: 350px;
            width: calc(100% - 350px)
        }

        .wo_imagecombo_lbox.story_lightbox .story_image_owner {
            margin-left: 350px;
        }

        .fund_raise_bar.wow_fund_raise_bar {
            margin-top: 30px;
        }

        .navbar-default .user-menu-combination b,
        .search-container .inner-addon .glyphicon {
            display: none;
        }

        #wo_home_search {
            max-width: 290px;
            margin-right: 15px;
            margin-left: 15px;
        }

        .navbar-default li.dropdown.notification-container {
            margin: 0 !important;
        }

        .wo_pub_txtara_combo .btn {
            display: none !important;
        }

        .publisher-box textarea.postText {
            margin: 0 0 0 20px;
        }

        .user-status-home ul.status-list li {
            width: 25%;
            min-width: 25%;
        }

        .wow_forum_sections .topic_icon {
            width: auto !important;
        }

        .wow_forum_sections .forum-meta-d.titles {
            width: auto;
        }

        .wow_forum_sections .ftitle {
            display: block;
        }

        .wow_forum_sections .forum-meta-d.small,
        .wow_forum_sections .forum-meta-d.topics {
            width: 50%;
        }

        .wow_big_head_link.full .right_part .search-blog form input {
            min-width: auto;
        }
    }

    @media (max-width:1200px) {

        .btn_create_big.album,
        .btn_create_big.page,
        .btn_create_big.myproduct,
        .btn_create_big.fund,
        .btn_create_big.eventz,
        .btn_create_big.blog,
        .real_album .btn_create_big.album {
            height: auto;
            padding: 30px 10px;
        }

        .wo_job_expanded {
            display: none;
        }
    }

    @media (max-width:1140px) {

        .navbar-default,
        body {
            padding-right: 0 !important;
            padding-left: 0 !important
        }

        .chat-container {
            height: auto;
            top: auto;
            padding-top: 0
        }

        .chat-opacity .text-center .empty_state {
            vertical-align: inherit;
            padding-top: 20px
        }

        .wo_imagecombo_lbox .comment-section {
            width: 320px
        }

        .wo_imagecombo_lbox .story-img {
            margin-right: 320px;
            width: calc(100% - 320px)
        }

        .wo_image_lightbox .story-img .changer.previous-btn {
            left: -40px
        }

        .wo_image_lightbox .story-img .changer.next-btn {
            right: -40px
        }

        .wo_imagecombo_lbox.story_lightbox .story_image_owner {
            margin-left: 320px;
        }
    }

    @media (max-width:992px) {
        .main-blog-sidebar {
            margin-top: 40px
        }

        .wo_image_lightbox .story-img .changer.previous-btn {
            left: -10px
        }

        .wo_image_lightbox .story-img .changer.next-btn {
            right: -10px
        }

        .load-more {
            margin-bottom: 15px
        }

        .wo_market .market_search_header > span .btn {
            box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.23);
            background-color: #fff;
            color: #000000;
        }

        .user_media_list_section .photo-data,
        .user_media_list_section .video-data {
            flex: 0 0 25%;
            width: 25%;
        }

        .mobileleftpane {
            position: fixed;
            height: 100%;
            z-index: 10;
            padding: 0;
            top: 70px;
            left: 0;
        }

        .text-sender-container .msg_usr_info_top_list .mobilemsgclose {
            display: block;
        }

        .wo_comthing_usr_innr .avatar {
            padding-top: 110%;
        }

        .ads_col_8 {
            padding: 0 15px;
        }

        .wow_forum_sections table .forum-meta-d.small {
            display: none;
        }

        .wow_thread_head .btn-glossy > a {
            float: none !important;
        }

        .wow_main_float_head > .container.wo_go_pro:after {
            display: none;
        }

        .text-sender-container .messagejoint {
            height: calc(100vh - 110px);
        }

        .lang_select_modal .row .col-md-4,
        .lang_select_modal .row .col-md-8 {
            width: 100%;
            padding: 0;
        }

        .lang_select_modal ul {
            padding: 15px !important;
        }

        .user-status-home ul.status-list li {
            width: 20%;
            min-width: 20%;
        }

        .profile_side_albums .album_data:nth-child(3) {
            height: auto;
        }

            .profile_side_albums .album_data:nth-child(3) a {
                padding-bottom: 100%;
                height: auto;
            }

        .wo_sett_noti .col-md-12.round-check {
            width: 100%;
        }

        .wo_new_left_side {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            z-index: 9999;
            border-radius: 0;
            width: 100%;
            max-width: 200px;
            overflow-y: auto !important;
            max-height: 100%;
            transition: all 0.25s ease-in-out;
            transform: translateX(-100%);
        }

        .side_open .wo_new_left_side {
            transform: translateX(0);
            box-shadow: rgba(0, 35, 196, 0.1) 0px 10px 15px -3px, rgba(0, 35, 196, 0.1) 0px 4px 6px -4px;
        }

        .slide_menu_backdrop {
            display: none;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 9995;
            background: rgb(0 0 0 / 45%);
            backdrop-filter: blur(7.5px);
        }

        .side_open .slide_menu_backdrop {
            display: block;
        }

        body.side_open {
            overflow: hidden;
        }

        .side_brand {
            display: block;
            text-align: center;
        }

        .side_slide_menu {
            display: block;
        }
    }

    @media (max-width:990px) {

        .tab-container,
        .wowonder-well {
            margin-bottom: 20px
        }

        .hidden-mobile-image,
        .second-footer {
            display: none
        }

        .middlecol {
            width: 100%;
        }

        .continue-button {
            margin-top: 20px
        }

        .sidebar-profile-style {
            display: none !important
        }

        .left-sidebar {
            display: none
        }

        .dropdown-search-link {
            display: block !important
        }

            .dropdown-search-link.hidden {
                display: none !important
            }

        .dropdown-hidden-link {
            display: none !important
        }

        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 10px 1px 20px
        }

        .header-container .logo img {
            width: 30%
        }

        #wo_home_search {
            max-width: 200px
        }

        footer .footer-wrapper {
            display: flex;
        }

        .footer-wrapper.sidebar {
            display: none;
        }

        .navbar-default .dropdown-menu.ani-acc-menu {
            top: auto;
            visibility: visible;
            opacity: 1;
            display: none;
            transition: none
        }

            .navbar-default .dropdown-menu.ani-acc-menu li a {
                transition: none
            }

        .navbar-default .open > .dropdown-menu.ani-acc-menu {
            display: block;
            top: auto;
            max-height: calc(100vh - 130px);
            overflow-y: auto;
        }

        .footer-wrapper-sidebar {
            display: none;
        }

        .wo_new_left_side {
            display: block;
        }

        .footer-wrapper .footer-powered .lang_selct {
            padding: 0 !important;
        }
    }

    @media (max-width:985px) {

        .container,
        .header-fixed1000,
        .header-fixed1200 {
            width: 800px
        }

        .navbar-default .user-menu-combination:after {
            display: none;
        }

        #head_menu_rght .sixteen-font-size {
            padding: 10px;
            margin-top: 15;
        }
    }

    @media (max-width:900px) {
        .lightbox-content.multi {
            width: 100%
        }

        .wo_image_lightbox .story-img {
            min-width: 100%;
            max-width: 100%
        }

            .wo_image_lightbox .story-img .changer.previous-btn {
                left: 10px;
                z-index: 1
            }

            .wo_image_lightbox .story-img .changer.next-btn {
                right: 10px;
                z-index: 1
            }
    }

    @media (max-width:840px) {

        .container,
        .header-fixed1000,
        .header-fixed1200 {
            width: 94%
        }

        .messages-container .message-media video {
            width: 100% !important
        }

        .wo_market .market_categories .product-navigate {
            opacity: 1;
            position: relative;
            top: 5px;
            right: 0;
            transform: none;
            margin-left: auto;
            left: 0
        }

            .wo_market .market_categories .product-navigate a {
                padding: 1px 6px;
                margin-right: 7px
            }

        .wo_group_profile .side_panel {
            position: relative;
            width: 100%;
            background-color: #fff;
            border: 1px solid #ececec;
            border-top: 0
        }

        .container .wo_group_profile .side_panel .box-inner {
            display: none
        }

        .container .wo_group_profile .side_panel .user-avatar {
            margin-top: 30px
        }

        .container .wo_group_profile .side_panel .info,
        .wo_group_profile .profile-container .card.hovercard .info .title a {
            color: #4a4a4a
        }

            .container .wo_group_profile .side_panel .info .title {
                text-shadow: none
            }

        .wo_group_profile .side_panel .options-buttons {
            margin: 20px 0
        }

            .wo_group_profile .side_panel .options-buttons a {
                color: #2a2a2a;
                background: rgba(0, 0, 0, .23)
            }

        .wow_srch_fields:last-child {
            text-align: center;
        }

        .header-brand img {
            max-width: 150px;
        }
    }

    @media (max-width:800px) {

        .blog-cat-img img,
        .blog-ls-img img {
            margin-bottom: 15px
        }

        .wo_imagecombo_lbox .story-img {
            margin-right: 0;
            margin-left: 0;
            width: -webkit-fill-available;
            height: calc(100% - 160px);
        }

        .sun_img_innr {
            height: calc(100% - 268px)
        }

        .lightbox-content .story-img img {
            max-height: calc(100vh - 100px);
        }

        .wo_imagecombo_lbox .comment-section {
            width: 100%;
            position: relative
        }

        .wo_imagecombo_lbox {
            overflow-y: auto;
            height: 100%;
        }

            .wo_imagecombo_lbox .lightbox-post-footer.post-comments .lighbox.comment-textarea {
                height: 40px;
            }

        .user_media_list_section .photo-data,
        .user_media_list_section .video-data {
            flex: 0 0 33.3333333%;
            width: 33.3333333%;
        }

        .wo_imagecombo_lbox.story_lightbox.mobi_stor_box {
            height: 100%;
            overflow-y: auto;
        }

        .wo_imagecombo_lbox.story_lightbox .story_image_owner {
            margin-left: 0;
            height: calc(100% - 70px);
        }
    }

    @keyframes slidenavAnimation {
        from {
            opacity: 0
        }

        to {
            opacity: 1;
            margin-top: 0
        }
    }

    @-webkit-keyframes slidenavAnimation {
        from {
            opacity: 0
        }

        to {
            opacity: 1;
            margin-top: 0
        }
    }

    @media (max-width:780px) {
        .nav-names {
            display: none
        }
    }

    @media (max-width:768px) {
        .wo_page_profile .page-info-cont .user-avatar {
            width: 100px;
            height: 100px;
            margin-top: 0;
        }

            .wo_page_profile .page-info-cont .user-avatar img {
                width: 100px;
                height: 100px;
            }

        .wo_page_profile .page-info-cont .first_row {
            float: none;
        }

        .wow_hdr_innr_left .nav {
            display: flex;
        }

        #wo_home_search {
            display: none;
        }

        .popular_posts_hdr > h2 svg {
            display: none;
        }

        .wow_forum_sections .topic_icon,
        .wow_forum_sections .forum-meta-d.topics {
            display: none;
        }
    }

    @media (max-width:767px) {
        #filter-by-sidebar {
            display: none
        }

        .filter-by-home {
            display: block
        }

        #navbar-searchbox,
        .chat-all-container,
        .nav > .navbar-home,
        .navbar-home,
        .problackback {
            display: none
        }

        .header-container .logo img {
            width: 30%
        }

        .profile-style,
        .setting-form {
            width: 100%
        }

        .sidebar-page-data .sidebar-listed-page-name {
            top: 80% !important
        }

        .sidebar-page-data .sidebar-listed-page-like-btn {
            top: 75% !important
        }

        .nav-footer-toggle {
            left: 40%
        }

        #load-more-posts {
            margin-bottom: 20px;
            margin-top: 50px
        }

        .cool-style {
            width: 49.3% !important;
            float: none
        }

        .no-padding-right,
        .no-padding-right-mobile {
            padding-right: 15px !important
        }

        #sidebar-latest-products .cool-style {
            float: left !important
        }

        .profile-userpic img {
            width: 70%;
            height: 70%
        }

        .search-users-result .profile-style {
            width: 100% !important;
            margin-left: -30px !important
        }

        #local-media video:nth-child(2) {
            width: 200px;
            height: 100px
        }

        .cool-style-album {
            margin-bottom: 40px
        }

        .blog-ls-box .article-image {
            max-height: none
        }

        .wo_pro_features h3 {
            margin-top: 20px;
            margin-bottom: 50px
        }

        .modal-dialog {
            max-width: 92%;
            width: 100%
        }

        .wo_page_profile .options-buttons {
            margin: 20px 0 0;
        }

            .wo_page_profile .options-buttons .btn {
                margin-bottom: 8px;
                margin-top: 0;
            }

        .wo_user_profile .pic-info-cont {
            position: relative;
            margin: 0;
            display: block;
            text-align: center;
            bottom: 0;
            height: auto;
        }

        .container .wo_user_profile .pic-info-cont .user-avatar {
            margin: -65px auto 0;
            display: inline-block;
            top: -15px
        }

        .profile-container .card.hovercard .user-avatar img {
            /*box-shadow: 0 0px 20px rgba(0, 35, 196, .42);*/
            border: 6px solid #fff
        }

        .profile-container .card.hovercard .info .title {
            text-shadow: none;
            display: inline-grid;
            grid-template-columns: 1fr auto 1fr;
            align-items: center;
            gap: 5px;
        }

            .profile-container .card.hovercard .info .title .right {
                justify-self: start;
            }

            .profile-container .card.hovercard .info .title a {
                color: #4a4a4a;
                font-size: 25px;
                font-weight: 300;
                font-family: convergence;
                margin: 16px 0px 0px;
            }

        .container .wo_user_profile .card.hovercard .info .title svg.feather {
            fill: #4a4a4a;
            filter: none
        }

        .wo_user_profile .card.hovercard .title .badge-link {
            color: #fff !important
        }

        .wo_user_profile .btn-glossy a:not(.btn-main),
        .wo_user_profile .btn-glossy button:not(.btn-main) {
            color: #2a2a2a;
        }

        .footer-wrapper .footer-powered {
            flex-direction: column;
            flex-wrap: wrap;
        }

            .footer-wrapper .footer-powered .list-inline {
                margin: 10px 0;
                text-align: center;
            }

        .head_name_links {
            vertical-align: middle;
        }

        .create_head_menu:before {
            display: none;
        }

        .container .wo_user_profile .card.hovercard .info p {
            color: #3b3b3b;
        }

        .container .wo_user_profile .card.hovercard .options-buttons {
            margin: 20px 0 40px !important;
            right: 0;
        }
    }

    @media (max-width:700px) {

        .blog-h-desc,
        .blog-h-list .avatar {
            display: block;
            width: 100%
        }

        .blog-h-list .avatar {
            margin: 0
        }

            .blog-h-list .avatar img {
                width: 100%;
                object-fit: cover
            }

        .blog-h-desc .postCategory h5 {
            position: absolute;
            top: 30px
        }

        .wow_read_blog_row {
            padding: 0;
            margin: 15px -15px 0;
        }

        .wow_read_blog_hdr_img_innr {
            padding: 0 0px 15px;
        }

            .wow_read_blog_hdr_img_innr h2 {
                font-size: 35px;
            }
    }

    @media (max-width:665px) {
        .event-info-cont-small {
            position: relative;
            background: transparent;
            padding: 20px;
            flex-direction: column;
        }

            .event-info-cont-small .info {
                display: block;
                width: 100%;
                text-align: center;
            }

            .event-info-cont-small .short_start_dt.inverted {
                margin: 0 !important
            }

            .event-info-cont-small .info h3 {
                color: #282828;
                margin: 20px 0;
            }

        .short_start_dt {
            display: none;
        }

        .wo_event_profile .event-info-cont {
            flex-direction: column;
        }

        .event_cdown {
            margin-bottom: 15px;
        }

            .event_cdown:empty {
                margin: 0
            }

            .event_cdown li:last-child {
                display: inline-block
            }

        .wo_page_profile .page-info-cont .page_navbar {
            padding: 5px 10px
        }

        .wo_page_profile .page_navbar ul {
            padding: 0;
            width: 100%;
            float: none !important;
            white-space: nowrap;
            overflow-x: auto
        }

        .wo_com_lbox_slide {
            padding: 0 10px;
        }

        .wo_vew_apld_head {
            flex-wrap: wrap;
            flex-direction: column;
        }

            .wo_vew_apld_head .avatar {
                margin: 0 auto 20px;
            }

            .wo_vew_apld_head .jinfo {
                text-align: center;
            }

        /*.wo_page_profile .options-buttons .btn svg {display: none;}*/
        .wow_forum_sections table .forum-meta-d.topics,
        .wow_forum_sections table .forum-meta-d.posts,
        .wow_forum_sections .f_category b {
            display: none;
        }

        .wow_thread_main_reply {
            flex-direction: column;
        }

            .wow_thread_main_reply .t-left_prt {
                float: none;
                width: 100%;
                border: 0;
                border-bottom: 1px solid #e5e5e5;
            }

        .wow_thread_replies .thread-replies {
            padding: 3px 3px;
        }

            .wow_thread_replies .thread-replies .t-left_prt .avatar .btn {
                display: none;
            }

            .wow_thread_replies .thread-replies .t-left_prt {
                min-width: 80px;
                width: 80px;
            }

                .wow_thread_replies .thread-replies .t-left_prt .avatar {
                    margin-left: 0;
                    margin-right: auto;
                }

        .publisher-box .publisher-box-footer {
            padding: 30px 5px 5px;
            border-top: 1px solid #eee;
        }

        .sun_pub_more {
            justify-content: center;
        }

        .publisher-box .publisher-box-footer .poster-left-buttons .btn {
            background: #fafafa;
            padding: 0 16px !important;
        }

        .sun_pub_mid_foot .poster-left-buttons .btn {
            font-size: 0;
        }

        .wow_big_head_link.flex,
        .popular_posts_hdr.flex {
            justify-content: center;
            gap: 15px;
        }
    }

    @media (max-width:600px) {
        .caret {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 2px;
            border-top: 4px dashed;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent
        }

        #postbutton {
            display: none
        }

        .header-brand img {
            width: 100px;
        }

        .send-comment {
            display: block !important
        }

        .change-avatar,
        .charsLeft-post,
        .filter-text,
        .like-btn-mobile,
        .options-buttons span[class^=button-text],
        span[class^=setting-tab-text] {
            display: none
        }

        .panel-one-post {
            margin: 0 auto;
            width: 100%
        }

        .options-buttons {
            right: 10px;
            margin-top: -35px
        }

            .options-buttons button {
                width: auto;
                margin-left: 5px
            }

        .post .post-heading .avatar {
            width: 45px;
            height: 45px;
            margin-bottom: 2px
        }

        .post .post-heading .meta .title {
            font-size: 14.5px !important;
            margin-top: 5px !important;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .post .post-footer .comments-list .comment .avatar {
            width: 38px !important;
            height: 38px !important
        }

        .post .post-footer .comments-list .comment .comment-heading .user {
            font-size: 14.5px
        }

        /* .post .post-footer .comments-list .reply .avatar{width:30px!important;height:30px!important} */
        .post .post-footer .comment-body .comment-text {
            font-size: 14.5px !important
        }

        .post .post-comments input {
            padding: 5px 40px 5px 5px;
            height: 30px;
            font-size: 14.5px
        }

        .publisher-box .publisher-hidden-option select {
            width: 100%
        }

        .post-fetched-url .fetched-url-text .description {
            font-size: 14.5px !important
        }

        .post-fetched-url .fetched-url-text h4 {
            font-size: 14.5px !important
        }

        .nav.navbar-nav.navbar-right {
            font-size: 14.5px
        }

        .nav > li.dropdown.open .dropdown-menu {
            width: 100%;
            left: 0;
            right: 0;
            position: fixed;
            top: 80.4px;
            border-radius: 17px
        }

        .profile-container {
            padding-left: 4px;
            padding-right: 4px
        }

            .profile-container .card.hovercard .user-avatar {
                width: 115px;
                height: 115px
            }

        .ad-placement-header-footer iframe,
        .ad-placement-header-footer img,
        .ad-placement-header-footer script {
            width: 100%
        }

        .col-lg-1,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-md-1,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-sm-1,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-xs-1,
        .col-xs-10,
        .col-xs-11,
        .col-xs-12,
        .col-xs-2,
        .col-xs-3,
        .col-xs-4,
        .col-xs-5,
        .col-xs-6,
        .col-xs-7,
        .col-xs-8,
        .col-xs-9 {
            padding-right: 1px;
            padding-left: 1px
        }

        #bar_loading {
            top: 0
        }

        .btn-file {
            font-size: 14.5px
        }

        .header-container .logo img {
            width: 100%;
            margin: 0
        }

        #local-media video:nth-child(2) {
            width: 100px;
            height: 150px
        }

        #remote-media video:nth-child(2) {
            width: 95px
        }

        .center-container *:not(i) {
            font-size: 18px;
            max-width: 100%;
            min-width: 80%
        }

        .dropdown-menu > li {
            display: block
        }

            .dropdown-menu > li > a {
                color: #333;
            }

        .wowonder-well .profile-style {
            width: 100%
        }

        .admin-panel-well .admin-static {
            width: 100% !important
        }

        .wo_setting_sidebar {
            top: 0;
            right: auto;
            left: 0;
            width: 100%;
            text-align: inherit
        }

            .wo_setting_sidebar ul {
                white-space: nowrap;
                overflow: hidden;
                overflow-x: auto
            }

                .wo_setting_sidebar ul .list-group-item {
                    display: inline-block;
                    margin-right: -4px
                }

                    .wo_setting_sidebar ul .list-group-item a {
                        padding: 13px 18px
                    }

        .wo_settings_page .last-sett-btn {
            margin-right: -15px
        }

        .wo_settings_page .setting-panel-mdbtn {
            margin: 2px 7px
        }

        .modal-body .wo_settings_page,
        .wo_about_page_margin .wo_settings_page {
            margin-top: 0
        }

        .navbar-default .dropdown-menu.ani-acc-menu {
            overflow: hidden;
            overflow-y: auto;
            max-height: 400px
        }

        .blog-h-desc .postCategory h5 {
            position: absolute;
            top: 30px
        }

        .wow_mini_wallets {
            flex-direction: column;
        }

        .wow_mini_wallets_btns {
            margin: 15px auto 0;
        }

        .wow_read_blog_hdr_img img {
            height: 450px;
        }

        .wow_read_blog_hdr_img_innr .read-blog-info-user .views,
        .wow_read_blog_hdr_img_innr .read-blog-info-user .middot {
            display: none;
        }

        .wow_grpage_setts .wow_sett_content {
            padding: 70px 10px 10px;
        }

        .wow_grpage_setts .setting-well .profile-style {
            width: 100%;
        }

        #wo_msg_right_prt .text-sender-container .sendMessages .input-group {
            padding: 0px 5px;
        }

            #wo_msg_right_prt .text-sender-container .sendMessages .input-group .input-group-btn {
                margin-left: 5px;
            }

        #wo_msg_right_prt .msg_write_combo .message-option-btns {
            margin: 0;
        }

        .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a {
            white-space: nowrap;
            max-width: 100px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
        }

        .text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns > span {
            margin-right: 4px;
        }

        #wo_msg_right_prt .message-option-btns .btn {
            width: 30px;
        }

        .wow_price_plan_row .col-lg-3 {
            width: 100%;
        }

        .wow_search_head.wow_big_head_link .right_part {
            justify-content: center;
        }

            .wow_search_head.wow_big_head_link .right_part .search-blog,
            .wow_search_head.wow_big_head_link .right_part .dropdown.count {
                /* margin: 0 0 15px !important; */
            }

        .cool-style-album-row,
        .row#recent-blogs {
            margin-right: -10px;
            margin-left: -10px;
        }

        .wo_market .market_bottom .product {
            width: 100%;
        }
    }

    @media (max-width:570px) {
        .hero-overlay {
            padding-top: 40px
        }

        .wo_page_profile .page-info-cont .user-avatar,
        .wo_page_profile .page-info-cont .user-avatar img {
            width: 80px;
            height: 80px
        }

        .wo_loading_post_child {
            transform: scale(.9);
            height: 320px;
            margin: 0 -25px
        }

        .wo_post_fetch_event .post-fetched-url-con .description p {
            font-size: 14.5px
        }

        .wow_ads_lists {
            overflow-x: auto;
        }

            .wow_ads_lists > li {
                min-width: 570px;
            }

        .user-status-home ul.status-list {
            display: block;
            white-space: nowrap;
            overflow-x: auto;
            padding-top: 2px;
        }

        .wow_story_mores ul.status-list {
            white-space: inherit;
        }

        .user-status-home ul.status-list li {
            width: 150px;
        }

            .user-status-home ul.status-list li a {
                white-space: normal;
            }

        .wow_story_mores ul.status-list li {
            width: 49.4%;
        }

        .wo_imagecombo_lbox .story-img {
            /*height: auto;*/
            max-height: fit-content;
            padding-top: 0;
            bottom: -96px;
            margin-top: -27px;
            display: flex;
            justify-content: center;
        }

        @media (min-width: 1024px) {
            .wo_imagecombo_lbox .story-img {
                /* height: auto; */
                max-height: fit-content;
                padding-top: 0;
                bottom: -96px;
                margin-top: -24px;
                display: flex;
                justify-content: center;
                flex-direction: row;
            }

            .wow_big_heading {
                font-size: 21vw;
                line-height: normal;
            }

            .wow_creads_minstp.start_up {
                margin-top: 20px;
                min-width: 300px;
            }

            .wo_new_wallet .wow_mini_wallets_btns {
                width: 100%;
                padding: 0 30px;
            }

                .wo_new_wallet .wow_mini_wallets_btns .btn {
                    display: block;
                    width: 100%;
                    margin: 10px 0 0 !important;
                }
        }

        @media (max-width:530px) {
            .wo_adaptive_media_5 {
                height: 446px
            }

                .wo_adaptive_media_5 .album-image:first-child {
                    height: 221px
                }

                .wo_adaptive_media_5 .album-image:nth-child(2) {
                    height: 222px;
                    top: 225px
                }

                .wo_adaptive_media_5 .album-image:nth-child(3) {
                    height: 147px
                }

                .wo_adaptive_media_5 .album-image:nth-child(4) {
                    height: 145px;
                    top: 150px
                }

                .wo_adaptive_media_5 .album-image:last-child {
                    height: 147px;
                    top: 299px
                }

                .wo_adaptive_media_5 .album-image img {
                    width: 100%;
                    height: 100%
                }

            .user_media_list_section .photo-data,
            .user_media_list_section .video-data {
                flex: 0 0 50%;
                width: 50%;
            }
        }

        @media (max-width:520px) {
            .navbar-default li.dropdown.notification-container {
                margin-right: 3px
            }

            .messages-container {
                padding: 80px 10px 0;
            }

            .text-sender-container .msg_usr_info_top_list {
                padding: 8px 20px;
                height: 60px;
            }

            .fb_iframe_widget_fluid span,
            .fb_iframe_widget iframe {
                width: 300px !important;
                min-width: auto !important;
            }

            .wow_big_head_link .right_part .search-blog form input,
            .popular_posts_hdr.find_frnds .search-blog form input,
            .wow_search_head .right_part .search-blog input,
            .wow_search_head .market_widget .m_widget_head > select {
                min-width: 200px;
            }

            .header-brand {
                display: none
            }

            .wow_hdr_innr_left .nav {
                margin: 0 !important;
            }
        }

        @media (max-width:480px) {
            .read-blog-container .read-blog h1 {
                font-size: 30px
            }

            .read-blog-container .read-blog .read-blog-desc {
                font-size: 16px
            }

            .read-blog-container .read-blog .blog-share-buttons ul li.bold {
                display: block
            }

            .read-blog .blog-author-info .media-body .user-follow-button,
            .wo_blogcomm_combo img {
                display: none
            }

            .read-blog .blog-author-info .media-body h4 {
                padding-right: 0
            }

            .wo_loading_post_child {
                transform: scale(.8);
                margin: -15px -45px
            }

            .wo_post_fetch_event .post-fetched-url-con .description p {
                font-size: 3vw
            }

            .profile-container .card.hovercard .user-avatar {
                width: 150px;
                height: 150px;
                margin-bottom: 55px;
            }

            #wo_post_stat_button .stat-item {
                font-size: 13px;
                font-weight: 400;
                user-select: none;
                padding-left: 2px;
                padding-right: 2px;
            }

                #wo_post_stat_button .stat-item svg {
                    /*width:16px;height:16px*/
                }

                #wo_post_stat_button .show_post_comm_mobi,
                #wo_post_stat_button .stat-item .like-btn-mobile {
                    display: inline
                }

            #wo_post_stat_button .hide_post_comm_mobi {
                display: none
            }

            .show_post_comm_mobi {
                display: block
            }

            .api_posts #wo_post_stat_button .stat-item {
                font-weight: 700;
            }

            .earn_points .ep_illus {
                flex-direction: column;
            }

            .post .post-footer .comments-list .comment .comment-body .reactions-box {
                left: -50px;
            }

            .post .post-footer .comments-list .reply .comment-body .reactions-box {
                left: -100px;
            }

            .reaction {
                overflow: hidden;
            }

            .select_radio_btn label {
                width: 100%;
                padding: 0 7px;
                margin-bottom: 14px;
            }

            .wow_thread_replies .thread-replies .t-left_prt .avatar {
                width: 45px;
                height: 45px;
            }

                .wow_thread_replies .thread-replies .t-left_prt .avatar img {
                    width: 45px;
                    height: 45px;
                    margin-top: 12px;
                }

            .wow_thread_replies .thread-replies .t-left_prt {
                min-width: 55px;
                width: 55px;
            }

            .header-fixed1000 > .container-fluid {
                padding: 0 2px;
            }

            #head_menu_rght {
                float: none !important;
                justify-content: space-around;
                margin: 0 -10px;
                flex: 1;
                display: flex;
            }

            /* .user-status-home ul.status-list li {width: 110px;} */
            .wo_main_jobs {
                flex-direction: column;
            }

                .wo_main_jobs .wo_jobs_search {
                    margin: 15px 0 0;
                }

            .user-cover-reposition-container {
                height: 255px;
            }

                .user-cover-reposition-container .user-cover-reposition-w {
                    height: 100%;
                }

                .user-cover-reposition-container #cover-image {
                    height: 100%;
                    object-fit: cover;
                }

            /* Customize mobile nhantrandev96 */
            .user-follower-review-rating {
                display: block;
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: -1;
                top: 0;
            }

                .user-follower-review-rating .user-review-rating {
                    position: absolute;
                    top: 40px;
                    left: calc(100vw/2 + 95px);
                    font-size: 60px;
                }

                .user-follower-review-rating .user-follower {
                    position: absolute;
                    top: 40px;
                    right: calc(100vw/2 + 95px);
                    font-size: 60px;
                }

                .user-follower-review-rating .user-username {
                    position: absolute;
                    top: 0px;
                    left: 10px;
                    font-size: 12px;
                    color: #333;
                }

            .wo_user_profile {
                margin-top: 0px;
            }

            .user-unfollow-desktop,
            .user-follow-desktop {
                display: none;
            }

            .user-unfollow-mobile,
            .user-follow-mobile {
                display: inherit;
            }

                .user-unfollow-mobile .wo_follow_btn,
                .user-follow-mobile .wo_follow_btn {
                    /* padding: 2px 40px!important; */
                    /* height: 30px; */
                    border-radius: 0.75em !important;
                }

            .options-buttons .user-unfollow-mobile button,
            .options-buttons .user-follow-mobile button,
            .profile-message-btn button {
                background: white !important;
                color: #5d5f93 !important;
                margin-right: 0px !important;
                padding: 11px !important;
                box-shadow: rgb(0 0 0 / 0%) 0px 1px 2px 0px, rgb(0 0 0 / %) 0px 1px 3px 1px !important;
            }

                .user-follow-mobile button:active,
                .profile-message-btn button:active,
                .user-follow-mobile button:hover,
                .profile-message-btn button:hover,
                .wo_user_profile .options-buttons button:active,
                .wo_user_profile .options-buttons button.btn-active {
                    background: #5D5F93 !important;
                    color: white !important;
                }

            .user-unfollow-mobile #wo_useract_btn svg,
            .user-follow-mobile #wo_useract_btn svg {
                width: 20px;
                height: 20px;
                margin: 0px !important;
            }

            .user-unfollow-mobile #wo_useract_btn span.button-text,
            .user-follow-mobile #wo_useract_btn span.button-text {
                display: block;
            }

            .profile-message-btn button {
                padding: 2px 5px !important;
                height: 30px;
                border-radius: 0.75em !important;
            }

                .profile-message-btn button svg {
                    width: 22px;
                    height: 22px;
                }

            .wow_post_usr_ava span {
                width: 15px !important;
                height: 15px !important;
            }

            .container .wo_user_profile .pic-info-cont .user-avatar .user-review-rating-heart-icon svg {
                width: 46px;
                height: 46px;
            }

            .post .post-footer .comments-list .comment .user-review-rating-heart-icon {
                width: 14px;
                height: 14px;
            }

            .post .post-footer .comments-list .comment .comment-reply .wo_commreply_combo .avatar {
                width: 39px !important;
                height: 30px !important;
            }

            .user-status-home ul.status-list li a img {
                aspect-ratio: 0.6;
            }

            .wow_price_plans {
                padding: 0 25px 40px;
            }

            .wow_price_plan {
                border-top-left-radius: 40px;
                border-bottom-right-radius: 40px;
                border-bottom-left-radius: 40px;
            }

            .wow_price_plan_col {
                padding: 25px 0;
                width: 100%;
            }

            .pick_plan_main_text {
                margin-bottom: 0;
            }

            .pick_plan_main,
            .pick_plan_main_text {
                font-size: 14px;
            }

            .wow_price_plan .plan_body p {
                font-size: 12px;
                margin: 0 0 10px;
            }

            .pick_plan-logo svg {
                width: 50%;
                height: 50%;
            }

            .wo_user_profile .options-buttons .dropdown {
                padding-left: 0;
            }

            #cusrange-reader {
                text-align: center;
            }

            .wo_imagecombo_lbox.story_lightbox .comment-section {
                border-top-left-radius: 25px;
                border-top-right-radius: 25px;
            }

            .setting-well .profile-style .user-popover {
                display: initial;
            }
        }

        @media (max-width:420px) {
            .owl-item .format-standard {
                height: 320px
            }

            .wo_pro_features h2 {
                margin-top: 23px;
                margin-bottom: 40px;
                font-size: 27px
            }

            .col-proxs-12 {
                width: 100%
            }

            .wo_loading_post_child {
                transform: scale(.7);
                margin: -35px -75px
            }

            .wo_adaptive_media_5 {
                height: 366px;
                border-radius: 14px;
            }

                .wo_adaptive_media_5 .album-image:first-child {
                    height: 181px
                }

                .wo_adaptive_media_5 .album-image:nth-child(2) {
                    height: 182px;
                    top: 185px
                }

                .wo_adaptive_media_5 .album-image:nth-child(3) {
                    height: 119px
                }

                .wo_adaptive_media_5 .album-image:nth-child(4) {
                    height: 120px;
                    top: 123px
                }

                .wo_adaptive_media_5 .album-image:last-child {
                    height: 120px;
                    top: 247px
                }

            .wo_emoji_post {
                width: 100%
            }

            .wo_emoji_tab span {
                width: 15.6%
            }

            .wo_emoji_msg {
                position: fixed;
                bottom: 70px !important
            }

            .publisher-box .add-emoticons .wo_emoji_post {
                min-width: calc(100vw - 65px)
            }

            .wo_send_gift .gift-data {
                width: calc(100% / 2 - 8px);
            }

            #wo_nw_msg_page .messages-container .message-media img {
                max-height: 140px;
            }
        }

        @media (max-width:360px) {

            /* .nav.navbar-nav.navbar-right>li>a{padding:10px 5px} */
            .wo_loading_post_child {
                transform: scale(.6);
                margin: -55px -100px
            }
        }

        @media (max-width:345px) {

            /*.nav.navbar-nav.navbar-right{width:100%;text-align:center}*/
            .nav.navbar-nav.navbar-right > li:first-child {
                display: inline-block
            }

            #wo_nw_msg_page .messages-container .message-media img {
                max-height: 110px;
            }

            .reactions-box {
                width: 148px;
                top: -100px;
            }

            .post .post-footer .comments-list .comment .comment-body .reactions-box {
                top: -100px;
            }

            .post .post-footer .comments-list .reply .comment-body .reactions-box {
                left: -30px;
            }
        }

        @media (max-width:320px) {
            .publisher-box .publisher-hidden-option select {
                font-size: 12px;
                height: 30px;
                margin-right: 0;
                padding: 0 2px
            }

            .dropdown {
                padding-left: 10px
            }

            .navbar-nav > li > a {
                line-height: 24px !important;
                padding: 10px 5px
            }

            .wo_loading_post_child {
                transform: scale(.5);
                margin: -75px -130px
            }

            .wo_send_gift .gift-data,
            .user_media_list_section .photo-data,
            .user_media_list_section .video-data {
                flex: 0 0 100%;
                width: 100%;
            }

            .cool-style-album.profi_groups.user_list .album_parent .avatar a {
                height: 100px;
                width: 100px;
            }

            .cool-style-album.profi_groups #wo_useract_btn {
                font-size: 13px;
            }

            .new-update-alert {
                top: 19px;
            }
        }

        .unselectable {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .group_chat_avatar__ {
            width: 100%;
            max-height: 137px;
            overflow: hidden;
            margin: 0 0 20px
        }

            .group_chat_avatar__ img {
                max-width: 100%;
                max-height: 100%
            }

        .image_blur {
            filter: blur(10px);
        }

        .image_blur_btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
        }

        .blur_multi_images {
            position: absolute;
            z-index: 2;
            height: 100%;
        }

        .verify_color {
            color: #2b982b;
        }

        .unverify_color {
            color: #fb483a;
        }

        .bs-callout {
            padding: 5px 10px;
            margin: 0 0 10px;
            border: 1px solid;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
        }

            .bs-callout .post-heading .title .main-color {
                color: #565656 !important;
            }

            .bs-callout h4 {
                margin-top: 0;
                margin-bottom: 5px;
            }

            .bs-callout p:last-child {
                margin-bottom: 0;
            }

            .bs-callout code {
                border-radius: 3px;
            }

            .bs-callout + .bs-callout {
                margin-top: -5px;
            }

        .bs-callout-default {
            /*border-color: #f2f2f2;*/
            border-radius: 22px
        }

            .bs-callout-default h4 {
                color: #777;
            }

        .bs-callout-primary {
            border-left-color: #428bca;
        }

            .bs-callout-primary h4 {
                color: #428bca;
            }

        .bs-callout-success {
            border-left-color: #5cb85c;
        }

            .bs-callout-success h4 {
                color: #5cb85c;
            }

        .bs-callout-danger {
            border-left-color: #d9534f;
        }

            .bs-callout-danger h4 {
                color: #d9534f;
            }

        .bs-callout-warning {
            border-left-color: #f0ad4e;
        }

            .bs-callout-warning h4 {
                color: #f0ad4e;
            }

        .bs-callout-info {
            border-left-color: #5bc0de;
        }

            .bs-callout-info h4 {
                color: #5bc0de;
            }

        .pro_packages_icon {
            display: block !important;
            margin: auto !important;
            width: 32px !important;
            height: 32px !important;
            margin-bottom: 13px !important;
        }

        .pro_packages_icon_inline {
            margin: auto;
            width: 20px;
            height: 20px;
            margin-bottom: 5px;
        }

        #user-last-seen .online-text {
            color: #B6B6B6 !important;
        }

        .fluid_video_wrapper.fluid_player_layout_default:-ms-fullscreen video {
            width: 100% !important;
            height: 100% !important;
            max-height: 100% !important;
        }

        .fluid_video_wrapper.fluid_player_layout_default:-ms-fullscreen {
            top: 0;
            left: 0;
        }

        .gender_icon {
            display: block !important;
            margin: auto !important;
            width: 20px !important;
            height: 20px !important;
        }

        .reaction img {
            width: 100%;
            height: 100%;
            object-fit: fill;
        }

        .vid_analts_stat {
            display: flex;
            align-items: center;
            padding: 17px 17px 15px;
            border-radius: 7px;
            color: #fff;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        }

            .vid_analts_stat > svg {
                margin-right: 17px;
                margin-top: 0px;
                width: 30px;
                height: 30px;
            }

            .vid_analts_stat h2 {
                font-size: 13px;
                line-height: 16px;
                letter-spacing: 0.011em;
                margin-top: 0;
                margin-bottom: 3px;
            }

            .vid_analts_stat p {
                font-size: 24px;
                line-height: 32px;
                margin-bottom: 0;
            }

        .live_link_style {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
            right: 0;
            left: 0;
            z-index: 10;
        }

        .end_video_text {
            margin-bottom: 150px;
            color: #c6c6c6;
        }

        .background_image_product {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            width: 100%;
            height: 100%;
            border-radius: 100px;
        }

        .header-message {
            text-overflow: ellipsis;
            overflow: hidden;
            width: 260px;
            height: 24px;
            white-space: nowrap;
        }

        .like-story-lightbox.active svg {
            color: #1da1f2;
        }



        .w-check-handler {
            display: flex;
            margin-left: 0.5em;
            justify-content: center;
            align-items: center;
            width: 20px;
            height: 20px;
            background: #ce464a;
            border-radius: 50%;
            transition: all 0.2s ease;
            box-shadow: 0 0 8px rgb(0 0 0 / 30%);
        }

            .w-check-handler:before {
                content: "×";
                color: white;
                font-size: 1em;
                font-weight: bold;
            }

        .w-check-trail {
            display: flex;
            align-items: center;
            width: 40px;
            height: 25px;
            background: #be3e44;
            border-radius: 2.5em;
            transition: all 0.2s ease;
            cursor: pointer;
            margin-top: 9px;
        }

        .w-switcher input[type=checkbox] {
            position: absolute;
            opacity: 0;
            z-index: -1;
        }

        .w-switcher {
            position: relative;
        }

        .w-float-left {
            float: left !important;
        }

        body.dark .w-main-label {
            background: #323338;
        }

        .w-main-label {
            padding: 6px;
            border-radius: 10px;
        }

        input[type=checkbox]:checked + .w-check-trail {
            background: #16a085;
        }

            input[type=checkbox]:checked + .w-check-trail .w-check-handler {
                margin-left: 50%;
                background: #1abc9c;
            }

                input[type=checkbox]:checked + .w-check-trail .w-check-handler::before {
                    content: "✔";
                }


        .HEAiT {
            -webkit-box-align: center;
            align-items: center;
            place-content: flex-start space-around;
            box-sizing: border-box;
            display: flex;
            flex-flow: column nowrap;
            height: 100%;
            transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
            width: 100%;
            padding: 0rem;
            margin: 0rem;
        }

        .iylycj {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: center;
            justify-content: center;
            transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
            padding: 0rem;
            margin: 0rem;
        }

        .gOFcxw {
            box-sizing: border-box;
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
            padding: 0rem;
            margin: 0rem 0rem 0.5rem;
        }

        .dIPYOR {
            opacity: 0.8;
        }

        .ejVMUJ {
            align-self: center;
            -webkit-box-align: center;
            align-items: center;
            display: inline-flex;
            filter: none;
            cursor: unset;
            vertical-align: unset;
            height: unset;
            width: unset;
        }

        .jBzsQN,
        .jBzsQN svg {
            height: 2rem;
            width: 2rem;
        }

        .jBzsQN {
            display: flex;
        }

            .jBzsQN svg {
                align-self: center;
                fill: transparent;
                stroke-width: 1.2px;
            }

            .jBzsQN,
            .jBzsQN svg {
                height: 2rem;
                width: 2rem;
            }

        .RrcPe {
            box-sizing: border-box;
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
            padding: 0rem;
            margin: 0rem 0rem 1rem;
        }

        .jcfRER {
            color: rgb(36, 30, 18);
            font-family: aktiv-grotesk, sans-serif;
            margin: 0px;
            position: relative;
            transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
            text-align: center;
            font-weight: 700 !important;
            font-size: 2rem !important;
            line-height: 1.5 !important;
        }

        .cXbAib {
            -webkit-box-align: center;
            align-items: center;
            backface-visibility: hidden;
            background-color: rgb(250, 231, 232);
            border-radius: 9999px;
            border: 1px solid rgb(250, 231, 232);
            box-sizing: border-box;
            cursor: pointer;
            display: inline-flex;
            font-weight: bold;
            height: unset;
            -webkit-box-pack: center;
            justify-content: center;
            padding: 0.46875rem 1rem;
            position: relative;
            pointer-events: unset;
            text-align: center;
            text-decoration: none;
            text-transform: none;
            transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
            user-select: none;
            white-space: unset;
            width: unset;
            color: rgb(255, 66, 77) !important;
        }

        .jLYHuC {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            z-index: 2000;
            flex-direction: column;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
            display: none;
        }

        .cEwkgS {
            -webkit-box-align: center;
            align-items: center;
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            visibility: visible;
        }

        .tJRfY.tJRfY.tJRfY {
            overflow: visible;
        }

        .tJRfY {
            margin-left: auto;
            margin-right: auto;
            animation: 1.116s linear 0s infinite normal none running cJiLXh;
            display: block;
            padding: 1.5px;
            height: 1rem;
            width: 1rem;
        }

        .new-feature {
            position: absolute;
            color: #FF9800;
            z-index: 1;
            right: 0;
            top: 0;
            background: rgb(255 152 0 / 20%);
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 10px;
            text-transform: uppercase;
            line-height: 1;
            border-radius: 5px;
            padding: 3px 6px;
        }

        /*AI*/
        .ai_alert_img {
            position: absolute;
            left: 0;
            bottom: 0;
            pointer-events: none;
            opacity: 0.07;
            width: 50%;
        }

        .ai_alert_info {
            font-family: 'Poppins';
            line-height: 1.8;
            margin: 20px 0;
            font-weight: 500;
        }

            .ai_alert_info svg {
                width: 80px;
                height: auto;
                display: block;
                margin: 0 0 10px;
            }

        .ai_alert_info_al {
            margin: 20px 0 20px;
            line-height: normal;
        }

        .ai_alert_balance {
            background-color: rgb(79 205 225 / 20%);
            color: #4FCDE1;
            padding: 25px;
            border-radius: 20px;
            /*display: inline-block;*/
            margin-top: 35px;
            font-family: 'Poppins';
        }

            .ai_alert_balance.less_margin {
                margin-top: 19px;
            }

            .ai_alert_balance.buy_cred {
                margin-bottom: 15px;
            }

            .ai_alert_balance p {
                margin: 0 0 5px;
            }

            .ai_alert_balance b {
                margin: 0;
                font-size: 34px;
                font-weight: 600;
            }

            .ai_alert_balance.buy_cred b {
                font-size: 22px;
            }

            .ai_alert_balance .btn {
                width: 100%;
                background-color: #4FCDE1;
                color: #ffffff;
                font-family: 'Poppins';
                margin-top: 20px;
            }

                .ai_alert_balance .btn:hover {
                    background-color: #3fb9cc;
                }

        .ai_alert_images#productimage-holder {
            white-space: normal;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            padding: 0;
            gap: 5px;
            margin: 0 0 10px;
        }

        .ai_alert_images .thumb-image-delete {
            width: 114px;
        }

            .ai_alert_images .thumb-image-delete > span {
                display: block;
                cursor: pointer;
                border: 2px solid #626262;
                width: 100%;
                aspect-ratio: 1;
            }

        .ai_alert_images label {
            margin: 0;
            width: 28px;
            position: absolute;
            right: 0;
            top: 0;
        }

            .ai_alert_images label input {
                display: none;
            }

            .ai_alert_images label > span.ai_image_abs {
                border: 2px solid #626262;
                display: block;
                width: 100%;
                aspect-ratio: 1;
                position: relative;
                transition: all 0.2s;
            }

        .ai_alert_images#productimage-holder .thumb-image {
            margin: 0;
            width: 100%;
            height: 100%;
            border-radius: 0;
        }

        .ai_alert_images label input:checked + span.ai_image_abs {
            border-color: #4fcde1;
        }

        .ai_alert_images label > span.ai_image_abs:before {
            content: '';
            display: inline-block;
            width: 18px;
            height: 18px;
            top: 8px;
            right: 8px;
            bottom: 0;
            text-align: center;
            position: absolute;
            background: #626262;
            border: 2px solid #fff;
            box-shadow: 0 0 0 10px #626262;
            transition: all 0.2s;
        }

        .ai_alert_images label input:checked + span.ai_image_abs:before {
            box-shadow: 0 0 0 10px #4fcde1;
            background: #4fcde1;
        }

        .ai_alert_images label > span.ai_image_abs:after {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            background: white;
            top: 12px;
            right: 12px;
            opacity: 0;
            transition: all 0.2s;
        }

        .ai_alert_images label input:checked + span.ai_image_abs:after {
            opacity: 1;
        }

        .btn#ai-selected-button,
        .btn#ai-selected-post-button,
        .btn#ai-selected-user-button {
            background-color: #4FCDE1;
        }

        .ai_blog_check_thumb {
            font-size: 18px;
        }

        .round-check input + label.ai_blog_check_thumb:after,
        .round-check input + label.ai_blog_check_thumb:before {
            width: 20px;
            height: 20px;
        }

        .round-check input + label.ai_blog_check_thumb:after {
            top: 7px;
            width: 11px;
            height: 5px;
        }

        div#modal_light_box {
            background: rgb(0 0 0 / 30%);
            backdrop-filter: blur(7.5px);
        }

        @media (min-width: 1024px) {
            .wo_market .market_bottom .product .product_info.wow_main_mkt_prod {
                height: 450px;
            }
        }

        .post-container.sun_post.job_apply {
            margin-bottom: 20px;
        }

        .forum-mbr-list a {
            text-decoration: none;
        }

            .forum-mbr-list a img {
                border-radius: 50%;
                width: 30px;
                height: 30px;
            }

        .col-lg-7.jobDetails {
            position: sticky;
            top: 70px;
        }

        /*Cookie*/
        .cc-window {
            position: fixed;
            overflow: hidden;
            font-size: 14px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            align-items: center;
            z-index: 9999;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            padding: 12px;
            left: 50%;
            transform: translateX(-50%);
            bottom: 15px;
            width: 100%;
            max-width: 900px;
            justify-content: space-between;
            background-color: white;
        }

            .cc-window.cc-invisible {
                display: none !important;
            }

        .cc-btn.cc-dismiss {
            cursor: pointer;
            transition: all 0.15s;
            padding: 0 15px;
            line-height: 34px;
            display: block;
            border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
            background: #04abf2;
            color: #fff;
        }

        /*Notification Window*/
        #notification-popup {
            position: fixed;
            left: 20px;
            width: 300px;
            bottom: 20px;
            z-index: 10000;
        }

            #notification-popup .notifications-popup-list:empty {
                padding: 0;
            }

            #notification-popup .notifications-popup-list {
                position: relative;
                background: #fff;
                border-radius: 10px;
                padding: 6px;
                width: 100%;
                margin-bottom: 10px;
                z-index: 10000;
                box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
            }

                #notification-popup .notifications-popup-list .notification-list {
                    border-radius: 10px;
                }

                    #notification-popup .notifications-popup-list .notification-list:hover {
                        background: rgb(0 0 0 / 5%);
                    }

        @media(max-width:992px) {
            .d-max-rating {
                display: none;
            }
        }

        @media(min-width:992px) {
            .d-min-rating {
                display: none;
            }
        }

        @media(max-width:728px) {
            .profile-container .card.hovercard .info .title a {
                max-width: 310px;
            }
        }

        .notification-text.wo_sidebar_activity .second-user-color {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 140px;
            white-space: nowrap;
            display: inline-block;
        }

        .search-dropdown-result .search-user-name {
            display: flex;
        }

            .search-dropdown-result .search-user-name > span:first-child {
                text-overflow: ellipsis;
                overflow: hidden;
                max-width: 140px;
                /* height: 2.2em; */
                white-space: nowrap;
                display: inline-block;
            }

        .notification-text .main-color {
            text-overflow: ellipsis;
            overflow: hidden;
            display: block;
            white-space: nowrap;
        }

        .notification-text .ntf-name {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 155px;
            white-space: nowrap;
            display: inline-block;
        }

        .comments-list .comment-heading .user-popover > a:first-child {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 180px;
            white-space: nowrap;
            display: inline-block;
        }

        .post .user-popover > .review-user-link {
            display: flex;
        }

        .post .user-popover .review-user {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 164px;
            white-space: nowrap;
            display: inline-block;
            font-size: 17px;
            font-weight: 400;
            color: #4a4a4a;
        }

        .profile_groups .wow_content .album-name .ntd-cart-title h4 {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 140px;
            height: 1.2em;
            white-space: nowrap;
        }

        #users #users-cont .cool-style-album .album-name h4 {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 140px;
            height: 1.2em;
            white-space: nowrap;
        }

        .user_data_video_overlay .user-popover a b {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 180px;
            white-space: nowrap;
            display: inline-block;
        }

        .user_data_video_overlay {
            width: 200px !important;
        }

            .user_data_video_overlay .user_profile_rating {
                width: 150px;
                margin: 0 auto;
                margin-top: 10px;
            }





        .user-details .user-fetch .user-name a {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 166px;
            white-space: nowrap;
            display: inline-block;
        }




        .lightbox-content .wow_lightbox_right .comment-section-inner .comment-inner-header .user-name .user-popover a {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 172px;
            white-space: nowrap;
            display: inline-block;
        }

        #vaneayoung-chat-boxes .mshortcut-u-name .mshortcut-u-name-str {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 119px;
            white-space: nowrap;
            display: inline-block;
        }

        #family-members-list .user-popover .user_wrapper_link {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 152px;
            white-space: nowrap;
            display: block;
            text-align: center;
            margin: 0 auto;
        }

        @media (min-width:1000px) {

            .sun_img_innr {
                width: fit-content;
                height: 100%;
            }
        }

        .messenger-shortcut .messenger-shortcut-header .mess-shortcut-dropdown-settings ul li:first-child a {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 152px;
            white-space: nowrap;
            display: block;
        }

        .pac-container.hdpi {
            border: none !important;
        }



        .post .post-heading .meta .title .user-popover {
            display: flex;
            align-items: center;
            margin-top: 0px
        }


        /*.bx-heart-icon-light, .bx-heart-icon-fade-light{*/
        /*    display: inline-block;*/
        /*}*/

        /*.bx-heart-icon-dark, .bx-heart-icon-fade-dark{*/
        /*    display: none !important;*/
        /*}*/

        .post .post-heading .meta .title .top_10_icon {
            margin-bottom: 3px
        }

        #user_option_modal .wow_mat_mdl .modal-content {
            padding: 0;
        }

        a._30yy.__msg_menu {
            border-radius: 4px !important;
        }

            a._30yy.__msg_menu:hover {
                background-color: #EEEEEE !important;
            }


        /*Reels*/
        .wo_imagecombo_lbox .reels-img {
            width: calc(100% - 0px) !important;
        }

        .wo_reels_cont {
            margin-top: 70px;
            height: calc(100dvh - 70px);
            z-index: 99;
            max-width: 100%;
            max-height: 100%;
            border-radius: 0;
        }

            .wo_reels_cont .story-img {
                transition: all 0.2s;
                user-select: none;
            }

            .wo_reels_cont .plyr--video {
                height: calc(100dvh - 70px);
            }

        .video-text-overlay {
            position: absolute;
            bottom: 0;
            right: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: rgba(0, 0, 0, 0.5);
            color: #fff;
            padding: 20px;
            box-sizing: border-box;
        }

        .video-post-text-overlay {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            z-index: 9;
            color: #fff;
            background: linear-gradient(transparent, rgb(0 0 0 / 50%));
            padding: 50px 15px 10px;
            display: flex;
            align-items: end;
            pointer-events: none;
        }

            .video-post-text-overlay > p {
                pointer-events: auto;
                padding: 0 5px;
                max-height: 120px;
                overflow-y: auto;
                flex: 1 1 auto;
            }

        .wo_reels_cont .plyr__controls {
            display: none;
        }

        .wo_reels_cont .sun_img_innr {
            position: relative;
            width: 100%;
            max-width: 459px;
            display: block !important;
            margin: auto;
            height: 100%;
        }

        .wo_reels_cont #draggableHelper {
            position: relative;
            width: 100%;
            display: block !important;
            height: 100%;
        }

            .wo_reels_cont #draggableHelper > img {
                max-height: none;
                margin: 0;
                height: 100%;
                filter: brightness(0.4);
                border: 0;
            }

        .wo_reels_cont .video-text-overlay {
            background: transparent;
            padding: 0 5px 10px;
            right: -60px;
        }

            .wo_reels_cont .video-text-overlay .user-avatar {
                margin-bottom: 15px;
                display: block;
            }

                .wo_reels_cont .video-text-overlay .user-avatar img {
                    width: 35px;
                    height: 35px;
                    border-radius: 50%;
                    object-fit: cover;
                    margin: 0;
                }

            .wo_reels_cont .video-text-overlay .reel-save-btn {
                margin-bottom: 15px;
            }

            .wo_reels_cont .video-text-overlay .shorts_events > div > div svg {
                background-color: rgb(255 255 255 / 30%);
                border-radius: 50%;
                padding: 7px;
                width: 35px;
                height: 35px;
            }

            .wo_reels_cont .video-text-overlay .shorts_events > div > div p {
                text-align: center;
                font-weight: 600;
                font-size: 13px;
            }

        .wo_reels_cont .story-img .reels-previous-btn,
        .wo_reels_cont .story-img .reels-next-btn {
            display: flex !important;
            opacity: 1 !important;
            border-radius: 50%;
            height: 50px;
            background: rgb(255 255 255 / 30%);
            top: auto;
            width: 50px;
            align-items: center;
            justify-content: center;
            transform: rotate(90deg);
            left: auto;
            right: 40px;
        }

            .wo_reels_cont .story-img .reels-previous-btn svg.feather,
            .wo_reels_cont .story-img .reels-next-btn svg.feather {
                position: relative;
                transform: none;
                top: auto;
                left: auto;
                right: auto;
                width: 35px;
                height: auto;
            }

        .wo_reels_cont .story-img .reels-previous-btn {
            bottom: 100px;
        }

        .wo_reels_cont .story-img .reels-next-btn {
            bottom: 30px;
        }

        .btn-delete-reel {
            position: absolute;
            top: 0;
            z-index: 1;
            right: -70px;
            margin: 15px;
            border: 0;
            padding: 0;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 35px;
            height: 35px;
            color: #fff;
            background: rgb(255 255 255 / 30%);
        }

            .btn-delete-reel:hover {
                background: rgb(255 255 255 / 40%);
            }

            .btn-delete-reel svg {
                width: 22px;
                height: 22px;
            }

        /*Watch Next*/
        .watch_videos_next {
            background: rgb(0 0 0 / 5%);
            margin: 16px 16px 8px;
            border-radius: 16px;
        }

        .wo_watch_up_next {
            margin: 0;
            padding: 16px;
            font-size: 21px;
            font-weight: bold;
        }

        .wo_watch_next {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            width: 100%;
            padding: 0px 16px 16px;
            gap: 8px;
            flex-direction: column;
        }

            .wo_watch_next .thumb {
                flex: 0 0 auto;
                width: 100%;
                cursor: pointer;
            }

                .wo_watch_next .thumb .plyr {
                    overflow: hidden;
                    border-radius: 14px;
                    height: 100%;
                    aspect-ratio: 4/1.8;
                }

                    .wo_watch_next .thumb .plyr .plyr__control--overlaid,
                    .wo_watch_next .thumb .plyr .plyr__controls {
                        display: none;
                    }

            .wo_watch_next .info h5 {
                margin: 0;
                font-weight: 600;
                font-size: 14px;
                overflow: hidden;
                max-height: 38px;
                margin-bottom: 5px;
                line-height: normal;
                cursor: pointer;
            }

            .wo_watch_next .info .foot {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .wo_watch_next .info h6 {
                font-size: 14px;
                margin: 0;
                color: #666;
            }

                .wo_watch_next .info h6 img {
                    width: 25px;
                    height: 25px;
                    border-radius: 50%;
                    display: none;
                }

            .wo_watch_next .info p {
                margin: 0;
                color: #b3b3b3;
                font-size: 14px;
            }

        .wo_imagecombo_lbox .comment-section .watch_videos_next + .wow_lightbox_right {
            /*height: calc(100% - 343px);*/
        }


        /*Reels Sliding*/
        .hidden_reels {
            background: #000;
            position: fixed;
            top: 70px;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 99;
        }

        .reels_list {
            display: block !important;
            transition: all 0.3s ease;
            position: fixed;
            z-index: 99;
            height: calc(100dvh - 20px);
            top: 70px;
            right: 0;
            bottom: 0;
            left: 0;
            transform: translateY(0);
            background: #000;
        }

            .reels_list.hidden {
                opacity: 0;
                visibility: hidden;
                transform: translateY(100%);
            }

            .reels_list .wo_reels_cont {
                position: relative;
                margin: 0;
                height: 100%;
            }

        @media (max-width:800px) {

            .wo_reels_cont .video-text-overlay,
            .btn-delete-reel {
                right: 10px;
            }

            .wo_reels_cont .story-img .reels-previous-btn,
            .wo_reels_cont .story-img .reels-next-btn {
                display: none !important;
            }

            .sun_img_innr {
                height: calc(100% - 268px);
            }

            .video-post-text-overlay {
                padding-right: 70px;
            }

            .wo_reels_cont .video-text-overlay,
            .btn-delete-reel {
                right: 10px;
            }
        }