/* Header styling */
/* font-family: 'DM Sans', sans-serif; */
/* Sticky header that still occupies space */
.primary-header {
    position: sticky;
    top: 0;
    padding: 5px 0 4px;
    background-color: #fff;
    z-index: 10;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.16);
}
.logo {
    display: block;
    position: static;
    width: 100px;
    margin: 0 auto 4px;
}

    .logo img {
        display: block;
        width: 100%;
    }

.header-bdr {
    width: 100%;
}

.navbar-block {
    position: relative;
    width: 100%;
    background-color: #fff;
    /*padding-bottom: 14px;*/
    z-index: 8;
}

.fixed-navbar .navbar-block {
    position: fixed;
    left: 0;
    top: 0;
    padding-top: 10px;
}

.fixed-navbar .header-bdr {
    position: sticky;
    /*top: 9px;*/
}

.fixed-navbar .find-head {
    /*top: 62px;*/
    padding-top:5px;
}

/*.navbar-block::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e0548d;
    bottom: -2px;
}*/

.header-btns {
    width: 100%;
    padding: 0 3px 0 3px;
}

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

.profile-btn {
    /*width: 32px;
    height: 31px;
    border: 3px solid #e0548d;
    border-radius: 50%;
    margin-top: 4px;*/
    cursor: pointer;
}

.latest-wrap {
    position: relative;
    padding-right: 12px;
    cursor: pointer;
}

.latest-dot-wrap {
    padding-right: 0;
}

.latest-wrap.bookmark-latest-wrap {
    padding: 0;
}

.member-btn-wrap {
    padding: 0;
}

.esc-profile .latest-wrap {
    padding: 0 6px 0 0;
    margin-left: 6px;
}

.esc-profile .new-latest {
    padding: 0;
}

.esc-profile .circle-wrap-info {
    display: flex;
    margin-left: 8px;
    padding-top: 7px;
}

.latest-pop {
    display: none;
    position: absolute;
    border: 1px solid #ebebeb;
    background-color: #ffffff;
    z-index: 1;
    width: 150px;
    border-radius: 5px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}

    .latest-pop.open {
        display: block;
        right: 0px;
        top: 28px;
        padding: 10px 5px;
        /*right: 0;
        top: 37px;*/
    }

    .latest-pop.message-pop {
        left: -14px;
        top: 39px;
    }

.latest-filter-pop.open {
    right: -6px;
    top: 35px;
}

.latest-pop:after {
    /*content: "";*/
    border: solid #e7e7e7;
    background-color: #fff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    position: absolute;
    padding: 6px;
    right: 3px;
    top: -8px;
    z-index: -1;
    width: 12px;
    height: 12px;
}

.latest-pop.message-pop:after {
    /*content: "";*/
    /*left: 7px;
    top: -11px;*/
}

.esc-profile .latest-profile.open {
    width: 100%;
    position: fixed;
    top: 50% !important;
    z-index: 15;
}

.latest-profile:after {
    display: none;
}

.profile-search {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative;
}

.dot-pop-up-messages{
    right:10px;
}

.dot-pop-up {
    display: none;
    position: absolute;
    border: 1px solid #ebebeb;
    background-color: #ffffff;
    z-index: 1;
    width: 170px;
    border-radius: 5px;
}

.locations .mCSB_inside > .mCSB_container {
    margin: 0;
}

.dot-pop-up.open {
    display: block;
    right: -12px;
    top: 29px;
}

.esc-profile .dot-pop-up.open {
    right: 9px;
    top: 28px;
}

.dot-pop-up li {
    /*background: #fff;*/
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.dot-pop-up:after {
    /*content: "";*/
    position: absolute;
    top: -8px;
    right: 6px;
    width: 13px;
    height: 13px;
    border: 1px solid #e7e7e7;
    display: block;
    background-color: #fff;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.dot-pop-up li {
    padding: 8px 10px;
}

    .dot-pop-up li:hover {
        /*color: #e0548d;*/
        transition: all 0.5s;
        background: #fff2f7;
    }
        .dot-pop-up li:hover span {
            color: #e0548d;
            transition: all 0.5s;
        }
/* .dot-pop-up li:last-child {
    padding-top:0;
    padding-top: 5px;
} */

.menu-opt {
    color: #0a3049;
    padding: 5px 12px;
    border-radius: 3px;
    /*vertical-align: -webkit-baseline-middle;*/
}

    /*.menu-opt:hover {
        color: #e0548d;
    }*/

    /*.menu-opt:hover {
        color: #e0548d;
        transition: all 0.5s;
        background: #fff2f7;
    }*/

.profile-cross {
    padding: 5px;
    border-radius: 3px;
}

    .profile-cross:hover {
        color: #e0548d;
        transition: all 0.5s;
        background: #fff2f7;
    }

    .profile-cross:hover {
        color: #e0548d;
        transition: all 0.5s;
        background: #fff2f7;
    }

/*.latest-link {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    color: #0a3049;
    display: block;
    cursor: pointer;
}
    .latest-link:hover {
        color: #e0548d;
        transition: all 0.5s;
        background: #fff2f7;
    }*/

.profile-actions {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    color: #0a3049;
    display: block;
    cursor: pointer;
    font-weight:500;
}

    .profile-actions:hover {
        color: #e0548d;
        transition: all 0.5s;
        background: #fff2f7;
    }

.post-filter {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    color: #0a3049;
    display: block;
    cursor: pointer;
    font-weight: 500;
}

    .post-filter:hover {
        color: #e0548d;
        transition: all 0.5s;
        background: #fff2f7;
    }

.message-filter-style {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    color: #0a3049;
    display: block;
    cursor: pointer;
    font-weight: 500;
}

    .message-filter-style:hover {
        color: #e0548d;
        transition: all 0.5s;
        background: #fff2f7;
    }

.message-order-filter {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    color: #0a3049;
    display: block;
    cursor: pointer;
    font-weight: 500;
}

    .message-order-filter:hover {
        color: #e0548d;
        transition: all 0.5s;
        background: #fff2f7;
    }

.post-order-filter, .post-media-filter, .media-order-filter, .gal-filter-order {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    color: #0a3049;
    display: block;
    cursor: pointer;
}

    .post-order-filter:hover, .post-media-filter:hover, .gal-filter-order:hover {
        color: #e0548d;
        transition: all 0.5s;
        background: #fff2f7;
    }

.active-post-filter, .active-post-order-filter, .active-media-filter, .active-media-order-filter, .gal-filter-order-active {
    color: #e0548d;
}

.active-message-filter, .active-message-order-filter, .active-create-message-filter, .active-create-message-order-filter {
    color: #e0548d;
}

/*.gal-filter-list {
    display: inline-flex;
    cursor: pointer;
}

    .gal-filter-list li {
        padding: 12px;
    }

        .gal-filter-list li:hover {
            color: #e0548d;
        }*/

.gal-filter-active {
    color: #e0548d;
}

#msg-all-followers {
    cursor: pointer;
    padding: 5px 0px;
}

.comment-block-wrap {
    display: flex;
    align-items: center;
    color: #6e717e;
    gap: 4px;
}

    .comment-block-wrap .dot-pop-up.open {
        display: block;
        right: 5px;
        top: 28px;
    }

    .comment-block-wrap .dot-pop-up:after {
        right: 3px;
    }

.member-wrap .latest-link {
    text-align: center;
}

.member-wrap .latest-pop {
    padding: 0;
}

.icon-mobcross {
    width: 15px;
    height: 15px;
    background: url(../images/close-blue.svg) no-repeat;
}

.chatting .mCSB_scrollTools {
    right: -5px;
}

.member-wrap .latest-pop.open {
    top: 44px;
}

.latest-pop li:nth-child(1) {
    border-bottom: 1px solid #ededed;
}

.latest-pop li:nth-child(2) {
    border-top: 1px solid #e9ebee;
    padding-top: 5px;
}

.member-wrap .latest-pop li {
    border: none;
}

    .member-wrap .latest-pop li:nth-child(2) {
        padding-top: 0;
    }

.esc-profile .latest-wrap .latest-pop.open {
    top: 43px;
    right: 0;
}

.user-img {
    width: 38px;
    height: 38px;
    border: 3px solid #e0548d;
    border-radius: 50%;
}

.btn-list .user-icon {
    border-radius: 50%;
    width: 33px;
    height: 33px;
}

.recommend-text {
    font-family: 'Poppins', sans-serif;
    font-family: 600;
}

.location-text {
    text-transform: capitalize;
    font-size: 1.263rem;
    color: #fefefe;
    opacity: 0.5;
}

.profile-btn img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.btn-list a {
    display: block;
}

.msg {
    position: relative;
}

.notification-wrap {
    position: relative;
}

.notification {
    position: absolute;
    top: -1px;
    right: -6px;
    color: #ffffff;
    background-color: #e0548d;
    border-radius: 50%;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-home {
    background: url(../images/nav-home.svg) no-repeat !important;
    width: 26px;
    height: 24px;
}

/*.icon-notification_old {*/
    /*background: url(../images/icon-notif-new.svg) no-repeat !important;*/
    /*background: url(../images/nav-notification.svg) no-repeat !important;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}*/

.icon-notification {
    /*background: url(../images/icon-notif-new.svg) no-repeat !important;*/
    background: url(../images/nav-notification.svg) no-repeat;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}



.icon-search {
    background: url('../images/nav-search.svg') no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain; /* Ensures the image scales to fit the container */
    background-position: center; /* Ensures the image is centered in the container */
}

.icon-add {
    background: url(../images/nav-plus.svg) no-repeat !important;
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}

/*.icon-msg_old {*/
    /*background: url(../images/nav-email.svg) no-repeat !important;*/
    /*background: url(../images/master-message-icon.svg) no-repeat;
    width: 27px;
    height: 20px;
    background-size: 27px 20px;
}*/

.icon-msg {
    background: url(../images/navbar-msg3-icon.svg) no-repeat;
    width: 28px;
    height: 25px;
    background-size: 30px 27px;
}

.icon-user {
    width: 38px;
    height: 38px;
    background-position: -91px -511px;
}

.side-menu {
    position: fixed;
    right: -100%;
    top: 0;
    height: 100%;
    padding-top: 96px;
    z-index: 2;
    width: 250px;
    transition: all 0.5s;
}

    .side-menu.active-sidebar {
        right: 0;
        display: block;
    }

.side-menu.scrolled {
    padding-top: 60px!important;
}

    /*.side-menu::after {
        position: fixed;
        top: 65px;
        right: -100%;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        content: "";
        transition: all 0.5s;
        z-index: -1;
    }

    .side-menu.active-sidebar:after {
        display: block;
        right: 0;
    }*/

/*.close-btn {
    margin: 0 13px 0 auto;
    width: 20px;
    cursor: pointer;
}*/

.btn-design {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #14364d;
    transform: rotate(45deg);
}

    .btn-design:last-child {
        transform: rotate(135deg);
        margin-top: -2px;
    }

.profile-detail {
    margin: 38px 0 35px 47px;
}

.user-name {
    text-transform: lowercase;
    font-weight: 500;
    /*font-size: 2.058rem;*/
    color: #0a3049;
    font-size:1.6rem;
}

.user-id {
    color: #0a3049;
    font-size: 1.741rem;
    margin-left: 3px;
}

.icon-profile {
    width: 23px;
    height: 24px;
    background-position: -10px -461px;
    margin: 0 14px 4px 0;
}

.icon-follower {
    width: 22px;
    height: 22px;
    background-position: -9px -504px;
    margin: 0 15px 9px 0;
}

/*.icon-priv-gal {*/
    /*width: 22px;
    height: 22px;
    background-position: -9px -504px;*/
    /*background: url(../images/settings-privgal-icon.svg) no-repeat !important;
    width: 22px;
    height: 22px;
    background-size: contain;
    margin: 0 15px 9px 0;
}*/

/*.icon-cameras {
    background: url(../images/post-camera-icon.svg) no-repeat;
    width: 13px;
    height: 13px;
    background-size: contain;
    margin: 0 4px 2px 0;
}*/

.icon-settings {
    width: 23px;
    height: 23px;
    background-position: -8px -547px;
    margin: 0 15px 6px 0;
}

.icon-payments {
    width: 24px;
    height: 29px;
    background-position: -48px -461px;
    margin: 0 15px 4px 0;
}

.icon-help {
    width: 23px;
    height: 23px;
    background-position: -49px -504px;
    margin: 0 17px 2px 0;
}

.icon-logout {
    width: 24px;
    height: 23px;
    background-position: -45px -547px;
    margin: 0 19px 1px -1px;
}

.menu-listing i {
    color: #e0548d; /* Your specified pink */
    margin-right: 15px!important; /* Space between icon and text */
    width: 20px; /* Optional: helps align icons vertically */
    text-align: center;
}

.menu-listing {
    padding-bottom: 18px;
}

    .menu-listing li {
        margin-bottom: 19px;
    }

        .menu-listing li:nth-child(3) {
            margin-bottom: 35px;
        }

        .menu-listing li:nth-child(4) {
            margin-bottom: 11px;
        }

        .menu-listing li:nth-child(5) {
            margin-bottom: 35px;
        }

        .menu-listing li:last-child {
            margin-bottom: 0;
        }

    .menu-listing a,
    .menu-listing .logout-btn {
        /*display: block;*/
        font-size: 1.8rem;
        color: #0a3049;
        line-height: 1.6;
        padding: 0 6px 0 24px;
        background: none;
        border: none;
        cursor: pointer;
        text-decoration: none;
        transition: color 0.3s ease, opacity 0.3s ease;
    }

        .menu-listing a:hover,
        .menu-listing .logout-btn:hover {
            color: #e0548d;
            opacity: 1;
        }

.logout-btn {
    padding:0!important;
}

.active-menu {
    overflow: hidden;
}

.menu-logo {
    display: none;
}

.menu-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    padding-top: 28px;
    position: relative;
    overflow: auto;
}
/* Banner styling */
.banner {
    position: relative;
    border-bottom: 4px solid #e0548d;
    /*padding-top: 97px;*/
}

.banner-image img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.banner .container {
    /*padding-top: 74px;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    right: 0;
}

.text-wrap {
    display: none;
}

.registration {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*margin-bottom: 33px;*/
    text-align: center;
}

.banner h2 {
    font-weight: 500;
    color: #ffffff;
    margin: 0 0 20px 1px;
    line-height: .7;
    letter-spacing: -.05px;
}

.banner-logo {
    width: 179px;
    margin: 0 0 11px 10px;
}

    .banner-logo img {
        display: block;
    }
/* Posts styling */
.posts {
    padding: 12px 0 24px 0;
}

    .posts .container {
        flex-direction: column;
    }

.slider-wrap {
    width: 100%;
    margin-bottom: 12px;
}

    .slider-wrap h3 {
        color: #0a3049;
        text-transform: capitalize;
        font-weight: 600;
        margin-bottom: 8px;
        position: relative;
    }

        .slider-wrap h3::after {
            position: absolute;
            bottom: -1px;
            left: 23px;
            content: "";
            background-color: #e0548d;
            width: 52px;
            height: 3px;
        }

.icon-fire {
    width: 17px;
    height: 27px;
    background-position: -69px -72px;
    margin: 0 6px 3px 0;
}

.post-image a {
    display: block;
    position: relative;
    opacity: 1;
}

.verify-text {
    z-index: 1;
    position: absolute;
    bottom: 48px;
    padding: 0 7px 0 11px;
    display: flex;
    justify-content: space-between;
    left: 0;
    width: 100%;
}

.post-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,.32);
    padding: 8px 5px 4px 8px;
}

.user-pic {
    display: block;
}

.user-icon {
    display: none;
}

.post-name {
    display: flex;
    line-height: 1;
}

.slick-prev {
    position: absolute;
    top: 39%;
    transform: translateY(-1px);
    left: -12px;
    color: transparent;
    width: 31px;
    height: 31px;
    background-position: -242px -46px;
    background-image: url(../images/sprite.png);
    z-index: 1;
}

.member {
    position: relative;
}

.new-overlap {
    position: fixed;
    z-index: -9;
}

    .new-overlap.open {
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        background-color: rgba(0,0,0,.60);
        z-index: 10;
    }

.slick-next {
    position: absolute;
    top: 39%;
    transform: translateY(-1px);
    right: -10px;
    color: transparent;
    width: 27px;
    height: 31px;
    background-position: -291px -106px;
    background-image: url(../images/sprite.png);
}

.slick-disabled {
    background-position: -436px -99px;
}

.verify {
    font-weight: 600;
    font-size: .725rem;
    text-transform: uppercase;
    background-color: #e0548d;
    border-radius: 4px;
    color: #fefefe;
    padding: 2px 6px 0px 5px;
}

.pending-text {
    color: #4ab5ff;
}

.icon-tick {
    /* width: 10px;
	height: 9px;
    background-position: -125px -63px; */
    background: url(../images/checked-black.svg) no-repeat;
    width: 10px;
    height: 9px;
    background-size: 10px 9px;
    margin-right: 4px;
}

.post-number {
    color: #fefefe;
    text-transform: capitalize;
    background-color: #252525;
    font-size: .8rem;
    padding: 2px 9px 1px 10px;
    border-radius: 2px;
    margin-left: auto;
}

.name {
    font-size: 0.981rem;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fefefe;
    display: block;
}

.post-count {
    font-size: 0.981rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #fefefe;
    margin: 0 2px;
}

.place {
    width: 100%;
    text-transform: capitalize;
    font-weight: 600;
    color: rgba(254,254,254,.7);
    font-size: 0.844rem;
    line-height: 1;
}

.slick-dots {
    position: absolute;
    top: -22px;
    right: -2px;
    display: flex;
}

    .slick-dots li {
        width: 13px;
        height: 2px;
        background-color: #eaeaea;
        margin-right: 6px;
        cursor: pointer;
    }

    .slick-dots button {
        opacity: 0;
    }

.slider-wrap .slick-active {
    background-color: #0a0a0a;
}

.post-image img {
    width: 100%;
    object-fit: cover;
}

.image-text {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.80);
    color: #ffffff;
    padding: 10px 10px 65px 10px;
    font-size: .8rem;
    transition: all 0.5s;
}

    .image-text p {
        margin-bottom: 15px;
    }

        .image-text p:last-child {
            margin-bottom: 0;
        }

.image-content {
    text-align: center;
    padding: 1px 0;
    margin-bottom: 2px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    background-color: #e0548d;
    border-radius: 2px;
}

.post-image a:hover .image-text {
    opacity: 1;
}

.post-image a:hover .name {
    color: #e0548d;
}

.post-image a:hover .post-count {
    color: #e0548d;
}

.icon-firing {
    width: 37px;
    height: 60px;
    background-position: -142px -170px;
    margin: 3px 8px 0 8px;
}

.text-head {
    display: flex;
    margin-bottom: 12px;
}

    .text-head h4 {
        font-weight: 700;
        color: #e0548d;
        width: 80%;
        line-height: 1;
        margin-top: 10px;
    }

.post-heading {
    font-size: 2.32rem;
    color: #0a3049;
    display: block;
    line-height: 1.2;
    font-weight: 700;
}

.post-details p {
    font-weight: 500;
    color: #0a3049;
    line-height: 1.85;
    margin-bottom: 10px;
}

    .post-details p:nth-child(2) {
        margin-bottom: 0;
    }

    .post-details p:last-child {
        display: none;
    }

.post-details:nth-child(2) {
    display: none;
}

.post-content {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.text-content {
    padding: 0 2px 0 8px;
}

.post-content a {
    padding: 10px 42px 12px 44px;
    border-radius: 5px;
    margin: 1px 10px 0 0;
    display: block;
    text-transform: capitalize;
    font-weight: 500;
    color: #ffffff;
    font-size: 1.7rem;
    background-color: #e0548d;
    border: 1px solid transparent;
}

    .post-content a:hover {
        border: 1px solid #e0548d;
        background-color: #ffffff;
        color: #e0548d;
        opacity: 1;
    }

.footer-bottom {
    bottom: 0%;
    position: fixed;
    width: 100%;
}

/* Footer styling */
.footer-section {
    background-color: #272727;
    padding: 19px 0 16px 0;
    /*Remove below if needed as added by me*/
    width:100%;
    /*position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4;*/
}

    .footer-section .container {
        justify-content: flex-start;
        align-items: flex-start;
    }

.footer-content {
    margin: 0px 44px 0 19px;
}

.footer-logo {
    width: 100px;
    margin-left: 16px;
}

    .footer-logo a {
        display: block;
    }

.footer-list a {
    color: #ffffff;
    text-transform: capitalize;
    display: block;
    font-size: 1.2rem;
}

    .footer-list a:hover {
        color: #e0548d;
        opacity: 1;
    }

.footer-list li {
    margin-bottom: 3px;
}

.copyright {
    color: #ffffff;
    font-size: 1.2rem;
    white-space: nowrap;
    text-align: center;
}
/* Login page styling */
/* Header styling */
.inner-header {
    background-color: #ffffff;
    border-bottom: 3px solid #e0548d;
    z-index: 100;
}
/* Login styling */
.login {
    padding: 50px 0 0 0;
    position: relative;
}

.login-sec {
    padding: 50px 0 0 0;
    position: relative;
    display: flex;
    min-height: 80vh;
    align-items: center;
}

.login .container {
    flex-direction: column;
}

.login-logo {
    width: 100%;
    margin: 0 12px 17px 0;
}

    .login-logo img {
        display: block;
        margin: 0 auto;
        width: 60%;
    }

.help-logo {
    width: 100%;
    margin: 0 12px 17px 0;
    margin-top: 50px;
}

    .help-logo img {
        display: block;
        margin: 0 auto;
        width: 50%;
    }

.form-wrap h4 {
    font-size: 2.3rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.form-wrap {
    width: 100%;
    max-width: 354px;
    margin-bottom: 23px;
}

.form-content {
    display: flex;
    flex-direction: column;
    padding-left: 2px;
    font-weight: 500;
    font-size: 1.2rem;
}

.label-text {
    display: flex;
    justify-content: space-between;
}

.form-wrap a {
    color: #e0548d;
    margin-top: 1px;
    font-weight: 500;
}

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

.sign-up {
    font-weight: 500;
    color: #232323;
    font-size: 1.4rem;
    margin-right: 13px;
    text-align: center;
}

    .sign-up a {
        color: #e0548d;
        text-transform: capitalize;
    }

.stay-login .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 3px;
    top: 1px;
    width: 2px;
    height: 4px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.stay-login input:checked ~ .checkmark:after {
    display: block;
}

.stay-login input:checked ~ .checkmark {
    background-color: #e0548d;
}

.login-spans {
    font-size:1.5rem;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 1px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 3px;
}

.stay-login input {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.stay-login {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 23px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1rem;
}
/* Step 1 page styling */
.steps .container {
    flex-direction: column;
    max-width: 414px;
}

.select-age {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
    width: 100%;
    padding: 9px 10px 9px 12px;
    font-size: 1.248rem;
    color: #232323;
    margin-top: 8px;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
}

select {
    -webkit-appearance: none;
    appearance: none;
}

.gender input {
    position: absolute;
    opacity: 0;
}

.gender {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 23px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .gender .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 4px;
        top: 1px;
        width: 5px;
        height: 7px;
        border: solid #ffffff;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .gender input:checked ~ .checkmark:after {
        display: block;
    }

    .gender input:checked ~ .checkmark {
        background-color: #e0548d;
    }

.age-selector {
    position: relative;
    font-weight: 500;
    font-size: 1.361rem;
    color: #232323;
    text-transform: capitalize;
    /*margin-bottom: 17px;*/
}

.menu-arrow {
    position: absolute;
    bottom: 13px;
    right: 15px;
    width: 8px;
    height: 8px;
    border: solid rgba(40, 40, 40, .25);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
}

.hair-color {
    position: relative;
    font-weight: 500;
    font-size: 1.361rem;
    color: #232323;
    text-transform: capitalize;
    /*margin-bottom: 16px;*/
}

/*.select-color {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
    width: 100%;
    font-size: 1.248rem;
    color: #232323;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    margin-top: 13px;
    padding: 8px 10px 10px 12px;
    cursor: pointer;
}*/

.sexual-orientation input {
    position: absolute;
    opacity: 0;
}

.sexual-orientation {
    text-transform: capitalize;
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 23px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1rem;
}

    .sexual-orientation .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 5px;
        top: 2px;
        width: 5px;
        height: 8px;
        border: solid #ffffff;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .sexual-orientation input:checked ~ .checkmark:after {
        display: block;
    }

    .sexual-orientation input:checked ~ .checkmark {
        background-color: #e0548d;
    }

.height-select {
    position: relative;
    font-weight: 500;
    font-size: 1.361rem;
    color: #232323;
    text-transform: capitalize;
    /*margin-bottom: 16px;*/
}

/*.select-height {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
    width: 100%;
    margin-top: 8px;
    padding: 9px 10px 9px 15px;
    font-size: 1.247rem;
    color: #232323;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    cursor: pointer;
}*/

/*.select-ethnicity {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
    width: 100%;
    margin-top: 8px;
    padding: 9px 10px 9px 15px;
    font-size: 1.247rem;
    color: #232323;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    cursor: pointer;
}*/

/*.nationality-selector {
    margin-bottom: 16px;
}

.ethnicity-selector {
    margin-bottom: 16px;
}*/


.body-shape {
    position: relative;
    font-weight: 500;
    font-size: 1.361rem;
    color: #232323;
    text-transform: capitalize;
    /*margin-bottom: 16px;*/
}

/*.select-shape {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
    width: 100%;
    margin-top: 13px;
    padding: 9px 11px 9px 15px;
    font-size: 1.247rem;
    color: #232323;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    cursor: pointer;
}*/

.steps {
    margin-top:50px;
}

    .steps h3 {
        font-weight: 600;
        font-size: 2.4rem;
        color: #253746;
        text-transform: capitalize;
        margin-bottom: 19px;
    }

.step-list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 11px;
    margin-bottom: 20px;
}

    .step-list li {
        padding: 0 0 11px 0;
        position: relative;
    }

    .step-list h5 {
        font-weight: 600;
        font-size: 1.6rem;
        color: #232323;
        text-transform: capitalize;
    }

.step-info {
    color: #e0548d;
    font-size: .9rem;
    display: block;
    line-height: 1;
    font-weight:500;
}

.progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32%;
    background-color: #e0568e;
    height: 2px;
}

.step-progress {
    display: block;
    width: 5px;
    height: 5px;
    background-color: #e0568e;
    margin-top: -2px;
    border-radius: 50%;
}

.steps h4 {
    font-weight: 600;
    font-size: 2.041rem;
    color: #253746;
    text-transform: capitalize;
    width: 100%;
    margin: 0 0 9px 18px;
}

.form-wrapper {
    padding: 0 10px;
    width: 100%;
}

.form-inputs label {
    font-weight: 500;
    color: #232323;
    font-size: 1.361rem;
}

.form-inputs-full label {
    font-weight: 500;
    color: #232323;
    font-size: 1.361rem;
}

.form-comp-inputs label {
    font-weight: 500;
    color: #232323;
    font-size: 1.361rem;
}

.form-comp-inputs-full label {
    font-weight: 500;
    color: #232323;
    font-size: 1.361rem;
}

.radio-btns {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

    .radio-btns p {
        font-size: 1.361rem;
        font-weight: 500;
        color: #232323;
        width: 100%;
        margin-bottom: 11px;
    }

    .radio-btns label {
        font-size: 1.248rem;
        color: #232323;
        font-weight: 400;
        margin: 0 19px 0 0;
        line-height: 1;
        padding-left: 28px;
        -webkit-tap-highlight-color: transparent;
        margin-bottom: 14px;
    }

.top-radio-btns {
    margin-bottom: 2px;
}

.divider {
    width: 100%; /* Full width */
    height: 1px; /* Thickness of the line */
    background-color: #e1e1e1; /* Black color for the line */
    margin: 20px 0; /* Space above and below the line */
}

.settings-item {
    /*margin-bottom:5px;*/
    margin-left:8px;
}

    .settings-item input[type='text'] {
        border: 1px solid #d7d7d7;
        height: 35px;
        padding-left: 10px;
        width: 75%;
        border-radius: 3px;
    }

    .settings-item input[type='password'] {
        border: 1px solid #d7d7d7;
        height: 35px;
        padding-left: 10px;
        width: 75%;
        border-radius: 3px;
    }

    .settings-item input[type='number'] {
        border: 1px solid #d7d7d7;
        height: 35px;
        padding-left: 10px;
        width: 75%;
        border-radius: 3px;
    }

    .settings-item textarea {
        border: 1px solid #d7d7d7;
        height: 35px;
        padding-left: 10px;
        padding-top:5px;
        width: 75%;
        border-radius: 3px;
    }



.settings-item-location {
    margin-left: 8px;
    margin-bottom: 15px;
}

.settings-item-touring {
    margin-bottom: 10px;
}

.second-item-touring{
    margin-top:25px;
}

.settings-input-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.full-width {
    flex-basis: 100%;
    margin-bottom: 20px;
}

.settings-item-personal {
    /*margin-bottom:5px;*/
    flex-basis: 48%; /* Two columns, each taking 48% of the width */
    margin-bottom: 20px; /* Space between items */
    /*margin-left: 8px;*/
}

    .settings-item-personal input[type='text'] {
        border: 1px solid #d7d7d7;
        height: 35px;
        padding-left: 10px;
        width: 75%;
        border-radius: 3px;
    }

    .settings-item-personal input[type='number'] {
        border: 1px solid #d7d7d7;
        height: 35px;
        padding-left: 10px;
        width: 65%;
        border-radius: 3px;
    }

    .settings-item-personal textarea {
        border: 1px solid #d7d7d7;
        height: 35px;
        padding-left: 10px;
        width: 75%;
        border-radius: 3px;
    }

/*.settings-item-group {
    border-bottom: 1px solid #e1e1e1;
}*/
.settings-item-group .settings-item:last-child {
    /*border-bottom: 1px solid #e1e1e1;*/
}

.location-actions {
    font-size: 1.1rem;
    margin: 2px 0px 0px 7px;
}

.settings-item input[type='number'] {
    width: 100%;
}

/*SCROLLBAR IN SETTINGS*/
/* For Chrome, Safari, and Edge */
.settings-item textarea::-webkit-scrollbar {
    width: 12px;
}

.settings-item textarea::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.settings-item textarea::-webkit-scrollbar-thumb {
    background-color: #0a3049;
    border-radius: 10px;
    border: 3px solid #f1f1f1;
}

    .settings-item textarea::-webkit-scrollbar-thumb:hover {
        background: #0a3049;
    }

/* For Firefox */
.settings-item textarea {
    scrollbar-width: thin;
    scrollbar-color: #0a3049 #f1f1f1;
}

/*SCROLLBAR IN SETTINGS END*/

.location-wrap {
    display: flex;
    gap: 8px;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 1.1rem;
}

.location-actions {
    display: flex;
    gap: 12px;
    text-transform: uppercase;
}

.loc-text {
    color: #E91E63; /* Customize the color */
    cursor: pointer;
}

    .loc-text:hover {
        text-decoration: underline;
    }

.sexual-radio {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

    .sexual-radio p {
        font-weight: 500;
        margin-bottom: 11px;
        color: #232323;
        font-size: 1.361rem;
        text-transform: capitalize;
        width: 100%;
    }

    .sexual-radio label {
        font-size: 1.147rem;
        margin: 0 7px 0 1px;
        line-height: 1;
        padding-left: 21px;
        -webkit-tap-highlight-color: transparent;
    }

.submit-btn input[type='submit'] {
    background-color: #e0548d;
    font-weight: 500;
    font-size: 1.361rem;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    text-transform: capitalize;
    border: 1px solid transparent;
    padding: 8px 100px 7px 104px;
    border-radius: 1px;
    transition: all 0.5s;
}

    .submit-btn input[type='submit']:hover {
        color: #e0548d;
        border: 1px solid #e0548d;
        background-color: #ffffff;
    }

.form-inputs input[type='text'] {
    border: 1px solid rgba(40, 40, 40, .14);
    border-radius: 2px;
    width: 100%;
    margin: 8px 0 14px 0;
    padding: 8px 10px;
}

.form-comp-inputs input[type='text'] {
    border: 1px solid rgba(40, 40, 40, .14);
    border-radius: 3px;
    width: 100%;
    /*margin: 8px 0 14px 0;*/
    padding: 8px 10px;
}

.form-comp-inputs input[type='number'] {
    border: 1px solid rgba(40, 40, 40, .14);
    border-radius: 3px;
    width: 100%;
    padding: 8px 10px;
}

.inoutpanel {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap:15px;
}

.inoutcallpanel {
    flex:1;
}

.inoutpanel input[type='number'] {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 3px;
    width: 100%;
    margin: 8px 0 14px 0;
    padding: 4px 2px 4px 2px;
}

.submit-btn {
    margin-top: 30px;
    text-align: center;
}
/* Step 2 styling */
/* Steps styling */
.form-inputs input[type='tel'] {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 2px;
    width: 100%;
    margin: 8px 0 14px 0;
    padding: 8px 10px;
}

.form-comp-inputs input[type='tel'] {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 2px;
    width: 100%;
    margin: 8px 0 14px 0;
    padding: 8px 10px;
}

    .form-comp-inputs input[type='tel']::placeholder {
        color: #ebebeb;
    }

.method .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.method input:checked ~ .checkmark:after {
    display: block;
}

.method input:checked ~ .checkmark {
    background-color: #e0548d;
}

.method-disabled input:checked ~ .checkmark {
    background-color: #a2a2a2;
}

.method input {
    position: absolute;
    opacity: 0;
}

.method-disabled input {
    position: absolute;
    opacity: 0;
}

.method-disabled {
    color: #a2a2a2!important;
    display: block;
    cursor: pointer;
    position: relative;
    padding-left: 26px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.method {
    display: block;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.website-selector {
    position: relative;
    font-weight: 500;
    font-size: 1.361rem;
    color: #232323;
    text-transform: capitalize;
    margin-bottom: 17px;
}

.select-website {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
    width: 100%;
    padding: 9px 10px 9px 12px;
    font-size: 1.248rem;
    color: #232323;
    margin-top: 8px;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
}

.available .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 3px;
    top: 1px;
    width: 2px;
    height: 4px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.available input:checked ~ .checkmark:after {
    display: block;
}

.available input:checked ~ .checkmark {
    background-color: #e0548d;
}

.available input {
    position: absolute;
    opacity: 0;
}

.available-radio label {
    display: block;
    position: relative;
    text-transform: capitalize;
    padding-left: 26px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1;
    font-size: 1.248rem;
    color: #232323;
    font-weight: 400;
    margin: 0 19px 0 0;
    -webkit-tap-highlight-color: transparent;
}

.available-radio {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

    .available-radio p {
        font-weight: 500;
        margin-bottom: 11px;
        color: #232323;
        font-size: 1.361rem;
        text-transform: capitalize;
        width: 100%;
    }

.hide-info {
    position: relative;
    font-weight: 500;
    font-size: 1.361rem;
    color: #232323;
    text-transform: capitalize;
}

.select-info {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
    width: 100%;
    padding: 9px 10px 9px 12px;
    font-size: 1.248rem;
    color: #232323;
    margin-top: 8px;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    text-transform: capitalize;
}

.form-btns {
    margin-top: 27px;
    text-align: center;
}

    .form-btns a {
        display: inline-block;
        color: #ffffff;
        background-color: #262626;
        text-transform: capitalize;
        border: 1px solid transparent;
        transition: all 0.5s;
        padding: 7px 33px 6px 33px;
        /*margin-right: 15px;*/
        font-weight: 500;
        border-radius:5px;
    }

        .form-btns a:hover {
            color: #262626;
            background-color: #ffffff;
            border: 1px solid #262626;
            opacity: 1;
        }

    .form-btns input[type='submit'] {
        background-color: #e0548d;
        font-weight: 500;
        font-size: 1.361rem;
        font-family: 'Poppins', sans-serif;
        color: #ffffff;
        text-transform: capitalize;
        border: 1px solid transparent;
        padding: 9px 39px 7px 38px;
        border-radius: 1px;
        transition: all 0.5s;
    }

        .form-btns input[type='submit']:hover {
            color: #e0548d;
            border: 1px solid #e0548d;
            background-color: #ffffff;
        }

    .form-btns input[type='button'] {
        background-color: #e0548d;
        font-weight: 500;
        font-size: 1.361rem;
        font-family: 'Poppins', sans-serif;
        color: #ffffff;
        text-transform: capitalize;
        border: 1px solid transparent;
        padding: 9px 39px 7px 38px;
        border-radius: 5px;
        transition: all 0.5s;
    }

        .form-btns input[type='button']:hover {
            color: #e0548d;
            border: 1px solid #e0548d;
            background-color: #ffffff;
        }

.settings-btns input[type='button'] {
    background-color: #e0548d;
    font-weight: 500;
    font-size: 1.361rem;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    text-transform: capitalize;
    border: 1px solid transparent;
    /*padding: 9px 39px 7px 38px;*/
    padding: 7px 5px;
    width: 150px;
    /*Get rid of the above if no good*/
    border-radius: 1px;
    transition: all 0.5s;
}

    .settings-btns input[type='button']:hover {
        color: #e0548d;
        border: 1px solid #e0548d;
        background-color: #ffffff;
    }

.step-contact li:first-child .progress-bar {
    width: 177px;
}
/* Step 3 page styling */
/* Steps styling */
.profile-text {
    font-size: 1.2rem;
    color: #232323;
    font-weight: 500;
    margin: 9px 0;
}

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

.btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 10px;
}

    .btn-wrapper:last-child {
        margin-bottom: 0;
    }

.upload-btn {
    background-color: #ebebeb;
    width: 277px;
    height: 277px;
    transition: all 0.5s;
}

.btn-wrapper:hover .upload-btn {
    background-color: #e0548d;
}

.btn-wrapper:hover .icon-camera {
    background-position: -319px -180px;
}

.icon-camera {
    width: 51px;
    height: 41px;
    background-position: -242px -180px;
}

.btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.step-profile li:nth-child(2) .progress-bar {
    width: 101px;
}
/* Step 4 page styling */
/* Steps styling */
.step-services li:nth-child(3) .progress-bar {
    width: 118px;
}

.step-services li:nth-child(4) .progress-bar {
    width: 32px;
    left: 10px;
}

.step-services li:nth-child(4) .step-progress {
    margin-left: 30px;
}

.complete-profile {
    position: relative;
    width: 276px;
    margin: auto;
    margin-top: 27px;
}

    .complete-profile input[type='submit'] {
        padding: 9px 18px 7px 15px;
    }

.submit-design input[type='submit'] {
    background-image: url(../images/down-arrow.png);
    background-position: 95% 50%;
    background-repeat: no-repeat;
}

.submit-design {
    display: inline-block;
}
/* Register page styling */
/* Register start */
.register-inputs{
    margin-top: 15px;
}

.register-input{
    margin-top:10px;
}

.register {
    padding: 25px 0 40px 0;
}

    .register .container {
        flex-direction: column;
        padding: 0 39px;
        max-width: 414px;
    }

.register-banner {
    display: none;
}

.register h3 {
    font-weight: 600;
    font-size: 2.403rem;
    color: #0a3049;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}

.register-label {
    font-weight: 500;
    font-size: 1.636rem;
    color: #232323;
    text-transform: capitalize;
}

.register-wrap input[type='text'] {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
    width: 100%;
    margin: 15px 0 21px 0;
    padding: 12px 10px;
}

.register-wrap input[type='email'] {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
    width: 100%;
    margin: 10px 0 0px 0;
    padding: 12px 10px;
}

.register-wrap input[type='password'] {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
    width: 100%;
    margin: 15px 0 0px 0;
    padding: 12px 10px;
}

.login-link {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 1.409rem;
    color: #ffffff!important;
    background-color: #e0548d;
    border-radius: 4px;
    padding: 6px 41px;
    border: 1px solid transparent;
    transition: all 0.5s;
}

.agree {
    display: block;
    position: relative;
    padding: 2px 0 0 39px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*line-height: 1;*/
    font-size: 1.546rem;
    font-weight: 500;
    color: #232323;
    margin: 0 19px 5px 0;
    text-transform: none;
    -webkit-tap-highlight-color: transparent;
}

    .agree a {
        color: #e0548d;
        text-transform: capitalize;
        display: inline-block;
        margin-left: 5px;
    }

    .agree .checkmark {
        left: 4px;
        width: 17px;
        height: 17px;
    }

        .agree .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            left: 4px;
            top: 1px;
            width: 4px;
            height: 8px;
            border: solid #ffffff;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .agree input:checked ~ .checkmark:after {
        display: block;
    }

    .agree input:checked ~ .checkmark {
        background-color: #e0548d;
    }

    .agree input {
        position: absolute;
        opacity: 0;
    }

.create-check {
    /*display: block;*/
    position: relative;
    padding: 2px 0 0 39px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1;
    font-size: 1.246rem;
    font-weight: 500;
    color: #0a3049;
    margin: 0 19px 9px 0;
    text-transform: none;
    -webkit-tap-highlight-color: transparent;
    text-align: left;
}

    .create-check a {
        color: #e0548d;
        text-transform: capitalize;
        display: inline-block;
        margin-left: 5px;
    }

    .create-check .checkmark {
        left: 4px;
        width: 17px;
        height: 17px;
    }

        .create-check .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            left: 4px;
            top: 1px;
            width: 4px;
            height: 8px;
            border: solid #ffffff;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .create-check input:checked ~ .checkmark:after {
        display: block;
    }

    .create-check input:checked ~ .checkmark {
        background-color: #e0548d;
    }

    .create-check input {
        position: absolute;
        opacity: 0;
    }

.create-prem-cost {
    /*margin-left: 27px;*/
    font-size: 1.3rem;
    color: #0a3049;
    font-weight: 500;
    display: inline-block;
}

    .create-prem-cost input {
        border: 1px solid rgba(10, 48, 73, .2);
        border-radius: 3px;
        padding: 5px 10px;
        width: 120px;
        font-size: 1.3rem;
        text-align: center;
    }

    #post-btn {
        padding: 10px 60px;
    }

.post-content-tags {
    margin:0px 10px;
}

.message-cost-container input {
    border: 1px solid rgba(10, 48, 73, .2);
    border-radius: 3px;
    padding: 5px 10px;
    width: 120px;
    font-size: 1.3rem;
    text-align: center;
}

.register-wrap input[type='password']:nth-child(8) {
    margin: 10px 0 22px 0;
}

.member-type {
    position: relative;
    font-weight: 500;
    font-size: 1.736rem;
    color: #232323;
    text-transform: capitalize;
    margin-bottom: 25px;
    margin-top:25px;
}

.select-type {
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
    width: 100%;
    padding: 12px 10px 11px 17px;
    font-size: 1.591rem;
    color: #232323;
    margin-top: 17px;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    text-transform: capitalize;
}

.register-btn {
    text-align: left;
    margin: 22px 0 0 0;
}

    .register-btn input[type='submit'] {
        padding: 8px 70px 8px 18px;
        font-size: 1.875rem;
        background-image: url(../images/right-arrow.png);
        background-position: 90% 50%;
        border-radius: 4px;
    }

.member-type .menu-arrow {
    bottom: 19px;
}
/* Feed page styling */
/* following styling */
.following {
    /*padding: 97px 0 25px 0;*/
    padding-top:11px;
}

    .following .container {
        padding: 0;
        max-width: 414px;
    }

.following-content {
    margin-bottom: 32px;
    /*padding: 0 15px 27px 15px;*/
    padding: 0 0px 27px 0px;
    border-bottom: 1px solid rgb(151 160 175 / 24%);
}

    .following-content:last-child {
        margin-bottom: 0;
    }

.following-wrap h1 {
    font-size: 2.2rem;
    font-weight: 600;
    color: #253746;
    text-transform: capitalize;
    margin-bottom: 18px;
    position: relative;
    margin-left: 15px;
}

    .following-wrap h1::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        background-color: #e64784;
        width: 55px;
        height: 2px;
    }

.following-details {
    display: flex;
}

.following-detail a{
    line-height:1;
}

.following-image img {
    display: block;
    border-radius: 100%;
    width: 44px;
}

.following-detail {
    margin-left: 14px;
}

.following-name {
    display: block;
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    color: #e0548d;
    text-transform: capitalize;
    margin-top: 2px;
}

.following-u-name {
    display: inline-block;
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    color: #939393 !important;
    text-transform: lowercase;
    margin-top: 2px;
}

.following-time {
    display: block;
    /*font-family: 'DM Sans', sans-serif;*/
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    color: #7a869a;
    margin-top: 4px;
    letter-spacing: -.1px;
}

.dot-menu {
    margin-bottom: 4px;
    cursor: pointer;
    /*padding: 3px 8px;*/
}

    .dot-menu:hover {
        background: #fff2f7;
        border-radius: 20px;
    }

.dot-design {
    display: inline-block;
    border-radius: 50%;
    background-color: #8f92a1;
    width: 4px;
    height: 4px;
    margin-bottom: 3px;
}

    .dot-design:last-child {
        /*margin-bottom: 0;*/
    }

.dot-menu:hover .dot-design {
    background-color: #e0548d; /* Replace with your desired color */
    transition: background-color 0.1s; /* Smooth transition for the background color */
}

.following-head {
    margin-bottom: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0;
}

.following-content p {
    font-size: 1.6rem;
    font-family: 'Poppins', sans-serif;
    color: #172b4d;
    letter-spacing: -.2px;
    line-height: 1.5;
}

.icons-text {
    display: none;
}

.following-post {
    position: relative;
    /*margin: 5px 3px 11px 3px;*/
}

    .following-post img {
        display: block;
        max-height: calc(100vh - 300px);
        object-fit: cover;
        width: 100%;
    }

    .following-post video {
        display: block;
        max-height: calc(100vh - 300px);
        object-fit: cover;
        width: 100%;
    }

    .following-post:hover {
        cursor: pointer;
    }

.post-btns {
    background-color: #fff;
    position: absolute;
    bottom: 16px;
    left: 15px;
    border-radius: 4px;
    padding: 2px 8px 4px 5px;
}

.msg-post-btns {
    bottom: 42px!important;
}

.post-icons {
    padding: 0 11px;
    margin-bottom: 7px;
    margin-top:11px;
}

.comment-image {
    width: 32px;
}

    .comment-image img {
        border-radius: 100%;
    }

.comment {
    display: flex;
    justify-content: space-between;
    margin:3px 0px;
}

.comment-text {
    width: 204px;
}

    .comment-text p {
        font-family: 'DM Sans', sans-serif;
        font-size: 1.4rem;
        color: #172b4d;
        line-height: 1.4;
        letter-spacing: -.2px;
        margin: 0 0 0 1px;
    }

.comment-name {
    color: #0a3049;
    font-weight: 700;
    margin-right: 8px;
}

.bookmark-profile .comment-name {
    color: #00aff0;
}

.comment-timing {
    /*font-family: 'DM Sans', sans-serif;*/
    font-size: .9rem;
    color: #8f92a1;
    margin: 4px 0 0 2px;
    display: inline-block;
}

.comment-likes {
    font-weight: 700;
    font-size: 1.1rem;
    margin-left: 7px;
}

.comment-likes-text {
    font-weight: 700;
    font-size: 1.2rem;
    margin-left: 4px;
}

.icon-cameras {
    background: url(../images/post-camera-icon.svg) no-repeat;
    width: 13px;
    height: 13px;
    background-size: contain;
    margin: 0 4px 2px 0;
}

.icon-video {
    background: url(../images/post-videocamera-icon.svg) no-repeat;
    margin: 0 4px 2px 0;
    width: 13px;
    height: 13px;
    background-size: contain;
}

.icon-priv-gal {
    background: url(../images/settings-gallery-priv-icon.svg) no-repeat;
    margin: 0 13px 6px -2px;
    width: 28px;
    height: 28px;
    background-size: contain;
}

.icon-notif {
    background: url(../images/settings-notif-icon.svg) no-repeat;
    margin: 0 13px 6px -2px;
    width: 28px;
    height: 28px;
    background-size: contain;
}


.icon-time {
    background: url(../images/post-time-icon.svg) no-repeat;
    width: 13px;
    height: 13px;
    background-size: contain;
    margin: 0 4px 2px 8px;
}

.icon-heart {
    background: url(../images/post-heart-outline-grey.svg) no-repeat;
    width: 18px;
    height: 17px;
    /* width: 18px;
	height: 17px;
    background-position: -484px -56px; */
    cursor: pointer;
}

.icon-comment {
    background: url(../images/post-speech-bubble-grey.svg) no-repeat;
    width: 18px;
    height: 17px;
    margin-left: 17px;
    cursor: pointer;
}

    .icon-comment:hover {
        background: url(../images/post-speech-bubble-pink.svg) no-repeat;
    }

.icon-hearts {
    width: 13px;
    height: 12px;
    background-position: -534px -91px;
    margin: 4px 1px 0 0;
}

.camera-btn {
    font-family: 'Myriad Pro';
    color: #1e1f20;
    font-size: 1.309rem;
    font-weight: bold;
    margin-right: 5px;
}

.video-btn {
    font-family: 'Myriad Pro';
    color: #1e1f20;
    font-size: 1.309rem;
    font-weight: bold;
}

.icons-wrap {
    display: flex;
    justify-content: space-between;
}

.left-icons {
    display:flex;
}

.right-icons {
    display: flex;
    /*display: none;*/
}

.icon-save {
    background: url(../images/post-bookmark-darkblue.svg) no-repeat;
    width: 17px;
    height: 19px;
}

.icon-save-saved {
    cursor: pointer;
    background: url(../images/post-bookmark-pink-filled.svg) no-repeat;
    width: 17px;
    height: 19px;
}

.icon-save:hover {
    cursor: pointer;
    background: url(../images/post-bookmark-pink.svg) no-repeat;
    width: 17px;
    height: 19px;
    transition: all 0.5s;
}

.icon-top {
    width: 15px;
    height: 9px;
    background-position: -487px -137px;
    margin-left: 11px;
    margin-top: -3px;
}

.scroll-top {
    font-family: 'Myriad Pro';
    text-transform: uppercase;
    font-size: 2rem;
    color: rgba(70, 70, 70, .66);
    border-radius: 30px;
    border: 1px solid rgba(0,0,0,.62);
    padding: 10px 21px 12px 28px;
    margin-left: 3px;
    display: inline-block;
    transition: all 0.5s;
}

    .scroll-top:hover {
        border: 1px solid #e0548d;
        opacity: 1;
    }

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

.icon-heart:hover {
    background: url(../images/post-heart-outline-pink.svg) no-repeat;
    width: 18px;
    height: 17px;
}

.icon-heart-liked {
    background: url(../images/post-heart-filled-pink-new.svg) no-repeat;
    width: 18px;
    height: 17px;
    cursor: pointer;
}

.subonly-txt {
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 1.7rem;
    background-color: #e0548d;
    padding: 7px 24px;
    margin: 0px 0px 8px 0px;
    border-radius: 0px 0px 8px 8px;
    color: #ffffff;
    border: 1px solid transparent;
    /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);*/
}

.premium-btn {
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 1.7rem;
    background-color: #e0548d;
    padding: 7px 24px;
    /*margin: 0 16px;*/
    border-radius: 0px 0px 8px 8px;
    color: #ffffff;
    border: 1px solid transparent;
}

    .premium-btn:hover {
        color: #e0548d;
        background-color: #ffffff;
        border: 1px solid #e0548d;
        opacity: 1;
        cursor: pointer;
    }

.subscribe-btn {
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 1.7rem;
    background-color: #e0548d;
    padding: 7px 24px;
    /*margin: 0 16px;*/
    border-radius: 22px;
    color: #ffffff;
    border: 1px solid transparent;
}

    .subscribe-btn:hover {
        color: #e0548d;
        background-color: #ffffff;
        border: 1px solid #e0548d;
        opacity: 1;
        cursor: pointer;
    }

.purchase-msg-btn {
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 1.5rem;
    background-color: #e0548d;
    padding: 7px 24px;
    border-radius: 3px;
    color: #ffffff;
    border: 1px solid transparent;
    bottom: 1px;
    /*right: 4px;*/
    width:100%;
}

    .purchase-msg-btn:hover {
        color: #e0548d;
        background-color: #ffffff;
        border: 1px solid #e0548d;
        opacity: 1;
        cursor: pointer;
    }

.purchase-msg-owned {
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 1.3rem;
    background-color: #e0548d;
    padding: 7px 24px;
    border-radius: 3px;
    color: #ffffff;
    border: 1px solid transparent;
    bottom: 0px;
    /*right: 4px;*/
    width:100%;
}

.recommended-wrap {
    display: none;
    position: sticky;
    top: 0;
}
/* Messages page styling */
/* Chat styling */
.chat {
    padding-top: 68px;
}

    .chat .container {
        flex-direction: column;
        max-width: 525px;
        padding: 0;
    }

.messages {
    width: 100%;
    padding: 15px 14px 18px 15px;
    background-color: #fff;
    /*margin-top:69px;*/
}

.click-message-block {
    /*width: 100%;
    padding: 15px 14px 18px 15px;
    background-color: #fff;*/
    /*margin-top: 69px;*/
}

.back-btn {
    margin: 2px 11px 0 20px;
}

.btn-designing {
    width: 30px;
    display: block;
    height: 4px;
    background-color: #0a3049;
    margin-bottom: 4px;
}

    .btn-designing:nth-child(2) {
        width: 20px;
    }

    .btn-designing:last-child {
        width: 10px;
        margin-bottom: 0;
    }

.icon-back {
    background: url(../images/logout-back-darkblue.svg) no-repeat;
    width: 25px;
    height: 25px;
    transform: rotate(180deg);
}

.head-content h1 {
    font-weight: 600;
    font-size: 2.382rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
    letter-spacing: -1.8px;
}

    .head-content h1::after {
        position: absolute;
        bottom: -4px;
        right: 2px;
        content: "";
        background-color: #e64784;
        width: 44px;
        height: 3px;
    }

.msg-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative;
}

.head-content {
    display: flex;
}

.msg-tag {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    border-radius: 50%;
    background-color: #e0548d;
    display: inline-block;
}

.msg-wrap {
    display: flex;
    justify-content: flex-end;
    padding: 13px;
    margin-bottom: 8px;
    cursor: pointer;
    position: relative;
    /*border-bottom: 1px solid #ededed;*/
    border-radius:5px;
}

    .msg-wrap:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #ededed;
    }

    .msg-wrap:last-child {
        margin-bottom: 0;
    }

    .msg-wrap:hover {
        background: #d9d9d9;
        color: white !important;
    }

.msg-details {
    text-align: right;
    white-space: nowrap; /* Prevents the text from wrapping to the next line */
    overflow: hidden; /* Ensures that overflowed content is hidden */
    text-overflow: ellipsis; /* Displays the ellipsis (...) when the text overflows */
    display: block;
}

.msg-name {
    font-weight: 600;
    font-size: 1.624rem;
    color: #0a3049;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}

.msg-name-escort {
    color: #e0548d;
}

.msg-name-member {
    color: #00aff2;
}

.msg-id {
    font-size: 1.516rem;
    color: #0a3049;
    margin-left: 4px;
    font-family: 'Poppins', sans-serif;
}

.msg-text {
    display: flex;
    justify-content: flex-end;
    /*align-items: flex-end;*/
}

    .msg-text p {
        font-size: 1.407rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin: 0 4px;
    }

.msg-text-seen {
    color: #bdbdbd !important;
}

.text-msg {
    width: calc(100% - 57px);
}

.msg-load-more {
    color: #e0548d;
    display: block;
    text-align: center;
    margin: 5px 0px 5px 30px;
}

    .msg-load-more:hover {
        opacity: 0.7;
        cursor: pointer;
    }

.load-more {
    color: #e0548d;
    display: block;
    text-align: center;
    margin: 5px 0px 5px 30px;
}

    .load-more:hover {
        opacity: 0.7;
        cursor: pointer;
    }

.msg-time {
    font-size: 1.3rem;
    color: #e0548d;
    white-space: nowrap;
}

.msg-time-seen {
    color: #ababab !important;
}

.msg-dp {
    width: 46px;
    margin-left: 11px;
    position: relative;
}

.online-icon {
    position: absolute;
    bottom: 1px;
    right: 2px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background-color: #2edc1c;
    width: 10px;
    height: 10px;
}

.online-icon-msg {
    position: absolute;
    bottom: 1px;
    right: 2px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background-color: #2edc1c;
    width: 10px;
    height: 10px;
}

.msg-dp img {
    display: block;
    width: 100%;
    border-radius: 50%;
}

.sub-badge {
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #00ceff; /* Badge background color */
    color: white;
    font-weight: bold;
    font-size: 1.0rem;
    padding: 1px 4px;
    border-radius: 3px;
    text-align: center;
    pointer-events: none; /* Ensures badge doesn't block interaction with the image */
}

.chatting {
    padding: 9px 12px 0 12px;
    /*margin-top:68px;*/
    min-width:100%;
}

.chatting-head h2 {
    font-weight: 600;
    font-size: 1.8rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
}

    .chatting-head h2::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        background-color: #e64784;
        width: 40px;
        height: 3px;
    }

.postcreate-head h2 {
    font-weight: 600;
    font-size: 2.1rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
}

.chatting-head h2::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    background-color: #e64784;
    width: 40px;
    height: 3px;
}

.message-username a:link, .message-username a:visited {
    color: #0a3049;
}

.chat-text p {
    font-size: 1.5rem;
    color: #0a3049;
    background-color: rgb(138 153 169 / 12%);
    padding: 12px 6px 5px 13px;
    line-height: 1.35;
    margin-top: 2px;
    border-radius: 5px;
}

.chat-time {
    font-size: 1rem;
    color: #404040;
    display: block;
    margin: 2px 0 0 6px;
}

.user-chats p {
    font-size: 1.5rem;
    color: white;
    background-color: #84bbfff2;
    padding: 11px 13px 8px 13px;
    margin-top: 2px;
    line-height: 1.35;
    border-radius: 5px;
}

.user-time {
    font-size: 1rem;
    color: #404040;
    margin: 6px 3px 0 0;
}

.chatting-head {
    display: flex;
    margin-bottom: 23px;
    align-items: center;
}

.btn-back {
    margin: 0 18px 0 6px;
}

.chat-content {
    display: flex;
    padding-right: 2px;
    align-items: flex-start;
}

.chat-dp {
    width: 36px;
    margin-right: 11px;
    position: relative;
}

    .chat-dp img {
        width: 100%;
        display: block;
        border-radius: 50%;
    }

.chat-text {
    width: calc(100% - 47px);
}

.user-chat {
    display: flex;
    margin-top: 1px;
    align-items: flex-end;
    flex-direction:column;
    padding-right: 3px;
}

.user-chats {
    width: calc(100% - 41px);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.user-chat .video-play-btn, .chat-content .video-play-btn, .following-content .video-play-btn {
    width: 35px;
}

.media-message-panel {
    padding: 0px 10px;
}

.user-dp {
    width: 36px;
    margin-left: 5px;
}

    .user-dp img {
        width: 100%;
        display: block;
        border-radius: 50%;
    }

.chat-dp .online-icon {
    bottom: -1px;
    right: 0;
}

.chat-form {
    margin: 5px -12px 0 -12px;
}

.form-chat textarea {
    padding: 6px 12px 6px 11px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
    resize: none;
    height: 46px;
    display: block;
}

    .form-chat textarea::placeholder {
        font-family: 'Poppins', sans-serif;
        font-size: 1.4rem;
        color: rgba(64,64,64,.55);
    }

.form-chat {
    position: relative;
    border: 1px solid rgba(10,48,73,.2);
    height: 90px;
    margin:0px 10px;
    border-radius: 3px;
}

.send-btn {
    position: absolute;
    bottom: 9px;
    right: 11px;
}

    .send-btn input {
        background-color: #e0548d;
        display: block;
        font-family: 'Poppins', sans-serif;
        color: #ffffff;
        font-size: 1.4rem;
        padding: 5px 34px 5px 34px;
        border-radius: 3px;
        border: 1px solid transparent;
        transition: all 0.5s;
    }

        .send-btn input:hover {
            background-color: transparent;
            border: 1px solid #e0548d;
            color: #e0548d;
        }

.chat-menu {
    display: block;
    margin: 0 0 0 auto;
}

.msg-content {
    /*max-height: calc(100vh - 200px);*/
}

.chats-wrap {
    max-height: calc(100vh - 191px);
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: transparent;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #e0548d !important;
}
/* Find page styling */
/* Find start */
.find {
    padding: 0 0 30px 0;
}

    .find .container {
        /* padding: 0; */
        max-width: 414px;
        flex-direction: column;
    }

.find-head {
    width: 100%;
    position: sticky;
    top: 50px;
    background: #fff;
    z-index: 2;
    /*margin-bottom:15px;*/
}

.find-head-grup {
    padding: 10px 0 5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.form-find {
    cursor:pointer;
}

.form-find .find-search {
    font-family: 'Poppins', sans-serif;
    width: 100%;
    padding: 10px 0px 10px 24px;
    font-size: 1.5rem;
    color: #253746;
    display: flex;
}

    .form-find .find-search span {
        display: inline-block;
        font-family: 'Poppins', sans-serif;
        color: #253746;
        font-weight: 600;
        font-size: 1.5rem;
    }

.find-country {
    /*width: 74%;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}

.fond-code {
    flex: none;
    margin-left: 7px;
}

.form-find .dropdown-items {
    background-color: transparent;
}

.location-header {
    margin-top:50px;
}

.location-header h1 {
    font-weight: 600;
    font-size: 1.8rem;
    color: #253746;
    text-transform: capitalize;
    position: relative;
}

.location-header h1::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 39px;
    height: 3px;
    background-color: #e0548d;
    content: "";
}

.filter h1 {
    font-weight: 600;
    font-size: 1.4rem;
    color: #253746;
    text-transform: capitalize;
    position: relative;
}

    .filter h1::after {
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 39px;
        height: 3px;
        background-color: #e0548d;
        content: "";
    }

.filter-btn {
    color: #ffffff;
    font-size: 1.4rem;
    text-transform: capitalize;
    background-color: #e0548d;
    border-radius: 3px;
    padding: 10px 30px;
    cursor: pointer;
}

.icon-searching {
    /* width: 20px;
	height: 20px;
    background-position: -172px -339px; */
    background: url(../images/message-magnifying-glass-black.svg) no-repeat;
    width: 20px;
    height: 20px;
}

.icon-cross {
    background: url(../images/cross-sign.png) no-repeat;
    width: 15px;
    height: 15px;
    display: none;
}

.icon-filter {
    width: 25px;
    height: 25px;
    background-position: -142px -382px;
    margin-left: 3px;
}

.find-wrap {
    display: flex;
    justify-content: space-between;
    order: 1;
    margin-bottom: 6px;
}

.select-country {
    width: 108px;
    cursor: pointer;
}

.select-country-flag {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
    color: #253746;
}

.bs-caret {
    border: solid #e0548d;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -4px;
}

.find-form {
    width: 100%;
    order: 3;
}

    .find-form .form-find {
        border: 1px solid #cbcbcb;
        border-radius: 3px;
    }

.find-search-box {
    display: flex;
    align-items: center;
}

.search-info {
    position: relative;
    width: 64%;
}

    /*.search-info::after {
        position: absolute;
        content: "";
        right: -9px;
        top: 10px;
        height: 25px;
        width: 2px;
        background-color: #cdd1d4;
    }*/

    .search-info .icon-target {
        position: absolute;
        top: 34%;
        left: 7px;
        transform: translateY(-50%);
    }

.city-search {
    position: absolute;
    top: -4px;
    right: 3px;
    height: 100%;
    padding: 0 9px 0 5px;
}

.filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    order: 2;
    margin-top: -7px;
}

.locations-wrap {
    display: none;
    position: absolute;
    top: 103%;
    left: 0;
    width: 100%;
    border: 1px solid #404040;
    background-color: #ffffff;
    border-radius: 4px;
    z-index: 2;
}

.icon-target {
    /*width: 11px;*/
    height: 17px;
    background: url(../images/pin.png) no-repeat;
    margin: 5px 14px 0 0;
    background-size: 11px auto;
}

.icon-escort {
    width: 12px;
    height: 20px;
    background: url(../images/fyre-icon.png) no-repeat;
    margin-right: 9px;
    margin-top: 2px;
    background-size: 12px auto;
}

.tabbing {
    display: flex;
    margin: 0 0 13px 8px;
}

.gender-sel{
    margin-right:10px;
}

.gender-list {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.search-wrap-txt h2 {
    font-size: 1.9rem;
    color: #253746;
    position: relative;
    font-weight: 600;
}

    .search-wrap-txt h2:after {
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 39px;
        height: 3px;
        background-color: #e0548d;
        content: "";
    }

.gender-list li {
    background-color: #253746;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.273rem;
    padding: 9px 7px;
    color: #ffffff;
    cursor: pointer;
    flex-grow: 1;
    text-align: center;
}

.gender-list .active {
    background-color: #e0548d;
}

.search-country {
    font-size: 1.6rem;
    color: #253746;
    font-weight: 400;
    border-radius: 1px;
    border: 1px solid #e1e1e1;
    padding: 14px 20px;
    /*width: 100%;*/
    /*margin-bottom: 25px;*/
    margin: 0px 14px;
}

.country-form .search-country::placeholder {
    color: #253746;
}

.highlight-color {
    background: #e0548d;
    font-weight: 600;
    color: #ffffff;
    padding: 8px 20px;
    margin-bottom: 25px;
}

.country-block {
    width: 100%;
    padding-left: 20px;
}

.selelct-wrap h2 {
    font-weight: 600;
    font-size: 2.4rem;
    color: #253746;
    position: relative;
    margin-bottom: 25px;
}

    .selelct-wrap h2:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 52px;
        height: 2px;
        background-color: #e64784;
    }

.locations h3 {
    background-color: #253746;
    font-weight: 600;
    font-size: 1.4rem;
    color: #ffffff;
    text-transform: uppercase;
    padding: 3px 10px 2px 17px;
    /*margin: 0 1px 10px 1px;*/
}

.place-name {
    display: flex;
}

    .place-name p {
        text-transform: capitalize;
        font-weight: 500;
        font-size: 1.6rem;
        color: #253746;
    }

.locations-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 0 18px;
}

.locations-list li {
    margin: 4px;
}

.escort-details {
    font-weight: 500;
    font-size: 1.2rem;
    color: #252525;
    text-transform: capitalize;
}

.escort-name {
    font-weight: 500;
    font-size: 1.6rem;
    color: #253746;
    display: flex;
    align-items: center;
}

.escort-list li {
    margin-bottom: 4px;
}

    .escort-list li:last-child {
        margin-bottom: 0;
    }

.escort-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 0 18px;
}

.escort-list {
    padding: 2px 0 9px 0;
}

.escort-naming {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 108px;
    text-transform: capitalize;
}

.gender-list .tab-active {
    background-color: #e0548d;
}

.side-filter {
    width: 320px;
    position: fixed;
    right: -100%;
    /*top: 0;*/
    height: 100%;
    /*padding-top: 90px;*/
    z-index: 5;
    transition: all 0.5s;
}

.active-bar {
    overflow: hidden;
}

.side-filter-selection.active-filter {
    right: 0;
    display: block;
}

    .side-filter-selection.active-filter::after {
        display: block;
        right: 0;
    }

.side-filter.active-filter {
    right: 0;
    display: block;
}

.side-filter::after {
    position: fixed;
    top: 74px;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    content: "";
    transition: all 0.5s;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
}

.side-filter.active-filter::after {
    display: block;
    right: 0;
}

.side-filter-selection {
    /*width: 250px;*/
    width: 365px;
    /*width: 400px;*/
    position: fixed;
    right: -100%;
    /*top: 0;*/
    height: 100%;
    /*padding-top: 96px;*/
    padding-top:2px;
    z-index: 10;
    transition: all 0.5s;
}

.closing-btn {
    width: 20px;
    cursor: pointer;
    margin: 0 22px 0 auto;
    display: block;
    height: 20px;
    padding-top: 10px;
}

.closing-btn-filter {
    width: 20px;
    cursor: pointer;
    margin: 0 22px 0 auto;
}

.filter-wrap-selection {
    background-color: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 28px 10px 17px 27px;
    overflow: auto;
}

.filter-wrap {
    background-color: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 50px 10px 17px 27px;
    overflow: auto;
}

    .filter-wrap .menu-logo {
        margin-left: 40px;
    }

.sort-type {
    position: relative;
    width: 200px;
    margin-bottom: 20px;
}

.filter-remember{
    margin-top:15px;
}

.remember-filters-cb{
    margin-left:5px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: transparent;
    box-shadow: none;
    margin: 0;
}

.scroll-box {
    max-height: 300px;
}

    .scroll-box .mCSB_scrollTools {
        width: 6px;
        box-shadow: none;
    }

        .scroll-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            background: none !important;
            border: none;
            box-shadow: none !important;
        }

        .scroll-box .mCSB_scrollTools .mCSB_dragger {
            background: #e0548d !important;
            height: 40px !important;
            width: 5px;
            border-radius: 5px;
        }

    .scroll-box .locations-list a, .scroll-box .escort-list a {
        padding: 0 30px 0 18px;
    }

.select-sort {
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
    width: 100%;
    text-transform: capitalize;
    padding: 14px 40px 11px 16px;
    font-weight: 500;
    font-size: 1.6rem;
    color: #253746;
}

.menu-key {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 10px;
    height: 10px;
    border: solid #e0548d;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
}

.filter-content h3 {
    font-weight: 600;
    font-size: 2.4rem;
    color: #253746;
    position: relative;
    margin-bottom: 25px;
}

    .filter-content h3::after {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 4px;
        width: 38px;
        content: "";
        background-color: #e0548d;
    }

.active-filters h4 {
    font-weight: 600;
    font-size: 2.4rem;
    color: #253746;
    position: relative;
    text-transform: capitalize;
    line-height: 1.2;
}

    .active-filters h4::after {
        position: absolute;
        bottom: 4px;
        left: 0;
        height: 4px;
        width: 38px;
        content: "";
        background-color: #e0548d;
    }

.active-filters {
    display: flex;
    justify-content: space-between;
    margin: 36px 0 23px 0;
}

.filter-details p {
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 1.4rem;
    color: #253746;
    text-transform: capitalize;
}

.filter-details input {
    font-family: 'Myriad Pro';
    font-size: 1.4rem;
    color: #e0548d;
    text-transform: capitalize;
}

.other-filter h4 {
    font-weight: 600;
    font-size: 1.8rem;
    color: #253746;
}

.filter-listing {
    font-size: 1.1rem;
    color: #e0548d;
    width: 88px;
    text-align: right;
}

.filter-submit {
    width: 100%;
    text-align: center;
    margin-top: 36px;
}

.filter-selected {
    position: relative;
    z-index: 9;
    top: 350px;
}

    .filter-selected input {
        width: 95%;
    }

.filter-submit input {
    padding: 6px 12px 4px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    background-color: #e0548d;
    text-transform: uppercase;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    color: #fefefe;
    transition: all 0.5s;
}

    .filter-submit input:hover {
        color: #e0548d;
        border: 1px solid #e0548d;
        background-color: transparent;
    }

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

.other-filter {
    margin-bottom: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

    .other-filter:hover h4 {
        color: #e0548d !important;
    }

.find-images {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

/*.nearby-results {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;*/
    /*justify-content: space-between;*/
/*}*/

.district-results {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

.region-results {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

.country-results {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

.find-image {
    width: 50%;
    position: relative;
    cursor: pointer;
}

.find-detail {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,.32);
    padding: 4px 8px;
}

.new-mem {
    position: absolute;
    /*bottom: 82px;*/
    bottom: 97px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    z-index: 1;
}
/*new-find-status*/
/*new-mem*/
/*full-verify*/

.newmem-full {
    font-weight: 600;
    padding: 0 5px 0 4px;
    border-radius: 3px;
    font-size: .978rem;
    color: #fefefe;
    text-transform: uppercase;
    background-color: #fe7e22;
    margin-left: auto;
}

.new-find-status {
    position: absolute;
    /*bottom: 99px;*/
    bottom: 62px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    z-index: 1;
}

.new-online-only-full {
    font-weight: 600;
    padding: 2px 5px 0 4px;
    border-radius: 3px;
    font-size: .978rem;
    color: #fefefe;
    text-transform: uppercase;
    background-color: #ffc335;
}

.full-verify {
    position: absolute;
    /*bottom: 62px;*/
    bottom: 79px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    z-index: 1;
}

.verify-full {
    font-weight: 600;
    padding: 0 5px 0 4px;
    border-radius: 3px;
    font-size: .978rem;
    color: #fefefe;
    text-transform: uppercase;
    background-color: #6fb91d;
}

.post-find {
    font-size: .903rem;
    color: #fefefe;
    text-transform: capitalize;
    background-color: #252525;
    padding: 0 6px 0 6px;
    border-radius: 3px;
    margin-left: auto;
}

.new-post {
    font-size: .903rem;
    color: #fefefe;
    text-transform: uppercase;
    background-color: #1694e1;
    padding: 1px 3px 0 3px;
    border-radius: 3px;
    margin-left: auto;
    font-weight:600;
}

.online-now {
    width: 9px;
    height: 9px;
    background-color: #61cd24;
    border-radius: 50%;
    display: block;
    margin-top: 3px;
    margin-left: 3px;
}

.online-now-prof {
    width: 11px;
    height: 11px;
    background-color: #61cd24;
    border-radius: 50%;
    display: block;
    margin-top: 10px;
    margin-left: 5px;
}

.find-image img {
    width: 100%;
    display: block;
}

.find-name {
    font-weight: 600;
    font-size: 1.783rem;
    display: flex;
    color: #fefefe;
    text-transform: uppercase;
}

.place-naming {
    font-size: 1.426rem;
    font-weight: 600;
    color: rgba(254,254,254,.7);
    text-transform: capitalize;
}

.find-naming {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.find-text {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    background-color: rgba(0,0,0,.80);
    color: #ffffff;
    padding: 12px 11px 79px 13px;
}

    .find-text p {
        font-size: 1.3rem;
        margin-bottom: 21px;
        height: 80% !important;
        overflow: hidden;
        text-align: center;
    }

.find-image:hover .find-text {
    opacity: 1;
}
/* Esc page styling */
/* Esc banner styling */

.video-play-btn {
    position: absolute;
    width: 75px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 42%;
    text-align: center;
}

    .video-play-btn:hover {
        opacity: 0.5 !important;
    }

    .video-play-btn img {
        height: 100% !important;
    }

.esc-banner {
    /*padding: 0;*/
    /*padding-top:97px;*/
    position: relative;
    border-bottom: 5px solid #e0548d;
    /* z-index: 99; */
}

.esc-profile .container {
    max-width: 414px;
}

/*.banner-profile {
    position: absolute;
    bottom: 7px;
    left: 109px;
}*/

.banner-profile {
    position: absolute;
    bottom: 15%;
    left: 10%;
    pointer-events: none;
}

.profile-naming {
    display: flex;
    align-items: center;
}

    .profile-naming h2 {
        text-transform: uppercase;
        color: #ffffff;
        font-size: 1.2rem;
        line-height: 1.2;
    }

.icon-validation {
    background: url(../images/valid-mark.png) no-repeat center;
    width: 8.5px;
    height: 8.5px;
    border-radius: 50%;
    background-size: 8.5px auto;
    margin-left: 4px;
}

.banner-profile p {
    text-transform: capitalize;
    color: rgba(255,255,255,.7);
    font-size: .7rem;
}

.esc-banner .slick-prev {
    background-size: 300px 300px;
    width: 16px;
    height: 16px;
    background-position: -206px -279px;
    top: 50%;
    left: 3px;
    transform: translateY(0);
}

.esc-banner .slick-next {
    background-size: 300px 300px;
    width: 17px;
    height: 17px;
    background-position: -125px -247px;
    top: 50%;
    right: 11px;
    transform: translateY(0);
}

.exit-link {
    position: absolute;
    top: 73px;
    left: 3px;
    width: 25px;
    height: 25px;
    padding-right: 2px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255,255,255,.3);
}

.icon-exit {
    background-size: 300px 300px;
    width: 16px;
    height: 16px;
    background-position: -150px -247px;
}

.esc-image img {
    width: 100%;
}

.main-info h3 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 2rem;
    color: #0a3049;
}

.profile-button {
    border: 1px solid rgba(151,151,151,.25);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: block;
    padding: 7px 5px;
    margin: 0 4px;
}

.anchor-design {
    width: 20px;
    height: 3px;
    background-color: #e15991;
    border-radius: 2px;
    display: block;
    margin-top: 3px;
}

    .anchor-design:first-child {
        margin-top: 0;
    }

.follow-btn {
    text-transform: uppercase;
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 1.4rem;
    color: #ffffff;
    background-color: #e0548d;
    border-radius: 3px;
    padding: 5px 6px 5px 7px;
    border: 1px solid transparent;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

    .follow-btn:hover {
        color: #e0548d;
        border: 1px solid #e0548d;
        background-color: #ffffff;
        opacity: 1;
    }

.icon-follow {
    background-size: 300px 300px;
    width: 8px;
    height: 8px;
    background-position: -97px -223px;
    margin: 0 3px 4px 0;
}

.esc-profile {
    padding: 7px 0 61px 0;
}

.profile-head {
    display: flex;
    align-items: flex-start;
    margin-bottom: 18px;
}

.main-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3px;
}

.profile-info {
    width: calc(100% - 46px);
}

.profile-pic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 2px 6px 0 0;
}

    .profile-pic img {
        width: 100%;
        display: block;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.profile-id {
    font-family: 'Myriad Pro';
    font-size: 1.8rem;
    color: #0a3049;
    margin-right: 5px;
    width: 93px;
}

.profile-reg {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    color: #0a3049;
    display: flex;
}

.profile-details {
    width: 100%;
}

.profile-reg h6 {
    font-weight: 500;
    color: #e0548d;
    text-transform: capitalize;
    margin-right: 7px;
    font-family: 'Poppins', sans-serif;
}

.profile-posts {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    color: #0a3049;
    display: flex;
    width: 93px;
    margin-right: 5px;
}

    .profile-posts h6 {
        font-weight: 500;
        color: #e0548d;
        text-transform: capitalize;
        font-family: 'Poppins';
        margin-right: 7px;
    }

.profile-nationality h6 {
    font-weight: 500;
    color: #e0548d;
    text-transform: capitalize;
    font-family: 'Poppins';
    margin-right: 7px;
}

.profile-nationality {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    color: #0a3049;
    display: flex;
}

.more-details {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 5px;
}

    .more-details:last-child {
        margin-bottom: 0;
    }

.esc-para, .esc-paragraph {
    display: none;
}

.profile-details p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
    color: #0a3049;
    letter-spacing: 0.09px;
}

.profile-para {
    /*margin-top: 13px;*/
}

.more-info {
    display: block;
    font-family: 'Poppins', sans-serif;
    color: #e0548d;
    margin: 10px 0;
}

.sub-wrap {
    text-align: center;
    margin: 18px 0;
}

.sub-btn {
    font-family: 'Myriad Pro';
    font-size: 1.4rem;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #e0548d;
    border-radius: 20px;
    padding: 6px 17px 7px 17px;
    border: 1px solid transparent;
    display: inline-block;
}

    .sub-btn:hover {
        border: 1px solid #e0548d;
        color: #e0548d;
        background-color: #ffffff;
        cursor: pointer;
    }

.icon-posts {
    background-size: 300px auto;
    width: 17px;
    height: 18px;
    background-position: -105px -276px;
}

.icon-gallery {
    background-size: 300px 300px;
    width: 15px;
    height: 16px;
    background-position: -134px -277px;
}

.icon-videos {
    background-size: 300px 300px;
    width: 18px;
    height: 13px;
    background-position: -156px -280px;
}

.icon-about {
    background-size: 300px 300px;
    width: 13px;
    height: 15px;
    background-position: -180px -280px;
}

.icon-galleryslide {
    background: url(../images/profile-page-photo-white.svg) no-repeat;
    width: 17px;
    height: 17px;
}

.icon-videoslide {
    background: url(../images/profile-page-video-white.svg) no-repeat;
    width: 19px;
    height: 19px;
}

.icon-likeslide {
    background: url(../images/profile-page-heart-filled-white.svg) no-repeat;
    width: 14px;
    height: 14px;
}

.top-loc-icon-container {
    width: 24px; /* Set a fixed width */
    height: 24px; /* Set a fixed height */
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Horizontally center the icon */
    align-items: center; /* Vertically center the icon */
}

    .top-loc-icon-container i {
        font-size: 16px; /* Adjust icon size */
        color: white; /* Set icon color */
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    }

.top-loc-wrap {
    display: flex;
    align-items: center; /* Aligns the icon and text vertically */
}

    .top-loc-wrap i {
        margin-right: 8px; /* Adds space between the icon and text */
    }

.slide-share-wrap {
    display: flex;
}

    .slide-share-wrap li {
        display: flex;
        align-items: center;
        margin-right: 10px;
        position: relative;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 1.7);
    }

        .slide-share-wrap li:after {
            content: "";
            width: 4px;
            height: 4px;
            background-color: #ffffff;
            position: absolute;
            right: -6px;
            top: 44%;
            border-radius: 50%;
        }

        .slide-share-wrap li:last-child:after {
            display: none;
        }

.slide-content-wrap strong {
    font-family: 'Poppins', sans-serif;
    font-size: 2.6rem;
    color: #fff;
    display: block;
    line-height: 1;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); /* Add text shadow */
}

.slide-content-wrap .slide-txt {
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
    color: #fff;
    display: block;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
}

.esc-image {
    position: relative;
}

.gallery-txt {
    font-size: 1.4rem;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    margin-left: 10px;
}

.tab-links a {
    display: block;
    border-bottom: 3px solid rgba(193,198,207,.3);
    padding: 9px 5px;
}

.tab-links {
    display: flex;
    justify-content: space-between;
}

    .tab-links li {
        width: 100%;
        text-align: center;
    }
/* .tab-links .active a{
    border-bottom: 3px solid #e64784;
} */
.tab-esc {
    margin-bottom: 10px;
}

.icon-magnifier {
    /* width: 18px;
    height: 18px;
    background-position: -525px -506px; */
    background: url(../images/message-magnifying-glass-black.svg) no-repeat;
    width: 18px;
    height: 18px;
}

.icon-filters {
    /* width: 17px;
	height: 15px;
    background-position: -487px -511px; */
    background: url(../images/post-filter-black.svg) no-repeat;
    width: 17px;
    height: 15px;
    background-size: 17px 15px;
}

.following-text {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    color: #0a3049;
    text-transform: capitalize;
}

.following-tab {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2px;
}

.post-buttons {
    display: flex;
}

.post-search {
    margin-right: 22px;
}

.comment-text a {
    display: flex;
    align-items: center;
    text-transform: capitalize;
    /*font-family: 'DM Sans', sans-serif;*/
    font-size: 1.176rem;
    color: #8f92a1;
    /*margin: 1px 0 0 8px;ADD BACK IF NEED*/
    font-size: 1.2rem;
    display: inline-block;
    min-width:100%;
}

.comment-text .comment-block-wrap .dot-pop-up a {
    color: #253746;
    margin: 0;
    font-size: 1.5rem;
}

.reply-btn {
    margin: 0 0 5px 7px;
}

.esc-profile .comment-timing {
    display: inline;
}

.comment-block-wrap .comment-timing {
    margin: 0;
}

.esc-profile .comment-text {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /*padding:0px 10px;*/
    margin: 0 7px;
}

.esc-profile .comment {
    margin-bottom: 10px;
}

.icon-like {
    background: url(../images/post-heart-outline-grey.svg) no-repeat;
    width: 14px;
    height: 12px;
}

.comment-text .active {
    color: #e0548d;
    /*font-family: 'DM Sans', sans-serif;*/
}

.icon-like:hover {
    background: url(../images/post-heart-outline-pink.svg) no-repeat;
    width: 14px;
    height: 12px;
    cursor: pointer;
}

.icon-like-liked {
    background: url(../images/post-heart-filled-pink-new.svg) no-repeat;
    width: 14px;
    height: 12px;
}

    .icon-like-liked:hover {
        cursor: pointer;
    }

.reply-comment {
    display: flex;
    align-items: center;
    text-transform: capitalize;
    font-family: 'DM Sans', sans-serif;
    font-size: 1.176rem;
    color: #8f92a1;
    margin: 2px 0 0 10px;
    font-size: 1.2rem;
    display: inline-block;
    cursor: pointer;
}
/* .com-liked{
    background-position: -534px -91px;
} */
.esc-profile .icon-heart2 {
    display: none;
}

.view-comment {
    text-align: center;
    margin-bottom: 13px;
    font-weight: 500;
    font-size: 1.274rem;
    color: #8f92a1;
}

.more-com:hover {
    color: #e0548d;
    transition: all 0.5s;
    cursor: pointer;
}
/*.view-comment a{
    font-weight: 500;
    font-size: 1.274rem;
    color: #8f92a1;
}*/
.subscribe-btn {
    /*margin: 7px 14px !important;*/
    border-radius: 0px 0px 8px 8px;
}

.add-comment {
    position: relative;
}

    .add-comment textarea {
        width: 100%;
        padding: 8px 39px 8px 9px;
        resize: none;
        display: block;
        color: #253746;
        border: 1px solid #ededed;
        font-size: 1.4rem;
        font-family: 'Poppins', sans-serif;
        border-radius: 3px;
    }

        .add-comment textarea ::placeholder {
            color: #253746;
        }

        .add-comment textarea::placeholder {
            font-size: 1.372rem;
            font-weight: 500;
            color: #253746;
        }

.add-comments {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

    .add-comments input[type='button'] {
        background: url(../images/post-arrow-right-black.svg) no-repeat;
        width: 19px;
        height: 17px;
        /* background-position: 63% 50%; */
        padding: 0 15px 0 14px;
    }

.post-comment-kicker {
    font-size: 1.6rem;
    color: #e34685;
    cursor: pointer;
    margin-left:8px;
}

.esc-profile .top-wrap {
    display: none;
}

.contact {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: #ffffff;
    padding: 10px 0 12px 0;
}

.icon-contact {
    width: 21px;
    height: 21px;
    background-position: -535px -401px;
    margin-right: 3px;
}

.contact-btn {
    padding: 9px 45px 8px 37px;
    border-radius: 5px;
    background-color: #e0548d;
    cursor: pointer;
    font-family: 'DM Sans', sans-serif;
    font-size: 2rem;
    text-transform: uppercase;
    color: #ffffff;
    display: inline-block;
}

.contact-content {
    max-width: 414px;
    text-align: center;
    margin: 0 auto;
}

.top-scroller {
    display: inline-block;
    margin-right: 3px;
}

    .top-scroller a {
        display: block;
        background-color: #253746;
        padding: 10px 12px 8px 12px;
        opacity: 1;
    }

.icon-above {
    width: 20px;
    height: 21px;
    background-position: -381px -505px;
    margin-bottom: 2px;
}

.tab-list {
    display: inline-flex !important;
    /*justify-content: center;*/
    margin-bottom: 35px;
}

    .tab-list a {
        display: block;
        font-weight: 700;
        font-family: 'DM Sans', sans-serif;
        font-size: 2.8rem;
        color: #ffffff;
        opacity: .5;
        text-transform: capitalize;
        border-bottom: 3px solid rgba(151,160,175,.3);
        padding: 5px 21px;
    }

.contact-details {
    background-color: #253746;
    padding: 18px 10px 28px 10px;
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    transition: all 0.5s;
}

.active-contact {
    bottom: 66px;
}

.methods-list li {
    margin: 0 13px;
}

.methods-list a {
    display: flex;
    flex-direction: column;
    /*font-family: 'DM Sans', sans-serif;*/
    font-size: 1.4rem;
    color: #ffffff;
    align-items: center;
}

.icon-telephone {
    width: 42px;
    height: 42px;
    background-position: -492px -419px;
    margin-bottom: 13px;
}

.icon-sms {
    width: 49px;
    height: 43px;
    background-position: -542px -342px;
    margin-bottom: 13px;
}

.icon-whatsapp {
    width: 44px;
    height: 44px;
    background-position: -440px -436px;
    margin-bottom: 13px;
}

.methods-list {
    display: flex;
    justify-content: center;
}

.tel-number {
    margin-top: 22px;
}

    .tel-number a {
        background-color: rgba(151,160,175,.07);
        font-family: 'Myriad Pro';
        font-weight: bold;
        font-size: 2.4rem;
        color: #ffffff;
        display: inline-block;
        padding: 10px 17px 9px 17px;
    }

.contact-methods p {
    font-family: 'Myriad Pro';
    font-size: 1.6rem;
    color: #ffffff;
    margin-top: 13px;
}

.tab-list .ui-state-active a {
    opacity: 1;
    border-bottom: 3px solid #e64784;
}

/*.contact-close {
    width: 20px;
    margin: 0 0 10px auto;
    cursor: pointer;
}*/

.contact-close {
    position: relative;
    width: 20px;
    height: 15px;
    margin: 0 9px 10px auto;
    /* padding: 12px; */
    cursor: pointer;
    background: transparent;
    border: none;
    display: block;
    box-sizing: content-box;
}

    /* X lines */
    .contact-close::before,
    .contact-close::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 2px;
        background-color: #fff;
        transform-origin: center;
    }

    .contact-close::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .contact-close::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    /* Optional: focus feedback for accessibility */
    .contact-close:focus {
        outline: 2px solid #fff;
        outline-offset: 2px;
    }

.close-btn {
    position: relative;
    width: 20px;
    height: 20px;
    /* padding: 12px; */
    margin: -14px 13px 0 auto;
    cursor: pointer;
    background: transparent;
    border: none;
    display: block;
    box-sizing: content-box;
}

    /* The "X" lines */
    .close-btn::before,
    .close-btn::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 2px;
        background-color: #14364d;
        transform-origin: center;
    }

    .close-btn::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .close-btn::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    /* Optional: visual feedback when tab-focused */
    .close-btn:focus {
        outline: 2px solid #14364d;
        outline-offset: 2px;
    }


.close-design {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    transform: rotate(45deg);
}

    .close-design:last-child {
        transform: rotate(135deg);
        margin-top: -2px;
    }

.msg-textarea textarea {
    /* border: 2px solid #253746; */
    border: 2px solid rgba(37, 55, 70, 0.5);
    background-color: #ffffff;
    width: 100%;
    padding: 8px 16px;
    resize: none;
    display: block;
    border-radius: 2px;
}

    .msg-textarea textarea::placeholder {
        font-size: 1.4rem;
        color: rgba(37,55,70,.75);
    }

#tabs-message{
    margin-bottom:10px;
}

.send-wrapper {
    text-align: right;
    margin-top: 10px;
    margin-bottom:15px;
}

    .send-wrapper input {
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 1.6rem;
        color: #ffffff;
        background-color: #e0548d;
        border-radius: 5px;
        border: 1px solid transparent;
        padding: 4px 34px 4px 34px;
    }

        .send-wrapper input:hover {
            color: #e0548d;
            background-color: #ffffff;
            border: 1px solid #e0548d;
        }

.tabbing-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}

.esc-profile .tabbing-list li {
    width: 100%;
    text-align: center;
}

#tabbing h4 {
    display: none;
}

.tabbing-list a {
    font-weight: 600;
    display: block;
    padding: 1px 21px;
    border-bottom: 3px solid #e0e2e7;
    font-size: 2.2rem;
    color: #253746;
    text-transform: capitalize;
    opacity: 1;
}

.tabbing-list .ui-state-active a {
    border-bottom: 3px solid #e64784;
}

.rates-wrap table {
    color: #14364d;
    font-size: 1.2rem;
    text-align: right;
    font-family: 'Myriad Pro';
    margin: 0 auto;
    font-weight:600;
}

.rates-wrap th {
    padding: 0 0 0 7px;
}

.rates-wrap th,
.rates-wrap td {
    padding: 10px 0px;
    text-align: right;
    border-bottom: 1px solid #ddd;
}

.table-para {
    font-family: 'Myriad Pro';
    font-size: 1.475rem;
    color: #14364d;
    margin-top: 10px;
    display: block;
    text-align: right;
}

.bio-list li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-family: 'Poppins';
    font-size: 1.5rem;
    text-transform: capitalize;
    padding: 0 8px;
    margin-bottom: 5px;
}

    .bio-list li:last-child {
        margin-bottom: 0;
    }

.bio-list {
    margin-bottom: 10px;
}

.bio-title {
    color: #253746;
    opacity: .75;
}

.bio-value {
    color: #0a3049;
}

.more-btn {
    display: block;
    font-family: 'Myriad Pro';
    color: #e0548d;
    font-size: 1.8rem;
    margin-left: 8px;
    cursor: pointer;
}

.enjoy-list {
    display: flex;
    flex-wrap: wrap;
    font-family: 'Poppins';
    font-size: 1.35rem;
    color: #0a3049;
    padding: 0 4px;
}

    .enjoy-list li {
        background-color: #293239;
        padding: 1px 6px 3px 6px;
        margin: 0 5px 10px 0;
        color: white;
    }

    .enjoy-list a {
        display: inline-block;
        font-size: 1.5rem;
        color: #e0548d;
    }

    /*.enjoy-list li:last-child {
        background-color: transparent;
    }*/

.contact-details h2 {
    display: none;
}

.loc-list li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-family: 'Poppins';
    font-size: 1.4rem;
    text-transform: capitalize;
    padding: 0 8px;
    margin-bottom: 5px;
}

    .loc-list li:last-child {
        margin-bottom: 0;
    }
/* Setting page styling */
/* Settings styling */
.folsub-table {
    width: 100% !important;
}
.folsub-table tr {
    font-size: 1.2rem;
}

    .folsub-table th {
        width: 33%;
        font-weight: 300 !important;
        padding: 6px 12px !important;
    }

    .folsub-table a:link, .folsub-table a:visited {
        color: #e0548d;
    }

.dataTables_filter {
    margin-bottom: 7px;
}

.selectize-dropdown-content div {
    padding:8px;
}

.settings-container{
    min-height:95vh;
}

.set-actions {
    cursor: pointer;
    color: #e0548d;
}

    .set-actions:hover {
        color: darkslategray;
    }

.settings .container {
    padding: 0;
    flex-direction: column;
}

.setting-menu {
    width: 100%;
    padding-top:7px;
}

.settings .sticky-side {
    /*background-color: #fff;*/
    padding-top: 10px;
}

.new-setting{
    padding-top:20px;
}

.setting-menu h1 {
    font-weight: 600;
    font-size: 2.391rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
    text-align: right;
    margin: 0 29px 16px 0;
    letter-spacing: -1px;
    text-transform: uppercase;
}

    .setting-menu h1::after {
        width: 43px;
        height: 3px;
        content: "";
        background-color: #e0548d;
        position: absolute;
        bottom: -6px;
        right: 0;
    }

.icon-setting {
    /*background: url(../images/settings-arrow-left-black.svg) no-repeat;*/
    background: url(../images/white-setting-left.svg) no-repeat;
    width: 17px;
    height: 20px;
    margin-top: 5px;
}

.setting-name {
    font-weight: 700;
    font-size: 1.894rem;
    color: #fff;
    text-transform: capitalize;
    margin-left: 5px;
    position: relative;
    padding: 0 7px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

    .setting-name::after {
        width: 100%;
        height: 3px;
        content: "";
        background-color: #e0548d;
        position: absolute;
        bottom: -2px;
        right: 6px;
        display: none;
    }

.setting {
    display: flex;
    justify-content: space-between;
    padding: 11px 18px 12px 19px;
    cursor: pointer;
    border-top: 1px solid #e1e1e1;
    background-color: #0a3049;
}

    .setting:last-child {
        border-bottom: 1px solid #e1e1e1;
    }

#settings-age {
    /*width: 100%;*/
}

#settings-mobile {
    padding-left: 87px;
    border: 1px solid #d7d7d7;
    height: 35px;
}

.hide-setting {
    display: none;
}

.account {
    display: none;
}

.account-main {
    display: block;
}

.account-form {
    display: none;
}

.account .active-form {
    display: block;
}

.account {
    width: 100%;
    padding-top: 0;
}

.account-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 18px 0 15px;
    margin-bottom: 24px;
}

.settings-save {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 18px 0 15px;
    margin-bottom: 24px;
}

.head-contents {
    display: flex;
    align-items: center;
}

.back-button {
    margin-right: 17px;
}

.head-contents h1 {
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 2.173rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
    line-height: 1.2;
}

    .head-contents h1::after {
        position: absolute;
        bottom: -6px;
        left: 0;
        width: 55px;
        height: 4px;
        content: "";
        background-color: #e0548d;
    }

.account-head input {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 1.409rem;
    color: #ffffff;
    background-color: #e0548d;
    border-radius: 4px;
    padding: 6px 41px;
    border: 1px solid transparent;
    transition: all 0.5s;
}

    .account-head input:hover {
        border: 1px solid #e0548d;
        color: #e0548d;
        background-color: transparent;
    }

.settings-save input {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 1.409rem;
    color: #ffffff;
    background-color: #e0548d;
    border-radius: 4px;
    padding: 6px 41px;
    border: 1px solid transparent;
    transition: all 0.5s;
}

    .settings-save input:hover {
        border: 1px solid #e0548d;
        color: #e0548d;
        background-color: transparent;
    }

.account-slider {
    margin: 0 0 7px 16px;
    background-color: #fafafa;
    /*padding-top: 7px;*/
    /*margin-top: 100px;*/ /*REMOVE THIS ONCE DONE TESTING ETC*/
}

.esc-fully-verified {
    cursor:default;
}

.images-wrap {
    /*display: flex;*/
    width: 100%;
}

.account-image img {
    display: block;
    width: 100%;
}

.account-image {
    margin-left: 14px;
    width: 158px;
    display: inline-block;
    border-radius: 4px;
}

.image-upload {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 0 14px;
}

.btn-upload {
    width: 159px;
    height: 138px;
    background-color: #9dacb6;
}

.icon-plus {
    background: url(../images/message-add-white.svg);
    width: 33px;
    height: 32px;
    background-size: 33px 32px;
}

.image-upload input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.account .mCSB_container {
    display: block;
    white-space: nowrap;
}

.account .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 11px;
    right: 25px;
    left: 13px;
}

.account .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(0,0,0,.32) !important;
    margin: 0;
    height: 100%;
}

.account .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 15px;
}

.account .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    background: url(../images/sprite.png);
    width: 9px;
    height: 11px;
    background-position: -321px -452px;
    opacity: 1;
    left: -14px;
}

.account .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 2px 0;
    background: #ebebeb;
}

.account .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    background: url(../images/sprite.png);
    width: 9px;
    height: 11px;
    background-position: -339px -452px;
    opacity: 1;
    right: -16px;
}

.display-name {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.display-settings-option {
    display: flex;
    align-items: center;
    /*margin-bottom: 18px;*/
}

.filling-content {
    padding: 0 15px 30px;
    /*margin-top: 70px !important;*/
}

.display-pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: url(../images/profile-image.png) no-repeat center;
}

.icon-photo {
    width: 24px;
    height: 20px;
    background-position: -379px -422px;
}

.profile-image {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .profile-image input {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
    }

.fill-name {
    position: relative;
    width: calc(100% - 111px);
    margin-left: 11px;
}

    .fill-name a {
        display: none;
        color: #e0548d;
    }

    .fill-name label {
        font-family: 'Myriad Pro';
        font-size: 1.387rem;
        text-transform: capitalize;
        color: #0a3049;
        font-weight: 800;
        position: absolute;
        top: -9px;
        left: 12px;
        background-color: #ffffff;
        padding: 0 2px;
    }

.number-count {
    font-family: 'Myriad Pro';
    color: #515151;
    font-size: 1.1rem;
    display: block;
    text-align: right;
    margin-top: 8px;
}

.fill-name input {
    border: 1px solid #d7d7d794;
    font-family: 'Myriad Pro';
    color: #565656;
    padding: 11px 15px 13px 15px;
    width: 100%;
    border-radius: 3px;
    font-size: 1.691rem;
}

    .fill-name input::placeholder {
        font-family: 'Myriad Pro';
        font-size: 1.691rem;
        color: #253746;
        opacity: 1;
    }

.filling-content textarea {
    border-radius: 3px;
    /*padding: 9px 14px 8px 14px;*/
    /*border: 1px solid #4f4f4f;*/
    width: 100%;
    resize: none;
    height: 170px;
    display: block;
    /*margin-bottom: 24px;*/
    font-family: 'Myriad Pro';
    font-size: 1.691rem;
    /*box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);*/
}

    .filling-content textarea::placeholder {
        font-family: 'Myriad Pro';
        font-size: 1.691rem;
        color: #253746;
        opacity: 1;
    }

.filling-content input[type='url'] {
    border: 1px solid #4f4f4f;
    width: 100%;
    font-family: 'Myriad Pro';
    font-size: 1.691rem;
    padding: 11px 14px 13px 14px;
    margin-bottom: 24px;
    box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    border-radius: 3px;
}

    .filling-content input[type='url']::placeholder {
        color: #253746;
        font-family: 'Myriad Pro';
        font-size: 1.691rem;
        opacity: 1;
    }

.fill-settings {
    position: relative;
    width: 100%;
    /*margin-left: 11px;*/
}

    .fill-settings a {
        display: none;
    }

    .fill-settings label {
        font-family: 'Myriad Pro';
        font-size: 1.268rem;
        text-transform: capitalize;
        color: rgba(40, 40, 40, .70);
        position: absolute;
        top: -9px;
        left: 8px;
        background-color: #ffffff;
        padding: 0 4px;
    }

    .fill-settings input {
        /*border: 1px solid #4f4f4f;*/
        border: 1px solid rgba(40, 40, 40, .25);
        font-family: 'Myriad Pro';
        padding: 5px 15px 5px 15px;
        width: 100%;
        border-radius: 3px;
        font-size: 1.691rem;
        margin-bottom: 10px;
        /*box-shadow: 0px 1px 0px 0px rgba(79,79,79,1);
        -webkit-box-shadow: 0px 1px 0px 0px rgba(79,79,79,1);
        -moz-box-shadow: 0px 1px 0px 0px rgba(79,79,79,1);*/
    }

        .fill-settings input::placeholder {
            font-family: 'Myriad Pro';
            font-size: 1.691rem;
            color: #253746;
            opacity: 1;
        }

.select-location {
    width: 100%;
    background-color: #ffffff;
    /*border: 1px solid #4f4f4f;*/
    display: block;
    padding: 6px 14px 6px 14px;
    /*box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);*/
    border-radius: 3px;
    color: #253746;
    font-family: 'Myriad Pro';
    font-size: 1.691rem;
    cursor: pointer;
}

/*.select-location {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #4f4f4f;
    display: block;
    padding: 11px 14px 13px 14px;
    box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    border-radius: 3px;
    color: #253746;
    font-family: 'Myriad Pro';
    font-size: 1.691rem;
    cursor: pointer;
}*/

.location-selector {
    position: relative;
    margin-bottom: 17px;
}

.drop-arrow {
    position: absolute;
    top: 21px;
    right: 15px;
    pointer-events: none;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #333333;
}

.filling-content h3 {
    letter-spacing: -.5px;
    font-weight: 800;
    font-size: 1.787rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
    margin: 0 0 13px 5px;
}

    .filling-content h3::after {
        position: absolute;
        bottom: -1px;
        left: 0;
        content: "";
        width: 51px;
        height: 3px;
        background-color: #e0548d;
    }

.filling-content h4 {
    letter-spacing: -.5px;
    font-weight: 600;
    font-size: 1.387rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
    margin: 0 0 9px 5px;
}

.escorts-wrapper h3 {
    letter-spacing: -.5px;
    font-weight: 800;
    font-size: 1.787rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
    margin: 0 0 13px 5px;
}

    .escorts-wrapper h3::after {
        position: absolute;
        bottom: -1px;
        left: 0;
        content: "";
        width: 51px;
        height: 3px;
        background-color: #e0548d;
    }

.complete-item {
    margin-bottom: 15px;
}

.complete-item-city {
    text-transform: capitalize;
}

#comp-bio {
    width: 100%;
    height: 210px;
    border: 1px solid rgba(40, 40, 40, .25);
    padding: 7px;
    font-size: 1.4rem;
    line-height: 1.3;
    resize: none;
    border-radius:3px;
}

.form-comp-inputs h4 {
    letter-spacing: -.5px;
    font-weight: 600;
    font-size: 1.387rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
    margin: 0 0 9px 5px;
}

.form-comp-inputs h3 {
    letter-spacing: -.5px;
    font-weight: 800;
    font-size: 1.787rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
    margin: 0 0 13px 5px;
}

    .form-comp-inputs h3::after {
        position: absolute;
        bottom: -1px;
        left: 0;
        content: "";
        width: 51px;
        height: 3px;
        background-color: #e0548d;
    }

/* Parent container to hold everything */
.profile-section {
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    align-items: center; /* Center all child elements horizontally */
    width: 100%; /* Full width for the container */
    padding-top:97px;
}

/* Styling for the text section */
.comp-prof-image-setting {
    text-align: left;
    width: 100%; /* Ensure the text aligns left on the full width */
    margin-bottom: 20px; /* Spacing between text and input */
}

/* Centers the input field */
.input-wrapper {
    display: flex;
    justify-content: center; /* Center the input horizontally */
    width: 100%; /* Full width for centering */
}

#upload-displaypic {
    width: 100%; /* Full width for the input */
    max-width: 300px; /* Control the maximum width of the input */
}

.comp-prof-image-setting h3 {
    letter-spacing: -.5px;
    font-weight: 800;
    font-size: 1.787rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
    margin: 0 0 13px 5px;
}

.comp-prof-image-setting h3::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    width: 51px;
    height: 3px;
    background-color: #e0548d;
}

/*.filling-content h4::after {
        position: absolute;
        bottom: -1px;
        left: 0;
        content: "";
        width: 51px;
        height: 4px;
        background-color: #e0548d;
    }*/
.postcreate h3 {
    letter-spacing: -.5px;
    font-weight: 600;
    font-size: 2.487rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
    margin: 0 0 13px 5px;
}

    .postcreate h3::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 71px;
        height: 4px;
        background-color: #e0548d;
    }

.comp-validation {
    color: red;
    display: block;
    font-size: 1.2rem;
    margin: 8px 0 5px 0;
}

.comp-warning {
    color: #e0548d;
    font-size: 1.2rem;
    margin: -6px 0 5px 0;
}

.login-error {
    color: red;
    font-size: 1.6rem;
}

.account .dropdown-main {
    padding: 4px 0;
    box-shadow: none;
    top: 104%;
    border: 1px solid #aeaeae;
}

.account .dropdown-option:hover {
    background-color: #5897fb;
    color: #ffffff;
}

.account .dropdown-option {
    color: #000;
}

    .account .dropdown-option.dropdown-chose:after {
        display: none;
    }

.account .dropdown-chose {
    background-color: #dddddd;
}

.account .dropdown-selected {
    background-color: #e0548d;
    color: #ffffff;
    padding: 5px 7px 4px 7px;
    margin: 0 7px 5px 0;
    display: inline-block;
    font-size: 1.639rem;
}

.account .dropdown-display .dropdown-chose-list span:before {
    display: none;
}

.account .dropdown-multiple, .dropdown-multiple-label, .dropdown-single {
    /*box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    border: 1px solid #4f4f4f;
    border-radius: 4px;*/
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    box-shadow: none;
}

.account .dropdown-display-label:after, .dropdown-display:after {
    border-left: 7px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #333333;
    right: 14px;
}

.account .dropdown-display .dropdown-chose-list {
    white-space: normal;
}

.account .dropdown-multiple:hover .dropdown-clear-all, .dropdown-single:hover .dropdown-clear-all {
    display: none;
}

.account .dropdown-multiple-label.active .dropdown-display-label:after, .dropdown-multiple-label.active .dropdown-display:after, .dropdown-multiple.active .dropdown-display-label:after, .dropdown-multiple.active .dropdown-display:after, .dropdown-single.active .dropdown-display-label:after, .dropdown-single.active .dropdown-display:after {
    border-left: 7px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #333333;
    top: 43%;
}

.account .dropdown-display {
    padding-right: 28px;
    border: none;
    opacity: 1;
}

.account .dropdown-sin-2 .placeholder {
    color: #253746;
    font-family: 'Myriad Pro';
    font-size: 1.691rem;
}

.services .dropdown-main {
    padding: 4px 0;
    box-shadow: none;
    top: 104%;
    border: 1px solid #aeaeae;
}

.services .dropdown-option:hover {
    background-color: #5897fb;
    color: #ffffff;
}

.services .dropdown-option {
    color: #000;
}

    .services .dropdown-option.dropdown-chose:after {
        display: none;
    }

.services .dropdown-chose {
    background-color: #dddddd;
}

.services .dropdown-selected {
    background-color: #e0548d;
    color: #ffffff;
    padding: 5px 7px 4px 7px;
    margin: 0 7px 5px 0;
    display: inline-block;
    font-size: 1.639rem;
}

.services .dropdown-display .dropdown-chose-list span:before {
    display: none;
}

.services .dropdown-multiple, .dropdown-multiple-label, .dropdown-single {
    /*box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(79,79,79,1);
    border: 1px solid #4f4f4f;
    border-radius: 4px;*/
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    box-shadow: none;
}

.services .dropdown-display-label:after, .dropdown-display:after {
    border-left: 7px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #333333;
    right: 14px;
}

.services .dropdown-display .dropdown-chose-list {
    white-space: normal;
}

.services .dropdown-multiple:hover .dropdown-clear-all, .dropdown-single:hover .dropdown-clear-all {
    display: none;
}

.services .dropdown-multiple-label.active .dropdown-display-label:after, .dropdown-multiple-label.active .dropdown-display:after, .dropdown-multiple.active .dropdown-display-label:after, .dropdown-multiple.active .dropdown-display:after, .dropdown-single.active .dropdown-display-label:after, .dropdown-single.active .dropdown-display:after {
    border-left: 7px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #333333;
    top: 43%;
}

.services .dropdown-display {
    padding-right: 28px;
    border: none;
    opacity: 1;
}

.services .dropdown-sin-2 .placeholder {
    color: #253746;
    font-family: 'Myriad Pro';
    font-size: 1.691rem;
}

.active-box .icon-searching {
    display: none;
}

.active-box .icon-cross {
    display: inline-block;
}

/* Member page styling */
.profile-section {
    /*padding: 10px 0 30px;*/
}

.alex-img {
    position: relative;
}

    .alex-img img {
        width: 100px;
        /*height: 100px;*/
        border: 3px solid #ffffff;
        border-radius: 50%;
    }

    .alex-img:after {
        content: "";
        position: absolute;
        right: 8px;
        bottom: 15px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #61cd24;
        border: 2px solid #ffffff;
    }

.profile-top {
    display: flex;
    align-items: center;
    position: relative;
}

.top-wrap.profile-top {
    justify-content: center;
}

.follow-pic {
    position: relative;
}

.custom-bullets {
    list-style: disc !important;
    margin-left: 35px;
}

    .custom-bullets li::marker {
        color: #e0548d; /* Set the color of the bullet points (Tomato in this case) */
        font-size: 1.5em; /* Increase the size of the bullet points if needed */
    }

.custom-bullets li {
    margin-bottom: 2px; /* Adds spacing between list items */
    color: #333; /* Set the color of the text */
}

.custom-numbers {
    list-style-type: decimal;
    margin-left: 30px;
}

    .custom-numbers li::marker {
        color: #e0548d; /* Custom color for numbers (Tomato) */
        font-size: 1.2em; /* Increase size of the numbers if needed */
        font-weight: bold; /* Make the numbers bold */
    }

    .custom-numbers li {
        margin-bottom: 10px; /* Adds space between list items */
        color: #333; /* Text color of the list items */
        padding-left: 5px;
    }

.full-ver-status-txt {
    font-weight: 700;
    color: #e0548d;
}

.gal-filter-list {
    list-style-type: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-align: right; /* Center align the menu */
}

    .gal-filter-list li {
        display: inline-block;
        /*margin-right: 30px;*/
        margin: 5px 5px;
    }

        .gal-filter-list li:last-child {
            margin-right: 0;
        }

        .gal-filter-list li a {
            text-decoration: none;
            color: black;
            font-size: 16px;
            font-weight: 600;
            padding: 10px;
            transition: color 0.3s ease;
        }

            .gal-filter-list li a:hover {
                color: pink; /* Hover effect matching pink theme */
            }

    /*.follow-pic:after {
        content: "";
        position: absolute;
        right: 2px;
        bottom: 18px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #61cd24;
    }*/

.following-isonline {
    content: "";
    position: absolute;
    right: 5px;
    bottom: 18px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #61cd24;
    border: 2px white solid;
}

.profile-main {
    display: flex;
}

.anastasia {
    white-space: nowrap;
}

.profile-main h3 {
    display: flex;
    flex-direction: column;
    font-family: 'DM Sans', sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    color: #0a3049;
    margin: 0 15px;
    letter-spacing: 0.6px;
}

.alex-mail {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    color: #0a3049;
    letter-spacing: -0.2px;
    margin-top: -1px;
}

.name-intro {
    display: block;
    line-height: 1;
}

.profile-country {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    color: #00aaff;
    display: block;
    margin-right: 8px;
    letter-spacing: 0.5px;
}

.city {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    color: #0a3049;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-wrap .profile-anchor-btn {
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1px 5px 0;
}

.member-btn-wrap .profile-anchor-btn {
    width: 32px;
    height: 32px;
}

.latest-pop li {
    /*background-color: #fff;*/
    padding: 8px 10px;
}

.latest-block {
    width: 28px;
    height: 28px;
}

.d-link {
    padding: 5px 15px;
}

.latest-block .profile-bdr {
    width: 20px;
    height: 3px;
    background-color: #00aaff;
    border-radius: 2px;
    display: block;
    margin-top: 3px;
}

.latest-block .profile-bdr {
    width: 100%;
    height: 3px;
}

.member-btn-wrap .latest-block .profile-bdr {
    height: 3px;
}

.esc-profile .profile-bdr {
    background-color: #e0548d;
}

.profile-bdr:first-child {
    margin-top: 0;
}

.profile-wrap {
    width: 100%;
}

.alex {
    display: none;
}

#report-type-ddl {
    padding: 7px 10px;
}

.af-profile-detail {
    position: absolute;
    bottom: -120px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.profile-wrap p {
    padding-top: 125px;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    color: #0a3049;
    letter-spacing: 0.5px;
    line-height: 1.5;
}

.profile-live {
    /*display: flex;*/
    font-weight: 600;
}

.follow-pic img {
    width: 90px;
    border-radius: 50%;
}

.profile-follow h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin-bottom: 25px;
    font-size: 2rem;
    position: relative;
    color: #253746;
}

    .profile-follow h2:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 52px;
        height: 3px;
        background-color: #e64784;
    }

.follow-detail h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    display: flex;
}

.icon-checkmark {
    /*background: url(../images/check-pink.svg) no-repeat;*/
    background: url(../images/check-green.svg) no-repeat;
    width: 28px;
    height: 28px;
}

.hidden-icon {
    margin-right:40px;
}

.af-checkmar {
    margin-right: 10px;
}

.follow-detail .alex-mail {
    display: block;
}

.af-country {
    color: #e0548d;
    font-size: 1.6rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.follow-detail {
    margin-left: 15px;
}

.profile-follow-block {
    display: flex;
    border: 1px solid #f3f0f0;
    border-radius: 5px;
    padding: 27px 14px 23px 14px;
    margin-bottom: 13px;
}

.following-esc-displayname {
    color: #d75c96;
}

.sub-none {
    display: none;
}

.profile-none {
    display: none;
}

.profile-slide {
    display: none;
}
/* Member page  close */
/* Subscribe page styling */
.subscribe-header {
    position: sticky;
}

.subscribe-head h2 {
    margin-bottom: 0;
}

.subscribe-section {
    padding-top: 20px;
}

    .subscribe-section .container {
        align-items: start;
    }

.subscribe-header:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #e0548d;
    bottom: -2px;
}

.subscribe-wrap {
    width: 100%;
}

.subscribe-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.icon-mob {
    background: url(../images/half-hamburger-left-darkblue.svg) no-repeat;
    width: 26px;
    height: 26px;
    background-size: cover;
    margin-top: 4px;
}

.contact-close.subscribe-tab {
    display: block;
}

.subscribe-tab .tab-list a {
    color: #0a3049;
    font-size: 1.483rem;
    font-weight: 500;
    padding: 10px 12px 10px 12px;
    border-radius: 3px;
    background-color: #f3f5f7;
    border: none;
    text-align: center;
    letter-spacing: 0.5px;
    opacity: 1;
}

.subscribe-tab .tab-list .ui-state-active a {
    color: #fff;
    border: none;
    background-color: #e0548d;
}

.subscribe-tab .tab-list {
    justify-content: space-between;
}

    .subscribe-tab .tab-list li {
        width: 32%;
    }

.subscribe-head:after {
    display: none;
}

.sub-badge-txt {
    color: #00ceff;
    font-weight: 700;
}

.subscribe-button {
    background-color: #e0548d;
    color: #ffffff;
    font-size: 1.4rem;
    font-family: 'DM Sans', sans-serif;
    font-weight: bold;
    padding: 10px 30px;
    border-radius: 12px;
    text-align: center;
    display: block;
    border: 1px solid transparent;
}

    .subscribe-button:hover {
        background-color: transparent;
        border: 1px solid #e0558d;
        color: #e0558d;
    }

.subscribe-tab .profile-follow-block {
    align-items: start;
}

.subscribe-tab .follow-detail h3 {
    margin-bottom: 10px
}

.subscribe-profile {
    display: flex;
    margin-bottom: 7px;
    width: 100%;
    justify-content: space-between;
}

.subscribe-tab .profile-follow-block {
    flex-direction: column;
}

.subscribe-time-block {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.subscribe-on {
    font-size: 1.836rem;
    color: #7c8790;
    font-family: 'Myriad Pro';
    font-weight: 400;
    display: block;
}

.subscribe-time {
    font-size: 1.836rem;
    color: #253746;
    font-family: 'Myriad Pro';
    font-weight: 400;
    display: block;
}

.subbed-name {
    color: #00ffea;
}
/* Subscribe page close */
/* New profile page styling */
.esc-profile .profile-main {
    align-items: start;
    flex-wrap: wrap;
    margin-left: 10px;
}

.esc-profile .profile-details {
    margin-top: -43px;
}

.esc-profile .profile-main h3 {
    font-size: 1.6rem;
    margin: 0 0 15px 0;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.esc-profile .profile-name-info {
    display: block;
}

.esc-profile .follow-btn {
    border-radius: 10px;
    text-align: center;
    padding: 5px 24px 5px 24px;
}

.esc-profile .profile-intro {
    padding-top: 50px;
    width: calc(100% - 100px);
}

.esc-profile .profile-details .fresh-content {
    padding-top: 125px;
}

.esc-profile .profile-country {
    color: #e0548d;
    font-weight:600;
}

.esc-profile .icon-checkmark {
    width: 28px;
    height: 28px;
    background-size: 28px 28px;
    margin: 0 8px;
}

.esc-profile .profile-details p{
    font-size:1.6rem;
}

.location-block li {
    display: flex;
    justify-content: space-between;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    text-align: right;
}

.location-place {
    color: #253746;
}

.country-name {
    color: #e0548d;
}

.esc-age {
    /*font-family: 'DM Sans', sans-serif;*/
}

.esc-profile .profile-live {
    align-items: center;
}

.esc-profile .tabbing-list a {
    padding: 1px 11px;
}

.esc-profile .more-info {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    margin-left: 8px;
    margin-bottom: 5px;
}

.esc-profile .tab-links a {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    color: #0a3049;
    padding: 11px 9px;
}

.esc-profile .ui-tabs-active a {
    border-bottom: 3px solid #e64784;
}

.esc-profile .tab-esc {
    margin-bottom: 14px;
}

.esc-profile .following-content {
    /*padding: 0 4px 19px 8px;*/
}

.esc-profile .following-text {
    font-size: 1.8rem;
}

.esc-profile .post-search {
    margin-right: 16px;
}

.esc-profile .following-tab {
    margin: 0 8px 9px 0;
}

.esc-profile .following-name {
    font-size: 1.6rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-top: 0;
}

.esc-profile .following-time {
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
    margin-top: 0;
}

.esc-profile .following-head {
    padding-right: 14px;
}

.esc-newprofile .following-head {
    padding: 0;
}
/* .esc-profile .dot-menu {
    margin-bottom: 15px;
} */
/* .esc-profile .icon-heart{
    display:none;
} */

.bookmark-wrap {
    width:100%;
}

.bookmark-wrap .comment-text {
    width: 100%;
    padding: 0px 10px;
}

.bookmark-wrap .icon-heart2 {
    display: none;
}

.icon-heart2 {
    background: url(../images/post-heart-filled-pink.svg) no-repeat;
    width: 18px;
    height: 17px;
}

.esc-profile .post-icons {
    padding: 0 2px;
    /*margin-bottom: 5px;*/
}

.esc-profile .icons-wrap {
    margin-bottom: 8px;
}

.esc-profile .icons-text {
    font-size: 1.2rem;
    color: #172b4d;
    display: flex;
}

.esc-profile .likes-count {
    margin-right: 8px;
}

.icon-pinklike {
    /* width: 13px;
	height: 12px;
    background-position:-534px -91px; */
    background: url(../images/post-heart-filled-pink.svg) no-repeat;
    width: 13px;
    height: 12px;
}

.esc-profile .following-content .comment-text p {
    font-size: 1.4rem;
    margin-bottom: 0;
}

.esc-profile .icon-follow {
    display: none;
}

.cross-wrap {
    display: none;
}

.cross-wrap {
    display: none;
    width: 70%;
    align-items: center;
    position: absolute;
    background: #fff;
    left: 0;
}

    .cross-wrap.active {
        display: flex;
    }

.an-none {
    /*display: none;*/
    font-size: 1.1rem;
    color: #ababab!important;
    font-weight: 500;
    text-transform: lowercase;
}

.ar-none {
    font-size:1.2rem;
}

.esc-profile .video-wrap .tab-list {
    width: 100%;
}

.esc-profile .video-wrap .tab-list li {
    width: 50%;
}

.video-block {
    width: 32%;
    margin: 0 2px;
    /*height: 200px;*/
    overflow: hidden;
    /*margin-bottom: 10px;*/
    cursor: pointer;
}

.video-wrap .tab-list a {
    padding: 10px 8px 10px 8px;
}

/*.video-block-wrap {
    text-align: center;
}*/

.video-block-wrap {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}

.video-img {
    position: relative;
    /*height: 200px;*/
}

    .video-img:after {
        content: "";
        position: absolute;
        top: 44%;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: url(../images/video-icon.png) no-repeat;
        width: 26px;
        height: 26px;
        background-size: 26px 26px;
        cursor: pointer;
        pointer-events: none;
    }

.contact-scroll {
    max-height: calc(100vh - 160px);
}
/* New profile page close */
/* Bookmark section styling */
.bookmark-section {
    padding-top:15px;
    /*padding-top: 110px;*/
    /*POTENTIAL REMOVE BELOW*/
    /*margin-top: 50px;*/
}

.bookmark-wrap .icon-heart {
    display: block;
}

.bookmark-wrap .left-icons {
    display: flex;
    margin-bottom: 5px;
}

.hide-comment {
    display: none;
}

.view-sub {
    font-size: 1.6rem;
    font-family: 'Poppins', sans-serif;
    color: #172b4d;
}

.book-none {
    display: none;
}

.bookmark-profile .following-name {
    font-family: 'Poppins', sans-serif;
}

.bookmark-profile .profile-details p {
    color: #172b4d;
    /*font-family: 'DM Sans', sans-serif;*/
    letter-spacing: -0.2px;
}

.bookmark-profile .icons-text {
    display: block;
    color: #172b4d;
    /*font-family: 'DM Sans', sans-serif;*/
    /*font-weight: bold;*/
    font-size: 1.2rem;
    margin-bottom: 8px;
}

.likes-text {
    margin-right: 6px;
}

.bookmark-profile .likes-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.bookmark-profile .likes-count {
    letter-spacing: 0.29px;
    margin-right: 8px;
}

.bookmark-profile {
    padding-bottom: 20px;
}
/* Bookmark section close */
/* New setting section styling */
.fill-block {
    border: 1px solid #d7d7d7;
    border-radius: 1px;
    position: relative;
    margin-bottom: 15px;
    padding: 15px 30px;
}

.form-control {
    width: 100%;
}

.fill-block label {
    background-color: #fff;
    position: absolute;
    top: -11px;
    left: 9px;
    padding: 0 21px;
    font-family: 'Myriad Pro';
    font-size: 1.268rem;
    z-index: 1;
}

.fill-block small {
    opacity: 0.56;
    color: #565656;
}

.city-wrap {
    margin-bottom: 15px;
}

.fill-city {
    position: relative;
}

.fill-block .form-control {
    font-size: 1.691rem;
    font-family: 'Myriad Pro';
    color: #565656;
    letter-spacing: -1.1px;
}

.fill-block ::placeholder {
    color: #565656;
}

.fill-bio {
    min-height: 63px;
}

.city-name {
    font-family: 'Myriad Pro';
    color: #565656;
    opacity: 0.56;
    font-size: 1.6rem;
    display: inline-block;
    margin-bottom: 12px;
}

.fill-city .select-location {
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    box-shadow: none;
    padding: 15px 25px;
}

.dropdown-sin-2 select {
    width: 100%;
}

.national-fill {
    padding: 0;
}

    .national-fill .select-location {
        border: none;
    }

.choices__inner {
    border-radius: 0;
    background-color: #fff;
}

.choices__list--multiple .choices__item {
    background-color: #e0548d;
    border: 1px solid #e0548d;
    border-radius: 0px;
    padding: 8px !important;
    font-size: 1.2rem;
    font-family: 'Myriad Pro';
    color: #fff;
}

.multiple-select-box {
    margin-bottom: 12px;
}

    .multiple-select-box .choices__item .choices__button {
        display: none;
    }

.warning-wrap {
    display: flex;
    border-radius: 2px;
    border: 1px solid #e3e3e3;
}

.verified-warning {
    font-size: 1.6rem;
    color: white;
    /*font-family: 'DM Sans', sans-serif;*/
    /*font-weight: 500;*/
    background: #e0548d;
    width: calc(100% - 37px);
    padding: 10px 8px;
    padding: 7px 10px 2px 8px;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

.warning-txt {
    font-size: 1.4rem;
    color: #565656;
    /*font-family: 'DM Sans', sans-serif;*/
    /*font-weight: 500;*/
    width: calc(100% - 37px);
    padding: 10px 8px;
    padding: 7px 10px 2px 8px;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

    .warning-txt a:link, .warning-txt a:visited {
        color: #e0548d;
        font-weight:600;
    }

.warning-icon {
    width: 36px;
    background-color: #e3e3e3;
    display: flex;
    justify-content: center;
    padding: 7px 8px;
}

.icon-warning {
    width: 17px;
    height: 17px;
    background-position: -182px -532px;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
}

.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #efefef;
}

.choices__list[aria-expanded] .choices__item--selectable {
    background-color: #fff;
}
/* New setting section close */

/* Message page styling */
.message-section {
    padding: 0;
}

.icon-searchmob {
    background: url(../images/message-magnifying-glass-black.svg) no-repeat;
    width: 20px;
    height: 20px;
}

.icon-searchcrosss {
    width: 19px;
    height: 19px;
    background-position: -171px -571px;
}

.search-wrap {
    display: flex;
    align-items: center;
    position: relative;
}

.msg-menu {
    display: none;
}

.search-txt {
    font-family: 'Poppins', sans-serif;
    font-size: 1.8rem;
    color: #253746;
    display: inline-block;
    margin-left: 15px;
    width: 150px;
}

    .search-txt::placeholder {
        color: #b8b8b8;
    }

.search-items-container{
    width:100%;
}

.icon-plusmsg {
    background: url(../images/message-plus-black.svg) no-repeat;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    display: inline-flex !important;
    margin-left: 10px;
}

/* Custom scrollbar for WebKit browsers (Chrome, Safari, Edge) */
.message-tab-block::-webkit-scrollbar {
    height: 12px!important; /* Adjust the height for horizontal scroll */
}

.message-tab-block::-webkit-scrollbar-thumb {
    background-color: #0a3049; /* Custom color for the scrollbar thumb */
    border-radius: 10px; /* Round edges */
}

.message-tab-block::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Track color */
}

/* Force horizontal scrolling */
.message-tab-block {
    overflow-x: auto; /* Enable horizontal scrolling if content overflows */
    overflow-y: hidden; /* Hide vertical scrolling */
    white-space: nowrap; /* Prevent content wrapping */
    align-items: center;
    margin-bottom: 25px;
    max-width: 100%; /* Ensure container doesn't stretch to fit content */
}

/* For Firefox: Thumb color followed by track color */
.message-tab-block {
    scrollbar-color: #476173 #f1f1f1;
    scrollbar-width: thin; /* Adjust scrollbar thickness for Firefox */
}

    .message-tab-block .tab-list a {
        color: #0a3049;
        font-size: 1.483rem;
        font-weight: 500;
        padding: 10px 12px 10px 12px;
        border-radius: 3px;
        background-color: #f3f5f7;
        border: none;
        text-align: center;
        letter-spacing: 0.5px;
        opacity: 1;
        width: 122px;
        font-family: 'DM Sans', sans-serif;
    }

    .message-tab-block .tab-list .ui-state-active a {
        color: #fff;
        border: none;
        background-color: #e0548d;
    }

    .message-tab-block li {
        margin-right: 12px;
    }

    .message-tab-block .tab-list {
        margin-bottom: 0;
        width: 85%;
        overflow: auto;
        padding-bottom: 5px;
    }

.icon-send {
    width: 18px;
    height: 18px;
    background-position: -361px -531px;
}

.click-follow {
    background-color: #e0548d;
    font-size: 1.366rem;
    color: #fefefe;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    padding: 11px 25px;
    border-radius: 3px;
    /*margin: 0 0 15px;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 274px;
    letter-spacing: 0.2px;
    margin: auto;
}

.messages {
    display: block;
}

.click-message-block .msg-name {
    display: block;
}

.click-message-block {
    display: none;
    width: 100%;
    padding: 15px 14px 18px 15px;
}

    .click-message-block .msg-wrap {
        padding-bottom: 10px;
        border-bottom: 1px solid #ededed;
        position: relative;
    }

        .click-message-block .msg-wrap:after {
            content: "";
            width: 100%;
            position: absolute;
            left: 0;
            bottom: -2px;
            height: 1px;
            background-color: #f3f3f3;
        }

.messages.msg-hide {
    display: none;
}

.msg-open {
    display: block;
}

.message-follower-block.active {
    display: none;
}

.back-btn {
    margin: 2px 11px 0 11px;
}

.search-txt {
    font-size: 1.5rem;
}

.head-content h1 {
    font-size: 1.7rem;
}

.user-search {
    margin-right: 11px;
}

.post-video {
    width: 100%;
}

.icon-hamburger {
    display: block;
    background: url(../images/half-hamburger-right-darkblue.svg)no-repeat;
    width: 26px;
    height: 26px;
    background-size: cover;
}

.chat-img {
    margin-top: 10px;
    overflow: hidden;
    /*height: 350px;*/
    /*width: 350px;*/
    position: relative;
    cursor: pointer;
}

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

.message-video {
    /*width:350px;*/
    overflow: hidden;
}

.add-media-message {
    cursor: pointer;
}

    .add-media-message:hover {
        opacity: 0.6;
    }

.add-media-message-disabled {
    cursor: pointer;
    opacity: 0.6;
}

.close-media-message {
    cursor: pointer;
}

    .close-media-message:hover {
        opacity: 0.6;
    }

.icon-mail {
    background: url(../images/message-multi-image-black.svg) no-repeat;
    width: 20px;
    height: 18px;
    background-size: 20px 18px;
}

.icon-messageadd {
    background: url(../images/message-add-black.svg) no-repeat;
    width: 19px;
    height: 19px;
    background-size: 19px 19px;
}

.message-icon a {
    margin-right: 10px;
}

.message-icon {
    position: absolute;
    bottom: 11px;
    left: 15px;
}

.msg-hilight {
    font-weight: bold;
}

.msg-search-block {
    display: none;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 1px;
}

.msg-search-user {
    position: absolute;
    background-color: #fff;
    left: 0;
    display: flex;
}

.msg-search-block.active {
    display: flex;
}

.user-add {
    cursor: pointer;
}

.msg-open .msg-wrap {
    border-top: 1px solid #ededed;
    border-bottom: 0;
    padding: 10px 0 5px;
}

    .msg-open .msg-wrap:last-child {
        border-bottom: 1px solid #ededed;
        padding-bottom: 8px;
    }

    .msg-open .msg-wrap:after {
        top: -2px;
    }
/* Message page close */
.countrypicker-block ul.dropdown-menu {
    max-height: 330px !important;
    min-height: 0 !important;
}

.countrypicker-block .bootstrap-select.btn-group .dropdown-menu.inner {
    min-height: 0 !important;
}

.country-drop {
    min-height: 0 !important;
}

    .country-drop li {
        width: 100%;
        margin: 5px 0;
        float: left;
        min-height: 30px;
        padding: 5px 0;
        cursor: pointer;
    }

        .country-drop li:hover {
            opacity: 0.6;
        }

        .country-drop li:nth-child(even) {
            float: right;
        }

        .country-drop li.no-results {
            display: none;
        }

.country-indi-flag {
    margin-right: 14px;
    width: 26px;
    height: 26px;
}

.country-indi {
    display: flex;
    cursor: pointer;
}

.pick-country {
    position: absolute;
    height: 350px;
    overflow: hidden;
    font-size: 1.684rem;
    color: #0a3049;
    margin: 10px 20px;
}

.countrypicker-block {
    background: #fff;
    min-height: 100vh;
}
/* Find page styling */
.form-content input[type='text'] {
    padding: 12px 10px;
    margin: 6px 0 12px 0;
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
}

.form-content input[type='password'] {
    padding: 12px 10px;
    margin: 10px 0 17px 0;
    border: 1px solid rgba(40, 40, 40, .25);
    border-radius: 4px;
}

.side-countrypicker {
    width: 330px;
    position: fixed;
    left: -400px;
    /*top: 97px;*/
    height: 100%;
    /*padding-top: 50px;*/
    z-index: 5;
    transition: all 0.5s;
}

    .side-countrypicker::after {
        position: fixed;
        top: 50px;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        content: "";
        transition: all 0.5s;
        z-index: -1;
        pointer-events: none;
        opacity: 0;
    }

    .side-countrypicker.open-datepicker {
        left: 0;
    }

        .side-countrypicker.open-datepicker::after {
            opacity: 1;
        }

    .side-countrypicker .dropdown-menu {
        display: block;
        border: none;
        padding: 0 8px;
        box-shadow: none;
    }

    .side-countrypicker .countrypicker {
        position: relative;
    }

.close-btn {
    /*display: none;*/
}

.countrypicker-block {
    background: #fff;
}

.dropdown-toggle {
    position: absolute;
    z-index: -2;
}

.bs-searchbox .form-control {
    background-color: #fff;
    /*border: 1px solid #e1e1e1;*/
    border-radius: 1px;
    color: #253746;
    font-size: 1.6rem;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    padding: 9px 29px 9px;
}

    .bs-searchbox .form-control::placeholder {
        color: #253746;
    }

.bs-searchbox {
    background-color: transparent;
    padding: 0;
}

.search-country .form-control {
    background-color: #fff;
    /*border: 1px solid #e1e1e1;*/
    border-radius: 1px;
    color: #253746;
    font-size: 1.6rem;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    padding: 9px 29px 9px;
}

    .search-country .form-control::placeholder {
        color: #253746;
    }

.search-country {
    background-color: transparent;
    padding: 0;
}

.search-wrap-txt {
    display: flex;
    align-items: center;
    padding: 20px 8px 20px 8px;
}

    .search-wrap-txt .closing-btn {
        margin: 0 0 0 auto;
    }

.bootstrap-select.btn-group .dropdown-menu.inner {
    border: none;
}

.dropdown-menu .mCS-3d-thick.mCSB_scrollTools_vertical {
    background-color: #fbfbfb;
    box-shadow: none;
    width: 6px;
}

.dropdown-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none !important;
    box-shadow: none;
}

.dropdown-menu .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    margin: 0;
}

.dropdown-menu .mCSB_scrollTools .mCSB_dragger {
    background: #e0548d !important;
    height: 30px !important;
    width: 5px;
    border-radius: 5px;
}
/* Find page close */

.account-head {
    position: sticky;
    top: 73px;
    background: #fff;
    z-index: 3;
    padding: 10px 20px;
    margin: 0 -9px;
}

.settings-save {
    /*position: sticky;
    top: 73px;*/
    background: #fff;
    z-index: 3;
    /*padding: 10px 20px;
    margin: 0 -9px;*/
}
/* messages */
.all-chat-form {
    display: none;
}

    .all-chat-form.active {
        display: block;
    }

.table {
    display: table;
    text-align: center;
    width: 100%;
    /*margin: 10% auto 0;*/
    border-collapse: separate;
    font-family: "Myriad Pro", sans-serif;
    font-weight: 400;
}

    .table input {
        text-align: center;
    }

.table_row {
    display: table-row;
}

.theader {
    display: table-row;
}

.table_header {
    display: table-cell;
    /*border-bottom: #ccc 1px solid;
    border-top: #ccc 1px solid;*/
    /*background: #bdbdbd;*/
    /*color: #e5e5e5;*/
    padding-top: 7px;
    font-size: 1.2rem;
    font-weight: 600;
    /*padding-bottom: 10px;*/
    /*font-weight: 700;*/
}

/*.table_header:first-child {
        border-left: #ccc 1px solid;
        border-top-left-radius: 5px;
    }

    .table_header:last-child {
        border-right: #ccc 1px solid;
        border-top-right-radius: 5px;
    }*/

.table_small {
    display: table-cell;
}

.table_row > .table_small > .table_cell:nth-child(odd) {
    display: none;
    /*background: #bdbdbd;*/
    /*color: #e5e5e5;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

.table_row > .table_small > .table_cell {
    padding-top: 3px;
    padding-bottom: 3px;
    color: #5b5b5b;
    /*border-bottom: #ccc 1px solid;*/
    margin: 0px 10px;
}

/*.table_row > .table_small:first-child > .table_cell {
    border-left: #ccc 1px solid;
}

.table_row > .table_small:last-child > .table_cell {
    border-right: #ccc 1px solid;
}

.table_row:last-child > .table_small:last-child > .table_cell:last-child {
    border-bottom-right-radius: 5px;
}

.table_row:last-child > .table_small:first-child > .table_cell:last-child {
    border-bottom-left-radius: 5px;
}
*/
.table_row:nth-child(2n+3) {
    background: #e9e9e9;
}

@media screen and (max-width: 900px) {
    .table {
        width: 90%
    }
}

@media screen and (max-width: 650px) {
    .table {
        display: block;
    }

    .table_row:nth-child(2n+3) {
        background: none;
    }

    .theader {
        display: none;
    }

    .table_row > .table_small > .table_cell:nth-child(odd) {
        display: table-cell;
        width: 50%;
    }

    .table_cell {
        display: table-cell;
        width: 50%;
    }

    .table_row {
        display: table;
        width: 100%;
        border-collapse: separate;
        padding-bottom: 20px;
        margin: 5% auto 0;
        text-align: center;
    }

    .table_small {
        display: table-row;
    }

    .table_row > .table_small:first-child > .table_cell:last-child {
        border-left: none;
    }

    /*.table_row > .table_small > .table_cell:first-child {
        border-left: #ccc 1px solid;
    }

    .table_row > .table_small:first-child > .table_cell:first-child {
        border-top-left-radius: 5px;
        border-top: #ccc 1px solid;
    }

    .table_row > .table_small:first-child > .table_cell:last-child {
        border-top-right-radius: 5px;
        border-top: #ccc 1px solid;
    }

    .table_row > .table_small:last-child > .table_cell:first-child {
        border-right: none;
    }

    .table_row > .table_small > .table_cell:last-child {
        border-right: #ccc 1px solid;
    }

    .table_row > .table_small:last-child > .table_cell:first-child {
        border-bottom-left-radius: 5px;
    }

    .table_row > .table_small:last-child > .table_cell:last-child {
        border-bottom-right-radius: 5px;
    }*/
}

/*OVERLAY SPINNER*/

.overlay-media-posts {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*background: white;*/
    z-index: 9;
    padding: 50px 0px;
}

.overlay-posts {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*background: white;*/
    z-index: 9;
    padding: 50px 0px;
}

.overlay-messages {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*background: white;*/
    z-index: 9;
    padding: 50px 0px;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: white;
    z-index: 10;
    /*Remove margin-top if want whole screen to be covered by overlay*/
    margin-top: 47px;
}

.overlay-not-seethrough {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.6);
    z-index: 3;
    /*Remove margin-top if want whole screen to be covered by overlay*/
    margin-top: 47px;
}

.overlay-seethrough {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .6);
    z-index: 12;
    /*Remove margin-top if want whole screen to be covered by overlay*/
    /*margin-top: 47px;*/
}

/*.overlay-seethrough-payments {
    background: rgba(255, 255, 255, .9);*/
    /*Remove margin-top if want whole screen to be covered by overlay*/
    /*margin-top: 47px;*/
/*}*/
.overlay-seethrough-payments {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .9);
    z-index: 12;
}

.overlay-text {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 37%;
    font-size: 1.8rem;
    color: #e0548d;
    z-index: 9999;
    font-weight: 600;
}

.overlay-text-payment {
    font-size: 1.9rem;
    font-weight: 700;
}


    .sk-chase {
        width: 50px;
        height: 50px;
        position: relative;
        animation: sk-chase 2.5s infinite linear both;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 9999;
    }

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

    .sk-chase-dot:before {
        content: '';
        display: block;
        width: 25%;
        height: 25%;
        background-color: #e0548d;
        border-radius: 100%;
        animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
    }

    .sk-chase-dot:nth-child(1) {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2) {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3) {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4) {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5) {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6) {
        animation-delay: -0.6s;
    }

    .sk-chase-dot:nth-child(1):before {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2):before {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3):before {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4):before {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5):before {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6):before {
        animation-delay: -0.6s;
    }

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot {
    80%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4);
    }

    100%, 0% {
        transform: scale(1.0);
    }
}
/*END OVERLAY SPINNER*/

.readMoreBio, .readLessBio {
    display: block;
    font-family: 'Poppins', sans-serif;
    color: #e0548d;
    margin: 10px 0;
    cursor: pointer;
    font-size: 1.5rem;
}

.esc-prof-bio-wrapper{
     display: -webkit-box;
    -webkit-line-clamp: 5; /* Number of lines shown initially */
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s ease;
}

.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
    display: none;
}

.addReadMore.showmorecontent .readMore {
    display: none;
}

.addReadMore .readMore,
.addReadMore .readLess {
    display: block;
    font-family: 'Poppins', sans-serif;
    color: #e0548d;
    margin: 10px 0;
    cursor: pointer;
    font-size: 1.5rem;
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
    display: block;
}

.ty-compact-list {
    padding: 5px 5px 5px 0px;
    float: left;
    width: 100%;
}

.show-more {
    display: none;
    cursor: pointer;
}

.find-images .no-results {
    margin: auto;
}

.no-results {
    background: #e0548d;
    color: white;
    padding: 10px 15px;
    border-radius: 3px;
    margin-top: 5vh;
    text-align: center;
}

.no-results-settings {
    background: #e0548d;
    color: white;
    padding: 5px 15px;
    border-radius: 3px;
    text-align: center;
}

.no-posts {
    color: #e0548d;
    font-size: 2rem;
    font-weight: 500;
    border-radius: 3px;
    text-align: center;
    margin: 0 auto;
    margin-top: 6vh;
}

.signup-success-txt{
    font-size:1.7rem;
}

/*Login Styles*/
#username-kicker {
    /*font-size: 11px;
    margin-left: 20px;*/
    color: #e0548d;
}

.username-input {
    text-transform: lowercase !important;
}

/*End Login Styles*/

.drawer-page.is-active {
    display: flex;
}

.drawer-value.is-active-filter {
    background: #e0548d;
    color: white;
}

.drawer-page {
    display: none;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    height: 80vh;
}

.drawer-header {
    align-items: center;
    background-color: #f2f2f2;
    display: flex;
    height: 60px;
    justify-content: space-between;
    padding: 0 1rem;
}

.drawer-footer, .drawer-header {
    flex-grow: 0;
    flex-shrink: 0;
}

.drawer-body {
    -webkit-overflow-scrolling: touch;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
}

.drawer-filter:not(:last-child), .drawer-value:not(:last-child) {
    border-bottom: 1px solid #ebebeb;
}

.drawer-value {
    align-items: center;
    color: #b5b5b5;
    display: flex;
    position: relative;
}

.drawer-filter, .drawer-value {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    /* margin: 0 1rem;*/
    min-height: calc(3.5rem + 1px);
    /*padding: .5rem 0;*/
    padding: 5px;
}

.drawer-value-checkbox {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
}

.drawer-value-icon {
    color: #32ca7d;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 1rem;
    visibility: hidden;
}

/*DROPDOWN MENU STYLE*/
/* Dropdown container - needed to position the dropdown content */
.dropdown {
    float: left;
    overflow: hidden;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    /* Style the links inside the dropdown */
    .dropdown-content .menu-opt {
        float: none;
        color: #e0548d;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        font-weight: 500;
    }

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #555;
    color: white;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content .menu-opt:hover {
    background-color: #ddd;
    color: black;
    cursor: pointer;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
    display: block;
}
/*DROPDOWN MENU STYLE END*/

/* REPORT PROFILE MODAL*/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-header {
    background-color: red;
    padding: 10px 20px;
    color: white;
    font-size: 1.6rem;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 20vw; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close-modal {
    color: white;
    float: right;
    /*font-size: 28px;*/
    font-weight: bold;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#report-message-txt {
    min-width: 100%;
    max-width: 100%;
    min-height: 100px;
    max-height: 100px;
    padding: 10px;
    border: 1px solid;
    border-radius: 3px;
}

#report-conversation-txt {
    min-width: 100%;
    max-width: 100%;
    min-height: 100px;
    max-height: 100px;
    padding: 10px;
    border: 1px solid;
    border-radius: 3px;
}

.report-btn {
    text-transform: uppercase;
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 1.4rem;
    color: #ffffff;
    background-color: #e0548d;
    border-radius: 3px;
    padding: 5px 6px 5px 7px;
    border: 1px solid transparent;
    margin-left: auto;
    margin-right: auto;
}

    .report-btn:hover {
        color: #e0548d;
        border: 1px solid #e0548d;
        background-color: #ffffff;
        opacity: 1;
        cursor: pointer;
    }

/* REPORT PROFILE MODAL END*/

.forgotpw-content {
    max-width: 400px;
}

.text-red {
    color: red;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 8px;
    text-align: right;
    border-bottom: 1px solid #ddd;
}

tr:hover {
    background-color: #f5f5f5;
}

.followed-accounts-header {
    background: #0a3049;
    color: white;
}

    .followed-accounts-header:hover {
        background: #0a3049;
        opacity: 0.8;
    }

.modal-larger {
    width: 1200px !important;
}

.fyre-btn {
    background-color: #e0548d;
    font-weight: 500;
    font-size: 1.361rem;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    text-transform: capitalize;
    border: 1px solid transparent;
    /* padding: 9px 39px 7px 38px; */
    padding: 7px 5px;
    width: 150px;
    border-radius: 1px;
    transition: all 0.5s;
}

    .fyre-btn:hover {
        color: #e0548d;
        border: 1px solid #e0548d;
        background-color: #ffffff;
    }

.verify-list li {
    list-style: decimal;
    list-style-position: inside;
}

.loc-text {
    color: #e0548d;
    /*font-size: 1rem;*/
    cursor: pointer;
}

.terms-list {
    list-style: decimal;
    list-style-position: inside;
    padding-left: 35px;
}

.docs a {
    color: #e0548d;
}

.docs h1 {
    font-weight: 600;
    letter-spacing: -.5px;
    font-size: 1.973rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px;
}

    .docs h1::after {
        position: absolute;
        bottom: -6px;
        left: 0;
        width: 55px;
        height: 4px;
        content: "";
        background-color: #e0548d;
    }

.notif-ol li {
    border-bottom: 1px solid rgba(138,150,163,.25);
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.notif-ol p {
    font-size: 11px;
}

.filter-option-text {
    font-size: 1.4rem;
}

.notif-btn {
    color: #0a3049;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 2px 0;
    border: 1px solid #f4f5f7 !important;
    background: #f4f5f7 !important;
}

    .notif-btn:hover {
        background: #20608b !important;
        color: white;
        opacity: 0.8;
    }

.notif-btn-active {
    background: #20608b !important;
    color: white;
}

.priv-filters {
    padding: 10px 0px 15px 10px;
}

.priv-filter-btn {
    color: #0a3049;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 2px 0;
    border: 1px solid #f4f5f7 !important;
    background: #f4f5f7 !important;
}

    .priv-filter-btn:hover {
        background: #20608b !important;
        color: white;
        opacity: 0.8;
    }

.priv-filter-btn-active {
    background: #20608b !important;
    color: white;
}

/*.notif-btn-container{
    margin-bottom: 5px;
}*/

.clear-all-notif {
    cursor: pointer;
    color: #000;
    margin-left:10px;
    font-weight: 600;
}

.notif-container {
    max-width: 1157px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
}

.icon-save {
    cursor: pointer;
}

.mem-name {
    color: #00aff0 !important;
}
/* BLOG STYLES */
.blog-content {
    width: 900px;
    margin: 0 auto;
    padding: 53px 0 25px 0;
}

    .blog-content ul {
        list-style-type: initial !important;
        margin-left: 35px;
    }


/* END BLOG STYLES */

.selectize-control.loading:after {
    font-family: 'entypo' !important;
    speak: none;
    text-transform: none;
    line-height: inherit;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "" !important; /* here is set the character corresponding to the entypo icon */
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 9.94px;
}


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

.msg-username a:link, .msg-username a:visited {
    color: #0a3049;
}

.profile-follow-block a:link, .profile-follow-block a:visited {
    color: #0a3049;
}

#username-site {
    color: #e0548d;
}

#username-error {
    display:block;
}
/*#password-strength-status {
    color: #ff6060;
    font-size: 1.3rem;
}*/
.text-valid {
    color: #ff6060;
    font-size: 1.4rem;
}

.new-card-link {
    cursor: pointer;
}

.bold-pink {
    color: #e0548d;
    font-weight:600;
}

.modal-input {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    width: 100% !important;
    padding: 7px !important;
    box-shadow: none !important;
    outline: 0 !important;
    display: block !important;
}

.banking-header {
    font-weight: 600;
    letter-spacing: .5px;
    font-size: 1.473rem;
    color: #0a3049;
    text-transform: capitalize;
    position: relative;
    line-height: 1.2;
}

.banking-subheader {
    font-weight: 500;
    font-size: 1.3rem;
    margin: 5px;
}

.banking-value {
    font-weight: 600;
    margin: 5px;
}

.bank-button {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 1.409rem;
    color: #ffffff;
    background-color: #e0548d;
    border-radius: 4px;
    padding: 6px 41px;
    border: 1px solid transparent;
    transition: all 0.5s;
}

/*
.medium-password {
    color:orange;
}

.weak-password {
    color:red;
}

.strong-password {
    color:green;
}*/


/* sidebar-start */

.sidebar-block {
    /*max-width: 320px;*/
    max-width: 400px;
    width: 100%;
    position: fixed;
    left: -120%;
    /*top: 97px;*/
    background-color: #fff;
    padding-bottom: 20px;
    transition: all 0.5s;
    z-index: 5;
    height: 100%;
}

    .sidebar-block .select-menu-wrap .select-menu {
        padding: 13px 19px 12px 11px;
    }

    .sidebar-block .find-dropdown-content .bs-caret {
        margin-top: -5px;
    }

.fixed-navbar .sidebar-block {
    /*top: 52px;*/
}

.open-menu .sidebar-block {
    left: 0;
}

.country-group {
    max-height: calc(100vh - 450px);
}


    .country-group .mCS-3d-thick.mCSB_scrollTools_vertical {
        background-color: #fbfbfb;
        box-shadow: none;
        width: 6px;
    }

    .country-group .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: none !important;
        box-shadow: none;
    }

    .country-group .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
        margin: 0;
    }

    .country-group .mCSB_scrollTools .mCSB_dragger {
        background: #e0548d !important;
        height: 30px !important;
        width: 5px;
        border-radius: 5px;
    }

    .country-group .country {
        display: block;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 1.4rem;
        letter-spacing: 0.2px;
        margin: 0 14px;
        background: #253746;
        color: #fff;
        padding: 2px 15px;
        margin-bottom: 10px;
    }

.sidebar-block .search-header {
    margin: 0 14px 15px;
    border: 1px solid #e1e1e1;
    display: flex;
    align-items: center;
}

    .sidebar-block .search-header .bs-searchbox {
        position: relative;
    }

        /*.sidebar-block .search-header .bs-searchbox::after {
            position: absolute;
            content: "";
            right: 0px;
            top: 10px;
            height: 25px;
            width: 2px;
            background-color: #cdd1d4;
        }*/

.sidebar-block .search-dropdown {
    position: relative;
}

.sidebar-block .bs-caret {
    position: absolute;
    right: 10px;
    top: 41%;
    pointer-events: none;
}

.sidebar-block .dropdown-items {
    margin-right: 15px;
}

.sidebar-block .search-header .icon-target {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: 10px;
}

.sidebar-block .dropdown-js .btn {
    background-color: transparent;
    color: #253746;
    text-transform: lowercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    padding: 0;
    white-space: nowrap;
    border-color: transparent;
}

.sidebar-block .dropdown-js .dropdown-menu {
    top: 112% !important;
}

.sidebar-block .dropdown-js .dropdown-menu {
    min-width: 107px !important;
}

.enter-search-wrapper {
    padding:0px 10px;
}

.dropdown-items {
    font-family: 'Poppins', sans-serif;
    display: block;
    border: none;
    color: #253746;
    padding: 10px 8px 10px 11px;
}

.dropdown-js .dropdown-toggle {
    position: static !important;
    display: flex;
}

.dropdown-js .dropdown-menu.inner {
    padding: 8px 0px 0px !important;
    min-height: auto !important;
}

.dropdown-js .dropdown-inner-title {
    display: none;
}

.dropdown-js .dropdown-menu.inner li {
    margin-bottom: 2px !important;
    min-height: auto !important;
    /*padding-left: 13px;*/
    padding: 4px 0px 4px 10px;
}

    .dropdown-js .dropdown-menu.inner li:hover {
        background-color: #e0548d;
        color: #fff !important;
    }

.dropdown-menu {
    color: #fff !important;
}

.dropdown-js .dropdown-menu.inner a:focus {
    opacity: 1;
}

.dropdown-js .dropdown-menu {
    box-shadow: none;
    min-width: 107px !important;
    border-radius: 0;
    border: 1px solid #8b8b8b;
}

    .dropdown-js .dropdown-menu.inner span.text {
        font-size: 1.2rem !important;
        color: #253746 !important;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
    }

        .dropdown-js .dropdown-menu.inner span.text:hover {
            color: #fff !important;
        }

.dropdown-items option {
    display: block;
    margin: 5px;
    color: #253746;
    font-size: 1.2rem;
}

    .dropdown-items option:hover {
        background-color: #253746 !important;
        color: #fff !important;
    }

.sidebar-block .search-header input {
    padding: 9px 10px 9px 29px;
}

.country-list {
    display: block;
    margin-left: 25px;
}

    .country-list li {
        margin-bottom: 5px;
    }

        .country-list li a {
            display: flex;
            justify-content: space-between;
        }

li.search-row {
    display: flex;
    align-items: center;
}

.left-side {
    display: flex;
    /*align-items: center;*/
}

.country-name {
    display: inline-block;
    font-size: 1.684rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #e0548d;
}

.location-name {
    display: inline-block;
    font-size: 1.684rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #253746;
}

.country-code {
    display: inline-block;
    font-size: 1.4rem;
    color: #0a3049;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-right: 18px;
}

.submit-box {
    width: 100%;
    text-align: center;
}

    .submit-box .submit-btn {
        padding: 6px 12px 4px 12px;
        border-radius: 4px;
        border: 1px solid transparent;
        background-color: #e0548d;
        text-transform: uppercase;
        text-align: center;
        font-family: 'DM Sans', sans-serif;
        font-weight: 700;
        font-size: 1.8rem;
        color: #fefefe;
        transition: all 0.5s;
        width: 95%;
    }

        .submit-box .submit-btn:hover {
            color: #e0548d;
            border: 1px solid #e0548d;
            background-color: transparent;
        }

/* sidebar-end */
/* loaction-group-start */
.location-group {
    background-color: #fff;
    /* width: calc(100% - 25px); */
    margin: 0px auto 0;
}

.find .direction-row {
    display: block;
    width: 100%;
}

.location-name,
.location-code {
    font-family: 'Poppins', sans-serif;
    /*font-weight: 600;*/
}

.find-dropdown-content {
    position: relative;
    flex: none;
    margin-left: auto;
}

.select-menu-wrap {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 8px;
}

    .select-menu-wrap .select-menu {
        color: #253746;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        font-size: 1.2rem;
        padding: 13px 2px 12px 11px;
    }

    .select-menu-wrap .dot-pop-up {
        padding: 10px 0;
    }

    .select-menu-wrap li {
        padding: 0;
    }

    .select-menu-wrap a {
        display: block;
        color: #253746;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        padding: 3px;
        font-size: 1.5rem;
    }

        .select-menu-wrap a:hover {
            color: #e0548d;
        }

.find-dropdown-content .bs-caret {
    pointer-events: none;
    margin-top: -6px;
    margin-left: 5px;
}

.location-list li {
    margin-bottom: 12px;
}

.location-list a {
    display: flex;
    justify-content: space-between;
    color: #0a3049;
    font-size: 1.4rem;
}

.location-group .slick-dots {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    width: calc(100% - 70px);
    margin-left: auto;
    margin-right: auto;
}

.desktop-view {
    display: none;
}

.location-group .slick-list {
    margin: 0 -14px;
}

.location-group .slick-slide {
    margin: 0 14px;
}

.location-group .slick-track {
    display: flex;
}

.location-group .slick-dots li {
    margin: 0 4px;
    width: 100%;
    height: 4px;
}

.form-find .dropdown-js .dropdown-menu {
    top: 105% !important;
}

.location-group .slick-dots .slick-active {
    background-color: #000;
}

.find-head-slider {
    padding-bottom: 30px;
}

.location-group .slick-prev {
    left: 4px;
    background-position: -513px -170px;
    width: 9px;
    height: 16px;
}

.location-group .slick-next {
    right: 4px;
    background-position: -545px -169px;
    width: 9px;
    height: 16px;
}

.location-group .slick-prev,
.location-group .slick-next {
    top: 94%;
    z-index: 1;
}

.find-overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 4;
    opacity: 0;
    transition: all 0.5s linear;
    pointer-events: none;
}

.open-menu .find-overlay {
    opacity: 1;
}

/* loaction-group-end */

.more-escorts-bold {
    color: #e0548d;
}

.ui-tooltip {
    background: #333;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.location-container {
    width: 100%; 
    box-sizing: border-box;
}

.location-panel {
}

    .location-panel input[type="date"] {
        width: 100%; /* Full width of the container */
        padding: 10px; /* Padding inside the input for better readability */
        /*margin-top: 5px;*/ /* Margin at the top for spacing between label and input */
        margin-bottom: 15px; /* Margin at the bottom for spacing */
        border: 1px solid #ccc; /* Light grey border */
        border-radius: 4px; /* Slightly rounded corners for the input */
        box-sizing: border-box; /* Include padding and border in the element's total width */
    }

    /*.location-panel label {
        display: block;*/ /* Make labels block-level for better structure */
        /*margin-bottom: 5px;*/ /* Small space between label and input */
    /*}*/

    /* Additional styling for focus and hover states for better user experience */
    .location-panel input[type="date"]:focus {
        border-color: #007bff; /* Highlight color when focused */
        outline: none; /* Remove the default focus outline */
    }

    .location-panel input[type="date"]:hover {
        border-color: #0056b3; /* Slightly darker border on hover */
    }

.selectize-spinner:before {
    content: '';
    display: block;
    position: absolute;
    left: calc(100% - 70px);
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px; /* Half the height to center it vertically */
    border-radius: 50%;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    animation: spin 1s linear infinite;
    z-index:99;
}

.selectize-spinner-input-wrapper {
    position: relative;
    display: inline-block; /* Or 'flex', depending on your layout needs */
}

    /* Icon positioning */
    .selectize-spinner-input-wrapper .icon-target {
        position: absolute;
        right: 30px; /* Adjust this value based on your layout and icon size */
        top: 50%;
        transform: translateY(-50%);
        /* Add any additional styling for your icon here */
    }

    /* Initial spinner state: hidden */
    .selectize-spinner-input-wrapper:before {
        content: '';
        display: none; /* Hide spinner by default */
        position: absolute;
        right: 10px; /* Ensure this does not overlap with your icon */
        top: 50%;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        border-radius: 50%;
        border: 2px solid #f3f3f3;
        border-top: 2px solid #3498db;
        animation: spin 1s linear infinite;
        z-index: 99;
    }

/* Show spinner when this class is added */
.show-spinner:before {
    display: block;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*18+ CONSENT POPUP START*/
/*18+ CONSENT POPUP START*/

#av-popup {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease-in-out;
}

    #av-popup.av-show {
        visibility: visible;
        opacity: 1;
    }

.av-popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.av-popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    max-width: 400px;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.av-logo {
    width: 130px;
    margin-bottom: 10px;
}

.av-title {
    margin: 0 0 15px;
    font-size: 1.5em;
}

.av-text {
    margin: 10px 0;
    font-size: 1em;
    line-height: 1.5;
}

    .av-text a {
        color: #d9397a;
        text-decoration: none;
    }

        .av-text a:hover {
            text-decoration: underline;
        }

.av-popup-buttons {
    margin-top: 20px;
}

.av-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 1em;
    cursor: pointer;
}

.av-agree {
    background-color: #d9397a;
    color: #fff;
}

.av-decline {
    background-color: #f0f0f0;
    color: #000;
    margin-left: 10px;
}

.av-showing-profile {
    margin-top: 15px;
    font-size: 0.9em;
    color: #666;
}

    .av-showing-profile a.av-change-link {
        color: #6c69ee;
        font-weight: bold;
        text-decoration: none;
    }

.av-hidden {
    display: none;
}
/*18+ CONSENT POPUP END*/
/*18+ CONSENT POPUP END*/


/*ONLINE ONLY POPUP START*/
/*ONLINE ONLY POPUP START*/

#oo-popup {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease-in-out;
}

    #oo-popup.oo-show {
        visibility: visible;
        opacity: 1;
    }

.oo-popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.oo-popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    max-width: 600px;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.oo-logo {
    width: 130px;
    margin-bottom: 10px;
}

.oo-title {
    margin: 0 0 15px;
    font-size: 2.9rem;
    color: #0a3049;
    font-weight: 700;
}

.oo-span {
    color: #d9397a;
}

.oo-text {
    margin: 10px 0;
    font-size: 1.1em;
    line-height: 1.5;
}

    .oo-text a {
        color: #d9397a;
        text-decoration: none;
    }

        .oo-text a:hover {
            text-decoration: underline;
        }

.oo-popup-buttons {
    margin-top: 20px;
}

.oo-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 1em;
    cursor: pointer;
}

.oo-agree {
    background-color: #d9397a;
    color: #fff;
}

.oo-decline {
    background-color: #f0f0f0;
    color: #000;
    margin-left: 10px;
}

.oo-showing-profile {
    margin-top: 15px;
    font-size: 0.9em;
    color: #666;
}

    .oo-showing-profile a.oo-change-link {
        color: #6c69ee;
        font-weight: bold;
        text-decoration: none;
    }

.oo-hidden {
    display: none;
}
/*ONLINE ONLY POPUP END*/
/*ONLINE ONLY POPUP END*/


/*RATE TABLE IN COMPLETE PROFILE START*/
.rate-container {
    display: grid;
    grid-template-columns: 1fr; /* Keep Incall and Outcall stacked vertically */
    gap: 10px; /* Smaller gap between incall and outcall sections */
}

.rate-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px; /* Reduce space between tables */
}

.rate-header {
    /*background-color: #f4f4f4;*/
    font-weight: 500;
    display: flex;
    justify-content: space-around;
    padding: 5px; /* Reduced padding */
}

.rate-header-cell {
    flex: 1;
    text-align: center;
    font-size:1.2rem;
}

.rate-row {
    display: flex;
    justify-content: space-around;
}

.rate-cell-wrapper {
    flex: 1;
    padding: 5px; /* Smaller padding inside cells */
}

.rate-cell {
    text-align: center;
    font-weight: bold;
    padding-bottom: 5px; /* Reduced padding for text */
}

.rate-input-cell {
    text-align: center;
}

.rate-table .input-rates {
    width: 80px;
    padding: 3px;
    text-align: center; /* Centers the numbers */
    -moz-appearance: textfield; /* Remove up/down arrows for Firefox */
}

.rate-table input[type="number"]::-webkit-outer-spin-button,
.rate-table input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* Removes the spin buttons in Chrome, Safari, Edge, Opera */
}

.rate-table input[type="number"] {
    -moz-appearance: textfield; /* Removes spin buttons in Firefox */
    text-align: center; /* Ensures numbers are centered */
}
/*RATE TABLE IN COMPLETE PROFILE END*/

.font-awe-icon {
    margin: 0 15px 9px 0;
    color: #e0548d;
    width: 22px;
}

#esc-prof-online-only {
    color: #fff;
    background: #9d3fdd;
    border-radius: 10px;
    padding: 1px 9px 2px;
    margin-bottom:5px;
}

/* Policy Container */
.policy-container {
    max-width: 1000px;
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
}

/* Headings */
.policy-title {
    text-align: center;
    color: #0a3049;
    font-size: 2.5em;
    margin-bottom: 20px;
    font-weight: 700;
}

.policy-section-title {
    color: #cf3e82;
    margin-bottom: 15px;
    font-size: 1.8em;
    font-weight: 600;
}

.policy-section-link {
    color: #3f98ff;
    margin-bottom: 15px;
    font-size: 1.6em;
    font-weight: 600;
}

.policy-subsection-title {
    color: #292929;
    margin-bottom: 10px;
    font-size: 1.5em;
    font-weight: 500;
}

.modal-input-pass {
    width: 100%;
    margin-top:6px;
    padding: 6px 30px 6px 16px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none;
    background: #f9f9f9;
    transition: all 0.3s ease-in-out;
}

/* Text */
.policy-text {
    margin-bottom: 15px;
    font-size: 1.1em;
    line-height: 1.8;
}

/* Lists */
.policy-list {
    margin-bottom: 20px;
    padding-left: 20px;
}

.policy-list-item {
    margin-bottom: 10px;
    font-size: 1.1em;
}

/* Highlights */
.policy-highlight {
    /*color: #eb867c;*/
    font-weight: bold;
}

.policy-links-container {
    margin-top: 15px;
    /*padding: 15px;*/
    text-align: center;
    background-color: transparent; /* Match sidebar background */
}

.policy-links-wrap {
    max-width: 300px;
    margin: 0 auto;
    /*background-color: #f9f9f9;
    border: 1px solid #ddd;*/
    border-radius: 6px;
    padding: 5px;
}

/*.policy-text {
    font-size: 14px;
    color: #666;*/ /* Neutral gray text */
    /*margin-bottom: 10px;
}*/

.policy-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .policy-links li {
        margin: 10px 0; /* Space between links */
    }

.policy-link {
    font-size: 1rem;
    color: #007bff;
    text-decoration: none;
}

    .policy-link:hover {
        text-decoration: underline;
    }

.policy-links {
    color: #e0548d;
}


#tabs-media{
    margin-top:15px;
}

.left-container h1 {
    font-size: 2.5rem;
    color: #0a3049;
}

.left-container {
    margin-top:12px;
    margin-bottom:6px;
    text-align: left;
    align-self: flex-start;
    font-weight:600;
}

.payment-popup-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #000;
    color: #333;
    border: 2px solid #007bff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    padding: 20px 30px;
    text-align: center;
    z-index: 9999;
    /*display: none;*/ /* Initially hidden */
}

.payment-popup-message {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

/* Center the checkbox section */
.use-last-payment {
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Vertically center align checkbox and text */
    justify-content: center; /* Center horizontally within the modal */
    gap: 10px; /* Space between the checkbox and text */
    margin: 15px 0; /* Spacing above and below the section */
}

    .use-last-payment input[type="checkbox"] {
        width: 18px; /* Standard checkbox size */
        height: 18px;
        cursor: pointer;
        accent-color: #ff007a; /* Match the modal's pink button color */
    }

    .use-last-payment label {
        font-size: 16px; /* Adjust font size */
        font-weight: 500; /* Slightly bold text */
        color: #fff; /* White text to match modal color */
        cursor: pointer; /* Ensure pointer cursor for better UX */
        text-align: center; /* Ensure label text aligns nicely */
    }


/* Adjust modal colors for dark/light themes */
.payment-popup {
    background-color: #fff; /* Ensure background matches */
    color: #333; /* Text matches modal style */
}

    .popup-logo {
    display:none;
}

.popup-logo img {
    max-width: 25%;
}

/* Responsive Design: For smaller screens */
@media (max-width: 768px) {
    .ff-navbar-logo-link.hidden {
        display: none !important;
    }

    .use-last-payment {
        margin: 15px 0;
    }

        .use-last-payment label {
            font-size: 14px;
        }

        .use-last-payment input[type="checkbox"] {
            width: 18px;
            height: 18px;
        }
}




/* General Modal Styling */
.wallet-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
}

.wallet-modal-content {
    background-color: #0a3049;
    color: #fff;
    margin: 10% auto;
    padding: 20px;
    border-radius: 12px;
    width: 30%;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    text-align: center;
    position: relative;
}

/* Close Button */
.wallet-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
    color: #fff;
}

    .wallet-close:hover {
        color: #f44336;
    }

/* Header */
.wallet-header {
    margin-bottom: 20px;
}

    .wallet-header h2 {
        font-size: 2.3rem;
        margin: 0;
        color: #00ffea;
    }

.wallet-balance {
    font-size: 16px;
    margin-top: 5px;
}

/* Description */
.wallet-description {
    font-size: 14px;
    line-height: 1.6;
    color: #d3dce6;
    margin: 10px 0 20px;
}

/* Currency Section */
.wallet-currency {
    margin: 15px 0;
    text-align: center; /* Center the input */
}

.wallet-currency-label {
    font-size: 14px;
    color: #d3dce6;
    text-align: left;
    display: block;
    margin-bottom: 5px;
    margin-left: 25%; /* Align label to the input */
}

.wallet-currency-wrapper {
    width: 50%; /* Half the modal width */
    margin: 0 auto; /* Center the input */
}

    .wallet-input,
    .wallet-currency-wrapper select {
        width: 100%; /* Fill the wrapper */
        padding: 10px;
        font-size: 1.6rem;
        border: 1px solid #000000;
        border-radius: 6px;
        background-color: #fff;
        color: #333;
        text-align: center;
        cursor: pointer;
    }

    .wallet-currency-wrapper select {
        appearance: none; /* Remove default dropdown styling */
        -moz-appearance: none; /* Firefox */
        -webkit-appearance: none; /* Safari */
    }

        .wallet-currency-wrapper select:focus {
            outline: none;
            border-color: #00d1b2; /* Highlight border on focus */
        }

    .wallet-currency-wrapper::after {
        content: "▼"; /* Custom dropdown arrow */
        font-size: 14px;
        color: #333;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        pointer-events: none;
    }

/* Preset Amount Buttons */
.wallet-preset-amounts {
    display: flex;
    gap: 10px;
    margin: 20px 0;
}

    .wallet-preset-amounts .wallet-amount-btn {
        flex: 1; /* Equal width buttons */
        background-color: #00ceff;
        color: #fff;
        border: none;
        padding: 10px 0;
        border-radius: 6px;
        cursor: pointer;
        font-size: 1.6rem;
        text-align: center;
        font-family: 'Poppins', sans-serif !important;
    }

        .wallet-preset-amounts .wallet-amount-btn:hover {
            background-color: #00b5e6;
        }

/* General Modal Styling */
.wallet-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
}

.wallet-modal-content {
    background-color: #0a3049;
    color: #fff;
    margin: 10% auto;
    padding: 20px;
    border-radius: 12px;
    width: 32%;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    text-align: center;
    position: relative;
}

/* Close Button */
.wallet-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
    color: #fff;
}

    .wallet-close:hover {
        color: #f44336;
    }

/* Header */
.wallet-header {
    margin-bottom: 20px;
}

    .wallet-header h2 {
        font-size: 2.3rem;
        margin: 0;
        color: #00ffea;
    }

.wallet-balance {
    font-size: 16px;
    margin-top: 5px;
}

/* Description */
.wallet-description {
    font-size: 14px;
    line-height: 1.6;
    color: #d3dce6;
    margin: 10px 0 20px;
}

/* Currency Section */
.wallet-currency {
    margin: 15px 0;
    text-align: center; /* Center the input */
}

.wallet-currency-label {
    font-size: 14px;
    color: #d3dce6;
    text-align: left;
    display: block;
    margin-bottom: 5px;
    margin-left: 25%; /* Align label to the input */
}

.wallet-currency-wrapper {
    width: 50%; /* Half the modal width */
    margin: 0 auto; /* Center the dropdown */
    position: relative; /* Required for positioning the arrow */
}

    .wallet-currency-wrapper select {
        width: 100%; /* Full width */
        padding: 8px;
        font-size: 1.6rem;
        border: 1px solid #ccc;
        border-radius: 6px;
        background-color: #fff;
        color: #333;
        appearance: none; /* Remove default dropdown styling */
        -moz-appearance: none; /* Firefox */
        -webkit-appearance: none; /* Safari */
        cursor: pointer;
        text-align: center;
        background-image: none; /* Hide default dropdown arrow */
    }

        .wallet-currency-wrapper select:focus {
            outline: none;
            border-color: #00d1b2; /* Highlight border on focus */
        }

    .wallet-currency-wrapper::after {
        content: "\25BC"; /* Unicode for downward triangle */
        font-size: 12px; /* Slightly smaller for elegance */
        color: #333; /* Matches your design */
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        pointer-events: none; /* Prevent interaction with the arrow */
    }

/* Preset Amount Buttons */
.wallet-preset-amounts {
    display: flex;
    gap: 10px;
    margin: 20px 0;
}

    .wallet-preset-amounts .wallet-amount-btn {
        flex: 1; /* Equal width buttons */
        background-color: #00ceff;
        color: #fff;
        border: none;
        padding: 6px 0;
        border-radius: 6px;
        cursor: pointer;
        font-size: 1.6rem;
        text-align: center;
        font-family: 'Poppins', sans-serif !important;
    }

        .wallet-preset-amounts .wallet-amount-btn:hover {
            background-color: #00b5e6;
        }

/* Custom Amount Input */
.wallet-custom-amount {
    margin: 20px 0;
    text-align: left;
}

.wallet-custom-label {
    font-size: 14px;
    color: #d3dce6;
    display: block;
    margin-bottom: 5px;
}

.wallet-custom-wrapper {
    width: 50%;
    margin: 0 auto;
    position: relative;
}

.wallet-input-prefix {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #333;
}

.wallet-custom-wrapper .wallet-input {
    padding-left: 30px; /* Space for the currency prefix */
    margin: 15px 0px;
}

/* Divider Line */
.wallet-divider {
    border: none;
    border-top: 1px solid #d3dce6;
    margin: 20px 0;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

/* Continue Button */
.wallet-continue {
    margin: 20px 0;
}

.wallet-btn-primary {
    background-color: #d75c96;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    width: 50%; /* Centered and smaller button */
    transition: background-color 0.3s ease;
}

    .wallet-btn-primary:disabled {
        background-color: #ccc;
        cursor: not-allowed;
    }

    .wallet-btn-primary:hover:enabled {
        /*background-color: #d12d2d;*/
        opacity:0.7;
    }

/* Note */
.wallet-note {
    font-size: 12px;
    color: #d3dce6;
    margin-top: 10px;
}

/* Logo Styling */
.wallet-logo {
    display: block;
    margin: 0 auto 15px; /* Center the logo and add spacing below */
    max-width: 175px; /* Set maximum width for responsiveness */
    height: auto; /* Maintain aspect ratio */
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }
    /* Modal Content */
    .wallet-modal-content {
        width: 90%; /* Full-width modal on mobile */
        padding: 15px;
    }

    /* Header */
    .wallet-header h2 {
        font-size: 18px;
    }

    .wallet-balance {
        font-size: 14px;
    }

    /* Currency Section */
    .wallet-currency-wrapper {
        width: 100%; /* Full-width input on mobile */
    }

    .wallet-currency-label {
        margin-left: 0; /* Align label directly above the input */
    }

    /* Preset Amount Buttons */
    .wallet-preset-amounts {
        flex-wrap: wrap; /* Allow buttons to wrap onto new rows */
        gap: 10px;
    }

        .wallet-preset-amounts .wallet-amount-btn {
            flex: 0 0 48%; /* Two buttons per row */
            font-size: 14px;
            padding: 8px 0;
        }

    /* Custom Amount Input */
    .wallet-custom-wrapper {
        width: 100%;
    }

    .wallet-custom-label {
        font-size: 14px;
    }

    /* Continue Button */
    .wallet-btn-primary {
        width: 100%; /* Full-width button on mobile */
        font-size: 14px;
        padding: 10px;
    }

    /* Reduce logo size on smaller screens */
    .wallet-logo {
        max-width: 80px; /* Smaller width for mobile devices */
    }
}

.user-wallet-bal {
    color: #e0548d;
}

.top-up-wallet-btn {
    display: block;
    margin: 10px 40px;
    padding: 10px 8px;
    background-color: #ff66a1; /* Match the pink color scheme */
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    width: 145px;
    transition: background-color 0.3s ease;
}

    .top-up-wallet-btn:hover {
        background-color: #e0558c; /* Darker shade on hover */
    }


@media (max-width: 768px) {
    .jconfirm-box {
        width: 90%; /* Slightly wider on tablets and phones */
        max-width: 90vw; /* Ensures it fits within viewport */
    }
}

@media (max-width: 480px) {
    .jconfirm-box {
        width: 95%; /* Nearly full width on tiny screens */
        min-width: 200px;
    }
}

.ff-navbar-wrapper {
    border-bottom: 1px solid #ddd;
    background: #fff;
    width: 100%;
}

.ff-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1130px;
    margin: 0 auto;
    padding: 0.5rem 1rem;
}

    .ff-navbar::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #e0548d;
        bottom: -2px;
    }

.ff-navbar-logo img {
    height: 3.6rem;
    width: auto;
    display: block;
}

.ff-navbar-logo {
    max-height: 3.6rem; /* Adjust to your logo height */
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    transition: max-height 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
}

    .ff-navbar-logo.hidden {
        max-height: 0;
        opacity: 0;
        visibility: hidden;
    }

.ff-navbar-search {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    cursor:pointer;
}

.ff-navbar-search-dropdown {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    border-right: 1px solid #eee;
    background: #f9f9f9;
    cursor: pointer;
    font-size:1.6rem;
}

    .ff-navbar-search-dropdown img.ff-flag {
        width: 20px;
        height: auto;
        margin-right: 0.5rem;
    }

    .ff-navbar-search-dropdown i.fa-chevron-down {
        margin-left: 0.5rem;
        font-size: 0.75rem;
        color: #666;
    }

.ff-navbar-location {
    display: flex;
    align-items: center;
    padding: 0.5rem 2.4rem;
}

    .ff-navbar-location i {
        color: #e91e63;
        margin-right: 0.5rem;
    }

    .ff-navbar-location span {
        color: #333;
        font-size: 1.5rem;
    }

.ff-navbar-search-btn {
    background: none;
    border: none;
    padding: 0.5rem;
    cursor: pointer;
    font-size: 1.4rem;
    color: #333;
    border-left: 1px solid #eee;
}

.ff-navbar-icons {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    position: relative;
}

    .ff-navbar-icons i {
        font-size: 2rem;
        color: #333;
        position: relative;
    }

    .ff-navbar-icons .ff-badge {
        position: absolute;
        top: -0.7rem;
        right: -0.3rem;
        background: #e91e63;
        color: #fff;
        font-size: 1rem;
        padding: 0.0rem 0.35rem;
        border-radius: 50%;
    }

.ff-mobile-search-icon {
    display: none;
}

@media (max-width: 768px) {
    .ff-navbar {
        flex-direction: column;
        padding: 1rem;
    }

    .ff-navbar-logo {
        margin-bottom: 0.5rem;
    }

    .ff-navbar-search {
        display: none;
    }

    .ff-navbar-right {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 0.5rem;
    }

    .ff-navbar-icons {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        width: 100%;
        gap: 0;
    }

        .ff-navbar-icons i, .ff-navbar-icons span {
            display: inline-block;
            text-align: center;
        }

    .ff-mobile-search-icon {
        display: inline-block;
    }
}

/* === New Content Styling === */
.ff-banner {
    background: url('C:\\findfyre.com\\findfyre.com\\findfyre.com\\assets\\images\\banner-index.png') center/cover no-repeat;
    color: white;
    text-align: center;
    padding: 6rem 2rem;
    position: relative;
}

    .ff-banner h2 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .ff-banner p {
        font-size: 1rem;
        max-width: 600px;
        margin: 0 auto 1rem auto;
    }

.ff-section {
    padding: 3rem 1rem;
    max-width: 1200px;
    margin: 0 auto;
}

    .ff-section h3 {
        font-size: 1.5rem;
        color: #e91e63;
        margin-bottom: 2rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

        .ff-section h3::before {
            content: "\f06d";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            color: #e91e63;
        }

.ff-creators-grid {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.ff-creator-card {
    background: #fff;
    border: 1px solid #ddd;
    width: 180px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    font-size: 0.85rem;
}

    .ff-creator-card img {
        width: 100%;
        height: auto;
        display: block;
    }

.ff-creator-info {
    padding: 0.5rem;
}

    .ff-creator-info .verified {
        color: #4caf50;
        font-weight: bold;
        font-size: 0.75rem;
        margin-bottom: 0.2rem;
    }

    .ff-creator-info .new-badge {
        background: orange;
        color: white;
        font-size: 0.6rem;
        padding: 0.1rem 0.3rem;
        border-radius: 4px;
        margin-left: 0.3rem;
    }

    .ff-creator-info .name {
        font-weight: bold;
    }

    .ff-creator-info .location {
        color: #777;
    }

/* Full width for the whole slider */
.esc-slider {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

    /* Remove spacing and enforce full width on each slide */
    .esc-slider .slick-slide {
        box-sizing: border-box;
        padding: 0 !important; /* No space between images */
        margin: 0 !important;
    }

/* Image container: no padding, no margin */
.esc-image {
    width: 100%;
    height: auto;
}

    /* Image styling: no border radius, fill container */
    .esc-image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        border-radius: 0; /* Ensure no rounded corners */
    }

.fyfaq *, .fyfaq *::before, .fyfaq *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.fyfaq {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.5;
    color: #1f2933;
    /*background-color: #f8fafc;*/
}

    .fyfaq a {
        color: inherit;
        text-decoration: none;
    }

.fyfaq-container {
    max-width: 1200px;
    padding: 2rem 1rem 4rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 4rem;
}

/*.fyfaq-header {
    text-align: center;
    padding: 3rem 1rem 1rem;
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
}*/

    /*.fyfaq-header h1 {
        font-size: 1.875rem;
        font-weight: 600;
        letter-spacing: 0.02em;
        color: #0f172a;
        text-transform: uppercase;
    }*/

    .fyfaq-header p {
        font-size: 0.9375rem;
        margin-top: 0.75rem;
        color: #475569;
    }

.fyfaq-categories ul {
    list-style: none;
    position: sticky;
    top: 2rem;
}

.fyfaq-categories li + li {
    /*margin-top: 1rem;*/
}

.fyfaq-categories a {
    display: block;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 1.7375rem;
    font-weight: 500;
    color: #475569;
    transition: background 0.2s ease;
}

    .fyfaq-categories a:hover,
    .fyfaq-categories a:focus {
        background: #e2e8f0;
        color: #0f172a;
    }

    .fyfaq-categories a.fyfaq-active {
        background: #cbd5e1;
        color: #0f172a;
    }

.fyfaq-section {
    display: none;
}

    .fyfaq-section.fyfaq-visible {
        display: block;
    }

    .fyfaq-section h2 {
        font-size: 2.05rem;
        font-weight: 600;
        margin-bottom: 1.5rem;
        color: #0f172a;
    }

    .fyfaq-section details {
        background: #ffffff;
        border: 1px solid #e5e7eb;
        border-radius: 0.75rem;
        margin-bottom: 1rem;
        transition: border-color 0.2s ease;
    }

        .fyfaq-section details[open] {
            border-color: #94a3b8;
        }

    .fyfaq-section summary {
        list-style: none;
        cursor: pointer;
        position: relative;
        padding: 1rem 3rem 1rem 1.25rem;
        font-weight: 500;
        color: #0f172a;
        user-select: none;
    }

        .fyfaq-section summary::after {
            content: "";
            position: absolute;
            right: 1.25rem;
            top: 50%;
            width: 0.6rem;
            height: 0.6rem;
            border-right: 2px solid #64748b;
            border-bottom: 2px solid #64748b;
            transform: translateY(-50%) rotate(45deg);
            transition: transform 0.25s ease;
        }

    .fyfaq-section details[open] summary::after {
        transform: translateY(-50%) rotate(225deg);
    }

    .fyfaq-section summary::-webkit-details-marker {
        display: none;
    }

.fyfaq-content {
    padding: 0 1.25rem 1.25rem 3.25rem;
    font-size: 1.7375rem;
    color: #475569;
}

    .fyfaq-content p + p {
        margin-top: 1rem;
    }

@media (max-width: 900px) {
    .fyfaq-container {
        grid-template-columns: 1fr;
    }

    .fyfaq-categories {
        margin-bottom: 2rem;
    }

        .fyfaq-categories ul {
            display: flex;
            gap: 0.5rem;
            overflow-x: auto;
        }

        .fyfaq-categories li {
            flex: 0 0 auto;
        }
}

.button-group {
    display: flex;
    gap: 15px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.text-wrap h1 {
    font-size: 2.494rem;
    font-weight: 600;
    color:#fff;
}

.text-wrap p {
    font-size: 1.25rem;
    color: #fff;
}

/* Primary: Sign up */
/*.btn-primary {
    background-color: #007bff;
    color: #fff;
    border: none;
}*/
.btn-primary:hover {
    background-color: #0056b3;
}

/* Secondary: Browse */
.btn-secondary {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}

    .btn-secondary:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

.feature-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

    .feature-list li {
        position: relative;
        padding-left: 28px;
        margin-bottom: 15px;
        font-size: 17px;
        color: #fff; /* Adjust if needed */
    }

        .feature-list li::before {
            content: '✔';
            position: absolute;
            left: 0;
            color: #cc66ff; /* Or use #A955FF or similar soft purple */
            font-size: 18px;
            line-height: 1;
        }


.logo-icon {
    width: 52px;
    height: 64px;
    display: inline-block;
    margin: 3px 8px 0 8px;
}