/* Desktop */
.ntd-cart-info {
    position: relative;
}
.ntd-cart-title {
    text-shadow: none;
    display: inline-grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 3px;
}
.ntd-cart-title h4 {
font-size: 16px; /* Maximum font size */
    text-transform: capitalize;
    margin: 5px 0;
    color: #5c5a5a;
    overflow: hidden; /* Prevents text from overflowing */
    white-space: nowrap; /* Keeps the text on one line */
    text-overflow: ellipsis; /* Adds '...' at the end if the text overflows */
}
.ntd-cart-title span.right {
    justify-self: start;
}
.cool-style-album.profi_groups.user_list .album_parent .ntd-avatar a {
    margin: 10px auto 10px;
}
.user-follow-button-ntd {
    display: flex;
    gap: 5px;
}
.user-follow-button-ntd span.user-follow-desktop,
.user-follow-button-ntd span.user-follow-mobile {
    flex-grow: 1;
}
.user-follow-button-ntd span.user-follow-desktop button,
.user-follow-button-ntd span.user-follow-mobile button {
    width: 100%;
}
.profile-message-btn-ntd button {
    margin-top: 15px;
    padding: 5px;
    background: white;
    border-radius: 14px;
    border: 2px solid #f3f3f5;
}
.profile-message-btn-ntd button span {
    display: none;
}
.profile-message-btn-ntd button svg {
    width: 25px;
    height: 25px;
}
.reviews-ntd,
.followers-ntd,
.close-to-you-ntd {
    width: 100%;
    text-shadow: none;
    display: inline-grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: end;
    gap: 5px;
}
.reviews-ntd span.left,
.followers-ntd span.left,
.close-to-you-ntd span.left {
    justify-self: start;
}
.followers-ntd span.left,
.close-to-you-ntd span.left {
    margin-left: 3px;
}
.reviews-ntd p,
.followers-ntd p span.small-last-seen,
.close-to-you-ntd p span.small-last-seen {
    color: #5c5a5a;
}
.wo_poke_users-ntd .btn {
    margin: 5px 0 0;
    border-radius: 14px !important;
    border: 2px solid #f3f3f5 !important;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 15px;
    min-width: 30%;
    background-color: white !important;
    color: black !important;
}
.wo_poke_users-ntd .wo_follow_btn:hover {
    background-color: #5d5f93 !important;
}
.wo_poke_users-ntd .wo_following_btn {
    background-color: #5d5f93 !important;
    color: white !important;
}
.wo_poke_users-ntd .wo_poke_username-ntd {
    display: inline-flex;
    gap: 5px;
    align-items: center;
}
.wo_poke_users-ntd .profile-message-btn-ntd .btn svg {
    width: 30px;
    height: 30px;
    margin-right: 0;
}
.wo_poke_users-ntd .user-follow-button-ntd {
    gap: 30px;
    margin-top: 19px;
}
.wo_poke_users-ntd .user-follow-button-ntd button.btn-wave-back:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.wo_poke_users-ntd .user-follow-button-ntd .wo_following_btn:hover {
    color: white !important;
}
.wo_poke_users-ntd .user-follow-button-ntd button.btn-wave-back span,
.wo_poke_users-ntd .user-follow-button-ntd span.user-follow-desktop span,
.wo_poke_users-ntd .user-follow-button-ntd span.user-unfollow-desktop span,
.wo_poke_users-ntd .user-follow-button-ntd .wo_following_btn span {
    font-size: 17px;
}
.wo_poke_users-ntd .user-follow-button-ntd button.btn-wave-back svg,
.wo_poke_users-ntd .user-follow-button-ntd span.user-follow-desktop svg,
.wo_poke_users-ntd .user-follow-button-ntd span.user-unfollow-desktop svg,
.wo_poke_users-ntd .user-follow-button-ntd .wo_following_btn svg {
    display: none;
}
#wo_nw_msg_page .messages-recipients-list .online-dot-ntd {
    color: #63c666;
    font-size: 8px;
    margin-top: -5px;
}
#FilterModal .modal-header .close {
    margin-top: -25px;
}
#FilterModal .modal-content {
    overflow: hidden;
}
#FilterModal .modal-footer {
    border-radius: 0px 0px 4px 4px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
#FilterModal .filter-ul {
    padding: 0;
    margin: 0;
}
#FilterModal .filter-ul li {
    list-style-type: none;
}
#FilterModal button[type="submit"] {
    width: 100%;
    background: #5d5f8f;
    color: white;
    border-radius: 0;
    font-size: 20px;
    padding: 8px 12px;
}
#FilterModal .wow_srch_innr_filtr .round_check {
    margin-bottom: 4px;
}
#FilterModal .wow_srch_innr_filtr .round_check label {
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
}
#FilterModal .m_widget_head > select {
    border: 1px solid #f1f1f1;
    background: #ffffff;
    border-radius: 2em;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    padding: 10px 25px;
    outline: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    cursor: pointer;
}
.notifications li {
    list-style-type: none;
    margin-bottom: 15px;
}
.notifications li .notification-list {
    /*background-color: #5d5f931f;*/
    background-color: #ffffff;
    border-radius: 15px;
}
.notifications .notification-list .notification-user-avatar > img {
    width: 85px;
    height: 85px;
}
.notifications .notification-list .notification-text {
    margin-left: 100px;
}
.wo_user_profile .folowing-ntd.user-bottom-nav li a:hover,
.wo_user_profile .folowing-ntd.user-bottom-nav li .menuactive {
    background: #5d5f9300;
    color: #5d5f93;
    box-shadow: inset 0px 4px 6px rgba(0, 35, 196, .09), /* Shadow at the top */ inset 0px -4px 6px rgba(0, 35, 196, 0.09);
}
.family-requests .wow_hdr_requests {
    list-style-type: none;
    padding: 0;
    margin-bottom: 15px;
}
.family-requests .wow_hdr_requests .user-request-list {
    background-color: white;
    border-radius: 15px;
    padding: 13px 17px;
}
.family-requests .wow_hdr_requests .user-request-list img {
    width: 100px;
    height: 100px;
    margin-right: 0;
    float: none;
}
.family-requests .wow_hdr_requests .user-request-list .user-info .avatar a {
    display: block;
    position: relative;
    margin-right: 10px;
    float: left;
}
.privated-profile-label {
    text-align: center;
    margin-top: 15px;
    font-size: 20px;
    font-style: italic;
}
.privated-profile-icon {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}
#family-requests-list .nearby_user_wrapper .avatar {
    position: relative;
    display: inline-block;
}
#requests-list .user-request-list .user-follow-button-ntd {
    gap: 5px;
    margin-top: 0;
}
.family-requests .user-request-list .user-follow-button-ntd {
    gap: 30px;
}
#requests-list .user-request-list .user-follow-button-ntd button {
    display: flex;
    gap: 5px;
    padding: 2px 15px;
    background: white;
    color: #050505;
    border: 2px solid #f3f3f5;
    font-size: 14px;
    border-radius: 15px;
    width: auto;
    height: auto;
    font-family: "Poppins";
}
.family-requests .user-request-list .user-follow-button-ntd button {
    display: flex;
    gap: 5px;
    padding: 8px 30px;
    background: white;
    color: #050505;
    border: 2px solid #f3f3f5;
    font-size: 16px;
    border-radius: 15px;
    width: auto;
    height: auto;
    font-family: "Poppins";
}
#requests-list .user-request-list .user-follow-button-ntd button .icon_main,
.family-requests .user-request-list .user-follow-button-ntd button .icon_main {
    stroke: #000000;
}
#requests-list
    .user-request-list
    .user-follow-button-ntd
    .profile-message-btn-ntd
    button,
.family-requests
    .user-request-list
    .user-follow-button-ntd
    .profile-message-btn-ntd
    button {
    margin-top: 0;
    padding: 8px;
}
#requests-list .user-request-list .user-info,
.family-requests .user-request-list .user-info {
    max-width: none;
}
#requests-list .user-request-list .user-info > a,
.family-requests .user-request-list .user-info > a {
    font-weight: normal;
}
#requests-list .user-request-list .user-lastseen,
.family-requests .user-request-list .user-lastseen {
    transform: translateY(-8px);
}
.search-filter-input-icon {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 20px;
    margin: 0;
    transform: translateY(-50%);
}
/* Zoom in + Zoom out icons for Leaflet map */
.leaflet-touch .leaflet-bar a {
    position: relative;
    overflow: hidden;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: 2px solid #fafafa;
}
.leaflet-control-zoom-in:before {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3e%3cpath d='M11.0421 20.7585C16.0349 20.7585 20.0823 16.5724 20.0823 11.4085C20.0823 6.24471 16.0349 2.05859 11.0421 2.05859C6.04938 2.05859 2.00195 6.24471 2.00195 11.4085C2.00195 16.5724 6.04938 20.7585 11.0421 20.7585Z' stroke='%235D5F93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M19.0168 21.4998C19.5492 23.162 20.7646 23.3282 21.6987 21.8738C22.5525 20.544 21.99 19.4532 20.4431 19.4532C19.298 19.4428 18.6552 20.3674 19.0168 21.4998Z' stroke='%235D5F93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11.2234 13.1374C11.2029 13.1579 11.1768 13.1718 11.1484 13.1775C11.12 13.1832 11.0906 13.1803 11.0638 13.1692C11.0371 13.1581 11.0142 13.1393 10.9981 13.1153C10.9821 13.0912 10.9735 13.0629 10.9735 13.0339L10.9735 9.20826C10.9735 9.16943 10.9889 9.1322 11.0164 9.10474C11.0438 9.07728 11.081 9.06186 11.1199 9.06186C11.1587 9.06186 11.1959 9.07728 11.2234 9.10474C11.2509 9.1322 11.2663 9.16943 11.2663 9.20826L11.2663 13.0339C11.2663 13.0531 11.2625 13.0722 11.2552 13.0899C11.2478 13.1077 11.237 13.1238 11.2234 13.1374Z' fill='black' stroke='black'/%3e%3cpath d='M13.1382 11.2246C13.1246 11.2382 13.1084 11.249 13.0907 11.2564C13.0729 11.2637 13.0539 11.2675 13.0346 11.2675L9.209 11.2675C9.17017 11.2675 9.13293 11.2521 9.10547 11.2246C9.07802 11.1972 9.06259 11.1599 9.06259 11.1211C9.06259 11.0823 9.07802 11.045 9.10547 11.0176C9.13293 10.9901 9.17017 10.9747 9.209 10.9747L13.0346 10.9747C13.0636 10.9747 13.0919 10.9833 13.116 10.9994C13.1401 11.0154 13.1588 11.0383 13.1699 11.0651C13.181 11.0918 13.1839 11.1212 13.1782 11.1496C13.1726 11.178 13.1586 11.2041 13.1382 11.2246Z' fill='black' stroke='black'/%3e%3c/svg%3e");
    background: white;
    top: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.leaflet-control-zoom-out:before {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3e%3cpath d='M13.0653 20.7585C8.07253 20.7585 4.0251 16.5724 4.0251 11.4085C4.0251 6.24471 8.07253 2.05859 13.0653 2.05859C18.058 2.05859 22.1055 6.24471 22.1055 11.4085C22.1055 16.5724 18.058 20.7585 13.0653 20.7585Z' stroke='%235D5F93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.09063 21.4998C4.55826 23.162 3.34285 23.3282 2.4087 21.8738C1.5549 20.544 2.11741 19.4532 3.66428 19.4532C4.80937 19.4428 5.45223 20.3674 5.09063 21.4998Z' stroke='%235D5F93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.9693 11.2246C10.9828 11.2382 10.999 11.249 11.0167 11.2564C11.0345 11.2637 11.0535 11.2675 11.0728 11.2675L14.8984 11.2675C14.9373 11.2675 14.9745 11.2521 15.0019 11.2246C15.0294 11.1972 15.0448 11.1599 15.0448 11.1211C15.0448 11.0823 15.0294 11.045 15.0019 11.0176C14.9745 10.9901 14.9373 10.9747 14.8984 10.9747L11.0728 10.9747C11.0438 10.9747 11.0155 10.9833 10.9914 10.9994C10.9674 11.0154 10.9486 11.0383 10.9375 11.0651C10.9264 11.0918 10.9235 11.1212 10.9292 11.1496C10.9348 11.178 10.9488 11.2041 10.9693 11.2246Z' fill='black' stroke='black'/%3e%3c/svg%3e");
    background: white;
    top: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: 2px solid #f2f3f7 !important;
}
.leaflet-bar {
    border-radius: 12px !important;
}
.leaflet-touch .leaflet-bar a:first-child {
    background: white !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
.leaflet-bar a,
.leaflet-bar a:hover {
    border-bottom: 1px solid #f2f3f7 !important;
}
.leaflet-marker-icon {
    border: none !important;
    background: transparent !important;
}
.leaflet-marker-icon .custom-icon-wrapper {
    display: block;
    position: relative;
    width: 26px;
    height: 38px;
}
.leaflet-marker-icon .custom-icon-wrapper .marker-icon-img {
    width: 100%;
    height: 100%;
}
.leaflet-marker-icon .custom-icon-wrapper .marker-icon-img-avatar {
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    top: 2px;
    right: 2px;
    border: 1px solid #ffffff;
}
/* Sidebar customize */
.left-sidebar-ntd {
    padding: 15px;
    overflow: hidden;
    
}
.left-sidebar-ntd ul li.wow_side_post_fltr {
    margin-top: 40px;
    margin-bottom: 40px;
    
}
.left-sidebar-ntd ul li {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
.left-sidebar-ntd > ul > li > a {
    transition: none;
    color: #5d5f93;
}
.left-sidebar-ntd .wow_side_post_fltr,
.left-sidebar-ntd .wow_side_post_fltr-ntd {
    position: relative;
    margin-bottom: 15px;
}
.left-sidebar-ntd > ul > li.wow_side_post_fltr > a,
.left-sidebar-ntd > ul > li:hover > a {
    background: #2B2D42;
    color: #ffffff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.4);
}
.left-sidebar-ntd ul li.wow_side_post_fltr a svg path[stroke],
.left-sidebar-ntd ul li:hover a svg path[stroke] {
    stroke: #ffffff;
}
.left-sidebar-ntd ul li.wow_side_post_fltr a svg path[fill],
.left-sidebar-ntd ul li:hover a svg path[fill] {
    fill: #ffffff;
}
/* .left-sidebar-ntd > ul > li:not(:first-child) > a:hover {
    background: #ffffff;
} */
.left-sidebar-ntd .wow_side_post_fltr .top_curve,
.left-sidebar-ntd li:hover .top_curve {
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    background: #4b4c74;
    top: -20px;
}
.left-sidebar-ntd .wow_side_post_fltr .top_curve::before,
.left-sidebar-ntd li:hover .top_curve::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    border-bottom-right-radius: 20px;
    /* box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.4); */
}
.left-sidebar-ntd .wow_side_post_fltr .bottom_curve,
.left-sidebar-ntd li:hover .bottom_curve {
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    background: #5d5f8f;
    bottom: -20px;
}
.left-sidebar-ntd .wow_side_post_fltr .bottom_curve::before,
.left-sidebar-ntd li:hover .bottom_curve::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    border-top-right-radius: 20px;
}
.confirmation-ntd {
    padding: 0;
    overflow: hidden;
}
.confirmation-ntd .row {
    display: table;
    width: 100%;
    margin: 0;
}
.confirmation-ntd .row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
    padding: 0;
    height: 200px;
}
.confirmation-ntd .row [class*="col-"].unconfirmed {
    background-color: #fafafa;
}
.confirmation-ntd .row [class*="col-"].unconfirmed svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.confirmation-ntd-header {
    background-color: #fafafa;
    text-align: center;
    padding: 5px 0;
}
.confirmation-ntd-header span {
    color: #656465;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    font-family: Convergence;
}
.confirmation-ntd-content {
    display: flex;
    align-items: center;
    width: 100%;
    height: calc(100% - 35px);
    position: absolute;
    left: 0;
    top: 35px;
    justify-content: center;
}
.confirmation-ntd-content p {
    text-transform: uppercase;
    font-size: 32px;
    text-align: center;
}
.position-absolute-edit-btn {
    position: absolute;
    top: 6%; /*10% from the top of the container*/
    right: 5%;
    border: 2px solid #fafafa;
    border-radius: 10px;
    padding: 3px 5px;
}
/* Desktop-specific styles (when the screen width is 1024px or larger) */
@media (min-width: 1024px) {
    .position-absolute-edit-btn {
        top: 8%;   /* Adjusted top position for desktop */
        right: 0%;  /* Adjusted right position for desktop */
    }
}
.profile-style:not(.promoted-style){
    position: relative;
}

/* Adjustments for smaller screens */
@media (max-width: 768px) {
    .position-absolute-edit-btn {
        top: 15%; /* Adjust for smaller screens */
        right: 5%;
        padding: 2px 4px;
    }
}
.why-choose-pro-card-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 80%;
    aspect-ratio: 1/1;
}
.wo_pro_features .innr_feat_flex .why-choose-pro-card-bg {
    right: auto;
    left: 0;
    height: 100%;
}
.wo_pro_features .innr_feat_flex svg {
    max-height: 100%;
}
.flatpickr-calendar.open {
    border-radius: 15px;
}
.user-menu-combination-ntd {
    padding: 5px !important;
    border-radius: 10px;
    margin-top: 13px;
    margin-bottom: 13px;
    margin-right: 5px;
}
.profi_groups-popover #wo_useract_btn,
.user-fetch .user-footer .user-button button {
    border-radius: 14px;
    border: 2px solid #f3f3f5;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    padding: 0 8px;
    line-height: 35px;
    min-width: 60%;
    width: 100%;
    background-color: white;
    color: black;
}
.wo_story_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
}
/* Mobile */
@media (max-width: 767px) {
    .user-follow-button-ntd span.user-follow-mobile button {
        height: 39px;
    }
    .wo_poke_users-ntd .btn {
        line-height: 25px;
    }
    .wo_poke_users-ntd .user-follow-button-ntd {
        gap: 10px;
        margin-top: 7px;
    }
    .wo_poke_users-ntd .poke_info .avatar {
        width: 80px;
        height: 80px;
    }
    .wo_poke_users-ntd .profile-message-btn-ntd .btn {
        line-height: 25px;
    }
    .wo_poke_users-ntd .profile-message-btn-ntd .btn svg {
        width: 25px;
        height: 25px;
    }
    .wo_poke_users-ntd .user-follow-button-ntd button.btn-wave-back {
        padding: 0;
        min-width: 43%;
    }
    .wo_poke_users-ntd .user-follow-button-ntd button.btn-wave-back span,
    .wo_poke_users-ntd .user-follow-button-ntd span.user-follow-desktop span,
    .wo_poke_users-ntd .user-follow-button-ntd span.user-unfollow-desktop span,
    .wo_poke_users-ntd .user-follow-button-ntd .wo_following_btn span {
        font-size: 12px;
    }
}
@media (max-width: 480px) {
    .cool-style-album.profi_groups #wo_useract_btn {
        border-radius: 14px !important;
    }
    .profile-message-btn-ntd button {
        padding: 5px !important;
        height: 39px;
        border-radius: 14px !important;
    }
    #following-list .wo_user_profile .btn-glossy > button {
        padding: 5px !important;
        border: 2px solid #f3f3f5 !important;
    }
    #requests-list .user-request-list .user-follow-button-ntd,
    .family-requests .user-request-list .user-follow-button-ntd {
        margin-top: 3px;
    }
    #requests-list .user-request-list .user-follow-button-ntd button,
    .family-requests .user-request-list .user-follow-button-ntd button {
        padding: 3px 5px;
        font-size: 12px;
        border-radius: 8px;
    }
    #requests-list .user-request-list .user-follow-button-ntd,
    .family-requests .user-request-list .user-follow-button-ntd {
        gap: 10px;
    }
    .family-requests .wow_hdr_requests .user-request-list img {
        width: 60px;
        height: 60px;
    }
    .new-update-alert {
        right: 3px;
        top: 12px;
    }
    .confirmation-ntd-header span {
        font-size: 20px;
    }
    .confirmation-ntd-content p {
        font-size: 18px;
        font-family: convergence;
    }
    .confirmation-ntd .row [class*="col-"] {
        height: 120px;
    }
    /* Sidebar customize */
    .left-sidebar-ntd {
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
        padding: 15px;
    }
    .left-sidebar-ntd ul {
        margin-left: 15px;
        margin-right: 15px;
    }
    /* Default styles for desktop or larger screens */
.position-absolute-edit-btn {
 /*   position: relative;*/
    top: 165px;  /* Default top position for larger screens */
    right: 0px; /* Default right position for larger screens */
}
}
.stats.post-actions .btn.btn-default.stat-item {
    margin-top: 0 !important;
}

/* Desktop/tablet repair for the mobile header and home filter takeover. */
@media (min-width: 768px) {
    body .falue-home-story-carousel {
        width: 100% !important;
        margin: 16px 0 22px !important;
        padding: 0 0 2px !important;
        color: #2B2D42 !important;
    }

    body .falue-home-story-card-track {
        display: flex !important;
        align-items: stretch !important;
        gap: 14px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scroll-snap-type: x proximity !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 4px 4px 10px !important;
        margin: 0 -4px !important;
    }

    body .falue-home-story-card-track::-webkit-scrollbar {
        display: none !important;
    }

    body .falue-home-story-card {
        position: relative !important;
        display: block !important;
        flex: 0 0 154px !important;
        width: 154px !important;
        min-width: 154px !important;
        min-height: 232px !important;
        border: 0 !important;
        outline: 0 !important;
        scroll-snap-align: start !important;
        border-radius: 28px !important;
        overflow: hidden !important;
        cursor: pointer !important;
        text-align: left !important;
        font-family: 'Poppins', sans-serif !important;
        background-color: rgba(255,255,255,0.92) !important;
        box-shadow:
            0 16px 34px rgba(43,45,66,0.10),
            inset 0 1px 0 rgba(255,255,255,0.9) !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    body .falue-home-story-preview {
        padding: 14px !important;
        color: #fff !important;
        background-image: var(--falue-home-story-bg) !important;
        background-size: cover !important;
        background-position: center !important;
    }

    body .falue-home-story-preview::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        background-image: var(--falue-home-story-bg) !important;
        background-size: cover !important;
        background-position: center !important;
        z-index: 0 !important;
    }

    body .falue-home-story-shade {
        position: absolute !important;
        inset: 0 !important;
        background: linear-gradient(180deg, rgba(18,19,40,0.18) 0%, rgba(18,19,40,0.08) 42%, rgba(18,19,40,0.62) 100%) !important;
        z-index: 1 !important;
    }

    body .falue-home-story-owner,
    body .falue-home-story-title {
        position: relative !important;
        z-index: 2 !important;
    }

    body .falue-home-story-owner {
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        min-width: 0 !important;
    }

    body .falue-home-story-avatar-ring {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        padding: 3px !important;
        background: linear-gradient(135deg, #6A1BFF, #FF304F, #2EA7FF) !important;
        box-shadow: 0 10px 22px rgba(43,45,66,0.18) !important;
    }

    body .falue-home-story-avatar-ring.seen {
        background: rgba(255,255,255,0.68) !important;
    }

    body .falue-home-story-avatar-ring img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 50% !important;
        border: 2px solid rgba(255,255,255,0.95) !important;
    }

    body .falue-home-story-owner-text {
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
    }

    body .falue-home-story-owner-text strong {
        max-width: 80px !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-shadow: 0 2px 10px rgba(0,0,0,0.18) !important;
    }

    body .falue-home-story-owner-text em {
        margin-top: 2px !important;
        color: rgba(255,255,255,0.88) !important;
        font-size: 11px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
    }

    body .falue-home-story-title {
        position: absolute !important;
        left: 14px !important;
        right: 14px !important;
        bottom: 18px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em !important;
        text-shadow: 0 3px 16px rgba(0,0,0,0.30) !important;
    }

    body .falue-home-story-add,
    body .falue-home-story-more {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        text-align: center !important;
        padding: 16px 12px !important;
        color: #2B2D42 !important;
        background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,247,255,0.92)) !important;
        border: 1px solid rgba(43,45,66,0.06) !important;
    }

    body .falue-home-story-add-orb {
        position: relative !important;
        width: 84px !important;
        height: 84px !important;
        border-radius: 50% !important;
        border: 2px dashed rgba(93,95,147,0.35) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255,255,255,0.65) !important;
    }

    body .falue-home-story-add-orb img {
        width: 64px !important;
        height: 64px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        opacity: 0.84 !important;
    }

    body .falue-home-story-add-orb b {
        position: absolute !important;
        right: 2px !important;
        bottom: 2px !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
        background: linear-gradient(135deg, #6A1BFF, #8338EC) !important;
        border: 3px solid #fff !important;
        font-size: 24px !important;
        line-height: 1 !important;
        box-shadow: 0 8px 18px rgba(106,27,255,0.28) !important;
    }

    body .falue-home-story-add strong,
    body .falue-home-story-more strong {
        color: #2B2D42 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
    }

    body .falue-home-story-add small,
    body .falue-home-story-more small {
        color: rgba(43,45,66,0.52) !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.25 !important;
    }

    body .falue-home-story-more span {
        width: 58px !important;
        height: 58px !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(106,27,255,0.08) !important;
        color: #5D2DFD !important;
        font-size: 20px !important;
        font-weight: 800 !important;
    }

    body .falue-home-story-carousel-dots {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 4px 0 0 !important;
    }

    body .falue-home-story-carousel-dots span {
        width: 7px !important;
        height: 7px !important;
        border-radius: 50% !important;
        background: rgba(43,45,66,0.16) !important;
    }

    body .falue-home-story-carousel-dots span.active {
        width: 20px !important;
        border-radius: 999px !important;
        background: #6A1BFF !important;
    }

    body .navbar.navbar-default.navbar-fixed-top .falue-concept3-real-header,
    body .navbar.navbar-default.navbar-fixed-top .falue-mobile-concept3-brand {
        display: none !important;
    }

    body .navbar.navbar-default.navbar-fixed-top .header-fixed1000 {
        width: min(1280px, calc(100% - 32px)) !important;
        height: 70px !important;
        min-height: 70px !important;
        margin: 0 auto !important;
        display: block !important;
        overflow: visible !important;
    }

    body .navbar.navbar-default.navbar-fixed-top .header-fixed1000 > .container-fluid {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 20px !important;
        width: 100% !important;
        height: 70px !important;
        min-height: 70px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        overflow: visible !important;
    }

    body .navbar.navbar-default.navbar-fixed-top .wow_hdr_innr_left {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        width: auto !important;
        height: 70px !important;
        min-height: 70px !important;
        flex: 0 0 auto !important;
    }

    body .navbar.navbar-default.navbar-fixed-top .brand.header-brand {
        display: flex !important;
        align-items: center !important;
        height: 70px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .navbar.navbar-default.navbar-fixed-top .brand.header-brand .falue-full-header-logo {
        display: block !important;
        width: auto !important;
        max-width: 130px !important;
        height: 32px !important;
    }

    body .navbar.navbar-default.navbar-fixed-top #wo_home_search {
        flex: 1 1 auto !important;
        max-width: 520px !important;
        height: auto !important;
        margin: 0 20px !important;
    }

    body .navbar.navbar-default.navbar-fixed-top #head_menu_rght {
        display: flex !important;
        align-items: center !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
    }

    body .falue-home-filter-system[data-falue-filter-context="home"] {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 720px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 22px auto !important;
        padding: 0 12px !important;
        transform: none !important;
        overflow: visible !important;
        z-index: 30 !important;
    }

    body .falue-home-filter-system[data-falue-filter-context="home"] .falue-floating-rail-shell,
    body .falue-home-filter-system[data-falue-filter-context="home"] .falue-home-rail-shell {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 64px !important;
        padding: 8px !important;
        overflow: visible !important;
    }

    body .falue-home-filter-system[data-falue-filter-context="home"] .falue-feed-source-rail {
        position: relative !important;
        flex: 0 0 158px !important;
        width: 158px !important;
        min-width: 158px !important;
        max-width: 158px !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .falue-home-filter-system[data-falue-filter-context="home"] .falue-feed-source-current {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    body .falue-home-filter-system[data-falue-filter-context="home"] .falue-feed-source-current-label {
        display: inline-block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body .falue-home-filter-system[data-falue-filter-context="home"] .falue-feed-source-menu {
        position: absolute !important;
        top: calc(100% + 10px) !important;
        left: 0 !important;
        width: 188px !important;
        min-width: 188px !important;
        max-width: 188px !important;
        display: none !important;
        z-index: 1080 !important;
    }

    body .falue-home-filter-system[data-falue-filter-context="home"] .falue-feed-source-rail.is-open .falue-feed-source-menu {
        display: block !important;
    }

    body .falue-home-filter-system[data-falue-filter-context="home"] .falue-home-type-rail,
    body .falue-home-filter-system[data-falue-filter-context="home"] ul.falue-floating-type-rail,
    body .falue-home-filter-system[data-falue-filter-context="home"] ul.list-group.filterby.falue-floating-type-rail {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    body .falue-home-filter-system[data-falue-filter-context="home"] ul.falue-floating-type-rail > li,
    body .falue-home-filter-system[data-falue-filter-context="home"] ul.falue-floating-type-rail > li.list-group-item,
    body .falue-home-filter-system[data-falue-filter-context="home"] ul.falue-floating-type-rail > li.filter-by-li {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 44px !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .falue-home-filter-system[data-falue-filter-context="home"] ul.falue-floating-type-rail > li .falue-filter-label {
        display: none !important;
    }

    body .falue-home-filter-system[data-falue-filter-context="home"] ul.falue-floating-type-rail > li.avtive,
    body .falue-home-filter-system[data-falue-filter-context="home"] ul.falue-floating-type-rail > li.active,
    body .falue-home-filter-system[data-falue-filter-context="home"] ul.falue-floating-type-rail > li.filter_negative_clr,
    body .falue-home-filter-system[data-falue-filter-context="home"] ul.falue-floating-type-rail > li.is-active {
        flex-basis: 82px !important;
        width: 82px !important;
        min-width: 82px !important;
        max-width: 82px !important;
        padding: 0 12px !important;
    }

    body .falue-home-filter-system[data-falue-filter-context="home"] ul.falue-floating-type-rail > li.avtive .falue-filter-label,
    body .falue-home-filter-system[data-falue-filter-context="home"] ul.falue-floating-type-rail > li.active .falue-filter-label,
    body .falue-home-filter-system[data-falue-filter-context="home"] ul.falue-floating-type-rail > li.filter_negative_clr .falue-filter-label,
    body .falue-home-filter-system[data-falue-filter-context="home"] ul.falue-floating-type-rail > li.is-active .falue-filter-label {
        display: inline-flex !important;
    }
}