@import "https://fonts.googleapis.com/css?family=Lato:400,700";
@import "https://fonts.googleapis.com/css?family=Inter";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/*FONT FOR EVENT GOING POPUP*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lilita+One&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Playpen+Sans:wght@100..800&display=swap');
@charset "UTF-8";


@font-face {
    font-family: 'skyler';
    src: url('../icons/skyler.eot?lez27c');
    src: url('../icons/skyler.eot?lez27c#iefix') format('embedded-opentype'),
        url('../icons/skyler.ttf?lez27c') format('truetype'),
        url('../icons/skyler.woff?lez27c') format('woff'),
        url('../icons/skyler.svg?lez27c#skyler') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="skyler-"],
[class*=" skyler-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'skyler' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.skyler-correct:before {
    content: "\e900";
}

.skyler-gallery:before {
    content: "\e901";
}

.skyler-user:before {
    content: "\e902";
}

.skyler-list:before {
    content: "\e903";
}

.skyler-left-arrow:before {
    content: "\e904";
}

.skyler-right:before {
    content: "\e905";
}

.skyler-clip:before {
    content: "\e906";
}

.skyler-plus:before {
    content: "\e907";
}

.skyler-minus:before {
    content: "\e908";
}

.skyler-checked:before {
    content: "\e909";
}

.skyler-image:before {
    content: "\e90a";
}

.skyler-close:before {
    content: "\e90b";
}

.skyler-menu:before {
    content: "\e90c";
}

.skyler-key:before {
    content: "\e90d";
}

.skyler-coding:before {
    content: "\e90e";
}

.skyler-bar-chart:before {
    content: "\e90f";
}

.skyler-cart:before {
    content: "\e910";
}

.skyler-add:before {
    content: "\e911";
}

.skyler-first-aid:before {
    content: "\e912";
}

.skyler-gift:before {
    content: "\e913";
}

.skyler-calling:before {
    content: "\e914";
}

.skyler-headphone:before {
    content: "\e915";
}

.skyler-call:before {
    content: "\e916";
}

.skyler-information:before {
    content: "\e917";
}

.skyler-document:before {
    content: "\e918";
}

.skyler-down-arrow:before {
    content: "\e919";
}

.skyler-users:before {
    content: "\e91a";
}

.skyler-home:before {
    content: "\e91b";
}

.skyler-italic:before {
    content: "\e91c";
}

.skyler-setting:before {
    content: "\e91d";
}

.skyler-doument:before {
    content: "\e91e";
}

.skyler-copy:before {
    content: "\e91f";
}

.skyler-download:before {
    content: "\e920";
}

.skyler-down-arrow-1:before {
    content: "\e921";
}

.skyler-calendar:before {
    content: "\e922";
}

.skyler-mobile:before {
    content: "\e923";
}

.skyler-bookmark:before {
    content: "\e924";
}

.skyler-card:before {
    content: "\e925";
}

.skyler-filter:before {
    content: "\e926";
}

.skyler-heart:before {
    content: "\e927";
}

.skyler-chat:before {
    content: "\e928";
}

.skyler-forbidden:before {
    content: "\e929";
}

.skyler-calendar-1:before {
    content: "\e92a";
}

.skyler-calendar-3:before {
    content: "\e92b";
}

.skyler-tv:before {
    content: "\e92c";
}

.skyler-pencil:before {
    content: "\e92d";
}

.skyler-battery-charged:before {
    content: "\e92e";
}

.skyler-minimize:before {
    content: "\e92f";
}

.skyler-missed-call:before {
    content: "\e930";
}

.skyler-microphone:before {
    content: "\e931";
}

.skyler-add-user:before {
    content: "\e932";
}

.skyler-menu-1:before {
    content: "\e933";
}

.skyler-settings:before {
    content: "\e934";
}

.skyler-wallet:before {
    content: "\e935";
}

.skyler-multiply:before {
    content: "\e936";
}

.skyler-text:before {
    content: "\e937";
}

.skyler-user-1:before {
    content: "\e938";
}

.skyler-volume:before {
    content: "\e939";
}

.skyler-microphone-1:before {
    content: "\e93a";
}

.skyler-bag:before {
    content: "\e93b";
}

.skyler-left-arrow-1:before {
    content: "\e93c";
}

.skyler-power:before {
    content: "\e93d";
}

.skyler-pause:before {
    content: "\e93e";
}

.skyler-video-camera:before {
    content: "\e93f";
}

.skyler-rotate-right:before {
    content: "\e940";
}

.skyler-notification:before {
    content: "\e941";
}

.skyler-notification-1:before {
    content: "\e942";
}

.skyler-link:before {
    content: "\e943";
}

.skyler-up-arrow:before {
    content: "\e944";
}

.skyler-mute:before {
    content: "\e945";
}

.skyler-play:before {
    content: "\e946";
}

.skyler-personal-card:before {
    content: "\e947";
}

.skyler-right-1:before {
    content: "\e948";
}

.skyler-location:before {
    content: "\e949";
}

.skyler-mute-1:before {
    content: "\e94a";
}

.skyler-megaphone:before {
    content: "\e94b";
}

.skyler-more:before {
    content: "\e94c";
}

.skyler-push-pin:before {
    content: "\e94d";
}

.skyler-sale:before {
    content: "\e94e";
}

.skyler-refresh:before {
    content: "\e94f";
}

.skyler-next:before {
    content: "\e950";
}

.skyler-previous:before {
    content: "\e951";
}

.skyler-rotate-left:before {
    content: "\e952";
}

.skyler-search:before {
    content: "\e953";
}

.skyler-show:before {
    content: "\e954";
}

.skyler-ticket:before {
    content: "\e955";
}

.skyler-time:before {
    content: "\e956";
}

.skyler-unlock:before {
    content: "\e957";
}

.skyler-upload:before {
    content: "\e958";
}

.skyler-file-upload:before {
    content: "\e959";
}

.skyler-user-2:before {
    content: "\e95a";
}

.skyler-user-3:before {
    content: "\e95b";
}

.skyler-web-browser:before {
    content: "\e95c";
}

.skyler-tick:before {
    content: "\e95d";
}

.skyler-check:before {
    content: "\e95e";
}


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

body {
    background: #f9f9f9;
    overflow-x: hidden;
    font-family: "Noto Sans", sans-serif;
    font-size: 15.5px;
}

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
}

body:has(.wo_event_profile) {
    /**background-image: url('https://network.skylerai.com/upload/photos/ran_img_01.jpg');**/
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

a {
    word-wrap: break-word;
    text-decoration: none;
    color: #000;
}

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

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

a,
button {
    outline: 0 !important
}

.wow_content {
    height: 100%;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    padding: 12px;
    box-shadow: none;
    display: grid;
    align-items: start;
}

body,
.navbar-default,
.wo_about_wrapper_parent {
    padding-right: 0 !important;
}

.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;
}

.chat-status .wow_content,
.wow_chat_search .wow_content {
    align-items: center;
    justify-content: center;
}

.post-description ol,
.post-description ul {
    list-style: auto;
}

/*Buttons*/
.btn {
    cursor: pointer;
    background-size: 300% 100%;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border-radius: 30px;
    line-height: 22px;
    min-width: 98px;
    padding: 5px 12px;
}

.btn-mat {
    font-weight: 500;
    position: relative;
    user-select: none;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    text-align: center;
    min-width: 90px;
    line-height: 26px;
    padding: 5px 16px;
    border-radius: 60px;
    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: 14px;
    overflow: hidden;
    font-family: "Noto Sans", 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 svg {
    width: 20px;
    height: 20px;
    margin: -2px 3px 0 0;
}

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

.btn-sm svg {
    width: 18px;
    height: 18px;
    margin: -2px 3px 0 0;
}

.btn-mat svg.svg-right {
    margin: -2px 0px 0 3px;
}

.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;
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
    color: #2196f3;
    outline: 0;
}

.btn-main {
    cursor: pointer;
    background-size: 300% 100%;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn:hover,
#wo_home_btns:hover,
.home-menu-wrap li a:hover {
    background-position: 100% 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    box-shadow: 0 0px 0px 0 rgba(49, 196, 190, 0.75);
}

.btn:focus,
.home-menu-wrap li a:focus {
    outline: none;
    box-shadow: 0 0px 0px 0 rgba(49, 196, 190, 0.75);
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    color: #333333;
    background-color: #efeeec;
    border-color: #efeeec;
}

.btn-primary:hover {
    color: #333333;
    background-color: #d8d8d8;
    border-color: #d8d8d8;
}

.btn-main,
.wo_following_btn {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    border: none;
    box-shadow: 0 2px 6px 0 rgba(65, 132, 234, 0.75);
}

.btn-secondary {
    text-shadow: 1px 1px 1px #8eb81d;
    box-shadow: 0 2px 6px 0 rgb(163 197 103);
    background-image: linear-gradient(to right, #bbd877 1%, #8fc400 42%, #bbd877 78%, #8fc400 100%);
    color: #fff;
}

.btn-secondary:hover,
.btn-secondary:active {
    box-shadow: 0 2px 6px 0 rgb(163 197 103);
    background-image: linear-gradient(to right, #bbd877 1%, #8fc400 42%, #bbd877 78%, #8fc400 100%);
    color: #fff;
}

.btn-default {
    background: #ffffff;
    border: 1px solid #2196f33b;
    color: #0772c7;
    box-shadow: 0 2px 6px 0 rgb(65 132 234 / 34%);
}

.btn-default:hover {
    box-shadow: 0 0px 0px 0 rgba(49, 196, 190, 0.75);
}

.btn-default svg.feather {
    margin-top: -3px;
    width: 16px;
    height: 16px
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);
    box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
}

.btn-group-sm>.btn,
.btn-sm {
    font-size: 12px;
    line-height: 20px;
    min-width: auto;
    padding: 5px 12px;
}

.btn-group-sm>.md,
.btn-md {
    font-size: 13px;
    line-height: 26px;
    min-width: auto;
    padding: 5px 14px;
}

.btn-none {
    padding: 0;
    background: 0;
    border: 0;
}

/* flex classes*/
.flex {
    display: flex;
}

.space-between {
    justify-content: space-between;
}

.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: Inter, 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: 30px;
    height: 30px;
    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
}

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

.post-file video {
    max-height: 600px;
}

.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: 3px;
}

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

.comment-text,
.reply-text {
    color: #777;
    overflow: hidden;
    width: 85%;
    word-wrap: break-word;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
}

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

.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: 0
}

.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;
}

.post .post-footer {
    padding: 15px 0;
    border-radius: 16px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0;
}

.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: #f0f2f5
}

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

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

.post .post-heading {
    padding: 20px 15px 15px;
    display: flex;
}

.post .post-heading .avatar {
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 6px;
    box-shadow: none;
    margin-right: 15px;
}

.post .post-heading .meta {
    flex: auto;
}

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

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

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

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

.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: 0;
}

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

.post .post-description {
    padding: 8px 15px
}

.post .post-description p {
    font-size: 16px;
    color: #555;
    overflow: hidden;
    word-wrap: break-word;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    /* margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px; */
}

.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: 100%
}

.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: 500px;
    max-width: 100%;
    width: 100%;
    border: 0;
    border-radius: 10px;
    object-fit: cover;
}

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

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

.post .post-heading .pull-right {
    display: flex;
    gap: 10px
}

.post .post-heading .dropdown-span {
    display: block !important;
}

.post .post-heading .dropdown-span .dropdown-menu {
    margin-top: 5px !important;
}

.post .post-heading .pull-right .dropdown a.dropdown-toggle {
    width: 34px;
    background: #eff1f6;
    justify-content: center;
    height: 34px;
    display: flex;
    align-content: center;
    align-items: center;
    border-radius: 20px;
}

.post-hdr-btns-wrap {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.pnd-post-btn {
    line-height: 10px !important;
    background: #8bc34a;
    color: #fff;
    font-size: 12px;
    padding: 10px 10px;
    min-width: auto;
}

.apov-post-btn {
    line-height: 24px;
    min-width: 80px;
}

.del-post-btn {
    line-height: 24px;
    min-width: 80px;
}

/*
.post-heading .pull-right .dropdown-toggle {
    width: 40px;
    height: 40px;
    background: rgba(121, 184, 20, 0.4) !important;
    border-radius: 50%;
    animation: blink 1s ease-in-out infinite none;
  }
  @keyframes blink {
    0% {
      box-shadow: 0 0 0 0 rgba(124, 210, 25, 0.4);
    }
    100% {
      box-shadow: 0 0 0 16px rgba(226, 251, 187, 0.3);
    }
  }*/
.comment-reply {
    display: none
}

.comment-reply .wo_commreply_combo {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    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: 15px !important;
    padding-right: 10px;
    margin-left: 5px;
    width: calc(100% - 35px);
}

.comment-reply .wo_commreply_combo .image-comment {
    right: 10px;
    position: relative;
    width: 100%;
    text-align: right;
}

.comment-reply .wo_commreply_combo .image-comment .btn-file {
    padding: 4px 0 !important;
    margin: 5px 0px;
    background: transparent;
    color: #2196f3;
}

.comment-reply .wo_commreply_combo .image-comment .btn-file.sendbtn {
    color: #ffffff;
    background-color: #2196f3;
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 2px 6px 0 rgba(65, 132, 234, 0.75);
    background-size: 300% 100%;
    min-width: auto;
    width: 26px;
    height: 26px;
    line-height: 18px;
}

.comment-reply .wo_commreply_combo .image-comment .btn-file.sendbtn svg {
    fill: #ffffff;
    opacity: 1;
}

.comment-reply .wo_commreply_combo .image-comment .btn-file svg {
    fill: #2196f3;
    width: 18px;
    height: 18px;
    opacity: 0.7;
}

.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: 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%
}

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

.message-user-image {
    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
}

.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
}

.user-ad-container div.post-advertisement .ads-cover .post-fetched-url .fetched-url-text {
    padding: 10px;
    margin: 10px;
}

.user-ad-container div.post-advertisement .ads-cover .post-fetched-url .fetched-url-text h4 {
    font-weight: 600;
}

.close-menu {
    display: none;
}

/*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: #222;
}

.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: "Noto Sans", sans-serif;
    font-weight: 400;
    font-family: "Noto Sans", 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: "Noto Sans", 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;
    background: #e8efdb;
}

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

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

.wow_wallet_trans tbody tr:nth-child(odd) {
    background: #fcfff9;
}

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

.wow_wallet_trans #trans_dynamic td:last-child .alert.alert-info {
    padding: 2px 2px 2px 8px;
    margin-bottom: 0;
    font-size: 14px;
}

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

.wow_ads_list_head {
    font-family: "Noto Sans", sans-serif;
    font-weight: bold;
    width: 100%;
    padding: 2px 10px;
    margin-top: 5px;
    overflow: hidden;
    font-family: "Noto Sans", 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: 18px;
    height: 18px;
    margin: -1px 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 10px !important;
    min-width: 100px;
}

.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: #F5F5F5;
    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: 15px;
    background: rgb(245 245 245 / 70%);
    border-radius: 10px;
    padding: 15px;
}

.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;
}

.wow_fcov_image .upload_ad_image .upload_ad_image_content p.allowed-file-types {
    font-size: 12px;
    color: #afafaf;
    white-space: nowrap;
    overflow: hidden;
}

/*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: #F5F5F5;
    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: #F5F5F5;
    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;
}

#divSwitchCommunities {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 4px;
}

#divSwitchCommunities .dropdown-toggle {
    padding: 7px;
    color: #ccc;
    border-radius: 50%;
    transition: all 0.7s ease;
}

.user-menu-combination .dropdown-toggle {
    color: #ccc;
}

#divSwitchCommunities .dropdown-toggle:hover {
    background: #f1eded;
}

.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;
    flex-direction: row;
    height: 100%;
}

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

.wow_hdr_innr_left {
    display: flex;
    flex: 1 1 auto;
    width: 34%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.header-brand {
    display: block;
}

.header-brand img {
    width: 100%;
    max-width: 142px;
    max-height: 64px;
}

.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%;
}

.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: 85px;
    display: inline-block;
    white-space: nowrap;
}

.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 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    padding: 7px 5px;
}

.navbar-default .dropdown-menu.ani-acc-menu>li>a>svg {
    height: 20px;
    width: 20px;
    margin: -1px 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: 7px 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: #f5f5f5;
}

.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: #F5F5F5;
    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: 20px;
    height: 20px;
    border-radius: 50%;
    margin: -1px 12px 0 0;
}

.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;
    min-width: 30px;
    min-height: 30px;
    border: 0;
    border-radius: 8px;
}

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

.user-request-list button.wo_follow_btn {
    width: auto;
    border-radius: 25px;
}

.user-info-text-wrap {}

.navbar-default .navbar-nav>li>a .header-menu-text {
    margin-left: 5px;
}

.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: 70px
}

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

.middle-content-wrapper .page-margin {
    margin-top: 0px;
    margin-bottom: 20px
}

.mob-extra-menu {
    display: none !important;
}

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

.wow_side_invite {
    padding: 15px;
}

.wow_side_invite .invite-user-form-alert {
    margin-top: 10px;
}

.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: 'Poppins';
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    margin-bottom: 4px;
}

.msgBtnWrap {
    margin-top: 10px;
}

.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 #F5F5F5;
    background: transparent;
    font-family: 'Poppins';
}

.invite-user-form button {
    line-height: 16px;
    height: 36px;
    border-radius: 30px;
    flex: 0 0 auto;
    padding: 0 16px;
    font-family: 'Poppins';
    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;
}

/*Left Sidebar*/
.wo_new_left_side {
    background: #FFFFFF;
    border-radius: 16px;
}

.left-sidebar>ul {
    padding-left: 0 !important;
    padding-top: 3px;
}

.left-sidebar>ul li {
    padding: 0 5px;
    list-style: none;
}

.left-sidebar>ul li.academy-list-item a svg {
    background: #ffffff;
    border: 1px solid #c4daea;
}

.side_brand {
    display: none;
    margin: 10px 0 0px;
}

.side_brand a {
    display: inline-block;
}

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

.left-sidebar>ul>li>a {
    border-radius: 6px;
    padding: 7px 10px;
    display: block;
    margin: 4px 0;
    transition: all .2s ease;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    width: 100%;
}

.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.side_brand>a>img {
    display: block;
    width: 120px;
    height: 55px;
    max-height: initial;
}

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

.left-sidebar>ul>li>a>svg,
.left-sidebar>ul>li>div>ul>li>a>svg {
    width: 30px;
    height: 30px;
    /*background: #f6f6f6;*/
    border-radius: 7px;
    padding: 5px;
    border: 1px solid rgb(209 209 209 / 25%);
    background: #eff1f6;
}

.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
}

.mob-left-profile-menu {
    background: #7ac326 url(../img/mobile-left-profile-menu-bg.png);
    background-size: 100%;
    color: #fff;
    background-position-x: 55px;
    background-repeat: no-repeat;
    width: 100%;
}

.mob-left-profile-menu>a {
    padding: 26px 30px !important;
    color: #ffffff !important;
    font-weight: 500;
    font-size: 16px;
    fill: #fff;
    line-height: 26px !important;
    display: flex !important;
    margin: 0 !important;
    position: relative;
}

.mob-left-profile-menu>a>svg {
    fill: #fff;
    margin-left: 7px;
    background: rgb(239, 241, 246, 27%) !important;
    padding: 3px !important;
}

.mob-left-profile-menu a img {
    height: 36px !important;
    width: 36px !important;
    border-radius: 25px;
}

.mob-left-profile-menu ul {
    width: 100%;
    position: relative;
    float: none;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden;
    transform: none !important;
    padding: 0px 0 !important;
}

.mob-left-profile-menu ul li a {
    font-weight: 600;
}

.mob-left-profile-menu ul li a svg {
    vertical-align: middle;
    background: rgb(194 225 157 / 67%);
    border-radius: 7px;
    padding: 4px;
    width: 30px;
    height: 30px;
    border: 1px solid rgb(255 255 255 / 25%);
    margin-right: 7px;
}

.mob-left-profile-menu.open>.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    transition: height 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms !important;
    height: auto !important;
}

.mob-left-profile-menu ul li hr {
    margin: 5px 0 !important;
    opacity: 0.4;
    border-top: 1px solid #bccda8;
}

.mob-left-profile-menu .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #f9f9f929;
}

.mob-left-profile-menu.open>a:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 9999;
    border-style: solid;
    border-color: #7ac326 transparent;
    border-width: 10px 10px 0;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
}

/*Dropdown*/
.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    box-shadow: rgba(60, 64, 67, 0.32) 0px 1px 2px, rgba(60, 64, 67, 0.15) 0px 2px 6px, rgba(0, 0, 0, 0.1) 0px 1px 8px;
    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;
}

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

/*Header Search*/
.search-container .search-input {
    transition: all .3s;
    border-radius: 50px;
    border: 0;
    width: 100%;
    height: 40px;
    color: #777;
    box-shadow: none;
    background: 0 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    padding: 0 45px 0 130px;
    text-overflow: ellipsis;
}

.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: 9px;
    padding: 0;
    padding-bottom: 5px;
    border: 1px solid rgb(0 0 0 / 11%);
    border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}

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

.search-dropdown-result li a:hover {
    background: rgba(0, 0, 0, .05)
}

.search-dropdown-result .search-user-name {
    font-size: 14.5px;
    margin-top: 5px;
    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 16px 10px;
    display: block;
    text-align: center;
}

.show-message-link-container a {
    font-family: 'Poppins';
    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: 'Poppins';
    font-style: normal;
}

.hdr_notis_title .nots-setting {
    margin-left: auto;
}

.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: 5px;
    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;
}

.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: 'Poppins';
}

.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: 500px;
    padding: 0
}

.messages-list {
    cursor: pointer;
    display: flex;
    align-items: center;
}

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

.messages-list .notification-user-avatar img {
    margin-right: 10px;
    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: 14px;
    color: #8c8c8c;
    padding: 3px 0 2px
}

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

.activities-wrapper {
    max-height: 7%30px;
    overflow-y: initial;
    width: 100%;
}

.activities-wrapper .notification-list {
    display: flex;
    flex-direction: column;
}

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

.activities-wrapper .notification-user-avatar {
    display: flex;
    justify-content: space-between;
}

.wow_side_acts .notification-user-avatar>span {
    bottom: 0px;
    right: 0;
    position: relative;
}

.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
}

.activities-wrapper .notification-list .notification-text .second-user-color {
    color: #2196f3;
}

.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 img {
    width: 74px;
    height: 74px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #ededed
}

.profile-style:not(.promoted-style) {
    width: calc(50% - 24px);
    margin-right: 24px;
    display: inline-table;
    margin-bottom: 13px !important;
    padding: 15px;
    border-radius: 7px;
    background: linear-gradient(135deg, #f7f6f6 0%, #edf1f6 100%);
}

.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
}

.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
}

#SkylerRewards .item {
    background: white;
    text-align: center;
    height: 300px !important;
    -webkit-transition: 2.6s ease-in-out left;
    -moz-transition: 2.6s ease-in-out left;
    -o-transition: 2.6s ease-in-out left;
    transition: 2.6s ease-in-out left;
}

#SkylerRewards.carousel {
    padding: 15px 0;
}

#SkylerRewards.carousel.carousel-fade .item {
    opacity: 0;
    filter: alpha(opacity=0);
    /* ie fix */
}

#SkylerRewards.carousel-fade .active.item {
    opacity: 1;
    filter: alpha(opacity=100);
    /* ie fix */
}

#SkylerRewards .carousel-control {
    background: #fff !important;
    width: 30px;
    height: 30px;
    top: 50% !important;
    margin-top: -15px;
    border-radius: 40px;
    opacity: 1;
    border: 1px solid #d9d9d9;
    text-align: center;
    line-height: 24px;
}

#SkylerRewards .carousel-control {
    margin-left: -10px;

}

#SkylerRewards .carousel-control.right {
    margin-right: -10px;
}

#SkylerRewards .carousel-inner {
    width: 100%;
    overflow: hidden;
    padding: 0 40px;
}

.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 .post-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 9;
}

.publisher-box textarea.postText {
    padding: 16px 55px;
    line-height: 1.628571;
    height: 120px;
    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: #F5F5F5;
    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 {
    display: flex;
    width: 100%;
    padding: 0px 8px 7px;
    flex-wrap: wrap;
}

.publisher-box .sun_pub_mid_foot {
    display: none
}

.publisher-box .sun_pub_mid_foot_bottom {
    display: none
}

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

.pub_footer_bottom_btns .btn {
    border-radius: 50px;
    margin: 0 2px;
    padding: 0 16px;
    line-height: 40px;
    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 4px 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;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: end;
    /* width: 50%; */
    /* width: 100%; */
    /* justify-content: space-between; */
}

.pub-foot-share-lnk {
    /* width: 100%; */
    text-align: right;
    padding: 8px;
    flex: auto;
}

.publisher-box .publisher-box-footer .poster-left-select {
    /* width: 50%; */
}

#post-textarea {
    position: relative;
}

/*#post-textarea {
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
}*/

#loading_indicator {
    position: absolute;
    top: 8px;
    left: 20px;
    right: 20px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(198, 77, 83, 1) 40%, rgba(198, 77, 83, 1) 60%, rgba(255, 255, 255, 0) 100%);
    background-size: 200%;
    animation: moveGradient 2s linear infinite;
    display: none;
}

@keyframes moveGradient {
    0% {
        background-position: 0% 0%;
    }

    100% {
        background-position: -200% 0%;
    }
}

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

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

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

.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: 10px;
    border: 1px solid #ededed;
    transition: all .2s;
    position: relative;
    background: #f9fcff;
}

.post-fetched-url:hover {
    background: #f2f7ff;
}

.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: Inter, 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: 2px;
    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-size: cover;
    max-height: 370px;
    min-height: 370px;
}

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

#event-cont-wrap {
    padding: 0;
}

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

.wo_event_profile .profile-container .card.hovercard {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    margin-bottom: 25px;
}

#event-intro-section-top {
    background: #f5f5f5;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #f0f0f0;
}

.event-intro-section {
    display: flex;
    padding: 0;
    flex-direction: column;
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    padding: 0;
    border-radius: 16px;
}

.event-intro-section .intro-left-sec,
.event-intro-section .intro-right-sec {
    background: #fff;
    position: relative;
}

.event-intro-section .event-intro-section-top .wow_event_page_btns .go-back-btn {
    margin-right: auto;
    overflow: hidden;
    width: auto;
    max-width: 30px;
    -webkit-transition: max-width 0.3s;
    transition: max-width 0.3s;
    min-width: auto;
    padding: 0px 7px;
}

.event-intro-section .event-intro-section-top .wow_event_page_btns .go-back-btn:hover {
    max-width: 100px;
}

.event-intro-section-bottom {
    display: flex;
    flex-direction: column;
    padding: 0 30px 30px;
}

.event-intro-section .intro-right-sec {
    margin-right: 0px;
    border-radius: 0px 10px 10px 0px;
}

.event-intro-section .intro-right-sec .inner-intro-right-sec {
    overflow: auto;
    padding: 0px 0 0 0px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    flex-direction: column;
}

.event-intro-section .intro-right-sec .inner-intro-right-sec #registerDiv {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.event-intro-section .intro-right-sec .inner-intro-right-sec #registerDiv:has(.ticket_ino) {
    width: 100%;
}

.event-intro-section .intro-right-sec .reg-block,
.events-list-wrapper .event-l-info .reg-block {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}

.event-intro-section .intro-right-sec .reg-block,
.event-intro-section .intro-right-sec .link-share-block {
    width: 50%;
}

.events-list-wrapper .event-l-info .reg-block {
    justify-content: center;
}


/*
.event-intro-section .intro-left-sec::after {
    content: '';
    position: absolute;
    background: rgb(0, 0, 0, 14%) url(../img/tickt-border.png);
    background-repeat: repeat;
    background-position-y: -9px;
    top: 0px;
    right: -3px;
    width: 3px;
    height: 100%;
}*/

.event-address-wrap {
    display: flex;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 10px;
}

.event-address-wrap.hideTimer {
    float: inherit;
    width: auto;
    margin-top: 10px;
    border-top: 1px dashed #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.event-address-wrap>.event-location,
.event-address-wrap>.event-time-zon {
    display: flex;
    padding: 6px 10px;
    position: relative;
    align-items: center;
    flex-wrap: wrap;
}

.event-address-wrap>.event-location .loc-title-box,
.event-address-wrap>.event-time-zon .loc-title-box,
.event-time-zon .loc-title-box {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    font-family: "Inter", sans-serif;

}

.event-address-wrap>.event-location .loc-title-box svg,
.event-address-wrap>.event-time-zon .loc-title-box svg {
    margin-right: 7px;

}

.event-address-wrap>.event-location .loc-data-box,
.event-address-wrap>.event-time-zon .loc-data-box,
.event-time-zon .loc-data-box {
    margin-top: 8px;
    width: 100%;
    font-size: 18px;

}

.event-address-wrap>.event-location .loc-data-box a {
    color: #2196f3;
}

.intro-left-sec .link-share-block {
    float: left;
    width: 100%;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
}

.ur-go {
    color: #181818;
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

.ur-go:after {
    content: "";
    margin: 0 auto;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 60px;
    border-radius: 10px;
    background: #d1d1d1;
    border: none;
    height: 3px;
}

#event-tickets-wrap .event-description {
    margin-bottom: 15px;
}

#event-tickets-wrap .event-description .page-margin.mt-0 {
    min-height: 234px;
}

.intro-left-sec .infp-int-join-wrap {
    float: left;
    width: 100%;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.event-intro-section .intro-right-sec .link-share-block .event-options-list {
    margin-top: 12px;
}

.event-intro-section .intro-right-sec .link-share-block .event-options-list #upload_Div_wrap {
    gap: 5px
}


.event-intro-section .intro-right-sec .link-share-block .event-options-list #upload_Div_wrap #GContact_Div {
    display: contents;
}

.event-intro-section .intro-right-sec .link-share-block .event-options-list #upload_Div_wrap .btn.g-ling {
    box-shadow: 0 2px 6px 0 rgb(8 106 187 / 30%);
}

.event-intro-section .intro-right-sec .link-share-block .event-options-list #upload_Div_wrap .btn.g-ling svg {
    width: 17px;
    height: 17px;
}

#headingMembers {
    margin-right: auto;

}

#membersDiv {
    display: flex;
    gap: 5px;
}

.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, 0, 0, .3);
    border-radius: 50%
}

.event-intro-section .info {
    position: relative
}

.event-intro-section .info h2 {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
    margin-top: 7px;
}

.event-intro-section .info h2:after {
    content: "";
    margin: 0 auto;
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 58px;
    border-radius: 10px;
    background: #b8de53;
    border: none;
    height: 9px;
}

.event-intro-section .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
}

.event-intro-section .info .title a {
    color: #fff
}

.evnt-date-sec-wrap {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.time-count-wrap {
    width: 335px;
    padding: 10px 30px;
    border-radius: 15px;
    margin-top: -30px;
    ;
}

.time-count-wrap-inner {
    display: flex;
    gap: 6px;
}

.time-count-wrap h4 {
    font-weight: 500;
    font-family: 'Poppins';
}

.intro-left-sec .time-count-wrap .counters {
    margin: 0px 0 30px;
    padding: 20px;
    background: #f2f4f0;
    border-radius: 20px;
}

.intro-left-sec .time-count-wrap .counter {
    background: #0088ff;
    display: inline-block;
    min-width: 75px;
    overflow: hidden;
    border-radius: 7px;
}

.intro-left-sec .counter>p {
    text-transform: uppercase;
    background: #0069ff;
    padding: 4px;
    color: #fff;
    margin: 0;
    font-size: 12px;
    text-align: center;
    border-radius: 6px;
}

.intro-left-sec .counter span {
    display: block;
    height: 44px;
    font-size: 30px;
    line-height: 44px;
    color: #fff;
    text-align: center;
}

.event-ended-wrap {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    padding: 0px;
    border: solid 1px rgba(0, 0, 0, 0);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-animation-duration: 3s;
    animation-duration: 3;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: flashr;
    animation-name: flashr;
    width: 300px;
    background: #f8f8f8;
    padding: 15px;
}

@-webkit-keyframes flashr {

    from,
    50%,
    to {
        color: #ff6161;
    }

    25%,
    75% {
        color: #ffd0d0;
    }
}

@keyframes flashr {

    from,
    50%,
    to {
        color: #ff6161;
    }

    25%,
    75% {
        color: #ffd0d0;
    }
}

#shareLinks {
    margin-top: 12px;
}

.link-share-block #shareLinks {
    width: 100%;
}

.shareLinksTrigger {
    cursor: pointer;
    padding: 1px;
    border: 1px solid #e7e7e7;
    min-width: 32px;
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 40px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: #fff;
}

.shareLinksTrigger:hover {
    background: #f2f2f2;
}

.pic-info-cont #shareLinks {
    margin-top: 12px;
    position: absolute;
    background: #fff;
    padding: 18px 20px 16px;
    border-radius: 10px;
    border: 1px solid #ccc;
    z-index: 999;
    min-width: 300px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.9);
    transition: all 0.3s ease;
}

.close-btn {
    padding: 15px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0.4;
}

.close-btn:hover {
    opacity: 0.7;
}

.close-btn svg {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.link-share-block1.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
}

.link-share-block .wo_page_hdng.pag_neg_padd {
    padding: 12px 0 8px;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.link-share-block .wo_page_hdng.pag_neg_padd.event-share-url-wrap {
    padding: 12px 12px 8px;
}

#upload_Div_wrap {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    margin-top: 10px;
    gap: 10px;
}

@-webkit-keyframes highlight {
    0% {
        margin: 0px;
        padding: 0px;
        border: solid 1px rgba(0, 128, 0, 0);
        color: rgb(0, 0, 0);
    }

    50% {
        margin: -2px;
        padding: 2px;
        border: solid 1px rgba(0, 128, 0, 1);
        color: rgb(0, 128, 0);
    }

    100% {
        margin: -6px;
        padding: 6px;
    }
}

@keyframes highlight {
    0% {
        margin: 0px;
        padding: 0px;
        border: solid 1px rgba(0, 128, 0, 0);
        color: rgb(0, 0, 0);
    }

    50% {
        margin: -2px;
        padding: 2px;
        border: solid 1px #3f86ed;
        color: #3f86ed;
    }

    100% {
        margin: -6px;
        padding: 6px;
    }
}

.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 {
    font-size: 15px;
    float: left;
    background-color: rgba(242, 242, 242, 0.83);
    margin: 10px 12px 0 !important;
    border-radius: 8px !important;
    padding: 0px 6px 4px;
    transition: all .2s ease;
    border: 0;
    overflow: visible;
    min-width: auto;
}

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


@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

.photo-size {
    border-radius: 6px;
    line-height: 15px;
    display: table-cell;
    position: absolute;
    color: #000;
    bottom: 2px;
    z-index: 99;
    font-size: 14px;
    left: 116%;
    border: 2px dashed rgb(255 255 255 / 57%);
    padding: 6px;
    text-shadow: none;
    background: rgb(255 255 255 / 57%);
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

.pr-photo-size {
    border-radius: 4px;
    display: table-cell;
    position: absolute;
    color: #000;
    z-index: 99;
    font-size: 14px;
    border: 2px dashed rgb(182 255 98);
    padding: 6px;
    text-shadow: none;
    background: rgb(180 219 105);
    top: -38px;
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

.pr-photo-size b {}

.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 {
    display: flex;
    gap: 7px;
}

.usr-acpt-btn-wrap {
    display: inline-block;
}

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

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

.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: #707070;
    font-size: 14.5px;
    background: #e8e8e8;
    padding: 3px;
    line-height: 14px;
    border-radius: 4px;
}

.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;
}

.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: 0 5.8px;
    color: #fff;
    font-size: 12px;
    z-index: 1;
    pointer-events: none;
    position: absolute;
    background-color: #2196F3;
    border-radius: 2em;
    right: 5px;
    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: 1032;
    min-width: 676px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
}

.pac-container {
    border-top: 0px solid #d9d9d9;
}

.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: "Noto Sans", 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,
#skylerwidget-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
}

#skylerwidget-form {
    margin: 10px 15px;
    padding: 25px 10px 0px 10px;
}

#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
}

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

#skylerwidget-form input,
#skylerwidget-form select {
    display: inline-block;
}

#skylerwidget-form input {
    width: 72%;
}

#skylerwidget-form .invalid-skylerwidgetlink {
    display: none;
    color: red;
    position: absolute;
    top: 100%;
    width: 15%;
    left: 27%;
}

#skylerwidget-form select {
    width: 22%;
    height: 40px;
    background: #F5F5F5;
    border-radius: 5px !important;
}

#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: #2396f3;
    margin: 0 15px 13px;
    cursor: pointer;
    border-radius: 6px;
    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: #2185d6
}

#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,
#skylerwidget-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
}

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

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

.message-seen {
    color: #c4ff3b;
    border-radius: 15px;
    font-size: 0;
}

.message-seen i.fa-check {
    font-size: 17px;

}

.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: "Noto Sans", sans-serif;
    font-family: "Noto Sans", 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;
}

.footer-wrapper .footer-powered .list-inline {
    margin: 0;
}

.footer-wrapper-sidebar {
    font-size: 14.5px;
    font-family: "Noto Sans", sans-serif;
    font-family: "Noto Sans", sans-serif;
    background-color: #fff;
    border-radius: 16px;
}

.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,
.second-footer .footer-wrapper {
    display: none
}

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: #8cc34b;
    padding: 2px;
    color: #fff;
    font-size: 12px;
    height: 20px;
    line-height: 1.4;
    border-radius: 3px
}

.wo_new_left_side .report-not-seen {
    line-height: inherit;
    background-color: #8cc34b;
    padding: 0 5px !important;
    min-width: 20px;
    width: auto;
}

.dropdown-search-link {
    display: none
}

.dropdown-hidden-link {
    display: block
}

.link-invite-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 10px;
}

.link-invite-btn-wrap>div,
#btnSLQR {
    /*margin-right: 6px;*/
}

#btnSLQR {
    /*margin-left: 6px;*/
    font-weight: 500;
    font-size: 14px;
    color: #2991f1;
}

.link-invite-btn-wrap>div:last-child {
    margin-right: 0px;
}

.link-invite-btn-wrap #uploadDiv {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    gap: 0.5em;
}

.link-invite-btn-wrap .profile_hdng_side {
    width: 100%;
    text-align: center;
}

.g-ling {
    /*width: 34px; height: 34px; border-radius: 30px; overflow: hidden; margin-left: 6px; text-align: center; line-height: 32px; padding: 0;*/
    box-shadow: 0 2px 6px 0 rgb(8 106 187);
}

.g-ling svg {
    fill: #444444;
}

.g-ling:hover svg {
    fill: #ff3d00
}

.link-invite-btn-wrap .g-ling {
    width: 140px;
    margin: 0 auto;
    background: #fff;
}

.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: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    overflow: visible;
}

.list-group li {
    list-style: none;
}

/*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: "Noto Sans", sans-serif;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/
    display: flex;
    flex-direction: column;
    font-family: "Noto Sans", 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: 200px;
    overflow-x: auto;
    position: absolute;
    background: #fff;
    z-index: 9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 0 0 4px 4px;
}

.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: 1px solid #eaeaea;
    width: 100%;
    padding: 10px;
}

.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;
}

.user_card {
    border-bottom: 1px solid #eaeaea;
    width: 100%;
    padding: 10px;
    padding-bottom: 20px;
}

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

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

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

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

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

.chat_main {
    position: fixed;
    bottom: 0;
    width: 340px;
    color: #333;
    z-index: 100000000000;
    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: "Noto Sans", 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;
    overflow: hidden;
    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';
    opacity: 0;
    transform: translateY(-10px);
    /* Start from slightly above */
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.wow_chat_hdr_usr .chat-tab-status-lastseen {
    margin: -1px 0 -2px;
    display: none;
    font-size: 11px;
    padding: 0px 5px 0px 5px;
    font-family: 'Poppins';
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.wow_chat_hdr_usr .message-tab-status {
    padding: 3px 0px 0px 0px !important;
    font-size: 12px !important;
    font-weight: 500;
}

.wow_chat_hdr_usr .message-tab-status-lastseen {
    padding: 3px 0px 0px 0px !important;
    font-size: 12px !important;
}

.wow_chat_hdr_usr .chat-tab-status.active {
    display: block;
    color: #7dd181;
    opacity: 1;
    transform: translateY(0);
}

.wow_chat_hdr_usr .chat-tab-status-lastseen.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/*.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: "Noto Sans", sans-serif;
    font-family: "Noto Sans", 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-tab-container .chat-messages-wrapper {
    overflow: auto;
    height: 425px;
}

.chat-messages-wrapper {
    background-color: #fff;
    width: 340px;
    padding-top: 6px;
}

.chat-typing {
    height: 40px;
    display: none;
    max-height: 40px;
    background-color: #fff;
    width: 100%;
    border: none;
    padding: 4px 12px;
    position: relative;
}

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

.chat-typing.msgs-page {
    padding-left: 33px;
}

.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: 85%;
    position: relative;
}

.chat-messages-wrapper .message-group_owner {
    font-weight: bold;
    font-size: 13px;
    margin: 3px 1px 2px;
    font-family: "Noto Sans", 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;
    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;
    margin-left: 5px;
    font-size: 12px;
}

.text-sender-container .messagejoint .messages-container::-webkit-scrollbar-track,
#wo_nw_msg_page .messages-users-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
    background-color: #F5F5F5 !important;
}

.text-sender-container .messagejoint .messages-container::-webkit-scrollbar,
#wo_nw_msg_page .messages-users-list::-webkit-scrollbar {
    width: 4px !important;
    background-color: #F5F5F5 !important;
}

.text-sender-container .messagejoint .messages-container::-webkit-scrollbar-thumb,
#wo_nw_msg_page .messages-users-list::-webkit-scrollbar-thumb {
    background-color: #585858 !important;
    border: 2px solid #8a8a8a !important;
}

.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 30px 10px 32px !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;
    min-width: auto;
}

.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: "Noto Sans", 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: Inter, sans-serif
}

.Inter {
    font-family: Inter, 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
}

.pinned-post-icon-wrap {
    display: none;
    /* width: 34px; */
    background: #fff;
    height: 34px;
    border-radius: 20px;
    text-align: center;
    line-height: 27px;
    margin: 0 5px;
    padding: 0 5px 0 5px;
}

.pinned-post-container .pinned-post-icon-wrap {
    display: block;
}

.pinned-post-container .panel {
    background: #dbe8f1;
    border: 3px solid #ffffff;
}

.pinned-post-container .panel #wo_comment_combo .textarea,
.pinned-post-container .panel #wo_post_stat_button .stat-item {
    background: #ffffff;
}

.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;
    border-radius: 50%;
    display: block;
    background-color: #eff8ff;
}

.activity-container .activity .inline_post_count_emoji>img {
    width: 16px !important;
    height: 16px;
}

.second-user-color {
    color: #2196f3;
}

.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
}

.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: 70px;
    z-index: 9;
    box-shadow: 0px -6px 30px rgb(0 0 0 / 6%);
    border-radius: 16px;
    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: 7px;
    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: #EDEDED;
}

.float-right {
    margin-top: 5px;
    float: right
}

.emo-comment {
    right: 33px
}

.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;
}

.post-comments .post-commet-textarea.dropdown {
    display: block;
}

.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;
    width: 100% !important;
    border: 1px solid #b9b9b9;
}

.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: Noto Sans !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
}

.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: 0 16px 10px;
    max-height: 350px;
    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;
}

.lightbox-post-footer .emo-comment .btn {
    min-width: 50px;
}

.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 img {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    margin-right: 12px;
}

.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;
}

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: 14px;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 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: 6px 15px;
    border-radius: 20px;
    box-shadow: none;
}

.wow_big_head_link ul {
    margin: 0;
    white-space: nowrap;
    overflow-x: auto;
    padding: 10px 0;
}

.wow_big_head_link ul li {
    display: inline-block;
}

.wow_big_head_link ul li a {
    background: #F5F5F5;
    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: 18px;
}

.wow_big_head_link ul.blog__category li span {
    background: #F5F5F5;
    border-radius: 24px;
    border: 1px solid #F5F5F5;
    padding: 8px 24px;
    display: block;
    text-decoration: none;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    transition: all 0.2s;
    cursor: pointer;
}

.wow_big_head_link ul.blog__category li span:hover {
    /* color: #ffffff; 
    background-color: #2196f3; */
    color: #2196f3;
    background-color: #e5f4ff;
    border: 1px solid #bbe1ff;
}

.wow_big_head_link ul.blog__category li.active span {
    /* color: #ffffff; 
    background-color: #2196f3; */
    color: #2196f3;
    background-color: #e5f4ff;
    border: 1px solid #bbe1ff;
}

/* .wow_big_head_link ul li.active a {} */

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

.wow_big_head_link .right_part {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.wow_search_head.wow_big_head_link .right_part {
    flex-wrap: wrap;
}

.wow_big_head_link.full .right_part {
    width: 100%;
}

.wow_big_head_link .right_part .search-blog {
    margin-right: 15px;
}

.wow_big_head_link.full .right_part .search-blog {
    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: #F5F5F5;
    border-radius: 8px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    padding: 10px 25px;
    min-width: 280px;
    outline: none;
}

.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 {
    flex: 0 0 auto;
}

.wow_big_head_link .right_part .dropdown .dropdown-toggle {
    min-width: auto;
    line-height: 40px;
    padding: 0 11px;
    border-radius: 40px;
}

.wow_big_head_link .right_part .dropdown .dropdown-toggle svg {
    margin: -2px 0 0;
    width: 18px;
    height: 18px;
}

.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 {
    max-width: 136px;
    padding: 8px 16px;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 25px !important;
}

.btn_create_big svg {
    width: 28px;
    height: auto;
    margin: 0 10px 0 0;
}

.real_album .btn_create_big.album {
    height: 318.44px;
}

.cool-style-album {
    margin-bottom: 30px;
}

.nearby_user_wrapper_prnt {
    text-align: center;
    margin-bottom: 20px;
}

.nearby_user_wrapper_prnt .wow_content {
    padding-bottom: 15px;
    background: #fff;
    border: 1px solid #cfeaff;
}

.nearby_user_wrapper_prnt .wow_content .avatar a {
    display: flex;
    justify-content: center;
}

.nearby_user_wrapper_prnt .wow_content .avatar img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 5px;
}

.nearby_user_wrapper_prnt .wow_content .album-name a h4 {
    font-size: 16px;
    color: #222;
}

.nearby-shop-list.nearby_user_wrapper_prnt .wow_content .avatar img {
    width: 100%;
    height: 200px;
    border-radius: 0;
    object-fit: cover;
    margin-bottom: 5px;
}

.nearby-shop-list .album-name {}

.nearby-shop-list .album-name ul {
    padding: 0;
}

.nearby-shop-list .album-name ul li {
    color: #6aa321;
    margin: 5px 0;
    font-size: 14px;
}

.nearby-shop-list .album-name ul li svg {
    color: #93c757;
    background: #e9f3dd;
    border-radius: 4px;
    padding: 2px;
}

#following-list,
#followers-list {
    display: flex;
    flex-wrap: wrap;
}

#following-list .follow-user-lst,
#followers-list .follow-user-lst {
    text-align: center;
    margin-bottom: 20px;
}

#following-list .wow_content,
#followers-list .wow_content {
    padding: 10px 10px 15px;
    background: #fff;
    border: 1px solid #cfeaff;
}

#following-list .wow_content .avatar img,
#followers-list .wow_content .avatar img {
    width: 100%;
    height: 151px;
    border-radius: 10px;
    object-fit: cover;
    margin-bottom: 5px;
    display: block;
}

#following-list .wow_content .album-name a h4,
#followers-list .wow_content .album-name a h4 {
    font-size: 16px;
    color: #222;
}

.disabled_header .navbar.navbar-default.navbar-fixed-top:before,
.disabled_floatbar .chat-container.full:before {
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: rgb(255, 255, 255, 51%);
    z-index: 999;
}

.disabled_header .container-fluid li a,
.disabled_header a.header-brand,
.disabled_header #divSwitchCommunities,
.disabled_header #wo_home_search .search-container .navbar-form,
.disabled_floatbar .chat-container.full {
    pointer-events: none !important;
    cursor: default !important;
}

iframe::-webkit-scrollbar-track,
video::-webkit-scrollbar-track,
div::-webkit-scrollbar-track,
audio::-webkit-scrollbar-track,
embed::-webkit-scrollbar-track,
table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

iframe::-webkit-scrollbar,
video::-webkit-scrollbar,
div::-webkit-scrollbar,
audio::-webkit-scrollbar,
embed::-webkit-scrollbar,
table::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

iframe::-webkit-scrollbar-thumb,
video::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb,
audio::-webkit-scrollbar-thumb,
embed::-webkit-scrollbar-thumb,
table::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.mob-refresh-wrap {
    /* display:none */
}

@media (min-width: 1200px) {

    #followers-list .col-lg-3,
    #following-list .col-lg-3 {
        padding-left: 15px;
    }

    #nearby_users_list .col-lg-2 {
        width: 16.66666667%;
    }

    .cool-style-album-row:not(.real_album_row) {
        margin: 0 -6px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: space-around;
        align-items: stretch;
    }

    .cool-style-album:not(.real_album) {
        width: 100%;
        padding: 0 6px;
    }

    .cool-style-album-row .common_things_roww {
        padding: 0 6px;
    }

    .cool-style-album-row.profile_groups {
        margin: 0 -15px;
    }

    .cool-style-album-row.profile_groups .cool-style-album {
        width: 33.33333333%;
        padding: 0 15px;
    }

    .cool-style-album-row.profile_groups .cool-style-album:not(.real_album) {
        width: 100%;
    }

    .cool-style-album-row.wow_frnd_usr {
        margin: 0 -15px;
    }

    .cool-style-album-row.wow_frnd_usr .cool-style-album {
        width: 25%;
        padding: 0 15px;
    }

    #users-cont .cool-style-album.profi_groups.user_list .album_parent {
        min-height: auto;
    }

    #users-cont .cool-style-album .album_parent .avatar a img {
        min-height: auto;
    }

    #users-cont .cool-style-album .album-name {
        position: relative;
        width: 100%;
        padding-left: 0;
    }

    #users-cont .cool-style-album .album_parent .avatar {
        margin: 0;
    }

    .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 {
    column-gap: 16px;
    /* overflow: hidden; */
    position: relative;
    font-family: "Noto Sans", sans-serif;
    box-shadow: -20px 15px 50px rgba(0, 0, 0, 0.1);
    padding: 24px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.wow_frnd_usr .user_list {}

.cool-style-album.profi_groups .album_parent {
    box-shadow: none;
}

.cool-style-album.profi_groups .album_parent .avatar a img {
    box-shadow: none;
}

.cool-style-album.profi_groups #wo_useract_btn {
    border-radius: 50px;
    border: 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    padding: 0 18px;
    line-height: 40px;
    margin-top: 15px;
    min-width: 60%;
}

.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: 285.5px;
    flex-direction: column;
    align-items: center;
}

.cool-style-album.profi_groups.user_list .album_parent .avatar {
    width: auto;
    margin-right: 0;
}

.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.invite_list .album_parent {
    align-items: center;
    padding: 12px;
    gap: 10px;
    border-radius: 12px;
    flex-direction: column;
}

.cool-style-album.invite_list .user-follow-button {
    height: auto !important;
}

.cool-style-album.invite_list #wo_useract_btn svg {
    display: none;
}

.cool-style-album.invite_list {
    width: 50% !important;
    margin-bottom: 15px;
}

.cool-style-album.invite_list .album_parent .avatar {
    width: 100%;
    min-width: auto;
    margin: 0;
}

.cool-style-album.invite_list .album_parent .avatar a img {
    box-shadow: none;
    border-radius: 8px;
}

.cool-style-album.invite_list .album-name {
    flex-grow: 1;
}

.cool-style-album.invite_list .album-name h4 {
    font-weight: 600;
    font-size: 15px;
}

.album-cont-wrap {
    position: relative;
    width: 80%;
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}

.cool-style-album .album_parent .avatar {
    position: relative;
    width: 27%;
    min-width: 300px;
    margin: -18px 0px -18px -18px;
}

.cool-style-album .album_parent .avatar a {
    display: block;
    position: relative;
}

.cool-style-album .album_parent .avatar a img {
    min-height: 150px;
    width: 100%;
    border-radius: 14px 0px 0px 14px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);
    position: relative;
    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 .community-info-wrao {
    position: relative;
    padding-left: 10px;
}

.cool-style-album .album-name {
    position: relative;
}

.extra-info-wrap {
    display: flex;
    gap: 6px;
    margin-top: 7px;
}

.extra-info-wrap .extra-info-tag {
    margin: 0;
    background: #e3f2cd;
    padding: 2px 8px;
    border-radius: 10px;
    line-height: 16px;
    font-size: 12px;
    color: #000;
}

.comm-owner-info {
    display: flex;
    align-items: center;
    gap: 7px;
}

.comm-owner-info .owner-label {
    margin: 0;
    font-weight: 700;
    margin: 0 0;
    font-size: 13px;
}

.comm-owner-info .avatar {
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: auto !important;
}

.comm-owner-info .avatar img {
    width: 45px;
    border-radius: 40px;
}

.profile_groups .cool-style-album .album-name {
    flex: auto;
}

.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: 0px 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*max-width: 160px;*/
}

.cool-style-album .album-name p {
    margin: 0;
    font-size: 13px;
    word-break: break-all;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.builder-page-list .builder-page-list .wow_content {
    border-radius: 0px !important;
}

.builder-page-list .builder-page-list-inner {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
}

.builder-page-list-wrap,
.service-menu-list {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e4e6ea;
    overflow: hidden;
    padding: 10px 10px 10px;
    width: 100%;
}

.builder-page-list:nth-child(even) .page-lst-wrap {
    background-color: #f0f2f5;
}

.builder-page-list .page-lst-wrap {
    border-radius: 0px;
    padding: 10px 10px 20px;
}

.builder-page-list .builder-page-list-inner .bldr-editinline {
    font-size: 14px !important;
    line-height: 14px;
    min-width: auto;
    padding: 4px 10px !important;
    box-shadow: none !important;
    border: none !important;
    color: #0066b7 !important;
    text-decoration: none;
    background: transparent !important;
}

.builder-page-list .builder-page-list-inner .bldr-editinline.btn-danger {
    color: #e40000 !important;
}

.builder-page-list .builder-page-list-inner a h4 {
    font-size: 14px;
}

.builder-page-list-inner .album-name a b {
    font-weight: 500;
}

.builder-page-list .page-lst-wrap.isHide {
    background: #f9f2f2;
}

#service-menu-save-btn {
    float: right;
}

.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%;
}

.user-cover-reposition-w {
    text-align: center;
}

.load-more-comments {
    color: #777;
    font-size: 14.5px;
    margin-left: 5px
}

/*Steps*/
.wow__minstp .steps>div.step-three {
    right: 6.3%;
}

.wow_usr_steps_prnt {
    padding: 30px;
}

.wow_usr_steps {
    font-family: "Noto Sans", 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: 6px;
    text-align: inherit;
    padding: 0 20px;
    line-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0 0;
    font-family: 'Rubik';
}

.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 rgba(198, 77, 83, 0.6);
    border-radius: 16px;
    min-height: 240px;
    max-width: 240px;
}

.wow_usr_steps .wow_fcov_image>div {
    border-radius: 16px;
}

.wow_usr_steps .wow_fcov_image>div.upload-image-content {
    display: flex;
}

.wow_usr_steps .wow_fcov_image img {
    min-height: 240px;
    max-height: 240px;
    border-radius: 16px;
    margin: auto;
    width: auto;
}

.startup_follow_usrs {
    background: #F5F5F5;
    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;
    width: 100%;
}

.user-cover-reposition-w #cover-image {
    width: 100%;
}

.user-reposition-container {
    height: 370px;
    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*/
#events-upcomming,
#events-interested {
    width: 100%;
}

.filter-search-area {
    box-shadow: 0px 6px 16px rgb(0 0 0 / 5%);
    position: relative;
    padding: 0;
    overflow: hidden;
    /* background: #d9e3eb;box-shadow: 0px 10px 21px rgb(0 0 0 / 10%);border: 1px solid #c6d9e9; */
}

.wallet_transactions .filter-search-area {
    border-bottom: 1px solid #f0f2f5;
    box-shadow: none;
    border-radius: 10px 10px 0 0;
}

.wallet_transactions .filter-search-area .filter_container {
    max-width: 100%;
}

.wallettrans-table th,
.wallettrans-table td {
    padding: 10px;
}

.wallettrans-table thead {
    background: #c4e0a3;
}

.wallettrans-table td:nth-child(even) {
    background: #f6f6f6;
}

#trans_dynamic td .opacityy {
    margin-top: 4px;
}

.filter_tab_wrapper>.trans_srch {
    position: relative;
}

#events-searchbox .row {
    margin-left: 0;
    margin-right: 0;
    display: flex;
}

#events-searchbox .row::before {
    display: none;
}

#events-searchbox .row>.col-md-4 {
    width: 100%;
    flex-grow: 1;
}

#events-searchbox .row .col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
}

#events-searchbox .row .pick-date-container {
    display: flex;
    flex: 1 1 100%;
}

#events-searchbox .row .pick-date-container>.col-md-4 {
    width: 100%;
    flex-grow: 1;
}

#events-searchbox .row .location-srch-container {
    width: 100%;
    flex-grow: 1;
}

#events-searchbox .wow_form_fields {
    margin: 6px 0 0;
}

#events-searchbox .wow_form_fields>label {
    font-size: 13px;
    margin: 0 0 3px;
    color: #6a6a6a;
    font-weight: 500;
}

#events-searchbox .wow_form_fields input,
#events-searchbox .wow_form_fields textarea,
#events-searchbox .wow_form_fields select {
    height: 45px;
}

#events-searchbox .bottom-creat-btn {
    margin-top: 10px;
    margin-bottom: 5px;
}

.event-filter-wrap .filtr-chck-area {
    flex-direction: column;
}

.filtr-chck-area {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}

.fltr_close_btn {
    float: right;
    font-size: 18px;
    color: #ff706b;
    border: 1px solid #c4c4c4;
    cursor: pointer;
    background: #ffffff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    position: absolute;
    top: 7px;
    right: 7px;
}

.filtr-chck-area label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 5px;
    font-size: 13px;
    cursor: pointer;
}

.filtr-chck-area input {
    width: 16px;
    height: 18px;
}

#topic_group .filtr-chck-area,
.filter-search-area #user .filtr-chck-area {
    gap: 0 20px;
    padding: 8px 0px 8px 0;
    margin-right: 10px;
    margin-left: 10px;
    max-height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.events-content-wrapper ul.flter_tabs {
    flex: auto;
}

ul.flter_tabs {
    white-space: nowrap;
    flex: auto;
}

ul.flter_tabs li {
    background: #fbfdff;
    border: 1px solid #dae9f5;
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 30px;
    cursor: pointer;
}

/*ul.flter_tabs {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    background: #f8f9fa;
    border-bottom: 1px solid #e1e8ed;
    box-sizing: border-box;
}

li.fltr_tab {
    flex: 1;
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    border-right: 1px solid #e1e8ed;
    background: #f8f9fa;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

li.fltr_tab:nth-child(4) {
    flex: 1.2 !important;
    font-size: 14px !important;
}

li.fltr_tab:nth-child(1),
li.fltr_tab:nth-child(2) {
    flex: 0.8 !important;
}

li.fltr_tab:last-child {
    border-right: none;
}

li.fltr_tab:hover {
    background: #e9ecef;
    transform: translateY(-1px);
}

li.fltr_tab.active {
    background: #fff;
    border-bottom: 3px solid #007bff;
    font-weight: 600;
    color: #007bff;
}

li.fltr_tab {
    padding: 12px 8px;
    color: #495057;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.4;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 768px) {
    li.fltr_tab {
        font-size: 0.8rem;
        padding: 10px 4px;
        min-height: 40px;
    }
}

@media (max-width: 576px) {
    li.fltr_tab {
        font-size: 0.75rem;
        padding: 8px 2px;
        min-height: 36px;
        white-space: normal;
        text-overflow: ellipsis;
    }
}

ul.flter_tabs li svg {
    transform: rotate(0deg);
    transition: all 0.6s;
    width: 17px;
    height: 17px;
}

ul.flter_tabs li.active svg {
    transform: rotate(180deg);
}

ul.flter_tabs li.active {
    background: #e7f4ff;
    border: 1px solid #65aadd;
}

ul.flter_tabs li:hover {
    background: #eaf5ff;
}*/

.event-filter-wrap .filter_container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 5px;
    padding: 14px;
}

.filter_container {
    max-width: 1011px;
    margin: auto;
}

.event-filter-wrap .fltr_tab_content {
    padding: 0px 0px 10px;
    border: 1px solid #eaf3ff;
    flex: auto;
    width: 33.333%;
}

.fltr_tab_content {
    background: rgb(247 250 253);
    padding: 10px 10px 10px;
    border-radius: 0px;
    border-bottom: 1px solid #deebf3;
    margin-bottom: 15px;
}

.event-filter-wrap .fltr_tab_content>h5 {
    background: #eaf3ff;
    padding: 5px;
    margin: 0;
    text-align: center;
}

.col-md-6.middle-content-wrapper .event-filter-wrap .fltr_tab_content>h5 {
    text-align: center;
}

.event-filter-wrap .fltr-drop.event-location-container {
    margin-top: 68px;
}

.event-filter-wrap .fltr-drop.event-location-container .wow_form_fields {
    padding: 10px;
}

.event-filter-wrap .fltr-drop.event-location-container .wow_form_fields input {
    height: 45px;
    background-color: #ffffff !important;
    border: 1px solid #dae9f5;
    border-radius: 30px;
}

.seleted-fltr-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 10px;
}

.seleted-fltr-area ul {
    white-space: normal;
    padding: 0;
}

.seleted-fltr-area ul li {
    margin: 4px 0;
}

.flter-remov-lst {
    position: relative;
    background-color: #fff;
    text-transform: capitalize;
    color: #3e4152;
    font-size: 14px;
    padding: 5px 26px 5px 10px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border-radius: 20px;
    border: 1px solid #ebedef;
}

.fltr-btns-group {
    display: flex;
    gap: 10px;
}

.fltr-sm-close {
    font-size: 20px;
    line-height: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #ff706b;
}

.fltr-drop {
    margin-top: 10px;
}

.fltr-drop h6 {
    margin: 0px 0px 5px;
    padding: 5px;
    background: #eef2f5;
    font-weight: 600;
    font-size: 13px;
}

.fltr-drop .wow_form_fields.location-srch-container {
    margin: 10px 0;
}

.fltr-drop .wow_form_fields.location-srch-container input {
    height: 45px;
    background-color: #ffffff !important;
    border: 1px solid #dae9f5;
    border-radius: 30px;
}

.fltr-drop .pick-date-container .wow_form_fields {
    margin: 0 10px 10px;
}

.fltr-drop .pick-date-container .wow_form_fields label {
    color: #686d70;
    font-size: 13px;
}

.fltr-drop .pick-date-container .wow_form_fields input {
    height: 45px;
    background-color: #ffffff !important;
    border: 1px solid #dae9f5;
    border-radius: 30px;
}

.topic-srch-field,
.user-srch-field {
    position: relative;
    max-width: 30%;
    margin-bottom: 10px;
}

.topic-srch-field input,
.event_srch input,
.trans_srch input,
.member_srch input,
.user-srch-field input {
    transition: all .3s;
    border-radius: 50px;
    border: 1px solid #deebf3;
    width: 100%;
    height: 40px;
    font-family: 'Poppins';
    font-size: 12px;
    padding: 0 40px 0 15px;
    color: #222;
    background: #ffffff;
}

.event_srch input:focus,
.event_srch input:focus-visible,
.topic-srch-field input:focus,
.topic-srch-field input:focus-visible,
.trans_srch input:focus,
.trans_srch input:focus-visible,
.member_srch input:focus,
.member_srch input:focus-visible,
.user-srch-field input:focus,
.user-srch-field input:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.2rem #e7f4ff;
}

.topic-srch-field span,
.event_srch span,
.trans_srch span,
.member_srch span,
.user-srch-field span {
    position: absolute;
    right: 15px;
    top: 4px;
    font-size: 22px;
    cursor: pointer;
    color: #ff6b6b;
}

span#clear_member_search {
    right: 80px !important;
}

.group_not_found {
    text-align: center;
    width: 100%;
    text-transform: capitalize;
    color: #2196f3;
    font-size: 14px;
}

.wo_events_row_main {
    /* margin-right: -10px; */
    /* margin-left: -10px; */
}

.wo_events_row_main .col-md-4 {
    padding-left: 10px;
    padding-right: 10px;
}

.events-list-wrapper {
    margin-bottom: 25px;
}

.events-list-cover {
    position: relative;
    background: #fff;
    padding: 12px;
    display: flex;
    flex-direction: column;
    border-radius: 9px;
    background: #f3f3f3;
}

.profile-lists.singlecol .events-list-cover {
    flex-direction: row;
    background: #fff;
}

.profile-lists.singlecol .events-list-cover .event-image-cover {
    width: 44%;
}

.event-image-cover .event-location-wrap {
    display: flex;
    justify-content: flex-start;
    padding: 7px 0 0;
}

.event-image-cover .event-location-wrap .event-location-name:first-child {
    margin-right: 15px;
    padding-right: 15px;
}

.middle-content-wrapper .event-item-listing .events-list-cover {
    background: #fff;
}

.middle-content-wrapper .event-item-listing .events-list-cover .event-l-btns {
    order: 1;
    width: 100%;
    margin-top: 10px;
    padding-top: 2px;
}

.middle-content-wrapper .event-item-listing .events-list-cover .event-l-btns>span {
    text-align: left;
    flex: none;
}

.middle-content-wrapper .event-item-listing .events-list-cover a.event_cover {
    width: 30%;
}

.middle-content-wrapper .event-item-listing .events-list-cover .event-l-info .event_two_blocks {
    margin-top: 10px;
}

.middle-content-wrapper .event-item-listing .events-list-cover .event-l-info .event_two_blocks div {
    padding: 0px 10px 0px 0px;
    font-size: 13px;
}

.middle-content-wrapper .event-item-listing .events-list-cover .event-l-info .event_two_blocks div h6 {
    margin-top: 0;
    margin-bottom: 0px;
}

.middle-content-wrapper .event-item-listing .events-list-cover .event-l-info .short_start_dt {
    margin-right: 6px;
    min-width: 38px;
}

.events-list-cover .event_cover {
    position: relative;
    overflow: hidden;
    /* margin-right: 20px; */
}

.events-list-cover img.events-list-cover-img {
    width: 100%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
}

.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;
}

.events-list-wrapper .events-list-cover .event-l-info {
    margin-top: 25px;
    width: 100%;
    padding-bottom: 10px;
}

.profile-lists.singlecol .events-list-wrapper .events-list-cover .event-l-info {
    margin-left: 1.5%;
    padding-left: 2.5%;
    border-left: 2px dashed #e4e4e4;
    margin-top: -15px;
    margin-bottom: -14px;
    width: 54%;
    padding: 22px 0 0 2.5%;
}

.events-list-name {
    font-size: 17px;
    overflow: hidden;
    margin: 0;
    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;
    position: relative;
}

.event-location-name {
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.04em;
    margin-top: 7px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 4px;
    background: #eff1f6;
    border-radius: 10px;
    color: #414141;
}

.event-location-name svg {
    width: 17px;
    height: 17px;
    margin: -4px 0 0;
}

.event-l-btns {
    display: flex;
    margin-top: 16px;
    flex-wrap: wrap;
    width: 100%;
    min-width: 160px;
    align-content: space-around;
    margin-bottom: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}


.event-l-btns>span {
    display: inline-block;
    text-align: right;
    line-height: 14px;
}

.event-l-btns>span.btn.btn-main {
    display: inline-block;
    padding: 2px 12px 0px 0px;
    text-align: right;
    line-height: 28px;
    padding: 5px 16px;
    background: #e0e0e0;
    box-shadow: none;
    color: #666;
    font-weight: 500;
    cursor: auto;
}

.view-ticket-details .event-l-btns {
    gap: 10px;
}

.event-register {
    padding: 15px;
    font-size: 18px;
}

#events-dynamic-data {
    width: 100%;
    padding: 15px;
    background: #f8f8f8;
    border-radius: 7px;
}

.events-dynamic-item {
    border-bottom: 2px solid #b8de53;
}

#events-dynamic-data .events-dynamic-item:nth-child(odd) {
    border-bottom: 2px solid #2497f4;
}

.events-dynamic-item .event-date-share-block {
    background: transparent !important;
    border-bottom: 0px solid #daedff !important;
}

.events-dynamic-item .social-share-even-date a {
    color: #282828;
}

.events-dynamic-item .social-share-even-date a:hover {
    text-decoration: none;
}

.events-dynamic-item .event_two_blocks>div {
    gap: 22px;
    align-items: center;
}

.events-dynamic-item {
    padding: 0;
}

.events-dynamic-item .short_start_dt.inverted {
    padding: 5px 8px;
    background: #efefef;
    margin-right: 0px;
}

.events-dynamic-item .short_start_dt.inverted b {
    font-size: 20px;
    margin-bottom: 6px;
}

.events-dynamic-item .short_start_dt.inverted p {
    font-size: 13px;
}

.repeat-event {
    display: block;
    position: relative;
    height: 30px;
}

.repeat-event:hover {
    cursor: pointer;
}

.wo_event_profile .profile-container .card.hovercard {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin-bottom: 25px;
    background: #d3d3d3;
}

.wo_event_profile .profile-container .card.hovercard .cardheader {
    position: relative;
    text-align: center;
}

.wo_event_profile .profile-container .card.hovercard .cardheader .col-md-12,
.wo_event_profile .profile-container .card.hovercard .cardheader .container {
    padding: 0;
}

.wo_event_profile .profile-container .card.hovercard .cardheader .cover-image {
    max-width: 100%;
}

.evnt-bnr-overlay #event-overlay-image {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    transform: scale(3);
    filter: blur(50px);
}

.event-info-cont-small {
    width: 100%;
    overflow: hidden;
    bottom: 0px;
    left: 0;
    right: 0;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 8px 25px 8px;
    /* background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); */
    z-index: 9;
    justify-content: space-between;
    margin-bottom: 15px;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #dedede;
}

.event-info-cont-small .info {
    display: flex;
    align-items: center;
    max-width: 55em;
    word-break: break-all;
    margin-right: 40px;
}

.event-info-cont-small .info .wow_event_page_btns {
    display: flex;
    align-self: flex-end;
}

.event-info-cont-small .wow_event_page_btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.short_start_dt {
    margin-right: 8px;
    background-color: rgba(0, 0, 0, 0.4);
    min-width: 45px;
    text-align: center;
    border: 2px solid #a5a5a5;
    border-radius: 3px;
    padding: 2px;
    font-size: 14px;
}

.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 10px;
    border: 0;
    background: #ececec;
    border-radius: 10px;
    display: inline-block;
}

#skylerconnect-rooms .event-l-btns {
    width: 17%;
    min-width: 106px;
}

#skylerconnect-rooms .events-list-cover .event_cover {
    position: relative;
    width: 35%;
}

#skylerconnect-rooms .event-l-info {
    width: 65%;
}

.short_start_dt.inverted p {
    font-family: 'Vodafone ExB';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #262D34;
    display: block;
    line-height: 10px
}

.short_start_dt.inverted b {
    font-family: 'Vodafone ExB';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    color: #2196f3;
    display: block;
    margin-bottom: 2px;
}

.event-l-info .short_start_dt.inverted p {
    font-size: 15px;
}

.event-l-info .short_start_dt.inverted b {
    font-size: 22px;
}

.event-l-info .event_two_blocks>div>div {
    font-weight: 400;
    font-size: 14px;
}


.event-l-info .short_start_dt {
    margin-right: 10px;
    background: #f0f8ff;
}

.event-l-info .events-list-name {
    overflow: visible;
}

.event-l-info .events-list-name a {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 8px;
    display: block;
}

.event-l-info .events-list-name a:after {
    content: "";
    margin: 0 auto;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 62px;
    border-radius: 10px;
    background: #b8de53;
    border: none;
    height: 5px;
}

.weekly-event-txt h3 {
    font-size: 17px;
    text-align: left;
    position: relative;
}

.weekly-event-txt h3:after {
    content: "";
    margin: 0 auto;
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 40px;
    border-radius: 10px;
    background: #b8de53;
    border: none;
    height: 5px;
}

.org-info .short_start_dt.inverted {
    background: transparent !important;
    padding: 0;
}

.org-info .short_start_dt.inverted h6:before {
    content: "";
    /* margin: 0 auto; */
    margin-right: 5px;
    position: relative;
    left: 0;
    bottom: -2px;
    width: 10px;
    border-radius: 2px;
    background: #8bc34a;
    border: none;
    height: 10px;
}

.org-info .short_start_dt.inverted h6 {
    display: flex;
    min-width: 110px;
    position: relative;
    margin-bottom: 4px;
}

.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: "Noto Sans", 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: 28px;
    padding: 0 10px;
    margin: 0 3px;
}

.wow_event_page_btns a.btn:first-child svg {
    fill: #0771c5;
}

.event_two_blocks {
    padding: 0px;
    display: flex;
    gap: 22px;
}

.event_two_blocks>div {
    display: inline-flex;
    padding: 6px 10px 6px 0px;
    position: relative;
    align-items: flex-start;
    flex-direction: row;
}

.event_two_blocks>div.event-time-zon {
    flex-direction: column;
    margin-left: 16px;
    padding-top: 2px;
}

.event_two_blocks.first-col>div {
    align-items: center;
}

.event_two_blocks.org-info>div {
    flex-direction: column;
    width: 50%;
}

.event_two_blocks.org-info>div .wo_page_hdng_innr {
    /* margin-top: 12px; */
}

.event_two_blocks>div div {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    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: 17px;
    margin-top: 0;
}

.event_two_blocks.event-time-zon>div {
    width: 100%
}

.event-time-zon p {
    margin-bottom: 0;
}

.wo_event_profile .col-md-8>span button {
    margin-bottom: 20px;
}

.event_invite_frnd {
    position: relative
}

.event_invite_frnd ul.event_invite_frnd_list {
    margin: 0;
    padding: 0;
}

.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: 1px solid #ddd;
    margin-top: 5px;
    position: absolute;
    top: 100%;
    width: 100%;
    background: #ffff;
    border-radius: 6px;
}

.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
}

.evnt-btns-grup {
    border-radius: 16px;
    margin-bottom: 15px;
    /* margin-left: 10px; */
    width: calc(100% - 20px);
}

.evnt-btns-grup .evnt-btns-wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}

#event_reminders {
    background: #d0d6db;
    padding: 10px 0;
    margin: 15px 0px;
    border-radius: 10px;
}

.event-time-field {
    display: flex;
    gap: 15px;
    align-items: center;
}

.event-time-field .time-label {
    flex: 1 1 60%;
    margin: 10px 0;
}

.event-time-field .time-fld {
    flex: 1 1 40%;
    margin: 10px 0;
}

.event-time-field .del-btn {
    background: #ffeeee;
    /* border: 1px solid #ffbebe; */
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    color: #ff6e6e;
    border-radius: 7px;
    cursor: pointer;
}

.event-time-field .del-btn:hover {
    background: #fde1e1;
    border: 1px solid #efa2a2;
    color: #ff3434;
}

.evn-rmd-label {
    display: flex;
    gap: 15px;
    align-items: center;
}

.evn-rmd-label span.label-text {
    font-size: 16px;
    font-weight: 500;
}

element.style {
    border: 0;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #f5f5f5;
}

/* .evnt-btns-grup #events-past .events-list-wrapper{margin-bottom: 20px;padding: 0;} */
/* .evnt-btns-grup .evnt-btns-wrap:has(#events-past){ flex-direction: column;} */
/* .evnt-btns-grup:has(#events-past){ width: calc(100% - 0px);background: transparent;} */

.evnt-btns-grup .events-list-wrapper {
    margin-bottom: 0;
}

.evnt-btns-grup .active-evn-tab {
    background-image: linear-gradient(to right, #98d352, #6aa321, #97d251, #6aa321);
    box-shadow: 0 2px 6px 0 rgb(163 197 103);
}

.evnt-btns-grup .btn_create_big svg {
    width: 22px;
}

.upcoming-event-list-sidbar .btn {
    font-size: 12px;
    line-height: 20px;
    min-width: auto;
    padding: 5px 8px;
}


.upcoming-event-list-sidbar .up-title,
.activity-container .up-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px;
}

.upcoming-event-list-sidbar .up-title {
    text-align: center;
}

.sidebar-title-back .refresh {
    display: none;
}

.upcoming-event-list-sidbar .events-list-cover {
    padding: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbebf9;
    border-radius: 0;
}

.upcoming-event-list-sidbar .events-list-cover:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px solid #dbebf9;
}

.upcoming-event-list-sidbar .events-list-cover .event_cover {
    width: 100%;
    min-width: 100px;
}

.upcoming-event-list-sidbar .events-list-cover .event_cover img {
    min-height: auto;
    border-radius: 4px;
}

.upcoming-event-list-sidbar .event-l-info {
    padding: 8px;
    position: relative;
}

.upcoming-event-list-sidbar .event-l-info .pic-info-cont #shareLinks {
    top: 40px;
}

.upcoming-event-list-sidbar .event-l-info .events-list-name {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}

.upcoming-event-list-sidbar .event-l-info .events-list-name a {
    padding-bottom: 0px;
    margin-bottom: 4px;
    margin-top: 10px;
}

.upcoming-event-list-sidbar .event-l-info .events-list-name a:after {
    display: none;
}

.upcoming-event-list-sidbar .event_two_blocks {
    flex-direction: column;
}

.upcoming-event-list-sidbar .event-l-info .event_two_blocks>div {
    gap: 5px;
    font-size: 13px;
}

.event_two_blocks.org-info {
    margin-top: 5px;
}

#btnTZ {
    font-size: 10px;
    padding: 4px 10px;
    margin-top: 10px;
    line-height: 16px;
}

/*.event_two_blocks.org-info>div:first-child:after {
    content: "";
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    width: 2px;
    border-radius: 10px;
    background: #bcc0c9;
    border: none;
    height: 20px;
}*/

.col-md-6.middle-content-wrapper .event_two_blocks.first-col>div {
    width: 50%;
}

.col-md-6.middle-content-wrapper .event_two_blocks.org-info>div:first-child:after {
    display: none;
}

.col-md-6.middle-content-wrapper .org-info .short_start_dt.inverted h6:after {
    display: none;
}

.col-md-6.middle-content-wrapper .event_two_blocks.org-info>div {
    margin-top: 6px;
}

.event_two_blocks.org-info>div:first-child {
    padding-right: 15px;
}

/* .event_two_blocks.org-info > div {
    flex-direction: column;
} */
.event_two_blocks.org-info>div .wo_page_hdng_innr a {
    color: #62829b;
}

.post-container .event_two_blocks.org-info>div {
    display: flex;
    flex-direction: column;
}

.post-container .org-info .short_start_dt.inverted {
    /* margin-bottom: 12px; */
}

/*Contact Room Design*/
.room-member-list-wrapper {
    margin-bottom: 25px;
    background-size: cover !important;
    border-radius: 10px;
    padding: 0 !important;
    -webkit-box-shadow: 1px 3px 3px -1px rgb(185 185 185 / 28%);
    box-shadow: 1px 3px 3px -1px rgb(185 185 185 / 28%);
}

.room-member-list-cover {
    overflow: hidden;
    position: relative;
    background: rgb(247 247 247 / 68%);
    backdrop-filter: blur(5px);
    padding: 22px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 2px solid #fff;
    background: linear-gradient(to bottom, rgb(255 255 255 / 97%) 0%, rgb(255 255 255 / 22%) 100%);
}

.room-member-list-cover-img {
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    min-height: 115px;
}

.room-member-list-wrapper h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.room-name {
    margin-bottom: 30px !important;
    font-size: 25px !important;
}

.room-name>a {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 8px;
    /* display: block; */
}

.room-name>a:after {
    content: "";
    margin: 0 auto;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 62px;
    border-radius: 10px;
    background: #b6eb2c;
    border: none;
    height: 5px;
}

.attendee_refresh-btn {
    float: right;
    display: inline-block;
}

.attendee_list_item {
    font-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    background-image: linear-gradient(to right, #04befe, #3f86ed);
    border: 2px solid #fff;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100px;
    padding: 0px;
    text-transform: uppercase;
    line-height: 42px;
    margin: 4px;
    box-shadow: 1px 1px 5px 0px rgb(104 104 104 / 25%);
}

.room-member_attendee_list_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.attendee_list_item img {
    width: 100%;
    border-radius: 65px;
}

.room-member .room-member-l-btns {
    order: 1;
    width: 100%;
    margin-top: 15px;
    border-top: 1px dashed #ccc;
    padding-top: 5px;
}

.room-member-list-cover .room-member-l-btns {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.room-member-list-cover .room-member-l-btns>span {
    text-align: left;
    flex: none;
}

.room-member-list-cover .room-member-l-btns>span a {
    font-size: 15px;
    line-height: inherit;
}

.room-member-list-cover a.room-member_cover {
    width: 100%;
    height: 190px;
}

.room-member-info {
    width: 68%;
    margin-left: 2%;
}

.room-member-location-name {
    margin-bottom: 22px;
    margin-top: 14px;
    margin-bottom: 20px;
    background: #fff;
    width: max-content;
    padding: 4px;
    border-radius: 6px;
}

.member-bottom-sec-wrap {
    display: flex;
    border-top: 1px solid #ffffff5e;
    padding-top: 10px;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.member-bottom-sec-wrap .qr-label {
    margin-bottom: 10px;
}

.qr-img-wrap {
    position: relative;
    height: 110px;
}

.member-bottom-sec-wrap .member-qr-wrap- {
    min-width: 110px;
}

#qr_img {
    width: 110px;
    position: absolute;
    bottom: 0;
    transition: width 0.3s, height 0.3s;
    -moz-transition: width 0.3s, height 0.3s;
    -webkit-transition: width 0.3s, height 0.3s;
    -o-transition: width 0.3s, height 0.3s;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

#qr_img:hover {
    width: 144px;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}

.room-member_two_blocks.first-col {
    flex-direction: row !important;
}

.room-member_two_blocks div {
    padding: 0px 10px 0px 0px;
    font-size: 13px;
}

.room-member_two_blocks div h6 {
    margin-top: 0;
    margin-bottom: 0px;
}

.exp-start-end-date {
    display: flex;
}

.exp-start-end-date .col-md-6 {
    width: 50%;
}

.featured-users {
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    margin-bottom: 15px;
    background-color: #FBAB7E;
}

.sidebar-conatnier .featured-users {
    background: #2196f3 url(../img/ripple-effect.png);
    color: #fff;
    background-size: 100%;
    background-repeat: no-repeat;
}

.sidebar-conatnier .featured-users:after {}

.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: "Noto Sans", 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
}

#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
}

.prod-cart-count {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.prod-cart-count svg {
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 7px;
}

.crt-cunt-num {
    text-align: center;
    position: absolute;
    transition: all .2s ease;
    top: -6px;
    right: -2px;
    border-radius: 20px;
    background: #ff6161;
    min-width: 18px;
    padding: 0 5px;
    color: #fff;
    font-size: 12px;
}

.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
}

.thread-replies {
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
}

.posts-count:hover {
    background-color: #f0f2f5
}

.member_list,
.small {
    font-weight: 400
}

#members table {
    font-family: 'Poppins';
}

#members table thead tr th {
    font-weight: 500;
}

#members table tbody tr {
    border-top: 1px solid #f2f2f2;
}

#members table tbody tr td {
    transition: all 0.2s ease;
    font-size: 14px;
}

#members table tbody tr:hover td {
    background: #f2f2f2;
}

#members table tbody tr p {
    margin: 0;
    font-size: 14px;
}

#members table tbody tr p b {
    font-weight: 500;
}

.copy-link {
    margin-top: 10px;
}


/*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: #555;
    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: #999;
}

.options .total-votes svg {
    width: 14px;
    height: 14px;
    margin-top: -2px;
}

.wo_votes.active .poll-option {
    color: #BC3E43;
}

.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
}

.member-usr-lst {
    display: block;
    list-style: none;
}

.member-usr-lst .profile-style {
    display: flex;
    background: #f9f9f9;
    padding: 10px;
    border-radius: 6px;
    align-items: center;
}

.member-usr-lst .profile-style .album-name {
    flex-grow: 1;
}

.member-usr-lst .avatar {}

.member-usr-lst .mbr-lst-desc {}

.mbr-lst-text {
    line-height: normal;
}

.member-usr-lst .buttons {
    display: flex;
    flex-wrap: wrap;
}

.member-usr-lst .buttons .btn {
    border-radius: 25px;
    margin-top: 0 !important;
}

@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 table * {
    overflow: hidden;
    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: Inter, 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;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.referres .ref {
    margin-bottom: 10px;
    width: 49%;
    background: #f0f0f0;
    padding: 12px;
    border-radius: 7px;
}

.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: 9px
}

.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: "Noto Sans", 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;
    object-fit: cover;
}

.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
}

.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: 15px;
    height: 15px;
    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: #f0f0f0 !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: 0 0 0 1px rgba(0, 0, 0, 0.07);
    background: #fff;
    position: relative;
    overflow: hidden;
    min-height: 230px;
    border-radius: 8px;
    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: rgba(0, 0, 0, .9);
    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%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.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;
    opacity: .7;
    margin-bottom: 0px;
    display: block;
}

.disabled b {
    color: #2196f3;
}

.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: 15px;
    height: 15px;
    fill: #DFDFDF;
    stroke: #DFDFDF;
    margin: 0;
}

.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) {
    .users-list-new .user-details-name div blockquote {
        font-size: 10px;
    }

    #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))
}

.list-group hr {
    border: 1px solid #eaecef;
}

/*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;
}

.user-status-home ul.status-list li.create_new .avatar:before {
    background: linear-gradient(135.87deg, #2196f3 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: "Noto Sans", 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: "Noto Sans", 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;
}

.wow_form_fields select {
    background-image: url(../img/arrow-select.svg);
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: auto 14px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 45px !important;
}

/*Articles*/
.community-blog-wrap .wow_main_blogs_info {
    flex-direction: column;
    width: 74%;
}

.community-blog-wrap .wow_main_blogs_info>div {
    width: 100%;
}

.community-blog-wrap .wow_main_blogs_info>div>div {
    padding-right: 20px;
}

.community-blog-wrap .wow_main_blogs_info>div h2 {
    white-space: normal;
}

.community-blog-wrap .blog_list .wow_main_blogs_info>.btn,
.community-blog-wrap .latest-blogs .wow_main_blogs_info>.btn {
    width: fit-content;
    align-self: flex-end;
}

.col-md-6.middle-content-wrapper .blog-cont-wrap {
    flex-direction: column;
}

.col-md-6.middle-content-wrapper .wo_my_pages .blog_list .album_parent.view-blog .album-name {
    width: 100%;
}

.col-md-6.middle-content-wrapper .wo_my_pages .blog_list .album_parent.view-blog .blog-cont-wrap .wow_main_blogs_btns {
    align-self: flex-end;
}

.col-md-6.middle-content-wrapper .cool-style-album .album-name h4 {
    white-space: normal;
}

.wow_main_blogs_bg {
    margin-bottom: 15px;
}

.wow_main_blogs {
    display: flex;
    background-color: #fff;
    border-radius: 16px;
    margin-bottom: 30px;
    padding: 10px;
    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;
    width: 26%;
    min-width: 160px;
    /* padding-bottom: 65%; */
}

.wow_main_blogs .avatar>a img {
    width: 100%;
    border-radius: 9px;
    /* position: absolute; */
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    height: 160px;
    background-color: #eff8ff;
    display: inline-block;
}

.blog_list .postCategory,
#blog-list .postCategory {
    display: inline-block;
    text-decoration: none;
    position: relative;
    left: 0;
    top: 0;
    background: #e9f3de;
    border: 1px solid #d4e1c5;
    border-radius: 40px;
    padding: 2px 10px;
    margin: 0px 0 15px;
    font-size: 12px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
}

.wow_main_blogs_info {
    width: 70%;
    /* padding: 15px 0 0; */
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
}

.wow_main_blogs_info>div {
    width: 70%;
}

.wow_main_blogs_info .main-blog-user {
    display: inline-block;
    /* background: #e4edf3; */
    border-radius: 20px;
    margin-top: 15px;
    /* margin: 0 -7px; */
}

.wow_main_blogs_info .main-blog-user .user_avatar {
    /* flex: 0 0 auto; */
    width: 30px;
    height: 30px;
    /* margin: 0 7px; */
    display: inline-block;
}

.wow_main_blogs_info .main-blog-user .user_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.wow_main_blogs_info>div>div {
    /* margin: 0 7px; */
    /* min-width: 0; */
    padding-left: 20px;
}

.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;
}

.blog_list.cool-style-album .album-name h4 {
    white-space: normal;
    text-transform: inherit;
}

.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;
    text-transform: uppercase;
    font-weight: 600;
    padding-right: 10px;
}

.wow_main_blogs_info>.btn {
    margin-top: 14px;
}

.blog_list .wow_main_blogs_info>.btn,
.latest-blogs .wow_main_blogs_info>.btn {
    width: auto;
    margin-top: 0px;
    margin-right: 10px;
}

.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_share {
    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: #000;
}

.wow_read_blog_hdr_img_share .btn-share.twitter svg {
    height: 14px;
}

.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.whatsapp {
    background-color: #40bd54;
}

.wow_read_blog_hdr_img_share .btn-share.whatsapp svg {
    fill: #ffffff;
    width: 17px;
}

.wow_read_blog_hdr_img_share .btn-share.whatsapp:hover svg path {
    fill: #ffffff;
}

.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 30px;
    font-family: "Noto Sans", sans-serif;
    z-index: 9;
}

.wow_read_blog_hdr_img_innr .postCategory {
    background-color: rgb(139 195 74 / 72%);
    color: white;
    backdrop-filter: blur(10px);
    min-width: auto;
    line-height: 26px;
    padding: 0 10px 2px;
    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 {
    padding: 30px 0px;
    position: relative;
    z-index: 10;
}

.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-bottom: 30px;
}

.main-blog-sidebar .widget:last-child {
    margin-bottom: 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 .widget.wow_read_blog_hdr_img_share ul {
    display: flex;
    align-items: center;
    gap: 4px;
}

.main-blog-sidebar .popular-articles li {
    margin-top: 30px;
    overflow: hidden;
    font-family: "Noto Sans", sans-serif;
}

.main-blog-sidebar .popular-articles li.back-article {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 0px solid #e3e3e3;
}

.main-blog-sidebar .popular-articles li.back-article a {
    background: #f6ffeb;
    border: 1px solid #d3e7be;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 3px;
}

.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: 500;
    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: rgb(33, 150, 243, 10%);
    color: #1d5db7;
    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: rgb(33 150 243 / 18%)
}

#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
}


.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 .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: 12px;
    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;
    padding: 10px 15px;
    line-height: 40px;
    color: #444;
    background: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
}


.refresh {
    position: relative;
    border: none;
    outline: none;
    padding: 10px;
    background-color: rgb(141 141 141 / 10%);
    width: 42px;
    font: initial;
}

.refresh svg path {
    stroke: #202020;
    stroke-width: 7px;
    stroke-linecap: round;
    fill: none;
}

.refresh svg.arrow-svg {
    position: absolute;
    top: 11px;
    left: 11px;
    right: 10px;
    bottom: 10px;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.arrow-animation {
    -webkit-animation-name: rotation;
    animation-name: rotation;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
    }

    80% {
        -webkit-transform: rotate(340deg);
        transform: rotate(340deg);
    }

    99.999% {
        -webkit-transform: rotate(460deg);
        transform: rotate(460deg);
    }

    to {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
    }

    80% {
        -webkit-transform: rotate(340deg);
        transform: rotate(340deg);
    }

    99.999% {
        -webkit-transform: rotate(460deg);
        transform: rotate(460deg);
    }

    to {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
    }
}

.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: #F5F5F5;
    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;
}

.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,
.profile-completion-bar.bar-33 .circle-progress-text,
.profile-completion-bar.bar-34 .circle-progress-text {
    fill: #ffc300;
}

.profile-completion-bar.bar-40 .circle-progress-value,
.profile-completion-bar.bar-33 .circle-progress-value,
.profile-completion-bar.bar-34 .circle-progress-value {
    stroke: #ffc300;
}

.profile-completion-bar.bar-60 .circle-progress-text,
.profile-completion-bar.bar-66 .circle-progress-text,
.profile-completion-bar.bar-67 .circle-progress-text {
    fill: #8bc34a;
}

.profile-completion-bar.bar-60 .circle-progress-value,
.profile-completion-bar.bar-66 .circle-progress-value,
.profile-completion-bar.bar-67 .circle-progress-value {
    stroke: #8bc34a;
}

.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: 25px;
    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(139 195 74 / 28%);
    border-color: rgb(139 195 74 / 48%);
    text-decoration: line-through;
    color: #538500;
}

.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-image: linear-gradient(to right, #ffffff, #e1e1e1, #e6e6e6, #ffffff);background-size: 300% 100%; border: 1px solid #e3e3e3; color: #222;border-radius: 25px;}*/
.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: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    padding: 15px;
    border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    width: 65px;
    height: 65px
}

/*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;
    display: block;
}

#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 .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: 0px;
    aspect-ratio: 3;
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
}

.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;
    flex-direction: column;
}

.wo_sidebar_pages .page_middle {
    display: inline-flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    padding: 10px;
}

.profile-style.wo_sidebar_pages .page_middle {
    padding: 10px 0 10px 0;
}

.home.profile-style.wo_sidebar_pages .page_middle {
    gap: 10px;
}

.wo_sidebar_pages .page_middle .thumb {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 4px solid #f0f2f5;
}

.sidebar-conatnier .wo_sidebar_pages .page_middle .thumb {
    width: 80px;
    height: 80px;
}

.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;
    word-break: break-word;
}

.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;
}

.wo_page_profile .sidebar .wo_sidebar_pages .page_catg {
    margin: 1px 0 0;
}

.sidebar .wo_sidebar_pages .page_catg b {
    margin: 0;
    color: #222;
}

.sidebar .wo_sidebar_pages .user-follow-button {
    padding: 10px 0 0 0;
}

/*LIKE BUTTON EFFECT START*/
/* Reset button */

.efct-button {
    position: relative;
}

.efct-button:hover,
.efct-button:focus {
    color: #8d98a7;
}

.efct-button.is-loading {
    pointer-events: none;
    position: relative;
    color: transparent !important;
}

.efct-button.is-loading:after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1em;
    width: 1em;
    margin-left: -0.5em;
    margin-top: -0.5em;
    -webkit-animation: loader-animation 600ms infinite linear;
    animation: loader-animation 600ms infinite linear;
    font-size: inherit;
    color: #AAB2BD !important;
    border: 0.2em solid;
    border-radius: 0.7em;
    border-right-color: transparent;
    border-top-color: transparent;
}

@-webkit-keyframes loader-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.efct-button.btn-active {
    z-index: 2;
    -webkit-animation: 0.8s;
    animation: 0.8s;
}

.efct-button.btn-active:before,
.efct-button.btn-active:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -2px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    transform: scale(0);
    color: #AAB2BD;
    border: 1px solid transparent;
    box-shadow: -0.8em 0 0 -2px, 0.8em 0 0 -2px, 0 -0.8em 0 -2px, 0 0.8em 0 -2px, -0.6em -0.6em 0 -2px, -0.6em 0.6em 0 -2px, 0.6em -0.6em 0 -2px, 0.6em 0.6em 0 -2px;
}

.efct-button.btn-active:before {
    -webkit-animation: effect-01-animation 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation: effect-01-animation 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.efct-button.btn-active:after {
    -webkit-animation: effect-02-animation 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation: effect-02-animation 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@-webkit-keyframes effect-01-animation {
    from {
        transform: rotate(-15deg) scale(0);
    }

    40% {
        opacity: 1;
    }

    to {
        transform: rotate(-30deg) scale(2.5);
        opacity: 0;
    }
}

@keyframes effect-01-animation {
    from {
        transform: rotate(-15deg) scale(0);
    }

    40% {
        opacity: 1;
    }

    to {
        transform: rotate(-30deg) scale(2.5);
        opacity: 0;
    }
}

@-webkit-keyframes effect-02-animation {
    from {
        transform: rotate(10deg) scale(0);
    }

    40% {
        opacity: 1;
    }

    to {
        transform: rotate(30deg) scale(2);
        opacity: 0;
    }
}

@keyframes effect-02-animation {
    from {
        transform: rotate(10deg) scale(0);
    }

    40% {
        opacity: 1;
    }

    to {
        transform: rotate(30deg) scale(2);
        opacity: 0;
    }
}

.efct-button.like:before,
.efct-button.like:after {
    color: #cc4896;
}

.button.like.btn-active {
    background: #cc4896;
}

.efct-button.plus:before,
.efct-button.plus:after {
    color: #8CC152;
}

.efct-button.plus.btn-active {
    background: #8CC152;
}

.efct-button.fav:before,
.efct-button.fav:after {
    color: #F6BB42;
}

.efct-button.fav.btn-active {
    background: #F6BB42;
}

.efct-button.wo_follow_btn:before,
.efct-button.wo_follow_btn:after {
    color: #3b5998;
}

.efct-button.wo_follow_btn.btn-active {
    background: #3b5998;
}

/*LIKE BUTTON EFFECT END */

.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
}

element.style {
    background: linear-gradient(to bottom, rgba(109, 179, 242, 1) 0%, rgba(84, 163, 238, 1) 30%, rgba(30, 105, 222, 1) 100%);
}

/*Sidebar Groups*/
.sidebar-group-may-know-container {
    margin: 0 5px;
}

/*Sidebar Products*/
.sidebar-product-slider {
    padding: 5px 10px;
}

.wow_side_prods_prnt {
    width: 100%;
    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;
    border-radius: 8px;
    padding: 9px 6px;
    display: flex;
}

.wow_side_prods a:hover {
    background: rgb(0 0 0 / 7%);
}

.wow_side_prods .avatar {
    position: relative;
    text-align: center;
    margin-right: 10px;
    border-radius: 7px;
    overflow: hidden;
}

.wow_side_prods .avatar img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    display: block;
    background-color: #eff8ff;
}

.sidebar-product-slider .wow_side_prods .avatar {
    min-width: 80px;
}

.sidebar-product-slider .wow_side_prods .produc_info span {
    white-space: break-spaces;
}

.wow_side_prods .produc_info {
    padding: 8px 2px;
    text-align: left;
}

.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;
    display: flex;
    flex-direction: column;
}

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

.wow_side_acts .notification-user-avatar>span {
    bottom: -6px;
    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;
}

.wo_sidebar_activity>div .notification-time span {
    font-size: 12px;
}

.no-activities.center-text {
    padding: 5px 5px 20px;
    font-family: "Noto Sans", 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: center;
    flex: 0 0 auto;
}

#wo_post_stat_button .stat-item {
    font-weight: 600;
    border-radius: 50%;
    color: #555555;
    font-size: 14.5px;
    line-height: 30px;
    flex: 1;
    border: 0;
    box-shadow: none;
    padding: 3px;
    background: #eff1f6;
    transition: all .1s ease-in-out;
    cursor: pointer;
    margin: 0 1px;
    width: 36px;
    height: 36px;
    min-width: auto;
    text-align: center;
}

#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: 22px;
    height: 22px;
    margin: 0;
}

#wo_post_stat_button .wo-reaction-post.stat-item svg {
    width: 18px;
    height: 18px;
    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: 22px;
    height: 22px;
}

#wo_post_stat_button .stat-item.wo-reaction .inline_post_emoji>.reaction {
    width: 22px;
    height: 22px;
}

#wonder-button svg {
    margin-right: 3px
}

.show_post_comm_mobi {
    display: none
}

.post .post-description .post-actions .stat-item {
    margin-top: 0 !important;
    background: #fff;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    border-radius: 20px;
}

.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
}

#wo_comment_combo .textarea {
    height: 42px;
    float: right;
    padding-top: 11px;
    width: calc(100% - 52px);
    background: #eff1f6;
    padding-right: 10px;
    border-radius: 9px !important;
    margin-left: 10px;
    border: 0;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}

#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: 15px;
}

.post_foot_actions .right_stats {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.post_foot_actions .right_stats .post-actions {
    line-height: 1;
}

/*Shared Posts*/
.post .wow_shared_posts {
    padding: 0;
}

.post .wow_shared_posts .post-heading {
    padding: 12px;
    height: 65px;
}

.wow_shared_posts_p {
    margin-bottom: 12px !important;
    padding: 0 12px;
}

.wow_shared_posts_p:empty {
    margin: 0 !important;
    padding: 0;
}

.post .wow_shared_posts #fullsizeimg,
.post .wow_shared_posts .post-fetched-url .fetched-url-text {
    margin-bottom: 0;
}

.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;
    overflow: visible;
    padding-left: 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: "Noto Sans", 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;
    margin-bottom: 15px;
}

.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-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-style: normal;
    font-weight: 400;
    font-size: 15px !important;
}

.post-RDmore-btn,
.show-message-link {
    line-height: 15px;
    font-size: 14px;
    height: 30px;
    border-radius: 30px;
    flex: 0 0 auto;
    padding: 6px 10px;
    margin: 10px 0 10px;
    min-width: 100px;
    color: #087cd8;
    background-color: #d6edff75;
    border: 1px solid #2196f34f;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 2px 6px 0 rgb(65 132 234 / 34%);
}

.post-RDmore-btn:hover,
.show-message-link:hover {
    text-decoration: none;
    color: #087cd8;
    box-shadow: 0 0px 0px 0 rgba(49, 196, 190, 0.75);
}

/*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;
}

.rsv-my-spot {
    display: block;
    /* margin-top: 10px; */
}

.sd-event-btn-wrap .rsv-my-spot .btn {
    line-height: 22px !important;
    font-size: 12px !important;
    padding: 5px 12px !important;
}

.join-com-btn-wrap {
    display: block;
    width: 100%;
}

.events-list-wrapper .rsv-my-spot {
    text-align: left;
}

.post-container .events-list-wrapper .rsv-my-spot,
.post-container .events-list-wrapper #add_to_calendar {
    text-align: center;
}

.inner-intro-right-sec .rsv-my-spot button {
    font-size: 17px;
}

.organiz-com,
.organiz-owner-details {
    word-break: break-word;
}

.organiz-com>span,
.organiz-owner-details>span {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.organiz-com a,
.organiz-owner-details a {
    font-size: 17px;
    color: #2196f3;
    background: #f4faff;
    padding: 0px 5px;
    border-radius: 16px;
    vertical-align: middle;
}

.clr-btn {
    color: #f16b75;
    background: #ffeded;
    padding: 1px 6px;
    border-radius: 20px;
    font-size: 14px;
    text-decoration: none;
}

#delete-event .modal-content {
    border-radius: 45px;
    overflow: hidden;
}

#delete-event .modal-content .modal-footer {
    text-align: center;
    margin-bottom: 20px;
}

.del-event-icon {
    text-align: center;
    padding: 20px 20px 0;
}

.del-text {
    text-align: center;
    font-size: 20px;
    padding: 0 10px;
}


/*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 {
    position: relative;
    padding: 30px 0 0;
}

.wo_post_fetch_event .fetched-url-text {
    position: relative;
    padding: 20px 10px 10px;
}

.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: 12px;
}

.fluid_video_wrapper {
    max-height: 600px;
}

#fullsizeimg img {
    max-height: none;
    border: 0;
    padding: 0;
    border-radius: 0;
    min-height: 300px;
}

#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;
}

.wo_adaptive_media .album-image {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: calc(100% / 3 - 1.4px) !important
}

.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: 2px solid #fff !important
}

.wo_adaptive_media_4 {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.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
}

.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: #F5F5F5;
    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: 10px;
}

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 {
    margin: 0 0 -8px;
    transition: all 0.2s;
}

.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);
    margin: 0 0 -3px;
}

.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 {
    margin: 28px 0;
    -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: left;
    vertical-align: middle;
    margin: auto
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.modal-header .close {
    opacity: .6;
    padding: 4px 8px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 32px;
    font-weight: 300;
}

.modal-header .close svg {
    width: 30px;
    height: 30px;
    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;
}

#tickets_refund_order {
    background: rgb(0 0 0 / 86%) !important;
}

#event_going,
#purchase_success,
#create_community {
    backdrop-filter: blur(26px);
}

#event_going .modal-dialog,
#purchase_success .modal-dialog,
#create_community .modal-dialog,
#event_checkout .modal-dialog,
.view-ticket-details .modal-dialog {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 27px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 0 27px 0 rgb(0 0 0 / 15%);
    width: 1000px;
}

#event_checkout .modal-dialog {
    padding: 20px;
    width: 870px;
}

.view-ticket-details .modal-dialog .modal-header {
    padding: 16px 36px;
}

.view-ticket-details .modal-dialog .modal-header .close,
#event_checkout .modal-header .close {
    right: 20px;
    top: 7px;
}

.view-ticket-details .modal-dialog .modal-body #cover-image {
    width: 100% !important;
    border-radius: 10px;
    margin-bottom: 10px;
}

.view-ticket-details .modal-dialog .events-list-name {
    margin-bottom: 16px;
    position: relative;
}

.view-ticket-details .modal-dialog .events-list-name:after {
    content: "";
    margin: 0 auto;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 62px;
    border-radius: 10px;
    background: #b8de53;
    border: none;
    height: 5px;
}

#event_going .modal-right,
#purchase_success .modal-right,
#create_community .modal-body-right,
#event_checkout .modal-right {
    padding: 40px;
    min-height: 480px;
}

#event_going .modal-left,
#purchase_success .modal-left,
#create_community .modal-body-left,
#event_checkout .modal-left {
    min-height: 480px;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position-y: bottom !important;
    background-position-x: center !important;
}

#event_checkout .modal-left {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position-y: top !important;
    min-height: 530px;
    background-color: #f4f5e8;
}

#event_going .modal-dialog img,
#purchase_success .modal-dialog img {
    max-width: 400px;
    width: 100%;
}

#event_checkout .modal-dialog .modal-body .event-banner-wrap,
#event_checkout .modal-dialog .modal-body .row {
    margin-bottom: 14px;
    margin-left: 0;
    margin-right: 0;
}

#event_checkout .modal-dialog img {
    width: 100%;
    max-width: initial;
    border-radius: 8px;
}

#event_going .modal-dialog .modal-title,
#purchase_success .modal-dialog .modal-title,
#event_checkout .modal-dialog .modal-title {
    color: #1d2129;
    font-weight: bold;
    line-height: 19px;
    font-size: 28.5px;
}

#event_going .modal-dialog .modal-header,
#purchase_success .modal-dialog .modal-header,
#event_checkout .modal-dialog .modal-header {
    background-color: #ffffff;
    border-color: #ffffff;
    padding: 10px 12px;
}

#event_going .modal-dialog .modal-body,
#purchase_success .modal-dialog .modal-body,
#event_checkout .modal-dialog .modal-body {
    padding: 15px;
    font-size: 18px;
}

#event_checkout .modal-dialog .modal-body {
    max-height: 80vh;
    overflow: auto;
}

#event_going .event-short-dtl,
#purchase_success .event-short-dtl,
#event_checkout .event-short-dtl {
    text-align: center;
    font-family: "Playpen Sans", cursive;
    margin-top: 50px;
}


#event_going .event-short-dtl h2,
#purchase_success .event-short-dtl h2,
#event_checkout .event-short-dtl h2 {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    font-family: "Lilita One", sans-serif;
    color: #1658cb;
    margin: 0;
    text-shadow: 4px 13px 30px #ffffff;
}

#event_checkout .event-short-dtl h2 {
    font-size: 28px;
}

#event_going .event-short-dtl h2 span,
#purchase_success .event-short-dtl h2 span,
#event_checkout .event-short-dtl h2 span {
    display: block;
    color: #ffac02;
    font-weight: 400;
    margin-bottom: 12px;
    font-family: "Playpen Sans", cursive;
    font-size: 27px;
    text-shadow: 4px 13px 30px #ffffff;
}

#event_going .event-short-dtl .short-date,
#purchase_success .event-short-dtl .short-date,
#event_checkout .event-short-dtl .short-date {
    color: #444444;
    font-size: 22px;
    font-weight: 700;
    text-shadow: 4px 3px 17px #ffffff;
}

#event_going .modal-footer,
#purchase_success .modal-footer,
#event_checkout .modal-footer {
    text-align: left;
}


#event_checkout .wow_main_prod_foot button,
.ticket_ino .ticket_desc .ticket-title .decrease,
.wow_main_prod_foot .increase,
.wow_main_prod_foot .decrease {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #bdb47f;
    font-size: 22px;
    line-height: normal;
    font-family: math;
}

#eventCheckoutDiv .empty_state {
    margin: 30px 0;
}

#registerformDiv .social-login-wrap {
    display: flex;
    gap: 10px;
    margin: 30px 0 15px;
}

#registerformDiv .social-login-wrap a.btn {
    border: 1px solid #dadce0;
    border-radius: 4px;
}

.ticket_ino {
    border: 1px solid #b2c19f;
    padding: 15px 25px;
    border-radius: 18px;
    margin-bottom: 15px;
    background: #f1ffe6;
    width: 84%;
}

.ticket_ino .ticket-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px;
}

.ticket_ino .ticket-title .wow_main_prod_foot {
    margin-top: 6px;
}

.ticket_ino .ticket-price {
    font-size: 20px;
    font-weight: 700;
}

.ticket_ino .sale-end-info {
    font-size: 14px;
    color: #f60808;
    font-weight: 500;
}

.counter-wrap .counter {
    width: 40px;
    display: inline-block;
    text-align: center;
}

.wow_main_prod_foot .counter {
    background: transparent !important;
    width: 40px;
    display: inline-block;
    text-align: center;
    min-width: auto;
}

#billingName,
#billingEmail {
    background-color: #F5F5F5;
    border-radius: 10px;
    transition: background-color 240ms, box-shadow 240ms;
    color: #393d4a;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    padding: 8px 15px;
    width: 100%;
    border: 0;
    outline: 0;
    font-family: 'Poppins';
    font-style: normal;
}

#event_checkout_body label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-top: 7px;
    font-size: 16px;
    font-weight: 600;
}

#event_checkout_body .contact_info {
    margin-bottom: 30px;
}

#event_checkout_body .contact_info .row {
    margin-left: 0;
    margin-right: 0;
}

#event_checkout_body .contact_info h3 {
    margin: 0 0 40px;
    position: relative;
    font-size: 26px;
    font-weight: 600;
}

#event_checkout_body #registerformDiv #register p.title {
    margin: 0 0 40px;
    font-size: 26px;
    position: relative;
    font-weight: 600;
}

#event_checkout_body .contact_info h3::after,
#registerformDiv #register p.title::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -8px;
    width: 62px;
    height: 5px;
    margin: 0px auto;
    border-radius: 10px;
    background: rgb(182, 235, 44);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

#event_checkout_body .contact_info .wow_form_fields {
    margin: 2px 0 0;
}

.org-info .short_start_dt.inverted h6:before {
    content: "";
    /* margin: 0 auto; */
    margin-right: 5px;
    position: relative;
    left: 0;
    bottom: -2px;
    width: 10px;
    border-radius: 2px;
    background: #8bc34a;
    border: none;
    height: 10px;
}

#event_checkout_body .ticktSelectedDetail {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    justify-content: space-between;
}

#event_checkout_body .electedDetailLabel {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    display: flex;
    margin-bottom: 2px;
}

#event_checkout_body .electedDetailLabel:before {
    content: "";
    /* margin: 0 auto; */
    margin-right: 5px;
    position: relative;
    left: 0;
    bottom: -8px;
    width: 8px;
    border-radius: 3px;
    background: #8bc34a;
    border: none;
    height: 8px;
}

.ticktPriceTotal {
    background: #f2f2f2;
    padding: 10px;
    border-top: 2px solid #b7b7b7;
}

#ticktSelectedDetailWrap {
    background: #eef5e6;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 20px;
    width: 100%;
}

#ticktDetailWrap {
    background: #f6f6f1;
    border-radius: 10px;
    padding: 16px;
    width: 100%;
}

#registerformDiv {
    display: flex;
}

#event_checkout_body #registerformDiv .col-md-8,
#event_checkout_body #registerformDiv .col-lg-6 {
    width: 100% !important;
}

#event_checkout_body .thanks-txt-wrap {
    padding: 20px 0px 28px;
    background: #ffffff;
    width: 100%;
    margin-bottom: 34px;
    border-bottom: 2px dashed #d7dec5;
}

#event_checkout_body .thanks-txt-wrap h3 span {
    font-size: 17px;
    display: block;
    margin-top: 12px;
}

#event_checkout_body .going-info-wrap {
    padding: 20px 0px 22px;
    background: #ffffff;
    width: 100%;
    margin-bottom: 0px;
    border-bottom: 2px dashed #d7dec5;
}

#event_checkout_body .thanks-txt-wrap h3,
#event_checkout_body .going-info-wrap {
    margin-top: 0;
}

.label-bg {
    background: #fafdff;
    padding: 10px;
    border-radius: 10px;
}

.label-bg .qnty-fld {
    margin-top: -10px;
}

#purchase_success .modal-dialog .modal-title {
    margin-top: 15%;
    color: #35b735;
}

#purchase_success .modal-dialog .modal-body .foot {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* #purchase_success .modal-left {min-height: 400px;} */
#purchase_success .modal-dialog {
    width: 800px;
}

#purchase_success .modal-dialog .modal-body .product-share-url-wrap {
    bottom: 80px;
}

/*Pulse Ball Loading*/
.ball-pulse {
    float: left;
    line-height: 30px;
    margin-right: 10px;
    display: none
}

.ball-pulse>div {
    background-color: #9b9ea4;
    border-radius: 100%;
    margin: 0 1px;
    display: inline-block;
    width: 4px;
    height: 4px;
    -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: #000;
    margin-top: 0;
    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)
}

.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%);
}

.wo_imagecombo_lbox .comment-section {
    width: 380px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0;
    border-radius: 0;
    background: #f8f8f8;
    overflow-y: auto;
}

.wo_imagecombo_lbox .reels-section {
    display: none !important;
}

@media (min-width: 1300px) {
    .wo_imagecombo_lbox {
        max-width: 1500px;
        max-height: 750px;
        border-radius: 16px;
    }

    .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
}

.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: 55px;
    z-index: 5;
    flex: 0 0 auto;
    vertical-align: bottom;
    margin-top: 15px;
}

.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: 9px !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: 1px solid #e4e4e4;
    border-radius: 10px;
    padding: 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
}

.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;
    height: 13.5px;
}

.wo_imagecombo_lbox .lightbox-post-footer .comment {
    display: block;
    width: 100%;
    margin: 20px 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;
}

.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;
}

.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;
}

.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: 58px;
    background: #F5F5F5;
    border-radius: 0px 16px;
    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: 50px 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 15px 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: "Noto Sans", 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: 44px;
    right: 10px;
    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: #111111;
    background-color: rgb(58 183 182 / 4%);
    border-color: rgb(103 58 183 / 8%);
    border: 1px solid #eee;
}

.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: #2196f3;
}

.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;
    clear: both;
}

.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: 'Poppins';
    font-weight: 500;
    color: #333;
    border-radius: 6px;
    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: #000;
    background-color: #F2F2F2;
}

/*.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: #f6f6f6;
    border-radius: 6px;
}

.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;
}

.select-user-verification-data .select-user-verification-photos>div {
    width: 49%;
    height: 190px;
    background: #f9f9f9;
    border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    cursor: pointer;
    display: table;
    margin: 0 6px;
    background-color: #f0f2f5;
}

.wow_prod_imgs .upload-product-image svg.feather {
    width: 24px;
    height: 24px;
    color: #848484dd
}

.wow_prod_imgs #productimage-holder {
    padding: 0 7px;
    overflow-x: auto;
    display: flex;
    flex-wrap: wrap;
}

.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 5px 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
}

.wow_prod_imgs #productimage-holder #uploaded-productimage-holder {
    display: flex;
    flex-wrap: wrap;
}

#create-product-modal select {}

#create-product-modal select option {}

/*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: "Noto Sans", 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;
    display: flex;
    flex-wrap: wrap;
}

.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: 10px;
    height: 100%;
    display: flex;
    border-radius: 16px;
    gap: 20px;
}

.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: 26%;
    min-width: 160px;
}

.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 .produc_info {
    /* width: calc(100% - 215px); */
    width: 74%;
    display: flex;
    /* flex: auto; */
    align-items: center;
    justify-content: space-between;
    /* margin-top: 20px; */
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .produc_info .produc_desc {
    flex: auto;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-by {
    position: relative;
    z-index: 9;
    top: 0px;
    left: 0px;
    display: inline-block;
    margin-bottom: 15px;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-by a {
    color: black;
    text-decoration: none;
    display: block;
    padding: 2px 10px;
    /* background: rgba(242, 242, 242, 0.83); */
    background: #e9f3de;
    border: 1px solid #d4e1c5;
    border-radius: 20px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-by-remove {
    position: absolute;
    z-index: 9;
    top: 5px;
    left: 5px;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-by-remove a {
    color: #ff4c4c;
    display: block;
    padding: 5px 6px;
    background: #ffd7d7;
    border: 1px solid #fb9393;
    border-radius: 20px;
    font-weight: 500;
    line-height: 17px;
}

.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;
    gap: 10px;
    /* 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: 60px;
    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: 30px;
    height: 30px;
    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: 500;
    font-size: 16px;
    margin: 0px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* text-transform: uppercase; */
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-title a {
    text-decoration: none;
    width: 90%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-price {
    margin: 7px 0 0;
    /* letter-spacing: normal; */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #6aa321;
}

.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: "Noto Sans", sans-serif;
}

.wow_frnd_field h4 {
    margin: 7px 0 7px;
    font-size: 15px;
    font-family: 'Poppins';
}

.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: #F5F5F5;
    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;
}

#nearby-users-distance {
    width: 100%;
    border: 0;
    height: 2.5px;
    background: #d0d0d0;
    outline: none;
    box-shadow: none;
    border-radius: 2em;
}

#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)
}

.select-nearby-users-distance #cusrange-reader {
    width: 30%;
    padding-left: 5%;
    text-align: center;
    margin-right: 5px;
}

/*Pages*/
.btn_create_big.blog {
    /* height: 340.28px; */
}

.wow_big_head_link ul li a.btn_create_big.blog {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed) !important;
    background-size: 300% 100% !important;
}

.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: 100%;
    height: 160px;
    text-align: center;
}

.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: #F5F5F5;
    border-radius: 40px;
    padding: 2px 10px;
    margin: 8px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
}

.wo_my_pages .blog_list .album_parent.view-blog {
    /* width: 100%; */
    /* flex-direction: column !important; */
    /* padding: 15px !important; */
    /* justify-content: space-between; */
    /* line-height: 22px; */
}

.wo_my_pages .blog_list .album_parent.view-blog .avatar {
    width: 26%;
    min-width: 160px;
    margin: -18px 0px -18px -18px;
}

.wo_my_pages .blog_list .album_parent.view-blog .album-name {
    /* width: 50%; */
    padding-left: 20px;
}

.wo_my_pages .blog_list .album_parent.view-blog .album-name p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    /* letter-spacing: 0.04em; */
    /* text-transform: uppercase; */
    margin-top: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

.wo_my_pages .blog_list .avatar a img {
    height: 160px;
    border-radius: 10px 10px 10px 10px;
    background-color: #eff8ff;
    display: inline-block;
}

.wo_my_pages .blog_list .album_parent.view-blog .blog-cont-wrap .wow_main_blogs_btns {
    align-self: center;
    margin-top: 0;
    min-width: 216px;
}

.wo_my_pages .blog_list .album_parent.view-blog .wow_main_blogs_btns .btn-default {
    background: #f0f2f5;
}

.wo_my_pages .blog_list .album_parent.view-blog .wow_main_blogs_btns .btn {
    border-radius: 25px;
    flex: none;
    min-width: 100px;
    /* padding: 4px 10px; */
}

.blog-cont-wrap {
    position: relative;
    width: 50%;
    display: flex;
    /* flex-wrap: wrap; */
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    height: 100%;
}

.blog-cont-wrap .album-name {
    /* position: relative;
    width: 65%;
    padding-left: 20px; */
}


/*Games*/
.wow_games {
    margin: 0 -10px;
}

.wow_games>.col-md-6 {
    padding: 0 10px;
}

.wow_pop_gam_list {
    overflow: hidden;
    font-family: "Noto Sans", 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, .45) 100%);
    padding: 100px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.wo_user_profile .problackback {
    border-radius: 16px;
    display: none;
}

.wo_user_profile .pic-info-cont {
    position: relative;
    width: 100%;
    height: 150px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: -35px;

}

.container .wo_user_profile .pic-info-cont .user-avatar {
    position: relative;
    width: 140px;
    height: 140px;
    bottom: 0;
    margin-right: 20px;
}

.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: rgba(0, 0, 0, 0.40) 1px 2px 2px;
    border-radius: 50%;
    border: 4px solid #ffffff;
}

.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;
}

.wo_user_profile .pic-info-cont .info {
    margin-top: 22px;
}

.wo_user_profile .pic-info-cont .profile_hdng_side.wo_page_hdng {
    padding: 0 15px;
}

.wo_user_profile .pic-info-cont .profile_hdng_side.wo_page_hdng .wo_page_hdng_innr {
    font-size: 16px;
}

.wo_user_profile .pic-info-cont .social-media-share a {
    height: 30px;
    display: inline-block;
    width: 30px;
    line-height: 14px;
}

.wo_user_profile .pic-info-cont .social-media-share a svg {
    width: 15px;
    height: 15px;
}

@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;
    font-size: 18px;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

.container .wo_user_profile .card.hovercard .info .title a {
    font-size: 23px;
    color: #3e3e3e;
    text-transform: capitalize;
    word-break: break-word;
    font-family: 'Poppins';
}

.container .wo_user_profile .card.hovercard .info .title svg.feather {
    width: 24px;
    height: 24px;
    fill: #55acee;
    -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: 0px;
    z-index: auto;
    margin-left: auto;
    right: 0;
    display: flex;
    gap: 6px;
    align-items: center;
}

.profile-wraper .card.hovercard .options-buttons {
    padding-right: 15px;
}

.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: "Noto Sans", 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 button img {
    max-width: 100px;
    height: auto;
    padding: 2px;
}

.link-to-skylerai button,
.options-buttons .btn,
.options-buttons button {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
}

.link-to-skylerai button img {
    width: 120px;
}

.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;
    font-size: 14px !important;
    height: 38p;
    margin-right: 3px;
    font-family: 'Poppins';
    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;
}

.icon_main_fill_color {
    fill: #2196f3;
}

.wo_user_profile .user-bottom-nav li a:hover svg .icon_main_fill_color,
.wo_user_profile .user-bottom-nav li .menuactive svg .icon_main_fill_color,
.wo_user_profile .user-bottom-nav li a:hover svg .icon_main_current_fill,
.wo_user_profile .user-bottom-nav li .menuactive svg .icon_main_current_fill {
    fill: #fff;
}

.wo_user_profile .options-buttons a.btn,
.wo_user_profile .options-buttons button.btn,
.wo_user_profile .options-buttons a.btn {
    margin: 0;
    float: none;
    background: #fff;
    border: 1px solid #2196f359 !important;
    color: #0772c7;
    line-height: 28px !important;
}

.wo_user_profile .options-buttons a:hover,
.wo_user_profile .options-buttons button:hover {
    background: #fff !important;
    border: 1px solid #2196f359 !important;
    box-shadow: 0 2px 6px 0 rgb(65 132 234 / 34%);
    background: #eaf3ff !important;

}

.wo_user_profile .options-buttons .wo_user_folw_empty_btns.dropdown-toggle {
    padding: 5px 0 !important;
    width: 40px;
    min-width: 40px !important;
    ;
    text-align: center;
}

.wo_user_profile .options-buttons svg {
    margin: 0 !important;
}

.icon_main_fill_white {
    fill: #fff;
}

.icon_main_fill {
    stroke: #2196f3;
}

.icon_main_fill_white_light {
    fill: rgb(255, 255, 255, 67%);
}

.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
}

.profile-wraper .card.hovercard {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px -6px 30px rgb(0 0 0 / 6%);
    padding: 4px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
}

.profile-wraper .profile-container .card.hovercard .cardheader {
    border-radius: 16px 16px 0 0;
}

.wo_user_profile .user-bottom-nav {
    background: #fff;
    position: relative;
    padding: 0;
    z-index: 10;
    border-top: 1px solid #f0f0f0;
    margin-top: 10px;
}

.wo_user_profile .user-bottom-nav ul {
    padding: 13px 9px;
    margin: 0;
    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: 10px 17px;
    text-decoration: none !important;
    display: block;
    text-align: center;
    border-radius: 2em;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    transition: all 0.2s;
    background: #f1efef;
}

.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: #2196f3;
    color: #fff;
}

.wo_user_profile .user-bottom-nav li a:hover svg .icon_main,
.wo_user_profile .user-bottom-nav li .menuactive svg .icon_main {
    stroke: #ffffff;
}

.wo_user_profile .wow_form_fields>label {
    font-weight: normal;
}

.wo_user_profile .user-bottom-nav li[tooltip],
.wow_my_groups_info .btn-secondary[tooltip] {
    position: relative;
}

.wo_user_profile .user-bottom-nav li[tooltip]::after,
.wow_my_groups_info .btn-secondary[tooltip]::after {
    display: none;
}

.wo_user_profile .user-bottom-nav li[tooltip]::before,
.wow_my_groups_info .btn-secondary[tooltip]::before {
    content: attr(tooltip);
    position: absolute;
    top: -30px;
    /* Position above the list item */
    left: 50%;
    transform: translateX(-50%) translateY(0px);
    /* Adjust translateY value for vertical positioning */
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 1.5px;
    border-radius: 5px;
    white-space: nowrap;
    z-index: 9999;
    opacity: 0;
    visibility: visible;
    transition: opacity 0.3s ease-in-out, transform 0.6s ease-in-out;
    min-width: 100px;
    text-align: center;
    /* Added transition */
}

.wo_user_profile .user-bottom-nav li[tooltip]:hover::before,
.wow_my_groups_info .btn-secondary[tooltip]:hover::before {
    opacity: 1;
    /* Show the tooltip on hover */
}

.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;
    grid-auto-rows: min-content;
}

.max-higt-50 {
    max-height: 50vh;
    overflow: auto;
}

.right_user_info .wo_page_hdng {
    margin-bottom: 7px;
}

#sidebar-group-list-container .wo_page_hdng.pag_neg_padd {
    margin-left: 0;
    margin-right: 0;
}

.sidebar-group-may-know-container .wow_my_groups_info {
    overflow: hidden;
}

.right_user_info .flex_stats {
    padding: 20px 15px 8px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.right_user_info .flex_stats li {
    padding: 0;
    background: transparent;
    flex: 1 1 auto;
}

.right_user_info .flex_stats li .badge {
    float: none;
    margin: 0 8px;
    background: #2196f3;
    border-radius: 6px;
    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;
    display: flex;
    flex-direction: column;
}

.right_user_info li a {
    text-decoration: none;
    color: #1d2129;
}

.right_user_info li a .h4 {
    margin-top: 7px;
    margin-bottom: 2px;
}

.right_user_info li svg:not(.feather-message-square) {
    /* color:#7a7a7a; */
    margin: -2px 6px 0 2px;
    width: 28px;
    height: 28px;
    /* border-radius: 6px; */
    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 #btnLeaveCommunity {
    margin: 0 auto;
    display: block;
}

.profile_hdng_side.wo_page_hdng .wo_page_hdng_innr {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
}

.profile_hdng_side.wo_page_hdng .wo_page_hdng_innr svg {
    margin-right: 7px;
}

.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 5px;
}

.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: 370px;
    min-height: 370px;
    /* text-align: center; */
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    width: 100%;
}

.wo_page_profile .page-info-cont {
    position: relative;
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    z-index: 99;
}

.wo_page_profile .page-info-cont .user-avatar {
    width: 150px;
    height: 150px;
    position: relative;
    margin-top: -75px;
}

.page-info-cont-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.page-info-cont-right>div {
    width: auto;
    padding: 4px;
}

.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,
.wo_page_profile .first_row .profile_hdng_side .wo_page_hdng_innr {
    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';
    word-break: break-word;
}

.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: 50px;
    line-height: 34px;
    padding: 0 10px !important;
    border-radius: 25px !important;
    font-size: 12px !important;
    transition: background .4s cubic-bezier(.25, .8, .25, 1), box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    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, #f5f5f5);
    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: 15px;
    display: flex !important;
    align-items: center;
    /*justify-content: space-around; */
    font-family: 'Poppins';
    font-size: 14px;
}

.wo_page_ratingss .col-md-8 {
    width: 66.66666667%;
}

.wo_page_ratingss .col-md-4 {
    width: 33.33333333%;
}

.page-info-cont-right .wo_page_ratingss {
    height: 38px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    border-radius: 22px;
    padding: 4px 10px !important;
}

.wo_page_ratingss>a {
    font-weight: 500;
}

.wo_page_ratingss>span:not(.page-rating) {
    margin: 0 8px;
    background: rgb(255 152 0 / 22%);
    padding: 3px 7px;
    border-radius: 6px;
    font-family: 'Poppins';
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: #ff9800;
}

.wo_page_ratingss .page-rating {
    width: 90px;
}

.wo_page_ratingss .page-rating p {
    width: 100%;
}

.wo_page_ratingss .page-rating>fieldset {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: space-around;
    flex-direction: row-reverse;
    margin: -3px 0 0px;
    max-width: 120px;
}

.wo_page_ratingss .page-rating>fieldset label {
    margin-bottom: 0;
    margin-left: 0px;
}

.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 {
    /* max-height: max-content !important; */
    padding: 20px 20px 0;
    position: relative;
    flex: 1 1 auto;
    height: calc(100vh - 398px);
    overflow: 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;
    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;
    padding: 0 !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}

.messages-load-more-messages a {
    color: #808080;
    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: linear-gradient(to right, rgba(181, 60, 63, .6), rgba(202, 97, 98, .6));
    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: 30px
}

.wo_about_page_margin {
    margin-top: 330px;
    position: relative
}

.wo_about_page_margin .list-group {
    padding: 13px 20px
}

.wo_terms_page {
    padding: 20px
}

.wow_404 {
    padding: 45px 15px;
    border: 0;
    border-radius: 0px;
    min-height: calc(100vh - 70px);
    background: transparent;
    background-image: url(../img/404-back.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: relative;
    overflow: hidden;
}

.wow_404 h4 {
    font-family: "Antonio", sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #012178;
    margin: 30px 0 48px;
    position: relative;
}

.wow_404 h1 {
    font-family: "Antonio", sans-serif;
    font-weight: 700;
    font-size: 130px;
    color: #012178
}

.wow_404 p {
    font-weight: 400;
    font-size: 22px;
    color: #297ff5;
    margin: 30px 0 48px;
    position: relative;
}

.wow_404 .btn {
    margin: auto 0 80px;
    border-radius: 40px;
    padding: 12px 33px;
    z-index: 2;
    border: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Noto Sans", sans-serif;
    letter-spacing: 1.5px;
    transition: all 0.2s;
}

.wow_404 .btn:active {
    box-shadow: 0px 2px 0px 0px #812f30;
}

.wow_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: #f5f5f5;
    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 #f5f5f5;
    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 #f5f5f5;
    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:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
}

#wo_useract_btn svg {
    vertical-align: middle;
    margin: -3px 3px 0 -1px;
    fill: rgba(255, 255, 255, 0);
    padding: 0;
    height: 16px;
    width: 16px;
}

.wo_follow_btn {
    /*background:linear-gradient(to right,#cc1e47 0,#ce3559  100%)!important*/
}

.wo_follow_btn .icon_main {
    stroke: currentColor !important;
}

.wo_request_btn {
    background: linear-gradient(to right, #aec9de 0%, #5f92c4 100%) !important;
    color: #ffffff !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: 30em;
    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: 2px solid rgba(0, 0, 0, .54);
    border-radius: 50%;
    transition: all 90ms cubic-bezier(0, 0, .2, .1)
}

.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
}

.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;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: posts-show-loading 1.5s infinite linear;
}

.wo_post_skel_head .skel_noti_name {
    width: 200px;
    display: block;
    height: 20px;
    border-radius: 6px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: posts-show-loading 1.5s infinite linear;
}

.wo_post_skel_head .skel_noti_time {
    width: 50px;
    display: block;
    height: 15px;
    margin-top: 10px;
    border-radius: 6px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: posts-show-loading 1.5s infinite linear;
}

.wo_post_skel_body {
    margin-top: 20px;
}

.wo_post_skel_body .skel_desc {
    width: 80%;
    margin: 0 0 8px;
    height: 10px;
    border-radius: 6px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: posts-show-loading 1.5s infinite linear;
}

.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%;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: posts-show-loading 1.5s infinite linear;
}

@keyframes posts-show-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.lighbox.comment-textarea {
    border: none
}

/*Alerts*/
.alert {
    border: 0;
    font-family: 'Poppins';
    border-radius: 16px;
    padding: 15px;
}

.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: #4CAF50;
    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: linear-gradient(to right, #ff9885 0%, #F44336 100%);
    color: #ffffff;
}

.alert a {
    color: #fff;
    text-decoration: underline;
}

/*Empty State*/
.empty_state {
    margin: 50px 0;
    color: #6d6d6d;
    text-align: center;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    width: 100%;
}

.empty_state svg {
    display: block;
    margin: 0 auto 15px;
    width: 60px;
    height: 60px;
    padding: 14px;
    background: #f6f6f6;
    border-radius: 6px;
}

.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;
}

.wo_page_hdng.pag_neg_padd {
    margin: -15px -15px 0;
}

.wo_page_hdng.pag_alone {
    border: 0;
}

.wo_page_hdng_innr {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #050505;
    font-weight: 600;
    line-height: 16px;
    font-family: 'Poppins';
}

.wo_page_hdng_innr a,
.wo_page_hdng_innr div {
    color: #050505;
}

#event_checkout .event-share-url-wrap {
    width: calc(100% - 170px);
    bottom: 80px;
    left: 0;
}

.event-share-url-wrap {
    border: 1px solid rgb(204, 204, 204) !important;
    margin: 10px 0 0 !important;
    border-radius: 6px;
    width: calc(100% - 110px);
    position: absolute;
    background: #fff;
    z-index: 99;
}

.sidebar.rightcol .event-share-url-wrap {
    width: calc(100% - 15px);
    margin-top: -5px !important;
}

.event-share-url-wrap .event-url {
    margin-top: 15px;
}

.slider-close,
.shr-url-close {
    position: absolute;
    right: 0;
    top: 0;
    background: #ffe7e7;
    color: #ff4f4f;
    padding: 0px;
    cursor: pointer;
}

slider-close:hover,
.shr-url-close:hover {
    background: #ffd7d7;
    color: #ff4343;
}

.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: "Noto Sans", 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: #ffffff;
    /*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: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 4px;
}

.inline_post_emoji>.reaction {
    width: 22px;
    height: 22px;
    display: inline-block;
    line-height: 1;
}

.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: 37px;
}

#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: 999;
    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: "Noto Sans", 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: "Noto Sans", sans-serif;
    ;
    color: #535353;
}

.earn_points .counter {
    background-color: #f5f5f5;
    padding: 25px 15px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

.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: 0px;
    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: #F5F5F5;
}

.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 {
    border-radius: 50px;
    font-family: 'Poppins';
    min-width: 120px;
    margin: 0 15px;
}

.wow_srch_innr_filtr {
    padding: 0 10px;
    margin-bottom: 20px;
}

.wow_srch_innr_filtr>p {
    font-weight: bold;
    margin-bottom: 5px;
}

.wow_srch_innr_filtr .pp_mat_input {
    display: flex;
    flex-wrap: wrap;
    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: 70px;
    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;
    border-radius: 20px 20px 0px 0px;
}

.modal-title {
    color: #1d2129;
    font-weight: bold;
    line-height: 19px;
    font-size: 14.5px;
}

.modal-title {
    color: #1d2129;
    font-weight: 500;
    line-height: 19px;
    font-size: 14.5px;
    margin-bottom: 15px;
}

.modal .modal-footer {
    background: #fff;
    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: 44px;
    line-height: 35px;
    font-style: normal;
    font-weight: 500;
    padding: 0 20px;
    font-size: 14px;
}

#upload_history .modal-header {
    background-color: #ffffff;
    border-color: #bbd3de;
    padding: 14px 12px;
    border-radius: 20px 20px 0px 0px;
}

#upload_history .modal-title {
    color: #1d2129;
    font-weight: 500;
    line-height: 27px;
    font-size: 20px;
}

#upload_history .modal-header .close {
    opacity: .6;
    padding: 4px 8px;
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 32px;
    font-weight: 300;
}

#upload_history .modal-body {
    padding: 0 15px 20px;
    max-height: 400px;
    overflow: auto;
}

#upload_history .history-title {
    background: #e4eff4;
    border-radius: 4px;
    padding: 14px;
    position: fixed;
    width: 100%;
    z-index: 99;
}

#upload_history .history-data-row {
    padding: 14px;
    color: #3f5b68;
}

#upload_history .history-data-row:first-child {
    margin-top: 50px;
}

#upload_history .history-data-row:nth-child(odd) {
    background: #eff4f6;
}

/*User Pokes*/
.wo_pokes_cont {
    border-radius: 2px;
    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: 50px;
    width: 50px;
    margin-right: 9px;
    overflow: hidden;
}

.wo_poke_users .poke_info .user-name {
    font-family: "Noto Sans", 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: none;
    border-radius: 16px;
    padding: 15px 25px;
}

#wo_main_sett_mid .wo_settings_page form {
    font-family: "Noto Sans", sans-serif;
}

.manage-emails-form .form-group .form-line .form-label {
    font-weight: 700;
    font-size: 15px;
}

.manage-emails-form .form-group .form-line .alert-warning {
    margin: 6px 0 10px;
}

#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;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 16px;
    box-shadow: none !important;
}

.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;
}

.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
}

#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: 5px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.greetalert img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    user-select: none;
}

.greetalert .small-texts {
    font-weight: bold;
    font-size: 15.5px;
    padding-right: 70px;
    display: block;
}

.greetalert p {
    font-weight: normal;
    font-size: 13.5px;
    margin-bottom: 0;
    margin-top: 2px;
    padding-right: 70px;
}

/*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;
}

/*Search Bar*/
#search_box_sp {
    position: relative;
    max-width: 100%;
    /* padding: 10px; */
    box-sizing: border-box;
}

.search-input-group {
    width: 100%;
    padding-top: 1.4rem;
}

.search-input-group div p {
    margin-bottom: 0;
    font-size: 10px;
    padding-left: 1rem;
    color: #65676b !important;
}

#search-bar-sp .search-input {
    padding: 10px 8px 10px 15px;
    height: 43px;
    font-size: 13px;
    width: 100%;
}

.pop-serch {
    background: #eff1f6;
    padding: 7px 10px;
}

#search_box_sp .search-dropdown-container {
    padding: 0;
    overflow: hidden;
    margin-top: 2px;
    box-shadow: 0 8px 10px rgb(129 159 181 / 70%);
}

#search_box_sp .search-dropdown-container .search-dropdown-result {
    margin: 0px 0 0;
}

#search_box_sp .search-dropdown-container .search-dropdown-result li.dropdown-item {
    border: none;
    margin: 0;
    padding: 0;
}

#search_box_sp .search-dropdown-container .search-dropdown-result li.dropdown-item a:hover {
    background: rgb(231 247 255);
}

#search_box_sp .search-dropdown-container .search-dropdown-result li.dropdown-item a svg {
    margin-right: 4px;
}

.search-bar-container {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 10px 10px 10px 34px;
    margin: auto;
    box-shadow: 0 7px 10px rgb(189 213 231);
    border-radius: 16px;
    width: 100%;
    box-sizing: border-box;
}

.search-input {
    flex: 1;
    border: none;
    padding: 13px 7px;
    border-radius: 30px 0 0 30px;
    outline: none;
    font-size: 12px;
    background-color: #f0f2f5;
    color: #65676b !important;
    ;
}

.search-button {
    padding: 10px 20px;
    border-radius: 0 30px 30px 0;
}

.beta-tag {
    position: absolute;
    left: -20px;
    top: 4px;
    background: #ffc107;
    color: #000000;
    font-size: 12px;
    transform: rotate(-45deg);
    padding: 2px 24px;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


.zip-code-container {
    display: flex;
    align-items: center;
    background-color: #f0f2f5;
    padding: 12px 12px;
    border-left: 1px solid #ccc;
}

.location-icon {
    display: flex;
    align-items: center;
    margin-right: 5px;
}

.location-icon svg {
    width: 16px;
    height: 16px;
    fill: #65676b;
}

.zip-input {
    border: none;
    background: transparent;
    font-size: 12px;
    color: #65676b;
    width: 55px;
}

.zip-input:focus {
    outline: none;
}

.business-loading-progress {
    color: #fff;
    font-size: 30px;
    text-align: center;
    width: 100%;
}

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

.ball-pulse {
    float: left;
    line-height: 30px;
    margin-right: 10px;
}

@media (max-width: 768px) {
    .search-bar-container {
        flex-direction: column;
        padding: 20px 15px;
    }

    .search-input,
    .zip-code-container,
    .search-button {
        width: 100%;
        margin: 5px 0;
        border-radius: 12px;
    }

    .search-button {
        margin-top: 10px;
    }

    .zip-code-container {
        justify-content: space-between;
    }

    .beta-tag {
        top: 0;
        left: -15px;
        transform: rotate(-45deg);
    }

    .zip-input {
        width: 100%;
    }

    #search_box_sp .search-dropdown-container {
        position: absolute;
        top: 70px;
    }
}

/*Story*/
.width_ {
    width: 0;
}

.wo_imagecombo_lbox.story_lightbox {
    max-width: 1500px;
    border-radius: 16px;
    height: calc(100% - 50px);
    overflow: hidden;
    margin: auto;
}

.wo_imagecombo_lbox.story_lightbox.story_width_ {
    max-width: 400px;
}

.wo_imagecombo_lbox.story_lightbox .mfp-wrap {
    position: absolute;
    height: 4px;
    border-radius: 2em;
    top: 0;
    right: 0;
    left: 0;
}

.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 {
    /*overflow: hidden;*/
    display: flex;
    align-items: center;
    padding: 0 10px;
    margin-top: 4px;
    height: 61px;
    position: relative;
    background: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0.2));
    z-index: 1;
}

.wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info {
    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;
}

.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 {
    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: "Noto Sans", 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: "Noto Sans", 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: #F5F5F5;
}

.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: 15px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 15px;
}

.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: #f4f4f4;
    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 0;
}

/*Who React Modal*/
.who_react_modal {
    display: flex;
    align-items: center;
    margin: -4px 0;
    padding: 10px;
}

#users-reacted-modal .modal-content {
    padding: 20px;
    background: #d6d6d6;
}

.who_react_modal>span {
    display: flex;
    padding: 5px;
    height: 28px;
    margin: 0 0 0 10px;
}

#reacted_users_box {
    border-radius: 12px;
    background: #fffffff7;
    padding-top: 20px;
    min-height: 132px;
}

#users-reacted-modal .modal-header {
    margin: 0 0 5px !important;
}

#users-reacted-modal .modal-header .close {
    padding: 0px;
    margin: 0;
    line-height: 20px;
    opacity: 0.4;
    top: -5px;
    background: #ffffff;
    border-radius: 9px;
    height: 28px;
    width: 28px;
}

#users-reacted-modal .modal-header .close:hover {
    opacity: 0.8;
}

.who_react_modal>span:first-child {
    margin: 0px;
}

.who_react_modal>span .inline_act_emoji {
    transform: scale(1.2);
}

.wow_mat_mdl .modal-header {
    border: 0;
    background: transparent !important;
    padding: 0;
    margin: 0 0 2px;
    position: relative;
    z-index: 9;
}

.who_react_modal>span .inline_post_emoji .reaction>img {
    width: 22px;
    height: 22px;
    box-shadow: 0 0 0 8px rgb(214 214 214);
    border-radius: 10px;
}

.who_react_modal>span.how_reacted_active .inline_post_emoji .reaction>img {
    -webkit-box-shadow: 0 0 0 5px rgb(255 255 255);
    box-shadow: 0 0 0 5px rgb(255 255 255);
    border-radius: 44px;
}

.who_react_to_this_user {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #eaeaea;
    background: #f3f3f3;
    margin-bottom: 2px;
}

.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: 38px;
    overflow: hidden;
    margin: 0;
    line-height: 18px;
}

.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 {
    height: 32px !important;
    line-height: 28px !important;
    padding: 0 15px !important;
    font-size: 13px !important;
}

/*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%;
}

.messages-recipients-list {
    position: relative;
    cursor: pointer;
    padding: 15px 27px;
    transition: all .3s;
    border: 0;
}

.messages-recipients-list:hover {
    background-color: #F7F7F7;
}

.messages-recipients-list img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0;
}

.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 .msg_rght_prt>p {
    font-family: 'Poppins';
    font-style: normal;
    font-size: 13px;
    margin: 6px 0 0;
}

.messages-recipients-list .msg_rght_prt>p.new_msg_active_list {
    color: #333338;
}

.messages-recipients-list .messages-last-sent {
    font-size: 12px;
    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: #2A2A2F;
}

.messages-recipients-list .messages-user-name {
    font-size: 16px;
    font-weight: bold;
    color: #222;
    display: inline-block;
    max-width: calc(100% - 80px);
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
}

.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: #e83e8c;
    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:hover .messages-load-more-messages {
    opacity: 1;
    visibility: visible;
}

.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 img {
    border-radius: 50%;
    margin-right: 15px;
    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 .msg_usr_info_top_list .msg_usr_cht_opts_btns .dropdown-menu {
    padding: 8px;
}

.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns .dropdown-menu>li {
    margin: 0;
}

.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns .dropdown-menu>li>a {
    display: flex;
    align-items: center;
    line-height: normal;
    padding: 8px 14px !important;
    border-radius: 8px;
    gap: 12px;
    font-size: 15px;
    word-break: break-word;
    font-family: 'Poppins';
    font-style: normal;
}

.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns .dropdown-menu>li>a svg {
    margin: 0;
    height: 30px !important;
    width: 30px !important;
    border-radius: 6px;
    padding: 5px;
    flex: 0 0 auto;
}

.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: #f5f5f5;
    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: 0px 0 10px;
    font-family: 'Poppins';
    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;
}

.more-messages {
    position: relative;
    margin: 20px 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding: 0 30px;
}

.more-messages:before,
.more-messages:after {
    content: "";
    height: 1px;
    background: rgb(60 57 57 / 13%);
    flex-grow: 1;
}

.more-messages:before {
    margin-right: 15px;
}

.more-messages:after {
    margin-left: 15px;
}

.wo_user_profile .options-buttons .usr-acpt-btn-wrap button.btn {
    background: #2196f3;
    color: #ffffff;
}

.wo_user_profile .options-buttons .usr-acpt-btn-wrap button.btn:hover {
    color: #2196f3;
}

/* .first-time-message-action {
    position: relative;
    margin: 14px 15px;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;    
    align-items: center;
    padding: 0 20px;    
}

.first-time-message-action .action-button {
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 30px; 
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 
}

.first-time-message-action .action-button:hover {
    opacity: 0.9;
    transform: translateY(-3px); 
}

.first-time-message-action .action-button.block {
    background: linear-gradient(145deg, #ff3b3b, #f44336); 
    color: white;
    border: 2px solid #f44336; 
}

.first-time-message-action .action-button.report {
    margin-left: 15px;
    background: linear-gradient(145deg, #ff8c00, #ffa500); 
    color: white;
    border: 2px solid #ffa500; 
}

.first-time-message-action .action-button.allow {
    margin-left: 15px;
    background: linear-gradient(145deg, #4caf50, #388e3c); 
    color: white;
    border: 2px solid #4caf50; 
}

.first-time-message-action .action-button:focus {
    outline: none; 
}

.first-time-message-action .info-message {
    background-color: #f1f8ff; 
    border-left: 5px solid #2196F3; 
    padding: 15px 20px;
    margin-bottom: 20px; 
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #333; 
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

.first-time-message-action .info-message span {
    line-height: 1.5; 
}

.first-time-message-action .info-message br {
    display: block;
    margin-bottom: 5px;
} */

/* Style for the informational message */
.info-message {
    background-color: #f1f8ff;
    /* Light blue background */
    border-left: 5px solid #2196F3;
    /* Blue accent line on the left */
    padding: 20px;
    margin-bottom: 20px;
    /* Adds space below the message */
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    /* Dark grey text for better readability */
    border-radius: 8px;
    /* Rounded corners for modern appearance */
    display: flex;
    flex-direction: column;
    /* Stack text and buttons vertically */
    gap: 15px;
    /* Space between the text and the buttons */
}

.info-message span {
    line-height: 1.5;
    /* Adjust line height for better readability */
}

.info-message br {
    display: block;
    margin-bottom: 5px;
    /* Adds space between lines */
}

/* Style for the buttons inside the info-message div */
.first-time-message-action {
    display: flex;
    justify-content: space-between;
    /* Distribute buttons evenly */
    gap: 10px;
    /* Space between buttons */
}

.action-button {
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.action-button:hover {
    opacity: 0.9;
    transform: translateY(-3px);
    /* Slight lift effect */
}

.block {
    background: linear-gradient(145deg, #ff3b3b, #f44336);
    /* Red for Block */
    color: white;
    border: 2px solid #f44336;
}

.report {
    background: linear-gradient(145deg, #ff8c00, #ffa500);
    /* Orange for Report */
    color: white;
    border: 2px solid #ffa500;
}

.allow {
    background: linear-gradient(145deg, #4caf50, #388e3c);
    /* Green for Allow */
    color: white;
    border: 2px solid #4caf50;
}

.action-button:focus {
    outline: none;
    /* Removes focus outline for better look */
}



.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 - 214px);
}

#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: 20px;
    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%;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr svg {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 15px;
    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 10px 0 52px;
    height: 40px;
    background: #ffffff;
    border-radius: 8px;
    border: none;
    font-size: 15px;
    width: 100%;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #262D34;
}

#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: #a84849;
    color: #fff;
    border-radius: 8px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
    margin-left: 15px;
}

#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: #fff;
    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: #c45a5b;
}

#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;
}

#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: 6px;
    cursor: pointer;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    background: white;
    color: #262D34;
}

#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: white;
    border-radius: 10px;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px 0;
}

#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: none;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}

#wo_nw_msg_page .messages-recipients-list .online_dot.active {
    display: flex;
}

#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 10px 20px;
    background: #F5F5F5;
    border-radius: 2em;
}

#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: 'Poppins';
    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;
    min-width: auto;
}

#wo_msg_right_prt .text-sender-container .sendMessages .send-button svg {
    width: 21px;
    height: 21px;
    margin: -2px 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;
    min-width: auto;
}

#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_msg_right_prt .msg_write_combo .emo-message-container {
    right: auto !important;
    left: 0 !important;
}

.wo_kb_msg_page {
    padding: 20px 20px;
    height: 100%;
    width: 100%;
}

.sd-event-btn-wrap {
    display: flex;
    gap: 6px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.upcoming-event-list-sidbar #eventLinkLocation {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 4px;
}

/*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,
.view-more-comments {
    padding: 0 15px;
}

.view-more-wrapper .order-by,
.view-more-comments span {
    margin: 0;
    border: 0;
    background: #f0f2f5;
    padding: 5px 10px;
    border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    font-size: 14px;
}

.view-more-wrapper .order-by .dropdown-menu {
    min-width: 130px;
}

.view-more-wrapper .order-by+.ball-pulse {
    margin: 3px 7px;
    transform: scale(0.6);
}

.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: 15px;
    font-family: "Noto Sans", sans-serif;
}

.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: #2196f3;
    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: 1;
    padding: 3px;
}

/*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 .row {
    margin-bottom: 0;
    padding: 5px;
    box-shadow: none;
}

.wo_create_job_box>.setting-update-alert {
    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: "Noto Sans", 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;
    gap: 8px;
}

.wo_create_job_box_flex .sun_input input {
    width: 128px;
}

.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;
    font-size: 18px;
    font-weight: 500;
}

.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: #fff;
    border: 0;
    font-weight: 600;
    height: 34px !important;
    line-height: normal;
}

button.close {
    padding: 12px;
}

/*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
}

/*Custom Checkbox*/
.custom-check input[type=checkbox] {
    position: relative;
    border: 2px solid #000;
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    opacity: .5;
}

.custom-check input[type=checkbox]:hover {
    opacity: 1;
}

.custom-check input[type=checkbox]:checked {
    background-color: #000;
    opacity: 1;
}

.custom-check input[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}

/*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: "Noto Sans", 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-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    font-weight: 600;
    padding: 0 10px;
    line-height: 35px;
    min-width: 150px;
    box-shadow: 0 1px 5px -1px rgba(0, 150, 136, 0.25);
    color: #fff !important;
}

.wo_vew_apld_blocks {
    background-color: #f5faff;
    padding: 20px 20px 5px;
    border-radius: 9px;
    margin: 20px 0;
    border: 1px solid #eee;
}

.wo_vew_apld_blkmrgn {
    margin-bottom: 20px;
}

.wo_vew_apld_blkmrgn b {
    font-family: 'Poppins';
    font-weight: 500;
}

.apld-date-row {
    background: #fff;
}

.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 .dropdown a {
    width: 34px;
    height: 34px;
    background: #eff1f6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}

.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: 20px;
}

.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: #2196f3;
    color: #fff !important;
    line-height: 38px;
    height: auto;
    width: auto;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 25px;
    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;
    gap: 8px;
}

.wo_jlist_info_main span {
    display: inline-block;
    /* margin: 5px 0 0; */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
}

.wo_jlist_info_main span.btn,
.wo_jlist_info_main a.btn {
    min-width: auto;
    overflow: initial;
}

.wo_jlist_info_main span.cats a {
    text-decoration: none;
    background: #F5F5F5;
    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: #F5F5F5;
    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: #F5F5F5;
    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;
}


/*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;
}

#discover_communities_load_more {
    width: 100%;
}

.load-more .btn {
    background: white;
    color: #ff6161 !important;
    height: 44px;
    line-height: 41px;
    border-radius: 25px;
    padding: 0 26px !important;
    position: relative;
    transition: all 0.15s;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
    border-color: #d43f3a;
}

.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: 0.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: 'Poppins';
}

.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: #F2F2F2;
    border-radius: 6px;
}

.wow_mat_mdl .modal-content {
    padding: 20px;
    border: 0;
    border-radius: 16px;
    box-shadow: none;
    width: 100%;
}

.wow_mat_mdl .modal-header {
    border: 0;
    background: transparent !important;
    padding: 0;
    margin: 0 0 15px;
}

.wow_mat_mdl .modal-header .modal-title {
    line-height: 32px;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Poppins';
}

.wow_mat_mdl .modal-header .close {
    padding: 8px;
    margin: 0;
    line-height: 1;
    opacity: 0.4;
}

.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: 10px 0 0;
    border: 0;
}

.wow_mat_mdl .modal-footer .btn.main {
    box-shadow: none;
}

/*Form Fields*/
.wow_form_fields {
    position: relative;
    margin: 15px 0 0;
    font-family: "Noto Sans", sans-serif;
}

.wow_form_fields>label {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    display: block;
}

.wow_form_fields>label .tip-text,
.upload_ad_image_content .tip-text {
    font-size: 14px;
}

.wow_form_fields input,
.wow_form_fields textarea,
.wow_form_fields select,
.wow_form_fields>.bootstrap-select.btn-group>.dropdown-toggle {
    background-color: #F5F5F5;
    border-radius: 10px;
    transition: background-color 240ms, box-shadow 240ms;
    color: #393d4a;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    padding: 8px 15px;
    width: 100%;
    border: 0;
    outline: 0;
    font-family: 'Poppins';
    font-style: normal;
    height: 50px;
}

#business_section_social_profiles,
#business-list,
#business_section_basic_details,
#business_section_media,
#business_section_hours,
#business_section_portfolio,
#business_section_services {
    padding: 25px;
}

.business-edit-title {
    font-size: 18px;
    margin: 0 0 15px;
}

.zip-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border: 0px solid #f6f6f6 !important;
    background: #fff;
}

.zip-group.open {
    border: 1px solid #f6f6f6 !important;
    margin-bottom: 15px;
    margin-top: 5px;
    border-radius: 6px;
}

.zip-group .city-zip-block input[type=checkbox] {
    height: 20px;
    width: 20px;
}

.zip-group .city-zip-block {
    margin-bottom: 12px;
    border-bottom: 0px dashed #ccc;
    padding-bottom: 10px;
    width: 20%;
    text-align: center;
}

.zip-group>div {
    width: 100%;
    margin-bottom: 20px;
}

.zip-group .city-zip-block label {
    display: flex;
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.wow_form_fields textarea {
    resize: vertical;
    border-radius: 10px;
}

.state-header {
    background: #F5F5F5 !important;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    user-select: none;
    border: 0px solid #d9d9d9 !important;
    border-radius: 6px;
}

#social_links_wrapper {
    margin-bottom: 20px;
}

#social_links_wrapper .social-link-row {
    margin-bottom: 15px;
}

.remove-link-row {
    border: 0;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #f4e9e9;
}

.remove-link-row svg {
    fill: #ff0f0f;
}

.text-end {
    text-align: right;
}

.business_section_portfolio .portfolio-grid,
#portfolio_preview {
    display: flex;
    gap: 12px;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px;
}

#portfolio_preview .position-relative {
    width: calc(20% - 10px);
}

#portfolio_preview .position-relative img {
    width: 100%;
    /* height: 100px; */
    object-fit: cover;
    border-radius: 8px;
}

.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: #F5F5F5;
    transition: background-color 240ms, box-shadow 240ms;
    border-radius: 9px;
    box-shadow: none;
}

.modal-imp-text {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 18px;
}

.modal-body-title {
    color: #373737;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 18px;
}

input.skylerwidget_link {
    margin-bottom: 7px;
}

.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;
    white-space: inherit;
    line-height: 16px;
}

.bootstrap-tagsinput span.tag>[data-role=remove] {
    background: transparent;
}

.wow_form_fields .bootstrap-tagsinput input {
    box-shadow: none;
    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: #F5F5F5;
}

.wow_form_fields .input-group-addon#communityBaseUrl {
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wow_form_fields .input-group-addon+input {
    border-radius: 0 9px 9px 0;
}

.wow_form_fields input[readonly] {
    background-color: #F5F5F5 !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: 80px !important;
    padding: 0 10px;
}

.wow_forum_sections .forum-meta-d.titles {
    width: calc(50% - 30px);
    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: #F5F5F5;
    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: "Noto Sans", 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: #F5F5F5;
    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: "Noto Sans", 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: "Noto Sans", 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;
}

.dwnld-label a {
    background: #f6f6f6;
    border-radius: 20px;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    padding: 5px 20px;
    box-shadow: 0px 2px 4px 0 rgb(157 157 157 / 14%);
    border: 1px solid #e0e0e0;
    display: flex;
}

.dwnld-label a label {
    font-size: 16px;
    margin-right: 14px;
}

.qr-code-wraper {
    display: inline;
}

.qr-code-wraper .round-check {
    text-align: center;
}

.qr-code-wraper .round-check img {
    width: auto !important;
    position: initial !important;
}

/*GO Pro*/
.pick_plan_main {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 38px;
    margin: 30px 0 15px;
}

.pick_plan_main_text {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    margin: 0 0 30px;
}

.wow_price_plans {
    position: relative;
    z-index: 9;
    border-radius: 26px;
    padding: 40px 25px 1px;
}

.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_row::before {
    background: grey;
}

.wow_price_plan {
    width: 100%;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    position: relative;
}

.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;

}

.wow_price_plan .plan_head h5 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
}

.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: 500;
    font-size: 15px;
    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: 2em;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 45px;
}

.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 {
    border-radius: 12px;
    padding: 40px 20px;
    margin-bottom: 30px;
}

.wo_pro_features .innr_feat img {
    max-height: 65px;
}

.wo_pro_features .innr_feat svg {
    height: 55px;
    width: 55px;
}

.wo_pro_features .innr_feat p {
    margin: 15px 0 0;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    max-width: 130px;
}

.wo_pro_features .innr_feat_flex {
    display: flex;
    align-items: 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: "Noto Sans", 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 {
    margin-left: auto;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.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;
}

.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: "Noto Sans", 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*/
.skylerAi-ext-link {
    background: transparent;
}

.skylerAi-ext-link .wow_side_loggd_usr {
    background: #dee6d4;
    border-radius: 60px;
    margin-bottom: 15px;
    padding: 5px;
    text-align: center;
}

.skylerAi-ext-link .skylerAi-ext-link-btn {
    background: transparent;
    box-shadow: none !important;
}

.wow_side_loggd_usr {
    margin-bottom: 15px;
    padding: 12px;
    font-family: "Noto Sans", sans-serif;
    box-shadow: none;
    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: 124px;
    object-fit: cover;
}

.wow_side_loggd_usr_hdr {
    position: relative;
}

.wow_side_loggd_usr_hdr .avatar {
    width: 70px;
    height: 70px;
    margin: 0px auto -2px;
}

.wow_side_loggd_usr_hdr .avatar img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
}

.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: 16px;
    line-height: 20px;
}

.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%;
}

/*Sidebar Hashtags*/
.sidebar .list-group,
.featured-users {
    box-shadow: none;
    border-radius: 16px;
    border: 0;
    overflow: visible;
}

.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: rgb(145, 212, 65, 24%);
    border-radius: 4px;
    padding: 7px;
    color: #2196f3;
    margin-right: 10px;
    transition: all 0.2s;
}

.sidebar .wow_htag a:hover svg {
    background: rgb(145, 212, 65, 36%);
}

.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: "Noto Sans", 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: "Noto Sans", 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: 6px;
    position: relative;
}

.wow_post_usr_ava img.blur_img {
    position: absolute;
    width: 75%;
    height: 75%;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    filter: blur(8px);
    opacity: 0.7;
}

.wow_post_usr_ava span {
    position: absolute;
    bottom: -4px;
    right: -4px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    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;
}

.wow_side_post_group_fltr {
    margin: 7px;
    width: calc(100% - 14px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: #fafafa;
    -webkit-box-shadow: inset 0 0 10px 0px rgb(195 219 239 / 33%);
    box-shadow: inset 0 0 10px 0px rgb(195 219 239 / 33%);
    padding: 0px 10px;
    border-radius: 0px;
    justify-content: flex-start;
    border-radius: 7px;
}

.wow_side_post_group_fltr a {
    width: auto !important;
}

.wow_side_post_group_fltr .sb-gropu-create {
    background: #accc6f;
    border-radius: 10px;
    width: 26px;
    height: 26px;
    line-height: 21px;
    padding: 1px;
    margin-left: 5px;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.wow_side_post_group_fltr .sb-gropu-create:hover {
    background: #82a93a;
}

.wow_side_post_group_fltr .sb-gropu-create[tooltip]::after {
    display: none;
}

.wow_side_post_group_fltr .sb-gropu-create[tooltip]::before {
    content: attr(tooltip);
    position: absolute;
    top: -106%;
    left: 50%;
    transform: translateX(-50%) translateY(0px);
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 1.5px;
    border-radius: 5px;
    white-space: nowrap;
    z-index: 9999;
    opacity: 0;
    visibility: visible;
    transition: opacity 0.3s ease-in-out, transform 0.6s ease-in-out;
}

.wow_side_post_group_fltr .sb-gropu-create[tooltip]:hover::before {
    opacity: 1;
}

.sb-gropu-label {
    border-bottom: 1.5px dashed #ccc;
    width: 100%;
    display: inline-block;
}

.wow_side_post_group_fltr .sb-gropu-create a {
    color: #fff;
}

.wow_side_post_group_fltr ul {
    padding: 14px 10px;
    width: 100%;
}

.wow_side_post_group_fltr ul li {
    padding: 12px 0px 12px 6px;
    border-image: linear-gradient(90deg, #fefefe, #afafaf, #b9b9b9, #d9ecf4) 1;
    list-style: disc;
    list-style-position: inside;
    font-size: 10px;
}

.wow_side_post_group_fltr ul li>a {
    padding: 7px;
    width: 100%;
    display: contents;
    position: relative;
    padding-right: 90px;
    font-weight: 500;
    width: 100%;
    font-size: 15px;
}

.wow_side_post_group_fltr ul li a>div {
    /* display: block; */
    /* margin-top: 6px; */
    /* margin-left: 10px; */
    /* float: none !important; */
}

.group-btns-wrap {
    display: block;
    margin-left: 10px;
    margin-top: 6px;
}

.wow_side_post_group_fltr ul li>div {}

.wow_side_post_group_fltr ul li.pg-view {
    list-style: none;
    text-align: left;
    border-top: 0;
    padding-top: 0;
}

.wow_side_post_group_fltr ul li.pg-view a {
    display: inline-block;
    text-align: center;
    padding: 7px;
    min-width: 70px;
}

#builder-navigation {
    width: 100%;
}

#builder-navigation ul,
#builder-navigation ul ul {
    margin: -2px 0 0;
    padding: 0;
}

#builder-navigation ul li {
    list-style-type: none;
    padding: 4px 0px 2px 6px;
}

#builder-navigation ul li.active ul {
    display: block;
}

#builder-navigation ul li a {
    display: block;
    outline: 0;
    padding: 7px 10px;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    width: 100%;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

#builder-navigation ul li a span {
    display: inline-block;
}

#builder-navigation ul li a i {
    width: 20px;
    line-height: 30px;
}

#builder-navigation ul li a i::before {
    font-size: 22px;
}

#builder-navigation ul li a i .fa-angle-left,
#builder-navigation ul li a i .fa-angle-right {
    padding-top: 3px;
}

#builder-navigation ul ul {
    display: none;
}

#builder-navigation ul ul li {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    border-bottom: none;
}

#builder-navigation ul ul li a {
    padding: 8px 10px;
    margin: 0px 0;
    border-radius: 8px;
}

#builder-navigation ul ul li a:hover {
    background: #e6e6e6;
}

.pg-view {
    list-style: none;
    text-align: left;
    border-top: 0;
    padding-top: 0;
}

/*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;
}

.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: 0;
}

.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: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    margin: 15px 0 5px;
}

.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: "Noto Sans", 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: "Noto Sans", 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: "Noto Sans", 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;
    background: white;
    border-radius: 10px;
    height: 100%;
    padding-bottom: 86px;
}

.text-sender-container .sendMessages {
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #fff;
}

.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;
}

.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: "Noto Sans", 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: 10px;
    height: 10px;
    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 10px;
}

.add-adrs-info {
    font-family: 'Poppins';
    padding: 10px;
    border-radius: 16px;
    margin-bottom: 0;
}

.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;
    -moz-appearance: textfield;
}

.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, 34%);
    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;
    margin-top: 20px;
}

.ch_total_price .alert a {
    color: inherit;
}

.ch_total_price .go-bck {
    float: left;
}

.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;
}

.cart_chos_addrs li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.cart_chos_addrs li:last-child {
    border-bottom: 0px solid rgba(0, 0, 0, 0.15);
}

.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;
}

.wallet_transactions ul.flter_tabs {
    white-space: normal;
}


/*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: #F5F5F5;
    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;
}

.address_book.pb20 {
    padding-bottom: 20px;
}

/*Purchased*/
.my_purchased_content {
    text-overflow: ellipsis;
    overflow: hidden;
}

.my_purchased_content .row,
.my_purchased_content.sales_list .row {
    margin-left: 0;
    margin-right: 0;
}

.purchased_load-more {
    text-align: center;
}

.my_purchased {
    position: relative;
    margin: 0 0 30px;
    padding: 15px;
    font-family: 'Poppins';
    height: 100%;
    background-color: #fff;
    border-radius: 16px;
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: space-between;
}

.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;
    border-radius: 20px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
}

.orders_empty_state {
    text-align: center;
}

.orders_empty_state_img {
    max-width: 128px;
}

.orders_empty_state {
    text-align: center;
    padding: 20px;
    font-size: 20px;
}

.orders_empty_state img {
    max-width: 120px;
    margin: 0 auto 15px;
    display: block;
}

/*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 button.btn {
    margin-top: 20px;
}

.wo_order_detail_widget>h5 {
    margin: 0 0 2px;
}

.wo_order_detail_widget>p {
    margin: 0;
}

.star_rating {
    display: flex;
    flex-direction: row-reverse;
    font-size: 30px;
    justify-content: flex-end;
    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: "Noto Sans", 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;
}

.btn-block,
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: auto;
}

/*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: 6px 10px;
    margin: 5px 0;
}

.wo_store_post_btns .btn-main {
    flex: 1 1 auto;
}

.wo_store_post_btns p {
    margin: 0;
}

.wo_store_post_btns .cart-btn {
    max-width: 114px;
}

/*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: "Noto Sans", 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;
}
.market_prod_images .wo_post_prod_full_img_slider .flickity-viewport{
        height: 62px !important;
}
.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: 30%;
    width: 30px;
    height: 30px;
    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;
    object-fit: cover;
}

.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: 500;
    font-size: 23px;
}

.wo_post_prod_full_price {
    font-size: 26px;
    word-wrap: break-word;
    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 {
    line-height: 24px;
    font-size: 16px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
}

.wo_post_prod_full_btns .btn.btn-default {
    background: #fff;
    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;
    background: #fff;
    border-radius: 16px;
}

.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: 500;
}

.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;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}

.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: 6px;
}

.market_related_slide .flickity-prev-next-button.next {
    right: 6px;
}

.wo_post_prod_top {
    background: #fffdfd;
    border-radius: 16px;
    padding: 12px;
    margin: 0;
}

.product-share-url-wrap {
    border: 1px solid rgb(204 221 229) !important;
    margin: 10px 0 0 !important;
    border-radius: 15px;
    width: calc(100% - 60px);
    position: absolute;
    background: #fff;
    z-index: 99;
    padding: 10px !important;
    box-shadow: 0 5px 20px #d8e9f3;
}

.product-share-url-wrap .wo_page_hdng_innr {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
}

.product-share-url-wrap .copy-link {
    color: #2196f3;
}

.wo_post_prod_full_img_slider img {
    transform: rotate(-90deg) translate(0px, 0%);
}

@media (min-width: 992px) {

    #followers-list .col-md-4,
    #following-list .col-md-4 {
        padding-left: 5px;
        padding-right: 5px;
    }

    #followers-list.cool-style-album-row.profile_groups,
    #following-list.cool-style-album-row.profile_groups {
        margin: 0 -5px;
    }

    .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 78px;
        max-width: 78px;
        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: 60px;
        border-radius: 8px;
        margin: 0 8px;
        height: auto;
        object-fit: cover;
        border: 1px solid #ccc;
        border-radius: 7px;
        margin-right: 0px;
    }
.is-selected.is-nav-selected img {
box-shadow: 0 0 0 2px #2162a1;
}
    .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;
}

#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 2px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2196f3;
}

#wo_comment_combo .comment_combo_footer .wo_feed_post_comments .btn:not(.btn-main) svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    opacity: 0.7;
}

#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 {
    color: #ffffff;
    background-color: #2196f3;
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 2px 6px 0 rgba(65, 132, 234, 0.75);
    background-size: 300% 100%;
    min-width: auto;
}

#wo_comment_combo .comment_combo_footer .wo_feed_post_comments .btn.sendbtn:hover {
    background-position: 100% 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    box-shadow: 0 0px 0px 0 rgba(49, 196, 190, 0.75);
}

#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;
}

/* #replenish-user-account .wow_mini_wallets{flex-direction: column;} */
/* #replenish-user-account .wow_mini_wallets .wow_mini_wallets_btns {margin-left: inherit;} */
.add_wallet_fund {
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 30px;
}

.add_wallet_fund p {
    font-size: 18px;
    font-weight: 500;
    color: #4a4a4a;
    margin-top: 15px;
}

.add_wallet_fund .add-amount {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
}

.add_wallet_fund .add-amount span {
    position: absolute;
    height: 100%;
    padding: 0 12px;
    line-height: 48px;
    font-size: 30px;
    background: #dddddd;
    border-radius: 10px 0 0 10px;
}

.add_wallet_fund .add-amount input {
    font-size: 28px;
    padding-left: 50px;
    width: calc(100% - 125px);
}

.add_wallet_fund .add-amount button.btn {
}

/*Online Users*/
.wow_side_online {
    padding: 15px;
}

.side-online-user {
    background: #e8f6d7;
    border-radius: 10px;
    color: #517a1d;
    border: 1px solid #dcebc8;
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.wow_side_online p {
    margin: 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    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;
}

.wo_new_sett_pagee .btn.bg-danger {
    border-radius: 25px;
}

.wo_new_sett_pagee .btn.bg-info,
.wo_new_sett_pagee .btn.btn-info {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    background-size: 300% 100%;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border: none;
    border-radius: 25px;
    color: #fff;
}

.wo_new_sett_pagee .btn.bg-info:hover,
.wo_new_sett_pagee .btn.btn-info:hover {
    background-position: 100% 0;
}

/*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;
}

.auto-join-feld .wow_form_fields>.bootstrap-select.btn-group>.dropdown-toggle {
    height: auto;
    min-height: 56px;
    padding-left: 30px;
}

.auto-join-feld .wow_form_fields>.bootstrap-select.btn-group>.dropdown-toggle span.filter-option {
    white-space: normal !important;
}


/*Publisher Box*/
.wo_pub_txtara_combo {
    padding: 20px 20px 15px;
    display: flex;
    gap: 10px;
    width: 100%;
}

.publisher-box textarea.postText {
    padding: 9px;
    line-height: 20px;
    height: 42px;
    min-height: 42px;
    background: #f0f2f5;
    border-radius: 6px;
    color: #65676b !important;
    margin: 0 20px;
    font-size: 16px;
    /* min-height: 90px; */
}

.publisher-box textarea.postText.edit-textbox {
    color: black !important;
    border: none;
    height: 160px;
    padding: 9px 40px 9px 9px;
}

.publisher-box textarea.postText.focused {
    height: 160px !important;
}

.publisher-box textarea.postText::-webkit-input-placeholder {
    color: #65676b;
}

.publisher-box textarea.postText:-moz-placeholder {
    /* Firefox 18- */
    color: #65676b
}

.publisher-box textarea.postText::-moz-placeholder {
    /* Firefox 19+ */
    color: #65676b;
}

.publisher-box textarea.postText:-ms-input-placeholder {
    color: #65676b;
}

/* 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;
    min-width: auto;
    border-radius: 25px;
    line-height: 38px;
    font-family: 'Roboto';
    font-weight: 500;
    padding: 0 20px;
    text-transform: capitalize;
}

.wo_pub_txtara_combo {
    display: flex;
    gap: 10px;
}

/* 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;
}

body:not(.pub-focus) .wo_pub_txtara_combo .btn {
    display: inline-block;
}

body:not(.pub-focus) .wo_pub_txtara_combo .dropdown {
    display: none;
}

.wo_pub_txtara_combo.edit-posts-textarea .dropdown {
    display: block !important;
}

.add-emoticons.edit-posts {
    right: 45px;
}

.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;
}

.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 18px;
    padding: 10px 10px 10px;
    display: block;
    align-items: center;
    position: relative;
    justify-content: center;

} */

.sun_pub_mid_foot {
    margin: 0 7px;
    padding: 8px 3px 20px;
    margin: 0 18px;
    padding: 10px 10px 10px;
    display: block;
    align-items: center;
    position: relative;
    justify-content: center;
    flex-wrap: wrap;
}


.sun_pub_mid_foot_bottom {
    margin: 0 7px;
    padding: 8px 3px 10px;
    display: block;
    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: 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;
}

body.pub-focus .sun_pub_mid_foot .poster-left-buttons .btn {
    padding: 0 18px;
}

.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: #F5F5F5;
}

.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: wrap;
    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;
    background-color: #f0f2f5;
    border-radius: 20px;
    padding: 6px 12px;
}

.sun_pub_privacy_dropdown:hover {
    color: black;
}

.sun_pub_privacy_dropdown {
    max-width: 185px;
    display: flex;
    align-items: center;
    /* background-color: #f3f3f3; */
    color: #4b4f56;
    cursor: pointer;
    /* padding: 12px 12px; */
    line-height: 18px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
}

.sun_pub_privacy_dropdown>svg {
    width: 15px;
    height: 15px;
    margin-left: 3px;
}

.sun_pub_privacy_dropdown>p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.sun_pub_privacy_dropdown>p svg {
    width: 17px;
    min-width: 17px;
    height: 17px;
    margin-top: -2px;
}

.sun_pub_privacy_menu {
    padding: 20px;
    margin: 0;
    background-color: white;
    position: absolute;
    min-width: 200px;
    max-height: 320px;
    overflow: auto;
    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: 30px;
}

.sun_pub_privacy_menu>p {
    font-family: 'Poppins';
    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;
}

.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: #F5F5F5;
    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: #F5F5F5;
    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 .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 .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;
    background: #fff8f9;
    height: 60px;
    border: 1px solid #ffeaed;
}

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: #fcdbe0 !important;
}

.green-audio-player .controls span {
    color: #999;
    font-size: 15px;
}

body .green-audio-player svg,
body .green-audio-player img {
    width: 15px;
    height: 15px;
    outline: 0;
}

body .green-audio-player .holder .play-pause-btn {
    background: #a52729;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .green-audio-player .holder .play-pause-btn svg path {
    fill: currentColor;
}

/*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: #111111;
    margin: 0;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 18px;
    flex: 0 0 auto;
}

.popular_posts_hdr>h2 svg {
    width: 40px;
    height: 40px;
    background: #f6f6f6;
    border-radius: 6px;
    padding: 9px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 20px;
}

.popular_posts_hdr>h2 svg.no-transform {
    position: relative;
    margin: 0px;
    transform: none;
}

.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 {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    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;
}

.post .wo_view_post_jobs .wo_view_post_jhead .post-privacy-menu {
    min-width: 250px;
}

.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: 50%;
    transform: translateX(-50%) !important;
}

.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>a:hover,
.wo_user_profile .options-buttons .dropdown .detail>li>a:hover,
.post_order_feed>li>a:hover {
    background-color: #f5f5f5;
}

.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>div i,
.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: 34px !important;
    width: 34px !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: 17px;
    word-break: break-word;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
}

.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: 'Poppins';
    font-style: normal;
    font-weight: 400;
}

.post_order_feed>li.active>a svg {
    color: currentColor;
}

.post-recipient-alrt-tag {
    position: absolute;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    background: #8bc34a;
    color: #fff;
    top: -40px;
    padding: 7px 10px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
    animation: AprvFlash 1.5s linear infinite;
}

.post-recipient-alrt-tag:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -8px;
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid #8bc34a;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.approve-reject-post a.dropdown-toggle {
    background: #c9e8a6 !important;
}

.aprv-bg {
    animation: aprv-pulse 1.2s ease infinite;
    background: #c5d3b3 !important;
    position: absolute;
    width: 34px;
    height: 34px;
    border-radius: 100%;
}

@keyframes aprv-pulse {
    0% {
        transform: scale(1, 1);
    }

    50% {
        opacity: 0.3;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.crt-community-bg {
    animation: crt-pulse 1.2s ease infinite;
    background: #b9cf75 !important;
    position: absolute;
    width: 74%;
    height: 100%;
    padding: 10px 20px;
    border-radius: 30px;
    margin-top: -40px;
    margin-left: 7%;
}

@keyframes crt-pulse {
    0% {
        transform: scale(1, 1);
    }

    50% {
        opacity: 0.3;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.AdminDeletePostRequest {
    margin-top: 10px;
}

.AdminApprovePost .pointer {
    text-shadow: 1px 1px 1px #8eb81d;
    box-shadow: 0 2px 6px 0 rgb(163 197 103);
    background-image: linear-gradient(to right, #bbd877 1%, #8fc400 42%);
    color: #fff;
}

.AdminDeletePostRequest .pointer {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    background-image: linear-gradient(to right, #eb3941, #f15e64);
    box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
}

.AdminApprovePost .pointer>div>b,
.AdminApprovePost .pointer>div>p,
.AdminDeletePostRequest .pointer>div>b,
.AdminDeletePostRequest .pointer>div>p {
    color: #fff !important;
}

.AdminApprovePost div:hover,
.AdminDeletePostRequest div:hover {
    background-color: transparent !important;
}

.AdminApprovePost div>svg path,
.AdminDeletePostRequest div>svg path {
    fill: #fff
}

.AdminApprovePost div>svg,
.AdminDeletePostRequest>div svg {
    height: 38px !important;
    width: 38px !important;
}

/*Header logo community list dropdown*/
.community-list-inner {
    width: 100%;
    display: flex;
}

.community-list-inner .avatar {
    width: 32px;
    display: inline-block;
    margin-right: 7px;
    overflow: hidden;
    border-radius: 5px;
}

.community-list-inner .avatar img {
    width: 100%;
}

.size-mrk {
    font-size: 13px;
}

.srch-filtre-lst {
    display: flex;
}

.srch-filtre-lst .search-input {
    border: 1px solid #eee;
    padding: 0 20px 0 20px;
}

.srch-filtre-lst .search-input:focus {
    outline: none;
    box-shadow: 0 0 0 .1rem rgba(0, 123, 255, .25);
    border-color: #e1efff;
}

.srch-filtre-lst .btn {
    margin-left: 1%;
    border-radius: 25px;
    min-width: 40px;
    padding: 5px 9px;
}

.dis-blg-srch {
    gap: 5px
}

.dis-blg-srch button#btnClearBlogSearch,
.dis-blg-srch button#btnClearCommunitySearch,
.srch-filtre-lst button#btnClearJobSearch,
.dis-blg-srch button#btnClearEventSearch {
    background: #ffeaea;
    border: 1px solid #ffc5c1;
    color: #ff6d6d;
}

.srch-filtre-lst #btnClearSearch {
    color: black;
}

.srch-filtre-lst .btn#btnSearchJobs {
    margin-left: 1.5%;
    margin-right: 1.5%;
}

.com-post-srch-bar {
    display: flex;
    gap: 5px
}

.com-post-srch-bar input {
    height: inherit;
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #dcebf5;
}

.flt-bar-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #f9f9f9;
    padding: 15px 15px;
    border-radius: 10px 10px 0 0;
    margin-top: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.com-post-fltr-bar .btn {
    min-width: 60px;
}

.com-post-actn-bar {
    display: flex;
    gap: 5px
}

.com-post-actn-bar select {
    border-radius: 25px;
    height: 35px;
}

.com-post-actn-bar label {
    font-weight: 500;
}

.custom-table table {
    font-family: 'Poppins';
    margin: 0px 0px 15px;
    font-size: 0.9em;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.custom-table table .setting-avatar {
    width: 26px;
    margin-top: -3px;
}

.custom-table table tr th,
.custom-table table tr td {
    padding: 12px 15px;
}

.custom-table table tr th input[type="checkbox"],
.custom-table table tr td input[type="checkbox"] {
    width: 16px;
    height: 16px;
}

.custom-table table tr td {
    vertical-align: middle;
}

.custom-table table tr td .btn {
    min-width: inherit;
}


#div_QR_Code .modal-content button.close {
    color: #fff;
    opacity: 1;
    background: rgb(255 255 255 / 30%);
    border-radius: 3px;
    margin: 10px;
    padding: 2px;
}

#div_QR_Code .modal-content {
    padding: 0 0px 20px;
    background: #ffffff;
    /* border: 1px solid #2196f3; */
    overflow: hidden;
}

#div_QR_Code .modal-content>form>div h4 {
    background: #2196f3;
    color: #fff;
    padding: 15px;
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    min-height: 48px;
}

#divGContacts .modal-content button.close {
    color: #ff5252;
    opacity: 1;
}

#divGContacts .modal-content {
    padding: 0 0px 20px;
    background: #ffffff;
    /* border: 1px solid #2196f3; */
    overflow: hidden;
}

#divGContacts .modal-content>form>div h4 {
    background: #2196f3;
    color: #fff;
    padding: 15px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    min-height: 48px;
}

#btnMembers {
    /*margin-left: 10px;*/
}

#upload_existing_members #m_maximizeBtn,
#maximizeBtn {
    display: inline-block;
    margin: 10px 0 5px;
    cursor: pointer;
    background: #edf2f5;
    padding: 1px;
}

#upload_existing_members .modal-content,
#upload_members .modal-content {
    padding: 0 0px 20px;
    background: #ffffff;
    overflow: hidden;
}

#upload_existing_members .modal-content button.close,
#upload_members .modal-content button.close {
    opacity: 1;
    color: #ff5252;
}

#upload_existing_members .modal-content>div h4,
#upload_members .modal-content>div h4 {
    background: #2196f3;
    color: #fff;
    padding: 15px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

#upload_members .uplod-field {
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#upload_members .uplod-field .wow_form_fields {
    width: 100%;
    margin-bottom: 15px;
}

#upload_members .uplod-field .csv-uplod-fild {
    width: 100%;
}

.csv-uplod-fild {
    background: #eaf4ff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

#upload_members .uplod-field input[type=file] {
    padding: 4px;
    margin: -4px;
    position: relative;
    outline: none;
    width: 100%;
}

#upload_members .uplod-field input[type=file]::file-selector-button {
    border-radius: 4px;
    padding: 0 16px;
    height: 40px;
    cursor: pointer;
    background-color: white;
    border: 1px solid #2196f3;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
    margin-right: 16px;
    width: 132px;
    color: transparent;
}

@supports (-moz-appearance: none) {
    #upload_members .uplod-field input[type=file]::file-selector-button {
        color: #2196f3;
    }
}

#upload_members .uplod-field input[type=file]::file-selector-button:hover {
    background-color: #f3f4f6;
}

#upload_members .uplod-field input[type=file]::file-selector-button:active {
    background-color: #e5e7eb;
}

#upload_members .uplod-field input[type=file]::before {
    position: absolute;
    pointer-events: none;
    top: 13px;
    left: 16px;
    height: 20px;
    width: 20px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
}

#upload_members .uplod-field input[type=file]::after {
    position: absolute;
    pointer-events: none;
    top: 13px;
    left: 40px;
    color: #2196f3;
    content: "Upload File";
}

#upload_members .uplod-field input[type=file]:focus-within::file-selector-button,
input[type=file]:focus::file-selector-button {
    outline: 2px solid #2196f3;
    outline-offset: 2px;
}

#upload_members .uplod-field span {
    font-size: 14px;
}

#upload_members .uplod-field span a {
    font-weight: 500;
    color: #2196f3;
    border: 1px solid #a8d3f5;
    background: #ebf5ff;
    padding: 0px 10px 2px;
    border-radius: 16px;
    text-decoration: none;
}

.invt-custm-fild {
    text-align: center;
    padding: 0px 20px 10px;
    font-size: 16px;
    color: #333;
}

.invt-custm-fild h5 {
    font-size: 16px;
    font-weight: 600;
    background: #eeeeee;
    margin: 0;
    padding: 10px 10px 15px;
    border-radius: 10px 10px 0 0;
    margin-bottom: -5px;
    color: #1781d5;
}

.invt-custm-btn {
    padding: 0px 20px;
    text-align: center;
    display: flex;
    justify-content: flex-end;
    margin-top: -30px;
    margin-bottom: 10px;
}

.invt-custm-btn .btn {
    font-size: 16px;
    /* padding: 12px 12px; */
    /* min-width: 160px; */
}


/*Notification Settings*/
.wo_nots_hdr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px 0 20px;
    flex: 1 0 50%;
}

.wo_nots_hdr h5 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    margin: 15px 0;
}

.wo_nots_hdr .text-center>.btn-mat {
    margin: 0 !important;
}

.wo_sett_noti .round-check input+label {
    font-weight: 500;
    font-family: 'Poppins';
    width: 100%;
    display: block;
    margin: 0 -6px;
    padding: 0;
    opacity: 1;
}

.wo_sett_noti .round-check input:checked+label {
    opacity: 1;
    color: #2196f3;
}

.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: 0;
    border-radius: 50%;
    background: #bababa; */
}

.wo_sett_noti .round-check input+label:after {
    right: 5px;
    top: 7px;
    height: 5px;
    width: 10px;
}

#wo_main_sett_mid .wo_settings_page.email-noti-avt-sting {
    padding: 15px 15px;
}

.wo_settings_page.email-noti-avt-sting .avatar-holder {
    margin: 0px 0 0;
}

.wo_sett_noti.email-noti-sting .round-check input+label {
    margin: 0 0px;
}

.email-noti-sting {}

.email-noti-sting .form-group {
    display: flex;
}

.email-noti-sting .col-md-6 label {
    margin: 0;
    font-weight: 500;
    font-family: 'Poppins';
}

.email-noti-sting .col-md-6 {
    width: inherit;
    flex: 1 0 50%;
    float: inherit;
}

.email-noti-sting .col-md-3 {
    float: inherit;
    flex: 1 0 auto;
    width: auto;
}

.emal-noti-hed {
    display: flex;
    align-items: center;
}

.emal-noti-hed .wo_nots_hdr-labl {
    flex: auto;
    text-align: right;
}

.emal-noti-hed .wo_nots_hdr-labl h5 {
    font-weight: 600;
    color: #2196f3;
}

.set-eml-clear-info {
    margin-top: 20px;
    margin-bottom: 5px;
    background: #f5f5f5;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.set-eml-clear-info span a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1px;
}

.set-eml-clear-info span a svg {
    fill: #fff;
}

/* Mobile-search-modal*/
#create-mobile-search-modal .wow_pops_head {
    background: #f2f2f2;
}

#create-mobile-search-modal .wow_pops_head button svg {
    color: #ff0000;
}

#create-mobile-search-modal .wow_pops_head h4 {
    text-align: center;
    line-height: 1.3;
    font-size: 16px;
    max-width: 78%;
    margin: 0 auto;
    margin-bottom: 5px;
    font-weight: 500;
}

#create-mobile-search-modal .wow_pops_head h4 svg {
    display: none;
}

#create-mobile-search-modal .modal-dialog {
    vertical-align: top;
    top: 100px;
}

#create-mobile-search-modal .modal-content {
    overflow: hidden;
    min-height: 400px;
}

#create-mobile-search-modal .modal-body .nav>li {
    width: 100%;
}

#create-mobile-search-modal .modal-dialog .navbar-form .form-group .form-control {
    height: 40px;
}

#create-mobile-search-modal .modal-dialog .navbar-form .form-group svg {
    display: block;
    filter: opacity(0.5);
}

#create-mobile-search-modal .modal-body .nav>li.dropdown.open .dropdown-menu .search-dropdown-result {
    max-height: 54vh;
    overflow: auto;
}

@media (max-width: 600px) {
    #edit_posts_modal .modal-dialog.wow_mat_mdl {
        width: 100% !important;
    }

    .wo_pub_txtara_combo .post-avatar {
        width: 30px;
        height: 30px;
    }

    .wo_pub_txtara_combo .postText {
        margin-left: 0px !important;
    }

    .pub_footer_middle {
        gap: 0px;
    }

    #create-mobile-search-modal .modal-body .nav>li.dropdown.open .dropdown-menu {
        position: relative;
        top: 0px;
        box-shadow: none;
    }
}

/*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: 7px;
    background: #F2F2F2;
}

.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;
    min-width: auto;
}

.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;
}

/*Page list area*/
.cool-style-album .album_parent.page-lst-wrap .avatar {
    width: 20%;
}

.cool-style-album .album_parent.page-lst-wrap .avatar a img {
    min-height: 100px;
}

.pg-lst-btn-group {
    margin-top: 15px;
}

/*Language Select*/
#select-language {
    background: url('../img/language_bg.jpg');
    background-size: cover;
    background-position: center;
}

#select-language .modal-content {
    background-color: rgb(255 255 255 / 60%);
    backdrop-filter: blur(3.5px);
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .4);
    border: 2px solid rgb(255 255 255 / 68%);
}

.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;
    position: relative;
    z-index: 99;
}

.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 {
    background: #ffffff;
    color: #000;
    display: block;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 39px;
    padding: 0 15px;
    transition: background-color .1s;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 7px;
}

.lang_select_modal .language_select:hover {
    background-color: rgb(0 0 0 / 3%) !important;
}

.language_info video {
    position: absolute;
    left: -177px;
    top: 0;
    bottom: 0;
    height: 100%;
}

/*Event Desc*/
.wo_event_desc {
    overflow: hidden;
    word-break: break-word;
}

/*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: 34px;
    background: #F7F7F7;
    border-radius: 15px;
    text-decoration: none !important;
    padding: 3px;
}

.night_day_switch svg {
    height: 24px !important;
    width: 24px !important;
    margin: -7px 0 0 !important;
    border-radius: 50%;
}

.night_day_switch.night {
    background: #334452;
}

.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: #8197c4;
}


.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;
}

/*Directory*/
.wo_directory_head {
    /*background: linear-gradient(130deg, #441383, #6025BA);*/
    padding: 40px 40px 50px;
    margin: 30px 0;
    border-radius: 13px;
    position: relative;
    overflow: hidden;
}

.wo_directory_head>svg {
    position: absolute;
    top: 0;
    right: -80px;
    bottom: 0;
    left: -80px;
    width: calc(100% + 160px);
    height: 100%;
    pointer-events: none;
    opacity: 0.07;
}

.wo_directory_head.post {
    background: rgb(244 67 54 / 10%);
}

.wo_directory_head.user {
    background: rgb(249 50 117 / 10%);
}

.wo_directory_head.page {
    background: rgb(156 39 176 / 10%);
}

.wo_directory_head.group {
    background: rgb(103 58 183 / 10%);
}

.wo_directory_head.blog {
    background: rgb(33 150 243 / 10%);
}

.wo_directory_head.market {
    background: rgb(0 188 212 / 10%);
}

.wo_directory_head.event {
    background: rgb(0 150 136 / 10%);
}

.wo_directory_head.game {
    background: rgb(76 175 80 / 10%);
}

.wo_directory_head.forum {
    background: rgb(255 193 7 / 10%);
}

.wo_directory_head.movie {
    background: rgb(255 152 0 / 10%);
}

.wo_directory_head.job {
    background: rgb(255 87 34 / 10%);
}

.wo_directory_head.fund {
    background: rgb(96 125 139 / 10%);
}

.wo_directory_head>h2 {
    /*color: #fff;*/
    text-align: center;
    font-weight: 600;
    font-size: 37px;
    margin: 0;
}

.wo_directory_head>p {
    text-align: center;
    margin: 20px 0 0;
    font-size: 16px;
}

.skyler-widget-post-container {
    max-height: 350px;
    background: rgb(213 213 213 / 19%);
    overflow: hidden;
}

.myLists {
    margin-top: 0px !important;
}

.modal-content .myLists {
    height: 460px;
    overflow: auto !important;
}

.modalview-iframe {
    height: 620px !important;
    opacity: 1 !important;
}

.modalview-iframe #main,
#skyler-widget-expandedview #main {
    padding: 20px 20px 0 !important;
}


.modal-close {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    background: white;
    border-radius: 23px;
    padding: 2px;
    margin-bottom: 9px !important;
    cursor: pointer;
    width: 40px;
    margin: auto;
    height: 40px;
    align-content: center;
    text-align: center;
}

.modal-close svg {
    width: 20px;
}

.btnExpandOnPost {
    position: absolute;
    right: 1%;
    top: 3%;
    z-index: 1;
    border-radius: 5px;
    width: 35px;
    height: 36px;
    background: #8bc34a;
    border: 1.5px solid #8bc34a;
    padding-top: 0.7%;
    padding-bottom: 0.7%;
}

.btnExpandOnPost svg path {
    stroke: #ffffff;
}

.missing-grouptoselect-error {
    display: flex;
    padding: 20px 20px 15px;
}

.missing-grouptoselect-error span {
    color: red;
    font-size: 1.2em;
    font-weight: 600;
}

/*.wo_directory_head.post {
    color: #cd2e23;
}
.wo_directory_head.user {
    color: #b01549;
}
.wo_directory_head.page {
    color: #8a199d;
}
.wo_directory_head.group {
    color: #512998;
}
.wo_directory_head.blog {
    color: #1777c4;
}
.wo_directory_head.market {
    color: #0796a8;
}
.wo_directory_head.event {
    color: #027c71;
}
.wo_directory_head.game {
    color: #298b2d;
}
.wo_directory_head.forum {
    color: #c99806;
}
.wo_directory_head.movie {
    color: #bb6f00;
}
.wo_directory_head.job {
    color: #d23e0f;
}
.wo_directory_head.fund {
    color: #4a6673;
}*/
.wo_directory_head>h2 svg {
    width: 34px;
    height: 34px;
    margin: -5px 0 0
}

.page-padding {
    padding-top: 20px;
}

.wo_direct {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.wo_direct a {
    flex: 0 0 auto;
    text-align: center;
    color: #0d1216;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 13px;
    width: 100%;
    border-radius: 6px;
    padding: 7px 5px;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin: 2px 0;
    transition: all .2s ease;
}

.wo_direct a span {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.1s;
    margin: 0;
}

.wo_direct a:hover span {
    /*transform: scale(1.1);*/
}

.wo_direct a span svg {
    width: 30px;
    height: 30px;
    /* background: #f6f6f6; */
    border-radius: 6px;
    padding: 5px;
    margin-top: -3px;
}

/*.wo_direct a.posts span {color: #F44336 !important;}
.wo_direct a.users span {color: #f93275 !important;}
.wo_direct a.pages span {color: #9C27B0 !important;}
.wo_direct a.groups span {color: #673AB7 !important;}
.wo_direct a.blogs span {color: #2196F3 !important;}
.wo_direct a.market span {color: #00BCD4 !important;}
.wo_direct a.events span {color: #009688 !important;}
.wo_direct a.games span {color: #4CAF50 !important;}
.wo_direct a.forums span {color: #FFC107 !important;}
.wo_direct a.movies span {color: #FF9800 !important;}
.wo_direct a.jobs span {color: #FF5722 !important;}
.wo_direct a.funding span {color: #607D8B !important;}
.post_prnt .wo_direct a.posts , .wo_direct a.posts:hover  {background: rgb(244 67 54 / 10%) !important;color: #F44336 !important;}
.user_prnt .wo_direct a.users , .wo_direct a.users:hover  {background: rgb(249 50 117 / 10%) !important;color: #f93275 !important;}
.page_prnt .wo_direct a.pages , .wo_direct a.pages:hover  {background: rgb(156 39 176 / 10%) !important;color: #9C27B0 !important;}
.group_prnt .wo_direct a.groups , .wo_direct a.groups:hover  {background: rgb(103 58 183 / 10%) !important;color: #673AB7 !important;}
.blog_prnt .wo_direct a.blogs , .wo_direct a.blogs:hover  {background: rgb(33 150 243 / 10%) !important;color: #2196F3 !important;}
.market_prnt .wo_direct a.market , .wo_direct a.market:hover  {background: rgb(0 188 212 / 10%) !important;color: #00BCD4 !important;}
.event_prnt .wo_direct a.events , .wo_direct a.events:hover  {background: rgb(0 150 136 / 10%) !important;color: #009688 !important;}
.game_prnt .wo_direct a.games , .wo_direct a.games:hover  {background: rgb(76 175 80 / 10%) !important;color: #4CAF50 !important;}
.forum_prnt .wo_direct a.forums , .wo_direct a.forums:hover  {background: rgb(255 193 7 / 10%) !important;color: #FFC107 !important;}
.movie_prnt .wo_direct a.movies , .wo_direct a.movies:hover  {background: rgb(255 152 0 / 10%) !important;color: #FF9800 !important;}
.job_prnt .wo_direct a.jobs , .wo_direct a.jobs:hover  {background: rgb(255 87 34 / 10%) !important;color: #FF5722 !important;}
.fund_prnt .wo_direct a.funding , .wo_direct a.funding:hover  {background: rgb(96 125 139 / 10%) !important;color: #607D8B !important;}*/

.post_prnt .wo_direct a.posts,
.wo_direct a.posts:hover {
    background: rgba(0, 0, 0, 0.05);
}

.user_prnt .wo_direct a.users,
.wo_direct a.users:hover {
    background: rgba(0, 0, 0, 0.05);
}

.page_prnt .wo_direct a.pages,
.wo_direct a.pages:hover {
    background: rgba(0, 0, 0, 0.05);
}

.group_prnt .wo_direct a.groups,
.wo_direct a.groups:hover {
    background: rgba(0, 0, 0, 0.05);
}

.blog_prnt .wo_direct a.blogs,
.wo_direct a.blogs:hover {
    background: rgba(0, 0, 0, 0.05);
}

.market_prnt .wo_direct a.market,
.wo_direct a.market:hover {
    background: rgba(0, 0, 0, 0.05);
}

.event_prnt .wo_direct a.events,
.wo_direct a.events:hover {
    background: rgba(0, 0, 0, 0.05);
}

.game_prnt .wo_direct a.games,
.wo_direct a.games:hover {
    background: rgba(0, 0, 0, 0.05);
}

.forum_prnt .wo_direct a.forums,
.wo_direct a.forums:hover {
    background: rgba(0, 0, 0, 0.05);
}

.movie_prnt .wo_direct a.movies,
.wo_direct a.movies:hover {
    background: rgba(0, 0, 0, 0.05);
}

.job_prnt .wo_direct a.jobs,
.wo_direct a.jobs:hover {
    background: rgba(0, 0, 0, 0.05);
}

.fund_prnt .wo_direct a.funding,
.wo_direct a.funding:hover {
    background: rgba(0, 0, 0, 0.05);
}

.wo_direct a p {
    margin: 0;
}

.event-tick-area {}

.tick-hed {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.tick-content {
    background-color: #fff;
    border-radius: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tick-content .empty_state {
    padding: 30px 10px;
}

.tick-list-wrap {
    overflow: auto;
    padding: 0;
    margin: 0;
}

.tick-list-wrap .tick-list {
    background: #f3faff;
    border: 1px solid #e9f1f7;
    margin: 15px;
    border-radius: 10px;
    padding: 10px 20px;
}

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

.tick-lst-desc {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: auto;
}

.tick-lst-desc label {
    color: #818181;
    font-weight: 500;
}

.sapr-line {
    border-left: 1px dashed #afbecb;
    height: 101px;
    margin: 0 20px;
    position: relative;
}

.sapr-line:after {
    content: " ";
    height: 18px;
    width: 18px;
    position: absolute;
    background: #ffffff;
    border-radius: 50%;
    bottom: -24px;
    transform: translateX(-50%);
    border-top: 1px solid #bacfdf;
}

.sapr-line:before {
    content: " ";
    height: 18px;
    width: 18px;
    position: absolute;
    background: #ffffff;
    border-radius: 50%;
    top: -24px;
    transform: translateX(-50%);
    border-bottom: 1px solid #bacfdf;
}

.tick-prt-one {}

.tick-prt-one label {
    display: block;
    margin-bottom: 0;
}

.tick-prt-one a h4 {
    margin: 0;
    color: #2196f3;
}

.tick-prt-two {
    flex: auto;
}

.tick-prt-two span {
    font-size: 16px;
    font-weight: 600;
}

.tick-lst-desc .tick-lst-text {}

.tick-l-btns {}

.lst-view-btn {
    flex: auto;
    display: flex;
    justify-content: end;
}

/*Pagination*/
.wo-admincp-feturepager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}

.wo-admincp-feturepager>div>span {
    opacity: 0.6;
}

.pagination {
    margin: 0;
    display: flex;
    padding: 0;
    gap: 7px;
}

.pagination>li {
    display: block;
}

.pagination>li>a,
.pagination>li>span {
    float: none;
    display: block;
    vertical-align: middle;
    min-width: 32px;
    border-radius: 16px !important;
    padding: 0px 4px !important;
    text-align: center;
    height: 32px;
    line-height: 30px;
    border: 0;
    color: #757575;
}

.pagination>li>a,
.pagination>li>span svg {
    width: 18px;
}

/*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 {
    padding-bottom: 20px;
}

.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 .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);*/
}

/*Switch Accounts*/
body .navbar-default .dropdown-switch-account>.dropdown-menu {
    top: 70px;
    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: #2196f3;
    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;
}

/*Switch Accounts For mobile*/
#switch-accounts-modal .wow_pops_head {
    display: flex;
    background: #f1f8ff;
    padding-bottom: 20px;
    margin-bottom: 5px;
}

#switch-accounts-modal .modal-content {
    overflow: hidden;
    border-radius: 45px;
}

#switch-accounts-modal .wow_pops_head .close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    width: 100%;
    opacity: 1;
}

#switch-accounts-modal .wow_pops_head svg {
    position: absolute;
    right: 20px;
}

#switch-accounts-modal .wow_pops_head h2 {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: #4184ea;
}

.switch-account-mobile {
    display: inline-block;
    width: 100%;
}

.switch-account-mobile>.dropdown-menu {
    top: 0px;
    padding: 12px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    position: relative;
    transform: none !important;
    width: 100%;
    box-shadow: none !important;
}

.switch-account-mobile>.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;
}

.switch-account-mobile>.dropdown-menu>h2 svg {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    cursor: pointer;
}

.switch-account-mobile>.dropdown-menu>.btn-main {
    width: 100%;
    margin: 6px 0 0;
}

.switch-account-mobile>.dropdown-menu .user-avatar {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    padding: 8px;
    line-height: normal;
    margin: 0 0 6px;
}

.switch-account-mobile>.dropdown-menu .user-avatar.active {
    color: #2196f3;
    background: rgb(198 77 83 / 10%);
}

.switch-account-mobile>.dropdown-menu .user-avatar>img {
    margin: 0;
    box-shadow: none;
    flex: 0 0 auto;
    width: 35px;
    height: 35px;
}

.switch-account-mobile>.dropdown-menu .user-avatar .info {
    flex: 1 1 auto;
}

.switch-account-mobile>.dropdown-menu .user-avatar .info b {
    margin: 0;
    font-weight: 500;
    display: block;
    font-size: 15px;
}

.switch-account-mobile>.dropdown-menu .user-avatar .info p {
    margin: 0;
}

.switch-account-mobile>.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 / 8%);
    margin: 0 -15px;
    padding: 15px;
}

.wo_monetize_content_innr {
    display: block;
    border: 1px solid rgb(160 0 160 / 10%);
    border-radius: 10px;
    padding: 20px;
    color: #a93fa9;
    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_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_row .package-column {
    margin-bottom: 30px;
}

.wo_monetize_row .package-column .foot .btn {
    max-width: 200px;
    margin: 0 auto;
}

.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: 0px;
    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;
}

.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;
}

/*Right sidbar social links*/
.right-social-links {
    text-align: center;
}

.right-social-links a,
.loc-lnk {}

.right-social-links a span,
.loc-lnk span {
    color: #2a9ae5;
    word-break: break-word;
}

.right-social-links a span:hover,
.loc-lnk span:hover {
    color: #0662a1;
}

.right-social-links a span i,
.loc-lnk span i {
    font-size: 17px;
    background: #e6f5ff;
    border: 1px solid #b5deff;
    padding: 3px;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    color: #2196f3;
    text-align: center;
}

.right-social-links .phone-lnk {
    width: 100%;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    gap: 3%;
    margin-bottom: 5%;
    align-items: center;
}

.right-social-links .web-lnk {
    width: 100%;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    gap: 3%;
    margin-bottom: 5%;
    align-items: center;
}

.right-social-links .loc-lnk {
    width: 100%;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    gap: 3%;
    margin-bottom: 5%;
    align-items: center;
}


/*Button Spinner*/
.btn_spinner {
    animation: rotatespin 1s linear infinite;
    width: 23px;
    height: 23px;
    margin: 0 10px 0 -10px;
}

.btn_spinner .path {
    stroke: currentColor;
    stroke-linecap: round;
    animation: dashspin 1.5s ease-in-out infinite;
}

@keyframes rotatespin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dashspin {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

/*Market Directory*/
.direct_market.wo_market .market_bottom .product .product_info.wow_main_mkt_prod {
    height: auto;
}

.direct_market.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot {
    flex-direction: column;
    margin: 12px 0 -20px;
}

.direct_market.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot .btn-default {
    display: none;
}

.out-stock-text {
    color: #ff6060;
    background: #fff4f4;
    padding: 5px 12px;
    border-radius: 25px;
    font-size: 16px;
    margin-right: 12px;
}

/*Pages Directory*/
@media (min-width: 1200px) {
    .row.wo_my_pages.directory {
        margin-right: -6px;
        margin-left: -6px;
    }
}

.row.wo_my_pages.directory .cool-style-album:not(.real_album) .album_parent {
    box-shadow: none;
}

/*Edit Ads*/
.wow_sett_content.edit_ads {
    padding-top: 8px;
}

.wow_sett_content.edit_ads .alert {
    margin-top: 12px;
}

/*Story Ads*/
.wo_imagecombo_lbox .story-img div.wo_story_adds {
    height: 100%;
    position: relative;
}

.wo_imagecombo_lbox .story-img div.wo_story_adds>a.main {
    position: absolute;
    top: 0;
    margin: 15px;
    color: #fff !important;
    background: rgb(255 255 255 / 20%);
    backdrop-filter: blur(5px);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border-radius: 7px;
    transition: all 0.2s;
    z-index: 1;
    text-decoration: none;
}

.wo_imagecombo_lbox .story-img div.wo_story_adds>a.main:hover {
    background: rgb(255 255 255 / 30%);
}

.wo_imagecombo_lbox .story-img div.wo_story_adds>a.main: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='m13 3 3.293 3.293-7 7 1.414 1.414 7-7L21 11V3z'%3e%3c/path%3e%3cpath fill='%23fff' d='M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z'%3e%3c/path%3e%3c/svg%3e");
    position: relative;
    width: 15px;
    height: 15px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.wo_imagecombo_lbox .story-img div.wo_story_adds .draggableHelper_story_content {
    top: calc(100% - 70px);
}

.wo_imagecombo_lbox.story_lightbox .comment-section .comment-section-inner>a[target="_blank"] {
    text-decoration: none;
    color: #fff;
    padding: 15px;
    display: block;
}

.wo_imagecombo_lbox.story_lightbox .comment-section .comment-section-inner>a[target="_blank"] h2 {
    margin: 0;
    font-size: 18px;
}

.widget-sidbar {}

.widget-sidbar #calendar_widget_view {
    margin-top: 10px;
}

.widget-btns-group {
    text-align: center;
    margin-bottom: 0px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.widget-btns-group .btn svg {
    margin: 0;
}

.widget-btns-group #editCalWidgetBtn svg {
    fill: #2196f3;
}

.widget-btns-group #deleteCalWidgetBtn svg {
    fill: #ff2111;
}



/*Profile Design*/
.wo_prof_des_toggle {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.wo_prof_des_toggle .round-check input+label {
    margin: 0;
    padding: 9px 16px !important;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 16px;
    border: 2px solid #eee;
    border-radius: 2em;
    transition: all 0.2s;
}

.wo_prof_des_toggle .round-check input+label:hover {
    background: #eee;
}

.wo_prof_des_toggle .round-check input+label span {
    color: #eee;
    background: #666;
    border-radius: 50%;
    display: block;
}

.wo_prof_des_toggle .round-check input+label span svg {
    margin: -6px -6px -3px;
}

.wo_prof_des_toggle .round-check input+label:before,
.wo_prof_des_toggle .round-check input+label:after {
    display: none;
}

.acpt-btns-grup {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.acpt-btns-grup .btn {
    padding: 5px 5px !important;
    min-width: auto;
    border-radius: 20px;
}

/*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 - 70px);
    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%;
}

/*Likse list*/
.like-list-wrappe {}

.like-list-item {
    display: flex;
    background-color: #fff;
    border-radius: 16px;
    margin-bottom: 30px;
    padding: 10px;
    transition: all 0.2s;
}

.like-list-item .avatar {
    display: block;
    position: relative;
    width: 22%;
    min-width: 160px;
}

.like-list-item .avatar img {
    width: 100%;
    border-radius: 9px;
    position: relative;
    height: 130px;
    object-fit: cover;
    /* min-height: 130px; */
}

.like-list-info {
    width: 70%;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
}

.like-list-info .info-wrap {
    padding-left: 20px;
    width: 70%;
}

.like-list-info a {
    margin: 0 0 5px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #262D34;
    display: block;
}

.like-list-info h5 {
    font-size: 13px;
}

.like-list-info h5 span {
    font-size: 14px;
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
}

/*Blogs*/
.row#recent-blogs {
    display: flex;
    flex-wrap: wrap;
}

/*User Profile jobs details*/
.prof-title {}

.prof-title .popular_posts_hdr {
    border-radius: 16px 16px 0 0;
    border-bottom: 1px solid #eef2f7;
    background: #f5fbff;
}

.add-new-pf {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 7px;
    padding: 5px;
    border: 1px solid rgb(209 209 209 / 25%);
    background: rgb(194 225 157 / 30%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.wo_job_detail_block {
    border-radius: 0 0 16px 16px;
    margin-bottom: 20px;
}

.wo_job_detail_block .job-title {
    margin: 0;
    padding: 15px;
    font-weight: 500;
}

.wo_job_experience {
    position: relative;
    margin-bottom: 15px;
    border-color: #f0f2f5;
}

.wo_job_experience .title {
    font-size: 16px;
    font-weight: 600;
}

.wo_job_experience .sub-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 0;
    color: #36658b;
}

.wo_job_experience p {
    font-size: 14px;
    margin-top: 20px;
}

.wo_job_experience:last-child {
    border-bottom: 0;
}

.wo_job_experience_info,
.wo_job_education_info {
    padding: 5px 80px 15px 15px;
}

.empty-profil-block {
    text-align: center;
    padding: 2rem;
}

.empty-icon img {
    width: 100px;
    margin-bottom: 2rem;
}

.empty-text {
    font-size: 1.6rem;
    color: #333;
    margin-bottom: 2rem;
}

.business-btn:hover {
    background-color: #0056b3;
}



.prof-btns-wrap {
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    gap: 10px;
}

.del-pf {
    /* background: #f8ffef; */
    /* border: 1px solid #d0e3b8; */
    border-radius: 5px;
    padding: 1px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: red;
}

.edit-pf {

    /* background: #f8ffef; */
    /* border: 1px solid #d0e3b8; */
    border-radius: 5px;
    padding: 1px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter_tab_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f7fafd;
    padding: 0 10px;
}

.filter_tab_wrapper>.event_srch {
    position: relative;
    margin: 5px 0;
}

.enb-dis-evnt {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 18px 0 5px;
    border-radius: 25px;
}

.enb-dis-evnt h6 {
    margin: 0;
    font-size: 14px;
}

.enb-dis-evnt .w-switcher .w-check-trail {
    margin-top: 5px;
    height: 26px;
    background: #2196f3;
}

.enb-dis-evnt .w-switcher .w-check-handler {
    margin-left: 3px;
    background: #34a5ff;
}

.enb-dis-evnt .w-switcher .w-check-handler:before {
    color: #ffffff;
}

.enb-dis-evnt .w-switcher input[type=checkbox]:checked+.w-check-trail .w-check-handler {
    margin-left: 45%;
    background: #9fd362;
}

.enb-dis-evnt .w-switcher input[type=checkbox]:checked+.w-check-trail {
    background: #8fc551;
    box-shadow: 0px 0px 6px 3px rgb(177 225 120);
    -webkit-box-shadow: 0px 0px 6px 3px rgb(177 225 120);
}

/* md temp design to be change by chandan end*/
.flatpickr-calendar.hasTime.noCalendar {
    width: 130.875px;
}


.social-media-share.repeat-event a {
    height: 28px;
    width: 28px;
    padding: 0px;
    line-height: normal;
    margin: 0px;

    background: #ffffff;
    border: 1px solid #e9e9e9;
}

.social-media-share.repeat-event a svg {
    width: 16px;
    height: 16px;
}

.social-media-share.repeat-event a.tw-share-btn svg {
    height: 14px;
}

.event-date-share-wrap {
    margin-bottom: 2px;
}

.event-date-share-block {
    /* display: flex;
    align-items: center;
    gap: 5px;
    margin: 5px 0; */
    display: flex;
    align-items: center;
    border-bottom: 1px solid #daedff;
    background: #f6faff;
    padding: 4px 0px;
    border-radius: 5px;
}

.event-date-share-block .even-shar-center {
    flex: auto;
}

.event-date-share-block .social-media-share p {
    margin: 0;
}

.event-date-share-block .registrations_count {
    /* margin-top: 0; */
    margin-top: 2px;
    font-size: 22px;
    width: 38px;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    border-radius: 5px;
}

.event-date-share-block .del-icon {
    /* margin-top: -5px; */
    background: #ffe3e8;
    width: 30px;
    height: 30px;
    display: flex;
    line-height: 26px;
    justify-content: center;
    border-radius: 50%;
    order: 1;
}

.event-date-share-block .del-icon a svg path {
    stroke: #f14a6a;
}

.social-share-even-date {
    font-size: 16px;
    margin: 0;
}

.social-share-even-date a {
    color: #2196f3;
}

.registrations_count {
    border-radius: 12px;
    float: left;
    background: #28a6e2;
    height: 23px;
    width: 23px;
    margin-top: 5px;
    /*margin-right: 5px;*/
    color: white;
    text-align: center;
}

/*Profile Reels*/
.user_media_list_section.reels {
    display: flex;
    flex-wrap: wrap;
}

.user_media_list_section.reels .video-data {
    height: auto;
    float: none;
    width: 25%;
}

.user_media_list_section.reels .video-data a {
    padding: 0;
    aspect-ratio: 9/16;
}

.user_media_list_section.reels .empty_state {
    width: 100%;
}

.bottom-creat-btn {
    text-align: right;
    margin-top: 20px;
}

.bottom-creat-btn .btn-mat {
    padding: 6px 12px;
    margin: 0 2px;
}

.wo_page_profile .page-info-cont .info {
    display: flex;
}

.join-info-wrap {
    margin: 0 20px;
}

.join-title {
    font-size: 26px;
    color: #3e3e3e;
    text-transform: capitalize;
    word-break: break-word;
    font-family: 'Poppins';
}

.join-catgry {
    margin-top: 5px;
}

.join-catgry label {
    font-size: 12px;
    margin: 5px 0 4px;
    padding: 0px 2px;
    border-radius: 4px;
    font-weight: 500;
    color: #57616c;
    background: #dce7ed;
}

.join-catgry h5 {
    font-size: 18px;
    color: #134770;
    margin: 0;
}

.tem-cls img {
    border-radius: 15px;
    width: 100%;
}

.join-btn {
    padding: 10px 20px;
    min-width: 150px !important;
    font-size: 18px;
    border: 2px solid #fff !important;
}

.join-btn svg {
    height: 30px !important;
    width: 30px !important;
    margin: -3px 7px 0 -1px !important;
    fill: rgb(255 255 255) !important;
}

.join-btn .button-text {
    font-weight: 500;
    text-transform: uppercase;
}

.join-btn .button-text span {
    text-shadow: 1px 1px 1px #275bafb3;
    font-size: 17px;
    font-weight: 300;
    text-transform: initial;
    color: #9cf0ff;
}

.btn-create-community {
    position: relative;
}

.btn-create-community .button-text,
.btn-create-community svg {
    position: relative;
    z-index: 999;
}

.wo_request_btn:hover {
    color: #4e4e4e;
    background: linear-gradient(to right, #b1cbdf 0%, #b7d3ef 100%) !important;
}

.profile-container .page-info-cont .wo_request_btn {
    padding: 10px 20px;
    min-width: 150px !important;
    font-size: 20px;
    border: 2px solid #fff !important;
}

.profile-container .page-info-cont .wo_request_btn svg {
    height: 30px !important;
    width: 30px !important;
    margin: -3px 7px 0 -1px !important;
    fill: rgb(255 255 255 / 0%) !important;
}

.pvt-group-lnk {
    display: flex;
    align-items: center;
}

.pvt-group-lnk a {
    padding: 7px 25px;
    background: #2196f447;
    border-radius: 15px;
    font-size: 13px;
    color: #1d92f2;
    border: 1px solid #2297f554;
}

#rules_and_guidelies {}

.rules_box {
    border-bottom: 1px dashed #d7d7d7;
    padding: 0 10px 20px;
    max-height: 65vh;
    overflow: auto;
    text-align: left;
}

.rules_box br {
    height: 8px;
    content: "";
    display: block;
}

/*Scrollbar*/
.rules_box::-webkit-scrollbar {
    width: 6px;
    height: 4px;
}

.rules_box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #808080;
}

.rules_agre_check {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    background: #f4f9f0;
    margin-bottom: 20px;
    padding: 10px;
}

.rules_agre_check input {
    width: 20px;
    height: 20px;
}

.rules_agre_check label {
    margin-top: 5px;
    font-size: 16px;
    color: #3f754d;
}

.social-media-share a {
    color: #000;
    margin: 2px 1px;
    /* opacity: 0.7; */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 6px;
    background: #f0f0f0;
    border-radius: 30px;
    height: 34px;
    display: inline-block;
    width: 34px;
    line-height: 18px;
    text-align: center;
}

.social-media-share a:hover {
    opacity: 1;
}

.social-media-share a svg {
    width: 15px;
    height: 15px;
}

.social-media-share a.tw-share-btn svg {
    height: 18px;
}

.inst-share-btn svg {
    width: 28px !important;
    height: 28px !important;
}

.social-media-share a svg path {
    transition: all 0.25s ease-in-out;
}

.fb-share-btn:hover svg path {
    fill: #32a4ff;
}

.tw-share-btn:hover svg path {
    fill: #32a4ff;
}

.li-share-btn:hover svg path {
    fill: #007ab9;
}

.em-share-btn:hover svg path {
    fill: #ff7575;
}

.wp-share-btn:hover svg path {
    fill: rgb(41, 167, 26);
}

.pi-share-btn:hover svg path {
    fill: #e60023;
}

.te-share-btn:hover svg path {
    fill: #0088cc;
}

.inst-share-btn:hover svg path {
    fill: #cb1717;
}

.fb22-share-btn:hover svg path {
    fill: #32a4ff;
}

@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: 0;
        left: 0;
        right: 0;
        margin: 0 !important;
        border-radius: 0 0 15px 15px;
        z-index: 99;
    }

    .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: 7px 10px;
        display: block;
        background: #fff;
        border-radius: 2em;
        font-size: 14px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        height: 32px;
    }

    .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;
    }

    body:has(.wo_event_profile)>.content-container.container {
        width: 100%;
        padding: 0;
    }

    .cool-style-album.blog_list {
        /* width: 50%; */
    }

    .wow_read_blog_hdr_img img {
        width: 100%;
        height: 380px;
        object-fit: cover;
    }
}

@media (min-width:992px) {

    /*Scrollbar*/
    ::-webkit-scrollbar {
        width: 8px;
        height: 4px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #808080;
    }

    .col-md-3.sidebar {
        padding-left: 0;
        padding-right: 0;
    }

    .leftcol {
        width: 18.666667%;
        padding-left: 0;
        padding-right: 0;
    }

    .middlecol {
        width: 53.333333%;
    }

    .rightcol {
        width: 28%;
        padding-left: 0;
        padding-right: 0;
    }

    .middlecol.sett_page {
        width: 55.333333%
    }

    .rightcol.sett_page {
        width: 26%
    }

    .singlecol {
        width: 81.333333%
    }

    /*.singlecol-guest{width:70.933333%}*/
    .singlecol-guest {
        width: 100%
    }

    #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 .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%;
    }

    .cool-style-album.blog_list {
        /* width: 33.33333333%; */
    }
}

@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,
.home-menu-wrap li a {
    border-radius: 25px;
    margin: 8px 2px;
    padding: 0 10.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px !important;
    transition: all 0.2s;
    font-size: 13px !important;
    line-height: normal;
    width: auto;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    box-shadow: none;
}

#wo_home_btns:not(.btn-main),
.home-menu-wrap li a {
    background-color: #f5f5f5;
}

.discover-btn-wrap a {
    color: #fff !important;
}

#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: 36%;
    max-width: 310px;
    position: relative;
}

#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;
}

#wo_home_search .search-dropdown-container .search-dropdown-result {
    max-height: 54vh;
    overflow: auto;
}

/* #wo_home_search #srch_category, #create-mobile-search-modal #srch_category{
    position: absolute;
    right: 2px;
    height: 36px;
    top: 6px;
    border-radius: 30px;
    padding: 0 5px;
    font-size: 13px;
    background: #eaf3ff;
    border: 1px solid #a4d2fb;
} */
#create-mobile-search-modal .navbar-nav {
    position: relative;
}

#create-mobile-search-modal .navbar-nav .cat-custom-dropdown {
    top: 16px;
    left: 10px;
}


.member-aproval {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    font-family: sans-serif;
}

.com-member-aprov {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
}

.com-member-aprov h3 {
    max-width: 460px;
    font-size: 17px;
    line-height: 1.3;
}

.com-member-aprov a#wo_home_btns {
    min-width: 180px;
    gap: 5px;
    font-size: 16px !important;
    height: auto !important;
    font-weight: 500;
    padding: 12px;
}

.com-member-aprov h5 {
    font-size: 16px;
    font-weight: 600;
}

.tm-tag-field {
    margin-bottom: 10px;
}

.tm-tag-field p {
    font-size: 13px;
    color: #7698b7;
}


.tm-tag-field p#headline_error {
    font-size: 13px;
    color: #a94442;
    margin-top: 10px;
}

.tm-tag-field .btn {
    position: absolute;
    right: 10px;
    min-width: auto;
    padding: 2px 16px;
    /* -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; */
}

.tm-tag {
    margin-top: 0;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.tm-tag-field label {
    margin-top: 2px;
    color: #111111;
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 500 !important;
}

.wow_form_fields.tm-tag .bootstrap-tagsinput {
    padding-right: 85px;
    min-height: 56px;
}

.wow_form_fields.tm-tag .bootstrap-tagsinput input {
    width: auto;
}

.tm-tag-field .btn::before,
.tm-tag-field .btn::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    animation: inherit;
    animation-delay: 1s;
    width: 5px;
    height: 5px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.tm-tag-field .btn::after {
    animation-delay: 2s;
}

.two-col {
    -webkit-columns: 2;
    -moz-columns: 2;
    column-count: 2;
}

.event-filter-wrap .filter_container #status .two-col {
    column-count: inherit;
}

.membr-header-area {
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
    background: #fafcff;
    border-radius: 0;
    padding: 10px 15px;
}

.membr-header-area h4 {
    margin: 0;
}

.membr-header-area h4 #countMembers {
    background: #2a99f3;
    padding: 1px 5px;
    color: #fff;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
}

.member-status-fld {
    display: inline-flex;
    align-items: center;
    margin-top: 0;
    padding: 0;
}

.wow_form_fields.member-status-fld select {
    height: 40px;
    line-height: normal;
    border: 1px solid #deebf3;
}

.wow_form_fields.member-status-fld label {
    margin: 0;
    font-size: 14px;
}

.open-close-time-block {
    display: block !important;
}

.time-block-side-bar {
    width: 100%;
    font-size: medium;
    display: flex;
    gap: 2%;
    margin-bottom: 5%;
    align-items: center;
}

.time-icon {
    color: #1a73e8;
    font-size: larger;
    vertical-align: middle;
    width: 10%;
}

span#spanOpenClosedStatus {
    display: flex;
    gap: 2%;
    align-items: center;
    width: 80%;
    font-size: small;
}

span#spanExpandHours {
    float: right;
    background: lightgray;
    border-radius: 20px;
    width: 10%;
    text-align: center;
    font-size: large;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

#divBusinessHours ul {
    padding-left: 0px;
    font-size: small;
}

#divBusinessHours ul li {
    padding-top: 1%;
    padding-bottom: 1%;
}

#divBusinessHours ul li span {
    float: right;
    width: 53%;
}

@keyframes rippletag {
    0% {
        box-shadow: 0 0 0 .7rem rgba(255, 255, 255, 0.2);
    }

    100% {
        box-shadow: 0 0 0 8rem rgba(255, 255, 255, 0);
    }
}

/* @keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
} */
.business-detail-info {
    display: flex;
    gap: 28px;
    width: 100%;
    justify-content: space-between;
}

.business-detail-info .mb-2 {
    position: relative;
    width: 33.33%;
}

.business-detail-info .mb-2::after {
    content: '';
    position: absolute;
    background-color: #e7e7e7;
    width: 1px;
    height: 90%;
    bottom: 0;
    right: 2px;
}

.business-detail-info .mb-2:last-child::after {
    display: none;
}

#business-list .community-info-wrao {
    position: relative;
    padding-left: 10px;
    width: 100%;
}

#business_sidebar li {
    width: 100%;
}

#business_sidebar li a {
    border-radius: 6px;
    padding: 7px 10px;
    display: block;
    margin: 4px 0;
    transition: all .2s ease;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    display: inline-block;
    width: 100%;
}

#business_sidebar li>a:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #050505;
}

#business_sidebar li .active {
    background: rgba(0, 0, 0, 0.05);
    color: #050505;
}

.form-bottom-btns {
    display: flex;
    justify-content: space-between;
    padding: 2rem 1rem 2rem 1rem;
}

.edit-business,
.business-services-form {
    padding: 1em 3em 1em 3em;
}

#add_business_modal .add_business_form {
    padding-bottom: 30px;
}

.left-action-btns {
    display: flex;
    gap: 1rem;
}

.right-action-btns {
    display: flex;
    gap: 1rem;
}

.left-action-btns :first-child button {
    width: 100px;
    background: #dcdcdc;
    color: #000;
    /* font-family: "Muli-Bold"; */
    padding-left: 36px;
}

.right-action-btns .btn-2 {
    width: 100px;
    background: #fc6464;
    color: #fff;
}

.wow_form_fields .select2-container--default .select2-selection--single {
    height: 45px !important;
    border-radius: 10px;
    padding: 8px 15px;
    background-color: #F5F5F5;
    font-weight: 400;
    font-size: 16px;
    display: flex;
    align-items: center;
    border: 0;
    outline: 0;
    font-family: 'Poppins';
    font-style: normal;
}

.wow_form_fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
    color: #393d4a;
}

.wow_form_fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0px;
    right: 8px;
}

#add_business_modal .wow_fcov_image,
#edit_business_modal .wow_fcov_image {
    overflow: hidden;
    height: 180px;
    min-height: 180px;
    margin: 0 auto;
}

#add_business_modal .wow_fcov_image .upload_ad_image .upload_ad_image_content,
#edit_business_modal .wow_fcov_image .upload_ad_image .upload_ad_image_content {
    text-align: center;
    background: rgb(245 245 245 / 90%);
}

#add_business_modal .wow_fcov_image .upload_ad_image .upload_ad_image_content p,
#edit_business_modal .wow_fcov_image .upload_ad_image .upload_ad_image_content p {
    color: #333;
}

#add_business_modal input[type="number"],
#edit_business_modal input[type="number"] {
    -moz-appearance: textfield;
}

#add_business_modal input::-webkit-outer-spin-button,
#add_business_modal input::-webkit-inner-spin-button,
#edit_business_modal input::-webkit-outer-spin-button,
#edit_business_modal input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.business_modal_alert {
    margin-top: 15px;
}

.business-srv-tabs {
    display: flex;
    margin-top: 20px;
    margin-bottom: 30px;
    gap: 15px;
    background: #fcfdff;
}

.business-srv-tabs .tab {
    background: none;
    border: none;
    padding: 6px 10px;
    cursor: pointer;
    font-weight: 500;
    color: #55555599;
    font-size: 14px;
}

.business-srv-tabs .tab.active {
    border-bottom: 3px solid #2a7ff2;
    color: #222;
    background-color: #2a7ff224;
}

.srv-title {
    font-size: 16px;
    margin-top: 15px;
}

.services-qutions .form-check-wrap .form-check-input {
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.services-qutions .check-box-wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.services-qutions .check-box-wrap .form-check-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.services-qutions .check-box-wrap .form-check-wrap label {
    font-size: 14px;
    cursor: pointer;
}

.services-qutions .form-check-wrap .form-check-input:checked {
    accent-color: #059BD5;
}


.business-srv-list-wrap .all-services-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.business-srv-list-wrap .all-services-header h3 {
    margin: 0;
    color: #0000009e;
}

.business-srv-list-wrap .add-btn {
    background: #2a7ff2;
    color: white;
    border: none;
    padding: 11px 26px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 15px;
}

.business-srv-list-wrap .services-list {
    margin-top: 8px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.business-srv-list-wrap .service-card {
    display: flex;
    background: #F8FCFF;
    border-radius: 8px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #d0e9fc;
}

.business-srv-list-wrap .service-actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #CDE6FA;
    gap: 10px;
    padding: 0px 7px;
}

.business-srv-list-wrap .service-actions button {
    width: 30px;
    height: 30px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    border: none;
    cursor: pointer;
    font-size: 18px;
}

.business-srv-list-wrap .service-actions .edit-btn {
    fill: #69A9F0;
}

.business-srv-list-wrap .service-actions .delete-btn {
    fill: #F16D6B;
}

.business-srv-list-wrap .service-content {
    padding: 15px 20px;
}

.business-srv-list-wrap .service-content h4 {
    margin: 0 0 8px 0;
    font-size: 17px;
}

.business-srv-list-wrap .service-content p {
    margin: 12px 0 17px 0;
    font-size: 14px;
    color: #555;
}

.business-srv-list-wrap .service-footer {
    font-size: 14px;
    color: #0000008c;
    display: flex;
    align-items: center;
    gap: 7px;
}

.business-srv-list-wrap .service-footer svg {
    fill: #2a7ff2;
    width: 18px;
}







.community_join_questionnair_slider .slider-close,
.company_details_slider .shr-url-close {
    right: 15px;
    top: 15px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 33px;
    border-radius: 50%;
    position: sticky;
    display: block;
    float: right;
    text-align: center;
    margin-top: -30px;
}

.community_join_questionnair_slider .slider-close {
    margin-top: -80px;
}

.community_join_questionnair_slider,
.company_details_slider {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0px 40px #ccc;
    position: fixed;
    top: 80px;
    z-index: 10;
    overflow: auto;
    right: -35%;
    /* right: -520px; */
    /* width: 500px; */
    /* max-width: 660px; */
    width: 35%;
    height: 90%;
    /* -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;     */
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.community_join_questionnair_slider {
    /* height: auto !important; */
    max-width: 480px;
    width: 100%;
    z-index: 99;
}

.community_join_questionnair_slider .user-name {
    min-height: 80px;
    background: #eef6f9;
    margin: 0;
    padding: 20px;
    display: flex;
    align-items: center;
}

.community_join_questionnair_slider .buss-containt .buss-dtls {
    padding: 0 0px 15px;
    margin: 0 20px;
    border-top: 1px dashed #eef6f9;
}

.community_join_questionnair_slider .buss-containt .buss-dtls h3 {
    font-size: 16px;
    margin: 15px 0 2px;
    background: #ffffff;
}

.community_join_questionnair_slider .buss-containt .buss-dtls p {
    margin-left: 2px;
}

.community_join_questionnair_slider.active,
.company_details_slider.active {
    right: 80px;
}

#join_page_questionaire {}

#join_page_questionaire .modal-header {
    padding: 31px 10px;
    text-align: center;
}

#join_page_questionaire .modal-header h4 {
    font-size: 20px;
    margin: 10px 0;
    line-height: inherit;
}

#join_page_questionaire .modal-header .join-qstn-icon {
    background: #2196f3;
    display: inline-block;
    padding: 10px;
    border-radius: 10px;
}

#join_page_questionaire .modal-header .join-qstn-icon svg {
    fill: #fff;
}

#questionsContainer {
    padding: 10px 35px;
    height: 65vh;
    overflow: auto;
}

#questionsContainer .question-container {
    padding-bottom: 6px;
}

#questionsContainer .question-container>label {
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 500;
}

#questionsContainer .answer-group label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    margin: 15px 5px;
}

#questionsContainer .answer-group label:last-child {
    margin-bottom: 5px;
}

#questionsContainer input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

#questionsContainer input[type="radio"] {
    width: 22px;
    height: 22px;
}

/*****/

#questionsWrapper .question-container {
    position: relative;
    background: #fcfeff;
    border-radius: 10px;
    border: 1px solid #dbeaf5;
    padding: 15px;
    margin-bottom: 10px;
}

#questionsWrapper .remove-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    color: #ff4f4f;
    font-size: 28px;
    background: #ffe5e5;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
}



.wo_business_info {
    margin-bottom: 20px;
    padding: 0px 80px 0px 15px;
}

.bussines-details-view {
    padding: 0px;
}

.buss-img {
    padding: 30px;
}

.buss-img img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.buss-adrs {
    padding: 10px 30px;
}

.buss-adrs .com-name span:last-child {
    font-size: 20px;
    text-transform: capitalize;
    color: #000;
}

.buss-adrs>div {
    margin: 10px 0;
}

.buss-adrs>div>span {
    color: #2a9ae5;
    word-break: break-word
}

.buss-adrs>div>span i {
    font-size: 17px;
    background: #e6f5ff;
    border: 1px solid #b5deff;
    padding: 3px;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    color: #2196f3;
    text-align: center;
    margin-right: 5px;
}

.buss-adrs.right-social-links .phone-lnk {
    margin-bottom: 3%;
}

.buss-containt {}

.buss-containt .buss-dtls {
    border-top: 1px solid #e5e5e5;
    padding: 0 30px 25px;
}

.buss-containt .buss-dtls h3 {
    font-size: 18px;
    margin: 20px 0 10px;
    background: #f5fbff;
    padding: 5px;
    font-family: 'Poppins';
}

.buss-containt .buss-dtls .comun-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    word-break: break-all;
}

.buss-containt .buss-dtls .comun-links a i {
    background: #e3e3e3;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    cursor: pointer;
}

.buss-containt .buss-dtls p {
    margin-bottom: 0;
}

#DeleteModal2 .modal-footer .btn.btn-secondary {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    background-image: linear-gradient(to right, #eb3941, #f15e64);
    box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
}

#DeleteModal2 .modal-footer .btn.btn-primary {
    text-shadow: 1px 1px 1px #8eb81d;
    box-shadow: 0 2px 6px 0 rgb(163 197 103);
    background-image: linear-gradient(to right, #bbd877 1%, #8fc400 42%);
    color: #fff;
}

.incompleted-profile-message {
    text-align: end;
}

.incompleted-profile-message span {
    padding-right: 10%;
    color: red;
    font-weight: 600;
}

@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) {
    .users-list-new .user-details-name div blockquote {
        font-size: 12px;
    }

    .wo_com_usr_lbox .slider .slick-prev {
        left: 0;
        right: auto;
    }

    .wo_com_usr_lbox .slider .slick-next {
        right: 0;
        left: auto;
    }

    .container {
        width: calc(100% - 114px);
    }

    .wo_user_side_info li {
        border: 0 !important;
    }
}

@media (max-width:1300px) {
    .users-list-new .user-details-name div blockquote {
        font-size: 11px;
    }

    .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: calc(100% - 114px);
    }

    .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,
    .sixteen-font-size span,
    .header-menu-text {
        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;
    }

    .page-info-cont .options-buttons .btn span {
        display: none;
    }

    .wo_page_profile .page-info-cont .user-avatar img {
        width: 100px;
        height: 100px;
    }

    .wo_page_profile .page-info-cont .user-avatar {
        width: 100px;
        height: 100px;
    }

    .wo_page_profile .page-info-cont {
        padding: 4px 0;
        margin-bottom: 15px;
    }
}

@media (max-width:1200px) {

    .users-list-new .user-details-name div blockquote {
        font-size: 11px;
    }

    .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: 14px 8px;
    }

    .wo_job_expanded {
        display: none;
    }

    /* .blog-cont-wrap{flex-wrap: wrap;} */

}

@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: 35px
    }

    .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: 1;
        padding: 0;
        top: 70px;
        left: 0;
        display: none;
    }

    .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);
    }

    .notifications-dropdown {
        width: 96%;
        margin: 2%;
    }

    .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: 300px;
        overflow-y: auto;
        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, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    }

    .wo_new_left_side .report-not-seen {
        line-height: inherit;
        background-color: #8cc34b;
        min-width: 20px;
    }

    .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: flex;
        padding: 7px;
        margin: 0;
        align-items: center;
    }

    .logo-wrap {
        margin: 0 !important;
        background: none !important;
        padding: 0 !important;
    }

    .side_brand .logOut-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin: 0;
        width: 88px;
        height: 60px;
        font-size: 12px;
        font-weight: 600;
        color: #4d5046;
        background: #f4f4f3;
        border-radius: 6px;
        padding: 0;
        padding-bottom: 7px;
        text-align: center;
        border: 1px solid #e8e8e8;
        text-transform: uppercase;
    }

    .side_brand .logOut-wrap svg {
        margin: 0;
        background: none;
        border: none;
        color: #2196f3;
    }

    .side_slide_menu {
        display: block;
    }

    .text-sender-container .messages-load-more-messages {
        opacity: 1;
        visibility: visible;
    }

    .language_info video {
        left: 0px;
    }

    .tick-lst-desc {
        flex-direction: column;
        margin-bottom: 15px;
    }

    .sapr-line {
        height: auto;
        width: 100%;
        border-top: 1px dashed #afbecb;
    }

    .sapr-line:before {
        left: -15px;
        top: -10px;
        border-right: 1px solid #bacfdf;
        border-bottom: 1px solid #fff;
    }

    .sapr-line:after {
        right: -24px;
        bottom: -10px;
        border-left: 1px solid #bacfdf;
        border-top: 1px solid #fff;
    }

}

@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: 75px
    }

    footer .footer-wrapper {
        display: block
    }

    .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;
    }

    #insert-event .wow_form_fields .flatpickr-mobile {
        margin-bottom: 10px;
    }

    #update-event .wow_form_fields .flatpickr-mobile {
        margin-bottom: 10px;
    }
}

@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: 20px 20px;
        background: #efefef;
        border-radius: 7px;
        margin: 4px;
    }

    #head_menu_rght .user-menu-combination {
        padding: 14px 20px;
        background: #efefef;
        border-radius: 7px;
        margin: 4px;
    }

    .community_join_questionnair_slider,
    .company_details_slider {
        width: 50%;
        right: -50%;
    }
}

@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
    }

    .wo_page_profile .page-info-cont {
        position: relative;
        padding: 30px 0;
        display: flex;
        justify-content: center;
        z-index: 99;
        flex-direction: column;
        align-items: center;
        align-content: center;
        margin-top: 55px;
    }

    .page-info-cont-right {
        justify-content: center;
        flex-wrap: wrap;
    }

    .wo_page_profile .page_navbar {
        margin: 0px -15px -15px -20px;
    }
}

@media (max-width:840px) {

    .container,
    .header-fixed1000,
    .header-fixed1200 {
        width: 100%
    }

    .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: 100%;
        height: calc(100% - 220px)
    }

    .sun_img_innr {
        height: calc(100% - 268px)
    }

    .lightbox-content .story-img img {
        max-height: calc(100vh - 268px);
    }

    .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);
    }

    .wo_reels_cont .story-img .reels-previous-btn,
    .wo_reels_cont .story-img .reels-next-btn {
        display: none !important
    }

    .wo_imagecombo_lbox .reels-img {
        height: 100%;
    }

    .wo_reels_cont {
        height: calc(100dvh - 70px);
        overflow: hidden;
    }

    .wo_reels_cont .video-text-overlay,
    .btn-delete-reel {
        right: 10px;
    }

    .video-post-text-overlay {
        padding-right: 70px;
    }

    .modal-content .myLists {
        height: 560px;
        overflow: auto !important;
        padding-bottom: 10px !important;
    }
}

@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) {

    #upload_Div_wrap {
        flex-direction: column;
    }

    #upload_Div_wrap div,
    #upload_Div_wrap button {
        width: 100%;
    }

    .event_two_blocks>div.event-time-zon {
        word-break: break-word;
    }

    .welcome_popup .modal-body .right_wrap .user-follow-button form {
        flex-direction: column;
    }

    .welcome_popup .modal-dialog {
        width: 460px;
        min-width: 460px;
    }

    .welcome_popup .modal-body .right_wrap .user-follow-button img {
        width: auto;
    }

    .h3,
    h3 {
        font-size: 18px;
    }

    #loader {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        width: 150px;
        height: 150px;
        margin: -45px 0 0 -45px;
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #3498db;
        width: 90px;
        height: 90px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        border-top: 10px solid #f3f3f3;
        border-right: 10px solid #3498db;
        border-bottom: 10px solid #f3f3f3;
        border-left: 10px solid #3498db;
        z-index: 9999999;
    }

    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    /* Add animation to "page content" */
    .animate-bottom {
        position: relative;
        -webkit-animation-name: animatebottom;
        -webkit-animation-duration: 1s;
        animation-name: animatebottom;
        animation-duration: 1s
    }

    @-webkit-keyframes animatebottom {
        from {
            bottom: -100px;
            opacity: 0
        }

        to {
            bottom: 0px;
            opacity: 1
        }
    }

    @keyframes animatebottom {
        from {
            bottom: -100px;
            opacity: 0
        }

        to {
            bottom: 0;
            opacity: 1
        }
    }

    .event_two_blocks.org-info>div,
    .event_two_blocks.first-col>div {
        width: 100%;
    }

    .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;
    }

    .evnt-btns-grup {
        background: #fff;
        margin-left: 10px;
    }

    .label-bg .qnty-fld {
        margin-top: 15px;
    }

    .evnt-btns-wrap {
        overflow: auto;
        padding: 10px;
    }

    .evnt-btns-wrap .events-list-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .wo_create_job_box_flex {
        margin: 0 -5px;
    }

    .wo_create_job_box_flex .sun_input {
        padding: 0px 0px;
        width: 100%;
        margin-bottom: 5px;
    }

    .wow_form_fields .input-group {
        width: 100%;
    }

    .wow_form_fields .input-group span.input-group-addon {
        white-space: normal;
        word-break: break-word;
        width: 100%;
        display: block;
        border-radius: 9px;
        margin-bottom: 8px;
        text-align: left;
        background-color: #e3e3e3;
    }

    .wow_form_fields .input-group-addon+input {
        border-radius: 9px 9px 9px 9px;
    }

    .pub-focus .post.publisher-box {
        /* position: relative; */
        min-width: auto;
        width: 94%;
    }

    .wow_cset_avtr .wow_cset_avtr_hdr .btn-file {
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .wow_cset_avtr .wow_cset_avtr_hdr {
        margin: 0 15px;
    }

    #wo_main_sett_mid .wo_settings_page {
        padding: 10px 10px;
    }

    .wow_cset_cover .wow_cset_cover_hdr .btn-file {
        height: 120px;
    }

    .wow_cset_avtr {
        word-break: break-word;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .wow_cset_avtr>div:not(.text-center) {
        flex-direction: column;
    }

    .popular_posts_hdr>h2 {
        font-weight: 600;
        font-size: 17px;
    }

    .prof-title .popular_posts_hdr h2 {
        padding-right: 60px;
        line-height: inherit;
    }

    .sidebar .wo_sidebar_pages .user-follow-button {
        display: flex;
        align-items: center;
    }

    .event-intro-section-top {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .event-intro-section {
        background: #fff;
        box-shadow: none;
        margin-top: 0px;
        margin-bottom: 30px;
        width: 100%;
        padding-left: 4px;
        padding-right: 4px;
    }

    .event-intro-section .intro-right-sec .inner-intro-right-sec {
        max-height: initial;
        overflow: initial;
    }

    .event-intro-section .intro-left-sec {
        margin-right: 0px;
        padding: 18px;
        padding-bottom: 0px;
    }

    .event-intro-section .intro-left-sec,
    .event-intro-section .intro-right-sec {
        padding: 10px;
    }

    .event-intro-section .intro-right-sec .inner-intro-right-sec {
        padding: 0px;
    }

    .event-intro-section .intro-left-sec::after {
        display: none;
    }

    .event-address-wrap>.event-time-zon,
    .infp-int-join-wrap {
        margin-top: 15px;
    }

    .inner-intro-right-sec .time-count-wrap {
        margin-top: 20px;
    }

    /* .evnt-btns-grup:has(#events-past){margin-left: 0;padding-left: 0px;padding-right: 0px;} */
    /* #events-past .events-list-cover .event-l-btns .btn-mat {padding: 5px 10px; min-width: 70px;} */
    .events-list-cover .event_cover {
        width: 30%;
        min-width: 120px;
    }

    .events-list-cover .event-l-info {
        width: 34%;
        flex-grow: 1;
    }

    .event-intro-section .info h2 {
        margin-top: 0px;
    }

    .intro-right-sec .time-count-wrap .counter {
        min-width: 64px;
    }

    .cool-style-album .album_parent .avatar {
        width: 30%;
    }


    .album-cont-wrap {
        width: 70%;
    }


    .wow_404 {
        flex-direction: column;
        justify-content: flex-start;
    }

    .wow_404 .col-md-6 img {
        width: 100%;
    }

    .wow_404 .btn {
        margin: auto 0 0px;
        font-size: 14px;
    }

    .wow_404 h4 {
        font-size: 26px;
        margin: 20px 0 28px;
    }

    .wow_404 h1 {
        font-size: 50px;
    }

    .wow_404 p {
        font-size: 18px;
        color: #0b62d9;
        margin: 30px 0 30px;
    }

    .event-share-url-wrap {
        width: calc(100% - 20px);
    }

    .tm-tag {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .tm-tag-field .btn {
        bottom: 6px;
        /*width: 100%;position: relative; animation: rippletag 3s linear infinite;right: auto;*/
    }

    .tm-tag-field label {
        font-size: 18px;
        font-weight: 600 !important;
    }

    .event-intro-section-bottom {
        flex-direction: column;
    }

    .social-media-share a {
        height: 36px;
        width: 36px;
        line-height: 20px;
    }

    .social-media-share a svg {
        width: 16px;
        height: 16px;
        margin-top: 3px;
    }

    .filter_tab_wrapper {
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        padding: 0px;
    }

    .filter_tab_wrapper .event_srch {
        width: 90%;
    }

    .enb-dis-evnt {
        padding: 5px 10px;
        border-radius: 0px;
        background: #ffffff;
        width: 100%;
    }

    .filtr-chck-area {
        padding: 5px;
        /* gap: 0 15px;        
        margin-right: 10px;
        margin-left: 10px;
        max-height: 110px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden; */
    }

    .two-col {
        -webkit-columns: 1;
        -moz-columns: 1;
        column-count: 1;
    }

    .seleted-fltr-area {
        flex-direction: column;
        gap: 15px;
    }

    .fltr-btns-group .btn {
        min-width: 100px;
    }

    .filtr-chck-area label {
        margin: 5px 0px;
    }

    .wow_form_fields.tm-tag .bootstrap-tagsinput {
        padding-right: 8px;
    }

    .wow_form_fields.tm-tag .bootstrap-tagsinput input {
        width: 100%;
        padding-right: 75px;
    }

    .room-member-list-cover .room-member-l-btns {
        justify-content: center;
    }

    #event_going .modal-left,
    #purchase_success .modal-left,
    #create_community .modal-body-left,
    #event_checkout .modal-left {
        min-height: 280px;
    }

    #event_going .modal-right,
    #purchase_success .modal-right,
    #create_community .modal-body-right,
    #event_checkout .modal-right {
        padding: 15px;
        min-height: auto;
    }

    #purchase_success .modal-dialog .modal-title {
        margin-top: 8%;
        line-height: normal;
        font-size: 24px;
    }

    .user-cover-reposition-container .user-cover-reposition-w #cover-image,
    .wo_event_profile .profile-container .card.hovercard .cardheader #cover-image {
        width: 100%;
    }

    .community_join_questionnair_slider.active,
    .company_details_slider.active {
        right: 10px;
    }

    .community_join_questionnair_slider,
    .company_details_slider {
        height: 86%;
        width: 95%;
        right: -95%;
    }

    .buss-img img {
        height: 180px;
    }

    .wo_pub_txtara_combo {
        /* flex-direction: column; */
    }

    .history-title,
    #following-list table thead,
    .wallet_transactions table thead {
        display: none;
    }

    #following-list table,
    .wallet_transactions table {
        border: 0;
    }

    #following-list table table tr,
    .wallet_transactions table tr {
        display: block;
        margin-bottom: 0.625em;
        border-radius: 10px;
        background: #f3f3f3;
        padding: 10px;
    }

    #following-list table table td,
    .wallet_transactions table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
        width: 100%;
    }

    #following-list table table td:last-child,
    .wallet_transactions table td:last-child {
        border-bottom: 0px solid #ddd;
    }

    .history-data-row div.col-md-2 {
        border-bottom: 1px solid #ddd;
        display: block;
        padding: 8px;
        text-align: right;
        width: 100%;
        background: #fff !important;
    }

    #following-list table #trans_dynamic tr td::before,
    .history-data-row div.col-md-2::before,
    .wallet_transactions table tr td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .history-data-row div.col-md-2:last-child {
        border-bottom: 0;
    }

    .event-filter-wrap .fltr_tab_content {
        width: 100%;
    }

    .incompleted-profile-message {
        text-align: center;
        margin-bottom: 50px;
        font-size: 14px;
    }

    .incompleted-profile-message span {
        padding-right: 0%;
    }

    ul.flter_tabs {
        text-align: center;
    }

    .flickity-viewport {
        position: 430px !important;
    }

    .cat-dropdown-toggle {
        width: 58px !important;
    }

    .search-container .search-input {
        padding: 0 45px 0 66px;
    }

    #create-mobile-search-modal .modal-dialog {
        top: 140px;
    }

    .cool-style-album .album-name h4 {
        white-space: break-spaces;
    }

    .wow_my_groups_info {
        display: flex;
        gap: 5px;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 6px;
    }
}

@media (max-width:767px) {

    .wo_page_profile .wow_content.link-invite #btnUploadContacts,
    .wo_page_profile .wow_content.link-invite #btnGenerateInviteLink {
        min-height: 36px;
    }

    .link-invite-btn-wrap .g-ling {
        min-height: 36px;
        line-height: 24px;
    }

    #filter-by-sidebar {
        display: none
    }

    .filter-by-home {
        display: block
    }

    #navbar-searchbox,
    .nav>.navbar-home,
    .navbar-home,
    .problackback {
        display: none
    }

    /*.chat-all-container,*/
    .chat_main {
        right: 10px;
        bottom: 40px;
    }

    .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
    }

    .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: 20px
    }

    .cool-style-album.invite_list {
        width: 100%;
    }

    .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;
        justify-content: center;
    }

    .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
    }

    .wo_user_profile .pic-info-cont .dropdown .btn {}

    .wo_user_profile .pic-info-cont .dropdown .dropdown-menu {
        left: 0;
        /* transform: translateX(12%) !important; */
        transform: translateX(-50%) !important;
    }

    .profile-container .card.hovercard .user-avatar img {
        box-shadow: 0 1px 2px rgba(68, 68, 68, .42);
        border: 3px solid #fff
    }

    .profile-container .card.hovercard .info .title {
        text-shadow: none
    }

    .profile-container .card.hovercard .info .title a {
        color: #4a4a4a
    }


    #add_business_modal .modal-content,
    #add_experience_modal .modal-content {
        max-height: calc(100vh - 90px);
        overflow: auto;
    }

    #add_experience_modal .add_experience_form .modal-footer {
        /* text-align: left; */
    }

    .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 .dropdown .dropdown-menu {
        position: relative !important;
    }

    .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: 10px 0 30px !important;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 0;
        /* overflow: hidden; */
        justify-content: center;
    }

    .cool-style-album .album-name {
        width: 40%;
        flex-grow: 1;
        padding-left: 20px;
    }

    #wo_main_sett_mid .wo_settings_page form {
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-x: auto;
        border: 0px solid #ddd;
        padding-left: 15px;
        padding-right: 15px;
    }

    .wo_page_profile .wo_settings_page form {
        padding-left: 15px;
        padding-right: 15px;
    }

    .table-responsive {
        border: 0px solid #ddd;
    }

    .wo_page_profile .first_row .title {
        margin: 0 10px;
    }

    .wo_page_profile .first_row .title a {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .wo_settings_page .avatar-holder p {
        font-size: 18px;
    }

    .wo_settings_page .avatar-holder .avatar {
        max-width: 65px;
        height: 65px;
        min-width: 65px;
    }

    .wo_settings_page .avatar-holder {
        padding: 15px 15px;
    }

    .wo_settings_page .avatar-holder .infoz {
        padding: 0px 30px 0 10px;
    }

    .pagination {
        flex-wrap: wrap;
    }

    .wo_profile_pic_hover .profile_avatar .btn-file {
        top: -32px;
        left: -32px;
        border-radius: 20px;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .produc_info {
        width: 70%;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .produc_info .produc_desc {
        width: 50%;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .produc_info .wow_main_blogs_btns {
        width: 50%;
    }

    .membr-header-area {
        flex-wrap: wrap;
        gap: 10px;
    }

    .membr-srch-wrap {
        width: 100%;
        order: 1;
        padding: 0;
    }

    .wo_create_job_box_img_btns {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }

    .wow_read_blog_hdr_img_innr {
        position: relative;
        background: transparent;
    }

    .evnt-bnr-overlay #event-overlay-image {
        display: none;
    }

    .pic-info-cont .wo_page_hdng_innr {
        justify-content: center;
    }

    .Mob-event-carosel-wrap .carousel-control-wrp {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        margin-bottom: 8px;
        flex-direction: row;
    }

    .Mob-event-carosel-wrap .carousel-control-wrp .carousel-control {
        background: #dfdfdf;
        width: 30px;
        height: 30px;
        border-radius: 20px;
        position: relative;
        line-height: 24px;
        text-align: center;
    }

    .Mob-event-carosel-wrap .carousel-control-wrp .carousel-control svg {
        width: 12px;
        height: 12px;
        vertical-align: middle;
    }

    .Mob-event-carosel-wrap {
        margin-bottom: 15px;
        z-index: 99;
        position: relative
    }

    .Mob-event-carosel-wrap .up-title {
        margin-bottom: 16px;
        text-align: center;
    }

    .Mob-event-carosel-wrap .up-title .btn {
        min-width: 40px;
        line-height: 18px;
        padding: 5px 16px;
        margin: 0 auto;
    }

    #Mob-event-carosel .carousel-inner {
        overflow: visible;
    }

    #incompleteProfileMsg {
        margin: 4px auto;
    }

    .modal-backdrop {
        z-index: 82;
    }

    #event_going .modal-dialog {
        margin-top: 42px;
    }

    #incompleteProfileMsg h4 {
        font-size: 12px;
        line-height: normal;
    }

    #incompleteProfileMsg h4 svg {
        width: 20px;
        width: 20px;
        height: 20px;
    }

    #incompleteProfileMsg h4 .btn {
        line-height: 17px;
        padding: 5px 8px;
    }

    #Mob-event-carosel .event-l-info {
        margin-top: 10px;
    }

    .evnt-date-sec-wrap {
        flex-direction: column;
    }

    .event-intro-section-bottom {
        padding: 0 15px 30px;
    }

    .time-count-wrap {
        padding: 10px 0px;
        margin-top: -20px;
    }

    .event-intro-section .intro-right-sec .reg-block,
    .event-intro-section .intro-right-sec .link-share-block {
        width: 100%;
    }

    .event_two_blocks {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .event_two_blocks {
        gap: 15px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .event_two_blocks>div {
        flex-basis: 45%;
    }

    .event-time-zon {
        flex-basis: 100% !important;
    }

    .wow_big_head_link ul {
        text-align: center;
    }

    .wow_big_head_link ul li a {
        font-size: 16px;
        padding: 8px 15px;
    }
}

@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: 25px 0px 15px;
        background: #fff;
        margin-top: 15px;
    }

    .wow_read_blog_hdr_img_innr h2 {
        font-size: 22px;
        color: #232323;
    }

    .wow_read_blog_hdr_img_innr .postMeta--author-text a {
        font-size: 14px;
        color: #232323;
    }

    .wow_read_blog_hdr_img img {
        width: 100%;
    }

    .wow_read_blog_hdr_img_innr .postMeta--author-text time,
    .wow_read_blog_hdr_img_innr .read-blog-info-user .metaLink {
        font-size: 13px;
        color: #232323;
    }

    .btnExpandOnPost {
        position: absolute;
        right: 1%;
        top: 5%;
        z-index: 1;
        border-radius: 5px;
        width: 45px;
        height: 45px;
        background: #2196f3;
        border: 1.5px solid #893838;
        padding-top: 0.7%;
        padding-bottom: 0.7%;
    }
}

@media (max-width:665px) {
    .event-info-cont-small {
        position: relative;
        background: transparent;
        padding: 0 10px 10px;
        flex-direction: column;
        margin-top: -14px;
    }

    .event-info-cont-small .info {
        display: block;
        width: 100%;
        text-align: center;
    }

    .wow_event_page_btns .btn {
        font-size: 13px;
        padding: 0 10px;
        margin: 0px 2px;
    }

    .event-info-cont-small .short_start_dt.inverted {
        margin: 0 !important
    }

    .event-info-cont-small .info h3 {
        color: #282828;
        margin: 20px 0;
        font-size: 18px;
    }

    .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;
        width: 100%;
        margin: 0;
    }

    .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: normal;
    }

    .publisher-box .publisher-box-footer .poster-left-buttons .btn {
        background: #f3f3f3;
        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: flex-start;
        gap: 15px;
    }

    .btnExpandOnPost {
        position: absolute;
        right: 1%;
        top: 5%;
        z-index: 1;
        border-radius: 5px;
        width: 45px;
        height: 45px;
        background: #2196f3;
        border: 1.5px solid #893838;
        padding-top: 0.7%;
        padding-bottom: 0.7%;
    }

    .missing-grouptoselect-error span {
        color: red;
        font-size: 20px;
        font-weight: 600;
    }

    .wow_big_head_link ul li a.btn_create_big.blog {
        padding: 8px 15px;
    }

    .wo_my_pages .blog_list .album_parent.view-blog {
        padding: 10px;
    }

    .wo_my_pages .blog_list .album_parent.view-blog {
        flex-wrap: wrap;
    }

    .wo_my_pages .blog_list .album_parent.view-blog .avatar {
        width: 100%;
        margin: 0;
    }

    .blog-cont-wrap {
        width: 100%;
        flex-direction: column;
        margin-top: 20px;
    }

    .wo_my_pages .blog_list .album_parent.view-blog .album-name {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .wo_my_pages .blog_list .album_parent.view-blog .blog-cont-wrap .wow_main_blogs_btns {
        align-self: flex-end;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .produc_info {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod {
        flex-wrap: wrap;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-image,
    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .produc_info .produc_desc,
    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .produc_info .wow_main_blogs_btns {
        width: 100%;
    }

    .event-filter-wrap .filter_container {
        flex-direction: column;
    }

    .search-container {
        width: 100%;
    }
}

@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: 130px;
    }

    .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: 40px;
        height: 40px;
        margin-bottom: 20px
    }

    .post .post-heading .meta .title {
        font-size: 14.5px !important;
        margin-top: 5px !important
    }

    .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 {
        left: 0;
        right: 0;
        position: fixed;
        top: 130px;
    }

    .profile-container .card.hovercard .user-avatar {
        width: 115px;
        height: 115px
    }

    .profile-container .card.hovercard {
        border-radius: 0px;
    }

    .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: 10px;
        padding-left: 10px
    }

    #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_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: 0 0px 0 5px;
    }

    #wo_msg_right_prt .msg_write_combo .message-option-btns {
        background: #fff;
        border-radius: 44px;
        border: 1px solid #d9dee0;
        position: absolute;
        left: 0;
        top: -17px;
    }

    #wo_msg_right_prt .text-sender-container textarea {
        margin-top: 27px;
        font-weight: 400;
        background: #F5F5F5;
        border-radius: 16px;
    }

    .text-sender-container .sendMessages .charsLeft-message {
        position: absolute !important;
        z-index: 9;
        right: 0 !important;
        top: -3px !important;
        background: #fff;
        padding: 2px;
        font-size: 10px;
        border-radius: 7px;
        border: 1px solid #d9dee0;
    }

    .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;
    }

    .typing {
        height: auto !important;
    }

    .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;
        min-width: 35px;
    }

    .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%;
    }

    .wo_monetize_row {
        margin-right: -10px;
        margin-left: -10px;
        display: block;
    }

    .wo_market .market_bottom #products.row,
    .row#recent-blogs {
        display: block;
    }

    .wo_address_row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .btnExpandOnPost {
        position: absolute;
        right: 1%;
        top: 5%;
        z-index: 1;
        border-radius: 5px;
        width: 40px;
        height: 40px;
        background: #2196f3;
        border: 1.5px solid #893838;
        padding-top: 0.7%;
        padding-bottom: 0.7%;
    }

    .modal-content .myLists {
        height: 560px;
        overflow: auto !important;
        padding-bottom: 10px !important;
    }

    .modal-close {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        background: white;
        border-radius: 23px;
        padding: 2px;
        margin-bottom: 9px !important;
        cursor: pointer;
        width: 45px;
        margin: auto;
        height: 45px;
        align-content: center;
        text-align: center;
    }

    #skylerwidget-form select {
        width: 34%;
    }

    #skylerwidget-form input {
        width: 56%;
    }

    #skylerwidget-form .inner-addon {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    #skylerwidget-form .inner-addon input {
        flex-grow: 1;
    }

    #skylerwidget-form .invalid-skylerwidgetlink {
        width: 25%;
        left: 40%;
    }

    .publisher-box textarea.postText {
        min-height: auto !important;
        height: 60px;
    }

    .missing-grouptoselect-error span {
        color: red;
        font-size: 13px;
        font-weight: 600;
    }

    .pub_footer_middle {
        flex-wrap: wrap;
        background: #fbfbfb;
        padding: 10px;
        margin-bottom: 15px;
        width: 100%;
    }

    .sun_pub_privacy_dropdown {
        max-width: 100%;
        justify-content: space-between;
        border-radius: 30px;
    }

    .publisher-box .publisher-box-footer .poster-left-select {
        width: 100%;
    }

    .sun_pub_privacy_menu {
        min-width: 100%;
        bottom: 30px;
        top: auto;
        left: 50%;
        transform: translateX(-50%) !important;
    }

    .sun_pub_box.panel {
        overflow: auto;
        max-height: 90vh;
    }

    .acpt-btns-grup {
        padding: 5px 5px !important;
    }

    .comment-reply .wo_commreply_combo .textarea {
        width: calc(100% - 43px);
    }

    .comment-reply .wo_commreply_combo .image-comment .btn-file {
        font-size: 12px;
    }

    .wow_main_blogs {
        flex-direction: column;
    }

    .wow_main_blogs .avatar {
        width: 100%;
    }

    .wow_main_blogs_info {
        width: 100%;
        padding: 15px 0;
        flex-direction: column;
    }

    .wow_main_blogs_info>div {
        width: 100%;
    }

    .wow_main_blogs_info>.btn {
        align-self: flex-end;
    }

    .like-list-item .avatar img {
        max-height: 280px;
        height: 100%;
    }

    .like-list-item {
        flex-direction: column;
    }

    .like-list-item .avatar {
        width: 100%;
    }

    .like-list-info {
        width: 100%;
        padding: 15px 0;
        flex-direction: column;
    }

    .like-list-info .info-wrap {
        padding-left: 0px;
        width: 100%;
    }

    .like-list-info .user-follow-button {
        align-self: flex-end;
    }

    .blog_list .wow_main_blogs_info>.btn,
    .latest-blogs .wow_main_blogs_info>.btn {
        margin-top: 20px;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod {
        flex-direction: column;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-image {
        width: 100%;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .produc_info {
        width: 100%;
        flex-direction: column;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .produc_info .produc_desc {
        padding-left: 0px;
        /* margin: 10px; */
        width: 100%;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot {
        margin: 10px 0 10px;
        align-self: flex-end;
    }

    .event_two_blocks.org-info>div:first-child {
        margin-right: 0;
        padding-right: 0
    }

    .member-bottom-sec-wrap {
        flex-direction: column;
    }

    .member-bottom-sec-wrap .member-qr-wrap- {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        align-content: center;
    }

    .member-bottom-sec-wrap .qr-img-wrap {
        position: relative;
        height: 110px;
        width: 110px;
        text-align: center;
    }

    .member-bottom-sec-wrap #qr_img {
        left: 0;
    }

    .member-status-fld {
        width: 100%;
    }

    .membr-header-area h4 {
        padding: 10px;
        width: 100%;
        background: #ffffff;
    }
}

@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;
    }

    .user-status-home ul.status-list li {
        width: 130px;
    }

    .user-status-home ul.status-list li a {
        white-space: normal;
    }

    .wo_imagecombo_lbox .story-img {
        height: auto;
        max-height: calc(100% - 220px);
    }

    .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;
    }

    .mob-refresh-wrap {
        display: none;
    }

    .mob-refresh {
        position: fixed;
        z-index: 999999;
        left: 0;
        top: 28%;
        padding: 10px;
        -webkit-border-radius: 0 50px 50px 0;
        border-radius: 0 50px 50px 0;
        background: #3a8fe8;
        /* width: 40px; */
        height: 40px;
        display: flex;
        align-content: center;
        align-items: center;
        flex-direction: row-reverse;
        color: #fff;
        box-shadow: 0 2px 6px 0 rgb(26 40 61 / 43%);
    }

    .mob-refresh span {
        display: inline-block;
        padding: 2px 7px 2px 0px;
    }

    .mob-refresh svg path {
        fill: #fff;
    }

    .mob-refresh-overlay {
        position: fixed;
        background: #3636368a;
        left: 0;
        right: 0;
        z-index: 9999;
        top: 0;
        bottom: 0;
    }

    .pub-foot-share-lnk {
        margin-top: 10px;
        width: 100% ! 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%;
    }

    .wow_big_head_link .right_part,
    .wow_big_head_link .right_part .search-blog {
        width: 100%;
    }

    .wow_big_head_link .right_part .search-blog form input {
        width: 100%;
        min-width: auto !important;
    }
}

@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;
    }

    .home-menu-wrap-parent {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        max-height: 0;
        overflow: hidden;
        box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.06);
        transition: max-height 0.6s ease;
    }

    .wow_hdr_innr_left .nav {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        width: 100%;
        border-top: 1px solid #ccc;
        align-items: center;
    }

    .dropdown-menu.notifications-dropdown {
        position: fixed;
        top: 70px;
        left: 0;
    }

    .navbar-default li.dropdown.notification-container .new-update-alert {
        right: -3px;
        top: -12px;
    }

    .row:has(.room-list) {
        margin: 0;
    }
}

@media (min-width:481px) {
    .home-menu-wrap .notification-container {
        display: none !important;
    }
}

@media (max-width:480px) {

    .home-btn,
    .dropdown.head_name_links {
        display: none !important;
    }

    .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: 95px;
        height: 95px;
        margin: 10px auto 0;
    }

    #wo_post_stat_button .stat-item {
        font-size: 13px;
        font-weight: 400;
        background: #fff !important;
        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 {
        flex-direction: column;
        padding-right: 15px;
        padding-left: 8px;
    }

    .rsv-my-spot {
        display: block;
        text-align: left;
        margin-top: 0;
    }

    .wow_hdr_innr_left {
        width: 100%;
        justify-content: left;
        padding: 0 0px;
    }

    .mob-right-menu {
        margin: 0;
        margin-left: auto;
        padding: 0;
    }

    .mob-right-menu>li {
        display: inline-block;
        background-color: #f4f0f0;
        padding: 6px;
        border-radius: 17px;
        width: 38px;
        height: 38px;
        text-align: center;
    }

    #head_menu_rght {
        background: #fff;
        width: 100%;
        float: none !important;
        margin: 0 -10px;
        flex: 1;
        display: flex;
        top: 2px;
        position: relative;
        display: none;
        padding-top: 38px;
        padding-bottom: 22px;
        border-radius: 0px 0px 7px 7px;
        box-shadow: rgba(60, 64, 67, 0.32) 0px 1px 2px, rgba(60, 64, 67, 0.15) 0px 2px 6px, rgba(0, 0, 0, 0.1) 0px 1px 8px;
        justify-content: center;
    }

    #wo_home_btns {
        padding: 0px 7px;
        margin: 0 8px;
        width: 38px;
        height: 38px !important;
    }

    .header-brand img {
        width: 112px;
        height: 40px;
        object-fit: cover;
        object-position: center;
    }

    .side_slide_menu {
        background-color: #f4f0f0;
        padding: 7px;
        border-radius: 17px;
        width: 38px;
        height: 38px;
        margin-right: 0;
    }

    .collapse.in {
        display: flex !important;
    }

    .close-menu {
        position: absolute;
        right: 10px;
        top: 6px;
        border-radius: 4px;
        background: #f1f0f0;
        padding: 4px;
        opacity: 0.7;
        display: inline;
    }

    .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;
    }

    .wo_view_post_jobs .wo_view_post_jhead .post-privacy-menu {
        min-width: 260px;
        gap: 10px;
        display: flex;
        flex-direction: column;
    }

    .wo_view_post_jobs .wo_view_post_jhead .post-privacy-menu li {
        flex: 1 1 0;
    }

    .wo_view_post_jobs .wo_view_post_jhead .post-privacy-menu>li>div {
        justify-content: flex-start;
        text-shadow: 1px 1px 1px #0000002b;
        box-shadow: 0 2px 6px 0 rgb(163 197 103);
        background-image: linear-gradient(to right, #bbd877 1%, #8fc400 42%);
        color: #fff;
    }

    .wo_view_post_jobs .wo_view_post_jhead .post-privacy-menu>li:last-child>div {
        background-color: #d9534f;
        border-color: #d43f3a;
        background-image: linear-gradient(to right, #eb3941, #f15e64);
        box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
    }

    .wo_view_post_jobs .wo_view_post_jhead .post-privacy-menu>li b,
    .wo_view_post_jobs .wo_view_post_jhead .post-privacy-menu>li p {
        color: #fff !important;
    }

    .wo_view_post_jobs .wo_view_post_jhead .post-privacy-menu>li svg {
        background: rgb(255 255 255 / 34%) !important;
    }

    .wo_view_post_jobs .wo_view_post_jhead .post-privacy-menu>li svg path {
        stroke: #fff !important;
    }

    .mob-extra-menu {
        display: inline-block !important;
    }

    .mob-extra-menu span {
        letter-spacing: 2px;
        background-color: #f5f5f5;
        border-radius: 7px;
        margin: 8px 2px;
        padding: 0 10.5px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        transition: all 0.2s;
        font-size: 10px !important;
        line-height: normal;
        width: auto;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
    }

    .post_foot_actions {
        padding-bottom: 15px;
        padding-right: 10px;
    }

    .event-time-field {
        gap: 5px;
    }

    .events-list-cover {
        flex-direction: column !important;
        padding: 20px;
    }

    .events-list-cover .event_cover {
        width: 100% !important;
    }

    .events-list-cover .event-l-info {
        width: 100% !important;
        padding: 15px 10px 0px !important;
        margin: 0% !important;
        border-left: 0px dashed #e4e4e4 !important;
    }

    .events-list-cover .event-l-btns .btn-mat {
        line-height: normal;
        padding: 8px 15px;
        min-width: 120px;
    }

    .events-list-cover .event-l-btns>span {
        flex: inherit;
    }

    .event-item-listing .events-list-cover .event-image-cover {
        width: 100% !important;
    }

    .col-md-6.middle-content-wrapper .event_two_blocks.first-col>div {
        width: 100%;
    }

    #skylerconnect-rooms .events-list-cover .event-l-btns {
        width: 100% !important;
        justify-content: center;
    }

    .btn_create_big.eventz {
        padding: 10px 10px;
        max-width: 140px;
    }

    .btn_create_big svg {
        width: 22px;
    }

    .cool-style-album .album-name {
        padding-right: 10px;
    }

    .album-cont-wrap {
        width: 100%;
        flex-direction: column;
    }

    .cool-style-album:not(.real_album) .album_parent {
        flex-wrap: wrap;
        padding: 10px;
    }

    .cool-style-album .album_parent .avatar a img {
        min-height: 180px;
        border-radius: 10px 10px 10px 10px;
    }

    .cool-style-album .album_parent .avatar {
        min-width: 80px;
        width: 100%;
        margin: 0 0 10px 0;
    }

    .cool-style-album .album-name {
        width: 100%;
        padding-left: 0;
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .notifications-dropdown .notification-list a {
        height: auto !important;
        margin: 0px 0px;
        /* padding: 10px 10.5px; */
        border-radius: inherit;
        background-color: #fff !important;
        justify-content: flex-start;
        width: 100%;
    }

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

    #skylerconnect-rooms .event_two_blocks {
        padding: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .wow_my_groups_info .btn {
        line-height: 16px;
    }

    .profile-completion-bar .hdr {
        flex-direction: column-reverse;
    }

    .container .wo_user_profile .card.hovercard .info .title a {
        color: #4a4a4a;
    }

    .wow_big_head_link .right_part .dropdown .dropdown-menu {
        min-width: 273px;
    }

    .btn {
        min-width: 45px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .srch-filtre-lst .btn.btn-main {
        width: 40px;
        height: 40px;
    }

    .srch-filtre-lst .btn-sm svg {
        margin: -2px 0px 0 0;
    }

    .events-list-cover img.events-list-cover-img {
        min-height: 160px;
    }

    .cool-style-album.invite_list .album_parent .avatar {
        width: 100%;
    }

    .cool-style-album.invite_list .album_parent .avatar a img {
        border-radius: 12px 12px 12px 12px;
    }

    .cool-style-album-row.profile_groups .cool-style-album.invite_list .user-follow-button {
        width: 100%;
    }

    .cool-style-album.invite_list #wo_useract_btn {
        width: 100%;
    }

    .cool-style-album.invite_list .album-name {
        margin-bottom: 0;
        margin-top: 15px;
    }

    .event-info-cont-small {
        margin-top: 10px;
    }

    .event-info-cont-small .wow_event_page_btns {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        gap: 10px;
    }

    .event-info-cont-small .wow_event_page_btns span .btn {
        width: 100%;
    }

    .event_two_blocks {
        flex-direction: column;
    }

    .wo_sidebar_pages .page_middle_prnt {
        align-items: center;
    }

    .profile-style.wo_sidebar_pages .page_middle {
        padding: 0px 0 0px 0;
        flex-direction: column;
        margin-top: -56px;
        z-index: 1;
    }

    #filterby-post li {
        padding: 8px;
        border-radius: 14px;
        margin: 5px 4px;
    }

    .tem-cls img {
        height: auto;
        width: 100%;
    }

    .join-title {
        font-size: 18px;
        line-height: 1.3;
    }

    .join-catgry h5 {
        font-size: 16px;
        margin: 0;
    }

    .wo_page_profile .page-info-cont .first_row {
        flex-direction: column;
        text-align: center;
        margin-top: -40px;
    }

    .wo_page_profile .page-info-cont .last_row {
        margin: 30px 0 30px;
        text-align: center;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot .btn-default {
        padding: 8px 30px;
    }

    .event-date-share-block .registrations_count {
        font-size: 20px;
        width: 30px;
        height: 30px;
        line-height: 29px;
    }

    .event-date-share-block .del-icon {
        line-height: 24px;
        position: absolute;
        right: -2px;
        top: -15px;
        border: 1px solid #ffc8c8;
    }

    #upload_existing_members #m_maximizeBtn,
    #maximizeBtn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 130px;
        top: 10px;
        position: relative;
        border-radius: 20px;
        padding: 5px;
        border: 1px solid #b3ddff;
    }

    .invt-custm-btn {
        padding: 0px 0px;
    }

}

@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
    }

    .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;
    }

    .popular_posts_hdr {
        padding: 25px 15px;
    }

    .pub_footer_bottom_btns .pub-foot-share-lnk .btn {
        width: 100%;
        margin-bottom: 8px;
    }
}

@media (max-width:360px) {
    .nav.navbar-nav.navbar-right>li>a {
        padding: 18px 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
    }

    .left-sidebar>ul>li.dropdown {
        padding-left: 0px
    }

    .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%;
    }

    .wow_big_head_link .right_part .search-blog {
        margin: 0;
    }
}


.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;
}

.unverify-bg {
    background-image: linear-gradient(to right, #99bac7, #8998b7, #80a4b1, #6786b5);
}

.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;
}

.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: cover;
}

.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%;
}

.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: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    color: #c5c5c5;
    font-size: 12px;
}

.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: "\f00c";
    color: #fff;
}




.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;*/
    }
}

.go-bck {
    background: #f6ffeb;
    border: 1px solid #d3e7be;
    font-weight: 600;
}

.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;
}

/* sidbar */
.sid-sg-bar h3 {
    white-space: normal;
    word-break: break-word;
}

.sidebar>.list-group .sid-sg-bar h3 a {
    white-space: normal;
    max-width: 200px;
}

.wo_page_profile .wow_content {
    display: inherit;
}

.wo_page_profile .wow_content.link-invite {
    background: #2196f3 url(../img/ripple-effect.png);
    color: #fff;
    background-size: 100%;
    padding: 20px;
}

.wow_content.link-invite .wo_page_hdng_innr {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    border-bottom: 1px dashed rgb(194 240 144);
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.wo_page_profile .wow_content.link-invite .profile_hdng_side>span {
    line-height: 35px;
}

.wo_page_profile .wow_content.link-invite .profile_hdng_side>.copy-invitation-url {
    line-height: 24px;
    font-weight: 600;
    font-size: 14px;
    background: #fff;
    /* border: 1px solid #1f83d5 !important; */
    color: #2991f1 !important;
    box-shadow: 0 2px 6px 0 rgb(8 106 187) !important;
    width: 140px;
}

.wo_page_profile .wow_content.link-invite #btnUploadContacts,
.wo_page_profile .wow_content.link-invite #btnGenerateInviteLink,
.wo_page_profile .wow_content.link-invite #btnHistory {
    color: #2991f1 !important;
    box-shadow: 0 2px 6px 0 rgb(8 106 187) !important;
    background: #ffffff;
    line-height: 24px;
    font-weight: 500;
    font-size: 14px;
    width: 140px;
}

.wow_content.link-invite .profile_hdng_side.wo_page_hdng {
    padding: 15px 15px 0;
    border: 0;
}

.link-invite-btn-wrap .GContact_Div {
    width: 100%;
    text-align: center;
}

.link-invite-btn-wrap #btnSLQR {
    width: 140px;
    box-shadow: 0 2px 6px 0 rgb(8 106 187) !important;
    background: #fff;
    line-height: 24px;
}

.blog-link-invite-btn-wrap {
    display: flex;
    align-items: center;
    gap: 5px;
}


.blog-link-invite-btn-wrap .btn-sm.g-ling {
    box-shadow: 0 2px 6px 0 rgb(8 106 187 / 35%) !important;
}

.blog-link-invite-btn-wrap #btnSLQR {
    width: auto;
}

.main-blog-sidebar .wo_page_hdng_innr span {
    display: none;
}

/*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%);
}

.video-container {
    position: relative;
}

.text-overlay h1 {
    font-size: 24px;
    margin-bottom: 10px;
}

.text-overlay p {
    font-size: 16px;
    margin-bottom: 0;
}

body .wo_reels_cont .story-img .reels-previous-btn[disabled] {
    display: none !important;
}

.admin-owner-badge {
    margin: auto;
    border: 1px solid #8bc34a;
    background: #baff6a30;
    color: #6ead25;
    padding: 5px 5px 5px;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .6px;
    border-radius: 18px;
}

.about_text {
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.btn-leave {
    font-size: 15px;
    height: 40px;
}

.ajax-loading {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: black;
    font-size: large;
}

.ajax-loading .ajax-loading-icon {
    border: 2px solid #eeeeee;
    border-radius: 50%;
    border-top: 2px solid #d35050;
    width: 70px;
    height: 70px;
    -webkit-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
}

.general-loading {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    background-color: white;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: black;
    font-size: large;
    background: transparent;
}

.general-loading .general-loading-icon {
    border: 2px solid #eeeeee;
    border-radius: 50%;
    border-top: 2px solid #d35050;
    width: 70px;
    height: 70px;
    -webkit-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
}

.rssfeed iframe {
    max-width: 100% !important;
    height: 300px;
}

.rssfeed embed {
    max-width: 100% !important;
}

p.profile-badge {
    padding-top: 10px;
}

.welcome_popup .modal-dialog {
    min-width: 800px;
}

.welcome_popup .modal-header {
    background: #0275d8;
    padding: 8px 15px;
}

.welcome_popup .modal-header .modal-title {
    font-size: 24px;
    font-weight: 900;
    color: #333;
    text-align: center;
}

.welcome_popup .modal-body {
    padding: 20px;
    color: #666;
}

.welcome_popup .modal-body .right_wrap .user-follow-button form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    align-content: center;

}


.welcome_popup .modal-body .right_wrap {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.welcome_popup .modal-body .right_wrap .welc_para {
    margin: 0;
}

.welcome_popup .modal-body .right_wrap .user-follow-button img {
    width: 116px;
}

.welcome_popup .modal-body .right_wrap h1 {
    font-weight: 900;
    font-size: 2.3em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
}

.welcome_popup .modal-body .right_wrap .highl_para {
    color: #333;
    font-weight: 500;
}

.welcome_popup .modal-body .right_wrap a.pre-order-btn {
    color: #000;
    background-color: gold;
    border-radius: 18px;
    padding: 5px 8px;
    display: inline-block;
    margin: 10px 10px;
    width: 120px;
    font-size: 16px;
    font-weight: 6600;
}

.welcome_popup .modal-body .right_wrap a.pre-order-btn:hover {
    background-color: #000;
    text-decoration: none;
    color: gold;
}

.welcome_popup .modal-body .right_wrap a.pre-order-btn.blue {
    background-color: #0275d8;
    color: #fff;
    width: 220px;
}

.welcome_popup .modal-body .right_wrap .features_wrap {
    text-align: left;
}

.welcome_popup .modal-body .right_wrap .features_wrap .features_list li {
    margin: 5px 0;
}

.welcome_popup .modal-body .left_wrap {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #ccc;
    padding: 10px 15px;
    text-align: left;
}

.welcome_popup .modal-body .left_wrap ul {
    margin: 0;
    padding: 0;
}

.welcome_popup .modal-body .left_wrap ul li {
    padding: 0;
    margin: 0;
    display: block;
    min-height: 120px;
}

.welcome_popup .modal-body .left_wrap ul li h5 {
    color: #212121;
    display: block;
    font-size: 20px;
    padding-bottom: 6px;
    padding-left: 50px;
    padding-top: 5px;
    position: relative;
}

.welcome_popup .modal-body .left_wrap ul li h5 svg:not(:root) {
    overflow: hidden;
}

.welcome_popup .modal-body .left_wrap ul li h5 .icons {
    display: inline;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}

.tooltip.left {
    position: fixed;
}

.modal.minimized {
    top: auto;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 40px;
    margin: 0;
    transition: all 0.3s;
    overflow: hidden;
}

/* responsiv css for welcome popup */
@media (max-width:768px) {
    .welcome_popup .modal-dialog {
        min-width: auto;
    }

    .welcome_popup .modal-body .right_wrap .user-follow-button form {
        flex-direction: column;
    }

    .welcome_popup .modal-body .right_wrap .welc_para {
        margin-bottom: 15px;
    }

    .welcome_popup .modal-body .right_wrap .user-follow-button img {
        width: auto;
    }

    .ch_cart .ch_main_items {
        width: 100%;
    }
}

/* Fullscreen modal styling */
.modal.maximized .modal-dialog {
    width: 99.9vw;
    max-width: none;
    height: 100vh;
    margin: 0;
}

.invt-custm-fild {
    max-height: calc(100vh - 30px);
}

.modal.maximized .modal-content {
    height: 100%;
    border-radius: 0;
}

.modal.maximized {
    top: auto;
}

.uf-button-main {
    right: 80px !important;
}



.paymeny_setting {
    align-items: center;
}

.stripe_auth_form .modal-footer {
    border-top: 0px solid #e7e8ec;
    background: #aba7ff;
    color: #fff;
    border-radius: 8px;
    padding: 5px 9px;
    height: auto;
    line-height: 12px;
}

.stripe_auth_form .modal-footer h5 {
    margin-top: 4px;
    margin-bottom: 4px;
}

#post-filter-tab {
    padding: 16px 8px;
}

#post-filter-tab ul {
    padding: 0 0 10px !important;
    display: flex;
    overflow: auto;
}

#post-filter-tab ul.flter_tabs li {
    background: #fbfdff;
    border-top: none;
    border-bottom: 1px solid #dae9f5;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0px;
    cursor: pointer;
    list-style: none;
}

#post-filter-tab ul.flter_tabs li.active {
    background: #e7f4ff;
    border-color: #dae9f5;
    border-bottom: 2px solid #65aadd;
}

#members-filter-tab {
    padding: 10px 0px 0px 0px;
}

#members-filter-tab ul {
    padding: 0 !important;
    display: flex;
}

#members-filter-tab ul.flter_tabs li {
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
    background: #fbfdff;
    border-top: none;
    border-bottom: 1px solid #dae9f5;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0px;
    cursor: pointer;
    width: inherit;
}

#members-filter-tab ul.flter_tabs li.active {
    background: #e7f4ff;
    border-color: #dae9f5;
    border-bottom: 2px solid #65aadd;
}

.calendar-widget-alert {
    color: #F44336;
}

.post-flte-mobile {
    display: none;
}

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

    #post-filter-tab {
        position: relative;
    }

    .post-flte-mobile {
        display: flex;
        width: 100%;
        align-items: center;
        gap: 6px;
        background: #e0ecff;
        padding: 10px;
        border-radius: 10px;
        font-size: 17px;
        font-weight: 500;
    }

    .fltr-text {
        flex: auto;
    }

    #post-filter-tab ul.flter_tabs {
        flex-direction: column;
        padding-bottom: 0 !important;
        box-shadow: 0 0 20px #ccc;
        border-radius: 10px;
        position: absolute;
        top: 62px;
        z-index: 9;
        display: none;
        /*opacity: 0;*/
    }

    #post-filter-tab ul.flter_tabs li {
        padding: 10px 12px;
    }

    /* .post-flte-mobile + ul.flter_tabs{
        opacity: 0;
    } */
    #post-filter-tab.hoverCls ul.flter_tabs {
        /*opacity: 1;*/
        display: block;
    }
}

/* md temp design to be change by chandan start*/
.cat-custom-dropdown {
    position: absolute;
    top: 4px;
    left: 0;
}

.cat-dropdown-toggle {
    padding: 10px;
    cursor: pointer;
    background: #e7e7e7;
    border: 1px solid #dfdfdf;
    border-radius: 30px 0 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 120px;
    height: 40px;
    font-size: 13px;
}

.cat-dropdown-toggle .arrow svg {
    transform: rotate(0deg);
    transition: all 0.6s;
    width: 17px;
    height: 17px;
}

.cat-dropdown-toggle .arrow svg {
    transform: rotate(0deg);
    transition: all 0.6s;
    width: 17px;
    height: 17px;
}

.cat-dropdown-toggle .arrow.spin svg {
    transform: rotate(180deg);
}

.cat-dropdown-menu {
    display: none;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 10;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0px 10px #ccc;
    background: #fff;
    border: 1px solid #e2e2e2;
    margin-top: 2px;
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
    min-width: 180px;
}

.cat-dropdown-menu li {
    padding: 10px;
    cursor: pointer;
    /* border-bottom: 1px solid #f0f0f0; */
    /* background-color: #F2F2F2; */
    margin-top: 2px 0px;
    text-align: center;
    font-size: 15px;
}

.no-rspon {
    text-align: center;
}

/* .cat-dropdown-menu li:last-child {
  border-bottom: none;
} */

.cat-dropdown-menu li:hover,
.cat-dropdown-menu li.active {
    background: #dbeeff;
}

@keyframes growDown {
    0% {
        transform: scaleY(0)
    }

    80% {
        transform: scaleY(1.1)
    }

    100% {
        transform: scaleY(1)
    }
}

@-moz-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

@-o-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

/* Multi steo form*/

#wizard {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 30px 0px 0px 0px;
    position: relative;
}

.wizard>.steps .current-info,
.wizard>.steps .number,
#wizard>h2 {
    display: none;
}

#wizard>h2 {
    margin: 0;
}

#wizard h2.title {
    margin: 0;
}

#wizard .bottom-creat-btn {
    margin-bottom: -48px;
}

#create_community .modal-header {
    background-color: transparent;
    border: 0 !important;
    padding: 5px 12px;
    border-radius: 20px 20px 0px 0px;
}

#create_community .modal-header .close {
    opacity: .6;
    padding: 4px 8px;
    position: absolute;
    right: 2px;
    top: -12px;
    font-size: 44px;
    font-weight: 300;
}

#create_community .modal-header .modal-title {
    color: #1d2129;
    font-weight: 400;
    line-height: 19px;
    font-size: 20.5px;
    padding: 2px 30px;
}

#wizard>h2.current {
    display: block;
}

.wizard>.steps ul {
    content: "";
    width: 60%;
    height: 6px;
    background: rgb(69 117 155 / 22%);
    border-radius: 6px;
    position: relative;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
}

.wizard>.steps ul li {
    list-style: none;
}

.wizard>.steps ul:before {
    content: '\e95d';
    position: absolute;
    font-size: 20px;
    font-family: 'skyler' !important;
    bottom: 20px;
    left: 22.4%;
    transition: all 0.5s ease;
    color: #ffa102;
}

.wizard>.steps ul:after {
    content: "";
    width: 20%;
    height: 6px;
    background: #2196F3;
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease;
}

.wizard>.steps ul.step-2:before {
    left: 47.5%;
    transition: all 0.5s ease;
}

.wizard>.steps ul.step-2:after {
    width: 40%;
    transition: all 0.5s ease;
}

.wizard>.steps ul.step-3:before {
    left: 73%;
    transition: all 0.5s ease;
}

.wizard>.steps ul.step-3:after {
    width: 60%;
    transition: all 0.5s ease;
}

.wizard>.steps ul.step-4:before {
    left: 96%;
    transition: all 0.5s ease;
}

.wizard>.steps ul.step-4:after {
    width: 80%;
    transition: all 0.5s ease;
}

.wizard>.steps ul.step-4:before {
    left: 96%;
    transition: all 0.5s ease;
}

.wizard>.steps ul.step-4:after {
    width: 100%;
    transition: all 0.5s ease;
}

.form-row {
    display: flex;
    margin-bottom: 29px;
    align-items: center;
}

.form-row:last-child {
    margin-bottom: 0;
}

.form-row label {
    width: 34.9%;
    margin-right: 40px;
}

.form-row .form-holder {
    width: 65.1%;
}

.form-holder {
    position: relative;
}

.form-holder i {
    position: absolute;
    bottom: 7px;
    right: 20px;
    font-size: 25px;
}

/* .form-control {
height: 41px;
border: 1px solid rgba(255, 255, 255, 0.4);
background: none;
border-radius: 5px;
width: 100%;
padding: 0 18px;
background: rgba(255, 255, 255, 0.2); }
.form-control:focus {
    box-shadow: 0px 0px 7px 0px rgba(255, 255, 255, 0.7);
    border: 1px solid #ceebf7; }
.form-control::-webkit-input-placeholder {
    color: #fff;
    text-transform: uppercase; }
.form-control::-moz-placeholder {
    color: #fff;
    text-transform: uppercase; }
.form-control:-ms-input-placeholder {
    color: #fff;
    text-transform: uppercase; }
.form-control:-moz-placeholder {
    color: #fff;
    text-transform: uppercase; }
  
  select.form-control {
    text-transform: uppercase; }
  
  .option {
    color: #999; }
  
textarea.form-control {
    padding: 8px 0;
    background: url("../images/textarea-bg.png") no-repeat right bottom 3px; } */

.actions ul {
    display: flex;
    margin-top: 14px;
    margin-bottom: 0;
    justify-content: space-between;
}

.actions li a {
    padding: 0;
    border: none;
    display: inline-flex;
    height: 35px;
    width: 122px;
    letter-spacing: 1.3px;
    align-items: center;
    background: #aad65c;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    color: #fff;
    border-radius: 27px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.actions li a:before {
    content: '\e905';
    font-family: 'skyler' !important;
    font-size: 15px;
    position: absolute;
    top: 7px;
    right: 12px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.actions li a:hover {
    background: #78b235;
}

.actions li a:hover:before {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.actions li[aria-disabled="true"] a {
    opacity: 0;
    transition: all 0.3s;
}

.actions li:first-child a {
    width: 100px;
    background: #dcdcdc;
    color: #666;
    /* font-family: "Muli-Bold"; */
    padding-left: 36px;
}

.actions li:first-child a:before {
    content: '\e904';
    left: 10px;
    font-size: 15px;
    font-family: 'skyler' !important;
}

.actions li:first-child a:hover {
    background: #e5e5e5;
}

.actions li:last-child a {
    width: 96px;
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (max-width: 991px) {

    .users-list-new .member-usr-lst,
    .users-list-new .user-list-buttons.new-join-requests {
        width: 100%;
    }

    .users-list-new .user-details-name .verification-buttons {
        /* width: 100%; */
    }

    .users-list-new .user-details-name div {
        /* flex-wrap: wrap; */
    }

    .users-list-new .user-details-name .membr-vst-join {
        flex-wrap: wrap;
    }

    .users-list-new .user-list-buttons .verification-buttons span {
        max-width: min-content;
        line-height: normal;
    }

    .users-list-new .user-details-name div blockquote {
        font-size: 10px;
    }

    .event-address-wrap,
    .reg-block {
        flex-direction: column !important;
    }

    .event-intro-section .intro-left-sec {
        width: 100% !important;
    }

    .wizard>.steps {
        order: 3;
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .wizard>.steps ul {
        position: static;
        transform: translateX(0);
        width: 100%;
    }

    #create_community .actions ul {
        margin: 0;
        padding: 0;
    }

    #create_community .modal-body-right {
        min-height: auto;
        padding: 30px 30px 40px;
    }

    #wizard .bottom-creat-btn {
        margin-bottom: -35px;
    }

    #create_community .modal-dialog {
        margin: 10px 0;
    }

    #create_community .modal-body-left {
        min-height: 400px;
    }

    #wizard {
        padding: 0px 0px 0px 0px;
    }
}

/*# sourceMappingURL=style.css.map */

.file-upload-wrapper {
    position: relative;
    width: 100%;
    height: 60px;
}

.file-upload-wrapper:after {
    content: attr(data-text);
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: #f2f2f2;
    padding: 10px 15px;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    height: 50px;
    line-height: 28px;
    color: #999;
    border-radius: 15px 10px 10px 15px;
    font-weight: 300;
}

.file-upload-wrapper:before {
    content: "Upload";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 50px;
    background: #a9d062;
    color: #fff;
    font-weight: 700;
    z-index: 25;
    font-size: 16px;
    line-height: 50px;
    padding: 0 15px;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 0 15px 15px 0;
}

.file-upload-wrapper:hover:before {
    background: #3d8c63;
}

.file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 40px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
}

.sprucecss {
    align-items: flex-start;
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
    color: #444;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    inset: auto auto 1rem 1rem;
    line-height: 1.5;
    max-width: 11rem;
    padding: 1.5rem;
    position: fixed;
    text-decoration: none;
}

.sprucecss img {
    height: 1.5rem;
    width: auto;
}

/* .chat-notification-popup{
    width: 30%;
    height: 55px;
    display: flex;
    border: 1px solid;
    border-radius: 25px;
    background: #e2e4e5;
    position: fixed;
    top: 100px;
    left: 33%;
    z-index: 9999999999999;
} */
#divVerificationRequests .member-page-content .heading__verification {
    padding: 8px 25px;
}

#divVerificationRequests .member-page-content .flex_row__space_between__mb {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Dropdown Button */
.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover,
.dropbtn:focus {
    background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
    display: block;
}


/* to show google Autocomplete in modals */
.pac-container {
    z-index: 2001 !important
}

/* for typeahed Feild START */
.typeahead-container {
    position: relative;
    width: 100%;
}

.typeahead-input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.typeahead-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    display: none;
}

.typeahead-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.typeahead-dropdown li {
    padding: 8px;
    cursor: pointer;
}

.typeahead-dropdown li:hover {
    background-color: #f0f0f0;
}

.no-results {
    padding: 8px;
    color: #888;
}

/* for typeahed Feild END */

.pwd_eye_position {
    position: absolute;
    right: 15px;
    margin-top: 18px;
    cursor: pointer;
}

.connections-list {
    background: #fff;
    border: 1px solid #cfeaff;
    padding-top: 10px;
}

.connection-list-item {
    display: flex;
    width: 100%;
}

.connection-list-item-div {
    display: flex;
    height: 90%;
    width: 100%;
    align-items: center;
}

.connection-list-item .avatar {
    width: 10%;
    margin-right: 2%;
    min-width: 54px;
}

.connection-list-item .avatar a img {
    height: 60px !important;
    width: auto !important;
}

.connection-details {
    /* width: 75%; */
    display: flex;
    flex: auto;
    flex-wrap: wrap;
}

.connection-details .connection-name {
    width: 40%;
    align-content: center;
}

.connection-details .connection-name a {
    display: flex;
    /* align-items: baseline;     */
}

.connection-details .connection-name a p {
    margin-left: 7px;
    font-size: smaller;
    color: gray;
    margin-bottom: 0px;
    align-content: center;
}

.connection-details .connection-name a h4 {
    margin-bottom: 5px;
}

.connection-details .connection-headline {
    padding-left: 10px;
    width: 60%;
    align-content: center;
}

.connection-msg-connect-btn {
    /* width: 15%;
    float: right; */
}

.modal-footer-1 {
    display: none;
}

.btn-modalconfirm {
    margin-top: 20px;
    margin-left: 10px;
    float: right;
}

.complete-profile-points {
    width: 60px;
    display: flex;
    align-items: center;
    height: 60px;
    border-radius: 25px;
    padding: 10px;
    background: lightblue;
    margin: 0 15px 0 0;
    color: #0767df;
    font-weight: 600;
    font-family: cursive;
}

.counter .points-value {
    font-size: 38px;
    font-weight: bold;
    color: #333;
    line-height: 1.2;
}

.counter .point-text-new {
    width: 80%;
    font-size: 20px;
    font-weight: 500;
    margin-right: 10px;
}

.wo_user_profile .pic-info-cont .options-buttons .connected-btn {
    color: #3ab940 !important;
    border-color: #60d465 !important;
    position: relative;
}

.wo_user_profile .pic-info-cont .options-buttons .dropdown-menu li .menu-item {
    width: 100%;
}

.connected-btn:hover {
    background: #f7ffef !important;
}

.connect-status {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
}

.connect-status,
.connect-status:before {
    background: #61d466;
}

.connect-status:before {
    content: "";
    display: block;
    position: absolute;
    left: -5px;
    top: -5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: pulse 1.5s infinite ease-in;
}

@keyframes pulse {
    from {
        transform: scale(0.5);
        opacity: 1;
    }

    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

.members-options li {
    padding: 0;
}

.members-options li .pointer div {
    display: block;
}

.flex_row__space_between__mb,
#divVerifyOrIgnoreAll {
    background: #fafcff;
    border-radius: 0;
}

.users-list-new {
    display: flex;
    flex-wrap: wrap;
}

.users-list-new .request-wo-answer {
    display: flex;
    width: 45% !important;
}

.users-list-new .follow-user-lst {
    text-align: center;
    margin-bottom: 20px;
}

.users-list-new .wow_content {
    padding: 8px 10px 10px;
    background: #fff;
    border: 1px solid #cfeaff;
    display: flex;
    height: 100%;
}

.users-list-new .member-usr-lst {
    margin-bottom: 10px;
}

.users-list-new .wow_content .avatar img {
    width: 100%;
    height: 150px;
    border-radius: 10px;
    object-fit: cover;
    /* margin-bottom: 5px; */
}

.users-list-new .wow_content .album-name a h4 {
    font-size: 16px;
    color: #222;
}

.users-list-new .user-details-new {
    width: 90%;
    display: flex;
    /* align-self: flex-start; */
}

.users-list-new .user-details-new div a h4 svg {
    /* margin-left: 2px !important; */
}

.users-list-new .user-details-new div a h4 {
    display: flex;
    gap: 5px;
    align-items: center;
}

.users-list-new .user-details-name .user-badges {
    display: flex;
    gap: 3px;
    align-items: end;
}

.user-details-new .dropdown a {
    width: 34px;
    justify-content: center;
    height: 34px;
    display: flex;
    align-content: center;
    align-items: center;
    background: rgb(239, 241, 246);
    border-radius: 20px;
}

.users-list-new .user-details-new a p {
    margin-left: 7px;
    font-size: smaller;
    color: gray;
    margin-bottom: 0px;
    align-content: center;
}

.users-list-new .user-details-name {
    width: 100%;
    padding-left: 10px;
}

.users-list-new .user-details-name.banned-members {
    /* width: 90%; */
    opacity: 0.6;
}

.users-list-new .user-list-buttons.new-join-requests {
    /* width: 40%; */
    text-align: center;
    display: flex;
    gap: 5px;
}

.new-join-requests .upper-deck-buttons {
    display: inline-flex !important;
}

.new-join-requests .request-accept-reject {
    display: flex;
    gap: 5px;
    order: -1;
}

/* .users-list-new .user-list-buttons.new-join-requests button {
    width: 25% !important;
    font-size: 11px;
} */

.new-join-requests .request-accept-reject {
    /* margin-top: 5px; */
}

.users-list-new .user-details-name a {
    margin-left: 3px;
    text-decoration: none;
}

.users-list-new .user-details-name div {
    /* display: flex; */
}

.users-list-new .user-details-name .membr-vst-join {
    display: flex;
}

.users-list-new .user-details-name .verification-buttons {
    margin-top: 0;
    align-items: center;
    order: -1;
}

.users-list-new .user-details-name .verification-buttons svg {
    margin: 0;
}

.users-list-new .user-details-name .verification-buttons .text-dsbl-mob {
    margin-right: 0;
}

.users-list-new .user-details-name div blockquote {
    margin-bottom: 0;
    padding: 5px;
}

.users-list-new .big-name-div {
    /* width: 80% !important; */
}

.users-list-new .user-list-buttons {
    /* width: 30%; */
    align-content: center;
}

/* .users-list-new .user-list-buttons.banned-members {
    width: 10%;
} */

/* .users-list-new .user-list-buttons .connect-btn {
    display: inline !important;
} */

.users-list-new .user-list-buttons button {
    min-width: auto;
}

.users-list-new .only-connect-or-msg {
    width: 20% !important;
}

.users-list-new .only-connect-or-msg button {
    width: 100% !important;
}

.users-list-new .member-lst-check {
    align-self: center;
}

.users-list-new .member-lst-check label {
    display: inline;
}

@keyframes new-requests-pulse {
    0% {
        transform: scale(1, 1);
    }

    50% {
        opacity: 0.3;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.rd-more {
    text-align: right;
}

.rd-more a {
    color: #2196f3;
    margin-top: 5px;
    display: inline-block;
}

@media (max-width: 991px) {
    .users-list-new .user-details-name div blockquote {
        font-size: 10px;
        padding: 2px 5px;
        border-left-width: 4px;
    }

    .users-list-new .user-details-new {
        flex-wrap: wrap;
    }

    .users-list-new .big-name-div {
        /* width: auto !important; */
    }

    .users-list-new .only-connect-or-msg {
        width: auto !important;
        margin: 10px;
    }

    .users-list-new .wow_content .album-name a h4 {
        margin-top: 0;
    }

    .users-list-new .user-details-name .verification-buttons .text-dsbl-mob {
        display: none;
    }

    .connection-details .connection-headline {
        width: 100%;
    }

    .connection-details .connection-name {
        width: 100%;
        padding-left: 10px;
    }

    .connection-details .connection-headline blockquote {
        color: #000000;
        padding: 0px 4px;
        margin-bottom: 10px;
        font-weight: 500;
        border-left: 3px solid #eee;
    }

    .connection-msg-connect-btn .btn span.button-text {
        display: none;
    }

    .connection-details .connection-name a h4 {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 60%;
    }

    .connection-details .connection-name a p {
        display: list-item;
        list-style-position: inside;
        padding: 0;
    }

    .connection-details {
        width: 62%;
    }
}

@media (max-width: 360px) {
    .users-list-new .wow_content {
        position: relative;
    }

    .users-list-new .member-lst-check {
        align-self: center;
        position: absolute;
        top: -5px;
        left: -5px;
        background: #ffffff;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        padding: 0px 0px 0px 4px;
    }

    .users-list-new .upper-deck-buttons .dropdown {
        padding-left: inherit;
    }
}

.new-requests-effect {
    animation: new-requests-pulse 1.2s ease infinite;
    background: #d19a9a !important;
    position: absolute;
    width: 4%;
    height: 25px;
    margin-left: -1%;
    border-radius: 50%;
}

/* .join-verif-both-requests{
    width: 15% !important;
    margin-left: 3% !important;
} */

#verificationRequestsTab .join-verif-both-requests {
    height: 35px;
}

.new-requests {}

.new-requests .span-member-typecount {
    color: red;
    position: relative;
}

.new-requests .span-member-typecount .new-requests-effect {
    width: 24px;
    height: 24px;
    top: 0px;
    margin-left: -1px;
}

.span-member-typecount {
    font-size: 14px;
    color: #000;
    /* float: right; */
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    background: #f0f2f5;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.verification-request-btn {
    background: #8cc34b !important;
    margin-bottom: 7px;
    width: 70%;
}

.request-wo-answer .verification-buttons {
    margin-right: 5px;
}

.user-list-buttons .verification-buttons {
    display: flex;
    margin-top: 5px;
}

.user-list-buttons .verification-buttons span {
    width: 50%;
}

.user-list-buttons .verification-buttons span.btn-danger {
    margin-right: 5px;
}

.community-join-answer-btn {
    width: 40%;
}

.new-join-requests .join-req {
    width: 100%;
}

.upper-deck-buttons {
    display: inline-flex;
    width: 100%;
}

.upper-deck-buttons span:not(.custom-icon-wrapper) {
    /* flex: 1; */
    margin-right: 5px;
}

.upper-deck-buttons>span:last-child {
    margin-right: 0px;
}

#join_and_verify_users_text {
    background: #fff;
    padding-left: 10px;
    padding-bottom: 10px;
}

.users-list-new .upper-deck-buttons button {
    min-width: 100%;
}

.users-list-new .upper-deck-buttons .dropdown {
    width: 100%;
    display: inline-flex;
    justify-content: flex-end;
}

.users-list-new .members-list {}

.users-list-new .members-list span:not(.custom-icon-wrapper) {
    display: inline-block;
    width: 73%;
}

.users-list-new .members-list span button {
    /* width: 100%; */
    font-size: 10px;
}

/* .users-list-new .members-list span.dropdown{
    width: 20% !important;
    float: right;
    margin-right: 5px;
} */

#divSelectVerifyOrIgnoreAll .selection-length {
    font-weight: 600;
    display: none;
}


.upload_or_gmail_connect .modal-content {
    padding: 0 0px 20px;
    background: #ffffff;
    overflow: hidden;
}

.upload_or_gmail_connect .modal-content button.close {
    opacity: 1;
    color: #ff5252;
}

.upload_or_gmail_connect .modal-content>div h4 {
    background: #2196f3;
    color: #fff;
    padding: 15px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.upload_or_gmail_connect .select-mode {
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    width: 50%;
    margin: auto;
}

.upload_or_gmail_connect .select-mode div {
    width: 100%;
    text-align: center;
}

.upload_or_gmail_connect .select-mode div button {
    width: 100%;
}

.upload_or_gmail_connect .uplod-field {
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.upload_or_gmail_connect .uplod-field .wow_form_fields {
    width: 100%;
    margin-bottom: 15px;
}

.upload_or_gmail_connect .uplod-field .csv-uplod-fild {
    width: 100%;
}

.csv-uplod-fild {
    background: #eaf4ff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.upload_or_gmail_connect .uplod-field input[type=file] {
    padding: 4px;
    margin: -4px;
    position: relative;
    outline: none;
    width: 100%;
}

.upload_or_gmail_connect .uplod-field input[type=file]::file-selector-button {
    border-radius: 4px;
    padding: 0 16px;
    height: 40px;
    cursor: pointer;
    background-color: white;
    border: 1px solid #2196f3;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
    margin-right: 16px;
    width: 132px;
    color: transparent;
}

@supports (-moz-appearance: none) {
    .upload_or_gmail_connect .uplod-field input[type=file]::file-selector-button {
        color: #2196f3;
    }
}

.upload_or_gmail_connect .uplod-field input[type=file]::file-selector-button:hover {
    background-color: #f3f4f6;
}

.upload_or_gmail_connect .uplod-field input[type=file]::file-selector-button:active {
    background-color: #e5e7eb;
}

.upload_or_gmail_connect .uplod-field input[type=file]::before {
    position: absolute;
    pointer-events: none;
    top: 13px;
    left: 16px;
    height: 20px;
    width: 20px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
}

.upload_or_gmail_connect .uplod-field input[type=file]::after {
    position: absolute;
    pointer-events: none;
    top: 13px;
    left: 40px;
    color: #2196f3;
    content: "Upload File";
}

.upload_or_gmail_connect .uplod-field input[type=file]:focus-within::file-selector-button,
input[type=file]:focus::file-selector-button {
    outline: 2px solid #2196f3;
    outline-offset: 2px;
}

.upload_or_gmail_connect .uplod-field span {
    font-size: 14px;
}

.upload_or_gmail_connect .uplod-field span a {
    font-weight: 500;
    color: #2196f3;
    border: 1px solid #a8d3f5;
    background: #ebf5ff;
    padding: 0px 10px 2px;
    border-radius: 16px;
    text-decoration: none;
}

.google_contacts .modal-content button.close {
    color: #ff5252;
    opacity: 1;
}

.google_contacts .modal-content {
    padding: 0 0px 20px;
    background: #ffffff;
    /* border: 1px solid #2196f3; */
    overflow: hidden;
}

.google_contacts .modal-content>form>div h4 {
    background: #2196f3;
    color: #fff;
    padding: 15px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    min-height: 48px;
}

.syncing-contacts {
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    background-color: white;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: black;
    font-size: large;
    background: #ffffff7d;
}

.syncing-contacts .syncing-contacts-icon {
    border: 2px solid #eeeeee;
    border-radius: 50%;
    border-top: 2px solid #d35050;
    width: 70px;
    height: 70px;
    -webkit-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
}

.scanned-users {
    display: none;
}

.scan-result-container {
    padding: 25px;
}

.scanned-result {
    display: flex;
    gap: 25px;
    overflow: auto;
    padding-bottom: 20px;
    scrollbar-width: thin;
}

#scan-result-count {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

#scan-result-count b {
    margin-right: 0px;
}

.scanned-result .scanned-result-data {}

.scanned-result .scanned-result-data div {
    margin-top: 7px;
    text-align: center;
}

.scanned-result .scanned-result-data .avatar img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
}

.upload_or_gmail_connect_okbtn {
    float: right;
    padding-top: 25px;
}

.community-unverified-message {
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: large;
    background: #fd3737;
}



.search-loading {
    /* position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0; */
    display: none;
    z-index: 1001;
    background-color: white;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: black;
    font-size: large;
    /* background: transparent; */
    padding: 40px;
}

.search-loading .search-loading-icon {
    border: 2px solid #eeeeee;
    border-radius: 50%;
    border-top: 2px solid #d35050;
    width: 70px;
    height: 70px;
    -webkit-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
}

.character-limit-reacherror {
    border: 1.5px solid red !important;
}

.redeem-points-btn {
    align-content: center;
}

.btn_redeem_points {
    max-width: 150px;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 25px !important;
}

.voucher-container {
    display: flex;
    gap: 10px;
    padding: 10px;
    padding-top: 20px;
}

.voucher-parent {
    background: #f7f6f6;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.voucher-parent .voucher-avatar img {
    border: 1px solid #cccaca;
    border-radius: 50%;
    padding: 7px;
    width: 100px;
    height: 100px;
    object-fit: contain;
    filter: opacity(0.6);
}

.voucher-parent .voucher-name {
    font-weight: 700;
    padding-top: 5px;
}

.voucher-parent .voucher-description {
    font-size: small;
    padding-top: 5px;
}

.voucher-parent .voucher-pointsto-redeem {
    padding-top: 15px;
    font-weight: 800;
}

.voucher-parent .voucher-pointsto-redeem .points-redeem-image {
    width: 25px;
    border: 2px solid gold;
    border-radius: 50%;
    margin-right: 5px;
}

.voucher-parent .voucher-redeem {
    padding-top: 15px;
}

.take-necessary-action {
    color: #747171;
    font-family: 'Source Sans Pro';
    padding: 14px;
    text-align: center;
}

.vouchers-points-container {
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

.vouchers-points-balance-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.vouchers-points-section,
.vouchers-balance-section {
    display: flex;
    align-items: center;
}

.vouchers-points-label {
    font-size: 20px;
    font-weight: 500;
    /* color: #008000; */
    margin-right: 10px;
}

.vouchers-points-value {
    font-size: 24px;
    font-weight: 700;
    color: #008000;
}

.vouchers-tabs {
    display: flex;
    margin-bottom: 24px;
    background-color: white;
    padding: 0px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.vouchers-tab {
    flex: 1;
    text-align: center;
    padding: 15px 20px;
    cursor: pointer;
    font-weight: 600;
    color: #666;
    position: relative;
    z-index: 2;
    transition: color 0.3s ease;
    text-decoration: none;
    border-radius: 50px;
}

.vouchers-tab:hover {
    text-decoration: none;
}

.vouchers-tab.active {
    color: #6aa321;
}

.vouchers-tabs:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(50% - 5px);
    height: calc(100% - 0px);
    background: #8bc34a2b;
    border-radius: 14px 14px 0 0;
    transition: transform 0.3s ease;
    z-index: 1;
    color: #666;
}

.vouchers-tabs.vouchers-second-tab-active:before {
    transform: translateX(100%);
}

.vouchers-tab-content {
    display: none;
}

.vouchers-tab-content.active {
    display: block;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .vouchers-points-balance-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

.vouchers-vouchers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.vouchers-voucher-card {
    background-color: #f5f3f3;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.vouchers-voucher-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgb(221 224 226);
}

.vouchers-voucher-content {
    flex-grow: 1;
    position: relative;
}

.vouchers-voucher-icon {
    width: 100px;
    height: 100px;
    background-color: #f9f9f9;
    border-radius: 12px;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
}

.vouchers-voucher-icon svg {
    width: 84px;
    height: 84px;
    fill: #dddddd;
}

.vouchers-voucher-title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px;
}

.vouchers-voucher-description {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 15px;
}

.vouchers-voucher-points {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.vouchers-coin-icon {
    width: 30px;
    height: 30px;
    background-color: #ffd700;
    border-radius: 50%;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vouchers-voucher-points-value {
    font-size: 18px;
    font-weight: 600;
}

.vouchers-voucher-amount {
    font-size: 16px;
    font-weight: 600;
    color: #008000;
    text-align: center;
    margin-bottom: 15px;
}

.vouchers-redeem-button {
    display: block;
    cursor: pointer;
    transition: background-color 0.2s;
    margin: 0 auto;
}

.vouchers-redeem-button:hover {
    background-color: #1976d2;
}

.vouchers-history-table {
    width: 100%;
    border-collapse: collapse;
}

.vouchers-history-table th {
    text-align: left;
    padding: 12px 15px;
    background-color: #f9f9f9;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}

.vouchers-history-table td {
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
}

.vouchers-status-badge {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
}

.vouchers-status-credited {
    background-color: #e6f7ee;
    color: #0d8a45;
}

.vouchers-status-active {
    background-color: #FFF8E1;
    color: #F59E0B;
}

.vouchers-coin-icon-small {
    width: 20px;
    height: 20px;
    background-color: #ffd700;
    border-radius: 50%;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* For more impactful image display option */
.vouchers-voucher-icon.with-image {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}

.vouchers-voucher-icon.with-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.vouchers-recurring-note {
    background-color: #EFF6FF;
    border-left: 3px solid #3B82F6;
    padding: 12px 15px;
    margin: 15px 0;
    display: flex;
    align-items: center;
    border-radius: 4px;
}

.vouchers-recurring-note i {
    color: #3B82F6;
    font-size: 16px;
    margin-right: 10px;
}

.vouchers-recurring-note p {
    margin: 0;
    font-size: 14px;
    color: #1E40AF;
    font-weight: 500;
}

.vouchers-recurring-badge {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #3B82F6;
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    z-index: 2;
}

.vouchers-recurring-badge-mini {
    background-color: #3B82F6;
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 8px;
    border-radius: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: inline-flex;
    align-items: center;
    float: right;
}

.vouchers-recurring-badge i {
    font-size: 10px;
    margin-right: 3px;
}

.vouchers-recurring-badge-mini i {
    font-size: 10px;
}

.vouchers-recurring-badge.bottom {
    top: auto;
    bottom: -10px;
    right: 10px;
}

.vouchers-pricing-container {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin: 15px 0;
}

.vouchers-price-amount {
    font-size: 28px;
    font-weight: 700;
    color: #0d8a45;
    /* Green color to emphasize value */
}

.vouchers-price-period {
    font-size: 16px;
    font-weight: 500;
    color: #666;
    margin-left: 5px;
}

.vouchers-payment-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 5px 0;
    position: relative;
}

.vouchers-option {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.vouchers-option-inner {
    display: flex;
    align-items: center;
    gap: 5px;
}

.vouchers-coin-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFD700;
    color: #B8860B;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 14px;
}

.vouchers-dollar-icon {
    color: #0d8a45;
    font-weight: bold;
    font-size: 18px;
}

.vouchers-amount {
    font-weight: 600;
    font-size: 18px;
}

.vouchers-option-divider {
    width: 1px;
    height: 30px;
    background-color: #ddd;
    margin: 0 10px;
}

.vouchers-note {
    font-size: 9px;
    color: #ff5252;
    margin-top: 2px;
}

.vouchers-inactive {
    opacity: 0.6;
}

.vouchers-inactive .vouchers-coin-icon {
    background: #e0e0e0;
    color: #888;
}

.vouchers-empty-state {
    text-align: center;
    padding: 40px 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    margin: 20px 0;
}

.vouchers-empty-icon {
    font-size: 48px;
    color: #ccc;
    margin-bottom: 20px;
}

.vouchers-empty-state h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #555;
}

.vouchers-empty-state p {
    color: #777;
    margin-bottom: 20px;
}

.vouchers-confirm-recurnote-extra {
    color: red;
    padding-top: 10px;
    display: block;
    text-align: left;
    font-size: smaller;
}

#incompleteProfileMsg {
    background-color: #f4433617;
    width: fit-content;
    margin: 18px auto;
}

#incompleteProfileMsg h4 {
    margin: 0;
}

.dropdown-menu .section-header {
    font-weight: 600;
    padding: 12px 20px;
    margin: 0;
    background-color: #f0f2f5;
    color: #1a73e8;
    border-left: 3px solid #1a73e8;
    text-align: left;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: block;
    white-space: nowrap;
}

.post-bottom-default-btn {
    display: inline-flex;
    padding: 0 2px 0 2px;
    cursor: pointer;
    align-items: center;
    position: relative;
}

.post-bottom-default-btn button {
    padding: 0px;
}

.postpub-header-buttons {
    display: none;
    padding: 12px;
}

.postpub-header-buttons .post-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0px 16px;
    gap: 8px;
}

.postpub-header-buttons .cancel-btn {
    background-color: #f44336;
    color: white;
    border: none;
    border-radius: 20px;
    padding: 6px 16px;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(244, 67, 54, 0.2);
}

.postpub-header-buttons .cancel-btn:hover {
    background-color: #e53935;
    box-shadow: 0 2px 5px rgba(244, 67, 54, 0.3);
}

.postpub-header-buttons .cancel-btn:active {
    transform: translateY(1px);
    box-shadow: 0 1px 2px rgba(244, 67, 54, 0.2);
}

.postpub-header-buttons .post-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}

.postpub-header-buttons .post-btn,
.postpub-header-buttons .post-share-btn {
    background-color: #2196f3;
    color: white;
    border: none;
    border-radius: 20px;
    padding: 6px 14px;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(33, 150, 243, 0.2);
}

.postpub-header-buttons .post-btn:hover,
.postpub-header-buttons .post-share-btn:hover {
    background-color: #1e88e5;
    box-shadow: 0 2px 5px rgba(33, 150, 243, 0.3);
}

.postpub-header-buttons .post-btn:active,
.postpub-header-buttons .post-share-btn:active {
    transform: translateY(1px);
    box-shadow: 0 1px 2px rgba(33, 150, 243, 0.2);
}

.postpub-header-buttons .post-btn:disabled,
.postpub-header-buttons .post-share-btn:disabled {
    background-color: #e4e6eb;
    color: #bcc0c4;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.postpub-header-buttons .post-share-btn {
    background-color: #1976d2;
}

.postpub-header-buttons .post-share-btn:hover {
    background-color: #1565c0;
}

.publisher-box .media-options {
    display: flex;
    gap: 25px;
}

.publisher-box .media-options .option-btn {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    color: #65676b;
    font-size: 14px;
}

/* 
.option-btn svg:hover {
    color: black !important;
    fill: black;
}

.option-btn svg:hover path {
    fill: black !important;
} */
.user-verify-button .accept-btns {
    display: inherit;
}

.user-verify-button .accept-btns button.btn {
    color: #fff;
}

.user-verify-button .accept-btns button.btn:hover {
    color: #2196f3;
}

.publisher-box .media-options .option-btn.more-button {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 12px;
}

.publisher-box .media-options .option-btn.more-button:hover {
    background-color: #ebedf0;
}

.publisher-box .media-options .option-btn.more-button span {
    margin-right: 2px;
}

.post-more-options {
    padding: 15px;
    margin: 0;
    background-color: white;
    position: absolute;
    min-width: 200px;
    max-height: 340px;
    overflow: auto;
    z-index: 9;
    border-radius: 16px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.23);
    display: none;
    top: 35px;
    user-select: none;
    -webkit-user-select: none;
    /* For Safari */
    -ms-user-select: none;
    /* For older Edge */
    top: auto;
    bottom: 44px;
}

.post-more-options li {
    display: block !important;
}

.post-more-options.open {
    display: block;
}

.post-bottom-default-btn .more-button .icon-up {
    display: none;
}

.post-bottom-default-btn .more-button .icon-down {
    display: inline;
}

/* When .open is added, show up arrow, hide down arrow */
.post-bottom-default-btn .more-button.open .icon-up {
    display: inline;
}

.post-bottom-default-btn .more-button.open .icon-down {
    display: none;
}

.post-more-options li label {
    margin: 0;
    display: block;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
}

#add_funds .modal-content {
    border: 1px solid #6dafff;
    box-shadow: 0 0 20px #3b3b3b;
}

.pub_footer_middle .discover-btn {
    margin: 4px 0px;
    position: relative;
    background-color: #f0f2f5;
    border-radius: 20px;
    padding: 6px 12px;
    border: none;
}


.link-copied-popup {
    position: fixed;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    color: #333;
    padding: 16px 30px;
    border-radius: 12px;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    transition: top 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    /* z-index: 1000; */
    z-index: 9999;
    font-weight: 500;
    font-size: 16px;
    opacity: 0;
    border-left: 4px solid #4caf50;
}

.link-copied-popup.show {
    display: flex;
    top: 100px;
    opacity: 1;
}

.link-copied-popup .tick-icon {
    margin-left: 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #4caf50;
    border-radius: 50%;
    position: relative;
    animation: fall-bounce 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.link-copied-popup .tick-icon:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 12px;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(45deg) translate(-2px, -2px);
    animation: check-mark 0.4s ease-in-out forwards;
    opacity: 0;
}

@keyframes fall-bounce {
    0% {
        transform: translateY(-40px);
        opacity: 0;
    }

    50% {
        transform: translateY(5px);
    }

    70% {
        transform: translateY(-3px);
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes check-mark {
    0% {
        opacity: 0;
        transform: rotate(45deg) scale(0.5) translate(-2px, -2px);
    }

    50% {
        opacity: 1;
        transform: rotate(45deg) scale(1.2) translate(-2px, -2px);
    }

    100% {
        opacity: 1;
        transform: rotate(45deg) scale(1) translate(-2px, -2px);
    }
}

#edit_posts_modal .modal-dialog.wow_mat_mdl {
    width: 50%;
}

#divSelectVerifyOrIgnoreAll {
    display: flex;
    width: 100%;
}

#divSelectAllCheckbox {
    width: 30%;
}

#divVerifyOrIgnoreAll {
    display: inline-block;
    width: 100%;
    align-self: center;
    padding-right: 20px;
}

#divSelectAllCheckbox .wow_content {
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
}

#divSelectAllCheckbox .selection-length {
    display: inline-block;
    font-size: small;
    padding-left: 30px;
    color: #262626;
}

.verification-request-box {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
}

.verification-request-box::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transform: rotate(45deg);
    animation: shimmer 3s infinite;
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }

    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }
}

.verification-request-box .verification-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, #4CAF50, #45a049);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pulse 2s infinite;
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

.verification-request-box .verification-icon::after {
    content: '✓';
    color: white;
    font-size: 40px;
    font-weight: bold;
}

.verification-request-box .congratulations-text {
    font-size: 24px;
    font-weight: 600;
    color: #2196f3;
    margin-bottom: 10px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    background-clip: text;
}

.verification-request-box .description-text {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
    line-height: 1.6;
}

.verification-request-box .verification-button {
    margin: auto;
    width: 28%;
    color: white;
    border: none;
    padding: 15px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
}

.verification-request-box .verification-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 35px rgba(102, 126, 234, 0.4);
}

.verification-request-box .verification-button:active {
    transform: translateY(0);
}

.verification-request-box .verification-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.verification-request-box .verification-button:hover::before {
    left: 100%;
}

.verification-status-box-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.verification-status-box {
    margin-top: 0px;
}

.verification-status-box .status-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

@keyframes statusPulse {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.4);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(255, 152, 0, 0);
    }
}

.verification-status-box.status-pending .status-icon {
    background: linear-gradient(135deg, #FF9800, #F57C00);
    animation: statusPulse 2s infinite;
}

.verification-status-box.status-pending .status-icon::after {
    content: '⏳';
    font-size: 24px;
}

.verification-status-box .status-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    text-align: center;
}

.verification-status-box.status-pending .status-title {
    color: #FF9800;
}

.verification-status-box .status-message {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin-bottom: 10px;
    text-align: center;
}

.verification-status-box .status-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: fit-content;
    margin: auto;
}

.verification-status-box.status-pending .status-badge {
    background: rgba(255, 152, 0, 0.1);
    color: #FF9800;
    border: 1px solid rgba(255, 152, 0, 0.3);
}

@media (max-width: 768px) {

    .verification-request-box,
    .verification-status-box {
        padding: 25px 20px;
    }

    .verification-status-box {
        padding: 18px 20px;
    }

    .postpub-header-buttons .post-header {
        padding: 0px 5px;
    }

    .post-more-options {
        padding: 10px !important;
        left: 0;
        top: 44px !important;
        transform: translateX(-50%) !important;
        bottom: auto;
    }

    #members-filter-tab ul {
        overflow-x: auto;
    }
}

#verification-request-sent .modal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
}

#verification-request-sent .modal.fade.in {
    opacity: 1;
    animation: modalFadeIn 0.3s ease-out;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

#verification-request-sent .modal-dialog {
    position: relative;
    width: auto;
    max-width: 500px;
    margin: 0 auto;
}

#verification-request-sent .wow_mat_mdl {
    animation: bounceIn 1s ease-out;
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

#verification-request-sent .modal-content {
    background: white;
    border-radius: 20px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
    padding: 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border: none;
    max-width: 450px;
    margin: 0 auto;
}

#verification-request-sent .modal-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #4CAF50, #45a049, #66BB6A);
    animation: progressBar 4s ease-out;
}

@keyframes progressBar {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

#verification-request-sent .wo_success_messages {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

#verification-request-sent .success-icon-container {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

#verification-request-sent .success-icon {
    width: 80px;
    height: 80px;
    animation: successPulse 1.5s ease-out;
}

@keyframes successPulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

#verification-request-sent .status-badge {
    display: inline-block;
    background: #d8b706;
    color: white;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
    animation: badgeSlideIn 0.8s ease-out 1s both;
}

#verification-request-sent .success-checkmark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    animation: checkmarkDraw 1s ease-out 0.5s both;
}

@keyframes checkmarkDraw {
    0% {
        stroke-dasharray: 0 50;
        opacity: 0;
    }

    100% {
        stroke-dasharray: 50 0;
        opacity: 1;
    }
}

@keyframes badgeSlideIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.user-verify-button:hover svg {
    fill: #0772c7;
}

.custom-icon-wrapper .custom-tooltip {
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 9999999;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    margin: 0 !important;
    border: none !important;
}

.custom-icon-wrapper .custom-tooltip::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border: 4px solid transparent !important;
    border-top-color: #333 !important;
    margin: 0 !important;
}

.custom-icon-wrapper {
    position: relative !important;
    display: inline-block !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

.custom-icon-wrapper svg {
    width: 19px !important;
    height: 19px !important;
    vertical-align: middle !important;
    display: block !important;
}

.custom-icon-wrapper:hover .custom-tooltip {
    opacity: 1;
    visibility: visible;
}

/* Field Help Modal overlay */
.field-help-modal-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(4px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 999999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}

.field-help-modal-overlay.active {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Field Help Modal content */
.field-help-modal {
    background: white !important;
    border-radius: 10px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
    max-width: 560px !important;
    width: 100% !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    transform: scale(0.9) translateY(20px) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    margin: 0 auto !important;
    z-index: 1000000 !important;
}

.field-help-modal-overlay.active .field-help-modal {
    transform: scale(1) translateY(0) !important;
}

.field-help-modal-header {
    padding: 24px 24px 0 24px;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 24px;
}

.field-help-modal-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 24px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 8px;
}

.field-help-modal-subtitle {
    font-size: 16px;
    color: #6b7280;
    margin-bottom: 16px;
}

.field-help-modal-body {
    padding: 0 24px 24px 24px;
}

.field-help-close-button {
    position: absolute;
    top: 16px;
    right: 16px;
    background: #f3f4f6;
    border: none;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    transition: all 0.2s;
}

.field-help-close-button:hover {
    background: #e5e7eb;
    color: #374151;
}

.field-help-description {
    font-size: 16px;
    color: #4b5563;
    margin-bottom: 24px;
    line-height: 1.6;
}

.field-help-examples-section {
    background: linear-gradient(135deg, #f8faff 0%, #f0f7ff 100%);
    border: 1px solid #e0e7ff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

.field-help-examples-title {
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.field-help-example-grid {
    display: grid;
    gap: 8px;
}

.field-help-example-item {
    background: white;
    padding: 12px 16px;
    border-radius: 8px;
    border-left: 3px solid #4285f4;
    font-size: 14px;
    color: #374151;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s;
}

.field-help-example-item:hover {
    transform: translateX(4px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.field-help-tips-section {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

.field-help-tips-title {
    font-size: 16px;
    font-weight: 600;
    color: #ea580c;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.field-help-tip-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.field-help-tip-item {
    font-size: 14px;
    color: #9a3412;
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
    line-height: 1.4;
}

.field-help-tip-item::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #ea580c;
    font-weight: bold;
}

.field-help-cta-section {
    text-align: center;
    padding: 20px;
    background: #f9fafb;
    border-radius: 12px;
    border: 2px dashed #d1d5db;
}

.field-help-cta-text {
    font-size: 15px;
    color: #374151;
    font-weight: 500;
    margin-bottom: 12px;
}

.field-help-cta-button {
    background: linear-gradient(135deg, #4285f4 0%, #34a853 100%);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(66, 133, 244, 0.2);
}

.field-help-cta-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(66, 133, 244, 0.3);
}

/* Help trigger button */
.help-trigger {
    /* position: absolute;
    right: 12px;
    top: 50%; */
    /* transform: translateY(-50%); */
    background: #4285f4;
    color: white;
    border: none;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    box-shadow: 0 2px 4px rgba(66, 133, 244, 0.2);
    margin-left: 5px;
    vertical-align: text-top;
}

.help-trigger:hover {
    background: #3367d6;
    /* transform: translateY(-50%) scale(1.05); */
}

.help-trigger.hidden {
    opacity: 0;
    pointer-events: none;
}

/* Share Chat Message Modal */
.share-chat-message-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(4px) !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    z-index: 999999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}

.share-chat-message-overlay.active {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.share-chat-message-modal {
    background: white !important;
    border-radius: 12px !important;
    max-width: 480px !important;
    width: 100% !important;
    max-height: 85vh !important;
    overflow: hidden !important;
    transform: scale(0.9) translateY(20px) !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
    position: relative !important;
    margin: 0 auto !important;
    z-index: 1000000 !important;
}

.share-chat-message-overlay.active .share-chat-message-modal {
    transform: scale(1) translateY(0) !important;
}

.share-chat-message-header {
    padding: 20px 24px 16px 24px;
    border-bottom: 1px solid #e4e6ea;
    position: relative;
}

.share-chat-message-title {
    font-size: 18px;
    font-weight: 600;
    color: #1c1e21;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.share-chat-message-close {
    position: absolute;
    top: 16px;
    right: 20px;
    background: #f0f2f5;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #65676b;
    font-size: 20px;
    line-height: 1;
}

.share-chat-message-close:hover {
    background: #e4e6ea;
}

.share-chat-message-search-section {
    padding: 16px 24px;
    border-bottom: 1px solid #e4e6ea;
}

.share-chat-message-search-input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #dddfe2;
    border-radius: 20px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.share-chat-message-search-input:focus {
    border-color: #1877f2;
}

.share-chat-message-contacts-list {
    max-height: 300px;
    overflow-y: auto;
    padding: 8px 0;
}

.share-chat-message-contact-item {
    display: flex;
    align-items: center;
    padding: 12px 24px;
    /* cursor: pointer; */
    transition: background-color 0.2s;
    position: relative;
}

.share-chat-message-contact-item:hover {
    background: #f0f2f5;
}

.share-chat-message-contact-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
    font-size: 16px;
    position: relative;
}

.share-chat-message-contact-avatar img {
    margin-right: 10px;
    margin-left: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.share-chat-message-online-indicator {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
    background: #42b883;
    border: 2px solid white;
    border-radius: 50%;
}

.share-chat-message-contact-info {
    flex: 1;
}

.share-chat-message-contact-name {
    font-size: 15px;
    font-weight: 500;
    color: #1c1e21;
    margin-bottom: 2px;
}

.share-chat-message-contact-status {
    font-size: 13px;
    color: #65676b;
}

.share-chat-message-last-message {
    font-size: 12px;
    color: #8a8d91;
    margin-top: 2px;
}

.share-chat-message-time {
    font-size: 12px;
    color: #8a8d91;
    margin-left: auto;
    padding-left: 8px;
}

.share-chat-message-send-icon {
    margin-left: 12px;
    width: 20px;
    height: 20px;
    opacity: 0.7;
    transition: opacity 0.2s;
    cursor: pointer;
}

.share-chat-message-contact-item:hover .share-chat-message-send-icon {
    opacity: 1;
}

.share-chat-message-no-results {
    text-align: center;
    padding: 40px 24px;
    color: #65676b;
    font-size: 14px;
}

.share-chat-message-recent-label {
    padding: 16px 24px 8px 24px;
    font-size: 13px;
    font-weight: 600;
    color: #65676b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Link Input Section */
.share-chat-message-link-section {
    padding: 16px 24px;
    border-bottom: 1px solid #e4e6ea;
    background: #f8f9fa;
}

.share-chat-message-link-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #1c1e21;
    margin-bottom: 8px;
}

.share-chat-message-link-input-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.share-chat-message-link-input {
    flex: 1;
    padding: 5px 6px;
    border: 1px solid #dddfe2;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
    background: white;
}

.share-chat-message-link-input:focus {
    border-color: #1877f2;
    box-shadow: 0 0 0 2px rgba(24, 119, 242, 0.2);
}

.sale-tag {
    font-size: 13px;
    background: #f1ffe6;
    padding: 5px 10px;
    border-radius: 10px;
    margin-top: 10px;
    border: 1px solid #b2c19f;
}

/* Base Skeleton Styles */
.skeleton-container {
    padding: 20px;
    margin: 15px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #f0f0f0;
}

.skeleton {
    background: #f2f2f2;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

.skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    animation: loading 1.5s infinite;
}

@keyframes loading {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

/* Skeleton Elements */
.skeleton-line {
    height: 16px;
    margin: 8px 0;
}

.skeleton-line.short {
    width: 60%;
}

.skeleton-line.medium {
    width: 80%;
}

.skeleton-line.long {
    width: 95%;
}

.skeleton-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
}

.skeleton-button {
    height: 32px;
    width: 80px;
    border-radius: 20px;
    display: inline-block;
    margin: 5px 8px 5px 0;
}

.skeleton-title {
    height: 20px;
    width: 70%;
    margin-bottom: 15px;
}

.skeleton-text {
    height: 14px;
    margin: 6px 0;
}

/* Loading Icons */
.loading-icon {
    display: inline-block;
    margin-right: 8px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Loading Text Animation */
.loading-text {
    color: #666;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.loading-dots::after {
    content: '';
    animation: dots 1.5s infinite;
}

@keyframes dots {

    0%,
    20% {
        content: '';
    }

    40% {
        content: '.';
    }

    60% {
        content: '..';
    }

    80%,
    100% {
        content: '...';
    }
}

/* Section-specific styles */
.posts-skeleton .skeleton-post {
    padding: 20px;
    margin: 15px 0;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    background: #fafafa;
}

.posts-skeleton .post-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.posts-skeleton .post-content {
    margin: 15px 0;
}

.requests-skeleton .request-item {
    display: flex;
    align-items: center;
    padding: 15px;
    margin: 10px 0;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    background: #fafafa;
}

.requests-skeleton .request-info {
    flex: 1;
    margin-left: 15px;
}

.requests-skeleton .request-actions {
    display: flex;
    gap: 8px;
}

/* Progress bar */
.loading-progress {
    width: 100%;
    height: 4px;
    background: #f0f0f0;
    border-radius: 2px;
    overflow: hidden;
    margin: 10px 0;
}

.loading-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #667eea, #764ba2);
    width: 0%;
    animation: progress 2s ease-in-out infinite;
}

@keyframes progress {
    0% {
        width: 0%;
    }

    50% {
        width: 70%;
    }

    100% {
        width: 100%;
    }
}

/* Alternative skeleton animation for better visibility */
.skeleton-wave {
    background: #f6f7f8;
    background-image: linear-gradient(90deg, #f6f7f8 0px, #edeef1 40px, #f6f7f8 80px);
    background-size: 600px;
    animation: wave-animation 1.6s infinite linear;
}

@keyframes wave-animation {
    0% {
        background-position-x: -600px;
    }

    100% {
        background-position-x: 600px;
    }
}

/* Pulse animation as fallback */
.skeleton-pulse-alt {
    background: #e2e5e7;
    animation: pulse-alt 1.5s ease-in-out infinite;
}

@keyframes pulse-alt {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

/* Responsive Sidebar Loading Styles */
.sidebar-loading {
    padding: 15px 10px;
    margin: 10px 0;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
}

.sidebar-loading .loading-text {
    font-size: 0.9em;
    margin-bottom: 10px;
    justify-content: flex-start;
}

.sidebar-loading .loading-icon {
    font-size: 1em;
    margin-right: 5px;
}

.sidebar-loading .loading-progress {
    height: 3px;
    margin: 8px 0;
}

/* Compact skeleton elements for sidebar */
.sidebar-skeleton {
    margin: 8px 0;
}

.sidebar-skeleton .skeleton-item {
    display: flex;
    align-items: center;
    padding: 8px;
    margin: 6px 0;
    border: 1px solid #f5f5f5;
    border-radius: 6px;
    background: #fafafa;
}

.sidebar-skeleton .skeleton-avatar-small {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 8px;
    flex-shrink: 0;
}

.sidebar-skeleton .skeleton-content {
    flex: 1;
    min-width: 0;
    /* Prevent overflow */
}

.sidebar-skeleton .skeleton-line-small {
    height: 12px;
    margin: 3px 0;
    border-radius: 3px;
}

.sidebar-skeleton .skeleton-line-small.short {
    width: 50%;
}

.sidebar-skeleton .skeleton-line-small.medium {
    width: 75%;
}

.sidebar-skeleton .skeleton-line-small.long {
    width: 90%;
}

.sidebar-skeleton .skeleton-buttons {
    display: flex;
    gap: 4px;
    margin-top: 6px;
}

.sidebar-skeleton .skeleton-button-small {
    height: 20px;
    width: 50px;
    border-radius: 10px;
    flex-shrink: 0;
}

/* Minimal sidebar loading */
.sidebar-minimal {
    padding: 12px 8px;
    text-align: center;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    margin: 8px 0;
}

.sidebar-minimal .loading-text {
    font-size: 0.85em;
    color: #6c757d;
    margin-bottom: 8px;
}

.sidebar-minimal .mini-progress {
    width: 100%;
    height: 2px;
    background: #e9ecef;
    border-radius: 1px;
    overflow: hidden;
}

.sidebar-minimal .mini-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #667eea, #764ba2);
    width: 0%;
    animation: progress 2s ease-in-out infinite;
}

/* Ultra compact for very small sidebars */
.sidebar-compact {
    padding: 8px;
    background: #f8f9fa;
    border-radius: 4px;
    margin: 5px 0;
    text-align: center;
}

.sidebar-compact .compact-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #667eea;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-right: 6px;
}

.sidebar-compact .compact-text {
    font-size: 0.8em;
    color: #6c757d;
    display: inline-block;
    vertical-align: middle;
}

.agenda-menu-wrap {
    margin-top: -50px;
    position: relative;
    margin-bottom: 25px;
}

.agenda-menu {
    background: linear-gradient(to right, #c2ebff, #b0d8ff, #a3caff);
    padding: 5px 20px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.agenda-menu .menu-right {
    display: flex;
    gap: 32px;
    align-items: center;
}

.agenda-menu .menu-right .nav-link {
    position: relative;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    padding: 15px 5px;
}

.agenda-menu .menu-right .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #267ee6;
    border-radius: 2px;
}

.agenda-menu .menu-right .nav-link.active {
    color: #267ee6;
}

/* 
.register-btn {
    background-color: #1791f6;
    color: white;
    padding: 6px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

.register-btn:hover {
    background-color: #0f7bdc;
} */

.speakers-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.speaker-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    /* width: 260px; */
    width: 31%;
    text-align: center;
    padding: 20px;
}

.speaker-card img {
    width: 100%;
    height: 250px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    object-fit: cover;
}

.speaker-name {
    font-weight: 600;
    font-size: 18px;
    margin: 17px 0 10px;
    color: #000;
}

.speaker-title {
    font-size: 14px;
    color: #555;
    margin-bottom: 5px;
}

.speaker-company {
    font-size: 14px;
    color: #007bff;
    text-decoration: none;
}

/* Responsive behavior */
@media (max-width: 768px) {
    .sidebar-loading {
        padding: 10px 8px;
    }

    .sidebar-skeleton .skeleton-item {
        padding: 6px;
    }

    .sidebar-skeleton .skeleton-avatar-small {
        width: 28px;
        height: 28px;
    }

    .wo_jlist_info_main span .s-text {
        display: none;
    }
}

/* Extra small sidebar (width < 200px) */
.sidebar-xs .sidebar-skeleton .skeleton-content {
    display: none;
}

.sidebar-xs .sidebar-skeleton .skeleton-buttons {
    display: none;
}

.sidebar-xs .sidebar-loading .loading-text {
    font-size: 0.75em;
    text-align: center;
}

/* Error Container Styles */
.skeleton-loading-error-container {
    padding: 20px;
    margin: 15px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 2px solid #e74c3c;
    text-align: center;
}

.skeleton-loading-error-container.skeleton-loading-sidebar-error {
    padding: 12px 8px;
    margin: 8px 0;
    border: 1px solid #e74c3c;
}

.skeleton-loading-error-container.skeleton-loading-compact-error {
    padding: 8px;
    margin: 5px 0;
    border: 1px solid #e74c3c;
}

.skeleton-loading-error-icon {
    font-size: 2em;
    color: #e74c3c;
    margin-bottom: 10px;
    display: block;
}

.skeleton-loading-error-container.sidebar-error .skeleton-loading-error-icon {
    font-size: 1.5em;
    margin-bottom: 6px;
}

.skeleton-loading-error-container.skeleton-loading-compact-error .skeleton-loading-error-icon {
    font-size: 1.2em;
    margin-bottom: 4px;
}

.skeleton-loading-error-title {
    font-size: 1.2em;
    font-weight: 600;
    color: #c0392b;
    margin-bottom: 8px;
}

.skeleton-loading-error-container.skeleton-loading-sidebar-error .skeleton-loading-error-title {
    font-size: 1em;
    margin-bottom: 6px;
}

.skeleton-loading-error-container.skeleton-loading-compact-error .skeleton-loading-error-title {
    font-size: 0.9em;
    margin-bottom: 4px;
}

.skeleton-loading-error-message {
    color: #7f8c8d;
    margin-bottom: 15px;
    line-height: 1.4;
}

.skeleton-loading-error-container.skeleton-loading-sidebar-error .skeleton-loading-error-message {
    font-size: 0.9em;
    margin-bottom: 10px;
}

.skeleton-loading-error-container.skeleton-loading-compact-error .skeleton-loading-error-message {
    font-size: 0.8em;
    margin-bottom: 8px;
}

.skeleton-loading-error-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.skeleton-loading-error-container.skeleton-loading-sidebar-error .skeleton-loading-error-actions {
    gap: 6px;
}

.skeleton-loading-error-container.skeleton-loading-compact-error .skeleton-loading-error-actions {
    gap: 4px;
    flex-direction: column;
}

.skeleton-loading-error-btn {
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    font-size: 0.9em;
}

.skeleton-loading-error-btn.primary {
    background: #e74c3c;
    color: white;
}

.skeleton-loading-error-btn.primary:hover {
    background: #c0392b;
    color: white;
    text-decoration: none;
}

.skeleton-loading-error-btn.secondary {
    background: #ecf0f1;
    color: #7f8c8d;
    border: 1px solid #bdc3c7;
}

.skeleton-loading-error-btn.secondary:hover {
    background: #d5dbdb;
    color: #7f8c8d;
    text-decoration: none;
}

.skeleton-loading-error-container.skeleton-loading-sidebar-error .skeleton-loading-error-btn {
    padding: 6px 12px;
    font-size: 0.8em;
}

.skeleton-loading-error-container.skeleton-loading-compact-error .skeleton-loading-error-btn {
    padding: 4px 8px;
    font-size: 0.75em;
    width: 100%;
    text-align: center;
}

/* Warning Container Styles */
.skeleton-loading-warning-container {
    padding: 15px;
    margin: 15px 0;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #f39c12;
    text-align: center;
}

.skeleton-loading-warning-container.skeleton-loading-sidebar-warning {
    padding: 10px 8px;
    margin: 8px 0;
    border: 1px solid #f39c12;
}

.skeleton-loading-warning-icon {
    font-size: 1.5em;
    color: #f39c12;
    margin-bottom: 8px;
    display: block;
}

.skeleton-loading-warning-title {
    font-size: 1em;
    font-weight: 600;
    color: #d68910;
    margin-bottom: 6px;
}

.skeleton-loading-warning-message {
    color: #7f8c8d;
    font-size: 0.9em;
    margin-bottom: 10px;
}

/* Info Container Styles */
.skeleton-loading-info-container {
    padding: 15px;
    margin: 15px 0;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #3498db;
    text-align: center;
}

.skeleton-loading-info-container.sidebar-info {
    padding: 10px 8px;
    margin: 8px 0;
    border: 1px solid #3498db;
}

.skeleton-loading-info-icon {
    font-size: 1.5em;
    color: #3498db;
    margin-bottom: 8px;
    display: block;
}

.skeleton-loading-info-title {
    font-size: 1em;
    font-weight: 600;
    color: #2980b9;
    margin-bottom: 6px;
}

.skeleton-loading-info-message {
    color: #7f8c8d;
    font-size: 0.9em;
    margin-bottom: 10px;
}

/* Retry animation */
.skeleton-loading-retry-btn {
    position: relative;
    overflow: hidden;
}

.skeleton-loading-retry-btn.loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: retry-loading 1.5s infinite;
}

@keyframes retry-loading {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

/***** Post Publisher Box Skeleton **********/
.post-box-loader {
    background: white;
    border-radius: 8px;
    padding: 16px;
    margin: 16px 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #e4e6ea;
    display: flex;
    align-items: center;
    gap: 12px;
}

.postbox-skeleton-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: postbox-skeleton-loading 1.5s infinite;
}

.postbox-skeleton-input {
    flex: 1;
    height: 44px;
    border-radius: 20px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: postbox-skeleton-loading 1.5s infinite;
}

@keyframes postbox-skeleton-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/*********************************************/

/**** Events Card Loading Skeleton CSS *******/
.events-show-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #e4e6ea;
    margin: 16px 0;
    position: relative;
}

.events-show-skeleton-header {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
}

.events-show-skeleton-discover-btn {
    width: 120px;
    height: 24px;
    border-radius: 16px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: events-show-loading 1.5s infinite;
}

.events-show-skeleton-share-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: events-show-loading 1.5s infinite;
    position: absolute;
    top: 195px;
    right: 16px;
    z-index: 2;
}

.events-show-skeleton-image {
    width: 100%;
    height: 140px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: events-show-loading 1.5s infinite;
}

.events-show-skeleton-content {
    padding: 16px;
}

.events-show-skeleton-category {
    width: 100px;
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: events-show-loading 1.5s infinite;
    margin-bottom: 8px;
}

.events-show-skeleton-title {
    width: 100%;
    height: 16px;
    border-radius: 8px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: events-show-loading 1.5s infinite;
    margin-bottom: 8px;
}

.events-show-skeleton-organizer {
    width: 70%;
    height: 14px;
    border-radius: 7px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: events-show-loading 1.5s infinite;
    margin-bottom: 8px;
}

.events-show-skeleton-time {
    width: 80%;
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: events-show-loading 1.5s infinite;
    margin-bottom: 12px;
}

.events-show-skeleton-select-btn {
    width: 120px;
    height: 32px;
    border-radius: 6px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: events-show-loading 1.5s infinite;
    margin: 0 auto;
}

@keyframes events-show-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/*********************************************/

/******** Error on fetching lazy elements ****/
/* Enhanced Professional Error State */
.lazyload-error-container {
    background: white;
    border-radius: 16px;
    padding: 48px 32px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #f1f3f5;
    position: relative;
    overflow: hidden;
}

.lazyload-error-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff6b6b, #ee5a52);
}

.lazyload-error-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 24px;
    background: linear-gradient(135deg, #ff6b6b, #ee5a52);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: lazyload-pulse 2s infinite;
}

.lazyload-error-icon svg {
    width: 32px;
    height: 32px;
    color: white;
}

@keyframes lazyload-pulse {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.4);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(255, 107, 107, 0);
    }
}

.lazyload-error-title {
    font-size: 24px;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 12px;
    letter-spacing: -0.025em;
}

.lazyload-error-description {
    font-size: 16px;
    color: #718096;
    margin-bottom: 32px;
    line-height: 1.6;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.lazyload-error-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.lazyload-btn-retry {
    background: linear-gradient(135deg, #4299e1, #3182ce);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 8px rgba(66, 153, 225, 0.3);
}

.lazyload-btn-retry:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(66, 153, 225, 0.4);
}

.lazyload-btn-secondary {
    background: transparent;
    color: #4a5568;
    border: 2px solid #e2e8f0;
    padding: 10px 22px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.lazyload-btn-secondary:hover {
    border-color: #cbd5e0;
    background: #f7fafc;
    transform: translateY(-1px);
}

/*********************************************/

/******* Invite Box Lazy Loading ************/
.invite-box-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f3f4f6;
}

.invite-box-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
    width: 100%;
}

.invite-box-header {
    text-align: center;
    margin-bottom: 20px;
}

.invite-box-title-skeleton {
    height: 28px;
    background-color: #e5e7eb;
    border-radius: 6px;
    margin-bottom: 8px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: invite-box-loading 1.5s ease-in-out infinite;
}

.invite-box-subtitle-skeleton {
    height: 16px;
    background-color: #e5e7eb;
    border-radius: 4px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: invite-box-loading 1.5s ease-in-out infinite;
    animation-delay: 0.1s;
}

.invite-box-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.invite-box-button-skeleton {
    height: 50px;
    background-color: #e5e7eb;
    border-radius: 25px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: invite-box-loading 1.5s ease-in-out infinite;
}

@keyframes invite-box-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/*********************************************/

.messages-dropdown .message-filters {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    gap: 8px;
}

.messages-dropdown .message-filters .filter-option {
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 20px;
    transition: all 0.2s ease;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    background-color: #f5f5f5;
    border: none;
}

.messages-dropdown .message-filters .filter-option:hover {
    background-color: #e9ecef;
    color: #333;
}

.messages-dropdown .message-filters .filter-option.active {
    background-color: #007bff;
    color: white;
}

.messages-dropdown .message-filters .filter-option.active:hover {
    background-color: #0056b3;
}

.unread-message-count {
    color: white;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 12px;
    min-width: 25px;
    height: 25px;
    text-align: center;
    line-height: 1;
    align-content: center;
}

.first-post-alert {
    border: 1px solid transparent;
    background-color: #fff3cd;
    color: #856404;
    padding: 15px 17px;
    border-color: rgb(255, 193, 7) !important;
    border-radius: 16px;
    position: relative;
    border-left: 2.5px solid;
    z-index: 10;
}

.first-post-alert .small-texts {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.first-post-alert p {
    font-size: 13px;
    margin: 0 0 12px 0;
    line-height: 1.4;
}

.first-post-alert .welcome-actions {
    text-align: center;
}

.first-post-alert .welcome-actions button {
    padding: 10px 30px 10px 30px;
}

.uplr-verification-modal,
.verifyreminder-alreadysent {
    background: transparent;
    backdrop-filter: blur(8px);
    display: none;
}

.uplr-verification-modal .modal-content,
.verifyreminder-alreadysent .modal-content {
    background: white;
    border-radius: 16px;
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    max-width: 400px;
    margin: 0 auto;
}

.uplr-verification-modal .modal-header,
.verifyreminder-alreadysent .modal-header {
    border: none;
    padding: 40px 30px 20px;
    text-align: center;
}

.uplr-verification-modal .modal-body,
.verifyreminder-alreadysent .modal-body {
    padding: 0 30px 20px;
    text-align: center;
}

.uplr-verification-modal .modal-footer,
.verifyreminder-alreadysent .modal-footer {
    border: none;
    padding: 20px 30px 40px;
    justify-content: center;
    gap: 12px;
}

.uplr-verification-modal .verification-animation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 30px;
    max-width: 200px;
}

.uplr-verification-modal .verification-icon {
    width: 50px;
    height: 50px;
}

.uplr-verification-modal .unverified-icon {
    animation: uplr-verification-modal-shake 2s infinite;
}

.uplr-verification-modal .verified-icon {
    animation: uplr-verification-modal-glow 2s infinite;
}

.uplr-verification-modal .arrow {
    width: 40px;
    height: 20px;
    margin: 0 15px;
}

.uplr-verification-modal .arrow-line {
    stroke-dasharray: 30;
    stroke-dashoffset: 30;
    animation: uplr-verification-modal-draw 2s ease-in-out infinite;
}

@keyframes uplr-verification-modal-shake {

    0%,
    100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-2px);
    }

    75% {
        transform: translateX(2px);
    }
}

@keyframes uplr-verification-modal-glow {

    0%,
    100% {
        filter: brightness(1);
        transform: scale(1);
    }

    50% {
        filter: brightness(1.2);
        transform: scale(1.05);
    }
}

@keyframes uplr-verification-modal-draw {
    0% {
        stroke-dashoffset: 30;
    }

    70% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.uplr-verification-modal .title {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 8px;
}

.uplr-verification-modal .subtitle {
    font-size: 16px;
    color: #666;
    margin: 0;
}

.uplr-verification-modal .btn-primary-custom {
    background: #007bff;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    color: white;
    min-width: 140px;
    transition: all 0.2s ease;
}

.uplr-verification-modal .btn-primary-custom:hover {
    background: #0056b3;
    transform: translateY(-1px);
}

.uplr-verification-modal .btn-secondary-custom {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    color: #6c757d;
    min-width: 140px;
    transition: all 0.2s ease;
}

.uplr-verification-modal .btn-secondary-custom:hover {
    background: #e9ecef;
    color: #495057;
}

.uplr-verification-modal .fade-in {
    animation: uplr-verification-modal-fadeIn 0.3s ease;
}

@keyframes uplr-verification-modal-fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.verifyreminder-alreadysent .cooldown-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    position: relative;
}

.verifyreminder-alreadysent .clock-icon {
    width: 80px;
    height: 80px;
    position: relative;
}

.verifyreminder-alreadysent .clock-circle {
    animation: verifyreminder-alreadysent-pulse 2s infinite;
}

.verifyreminder-alreadysent .clock-hand {
    animation: verifyreminder-alreadysent-tick 1s infinite;
    transform-origin: 12px 12px;
}

.verifyreminder-alreadysent .countdown-text {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #ff6b6b;
    font-weight: 600;
    animation: verifyreminder-alreadysent-blink 1.5s infinite;
}

@keyframes verifyreminder-alreadysent-pulse {

    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.05);
        filter: brightness(1.1);
    }
}

@keyframes verifyreminder-alreadysent-tick {

    0%,
    100% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(6deg);
    }
}

@keyframes verifyreminder-alreadysent-blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.verifyreminder-alreadysent .title {
    font-size: 24px;
    font-weight: 700;
    color: #ff6b6b;
    margin-bottom: 8px;
}

.verifyreminder-alreadysent .subtitle {
    font-size: 16px;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

.verifyreminder-alreadysent .btn-primary-custom {
    background: #6c757d;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    color: white;
    min-width: 140px;
    cursor: not-allowed;
    opacity: 0.6;
}

.verifyreminder-alreadysent .btn-secondary-custom {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    color: #6c757d;
    min-width: 140px;
    transition: all 0.2s ease;
}

.verifyreminder-alreadysent .btn-secondary-custom:hover {
    background: #e9ecef;
    color: #495057;
}

.verifyreminder-alreadysent .fade-in {
    animation: verifyreminder-alreadysent-fadeIn 0.3s ease;
}

@keyframes verifyreminder-alreadysent-fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}