.wpte-notifications-list {
    padding: 0;
    list-style-type: none;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04);
    transition: 0.3s all;
    position: relative;

    .wpte-notification {
        padding: 15px 16px;
        border-bottom: 1px solid #eee;
        position: relative;

        .over {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }

        &:hover {
            background-color: #f9f9f9;
        }

        &.unread {
            background-color: #f0f8ff;
            border-left: 4px solid #6d8cff;
            border-bottom-color: #dce4ff;
        }

        strong {
            margin-bottom: 5px;
            display: block;
        }

        .message {
            margin-bottom: 5px;
        }
    }
}


#applicationMethodWarning {
    background-color: #FEF3C7;
    border-left: 4px solid #FBBF24;
    color: #92400E;
    padding: 0.75rem;
    margin-top: 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    margin-bottom: 20px;
    display: none;
    animation: fadeIn 0.5s both;
}

.wpte-notifications-header {
    position: relative;
    display: inline-block;
    cursor: pointer;
}


.wpte-notifications-content {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    min-width: 300px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 999;
    border-radius: 6px;

    >p {
        padding: 20px;
        text-align: center;
    }
}

.wpte-view-all-notifications-link {
    text-align: center;
    display: block;
    padding: 10px;
    color: var(--swiper-theme-color);
}



.wpte-notifications-header .wpte-notifications-list {
    max-height: 300px;
    overflow-y: auto;
    box-shadow: none;
    border-radius: 0;

    .wpte-notification {
        padding: 7px 10px;

        strong {
            font-size: 14px;
            line-height: 20px;
        }

        .message {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        div {

            font-size: 12px;

            &.nt-first {
                &:after {
                    content: ".";
                    display: inline-block;
                    margin: 0 3px;
                }
            }
        }
    }
}

.wpte-notification {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

.wpte-notification.unread {
    background-color: #f9f9ff;
}

.wpte-notification:hover {
    background-color: #f0f0f5;
}


.wpte-notifications-header .fa-bell {
    color: #333;
    font-size: 30px;
}

.notification-badge {
    background: red;
    color: white;
    font-size: 9px;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    right: -7px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

@media (min-width: 768px) {
    .wpte-notifications-header:hover .wpte-notifications-content {
        display: block;
    }
}





.jws-buddypress-archive .jws-profile-edit-dropdown .accordion-body li a {
    align-items: center;
    gap: 5px;
    display: flex;
}

.message-status {
    display: inline-flex;
    align-items: center;
    margin-left: 5px;
    font-size: 12px;
}

.message-status.sent i {
    color: #999;
}

.message-status.delivered i {
    color: #999;
}

.message-status.read i {
    color: #4fc3f7;
}

.message-status i {
    font-size: 14px;
}

/* Skeleton Loader CSS for Members */

/* Keyframe animations for skeleton effect */
@keyframes skeleton-loading {
    0% {
        background-position: -200px 0;
    }

    100% {
        background-position: calc(200px + 100%) 0;
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Base skeleton styling */
.skeleton-item {
    background: linear-gradient(90deg,
            #f0f0f0 25%,
            #e0e0e0 37%,
            #f0f0f0 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
}

.skeleton-item.bp-skeleton {

    min-height: 200px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border-radius: 10px;

}

/* Dark theme skeleton for your site */
.skeleton-item-dark {
    background: linear-gradient(90deg,
            #2a2a2a 25%,
            #3a3a3a 37%,
            #2a2a2a 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
}

.skeleton-special {
    position: relative;

    &::after {
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 200% 100%;
        animation: loading 1.5s infinite;
        border-radius: 10px;
        position: absolute;
        overflow: hidden;
        content: '';
        inset: 0;
        z-index: 99;
    }

    &.loaded {
        &::after {
            display: none;
        }
    }
}

/* Member item container - before loaded */
.jws_members_item:not(.loaded) {
    pointer-events: none;
}

/* Member image skeleton */
.jws_members_item:not(.loaded) .jws_members_image img {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.jws_members_item:not(.loaded) .jws_members_image {
    position: relative;
    overflow: hidden;
}

.tinder {
    opacity: 1 !important;
}

.jws_members_item:not(.loaded) .jws_members_image::before,
.discover-item:not(.loaded) .jws-avatar::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #d0d0d0 25%, #bfbfbf 37%, #d0d0d0 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    z-index: 2;
    border-radius: inherit;
}

/* Member content skeleton */
.jws_members_item:not(.loaded) .jws_members_content {
    position: relative;
}

.jws_members_item:not(.loaded) .members-title,
.jws_members_item:not(.loaded) .description-one-line,
.jws_members_item:not(.loaded) .members-city,
.discover-item:not(.loaded) .list-member-infomation li {
    color: transparent;
    position: relative;
    overflow: hidden;
}

.jws_members_item:not(.loaded) .members-title::before,
.jws_members_item:not(.loaded) .description-one-line::before,
.jws_members_item:not(.loaded) .members-city::before,
.discover-item:not(.loaded) .list-member-infomation li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #d0d0d0 25%, #bfbfbf 37%, #d0d0d0 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 4px;
}

.discover-item:not(.loaded) .list-member-infomation li i,
.discover-item:not(.loaded) .tinder--buttons {
    display: none;
}

/* Different widths for realistic skeleton effect */
.jws_members_item:not(.loaded) .members-title::before {
    width: 80%;
    height: 20px;
}

.jws_members_item:not(.loaded) .description-one-line::before {
    width: 90%;
    height: 16px;
}

.jws_members_item:not(.loaded) .members-city::before {
    width: 60%;
    height: 14px;
}

/* Hide interactive elements during loading */
.jws_members_item:not(.loaded) .like-send,
.jws_members_item:not(.loaded) .members-overlay,
.jws_members_item:not(.loaded) .matching-percent,
.jws_members_item:not(.loaded) .verified-icon,
.jws_members_item:not(.loaded) .tooltip-badge {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* Loaded state - smooth fade in */
.jws_members_item.loaded .jws_members_image img {
    opacity: 1;
    animation: fade-in 0.5s ease-in-out;
}

.jws_members_item.loaded .like-send,
.jws_members_item.loaded .members-overlay,
.jws_members_item.loaded .matching-percent,
.jws_members_item.loaded .verified-icon,
.jws_members_item.loaded .tooltip-badge {
    opacity: 1;
    animation: fade-in 0.5s ease-in-out 0.2s both;
}

/* Remove skeleton overlay when loaded */
.jws_members_item.loaded .jws_members_image::before,
.jws_members_item.loaded .members-title::before,
.jws_members_item.loaded .description-one-line::before,
.jws_members_item.loaded .members-city::before {
    display: none;
}

.jws_members_item.loaded .members-title,
.jws_members_item.loaded .description-one-line,
.jws_members_item.loaded .members-city {
    color: inherit;
}

/* Enhanced skeleton for member cards */
.jws_members_item:not(.loaded) .jws_members_wap {
    position: relative;
    overflow: hidden;
}

/* Pulse effect for the entire card */
.jws_members_item:not(.loaded)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.03);
    animation: pulse 2s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
    border-radius: inherit;
}

@keyframes pulse {

    0%,
    100% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.1;
    }
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .jws_members_item:not(.loaded) .members-title::before {
        height: 18px;
    }

    .jws_members_item:not(.loaded) .description-one-line::before {
        height: 14px;
    }

    .jws_members_item:not(.loaded) .members-city::before {
        height: 12px;
    }
}

/* Custom skeleton for specific elements */
.jws_members_item:not(.loaded) .pmpro_member_badges {
    opacity: 0;
}

.jws_members_item:not(.loaded) .btn-dropdown {
    opacity: 0;
}

/* Smooth transition when content becomes available */
.jws_members_item.loaded {
    transition: all 0.3s ease-in-out;
}



#create-email-verification ul li {
    margin-bottom: 5px;
}


.uppy-FileInput-btn {
    width: 100%;
}


/* Custom form register */
.members-photo {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 3px;
    color: #ffffff;
}

.jws_bp_widget {
    &.mobile {
        display: none;

        .sidebar-item-list {
            display: none;
        }

        .widget-title i {
            float: right;
            color: var(--body);
            font-size: 16px;
            transition: 0.5s all;
            margin-top: 4px;
        }

        .active i {
            transform: rotate(180deg);
        }
    }
}

.jws-buddypress-archive .item-header-cover-image {
    position: relative;

    .groups-admin {
        position: absolute;
        right: 0;
        top: 0;
    }
}

.jws-avatar-blocked {

    .jws-notifications-content,
    #jws-visibility-unlock-s,
    .access_allowed_section {
        opacity: 0.5;
        pointer-events: none;
    }
}

body .mfp-wrap {
    z-index: 999;
}

.jws-notifications-content {
    .jws-heading {
        >div {}

        h5 {
            margin-bottom: 10px;
        }

        P {
            margin-bottom: 10px;
        }

        a {
            color: #1c1cce;
        }

        [data-modal-jws] {
            margin-left: 5px;
            cursor: pointer;
        }

        .visible_info {
            .flex {
                display: flex;
                gap: 10px;
                align-items: center;
                border-left: 2px solid #1c1cce;
                background-color: #e9e9ff;
                padding: 10px;

            }

            p {
                margin: 0;
            }

            &.mode_grey {
                .flex {
                    border-left: 2px solid #767676;
                    background-color: #f1f1f1;
                }

                span {
                    text-decoration: underline;
                    cursor: pointer;
                }
            }
        }
    }

    &.type_hidden {
        .jws-heading {
            .mode_of_visible {
                display: block;
            }
        }
    }

    &.type_visible {
        .jws-heading {
            .mode_visible {
                display: block;
            }
        }
    }
}

#geo-lock-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: rgba(255, 255, 255, 0.9);


    .geo-lock-content {
        gap: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        max-width: 540px;
        text-align: center;
        margin: 0 auto;
        padding: 10px;
    }

    svg {
        font-size: 50px;
        width: 1em;
        height: 1em;
    }

    ul {
        padding-left: 20px;
        margin-bottom: 20px;
        text-align: left;
        font-size: 14px;
    }

}

.geo-blocking-settings {
    position: relative;
    border: 1px solid hsl(0, 0%, 91%);
    border-radius: 10px;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.07);
    padding: 20px;
    margin-bottom: 40px;
    background: white;

    .search_field {
        display: flex;
        gap: 10px;
    }

    p {
        margin-bottom: 10px;
    }

    h5 {
        margin-bottom: 10px;
    }

    .location-list {
        margin-bottom: 10px;
        margin-top: 10px;

        .location-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #f3f4f6;
            padding: 0.75rem;
            border-radius: 0.5rem;
            margin-bottom: 10px;
            margin-top: 10px;
        }
    }

    .remove-location {
        background: transparent;
        border: 1px solid;
        font-size: 20px;
        border-radius: 100%;
        width: 26px;
        height: 26px;
        line-height: 24px;
        padding: 0;
    }
}

.mfp-content .geo_popup {
    max-width: 422px !important;
    text-align: center;
}

.mfp-content .upload_member_popup {
    max-width: 422px !important;
    text-align: center;

    .elementor-button {
        margin-bottom: 5px;
        width: 100%;
    }

    .popup_info {
        background-color: #e1e1ff;
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 20px;
        color: #4a4aab;
        border: 1px solid #4a4aab;

        p {
            margin: 0;
        }


    }

    .icon {
        display: flex;
        justify-content: center;
        width: 45px;
        height: 45px;
        align-items: center;
        background: #f8e7ff;
        margin-left: auto;
        margin-right: auto;
        color: #d9ce99;
        border-radius: 100%;
        margin-bottom: 20px;
    }
}

.field-row {
    .toggle-checkbox.diable {
        pointer-events: auto;
        cursor: no-drop;
    }
}

.jws-list-notification.loading {
    opacity: 0.5;
    pointer-events: none;
}

.visibility-popup-content {
    h5 {
        margin-bottom: 20px;
    }

    p {
        margin-bottom: 20px;
    }

    ul {
        padding-left: 18px;
    }
}

.jws-buddypress-archive .item-header-avatar {

    .media-ban {
        bottom: 50px;
        right: -5px;
    }
}

.jws-chat-members .chat-sidebar .conversation-list .conversation-item {
    &.active {
        background: #ebebeb;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 5px;
    }
}

.site-content {
    min-height: 100vh;
}

button.loading {
    pointer-events: none;
}

.loader .path {
    stroke: #9a9a9a !important;
}

.jws-buddypress-archive #buddypress #item-body form:not(#activity-loop-form, [method="get"]) .select2-selection--single {
    padding: 0 !important;
}

#template-notices {
    display: none;
}

#step-update-profile .field_radio {
    background: #FFFFFF1A;
}

#step-update-profile .field_radio.checked {
    background: var(--accent);
}

.select2-search__field::placeholder {
    color: #000;

}

.select2-search__field::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #000;
}

#jws_after_register {
    display: none;
    padding: 70px 0;
}

#jws_after_register .icon i {
    color: rgb(74 222 128 / 1);
    font-size: 50px;
}

#jws_after_register h3 {
    color: #ffffff;
    margin: 30px 0 30px;
}

#jws_after_register button {
    margin-top: 50px;
}

#step-update-profile {
    display: none;
    position: relative;
}

body:not(.user-not-logged-in) #step-update-profile {
    display: block;
}

#step-update-profile .progress {
    position: relative;
    list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #4e4e4e;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

#step-update-profile .progress i {
    font-size: 20px;
}

#step-update-profile .progress .active i {
    color: #d9ce99;
}

#step-update-profile #jws-change-avatar {
    background: transparent;
}

#step-update-profile .jws-change-avatar .dragDropArea {
    background-color: rgba(74, 85, 104, 0.2);
    border: 2px dashed #6b7280;
    border-radius: 20px;
}

#step-update-profile .jws-upload-picture {
    color: #fff;
}

#step-update-profile #jws-change-avatar {
    margin-bottom: 20px;
}

#step-update-profile .jws-change-avatar #jws-zoom-slider {
    margin-bottom: 0;
    padding: 0;
}

#step-update-profile .elementor-button.btn-underlined {
    color: #fff;
    border: 1px solid #fff;
}

#step-update-profile .jws-change-avatar .jws-uploadpictureRown button.jws-take-avatar-button {
    color: #fff;
}

#step-update-profile .form_group .form-title {
    margin-bottom: 20px;
}

#step-update-profile .form_group .form-title>h5 {
    color: #fff;
}

#step-update-profile .btn-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.jws-change-avatar .jws-button-container {
    padding: 0 15px;
}

#confetti-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 10px;
    background: #000;
    font-size: 12px;
    color: #ffffff;
}

.btn-row-bottom {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.bp-register-form-wrapper .loader,
#step-update-profile .loader,
#avatar-preview-container .loader {
    width: 50px;
    height: 50px;
}

.bp-register-form-wrapper .loader .path,
#step-update-profile .loader .path {
    stroke: #fff;
}

.jws-login-container.bp-register-form-wrapper.loading>*:not(.loader),
#step-update-profile.loading>*:not(.loader),
#avatar-preview-container.loading>*:not(.loader) {
    opacity: 0.2;
}

.btn-row-top button {
    width: 100%;
}

.btn-row-bottom button {
    background: transparent;
}

#step-update-profile .form-row {
    text-align: left;
    margin-bottom: 15px;
}

#step-update-profile .form-row textarea {
    color: var(--heading);
    border-radius: 10px;
}

.form_buddypress_layout2 #step-update-profile select,
.form_buddypress_layout2 #step-update-profile .select2-container .select2-selection--single,
.form_buddypress_layout2 #step-update-profile input:not([type="submit"]) {
    margin-bottom: 0px;
}


/* End Custom form register */

.unlock_visibility_from .search_result .bp-member {
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0px;
}

.unlock_visibility_from .search_result {
    max-height: 300px;
    overflow: auto;
    margin: 10px 0;
}

.unlock_visibility_from .search_result .bp-member img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 100%;
}

.unlock_visibility_from .search_member {
    position: relative;
}

.unlock_visibility_from .search_member i {
    position: absolute;
    top: 14px;
    right: 15px;
    font-size: 27px;
}

.unlock_visibility_from .search_member input {
    border-radius: 40px;
}

.unlock-member-btn,
.remove-unlock-btn {
    background: #d9ce99;
    color: #101820;
    border: 0;
    font-size: 14px !important;
}

.unlock-member-btn {
    background: var(--btn-bgcolor2);
}

#unlock_visibility_vip {
    margin-top: 20px;
}

#unlock_visibility_vip>h5 {
    margin-bottom: 20px;
}

.unlocked-members {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.unlocked-members .bp-member {
    width: calc(33.33% - 20px);
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
}

.unlocked-members .bp-member img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}


.jws-unlocked-members {
    margin-top: 40px;

    .flex {
        display: flex;
        gap: 10px;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }
}

.jws-unlocked-members>h5 {
    margin-bottom: 20px;
}

.jws-unlocked-members-has-plan {
    margin-top: 30px;
}

.jws-unlocked-members-has-plan .toggle-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
}


.btn_next.disabled,
.jws_next.disabled,
.jws_btn_next.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.groups-admin .menu-dropdown a.unlock-member-btn {
    background: transparent;
    color: var(--body);
}

.jws-unlocked-members-has-plan .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--main);
    color: #ffffff;
    border-radius: 4px;
}

.btn-unlock {
    background: #d9ce99;
    padding: 11px 20px;
    font-size: 16px !important;
}

.btn-unlock>.text2 {
    display: none;
}

.btn-unlock.unlocked>.text1 {
    display: none;
}

.btn-unlock.unlocked>.text2 {
    display: inline;
}

.toggle-checkbox.diable {
    pointer-events: none;
}

.toggle-checkbox.diable [type="checkbox"]:checked+.toggle-switch {
    background: #d9d9d9;
    opacity: 0.4;
}

.editfield .wp-editor-container {
    border: 0 !important;
}

.editfield .wp-editor-area {
    display: block !important;
    visibility: visible !important;

}

.editfield .mce-panel,
.editfield .wp-editor-tools {
    display: none !important;
}

.pmpro_login_wrap .form_group .field-icon,
.jws-login-container .form_group .field-icon {
    height: 45px;
    line-height: 45px;
    width: 45px !important;
    right: 0 !important;
}

.list_media_upload input#btn-done {
    color: var(--accent) !important;
}

.select2-container--default .select2-selection--multiple {
    padding: 6px 10px;
}

@media(max-width:767px) {




    .header-reply-name {
        .tooltip {
            left: calc(-450% + 10px) !important;

            &:after {
                right: 46% !important;
                top: -15% !important;
                left: initial;
                border-color: transparent transparent #1f2937 transparent !important;
            }
        }
    }



    .toastify-bottom {
        top: 50% !important;
        bottom: inherit !important;
        margin-top: -80px !important;
    }



    .jws-change-avatar .jws-button-container button {
        padding: 13px 15px;
        font-size: 13px;
    }

    .croppie-container .cr-viewport {
        width: 270px !important;
        height: 270px !important;
    }

    .jws-change-avatar .jws-button-container {
        flex-direction: column-reverse;
    }

    .jws-chat-members .jws-messages-action .meassage-media .button {
        font-size: 20px;
        margin-right: 8px;
    }
}







.password-input {
    position: relative;
}

.password-input .show-password-input {
    position: absolute;
    right: 2px;
    top: -13px;
    border: 0;
    background: transparent;
    padding: 11px;
}

.password-input .show-password-input:before {
    content: '\e86e';
    font-family: "jws_icon";
}

.password-input .show-password-input.display-password:before {
    content: '\E86D';
    font-family: "jws_icon";
}

.lost_reset_password .woocommerce-password-strength.short {
    background: tan;
}

/* Booster */
.boots-section {
    border: 1px solid hsl(0, 0%, 91%);
    border-radius: 10px;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.07);
    padding: 20px;
    margin-bottom: 40px;
    background: white;
}

.boots-icon {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    float: right;
}


.boots-icon>div {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    border-radius: 100%;
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
}

.boots-icon svg {
    font-size: 50px;
    width: 1em;
    height: 1em;
    fill: #949494;
}

.boots-section-package {
    margin-bottom: 20px;
}

.boots-section-package .package-inner {
    border: 1px solid hsl(0, 0%, 91%);
    border-radius: 10px;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.07);
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    background: #ffffff;
}

.boots-section-package .package-inner .bage-booster {
    position: absolute;
    top: -14px;
    right: 19px;
    background: #ebebeb;
    padding: 2px 13px;
    font-size: 12px;
    border-radius: 30px;
    font-weight: bold;
}

.boots-section-package .package-inner.index_1 {
    border: 2px solid #ffe076;
}

.boots-section-package .package-inner.index_1 .bage-booster {
    background: #ffe076;
}

.boots-section-package .package-inner.index_2 .bage-booster {
    background: #000000;
    color: #fff;
}

.boots-section-package button {
    width: 100%;
}


.booster-credit span {
    font-size: 25px;
    font-weight: bold;
}

.feature_booster>div i {
    margin-right: 5px;
}

.feature_booster>div i.jws-icon-check {
    color: #1ec858;
}

.feature_booster>div i.jws-icon-cross {
    color: #ff0000;
}

.save-text {
    color: #00b03c;
    margin-bottom: 20px;
    font-size: 14px;
}

.feature_booster>div {
    margin-bottom: 10px;
}


.boots-section table {
    font-size: 14px;
}

.boots-section table thead {
    border-bottom: 2px solid #d1d5db;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    font-size: 14px;
}

.boots-section table tbody tr:not(:last-child) {
    border-bottom: 1px solid #e5e7eb;
}

.booster-popup {
    background: #ffffff;
    max-width: 500px;
    border-radius: 10px;
    margin: 0 auto;
    padding: 20px;
}

.booster-popup .popup-heading {
    text-align: center;
    margin-bottom: 20px;
}

.booster-popup .booster-button {
    text-align: center;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.booster-popup .mfp-close {
    display: none;
}

.booster-popup .booster-content {
    min-height: 100px;
    margin-bottom: 30px;
}

.booster-popup .booster-content .modal-info {
    font-size: 0.9rem;
    margin-bottom: 1rem;
    text-align: left;
    padding: 0.75rem;
    border-radius: 0.375rem;
    border: 1px solid #e5e7eb;
    background-color: #f3f4f6;
}

.booster-popup .modal-info.insufficient {
    background-color: #fefce8;
    border-color: #fef08a;
    color: #ca8a04;
}

.beat-times>div {
    display: inline-block;
    background-color: #fce7f3;
    color: #be185d;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.8rem;
    margin: 0.25rem;
    font-weight: 500;
}

.pac-container {
    z-index: 99999;
}

#cityInput {
    border-radius: 10px;
}

.booster-countdown {
    margin-bottom: 10px;
}

.booster-countdown span {
    font-size: 22px;
    color: #ce0037;
    font-weight: 700;
    margin-inline-end: 5px;
}

.boots-section .elementor-button {
    display: flex;
    align-items: center;
    gap: 5px;
}

.boots-section .flex-button {
    display: flex;
    gap: 10px;
}

.boots-section .elementor-button>svg {
    width: 1em;
    height: 1em;
}

.jws_booster_widget>h5 i {
    color: #c1b88a;
    margin-inline-start: 10px;
    font-size: 20px;
}

.jws_booster_widget {
    margin-top: 30px;
    margin-bottom: 30px;
}

.jws_booster_widget>h5 {
    margin-bottom: 20px;
}

.jws_booster_slider {
    display: none;
}

.jws_booster_slider.swiper-initialized {
    display: block;
}


.jws_booster_widget .elementor-swiper-button {
    width: 36px;
    height: 68px;
    line-height: 68px;
    background: var(--accent);
    color: var(--btn-bgcolor);
    border: none;
    top: 50%;
    transform: translatey(-35px);
    border-radius: 5px;
}

.booster-item-inner {
    padding: 10px;
}

.booster-avatar {
    margin-bottom: 10px;
}


.booster-item {
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    position: relative;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
    border: 2px solid #d9ce99;
}

.booster-item .booster-avatar img {
    border-radius: 7px;
}

.jws_booster_slider .elementor-swiper-button.elementor-swiper-button-prev {
    left: 0;
}

.jws_booster_slider .elementor-swiper-button.elementor-swiper-button-next {
    right: 0;
}

.jws_booster_slider .elementor-swiper-button.swiper-button-disabled {
    display: none;
}

.city-item {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-left-width: 4px;
    border-left-color: #DAA520;
    padding: 1rem;
    border-radius: 0.375rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    margin-bottom: 1rem;
}

.city-item .city-name {
    font-weight: bold;
    margin-bottom: 10px;
}

#jws-members-order-by-list {
    margin-bottom: 30px;
}

#jws-members-order-by-list a {
    padding: 0.5rem 0;
    margin-right: 0.5rem;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    color: #6b7280;
    font-weight: 500;
    transition: all 0.2s ease;
    background: none;
    display: inline-block;
}

#jws-members-order-by-list a.active {
    color: #111827;
    border-bottom-color: #ce0037;
    font-weight: 600;
    padding: 0.5rem 1rem;
}

.jws-matching-clear {
    margin-top: 20px;
}

#members-dir-list>.post_content {
    display: none;
}

#members-dir-list {
    position: relative;

    >.loader {
        top: 100px;
    }
}

a[data-tootip] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

a[data-tootip]::after {
    content: attr(data-tootip);
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 13px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    z-index: 1000;
    font-family: var(--font-body);
    min-width: 30vw;
    white-space: normal;
}

a[data-tootip]:hover::after {
    opacity: 1;
}

#avatar-preview-v2 {
    position: relative;
    width: 150px;
    margin: 0 auto;
}

#avatar-preview-v2 .edit-photo-register {
    color: #ffffff;
    background: var(--btn-bgcolor2);
    width: 35px;
    height: 35px;
    display: block;
    line-height: 35px;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: 9px;
}

#jws-media-wrapper .media-section {
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    background: #fff;
    padding: 20px;
    border-radius: 10px;

    &.loading {
        pointer-events: none;
        opacity: 0.5;
    }
}

#jws-media-wrapper .media-section .media-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

#jws-media-wrapper .media-section>h5 {
    margin-bottom: 15px;

}

#jws-media-wrapper .media-section .media-header>h5>span {
    font-family: var(--font-body);
    color: #9f9f9f;
    font-size: 18px;
}

.media-tab-content {
    position: relative;
}

.open-uppy-btn.btn-top {

    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
    background: transparent;
    border: 0;
    padding: 0;
    font-weight: 500;
}

.open-uppy-btn.btn-top.diable {
    opacity: 0.5;
    pointer-events: none;
}

.open-uppy-btn.btn-top i {
    margin-right: 5px;
}

#jws-media-wrapper .media-tabs {
    display: flex;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

#jws-media-wrapper .media-tabs button {
    border: 0;
    background: transparent;
    padding: 0.5rem 1rem;
    border-bottom: 2px solid transparent;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border-radius: 0;
    flex: 0 0 auto;
}


#jws-media-wrapper .media-tabs button i {
    margin-right: 5px;
}

#jws-media-wrapper .media-tabs button.active {
    color: #4f46e5;
    border-color: #4f46e5;
}

#jws-media-wrapper .media-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid;
    gap: 1rem;

    &.media-emplty {
        display: block !important;
    }
}



#jws-media-wrapper .media-list a>img {
    width: 100%;
    height: 100%;
    border-radius: 0.375rem;
    object-fit: cover;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    transition: 0.3s all;

    &.blurred {
        filter: blur(5px);
    }
}

#jws-media-wrapper .media-item.loading img {
    opacity: 0.5;
}

#jws-media-wrapper .media-list {
    .media-item {
        &:hover {
            .overlay {
                opacity: 1;
            }

            .download-media {
                opacity: 1 !important;
            }

            a>img {
                transform: scale(1.1);
            }
        }

        &.type2 {
            box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
            border-radius: 10px;

            .media-thumbnail-inner {
                border-radius: 0;
            }

            .download-media {
                color: #ffffff;
                width: 30px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                background: rgba(0, 0, 0, 0.7);
                border-radius: 100%;
                font-size: 12px;
                position: absolute;
                top: 10px;
                right: 10px;
                z-index: 10;
                transition: 0.3s all;
                opacity: 0;
            }

            .overlay {
                .price {
                    margin-top: 0;
                }

                align-items: flex-start;
                justify-content: flex-end;

                .description {
                    font-weight: bold;
                }

                .flex {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    justify-content: space-between;
                    font-size: 12px;
                }
            }

            .media-author-info {
                padding: 10px;

                .flex {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                }

                img {
                    border-radius: 100%;
                }


            }


        }

    }

    .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.5);
        transition: 0.3s all;
        color: #fff;
        opacity: 0;
        padding: 10px;
        top: 0;

        .description {
            text-align: center;
        }

        .price {
            color: #fff367;
            font-weight: bold;
            margin-top: 10px;

            &:before {
                font-weight: 900;
                font-family: 'Font Awesome 6 Free';
                content: "\f51e";
                margin-right: 5px;
            }
        }
    }

    .jws-popup-bought {
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        z-index: 4;
        cursor: pointer;

        video {
            width: 100%;
            height: auto;
        }
    }
}

.view_all_media {
    aspect-ratio: 1 / 1;
}

#jws-media-wrapper .media-list .open-uppy-btn {
    width: 190px;
    height: 190px;
    background-color: #f3f4f6;
    border-radius: 0.375rem;
    border: 2px dashed #d1d5db;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
    vertical-align: top;
}

#jws-media-wrapper .media-list .media-item {


    .media-thumbnail-inner {
        aspect-ratio: 1 / 1;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }

}

.media-list-photo .media-ban {
    position: absolute;
}

.media-ban {
    position: relative;
    z-index: 2;
    bottom: 15px;
    right: 15px;
    padding-top: 5px;

    &::after {
        bottom: 100%;
        top: inherit;
        right: 0;
        left: inherit;
        transform: none;
        white-space: normal;
        min-width: 150px;
        overflow-y: auto !important;
        max-height: 100px;
    }
}

.fa-ban {

    color: red;
    background-color: #ffffff;
    padding: 2px;
    border-radius: 100%;


}

#jws-media-wrapper .media-list .media-item .media-remove-btn {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 10px;
    color: var(--main);
    background-color: var(--accent);
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 100%;
    font-size: 14px;
    border: 0;
    padding: 0;
}

#jws-media-wrapper .media-thumbnail {}

#jws-media-wrapper .media-thumbnail:before {
    content: '\f04b';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2rem;
    opacity: 0.8;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

#jws-media-wrapper .media-list .media-item .hidden_blur:before,
#jws-media-wrapper .media-list .media-item .video-private-item:before {
    content: "\f023";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    z-index: 1;
    color: #ffffff;
    font-size: 30px;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
}

#jws-media-wrapper .media-list .media-item .video-private-item:not(.jws-media-paid) {
    pointer-events: none;
}

#jws-media-wrapper .media-list .media-item .video-private-item .media-thumbnail:before {
    display: none;
}

#jws-media-wrapper .media-list .media-item .hidden_blur img {
    filter: blur(7px);
    pointer-events: none;
}

#jws-media-wrapper .request-access-button,
.requested-access-button {
    background-color: #101820;
    color: #ffffff;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, opacity 0.2s ease;
    margin-top: 1rem;
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}



#private-request-access {
    max-width: 400px;
}

#jws-media-wrapper .request-access-button i {
    margin-right: 5px;
}

#jws-media-wrapper .request-access-button .loader .path {
    stroke: #ffffff;
}

#private-request-access .popup-content {
    text-align: center;
}

#private-request-access .popup-content>div>i {
    color: #10b981;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

#private-request-access .popup-content>div>.modal-title {
    color: #059669;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-family: var(--font-body);
}

#private-request-access .popup-content>div>.modal-text {
    font-size: 0.9rem;
    color: #4b5563;
    margin-bottom: 1.5rem;
}

.modal-button {
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 0.375rem;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease;
    margin: 0.25rem 0.5rem;
}

.modal-button-secondary {
    background-color: #e5e7eb;
    color: #374151;
}

.modal-button-primary {
    background-color: #4f46e5;
    color: white;
}

.jws_mess_access button {
    border: 0;
    background: #17bd17;
    color: #fff;
    font-size: 14px !important;
}

.jws_mess_access .flex {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

.jws_mess_access .access_allowed {
    display: block;
    color: #1e851e;
    font-size: 14px;
}

.jws_mess_access button[data-action="deny"] {
    background: #d14a4a;
}

.access_allowed_section {
    margin: 30px 0;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 30px;

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

.access_allowed_list {
    margin-top: 20px;
}

.access_allowed_list .approved-item .flex {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.access_allowed_list .approved-item img {
    width: 50px;
    border-radius: 100%;
}

.access_allowed_list .approved-item button {
    background-color: #fee2e2;
    color: #dc2626;
    border: 1px solid #fecaca;
    padding: 0.3rem 0.8rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

.access_allowed_list .approved-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    background: #f9f9f9;
    padding: 15px;
    margin-bottom: 10px;
}

.mfp-close-btn-in .mfp-close {
    background: #fff !important;
    right: 0 !important;
}

.jws-free-credits .action-box label {
    display: block;
}

.jws-free-credits .action-box label input {
    margin-right: 10px;
}

.jws-free-credits .action-box {
    text-align: center;
    margin-bottom: 70px;
    margin-top: 50px;
}

.jws-free-credits {

    margin-top: 50px;
    position: relative;
    border: 1px solid hsl(0, 0%, 91%);
    border-radius: 10px;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.07);
    padding: 20px;
    margin-bottom: 40px;
    background: white;
}

#jws-visibility-unlock-s {
    margin-top: 40px;
}

#jws-visibility-unlock-s,
.access_allowed_section,
.jws-blocked-profile-content {
    position: relative;
    border: 1px solid hsl(0, 0%, 91%);
    border-radius: 10px;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.07);
    padding: 20px;
    margin-bottom: 40px;
    background: white;
}

.lg-sub-html {
    display: none;
}

.open-uppy-btn.btn-top {
    position: relative;
}

.open-uppy-btn .uppy-Root {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.jws_mess_access .link-chat {
    font-size: 14px;
    text-decoration: underline;
}

.me .jws_mess_access .link-chat {
    color: #d9ce99;
}


#jws-media-wrapper .media-list .popup-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;

    &:not([poster]) {
        //     transform: scale(2.5);
    }
}

#jws-media-wrapper .media-thumbnail {
    background: rgba(0, 0, 0, 0.6);
}

#lg-download,
#lg-share,
.lg-flip-ver,
.lg-flip-hor,
.lg-rotate-left,
.lg-rotate-right {
    display: none !important;
}

.lg-delete-btn {
    margin-top: -2px;
}

.mfp-iframe-video {
    max-width: 700px;
    margin: auto;
    position: relative;
}

.mfp-iframe-video video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    background: #000;
}

.boots-section {
    overflow-x: auto;
}

.section-widget-profile {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    gap: 5px;
}

.mfp-content .global-popup {
    background: #ffffff;
    max-width: 700px;
    border-radius: 10px;
    margin: 20px auto;
    padding: 20px;
    position: relative;

    &#jws-credit-popup {
        max-width: 500px;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding: 50px 20px;
    }

    &#accept_and_chat {
        max-width: 550px;

        .mfp-close2 {
            background-color: #bfbfbf;
            color: var(--bg-color) !important;
        }

        .popup-button {
            display: flex;
            gap: 10px;
            justify-content: flex-end;
        }

        h5 {
            span {
                color: #912f56;
            }
        }

        .terms-content {
            background-color: rgb(249 250 251 / 1);
            border: 1px solid #ebebeb;
            border-radius: 10px;
            padding: 20px;
            max-height: 380px;
            overflow-y: auto;
            margin: 20px 0;

            ul {
                list-style-type: none;
                padding: 0;

                li {
                    /*padding-left: 1.5em;*/
                    position: relative;
                    margin-bottom: 10px;

                    &:before {
                        /*content: "\f058";*/
                        font-family: "Font Awesome 6 Free";
                        font-weight: 900;
                        position: absolute;
                        left: 0;
                        color: #4ade80;
                    }
                }
            }
        }
    }
}

.jws-buddypress-archive .profile-body .who-i-am-what-i-seek ul.profile-fields .label::first-letter {
    font-size: 16px;
    margin-right: 5px;
}

.jws-buddypress-archive .profile-body ul.profile-fields .data {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-between;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 10px;
    background-color: #f9fafb;
    position: relative;
    padding-left: 50px;
    padding-top: 15px;
}

.jws-buddypress-archive .profile-body ul.profile-fields .data .emoji {
    position: absolute;
    font-size: 17px;
    top: 66%;
    margin-top: -10px;
    left: 15px;
}

.jws-buddypress-archive .profile-body .who-i-am-what-i-seek ul.profile-fields .data {
    padding: 15px;
}


.jws-buddypress-archive .profile-body .who-i-am-what-i-seek ul.profile-fields {
    flex-direction: column;
    display: flex;
}

.who-i-am-what-i-seek .field_846 .value.js-more,
.who-i-am-what-i-seek .field_2136 .value.js-more {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}


.open>.view-less-content {
    display: block;
}

.open>.view-more-content {
    display: none !important;
}

.view-js-cotnent {
    display: none;
    background: transparent;
    padding: 0;
    border: 0;
    width: auto;
    text-align: left;
    color: var(--accent);
    font-size: 14px !important;
    text-decoration: underline;
}

.jws-buddypress-archive .item-header-content .verify-button button svg {
    width: 1em;
    height: 1em;
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -4px;
}

.fancybox__slide.has-html {
    .fancybox__content {
        max-width: 900px;
        width: 100%;
        height: 100vh;
        max-height: 450px;
        background-color: #000000;
    }
}

.mfp-content #jws_all_media {
    max-width: 800px;
}

body .jws-buddypress-archive .profile-body {
    padding: 1.2em 0px;
}

.jws_verify_error {
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    color: #df4545;
}

.mfp-content #create-email-verification.global-popup {
    max-width: 600px;
    padding: 30px;
}


#create-email-verification {
    text-align: center;

    ul {
        text-align: left;
        margin-bottom: 20px;
        padding-left: 23px;

        a {
            color: #4f46e5 !important;
            background: transparent;

            &:hover {
                color: #4f46e5 !important;
            }
        }
    }
}

#create-email-verification .icon {
    color: #fbbf24;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

#create-email-verification .description {
    margin: 20px 0;
}

#create-email-verification .modal-button {
    margin: 13px auto;
    display: block;
    width: 100%;
}

#resendVerificationLinkButton {
    background-color: #4f46e5;
    color: white;
}

#resendVerificationLinkButton:hover {
    color: white !important;
}

.modal-button i {
    margin-right: 5px;
}

.general .settings-item,
#email-change-view,
#phone-change-view,
.jws-payment-method-content,
.payment-method>.purchase-history {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #bdbdbd;
    border: 1px solid hsl(0, 0%, 91%);
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    background-color: #ffffff;
    padding: 20px;
}

.jws-buddypress-archive .profile-body.payment-method .purchase-history {
    margin-top: 50px !important;
}

#change_unverified_email_link,
#change_unverified_phone_link {
    color: #3b82f6;
    font-weight: 500;
    cursor: pointer;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 10px 0;
}

#email-verification-section-general {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
}

#email-change-view {
    display: none;
}

.space-y-6>div {
    margin-bottom: 20px;
}

.phonev_field .space-x-2 {
    display: flex;
    gap: 10px;
}

.phonev_field .space-x-2 .select2-container {
    width: 150px !important;
}



body .select2-container .select2-selection--single {
    border: 1px solid #C3C5C8 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 13px 16px !important;
}

#phone-change-view {
    display: none;
}

.text-green-600 {
    color: green;
    margin-top: 10px;
}

#general-change-view #verification-message {
    color: #e94747;
}

.jws-buddypress-archive .profile-body ul.profile-fields .data .value p:not(:last-child) {
    margin-bottom: 20px;
}

.body-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    z-index: 100;
}

.filter-modal-content {
    z-index: 999 !important;
}

.jws_verify_shortcode {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.profile-body.general {
    .form_group {
        position: relative;

        .toggle-password2 {
            position: absolute;
            right: 5px;
            top: 4px;
            cursor: pointer;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
        }
    }

}


.jws-buddypress-archive #buddypress #item-body form:not(#activity-loop-form, [method="get"]) input[type=text] {
    background: transparent !important;
    border: 1px solid #C3C5C8 !important;
}

.status_jws {
    background: #ebebeb;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: block;
    font-size: 13px;
    border-radius: 20px;
    --text-opacity: 1;
    color: #1e429f;
    color: rgba(30, 66, 159, var(--text-opacity));
    border-color: #d2d6dc;
}

.verify-message {
    color: green;
    /* font-size: 13px; */
    background: #09b10947;
    padding: 10px 10px;
    margin: 20px 0;
    border-radius: 5px;
}

.user_level_9,
.user_level_14 {

    #upgradevip {
        display: flex;
        align-items: baseline;
        flex-direction: row;
    }
}

.user_level_4,
.user_level_5,
.user_level_6 {
    #upgradeelite {
        display: flex;
        gap: 5px;
        align-items: baseline;
        flex-direction: row;
    }
}

label.confirm_register {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    font-size: 14px;
    text-align: left;

    input {
        margin-top: 5px;
    }

    a {
        color: #ffffff;
        text-decoration: underline;
    }

}

.jws_screen_loading_finish {
    display: none;

    .screen_end {
        display: none;

        >div {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }


        i {
            font-size: 60px;
        }

        h3 {
            color: #fff;
        }

        a {
            display: block;
        }
    }

    .screen_loading {

        >div {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        #loading-message {
            transition: opacity 0.5s ease-in-out;
            min-height: 50px;
        }

        .loader {
            position: relative;
            left: 0;
            transform: none;
            width: 80px;
            height: 80px;

            .path {
                stroke: #d9ce99 !important;
            }
        }
    }
}

.uppy-Dashboard-close {
    font-size: 40px !important;
}

.main-verification-card {
    box-shadow: 0px 15px 30px -12px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 32px;
    background-color: #ffffff;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;

    .icon i {
        color: #60a5fa;
        font-size: 40px;
    }

    &.verification_id {
        .icon i {
            color: #34d399;
            font-size: 40px;
        }
    }
}

.elementor-button i {
    margin-right: 5px;
}

.jws_delete_account {
    .delete_danger {
        padding: 30px;
        border: 1px solid #ff9a9a;
        border-radius: 20px;
        background-color: #ff9a9a1c;

        >h5 {
            color: #a41111;
            margin-bottom: 10px;
        }

        p {
            color: #d31818;
        }

        #start-delete-btn {
            background: #d31818;
        }
    }
}

.delete-account-popup {
    background: #ffffff;
    max-width: 500px;
    border-radius: 10px;
    margin: 0 auto;
    padding: 30px;

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

    .mfp-close {
        display: none;
    }

    .popup-content {
        margin-bottom: 30px;
    }

    .popup-button {
        text-align: center;
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .mfp-close2 {
        background-color: #bfbfbf;
        color: var(--bg-color) !important;
    }

    &#delete_account_1 {
        .popup-content {
            --tw-border-opacity: 1;
            border: 1px solid rgb(191 219 254 / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: rgb(30 64 175 / var(--tw-text-opacity, 1));
            border-radius: 0.5rem;
            padding: 15px;

            a {

                color: rgb(30 64 175 / var(--tw-text-opacity, 1));
                text-decoration: underline;

            }
        }
    }

    &#delete_account_2 {
        .popup-content {
            border-radius: 0.5rem;
            padding: 15px;
            border: 1px solid #d8d8d8;

            >div {
                display: flex;
                gap: 10px;
                margin-bottom: 10px;
            }
        }
    }

    &#delete_account_3 {
        .popup-description {
            strong {
                color: #dc0000;
            }
        }
    }

    &#delete_account_3 {
        .popup-content>div {
            margin-bottom: 20px;

            .form_group {
                position: relative;

                .toggle-password2 {
                    position: absolute;
                    right: 5px;
                    top: 4px;
                    cursor: pointer;
                    width: 40px;
                    height: 40px;
                    text-align: center;
                    line-height: 40px;
                }
            }

        }

        #main-current-confirm {
            &::-webkit-input-placeholder {
                /* Chrome/Opera/Safari */
                color: #8c8c8c;
            }

            &::-moz-placeholder {
                /* Firefox 19+ */
                color: #8c8c8c;
            }

            &:-ms-input-placeholder {
                /* IE 10+ */
                color: #8c8c8c;
            }

            &:-moz-placeholder {
                /* Firefox 18- */
                color: #8c8c8c;
            }

            text-align:center;
        }
    }

    &#delete_account_4 {
        .loader {
            position: relative;
            transform: none;
            margin: 0 auto;
            left: 0;
            width: 90px;
            height: 90px;

            .loader .path {
                stroke: #000000 !important;
            }
        }

        #loading-message {
            opacity: 1;
            text-align: center;
            margin-top: 20px;
            font-size: 20px;
            transition: 0.5s all;
        }
    }

    &#delete_account_5 {
        .popup-content {
            text-align: center;
            display: flex;
            flex-direction: column;
        }

        svg {
            font-size: 70px;
            width: 1em;
            height: 1em;
            margin: 0 auto;
            margin-bottom: 20px;

            path {
                stroke: #23c723;
            }
        }
    }

}

.field-checkbox {
    display: flex;
    gap: 5px;
}

#buddypress #members-dir-list div#message {
    margin-bottom: 300px;
}

form input[type=submit].disabled {
    opacity: 0.5;
}

.jws_bp_widget {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 32px;
    background-color: #ffffff;

    .sidebar-item-list {
        padding-top: 1rem;

        .list-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.75rem 0;
            border-bottom: 1px solid #e5e7eb;

            &:first-child {
                border-top: 1px solid #e5e7eb;
            }

            .item-info i {
                margin-right: 0.75rem;
                color: #6b7280;
                width: 20px;
                text-align: center;
            }

        }
    }

    .widget-title {
        margin-bottom: 10px;
    }
}

.reputation-score-container {
    .reputation-score-title {
        margin-bottom: 20px;
    }

    .reputation-progress-bar-outer {
        width: 100%;
        height: 12px;
        background-color: #e5e7eb;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 0.5rem;

        .reputation-progress-bar-inner {
            height: 100%;
            border-radius: 6px;
            transition: width 0.5s ease-out, background 0.5s ease-out;
        }
    }

    .reputation-score-display {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        align-items: center;
    }


}

.status-trigger {
    position: relative;

    >i {
        font-size: 1.125rem;
        cursor: pointer;
        padding: 0.25rem;
    }

    .fa-times-circle,
    .has-penalties {
        color: #ef4444;
    }

    .fa-check-circle {
        color: #10b981;
    }

    .is_pending {
        color: #f59e0b;
    }
}



.tooltip {
    position: absolute;
    bottom: 0%;
    right: calc(100% + 10px);
    transform: translateY(35%);
    background-color: #000;
    color: white;
    padding: 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    z-index: 1010;
    width: max-content;
    max-width: 230px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    text-align: left;

    &:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        transform: translateY(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: transparent transparent transparent #000;
    }

    a {
        color: #ffffff;
        text-decoration: underline;
    }

    &.active {
        opacity: 1;
        visibility: visible;
    }

    .tooltip-action-button {
        background: rgba(255, 255, 255, 0.2);
        border: 0;
        font-size: 12px;
        margin-top: 5px;
    }
}

body.bp-user:not(.my-account).just-me .tooltip {
    transform: translateY(25%)
}

.chat_score:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

.chat_mobile_open .tooltip {

    bottom: -140%;
    margin-left: -5px;
    transform: translateY(50%);

}

.header-reply-name {
    .tooltip {
        left: calc(-100% + -70px);

        &:after {

            top: -15% !important;
            left: 49%;
            border-color: transparent transparent #1f2937 transparent;
        }
    }
}

.popup-block-user {
    p {
        margin-bottom: 35px;
        margin-top: 20px;
    }

    button {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}

.fancybox__content {
    max-width: 900px;
    padding: 0 !important;
}


.jws-chat-members {
    #messages-inner {
        flex: 1;
        position: relative;
    }

    .message_blocked {
        position: relative;

        +#form-create-messages {
            opacity: 0.5;
            pointer-events: none;
        }
    }

    #termsPromptUserName {
        color: #912f56;
        font-weight: bold;
    }

    .message-item .message {
        img {
            max-width: 200px;
        }
    }

    .chat-content #chattermsPromptContainer .users-avatar {
        max-width: 157px;
        margin: 0 auto;
    }

    .tooltip-badge .pmpro_member_badges img {
        margin-bottom: -1px;
    }
}

#termsAcceptedFooter {
    text-align: center;
    font-size: 10px;
    line-height: 16px;
    cursor: pointer;
    margin-top: 10px;

    i {
        color: rgb(34 197 94 / 1);
        margin-right: 5px;
        font-size: 12px;
    }
}

#chattermsPromptContainer {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0 10px;
    max-width: 400px;

}

#termsAcceptedInfoModal {
    background-color: #f3fff4;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #dbf9db;

    p {
        &:not(:last-child) {
            margin-bottom: 10px;
        }

        i {
            margin-right: 5px;

            &.fa-check-circle {
                color: #4ade80;
            }

            &.fa-hourglass-half {
                color: rgb(234 179 8 /1);
            }

            &.fa-user-check {
                color: rgb(59 130 246 / 1);
            }
        }
    }
}

.jws-chat-members .jws-messages-action button[type="submit"] {
    text-align: right;

    i {
        margin-left: 0;
        margin-right: 0;
    }
}

.jws-chat-members .jws-messages-action .meassage-tool {
    margin: 0 !important;
}

.typing-indicator {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #f1f3f5;
    border-radius: 16px;
    font-size: 13px;
    color: #555;
    max-width: max-content;
    margin-bottom: 20px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


.typing-text {
    font-weight: 500;
    white-space: nowrap;
}


.typing-dots {
    display: flex;
    align-items: center;
    gap: 4px;
}

.typing-dots span {
    width: 6px;
    height: 6px;
    background-color: #888;
    border-radius: 50%;
    display: inline-block;
    animation: typingBounce 1.4s infinite ease-in-out both;
}


.typing-dots span:nth-child(1) {
    animation-delay: -0.32s;
}

.typing-dots span:nth-child(2) {
    animation-delay: -0.16s;
}

/* Animation */
@keyframes typingBounce {

    0%,
    80%,
    100% {
        transform: scale(0);
        opacity: 0.3;
    }

    40% {
        transform: scale(1);
        opacity: 1;
    }
}

.meassage-tool-wap {
    display: flex;
    align-items: center;
    background: #EFF1F2;
    border-radius: 40px;
    padding: 0 15px;

    .meassage-input-right {
        flex: 1;
        position: relative;
        display: flex;
        padding: 5px 0;

        button {
            position: absolute;
            right: 10px;
            top: 50%;
            font-size: 30px;
            padding: 0;
            width: 50px;
            height: 50px;
            margin-top: -26px;
        }
    }
}

#send-emoji {
    margin-top: -2px;
    margin-right: 0;
}

.jws-chat-members .jws-messages-action .meassage-input-right textarea {
    height: 60px;
    padding-top: 15px;
    padding-right: 60px;
}

.submit-report {
    .media_list {
        >div {
            margin-bottom: 10px;
        }

        label {
            cursor: pointer;

            span {
                i {
                    margin-right: 10px;
                }
            }
        }
    }
}

.fancybox__content {
    .lg-delete-btn {
        position: absolute;
        right: 39px;
        top: -31px;
        background: transparent;
        border: 0;
        padding: 0;
        font-size: 25px;
        color: #fff;
    }
}


.meassage-tool-wap {
    &.input_true {

        #send-gift,
        #send-file {
            display: none;
        }
    }
}

.bps-form.jws-form-modal .age-select {
    >.select2-container {
        min-width: inherit !important;
        width: 100% !important;
    }
}

.jws-profile-complete {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 32px;
}

.jws-strength-container {
    .strength-number {
        color: var(--heading);
        background-color: #f4f1df;
        padding: 10px 12px;
        border-radius: 5px;
    }

    button {
        width: 30px;
    }

    .jws-profile-strength2 {
        width: 100%;

        >h6 {
            margin-bottom: 5px;
        }

        >div {
            width: 100%;
            height: 12px;
            background-color: #e5e7eb;
            border-radius: 6px;
            overflow: hidden;

            >span {
                height: 100%;
                border-radius: 6px;
                transition: width 0.5s ease-out, background 0.5s ease-out;
                background-color: #d9ce99;
                display: block;
            }
        }
    }
}



.upload-progress {
    width: 100%;
    background: #f2f2f2;
    border-radius: 3px;
    margin-top: 10px;
    overflow: hidden;
}

.upload-progress-bar {
    height: 6px;
    background: #0073e6;
    width: 0%;
    transition: width 0.2s;
}

.jws_tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;

    a {
        color: inherit;
        text-decoration: underline;
    }
}

.jws_tooltip>span {
    visibility: hidden;
    opacity: 0;
    width: 260px;
    background: #222;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px 14px;
    position: absolute;
    z-index: 100;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.2s;
    font-size: 13px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    pointer-events: none;
}

.jws_tooltip:hover>span,
.jws_tooltip:focus>span {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.jws_tooltip>span:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: #222 transparent transparent transparent;
}

.jws_tooltip.tooltip-bottom>span {
    bottom: auto;
    top: 125%;
    left: 50%;
    transform: translateX(-50%);
}

.jws_tooltip.tooltip-bottom>span:after {
    top: auto;
    bottom: 100%;
    left: 50%;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #222 transparent;
}

.submit-report .popup-form .jws_tooltip {
    margin-left: 10px;
}


.groups-admin .menu-dropdown a.btn-block {
    color: #F04438;
}

.field_3209,
.field_country {
    display: none;
}

#jws-profile-complete {
    max-width: 500px;

    .icon {
        display: flex;
        justify-content: center;
        width: 60px;
        height: 60px;
        align-items: center;
        background: #f8e7ff;
        margin-left: auto;
        margin-right: auto;
        color: #d9ce99;
        border-radius: 100%;
        margin-bottom: 10px;

        svg {
            font-size: 38px;
            width: 1em;
            height: 1em;
        }
    }

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

    .group-fields {
        border: 1px solid #ebebeb;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px;

        .group-header {
            cursor: pointer;

            &.open {
                i {
                    transform: rotate(90deg);
                }
            }

            h5 {
                margin-bottom: 10px;
                display: flex;
                justify-content: space-between;
                font-size: 16px;
            }

            .progress-bar-outer {
                width: 100%;
                height: 8px;
                background-color: #e5e7eb;
                border-radius: 6px;
                overflow: hidden;
                margin-bottom: 10px;

                .progress-bar-inner {
                    height: 100%;
                    border-radius: 6px;
                    transition: width 0.5s ease-out, background 0.5s ease-out;
                    background-color: #d9ce99;
                    display: block;
                }
            }
        }

        ul {
            padding: 0;
            list-style-type: none;
            display: none;

            li {
                display: flex;
                gap: 10px;
                margin-bottom: 10px;
                font-size: 14px;
                line-height: 20px;

                svg {
                    width: 1em;
                    font-size: 20px;
                }

                .field-percentage {
                    margin-left: auto;
                    display: none;

                }

                &.has-value {
                    svg {
                        fill: #00ad00;
                    }
                }

                &.no-value {

                    .field-name,
                    .field-percentage {
                        opacity: 0.5;
                        text-decoration: line-through;
                    }
                }
            }
        }

        .group-progress-bar {
            position: relative;
        }
    }
}


#earned-credits {
    .credits-total {
        text-align: center;
        background: #ecf3ff;
        padding: 20px;
        color: #6868ff;

        h4 {
            color: #4343ba;
        }
    }

    >.flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 20px;
    }

    >small {
        display: block;
        text-align: center;
        margin-top: 5px;
    }

    h5.flex {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
    }

    .form-group {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;

        input {
            flex: 1;
        }
    }

    #withdrawal-summary {
        background-color: #f2f4ff;
        padding: 15px;
        display: none;

        .summary-row {
            display: flex;
            justify-content: space-between;
            padding: 5px 0;
        }

        .total_row {
            font-weight: bold;
            border-top: 1px solid #eee;
        }

        .error_row {
            text-align: center;
            color: #ff0000;
        }
    }
}

.purchase-history {
    tr {
        border-bottom: 1px solid #ebebeb;
    }
}

#earned_history {

    .credits_number {
        color: #00cb00;
    }

    td {}
}

#withdrawal_history {
    .download-invoice {
        display: block;
        text-align: center;
        color: #1199f5;
    }

    .text-muted {
        text-align: center;
    }
}

.status_label {
    border-radius: 30px;
    padding: 5px 10px;
    background-color: #e5e5e5;
    font-size: 14px;

    &.completed {
        background-color: #d4edda;
        color: #155724;
    }

    &.pending {
        background-color: #fff3cd;
        color: #856404;
    }

    &.rejected {
        background-color: #f8d7da;
        color: #721c24;
    }

}

#jws-payout-settings-popup {
    max-width: 500px !important;

    .modal-summary {
        background-color: #e9eeff;
        color: #1a1dac;
        padding: 15px 10px;
        margin-bottom: 20px;
        border-radius: 5px;
        display: none;
    }

    #jws-payout-settings-form {
        >div>div {
            margin-bottom: 20px;
        }
    }

    #modal-submit-button {
        width: 100%;
    }
}

.jws-chat-members .conversation-item .last-messages {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


#doc-file-name-preview,
#video-file-name-preview {
    &.active {
        display: flex;
        gap: 10px;
        align-items: center;
        background-color: #e5eeff;
        padding: 5px;
        border-radius: 5px;
        font-size: 13px;
        justify-content: space-between;

        button {
            margin-left: 10px;
            width: auto;
            height: auto;
            padding: 0;
            background: transparent;
            color: #000;
        }

        span {

            flex: 1;
        }
    }

}

.credits-ads-section {
    button {
        background-color: #F3F4F6;
        color: #374151;
        padding: 0.5rem 1rem;
        border-radius: 9999px;
        font-weight: 500;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        transition: background-color 0.2s;
        border: 0;
        margin-right: 10px;
        display: inline-block;

        i {
            color: #F59E0B;
        }
    }

    .info-block {
        border-left: 4px solid #F59E0B;
        padding-left: 1rem;
        margin-bottom: 20px;
    }
}

#jws-visibility-des-popup {
    max-width: 500px;

    .space-y-4.text-gray-700>* {
        margin-bottom: 20px;
    }

    .rounded-lg {
        background-color: #ebebeb;
        border-radius: 10px;
        padding: 20px;
    }

    .text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .font-semibold,
    .font-bold {
        font-weight: 700;
    }

    .bg-blue-50 {
        background-color: #eff3ff;
        border-left: 2px solid #0072ff;
    }

    .text-center {
        text-align: center;
    }
}

#withdrawal-confirmation {
    max-width: 500px;

    >* {
        margin-bottom: 10px;
    }

    .withdrawal-info {
        background-color: #eff6ff;
        padding: 10px;
        border-radius: 10px;
        margin: 20px 0;

        small {
            display: block;
        }
    }
}

.jws-chat-members .jws-messages-action .meassage-media .button#show-request-credits {
    font-size: 18px;
}

#creditAmountRadios {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;

    label {

        width: calc(33.33% - 10px);

        input:checked+div {
            border: 2px solid #676fff;
        }

        >div {

            background: #eaeaf1;
            display: block;
            text-align: center;
            display: flex;
            flex-direction: column;
            padding: 20px 10px;
            border-radius: 5px;
            transition: 0.3s all;
            cursor: pointer;
            border: 2px solid transparent;
        }

        &:hover {
            >div {
                transform: translateY(-5px);
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
            }
        }

        input {
            display: none;
        }
    }
}

#jws_send_request_credits {
    max-width: 500px;



    .modal-top {
        text-align: center;
        margin-bottom: 20px;

        i {
            font-size: 40px;
            color: #ffaa33;
            margin-bottom: 10px;
        }
    }

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

        label {
            display: block;
        }

        input {
            width: 100%;
            -webkit-appearance: none;
            appearance: none;
            width: 100%;
            height: 8px;
            background: #ddd;
            border-radius: 5px;
            outline: none;
            opacity: 0.7;
            transition: opacity .2s;
        }
    }

    .modal-bottom {
        background-color: #f0f7ff;
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .modal-button {
        display: flex;
        padding: 0;
        gap: 10px;
        justify-content: flex-end;

        &.type2 {
            justify-content: center;
        }
    }
}

.chat_request_credits {
    >.flex {

        display: flex;
        align-items: center;
        gap: 10px;
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 10px;
        margin-bottom: 10px;

    }

    i {
        color: #f09b2e;
    }

    .request-bottom {
        button {
            padding: 5px 15px;
            font-size: 14px;
        }

        .flex {
            margin-bottom: 5px;
            display: flex;
            gap: 5px;
        }
    }
}


#jws_send_credits {
    max-width: 500px;

    .modal-button {
        display: flex;
        padding: 0;
        gap: 10px;
        justify-content: flex-end;
        margin-top: 20px;

        &.type2 {
            justify-content: center;
        }
    }

    .modal-top {
        text-align: center;
        margin-bottom: 20px;

        .icon {
            width: 50px;
            height: 50px;
            margin: 0 auto;
            background: #ffba9b;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100%;
            color: #ffffff;
            font-size: 20px;
        }
    }
}

#jws_upload_media_private {
    max-width: 900px;

    .loader {
        bottom: 12px;
        top: inherit;
    }

    &.loading {
        >*:not(.loader) {
            opacity: 0.5;
            pointer-events: none;
        }

    }

    .private-media-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: flex-end;
    }


    .private-media-list {
        margin-bottom: 40px;

        >div {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 10px;
            background-color: #f9fafb;
            padding: 10px;
            border-radius: 10px;
            margin-bottom: 10px;
            border: 1px solid #e7e7e7;
            align-items: center;
            position: relative;
        }

        .remove-media-item {
            position: absolute;
            right: 5px;
            top: 5px;
            border: 0;
            font-size: 10px;
            width: 20px;
            height: 20px;
            border-radius: 100%;
            line-height: 20px;
        }

        .description-wrap {
            flex: 0 0 100%;
            display: none;
        }



        img,
        video {
            width: 100px;
            height: 100px;
            object-fit: cover;
            border-radius: 10px;
            margin-right: 5px;
            display: inline-block;
            vertical-align: middle;
        }

        .media-view {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 14px;

            audio {
                display: block;
                margin-bottom: 10px;
            }

            .poster-preview {
                width: 100px;
                height: 100px;
                background: #ebebeb;
                border-radius: 5px;
                overflow: hidden;
                position: relative;

                &:before {
                    content: attr(data-title);
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    width: 100%;
                    text-align: center;
                    font-size: 12px;
                    line-height: 16px;
                    padding: 0 5px;
                }
            }

        }

        .audio-preview {
            display: flex;
            gap: 10px;
            align-items: center;
            flex-wrap: wrap;
        }

        .video-preview {
            &:before {
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.6);
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                content: " ";
            }

            &:hover {

                .icon-play,
                &:before {
                    opacity: 1;
                }
            }

            .icon-play {
                opacity: 0;

            }

            .poster-preview {
                &:before {
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, 0.6);
                    position: absolute;
                    top: 0;
                    left: 0;
                    opacity: 0;
                    content: " ";
                    z-index: 1;
                }

                &:hover {

                    &:before {
                        opacity: 1;
                    }
                }
            }
        }



        .media-preview-menu {
            position: absolute;
            right: 10px;
            top: 7px;

            .media-menu-btn {
                background: rgba(0, 0, 0, 0.5);
                color: #fff;
                padding: 0;
                border: 0;
                width: 25px;
                height: 25px;
                border-radius: 100%;
            }

            .media-rotate-btn {
                background: transparent;
                border: 0;
                display: flex;
                align-items: center;
                gap: 5px;
                font-size: 12px;
                padding: 0;
                width: 100%;
                /* text-align: center; */
                justify-content: center;
            }
        }

        .paid-toggle {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 14px;
        }

        .price-wrap {
            input {
                width: 100px;
                text-align: center;
                background-color: #ffffff;
                border-radius: 10px;
                min-height: 40px;
                margin-right: 5px;

            }
        }

        textarea {
            height: 80px;
            min-height: 80px;
            border-radius: 10px;
            resize: none;
        }
    }
}

.modal-description p {
    white-space: normal;
}

.jws_buy_media_private {
    max-width: 500px;
    text-align: center;

    .modal-button {
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin: 0;

    }

    #insufficient-credits-msg {
        background-color: #ffb1b1;
        color: #b53030;
        padding: 10px 10px;
        border-radius: 5px;
        margin-bottom: 20px;
        white-space: normal;
    }

    .modal-description {
        margin: 35px 0 20px;
    }

    .modal-credit {
        background-color: #e8edff;
        padding: 10px;
        margin-bottom: 20px;
        border-radius: 10px;

        .flex {
            display: flex;
            justify-content: space-between;
            font-weight: bold;
        }
    }

    #buy-credits-button {
        background-color: #676fff;
    }

    .modal-image {
        margin-bottom: 20px;
        margin-top: 20px;

        img {
            height: 23rem;
            width: 100%;
            object-fit: cover;

            &.blurred {
                filter: blur(14px);
            }
        }

        .video-container {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            pointer-events: none;
            width: 100%;
            height: 100%;
            transform: scale(1.5);
        }

        video {
            height: 23rem;
            width: 100%;
            object-fit: cover;
            filter: blur(4px);
        }
    }
}

.lg-thumb-item {
    position: relative;

    .thumb-paid-badge {
        position: absolute;
        right: 5px;
        top: 5px;
        color: #ffffff;
    }

    &.is-paid {
        img {
            filter: blur(8px);
        }
    }

    .poster_inner {
        height: 100%;

        video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .fa-circle-play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 23px;
        color: #ffffff;
        opacity: 0.8;
    }
}

.lg-thumb-item.is-paid {
    position: relative;
    opacity: 0.5;
}

.lg-thumb-item.is-paid::after {
    content: "🔒";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #fff;
}

.lg-item {
    .jws_buy_media_private {
        max-width: 500px;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 46%;
        transform: translate(-50%, -50%);
        background-color: #ffffff;
        padding: 20px;
        z-index: 99999;
        border-radius: 10px;

        .modal-image {
            width: 100px;
            height: 100px;
            margin: 0 auto;
            overflow: hidden;
            border-radius: 100%;
            margin-top: 10px;
            margin-bottom: -10px;

            img,
            video {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .modal-description {
            margin-top: 15px;
        }
    }
}

.jws-member-gallery {
    .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        z-index: 1;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 30px;
        height: 30px;
        background-color: #ffffff;
        border-radius: 100%;
        opacity: 0;
        transition: 0.3s all;

        &:after {
            font-size: 12px;
            color: #000;
        }
    }

    .swiper-pagination {
        bottom: inherit !important;
        top: 10px;

        .swiper-pagination-bullet-active {
            background: #ffffff;
        }
    }

    &:hover {

        .swiper-button-next,
        .swiper-button-prev {
            opacity: 1;
        }
    }
}

.media-ban.lg-icon {
    position: unset;
    font-size: 20px !important;
    margin-top: -2px;
}

.lg-icon {
    i:not(.fa-ban) {
        font-size: 20px;
        display: block;
    }
}

body .jws-chat-members .jws-messages-action #jws-gift-container .gift-row {
    display: block;
}

.photo_preview {
    img {
        width: 200px;
        height: 200px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 10px;
        object-fit: cover;
    }
}

.lg-video-object {
    object-fit: cover;
}

.jws-pagination-links {

    a,
    span {
        display: none !important;
    }
}

.jws-revoke-all {
    padding: 5px 10px !important;
    font-size: 14px !important;
}

.lg-audio-player {
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .lg-video-object {
        padding: 0 20px 20px;
        position: absolute !important;
    }
}

@media(min-width:767px) {



    #jws_upload_media_private {
        & .private-media-list {
            & .price-wrap {
                input {

                    padding-right: 10px;
                }
            }
        }
    }




    #jws-media-wrapper .media-section .media-list:not(.not_responisve) .media-item:nth-child(n+8) {
        display: none;
    }
}

.notification-warning {
    margin-bottom: 1.5rem;

    padding: 1rem;

    background-color: #fefce8;

    border-left: 4px solid #facc15;

    .warning-flex {
        display: flex;
    }

    .warning-icon {
        flex-shrink: 0;
    }

    .icon-alert-triangle {
        width: 20px;

        height: 20px;
        color: #facc15;

    }

    .warning-text {
        margin-left: 0.75rem;
        /* ml-3 */
    }

    .warning-text p {
        font-size: 0.875rem;
        /* text-sm */
        color: #b45309;
        /* text-yellow-700 */
        line-height: 1.4;
    }
}

.enable-notification-browser {
    border: 1px solid hsl(0, 0%, 91%);
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 20px;
    background-color: #ffffff;
    margin-bottom: 30px;

    .notification-browser-toggle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;

        .flex {
            display: flex;
            align-items: center;
            gap: 10px;
        }
    }

    .warning-text {
        border: 1px solid #0c970c;
        padding: 10px 10px;
        border-radius: 5px;
        background: #07c007;
        color: #ffffff;
        font-size: 14px;


        &#browser-notif-help-denied {
            background: #ffebea;
            border-color: #b71c1c;
            color: #fc1515;
        }
    }
}

.notification-settings-form {

    .toggle-checkbox.diable [type="checkbox"]:checked+.toggle-switch {
        background: #34C759;
    }

    .form_group {
        border: 1px solid hsl(0, 0%, 91%);
        box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.07);
        border-radius: 10px;
        padding: 20px;
        background-color: #ffffff;
    }

    .groups-parents {
        &:not(:last-child) {
            margin-bottom: 35px;
        }
    }

    .notification-item {
        padding: 1rem 0;

        &:not(:last-child) {
            border-bottom: 1px solid #e5e7eb;
        }
    }

    .notification-summary {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;

    }

    .notification-item {
        .notification-item {
            .notification-summary {
                .notification-title {
                    font-size: 1rem;
                }
            }
        }
    }

    .notification-title {
        font-size: 1.125rem;
        /* text-lg */
        font-weight: 600;
        /* font-semibold */
        color: #1f2937;
        /* text-gray-800 */
    }

    .notification-subtitle {
        font-size: 0.875rem;
        /* text-sm */
        color: #6b7280;
        /* text-gray-500 */
        margin-top: 0.25rem;
        /* mt-1 */
    }

    .chevron {
        width: 20px;
        /* w-5 */
        height: 20px;
        /* h-5 */
        color: #6b7280;
        /* text-gray-500 */
    }



    .notification-description {
        font-size: 0.875rem;
        color: #4b5563;
        /* text-gray-600 */
        margin-bottom: 1rem;
    }

    .notification-options {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        /* space-y-3 */
    }

    .notification-option {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .option-label {
        display: flex;
        align-items: center;
        cursor: pointer;
        font-weight: 500;
        color: #374151;
        /* text-gray-700 */
    }

    .option-icon {
        width: 20px;
        /* w-5 */
        height: 20px;
        /* h-5 */
        margin-right: 0.75rem;
        /* mr-3 */
        color: #6b7280;
        /* text-gray-500 */
    }

    /* Toggle switch */
    .toggle {
        position: relative;
        display: inline-block;
        width: 40px;
        /* w-10 */
        height: 24px;
        /* h-6 */
    }



    .toggle-label {
        display: block;
        width: 100%;
        height: 100%;
        background-color: #d1d5db;
        /* gray-300 */
        border-radius: 9999px;
        cursor: pointer;
        position: relative;
        transition: background 0.3s;
    }

    .toggle-label::after {
        content: "";
        position: absolute;
        left: 4px;
        top: 4px;
        width: 16px;
        height: 16px;
        background: white;
        border-radius: 50%;
        transition: transform 0.3s;
    }


    .toggle-checkbox:checked+.toggle-label {
        background-color: #3b82f6;
        /* blue-500 */
    }

    .toggle-checkbox:checked+.toggle-label::after {
        transform: translateX(16px);
    }


}

.woocommerce-checkout.processing {
    .blockUI {
        display: none !important;
    }

    .woocommerce-checkout-review-order {
        position: relative;

        table,
        div {
            opacity: 0.5;
        }

        &:before {
            content: " ";
            display: block;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            border: 1px solid #000;
            border-color: #000 #000 #fafafa #fafafa;
            animation: lds-dual-ring 0.7s linear infinite;
            transition: 0.35s all;
            position: absolute;
            z-index: 1;
            left: 50%;
            top: 50%;
            margin: -12px 0 0 -12px;
        }
    }
}

@media(max-width:992px) {



    #lg-zoom-in,
    #lg-zoom-out,
    .lg-autoplay-button {
        display: none;
    }

    #earned-credits {

        >.flex,
        .form-group {
            flex-direction: column;
        }
    }


    .jws_bp_widget {
        &.mobile {
            display: block;

        }
    }

    .profile-single-sidebar {
        .jws_bp_widget {
            display: block;
        }
    }


}

.lg-author-info-edit {
    display: none;
    position: fixed;
    right: 0;
    height: 100vh;
    z-index: 999999;
    width: 300px;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #ffffff;
    padding: 20px;
    padding-top: 40px;
    backdrop-filter: blur(10px);

    .make-paid-row {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
        background-color: #4d4d4d;
        padding: 5px 10px;
        font-size: 14px;
        border-radius: 5px;

        .toggle-checkbox .toggle-switch {
            background: #878787;
        }
    }

    a {
        color: #ffffff;
    }

    .info-panel-avatar {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;

        img {
            border-radius: 100%;
        }
    }

    .info-panel-cost {
        background: #191919;
        padding: 20px;
        border-radius: 10px;
        text-align: center;
        margin-bottom: 20px;

        .info-panel-credit-cost {
            color: yellow;
            font-size: 18px;
            margin-bottom: 10px;
        }
    }

    .close-edit-mode {
        background: transparent;
        border: 0;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .form-row {
        margin-bottom: 15px;

        h6 {
            color: #ffffff;
            margin-bottom: 5px;
        }

        textarea {
            background: transparent;
        }
    }

    >div {
        .change_info_btn {

            width: 100%;
            background-color: #3a3a3a;
            border: 0;
            padding: 9px 10px;
            display: block;
            text-align: center;
            color: #ffffff;
            border-radius: 5px;

            &.zoomsaveEditButton {
                background-color: #55873b;
            }
        }




    }

    .zoomEditButton {}

    .edit {
        display: none;
    }

    &.active {
        .view {
            display: none;
        }

        .edit {
            display: block;
        }
    }
}

.lg-outer.show-edit {
    .lg-author-info-edit {
        display: block;
    }

}

.lg-item {
    .author-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #000000;
        padding: 10px;
        width: calc(100% - 20px);
        left: 10px;
        position: absolute;
        bottom: 10px;
        color: #ffffff;
        border-radius: 10px;
        text-align: left;
        gap: 10px;

        .flex {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .left {
            img {
                width: 60px;
                height: 60px;
                object-fit: cover;
                border-radius: 100%;
            }
        }

        .change_info_btn {
            position: relative;
            background-color: #393939;
            text-align: center;
            border-radius: 5px;
            padding: 5px 10px;
            margin-top: 10px;
            font-size: 14px;
            display: inline-block;
        }

        .zoomSellerName {
            a {
                color: #fff;
            }
        }

        .zoomPurchaseDate {
            font-size: 14px;
        }

        .zoomCreditCost {
            color: #fff367;
            font-weight: bold;
        }

        .zoomDownloadButton {
            background-color: #9f9f9f;
            padding: 5px 20px;
            display: block;
            text-align: center;
            border-radius: 5px;
            margin-top: 10px;
        }

        .change_credits,
        .change_media_title,
        .zoomsaveEditButton {
            display: none;

        }

        .change_media_title {

            background: transparent;
            height: 85px;
            min-height: 85px;
            border-radius: 10px;
        }

        a {
            color: #ffffff;
        }





        .zoomsaveEditButton {
            background-color: green;
        }

        &.open_edit {

            .change_credits {
                display: inline-block;
                width: 100px;
                min-height: 35px;
                margin: 4px 10px;
            }


            .change_media_title {
                display: block;

            }

            .zoomsaveEditButton {
                display: inline-block;
            }

            .zoomMediaTitle,
            .zoomCreditCost .value,
            .zoomEditButton {
                display: none;
            }

            .flex.left {
                flex: 1;
                max-width: 50%;
            }
        }
    }
}

.trial-countdown {
    font-size: 12px;
}

#jws_browser_notif {
    max-width: 400px;

    .popup-content {
        text-align: center;

        .icon {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #ffe9e9;
            border-radius: 100%;
            margin: 0 auto;
            margin-bottom: 20px;

            svg {
                font-size: 26px;
                width: 1em;

                path {
                    stroke: red;
                }
            }

            &.green {
                background: #e0ffe0;

                svg path {
                    stroke: green;
                }
            }
        }

        p {
            margin-bottom: 20px;
        }

        button {
            display: block;
            width: 100%;
            margin-bottom: 10px;
        }

        .status2,
        .status3 {
            display: none;
        }
    }
}

#jws_mobile_modal {
    position: fixed;
    top: 0;
    background: #ffffff;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 110;
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.3s ease, opacity 0.3s ease;

    .mobile_modal_inner {

        background: #f8faff;
        padding-left: 60px;
        padding-right: 60px;
    }

    .modal_top {
        display: flex;
        padding: 10px;
        box-shadow: 10px 4px 10px 0px rgba(0, 0, 0, 0.1);
        position: sticky;
        top: 0;
        z-index: 30;
        background-color: #ffffff;
        margin-bottom: -5px;

        .name_tool {
            .display-name {
                display: inline;
                text-transform: capitalize;
            }
        }

        .tooltip-text {
            white-space: normal;
            bottom: -40px;
            left: 50%;

            .tooltip-arrow {
                top: -9%;
                border-bottom: 7px solid #000;
                border-top: inherit;
            }
        }
    }

    .close_mobile_modal {
        border: 0;
        background: transparent;
        font-size: 30px;
    }

    &.open {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
        transition: transform 0.5s ease, opacity 0.3s ease;


    }

    .jws-buddypress-archive .profile-body {
        padding: 0 !important;
    }

    .jws-buddypress-archive .profile-main {
        margin-top: 45px;
    }

    .jws-buddypress-archive .item-header-cover-image .groups-admin {
        // top: -70px;
        // right: -20px;
    }
}

body .lg-outer .lg-video {
    width: 100%;
    height: auto;
    padding-bottom: 0;
    position: relative;
}

body .lg-video-object {
    width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
    position: relative !important;
}

body .lg-audio-player .lg-video-object {}

.ratio-9-16 {
    aspect-ratio: 9 / 16;
    max-width: 600px;
}

.ratio-16-9 {
    aspect-ratio: 16 / 9;
}

@media(max-width:767px) {


    a[data-tootip]::after {
        min-width: 70vw;
    }



    .chat_mobile_open {
        overflow: hidden;

        .site-header,
        .site-footer,
        .jws-toolbar-wap,
        .backToTop {
            display: none !important;
        }

        .site-content {
            overflow: hidden;
        }

        .jws-chat-members {
            position: fixed;
            height: 100%;
            max-height: 100%;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            margin: 0;
            overflow: hidden;

            .chat-content {
                height: 100%;
                padding: 0;
                display: flex;
                flex-direction: column;
            }

            .chat-content .row-messages-list-container {
                height: calc(100% - 70px);
                flex: 1;

                .messages-list-container {
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                }
            }
        }

        .jws-chat-members #messages-list {
            max-height: 100%;
            height: 100%;
            flex: 1;
        }
    }


    .lg-img-wrap {
        .media-ban {
            top: -20%;
            left: -8%;
        }
    }

    .media-ban:after {
        display: none !important;
    }

    #jws-media-wrapper .media-section .media-list:not(.not_responisve) .media-item:nth-child(n+9) {
        display: none;
    }


    .jws_bp_widget {
        margin-bottom: 20px;
    }


    .field-checkbox {
        display: block;

    }

    .meassage-tool-wap {
        &.input_true {
            #send-emoji {
                display: none;
            }
        }
    }

    #jws-media-wrapper .media-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;

        &.media-list-bought {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
}

@media(max-width:767px) {





    #jws_mobile_modal {
        & .mobile_modal_inner {
            padding-left: initial;
            padding-right: initial;
        }
    }

    body .lg-outer .lg-video {
        // padding-bottom: 140.25%;
        background-color: #000;

        video {
            //object-fit: contain;
        }
    }

    .lg-author-info-edit {
        top: inherit;
        bottom: 0;
        height: auto;
        width: 100%;
    }

    .lg-item {


        .author-info:not(.edit-mode) {
            .left {
                img {
                    width: 35px;
                    height: 35px;
                }
            }

            .zoomMediaTitle {
                display: none;
            }
        }

        .jws_booster_slider {
            padding: 0 !important;
        }

        .jws_booster_widget .elementor-swiper-button {
            display: none;
        }

        .section-widget-profile {
            flex-direction: column;
            text-align: center;
        }
    }