@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
    --lightbrown: #b68622;
    --gray: #969696;
    --gold-color: #b37e0c;

    --segoeFont: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

* {
    font-family: "Inter", sans-serif !important;
}

a {
    text-decoration: none;
    /* color: #212529; */
    cursor: pointer;
}

input:focus,
textarea:focus {
    outline: none !important;
    /* border-color: inherit !important; */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px white;
}

a:hover {
    text-decoration: none !important;
}

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

.modal-open {
    overflow: hidden !important;
    height: auto;
}

.skiptranslate, #goog-gt-tt {
    display: none !important;
}

/*.sidebar {
    padding-left: 25px;
}*/

.text-yellow {
    color: #b37e0c;
}

html,
body {
    overflow-y: visible;
}
body{
    overflow-x: hidden;
    touch-action: pan-y;
}

.f-9{
    font-size: 9px !important;
}
.f-10{
    font-size: 10px !important;
}
.f-11 {
    font-size: 11px !important;
}
.f-12 {
    font-size: 12px !important;
}
.f-13 {
    font-size: 13px !important;
    line-height: 13px;
}
.f-14 {
    font-size: 14px !important;
}
.f-16{
    font-size: 16px !important;
}

.site-color,
a.site-color {
    color: #b37e0c !important;
}

a.disabled {
    pointer-events: none;
    text-decoration: none;
    cursor: default;
}

.spinner-border-sm {
    width: 13px !important;
    height: 13px !important;
    margin-right: 4px;
}

.rotate-clock-90 {
    transform: rotate(90deg);
}

button.disabled {
    background-color: gray !important;
    cursor: no-drop;
}

.w-fit-content {
    width: fit-content !important;
}

.membership-icon {
    max-width: 15px;
}

.membership-icon.small {
    max-width: 13px;
}

/* Display classes */
.display-sm, .display-md, .display-lg, .display-xl, .display-xxl {
    display: none !important;
}

.pb-7 {
    padding-bottom: 7px !important;
}

/* SVG Width */
.svg-14 {
    width: 14px;
    height: 14px;
}
.svg-16 {
    width: 16px;
    height: 16px;
}
.svg-18 {
    width: 18px;
    height: 18px;
}
.svg-20 {
    width: 20px;
    height: 20px;
}
.svg-22 {
    width: 22px;
    height: 22px;
}
.svg-24 {
    width: 24px;
    height: 24px;
}
.svg-26 {
    width: 26px;
    height: 26px;
}

.svg-60 {
    width: 60px;
    height: 60px;
}

.svg-70 {
    width: 70px;
    height: 70px;
}

.svg-w-18 {
    width: 18px;
}

.svg-w-20 {
    width: 20px;
}

.svg-w-22 {
    width: 22px;
}

.svg-w-24 {
    width: 24px;
}

.svg-h-24 {
    height: 24px;
}

.svg-h-26 {
    height: 26px;
}

.svg-h-28 {
    height: 28px;
}

.svg-h-32 {
    height: 32px;
}

.svg-h-36 {
    height: 36px;
}

.svg-h-40 {
    height: 40px;
}

.svg-icon {
    color: #536471;
}

.svg-black {
    color: #000000;
}

.svg-white {
    color: #FFFFFF;
}

.svg-gold {
    color: var(--gold-color);
}

/* =============== login page css ============= */

.login-page {
    background: url("../img/login-bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 100vh;
    display: grid;
    place-items: center;
}

.login-sec {
    background: #fff;
    border-radius: 20px;
    padding: 35px 35px 35px 35px;
    box-shadow: 0px -3px 18px rgba(0, 0, 0, 0.17);
    max-width: 395px;
    margin: 20px 0 50px;
}

.login-sec .form-box input {
    background: transparent;
    border: none;
    height: 40px;
    border-radius: 10px;
    /* padding-left: 45px; */
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 39px;
}
.login-sec .form-box {
    border: 1px solid #b68622;
    position: relative;
    border-radius: 10px;
    /* margin-bottom: 15px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-sec .form-box img {
    position: absolute;
    left: 15px;
    width: 18px;
}

.login-sec h4 {
    color: #b68622;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 32px;
}

button.theme-brown-btn {
    border: none;
    background: #b37e0c;
    border: 1px solid #b37e0c;
    width: 100%;
    padding: 10px;
    border-radius: 47px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin: 20px 0px;
    line-height: 12px;
}

button.theme-brown-btn.small {
    width: unset;
    padding: 6px 16px;
    height: unset;
    margin: 0 auto 60px;
    font-size: 13px;
}

.login-page .member_account_btm a {
    font-size: 17px;
    text-decoration: none;
    font-weight: 500;
}

.check .forget {
    font-size: 12px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
}

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

.login-page .form-check-input {
    margin-top: 6.3px;
}

.divider span {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.divider {
    position: relative;
}

.divider hr {
    background: #b68622;
    height: 1px;
    width: 100%;
    box-shadow: none;
    border: none;
}

.divider span {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    font-weight: 700;
    font-size: 13px;
    padding: 7px;
    background: #fff;
    top: -16px;
}

.refer-login-btn button {
    border: 1px solid #969696;
    background: transparent;
    padding: 8px;
    font-size: 13px;
    border-radius: 50px;
    font-weight: 600;
    width: 100%;
    height: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0px 0px;
}

.login-sec p {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.login-sec p.new {
    color: #b68622;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 35px;
    margin-bottom: 0;
}

.login-sec p b {
    font-weight: 600;
}

.refer-login-btn {
    padding: 0 0px;
    display: flex;
    flex-direction: column;
}

.theme-brown-outline-btn {
    margin: 10px 0;
    border: 1px solid #b68622;
    background: transparent;
    padding: 7px;
    font-size: 15px;
    width: 100%;
    border-radius: 50px;
    height: 40px;
    font-weight: 500;
}

.login-left .logo img {
    width: 250px;
    margin-bottom: 15px;
}

.login-left p {
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding: 0 20px;
}

.login-left p b {
    font-weight: bold;
}

.login-left h5 a {
    color: #fff;
    text-align: justify;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 39px;
}

.login-rgt-btm .lft p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
}

.login-rgt-btm .lft,
.login-rgt-btm .rgt {
    display: flex;
    align-items: center;
    width: 45%;
    padding: 8px 5px 0;
    border-bottom: 1px solid lightgray;
}

.login-rgt-btm {
    margin-top: 30px;
    padding: 0 35px;
}

.cent {
    width: 1px;
    height: 30px;
    display: inline-block;
    background: #333;
}

.rgt select {
    font-size: 12px;
    font-weight: 500;
}

img.show-hidden {
    right: 15px !important;
    left: auto !important;
    width: 20px;
}

.form-check label {
    font-size: 12px;
    line-height: 0px;
}

.login-sec p a {
    color: #b68622;
    text-decoration: none;
    font-weight: 700;
}

.login-left {
    max-width: 500px;
    margin: auto;
    transform: scale(1.2);
}

/* language dropdown */
.login-page #language-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("../img/lang-arrow.png") no-repeat;
    background-size: 21%;
    background-repeat: no-repeat;
    background-position-x: 102%;
    background-position-y: 3px;
    margin-left: 5px;
    padding-right: 20px;
}

.login-page .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid #dbdbdb;
    border-color: #fff #fff #fff #fff;
    opacity: 0;
}

.login-page .select-selected.select-arrow-active:after {
    border-color: #fff #fff #fff #fff;
}

.login-page .select-selected {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/lang-arrow.png) no-repeat;
    background-size: 14px !important;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
}

.login-page .select-items div,
.login-page .select-selected {
    padding: 0px 20px 0px 10px;
    cursor: pointer;
    user-select: none;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    border-radius: 25px;
    color: #000;
    line-height: 26px;
    height: unset !important;
    border: none;
    width: 100%;
}
.login-page .select-items div {
    padding-left: 16px;
}
.login-page .select-selected {
    display: inline-block;
}

.login-page .select-items div {
    display: block;
}
.login-page .select-items {
    position: absolute;
    background-color: #fff;
    left: calc(50% - 85px) !important;
    bottom: 28px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    right: 0;
    z-index: 99;
    border-radius: 12px;
    width: 170px !important;
    padding: 10px 15px;
    top: unset;
    max-height: 200px;
    overflow-y: scroll;
}

.login-page .select-hide {
    display: none;
}

.login-page .select-items div:hover {
    background-color: #f6f6f6;
    color: #b37e0c;
}

/* Signup */
.sign-up-box {
    border-radius: 20px;
    background: #fff;
    height: 267px;
    width: 267px;
    display: grid;
    place-items: center;
    margin: 20px auto 30px auto;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
}

.sign-up-box:hover {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}

.sign-up-box h3 {
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    margin-top: 20px;
}
.sign-up-box .cont img {
    max-width: 60px;
}

.sign-up-box p {
    color: #000;
    text-align: center;
    font-size: 13.8px;
    font-weight: 400;
    line-height: 0px;
    padding-top: 10px;
}

.signup .footer p {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
}

body .signup-type {
    max-width: 1030px;
    padding: 35px 55px;
}

#exampleModal button.close {
    position: absolute;
    right: 19px;
    z-index: 9;
    top: 18px;
}

#exampleModal .modal-content {
    border-radius: 20px;
    padding: 20px 20px;
}

#exampleModal .pop-up-box {
    text-align: center;
}

/*#exampleModal .pop-up-box {
    border-left: 6px solid #B37E0C;
    padding: 30px 0 30px 30px;
}*/

#exampleModal .pop-up-box h3 {
    color: #b37e0c;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}
#exampleModal .pop-up-box p {
    color: #000;
    font-family: Inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

#exampleModal .pop-up-box p a {
    color: #b37e0c !important;
}

#exampleModal .pop-up-box p span {
    font-size: 9px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
}

/* Member-signup */
.login-sec .form-box select {
    background: transparent;
    border: none;
    height: 40px;
    padding-left: 40px;
    width: 97%;
    margin-right: 12px;
    color: #646363;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 39px;
}

.login-page .vodiapicker {
    display: none;
}

.login-page #a {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: calc(100% + 6px);
    margin-top: 5px;
    margin-left: -3px;
    border-radius: 10px 10px;
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.5);
    padding: 7px 5px;
}

.login-page #a img,
.login-page .btn-select img {
    width: 20px;
}

.login-page #a li {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    padding-left: 40px;
    height: 32px;
    margin: 0 10px;
    border-radius: 20px;
    cursor: pointer;
}

.login-page #a li:first-child {
    display: none;
}

.login-page #a li:hover {
    background-color: #f4f3f3;
    color: #b37e0c;
}

.login-page #a li img {
    margin: 5px;
    margin-left: 15px;
}

.login-page #a li span,
.login-page .btn-select li span {
    /* margin-left: 6px; */
    font-size: 14px;
    font-weight: 300;
    display: flex;
}

/* item list */

.login-page .b {
    display: none;
    /* width: 100%;
 max-width: 350px;
 box-shadow: 0 6px 12px rgba(0,0,0,.175);
 border: 1px solid rgba(0,0,0,.15);
 border-radius: 5px;*/
}

.login-page .open {
    display: show !important;
}

.login-page .btn-select {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    position: inherit;
    z-index: 5;
    padding: 0 12px;
}

.login-page .btn-select li {
    list-style: none;
    float: left;
    padding-bottom: 0px;
}

.login-page .login-sec .form-box .btn-select li img {
    width: 20px;
}

.login-page .login-sec .form-box .btn-select li:first-child img {
    width: 22px;
    left: 12px;
    top: 50%;
    transform: translate(00px, -50%);
}

.login-page .btn-select:hover li {
    margin-left: 0px;
}

.login-page .btn-select:focus {
    outline: none;
}

.login-page .lang-select {
    margin-left: 0;
    width: 100%;
    position: relative;
    max-height: 38px;
}

.login-page .lang-select::before {
    content: "";
    position: absolute;
    right: 10px;
    top: 15px;
    height: 20px;
    width: 12px;
    background: url("img/select-arrow.html") no-repeat;
    background-size: 100%;
}

.login-page .custom-select {
    position: relative;
}

.login-page .custom-select select {
    display: none;
}

/*entry popupt*/
#artist_entry_popup .modal-content,
#business_entry_popup .modal-content {
    padding: 16px;
    border-radius: 20px;
    text-align: center;
}

.artist_entry_box p,
.business_entry_box p {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}

.artist_entry_box h3,
.business_entry_box h3 {
    font-size: 25px;
    font-weight: 600;
    color: #b37e0c;
    line-height: 48px;
    margin: 0;
}

#artist_entry_popup button.close,
#business_entry_popup button.close {
    position: absolute;
    top: 16px;
    z-index: 9;
    right: 20px;
}

#artist_entry_popup .artist_entry_box p span,
#business_entry_popup .business_entry_box p span {
    font-size: 13px;
    font-weight: 500;
    color: #b37e0c;
    line-height: 24px;
}

.verify-box {
    gap: 10px;
    justify-content: space-evenly;
}

.verify-box input {
    border: 1px solid #b37e0c !important;
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #b37e0c !important;
    max-width: 40px;
}

.artist_entry_box .form-box input {
    border: 1px solid #b37e0c !important;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    padding: 10px;
    background-color: transparent;
}

.theme-gray-btn {
    background: #f3f3f3;
    color: #000;
    border: none;
    padding: 10px;
    width: 100%;
    border-radius: 47px;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin: 20px 0px;
}

/*=========== home page css start here ============*/

.search img {
    margin-right: 10px;
}

.search {
    padding: 6px 16px;
    border-radius: 10px;
    margin: 20px 0;
    border: 1px solid#cdd4da;
    margin-top: 10px;
}

.search input {
    background: transparent;
    border: none;
    outline: none;
}

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

.header {
    padding: 30px;
}


.sidebar ul li a img {
    margin-right: 15px;
    width: 26px;
    /* color: #536471; */
}

.sidebar ul li a svg {
    margin-right: 13px;
}

.sidebar ul li a {
    font-size: 18px;
    color: #000000;
    text-decoration: none;
    padding: 15px 24px 15px 15px;
    display: inline-block !important;
    font-weight: 500;
}

/*.sidebar ul li a:hover {
    background-color: #EBEEF0;
    border-radius: 40px;
}*/
.sidebar {
    padding-right: 15px;
}

.main-post {
    margin-bottom: 40px;
}

.media_space {
    margin-top: -5px;
}

.new-act span {
    color: #b37e0c !important;
}

nav.nav-head #nav-tab {
    width: 100%;
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #d8d8d8;
}

nav.nav-head {
    margin-bottom: 35px;
    padding-top: 25px;
}

.logo {
    padding: 12px;
}

.nav-link.active {
    border: 0px;
    border-bottom: 2px solid #b37e0c;
    font-weight: bold;
    color: #000;
}

#nav-tabContent h4 {
    color: #bc9f20;
    font-size: 13px;
    text-align: center;
}

.head p:nth-child(2) {
    border-left: 1px solid #a9a8a8;
    border-right: 1px solid #a9a8a8;
}

/*.ver-gall-popup-main2 .main, .ver-gall-popup-main .main {
    height: calc(87vh - 70px);
    overflow-y: auto;
    position: relative;
}*/

.main-post img {
    cursor: pointer;
}

.post-carousel .owl-nav button span {
    display: none;
}

.post-carousel button.owl-next,
.post-carousel button.owl-prev {
    position: relative;
}

.post-carousel .owl-nav button.owl-prev::before {
    position: absolute;
    right: 0;
    background: url("../img/left-arrow.png") no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    top: 20px;
    content: "";
}

.post-carousel .owl-nav button.owl-next::before {
    position: absolute;
    right: 0;
    background: url("../img/right-arrow.png") no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    top: 20px;
    content: "";
}

.post-carousel {
    position: relative;
}

.post-carousel::before {
    content: "1/2";
    position: absolute;
    right: 40px;
    top: 30px;
    height: 30px;
    width: 60px;
    display: grid;
    place-items: center;
    z-index: 99;
    background: #53647196;
    border-radius: 30px;
    color: #fff;
}

.post-carousel .owl-nav {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 35%;
    width: 100%;
    padding: 0 35px;
}

.post-carousel .owl-dots {
    transform: translate(0px, -60px);
}

.post-carousel .owl-dot.active span {
    background: #b68622 !important;
}

/* ----------right section--------- */

.search_box input {
    background: #ebeef0;
    border: none;
    padding: 10px 10px 10px 40px;
    border-radius: 30px;
    width: 100%;
}

.search_box {
    position: relative;
}

.search_box img {
    position: absolute;
    top: 13px;
    left: 13px;
}

.right_section h2 {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 0px;
}

.right-picture .svg-icon-dots-vertical {
    color: #FFFFFF;
}

/*.right-picture {
    margin-top:22px;
}*/
/*.follow-section {
  background-image: url(../img/Rectangle.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    border-radius: 0px 8px 8px 0px;
    margin-top: 10px;
}*/

.follow_user {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 20px;
}

.follow_user h3 {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 4px;
    padding-left: 10px;
}

.follow_user p {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 10px;
}

.follow_user img {
    width: 50px;
    border: 5px solid #fff;
    border-radius: 50%;
}

.dot {
    float: right;
    margin: 10px 10px 0 0;
}

.show_more {
    text-align: center;
    padding: 10px 0;
}

.show_more a {
    color: #d8b54f;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
}

.footer_page ul {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}

.footer_page ul li {
    list-style: none;
    display: inline-block;
    padding: 0 2px;
}

.footer_page ul li a {
    color: #536471;
    font-size: 12px;
    text-decoration: none;
}

/* 25 start */

.media-profile img {
    border-radius: 50% !important;
    height: 40px;
    object-fit: cover !important;
    width: 40px;
    margin: 2px;
}

.follow-section {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    /*margin-top: 10px;*/
    padding: 10px;
    position: relative;
    margin: 2px;
    /*margin-bottom: 15px;*/
}

.follow-section .dot img {
    max-width: 3px;
}

.follow-section .dot {
    position: absolute;
    right: -5px;
    top: -1px;
}

.follow_project {
    display: inline-block;
    /*width: 80px;*/
}

.follow_project img {
    width: 100%;
    max-width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid#fff;
    /*    box-shadow: 0 0 0 2px #fefefe;*/
    object-fit: cover;
}

.follow-content {
    display: inline-block;
    width: calc(100% - 120px);
    vertical-align: middle;
    padding: 10px 0px 10px 10px;
}

.follow-content h3 {
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    color: #ffffff;
    margin-bottom: 0;
}

.follow-content p {
    font-weight: 300;
    font-size: 8px;
    line-height: 15px;
    display: none;
    margin-bottom: 0;
    color: #ffffff;
}

.follow-section .dot img {
    max-width: 3px;
}

.left_sideproject {
    position: fixed;
    height: 100%;
    top: 0px;
    width: 260px;
    z-index: 55;
    /*  overflow-y: scroll; */
}

.left_sideproject::-webkit-scrollbar {
    display: none;
}

.right_sideproject::-webkit-scrollbar {
    display: none;
}

#righside-bar-disable {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background: transparent;
    z-index: 9;
}

.right_sideproject {
    transition: all ease-in-out 0.5s;
    height: 100%;
    top: 0px;
    width: 320px;
    position: relative;
    /*    height: 100vh;*/
}

.bl-right {
    width: 350px;
}

/*.right_sideproject.fixed2 {
    padding-top: 25px;
}*/
.home-content nav.nav-head {
    /* position: sticky;
    top: 0;*/
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: all ease-in-out 0.5s;
    position: sticky;
    top: 0;
}

.home-content nav.nav-head button {
    background-color: unset !important;
}

.content_option .slider {
    padding-left: 0;
    text-align: center;
}

.right_section {
    margin-bottom: 30px;
}

.left_sideproject .logo {
    margin-bottom: 5px;
}

.right_sideproject input.searchTerm {
    width: calc(100% - 30px);
}

.searchButton {
    border: unset;
    text-align: center;
    color: #cdd4da;
    font-size: 22px;
    background-color: unset;
}

.content_middle {
    /*    padding: 5px 5px 0 75px;*/
    margin: 10px 0;
}

.main-post.verticle_post .slider,
.main-post.square_post .slider,
.main-post.horizontal_post .slider {
    width: 468px;
    margin-left: 57px;
}

.verticle_post .head .post-description {
    width: 468px;
    margin-left: 57px;
    height: 50px;
}

.horizontal_post .gallery-carousel2 .item img {
    /* aspect-ratio: 16/9; */
    object-fit: cover;
}

.square_post .gallery-carousel2 .item img {
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 20px;
}

.verticle_post .gallery-carousel2 .item img {
    aspect-ratio: 4/5;
    object-fit: cover;
}

.hometext_center .nav-head .nav-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #808080;
    box-sizing: border-box;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid transparent;
    padding: 0px 15px 10px 15px;
}

.nav-item button.temp_explore,
#precious_innav .nav-item .nav-link {
    padding: 0px 10px 11px 10px !important;
}

.hometext_center .nav-head .nav-link.active {
    background: transparent !important;
}

#artist-photo,
#artist-post,
#artist-user,
#artist-video,
#artist-quickie {
    margin-top: 22px;
}

.nav-tabs .nav-link:hover {
    border-top: transparent !important;
    border-left: transparent !important;
    border-right: transparent !important;
}

/*.hometext_center .nav-head .nav-link:hover {
   border-bottom: 4px solid #e7ce6000;
    border-color: #e7ce6000;
}
.hometext_center .nav-head .nav-link:focus {
     border-color: #e7ce6000;
}*/
.logomobile {
    display: none;
}

.new_postadd a {
}

.sidebar ul li a span {
    color: #000;
}

.detail-location img {
    padding: 0 5px 0px 0px;
}

.pro-option,
.pro-option img {
    padding-left: 0px;
}

.pro-detail span {
    font-size: 13px;
    color: #000000;
    font-weight: 400;
}

#share-pop .pro-detail span {
    font-size: 12px;
    color: #6a676a;
    font-weight: 400;
    line-height: 18px;
}

#share-pop .pro-detail {
    line-height: 10px;
    margin-top: 3px;
}

#share-pop .modal-dialog.modal-dialog-centered {
    max-width: 400px;
}

.main-post .slider {
    margin-top: 8px;
}

.nav-link {
    outline: none !important;
}

/*.horizontal_post img.slide {
    border-radius: 0;
}*/

.main-post .content_middle {
    padding: 0;
    /* margin-top: 13px; */
}

/*
@media screen and (min-width: 320px) and (max-width:767px) {
    .hometext_right {display: none;}
    .left_sideproject ul li a span { display: none;}
    .hometext_left {
        max-width: 88px !important;
        width: 88px !important;
        overflow-y: auto;
    }
    .left_sideproject .logo { display: none;}
    .logomobile {
        margin-bottom: 20px;
        padding: 12px;
        display: inline-block;
    }
    .hometext_center {
        max-width: 450px!important;
        width: 450px!important;
        padding: 0px!important;
    }





}
*/

/*@media screen and (min-width: 768px) and (max-width:1024px) {

    .hometext_right {display: none;}
    .left_sideproject ul li a span { display: none;}
    .hometext_left {
        max-width: 88px !important;
        width: 88px !important;
        overflow-y: auto;
    }
    .new_postadd a {width: 52px;}
    .logomobile {
        margin-bottom: 20px;
        padding: 12px 15px;
        display: inline-block;
    }
    .left_sideproject .logo
    {
        display: none;
    }

    .container{
        max-width: 960px!important;
    }

    .sign-up-box {
        height: 245px;
        width: 250px;
    }

}

*/

/*@media screen and (min-width: 1025px) and (max-width:1300px) {

    .left_sideproject ul li a span { display: none;}
    .new_postadd a {width: 52px;}
    .hometext_left {
        max-width: 130px !important;
        width: 88px !important;
        overflow-y: auto;
    }
    .right_sideproject { width: 270px;}
    .logomobile {
        margin-bottom: 20px;
        padding: 12px;
        display: inline-block;
    }
    .left_sideproject .logo { display: none;}



}*/

/*=========== home page css end here ============*/

/* profile page start */
.profile-heading h2 b {
    font-size: 20px;
    font-weight: 600;
    margin-left: 40px;
    color: #000;
}

.profile-heading h2 img {
    width: 18px;
}

.profile_form li button {
    color: #808080;
    font-weight: 300;
    font-size: 18px;
    padding: 10px 30px;
    border: 1px solid transparent;
}

.profile_form li button:hover {
    color: #808080;
    border: 1px solid transparent !important;
}

.profile_form {
    border: 1px solid #d6d6d6;
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 20px;
}

:focus-visible {
    outline: none;
}

.intro_form {
    padding: 40px 20px 20px 20px;
}

.intro_form_input input {
    width: 100%;
    padding: 10px 10px 10px 15px;
    border-radius: 7px;
    border: 1px solid #d8d8d8;
}

.intro_form_input input::placeholder {
    color: #b9b9b9;
    font-size: 14px;
    font-weight: 300;
}

.intro_form_input label {
    color: #b9b9b9;
    font-size: 12px;
    padding-top: 10px;
}

.intro_form_input label span {
    color: #000;
}

.intro_form_input textarea {
    width: 100%;
    padding: 10px 10px 10px 15px;
    border-radius: 7px;
    border: 1px solid #d8d8d8;
    color: #b9b9b9;
    font-weight: 300;
    font-size: 14px;
}

.form_save_btn button {
    background-color: #b68622;
    color: #fff;
    font-size: 18px;
    border-radius: 30px;
    border: none;
    padding: 8px 40px;
}

.parsonal_info {
    width: 35%;
    position: relative;
}

.parsonal_info select {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    color: #b9b9b9;
    font-size: 14px;
    font-weight: 300;
    appearance: none;
    position: relative;
    background-color: transparent;
}

.parsonal_info:after {
    content: "";
    background-image: url(../img/select_arrow.png);
    position: absolute;
    right: 14px;
    top: 17px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    z-index: -1;
    cursor: pointer;
}

.parsonal_details {
    width: 60%;
    padding-left: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.parsonal_details label {
    color: #1c1c1c;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 0;
    margin-right: 30px;
}

.parsonal_details select {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    color: #b9b9b9;
    font-size: 14px;
    font-weight: 300;
    appearance: none;
    background-color: transparent;
    width: 100%;
}

.parsonal_details_select_one,
.parsonal_details_select_to {
    position: relative;
    width: 22%;
}

.parsonal_details_select_to {
    margin: 0 10px;
}

.parsonal_details_select_three {
    width: 31%;
    position: relative;
}

.parsonal_details_select_one:after,
.parsonal_details_select_to::after,
.parsonal_details_select_three::after {
    content: "";
    background-image: url(../img/select_arrow.png);
    position: absolute;
    right: 14px;
    top: 17px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    z-index: -1;
    cursor: pointer;
}

label.Month_label {
    margin-left: 5.4rem;
    padding-top: 5px;
    color: #b9b9b9;
    font-size: 12px;
    padding-top: 10px;
}

.parsonal_info label {
    padding-top: 5px;
    color: #b9b9b9;
    font-size: 12px;
}

label.Month_label span,
.parsonal_info label span {
    color: #000;
}

.about-page-input input {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    color: #b9b9b9;
    font-size: 14px;
    font-weight: 300;
}

.about-page-input label {
    padding-top: 5px;
    color: #b9b9b9;
    font-size: 12px;
}

.about-page-input span {
    color: #000;
}

.searching_details label {
    font-size: 15px;
    font-weight: 500;
    color: #191919;
    padding-bottom: 30px;
    width: 100%;
}

.searching_details a {
    background-color: #f3f3f3;
    padding: 7px 22px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 30px;
}

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

.cover_img {
    position: relative;
    z-index: -9;
}

.cover_img::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../img/cemra.png);
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    transform: translate(-160%, -50%);
    background-color: #a0989875;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: end;
    border-radius: 50%;
    background-position-x: center;
    background-position-y: center;
}

.cover_img::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../img/cros.png);
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    transform: translate(0%, -50%);
    background-color: #a0989875;
    border-radius: 50%;
    background-position-x: center;
    background-position-y: center;
}

.profile_pic {
    position: relative;
}

.profile_pic img {
    width: 185px;
    height: 185px;
    margin-top: -100px;
    margin-left: 4.5rem;
}

.profile_pic::before {
    content: "";
    position: absolute;
    left: 20%;
    top: 50%;
    background-image: url(../img/cemra.png);
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    transform: translate(-50%, -146%);
    background-color: #a0989875;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: end;
    border-radius: 50%;
    background-position-x: center;
    background-position-y: center;
}

/* profile page end */

.logo img {
    width: 170px;
}

.post-carousel .item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 15px;
}

.mt-top {
    margin-top: -20px;
}

/*.post-carousel {
    height: 375px;
}*/

.social-post-icons li a,
.profile-invisible p,
.social-post-icons li > div {
    font-size: 14px;
    color: #536471;
    font-weight: 400;
    line-height: 13px;
}

.main-post ul li,
.double-view ul li {
    line-height: 15px;
    /* height: 24px; */
    display: flex;
    align-items: flex-start;
}

.social-post-icons li a img,
.social-post-icons li > div > img
{
    width: 16px;
    height: auto !important;
    margin-right: 5px;
}

.social-post-icons li > a > svg {
    margin-right: 5px;
}

.main-post .col-md-3 ul li a img {
    width: 17px;
    height: auto !important;
    margin-right: 5px;
}

.main-post p img {
    width: 12px;
}

/*.bl-center .filter-gallery figure img.w-100 {
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}*/

.bl-center .filter-gallery figure img.w-100 {
    /* height: 200px; */
    object-fit: cover;
    border-radius: 8px;
    aspect-ratio: 190/200;
}

.slider {
    /* padding-left: 70px; */
    font-size: 12px;
    padding-right: 0;
}

.bl-center {
    /*    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;*/
    max-width: 600px;
    width: 600px;
    padding: 0px !important;
}

.slide {
    border-radius: 10px;
    width: 100%;
}

/*.main-post {
    margin: 0 30px;
}*/

#story-popup .modal-dialog-centered.modal-dialog {
    /* width: calc(50vh - 0px); */
    /* min-width: calc(50vh - 0px); */
    max-width: fit-content !important;
    margin: 1.5rem auto !important;
    max-height: calc(100vh - 3.5rem);
}

@media screen and (min-width: 1280px) and (max-width: 1599px) {
    /*    .story-post-img,*/
    #story-popup .gallery-carousel2 {
        /*        height: 80vh !important;*/
        object-fit: cover;
        max-width: 35vw !important;
        width: 100% !important;
        margin: auto !important;
    }

    
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    /*    .story-post-img,*/
    #story-popup .gallery-carousel2 {
        /*    height: 65vh !important;*/
        object-fit: cover;
        max-width: 70vw !important;
        width: 100% !important;
        margin: auto !important;
        height: calc(88vh - 0px);
    }

    /* #story-popup .modal-dialog-centered.modal-dialog {
        width: calc((100vh - 3.5rem) * 9/16);
        min-width: calc(50vh - 0px);
        margin: 1.5rem auto !important;
        max-height: calc(100vh - 3.5rem);
    } */
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /*    .story-post-img,*/
    #story-popup .gallery-carousel2 {
        /*         height: 65vh !important;*/
        object-fit: cover;
        max-width: 70vw !important;
        width: 100% !important;
        margin: auto !important;
        height: calc(88vh - 0px);
    }
    /* #story-popup .modal-dialog-centered.modal-dialog {
        width: 50vh;
        min-width: 50vh;
        margin: 1.5rem auto !important;
    } */
}

@media screen and (min-width: 992px) and (max-width: 1023px) {
    /*    .story-post-img,*/
    #story-popup .gallery-carousel2 {
        /*   height: 65vh !important;*/
        object-fit: cover;
        max-width: 50vw !important;
        width: 100% !important;
        margin: auto !important;
        height: calc(88vh - 0px);
    }

    /* #story-popup .modal-dialog-centered.modal-dialog {
        width: 50vh;
        min-width: 50vh;
        margin: 1.5rem auto !important;
    } */
}

@media screen and (min-width: 460px) and (max-width: 767px) {
    /*    .story-post-img,*/
    #story-popup .gallery-carousel2 {
        /*        height: 65vw !important;*/
        object-fit: cover;
        max-width: 58vw !important;
        /*        min-height: 65vh;*/
        width: auto !important;
        height: calc(88vh - 0px);
    }

    /* #story-popup .modal-dialog-centered.modal-dialog {
        width: calc(50vh - 0px);
        min-width: calc(50vh - 0px);
        margin: 1.5rem auto !important;
    } */
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    /*img.story-post-img {
        object-fit: contain;
        height: 100vh !important;
        width: auto !important;
        max-width: unset !important;
        min-height: unset !important;
    }*/
}

@media screen and (min-width: 320px) and (max-width: 389px) {
    /*    .story-post-img,*/
    #story-popup .gallery-carousel2 {
        width: 82% !important;
        margin: auto;
    }

    .main .gallery-cont .option img.hidden-chat {
        transform: rotate(0deg) !important;
    }
}

@media screen and (min-width: 390px) and (max-width: 459px) {
    /*    .story-post-img,*/
    #story-popup .gallery-carousel2 {
        width: 94% !important;
        margin: auto;
    }

    .main .gallery-cont .option img.hidden-chat {
        transform: rotate(0deg) !important;
    }
}

@media screen and (min-width: 767px) and (max-width: 1270px) {
    .main .gallery-cont .option img.hidden-chat {
        display: none !important;
    }

    .main .gallery-cont .option img.hidden-chat2 {
        display: block !important;
        width: 20px !important;
        height: 16px;
        margin-left: auto;
        transform: rotate(180deg) !important;
    }
}

/*@media screen and (min-width: 375px) and (max-width:767px) {

    #gallery-popup3,
    #gallery-popup2,
    #gallery-popup1 {
        background: #000 !important;
    }




}*/

@media screen and (min-width: 1600px) and (max-width: 1919px) {
    .hor-post-popup .main > .gallery-cont:first-child {
        border-bottom: 1px solid lightgray;
        position: sticky;
        z-index: 99;
        background: #fff;
        width: 100%;
        top: 0;
        padding-top: 15px;
    }

    /*    .story-post-img,*/
    #story-popup .gallery-carousel2 {
        /*        height: 95vh;*/
        object-fit: cover;
        max-width: 35vw !important;
        width: auto !important;
        margin: auto !important;
    }

    #story-popup .modal-dialog-centered.modal-dialog {
        width: calc(55vh - 18px);
        max-width: calc(55vh - 18px);
        margin: 1.5rem auto !important;
    }
}

/*@media screen and (min-width:1025px) and (max-width:1265px) {

    .left_sideproject .logo {
        display: none;
    }

    .left_sideproject .logomobile {
        display: block;
        padding: 10px;
        margin-bottom: 20px;
    }
    .logomobile a img {
        padding-left: 3px;
    }

    .sidebar ul li a span {
        display: none;
    }

    .left_sideproject {
        position: fixed;
        padding: 20px 10px 20px 0;
        height: 100vh;
        top: 0px;
        width: 100px;
    }

    .bl-left {
        width: 130px !important;
    }



}*/

/*.gallery-carousel .owl-nav {
    position: absolute;
    right: -10%;
    top: 50%!important;
    width: 125%;
}*/

.bl-profile {
    margin-top: 30px;
}

.bl-profile .content_option .slider {
    padding-left: 0;
    text-align: center;
    margin-top: 35px;
}

.profile-img {
    position: absolute;
    bottom: -75px;
    left: 10px;
    display: none;
}

.active-dot {
    background: #05b714;
    border-radius: 60px;
    height: 25px;
    width: 25px;
    bottom: 30px;
    left: 130px;
    border: 4px solid #fff;
    position: absolute;
}

.profile-post-cont {
    margin-top: 20px;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.follow-sec ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

.follow-sec ul li a {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e5e5;
    margin: 0 5px;
    border-radius: 50%;
    padding: 4px;
}

.follow-sec ul li a img {
    width: 15px;
    margin-right: 0;
}

.profile-img img {
    width: 150px !important;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid #fff;
}

.bl-profile .slide {
    height: 200px;
    width: 100%;
    object-fit: cover;
    margin-top: 32px;
}

.follow-sec {
    display: flex;
    justify-content: space-between;
}

.profile-post-cont p {
    /*    font-weight: 500;*/
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #5b7083;
    padding-left: 0;
    margin-right: 15px;
}

.profile-post-cont h6 {
    /*    font-weight: 500;*/
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.015em;
    margin-top: 15px;
    text-align: left;
    color: #0f1419;
}

.about-box p b {
    font-weight: 700;
    /*    font-size: 15px;*/
    font-size: 14px;
    line-height: 15px;
    color: #b68622;
}

.about-box p {
    /*    font-weight: 500;*/
    /*    font-size: 12px;*/
    font-weight: 400px;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.02em;
    /*    color: #808080;*/
    color: #0f1419;
}

.bl-head {
    margin-left: 15px;
}

.bl-head h3 {
    font-size: 19px;
    margin-bottom: 0;
    color: #000;
    font-weight: 600;
    line-height: 12px;
    cursor: pointer;
}
.content_option .head h3 {
    font-size: 16px;
    margin-bottom: 0;
    color: #000;
    font-weight: 600;
    line-height: 18px;
    cursor: pointer;
}

.about-box {
    display: flex;
    align-items: center;
    margin-top: 12px;
    flex-wrap: wrap;
    row-gap: 10px;
}

.about-box img {
    width: 15px !important;
}

#dots-pop .modal-body {
    padding: 0 1rem;
}

nav.best-sub-tabs button {
    font-size: 14px;
    font-weight: 300 !important;
}

.three-dots-icon svg {
    cursor: pointer;
}

.profile-popup li a:hover,
.profile-popup li a:hover svg {
    color: #b68622 !important;
}

/*.my-badge li a {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #191919;
    background: rgba(25, 25, 25, .05);
    border-radius: 40px;
    padding: 8px 25px;
}*/

.my-badge li a {
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #000000;
    background: #f3f3f3;
    border-radius: 40px;
    padding: 5px 15px;
}

.bl-profile .main {
    margin-top: 25px;
}

.bl-profile .main .col-md-4 {
    padding: 5px !important;
}

.bl-profile .main .card-image img {
    height: 198px;
    object-fit: cover;
}

.bl-profile .main .card-image a {
    position: relative;
    display: block;
}

.bl-profile .main .card-image a::before {
    content: "";
    background: url("../img/img-view.svg") no-repeat;
    background-size: 100%;
    height: 15px;
    width: 15px;
    position: absolute;
    z-index: 9;
    right: 10px;
    top: 10px;
}

span.pro-option {
    position: relative;
    padding-left: 10px;
    /* margin-left: 2px; */
}

span.pro-option.seperate::before {
    content: "";
    left: 2px;
    position: absolute;
    top: 2px;
    height: 13px;
    width: 1px;
    background: #c6c6c6;
}

.pro-detail {
    line-height: 16px;
    /* margin-top: 10px; */
}

.create-post-popup {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #0f1419;
}

.create-post-popup h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #0f1419;
}

.drop-downs {
    margin-top: 50px;
}

.drop-downs select {
    width: 145px;
    padding: 0px 17px;
    margin: 0 10px;
    height: 30px;
    border-radius: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../img/select-arrow.svg");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 12px;
    border: 1px solid #dfdfdf;
    font-weight: 600;
    font-size: 10px;
    line-height: 24px;
    color: #b68622;
}

/*--------------- 06 june -------------*/

.bl-right {
    max-width: 350px;
    max-width: 350px;
    margin-left: 30px;
    margin-right: 10px;
}

.about-box p b {
    color: #b37e0c;
}

section.filter-gallery .col-4,
section.filter-gallery .col-6,
section.filter-gallery .col-md-4,
.best-of-album-box,
.best-of-video-box {
    padding: 7px !important;
}

.bl-left {
    max-width: 275px;
    width: 275px;
}

/*---------------------6-5-23---------------------*/

.fillter_icons ul li a {
    line-height: 10px;
}

.fillter_icons ul li.active {
    background: #b37e0c !important;
}

.fillter_icons {
    display: flex;
    justify-content: space-evenly;
}

.fillter_select {
    display: flex;
    justify-content: space-around;
}

.fillter_select select {
    border: 1px solid #d7d7d7;
    height: 34px;
    width: 130px;
    color: #999999;
    font-weight: 300;
    font-size: 12px;
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url("img/select-arrow-down.html");
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: 11px;
    border-radius: 8px;
    margin-left: 10px;
}

.btn_group span {
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
}

.btn_group button.active {
    background: #b37e0c !important;
    color: #fff;
}

.fillter_box {
    border: 1px solid #d7d7d7;
}

/*  */
.content {
    margin: 0 auto;
    text-align: center;
    padding: 0;
    border-bottom: 1px solid #d7d7d7;
}

.content h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

.slider-area .slider-title {
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
}

.slider-area-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 20px;
}

.slider-area #skip-value-lower,
.slider-area #skip-value-upper {
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-area .noUi-target {
    flex: 1;
    position: relative;
    background: #d9d9d9;
    border-radius: 50px;
}

.slider-area .noUi-target.noUi-horizontal {
    height: 4px;
}

.slider-area .noUi-target .noUi-base,
.slider-area .noUi-target .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.slider-area .noUi-target .noUi-connects {
    border-radius: 3px;
    overflow: hidden;
    z-index: 0;
}

.slider-area .noUi-target .noUi-connects .noUi-connect {
    height: 100%;
    width: 100%;
    transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
    background-color: #b68622;
}

.slider-area .noUi-target .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 0;
    width: 100%;
}

.slider-area-wrapper {
    padding: 8px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    height: 38px;
}

.slider-area .noUi-target .noUi-origin .noUi-handle {
    border-radius: 50px;
    background: #fff;
    cursor: default;
    background-color: #b68622;
    backface-visibility: hidden;
    position: absolute;
    width: 13px;
    height: 13px;
    right: -3px;
    top: -4px;
}

.slider-area .noUi-target .noUi-origin .noUi-handle .noUi-touch-area {
    height: 100%;
    width: 100%;
}

.slider-area .noUi-draggable {
    cursor: ew-resize;
}

.fillter_footer {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fillter_show-btn {
    background: #ffffff;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    display: inline-block;
    width: 190px;
}

.fillter_show-btn button {
    background: #b68622;
    border-radius: 8px;
    border: none;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
    padding: 10px 13px;
}

.gallery-view a {
    margin-left: 10px;
}

.fillter_show-btn select {
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    color: #999999;
    border: none;
    background: transparent;
    appearance: none;
    padding-left: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url("img/select-arrow-down.html");
    background-repeat: no-repeat;
    background-position-x: 4%;
    background-position-y: 4px;
}

.filter-gallery {
    margin-top: 15px;
    position: relative;
}

figcaption {
    padding: 10px;
}

figcaption span img {
    width: 13px;
}

span.online {
    width: 5px;
    height: 5px;
    background: #05b714;
    border-radius: 60px;
    margin: 3px 0 0 8px;
}

.pagination {
    margin: 25px 0;
}

.pagination li.active,
.pagination .pagination-button.active {
    height: 32px;
    width: 32px;
    border: 1px solid #b68622;
    display: grid;
    place-items: center;
    margin: 0 4px;
    border-radius: 4px;
}

.pagination li.active a {
    color: #b68622;
}

.pagination li a {
    line-height: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #212b36;
}

.pagination-btn {
    width: 22px;
    text-align: center;
    margin: 0px 4px;
    display: grid;
    place-items: center;
    height: 22px;
}

/* Site Livewire Pagination Start */

.site-pagination nav div:last-child > div:first-child{
    display: none;
}

.site-pagination ul.pagination li.page-item{
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-pagination ul.pagination li.page-item button.page-link,
.site-pagination ul.pagination li.page-item span.page-link{
    border: none;
    font-weight: 400;
    font-size: 13px;
    /* line-height: 20px; */
    text-align: center;
    color: #212B36;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-pagination ul.pagination li.page-item button.page-link:hover{
    background-color: unset;
}

.site-pagination ul.pagination li.page-item.active span.page-link{
    background-color: unset;
    color: #B68622;
}

.site-pagination ul.pagination li.page-item:first-child span.page-link,
.site-pagination ul.pagination li.page-item:last-child span.page-link,
.site-pagination ul.pagination li.page-item:first-child button,
.site-pagination ul.pagination li.page-item:last-child button{
    font-size: 26px;
    color: #B68622;

}

/* Site Livewire Pagination End */

.filter-option {
    padding-bottom: 20px;
}

.filter-option select {
    margin: 10px;
    width: 160px !important;
}

.bl-right {
    max-width: 350px;
    max-width: 350px;
    margin-left: 30px;
    margin-right: 10px;
}

.about-box p b {
    color: #b37e0c;
    font-weight: 500;
}

.bl-center .latest figure figcaption,
.quickie-container figure figcaption {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 1;
}

.bl-center .latest figure figcaption:before, 
.quickie-container figure figcaption:before {
    background: linear-gradient(1turn, rgba(0, 0, 0, .54), rgba(0, 0, 0, .24) 45.83%, rgba(0, 0, 0, .01) 87.5%, rgba(0, 0, 0, 0));
    bottom: 0;
    content: "";
    left: 0;
    min-height: 128px;
    position: absolute;
    right: 0;
    z-index: -1;
    border-radius: 8px;
}

img.saved-icon {
    width: 18px !important;
    height: 24px;
    margin-left: 4px;
}

.bl-left {
    max-width: 275px;
    width: 275px;
}

.home-content nav.nav-head {
    z-index: 9;
}

.bl-center .nav-head {
    z-index: 9;
}

.follow-sec button {
    background: #b37e0c;
    border-radius: 34px;
    font-weight: 500;
    font-size: 12px;
    padding: 4px 21px;
    /*    padding: 6px 8px;*/
    border: 1px solid #b37e0c;
    outline: none;
    line-height: 18px;
    /*    height: 30px;*/
    height: auto;
    color: #ffffff;
    margin-top: 5px;
}

/*---------------------6-5-23---------------------*/
.fillter_icons ul li {
    background: white;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    margin-right: 8px;
    border-radius: 50%;
    text-align: center;
    padding: 5px;
}

.fillter_icons ul li a {
    line-height: 10px;
}

.fillter_icons ul li.active {
    background: #b37e0c !important;
}

.fillter_header {
    background: #f9f4f4;
    padding: 6px 10px;
}

.fillter_box .btn_group {
    padding: 0px 10px 9px 10px;
}

.fillter_icons {
    display: flex;
    justify-content: space-evenly;
}

.fillter_select {
    display: flex;
    justify-content: space-around;
}

.fillter_select select {
    border: 1px solid #d7d7d7;
    height: 32px;
    width: 130px;
    color: #8f8787;
    font-weight: 300;
    line-height: 22px;
    font-size: 13px;
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url("../img/select-arrow-down.svg");
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: 11px;
    border-radius: 8px;
    margin-left: 10px;
}

.btn_group span {
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
}

.btn_group button {
    font-weight: 300;
    font-size: 13px;
    line-height: 18px;
    color: #8f8787;
    border: 1px solid #e2e2e2;
    border-radius: 40px;
    background: #fff;
    padding: 3px 13px;
}

.btn_group button.active {
    background: #b37e0c !important;
    color: #fff !important;
}

.fillter_box {
    border: 1px solid #d7d7d7;
    /* background: #F9F4F4; */
    border-top: 0;
}

/*  */

.slider-area {
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 20px;
    background: inherit;
    padding: 0px 10px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(100px);
    margin-bottom: 20px;
}

.slider-area .slider-title {
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
}

.slider-area-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 20px;
}

.slider-area #skip-value-lower,
.slider-area #skip-value-upper {
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-area .noUi-target {
    flex: 1;
    position: relative;
    background: #d9d9d9;
    border-radius: 50px;
}

.slider-area .noUi-target .noUi-base,
.slider-area .noUi-target .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.slider-area .noUi-target .noUi-connects {
    border-radius: 3px;
    overflow: hidden;
    z-index: 0;
}

.slider-area .noUi-target .noUi-connects .noUi-connect {
    height: 100%;
    width: 100%;
    transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
    background-color: #b68622;
}

.slider-area .noUi-target .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 0;
    width: 100%;
}

.slider-area-wrapper {
    padding: 8px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    margin-left: 10px;
    height: 30px;
}

.gallery-view img.grid-view,
.fillter_footer .left img {
    width: 19px;
    height: 20px;
}

.gallery-view img.table-view {
    height: 20px;
    width: 22px;
}

.slider-area .noUi-target .noUi-origin .noUi-handle {
    border-radius: 50px;
    background: #fff;
    cursor: default;
    background-color: #b68622;
    backface-visibility: hidden;
    position: absolute;
    width: 11px;
    height: 11px;
    right: -3px;
    top: -4px;
}

.slider-area .noUi-target .noUi-origin .noUi-handle .noUi-touch-area {
    height: 100%;
    width: 100%;
}

.slider-area .noUi-draggable {
    cursor: ew-resize;
}

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

.fillter_show-btn {
    background: #ffffff;
    border: 1px solid #d7d7d7;
    border-radius: 9px;
    display: inline-block;
    width: 190px;
    margin-left: 6px;
}

.fillter_show-btn button {
    background: #b68622;
    border-radius: 8px;
    border: none;
    font-weight: 300;
    font-size: 13px;
    line-height: 29px;
    color: #ffffff;
    padding: 0px 14px;
    height: 28px;
}

/*.bl-center .filter-gallery.latest figure img.w-100 {
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}*/

.bl-center .filter-gallery.latest figure img.w-100 {
    /* height: 200px; */
    object-fit: cover;
    border-radius: 8px;
    aspect-ratio: 190/200;
}

.right_sideproject {
    padding-top: 38px;
}

.gallery-view a {
    margin-left: 5px;
    margin-right: 2px;
}

/*div#dollar .modal-dialog {
    transform: translate(-50px);
}*/

div#dollar .modal-dialog {
    transform: translate(-68px);
}

.main-post .col-md-3 ul li a img.dollar-icons {
    width: 17px;
}

.fillter_show-btn select {
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    color: #999999;
    border: none;
    background: transparent;
    appearance: none;
    padding-left: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url("../img/select-arrow-down.svg");
    background-repeat: no-repeat;
    background-position-x: 4%;
    background-position-y: 4px;
}

figure h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 12px;
    color: #000000;
    z-index: 0;
    position: relative;
}

figcaption span img {
    width: 13px;
}

span.online {
    width: 5px;
    height: 5px;
    background: #05b714;
    border-radius: 60px;
    margin: 4px 0 0 -2px;
    margin-bottom: 3px;
}

.pagination {
    margin: 25px 0px 80px 0px;
}

.pagination li,
.pagination .pagination-button {
    height: 32px;
    width: 32px;
    display: grid;
    place-items: center;
    margin: 0 4px;
    border-radius: 4px;
    border: none;
    background-color: unset;
}

.pagination li.active a,
.pagination .pagination-button.active {
    color: #b68622;
}

.pagination li a {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #212b36;
}

.search-box {
    background: #fff;
    border-radius: 100px;
    padding: 0px 18px;
    margin: 25px 15px;
    border: 1px solid #e2e2e2;
}

/*.profile-popup li:last-child a img {
    width: 15px !important;
}
.profile-popup li ul a img{
    width: 20px !important;
}*/

/*
.hashtagurls ul li a.active{
    font-weight: bold;
}*/

.search-box input {
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
    height: 32px;
    color: #202020;
    border: none;
    width: 100%;
    background: transparent;
}

.search-box img {
    cursor: pointer;
}

.tags nav button {
    border: none;
}

.tags .nav-tabs .nav-link {
    color: #000;
    font-weight: 300 !important;
    font-size: 13px !important;
}

/* .nav-tabs .nav-link {
    font-size: 13px;
    border: none;
} */

.tags nav button.active {
    color: #b68622 !important;
    border-bottom: 2px solid #b37e0c !important;
    font-weight: 400 !important;
}

.latest figure {
    position: relative;
    overflow: visible;
}

.latest figure figcaption {
    position: absolute;
    bottom: -10px;
}

.latest figure figcaption p {
    font-size: 13px;
    color: #ffffff !important;
    position: relative;
    z-index: 1;
    gap: 6px;
    text-align: left;
}

.opt-menu {
    position: absolute;
    right: 8px;
    top: 8px;
    min-height: 24px;
    display: flex;
    align-items: center;
}

.opt-menu button {
    padding: 1px 6px;
}

.video-time {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    margin-right: 10px;
    z-index: 0;
}

.follow-sec {
    margin-left: -2px;
    margin-right: -2px;
}

.follow-sec .col-md-6 {
    padding: 2px !important;
}

.right-carousel {
    position: relative;
}

.right-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -65px;
    width: 30px;
}

.right-carousel .owl-nav button span {
    display: none;
}

.right-carousel .owl-nav button.owl-prev,
.right-carousel .owl-nav button.owl-next {
    position: relative;
}

.right-carousel .owl-nav button.owl-prev::before {
    content: "";
    position: absolute;
    background: url("../img/lft-ar.svg") no-repeat;
    background-size: 100%;
    height: 11px;
    width: 6px;
    left: -10px;
}

.right-carousel .owl-nav button.owl-next::before {
    content: "";
    position: absolute;
    background: url("../img/right-ar.svg") no-repeat;
    background-size: 100%;
    height: 11px;
    width: 6px;
}

.right-carousel-picture figure img,
.right-carousel-video figure img {
    height: 102px;
    object-fit: cover;
}

.right-carousel-video figure img {
    border-radius: 10px;
}

.right-carousel-picture figcaption img {
    height: auto !important;
    width: 10px !important;
}

.right-carousel-picture .opt-menu img {
    height: auto !important;
    width: auto !important;
}

.right-carousel-picture {
    position: relative;
}

.right-carousel-picture .owl-nav button span {
    display: none;
}

.right-carousel-picture .owl-nav button.owl-prev,
.right-carousel-picture .owl-nav button.owl-next {
    position: relative;
}

.right-carousel-picture .owl-nav button.owl-prev::before {
    content: "";
    position: absolute;
    background: url("../img/lft-ar.svg") no-repeat;
    background-size: 100%;
    height: 11px;
    width: 6px;
    left: -10px;
}

.right-carousel-picture .owl-nav button.owl-next::before {
    content: "";
    position: absolute;
    background: url("../img/right-ar.svg") no-repeat;
    background-size: 100%;
    height: 11px;
    width: 6px;
}

/*==========*/

.right-carousel-video figcaption img {
    height: auto !important;
    width: 10px !important;
}

.right-carousel-video .opt-menu img {
    height: auto !important;
    width: auto !important;
}

.right-carousel-video {
    position: relative;
}

.right-carousel-picture .owl-nav,
.right-carousel-video .owl-nav {
    position: absolute;
    right: 0;
    top: -35px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-carousel-video .owl-nav button span {
    display: none;
}

.right-carousel-video .owl-nav button.owl-prev,
.right-carousel-video .owl-nav button.owl-next {
    position: relative;
}

.right-carousel-video .owl-nav button.owl-prev::before {
    content: "";
    position: absolute;
    background: url("../img/lft-ar.svg") no-repeat;
    background-size: 100%;
    height: 11px;
    width: 6px;
    left: -10px;
}

.right-carousel-video .owl-nav button.owl-next::before {
    content: "";
    position: absolute;
    background: url("../img/right-ar.svg") no-repeat;
    background-size: 100%;
    height: 11px;
    width: 6px;
}

/*Sidebar Active Start*/

.sidebar li a.active span {
    color: #b37e0c;
}

.sidebar li a.active svg path,
.sidebar li a.active svg {
    stroke: #b37e0c;
    fill: #b37e0c;
    color: #b37e0c;
}

.sidebar li a.active svg rect {
    stroke: #b37e0c;
    fill: #b37e0c;
}

.sidebar li a.active svg circle {
    stroke: #b37e0c;
}

.unread-count-sidebar {
    position: absolute;
    left: 30px;
    top: 10px;
    font-size: 11px;
    aspect-ratio: 1 / 1;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: red;
    color: #FFF;
    border-radius: 40px;
}

/*Sidebar Active End*/

.sidebar li a:hover svg path,
.direct-menu-icon li button.active svg path,
.sidebar li a:hover svg,
.direct-menu-icon li button.active svg {
    stroke: #b37e0c;
    fill: #b37e0c;
    color: #b37e0c;
}

.sidebar li a:hover svg rect,
.direct-menu-icon li button.active svg rect {
    stroke: #b37e0c;
    fill: #b37e0c;
}

.sidebar li a:hover svg circle {
    stroke: #b37e0c;
}

.sidebar li a:hover span {
    color: #b37e0c;
    /* font-weight: 700; */
}
/* menu hover effect */
.sidebar li a:hover img,
.sidebar li a.active img {
    filter: invert(51%) sepia(100%) saturate(350%) hue-rotate(2deg)
        brightness(88%) contrast(91%);
}
/* end */

.three_doat i,
.profile-invisible h3 {
    font-size: 18px;
}

.right-carousel .owl-nav {
    display: block;
}

body {
    background-color: white;
    color: black;
}

.dark-mode {
    background-color: black;
    color: white;
}

@media (prefers-color-scheme: dark) {
    /* body {
        background-color: black;
        color: white;
    }

    .sidebar ul li a span,
    .right_section h2 {
        color: #fff;
    }

    .sidebar ul li a svg path,
    svg path {
        fill: #fff !important;
    }

    .content_option .head h3 {
        color: #fff !important;
    }

    .pro-detail span {
        color: #dddddd;
    }

    .main-post ul li a {
        color: #d5d5d5;
    }

    .content_option .head p {
        color: #d9d9d9;
    }

    .footer_page ul li a {
        color: #e1e1e1;
    } */
}

.gallery-carousel {
    position: relative;
}

.gallery-carousel .owl-nav {
    position: absolute;
    right: -10%;
    top: 75%;
    width: 125%;
}

.gallery-carousel .owl-nav button.owl-prev {
    float: left;
    background: #fff;
    z-index: 9999;
}

.gallery-carousel .owl-nav button span {
    display: none;
}

.gallery-carousel .owl-nav button.owl-prev,
.gallery-carousel .owl-nav button.owl-next {
    position: relative;
}

.gallery-carousel .owl-nav button.owl-next {
    right: 0;
    float: right;
}

.main-post .gallery-cont .media img {
    width: 40px !important;
}

.main-post .gallery-cont .media img.pro-img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    object-fit: cover;
}

img.img-fluid.pro-img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.gallery-cont {
    position: relative;
    padding: 15px 15px;
    padding-bottom: 0px;
}

.gallery-cont .title {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.012em;
    color: #0f1419;
    margin-bottom: 4px;
}

.gallery-cont .sub-title {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #808080;
    cursor: pointer;
    /* margin-top: 6px; */
}

.gallery-cont .toggle-replies {
    font-size: 12px;
    color: #808080;
}

.gallery-cont .desc {
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px;
    padding-right: 10px;
    color: #000000;
    text-align: justify;
}

.main .gallery-cont .media-body .desc {
    font-weight: 400;
    font-family: var(--segoeFont) !important;
    /* letter-spacing: 0.2px; */
}

.main .gallery-cont .media-body .pro-detail{
    margin-top: 0px !important;
}

.main .gallery-cont .media-body .pro-detail span{
    color: #808080;
    font-size: 12px;
    line-height: 15px;
}

.ver-gall-popup-main2 .main,
.ver-gall-popup-main .main {
    /*    height: calc(90vh - 130px);*/
    /* overflow-y: auto; */
    position: relative;
    /*    width: 25vw;*/
}

.main .gallery-cont .media img:first-child {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.gallery-cont .text-yellow {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #b37e0c;
}

.gallery-cont .media-body {
    margin-left: 10px;
}

.gallery-carousel hr {
    margin: 1px 25px 0 75px;
    background: transparent;
    border-top: 1px solid lightgray;
}

.gallery-carousel2 {
    position: relative;
}

.gallery-carousel2 .owl-nav {
    position: absolute;
    right: 2%;
    top: 50%;
    width: 96%;
}

.gallery-carousel2 .owl-nav button.owl-prev {
    float: left;
    background: #fff;
    z-index: 9999;
}

.gallery-carousel2 .owl-nav button span {
    display: none;
}

.gallery-carousel2 .owl-nav button.owl-prev,
.gallery-carousel2 .owl-nav button.owl-next {
    position: relative;
}

.gallery-carousel2 .owl-nav button.owl-next {
    right: 0;
    float: right;
}

/* .only-verticle-size .gallery-carousel2 .owl-nav button.owl-prev::before {
    content: "";
    position: absolute;
    background: url("../img/left-arrow-gall4.png") no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    background-color: #00000090;
    left: -25px;
    opacity: 1;
} */

/* .only-verticle-size .gallery-carousel2 .owl-nav button.owl-next::before {
    content: "";
    position: absolute;
    background: url("../img/right-arrow-gall3.png") no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    background-color: #00000090;
    right: -25px;
    opacity: 1;
} */

.gallery-carousel2 .owl-nav button.owl-prev::before {
    content: "";
    position: absolute;
    background: url("../img/left-arrow-gall4.png") no-repeat;
    background-size: 100%;
    height: 25px;
    width: 25px;
    left: 0px;
    border-radius: 30px;
    background-color: #00000090;
    opacity: 1;
    top: -15px;
}

.gallery-carousel2 .owl-nav button.owl-next::before {
    content: "";
    position: absolute;
    background: url("../img/right-arrow-gall3.png") no-repeat;
    background-size: 100%;
    height: 25px;
    width: 25px;
    right: 0px;
    border-radius: 30px;
    background-color: #00000090;
    opacity: 1;
    top: -15px;
}

.gallery-carousel2 .owl-dots {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 10px;
}

.owl-theme .owl-dots .owl-dot span {
    margin: 0px 4px !important;
    background: #d9d9d9;
    height: 6px !important;
    width: 6px !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    /*    background: #B68622 !important;*/
    background: radial-gradient(
        circle at top left,
        #efde6e,
        #b88824
    ) !important;
}

.chat-box-main {
    display: grid;
    place-content: space-between;
}

.comment-textarea {
    margin: 0 16px;
}

.chat-post {
    /* margin: 10px 20px 0 20px; */
    display: flex;
    justify-content: space-between;
    border: 1px solid #f5f5f5;
    padding: 7px 15px;
    border-radius: 35px;
    background: #fff;
}

.chat-box .content_middle {
    padding: 0px;
}

#dollar h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

#dollar p {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
}

#dollar textarea {
    border: 1px solid #e8e8e8;
    width: 100%;
    padding: 5px 20px;
    border-radius: 20px;
    resize: none;
    height: 80px;
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
    color: #999999;
}

#dollar textarea:placeholder {
    color: #999999;
}

#dollar .modal-body {
    padding: 20px 30px !important;
}

#dollar h5 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: underline;
    color: #b37e0c;
}

.bottom li button {
    height: 35px;
    width: 35px;
    display: grid;
    place-items: center;
    background: #eeeeee;
    border-radius: 50%;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #878787;
}

.bottom li {
    margin: 10px 5px;
}

.bottom li button.selected {
    background: #b37e0c;
    color: #fff;
}

.quantity-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    border: 1px solid #e3e3e3;
    border-radius: 20px;
    position: relative;
    /*    min-width: 120px;*/
}

img.check {
    position: absolute;
    right: 0;
    height: 38px;
}

.quantity-field .value-button {
    margin: 0px;
    width: 40px;
    height: 100%;
    padding: 0;
    border: none;
    background: transparent;
    outline: none;
    cursor: pointer;
}

.quantity-field .value-button:hover {
    background: transparent;
}

.quantity-field .value-button:active {
    background: transparent;
}

.quantity-field .decrease-button {
    margin-right: -4px;
}

.quantity-field .increase-button {
    margin-left: -4px;
}

.quantity-field input.number {
    width: 50px;
}

.quantity-field .number {
    display: inline-block;
    text-align: center;
    border: none;
    margin: 0px;
    width: 50px;
    font-weight: 500;
    font-size: 14px;
    line-height: 29px;
}

.quantity-field .number::selection {
    background: none;
}

.center-mid {
    position: relative;
}

.center-mid::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 45px;
    display: block;
    background: #eee;
    top: -12px;
    /*    left: 5px;*/
    left: 6px;
    z-index: 0;
}

.center-mid span {
    position: relative;
    font-size: 16px;
    background: #fff;
}

.main .card-image h3 {
    position: absolute;
    bottom: 2px;
    left: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #ffffff !important;
}

.main .card-image {
    position: relative;
}

.main .card-image h3 img {
    width: 15px;
    height: 20px !important;
}

.main .card-image h3 span.active {
    width: 6.52px;
    height: 6.9px;
    background: #05b714;
    border-radius: 60px;
    display: block;
    margin-left: 7px;
    margin-top: 7px;
}

.hometext_center .nav-head .nav-link.active {
    color: #b37e0c;
    font-weight: 500 !important;
    border-color: #b37e0c;
}

.pagination ul li:first-child a img {
    width: 9px !important;
    height: auto;
}

.right-carousel-picture figure figcaption h3,
.right-carousel-video figure figcaption h3 {
    margin-left: 0px !important;
    font-size: 11px !important;
    margin-bottom: 0px;
    font-weight: 400 !important;
    color: #FFFFFF;
    line-height: 14px;
}

.right-carousel-picture figure figcaption,
.right-carousel-video figure figcaption {
    height: calc(100% - 4px) !important;
    width: calc(100% - 4px) !important;
    background: rgba(0, 0, 0, 0.2);
    left: 2px !important;
    top: 2px !important;
    display: flex;
    border-radius: 10px;
    align-items: end;
    padding: 0 0 6px 5px;
}

.right-carousel-video .video-time {
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    color: #ffffff;
    margin-right: 6px;
    margin-bottom: 2px;
}

.main .gallery-cont .media .chat-box .content_middle p img {
    width: 17px !important;
    height: auto !important;
}

.chat-box p {
    font-size: 12px;
    font-weight: 500;
    color: #536471;
    line-height: 9px;
}

.profile-post-cont h3 p {
    font-size: 20px !important;
    margin-bottom: 0;
    color: #000;
}

.nav-link {
    transition: unset !important;
}

.explore-search {
    background: #edf1f2;
    border-radius: 9px;
    padding-left: 20px;
    margin: 0px 10px;
}

.explore-search input {
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #787878;
    padding: 0 20px;
}

.explore-post .media img.pro-img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.explore-search img {
    cursor: pointer;
    height: 15px;
    width: 15px;
}
.explore-post > a {
    background-color: #b68622;
    padding: 3px 20px;
    border-radius: 30px;
    font-size: 13px;
    color: #FFFFFF !important;
}

.explore .nav-link {
    padding-bottom: 15px;
}

nav.explore #nav-tab {
    border-bottom: 1px solid #d8d8d8;
}

.explore-post {
    margin: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.explore-post h4 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

.explore-post p {
    color: #9f9f9f;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}

.explore-post .media-body {
    margin-left: 10px;
}
.explore-post .media-body h5 {
    font-size: 11.8px;
    color: #777777;
    margin-top: 3px;
    margin-bottom: 0;
}

.explore-post .media-body h4 span img {
    width: 14px;
    margin-top: -9.5px;
}
.explore {
    margin: 22px 0 !important;
}

.profile-post-cont .head {
    display: flex;
}

.profile-post-cont .head h3 p {
    color: #0f1419;
    font-size: 21px;
    font-weight: 700;
    /*    line-height: 24px;*/
    line-height: 14px;
    letter-spacing: -0.252px;
    margin-right: 0 !important;
}

.profile_banner {
    aspect-ratio: 3/1;
    border-radius: 10px;
    margin-top: 50px;
    object-fit: cover;
    background-color: #888888;
    max-height: 200px;
}

.bl-img-slide {
    height: auto !important;
    width: 100% !important;
    object-fit: cover;
    border-radius: 30%;
    margin: auto;
    padding: 2px;
    aspect-ratio: 1;
}

.story-slider {
    position: relative;
}

.story-slider .owl-nav {
    position: absolute;
    top: -100%;
    left: 10px;
    width: 97%;
}

.story-slider .owl-nav button span {
    display: none;
}

.story-slider figure h4 {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}

.story-slider figure {
    margin-bottom: 0;
    cursor: pointer;
    text-align: center;
}

.story-slider figure figcaption {
    text-align: center;
    padding-bottom: 0px;
}

.story-slider {
    margin-bottom: 27px;
}

.follow-sec .outline-btn {
    background: transparent;
    border: 1px solid #b37e0c;
    color: #b37e0c;
    line-height: 12px;
}

.follow-section .overlay {
    background: rgba(0, 0, 0, 0.4);
    padding: 10px;
    border-radius: 6px;
}

.create-post h3 {
    color: #0f1419;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
}

.create-post .modal-footer {
    border-radius: 40px;
    border: 1px solid #f5f5f5;
    padding: 3px 12px;
    margin-top: 50px;
    margin-bottom: 30px;
    height: 50px;
}

.btm-gal a {
    font-size: 14px;
}

.btm-gal img {
    margin-right: 4px;
    width: 18px;
}

.full-pagination {
    margin-bottom: 32px;
}

/* main.main.owner-gall {
    margin-left: -5px;
    margin-right: -5px;
} */

.full-pagination p {
    color: #191919;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.full-pagination a:hover p {
    color: #b68622;
}

.full-pagination a:hover svg path {
    stroke: #b68622;
}

.full-pagination p img {
    width: 9px;
}

.album-heading-box {
    position: relative;
}

.album-heading-box img {
    position: absolute;
    top: 0;
    right: 0px;
    width: 16px;
    cursor: pointer;
}

ul.my-badge li {
    margin: 8px 0;
}

.comment-media .user-name {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #f36523;
    color: #fff;
    font-size: 30px;
}

.user-heading h6 {
    color: #5b7083;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

.user-heading h6 b {
    color: #0f1419;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}

.user-cont p {
    color: #0f1419;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
}

/*.owl-carousel .owl-nav.disabled {
    display: block !important;
}
*/
.img-round figure img {
    border-radius: 10px !important;
}

.right-carousel-picture .item figure:first-child img {
    border-radius: 10px 10px 0 0;
}

.right-carousel-picture .item figure:last-child:not(:first-child) img {
    border-radius: 0 0 10px 10px;
}

.pict-gap figure figcaption h3 {
    margin-bottom: 2px;
}

.signup p {
    margin-top: 5px;
    color: #000;
    text-align: center;
    font-size: 11.8px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.signup p a {
    color: #b68622 !important;
    font-weight: 400;
    text-decoration: none;
}

.signup {
    background: #fff;
    border-radius: 20px;
    padding: 20px 30px;
    box-shadow: 0px -3px 18px rgba(0, 0, 0, 0.17);
    margin: 30px auto;
    max-width: 400px;
}

.signup .lft p {
    line-height: 20px;
}

.signup .login-rgt-btm {
    margin-top: 30px;
    padding: 0 10px;
    margin-bottom: 0 !important;
}

body .member_signup {
    padding: 35px 35px 10px 35px;
}

.post-option img:nth-child(2) {
    transform: rotate(90deg);
}

.owl-theme .owl-nav {
    margin-top: 0px !important;
}

.right-carousel-picture figure figcaption h3 span:last-child,
.right-carousel-video figure figcaption h3 span:last-child,
.content_option .head h3 span:last-child {
    display: none;
}

.member-list {
    border: 1px solid #e9e9e9;
    border-radius: 20px;
    width: 100%;
    min-width: 600px;
}

.member-list .top {
    border-radius: 20px 20px 0px 0px;
    background: #f6f6f6;
    height: 38px;
}

.member-list .top h5 {
    color: #b68622;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 0;
    line-height: normal;
    padding: 10px 15px;
}

.member-list .bottom img {
    width: 35px;
    height: 35px;
}

/*.member-list .top h5 {
    color: #5A5A5A;
font-size: 12px;
font-weight: 400;
    margin-bottom: 0;
    padding: 10px;
}
*/

figure figcaption h3 span:nth-child(2) {
    display: none !important;
}

.login-sec .form-box input::placeholder,
.btn-select li span {
    color: #646363;
    font-weight: 300
}

.head details summary {
    display: inline-block;
    color: #b37e0c;
}

.head a.readmore {
    color: #b37e0c;
}

.head details {
    display: contents;
    position: relative;
}

.head details[open] summary {
    display: none;
}

.post-description .hashtagurls {
    display: none;
}

.hashtagurls ul {
    margin-top: 15px;
}

.post-description {
    position: relative;
    font-family: var(--segoeFont) !important;
}

.post-description span{
    font-family: var(--segoeFont) !important;
}

.head details[open] summary::before {
    content: "";
    bottom: -2px;
    top: auto;
}

.head details,
.post-description {
    font-size: 14px;
    /* padding-top: 10px; */
    color: #000000;
    font-weight: 400;
    text-align: justify;
    margin: 4px 0 0 0;
}

span.refer-btn-cont {
    width: 165px;
    display: flex;
    align-items: center;
    margin: auto;
    color: #333;
}

.btn-select {
    outline: none;
}

.btn-select:hover {
    border: none;
}

.Searching_list h3 {
    color: #191919;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.bl-profile .main .card-image h3 span:nth-child(2) img {
    display: none;
}

.main-post .hashtagurls li a {
    color: #b37e0c;
    font-size: 14px;
    font-weight: 400;
    line-height: 10px;
}

.post-header .three-dots-icon svg:nth-child(2) {
    transform: rotate(90deg);
    margin-left: 10px;
}

.slider.verticle-main-post {
    max-width: 80%;
    margin: auto;
}

.main-post .slider .owl-carousel img {
    border-radius: 15px !important;
}

.fixed {
    position: fixed;
    top: 0;
    width: 600px;
}

.fixed2 {
    position: fixed;
    top: 0;
    width: 320px;
}

.profile-page-heading {
    font-size: 19px !important;
    font-weight: 600;
}

.fillter_icons li.active a svg path {
    fill: #fff;
}

.fillter_icons li.active a svg circle {
    stroke: #fff;
}

#story-popup {
    background: #000;
    overflow: hidden;
}

.main-post .col-md-3 ul li a img.save-fill {
    width: 12px;
}

#story-popup .chat-box {
    margin: 0px;
    position: absolute;
    bottom: 35px;
    width: 100%;
    z-index: 99;
}

#story-popup .plus-add-icon svg,
#story-popup .plus-add-icon input {
    display: none;
}

#story-popup .media-profile img {
    aspect-ratio: 1/1;
}

#story-popup .owl-carousel .owl-item img {
    width: auto;
}

#story-popup .content_middle {
    padding: 0 12px;
    border-bottom: 0;
    margin: 0;
    gap: 8px;
}

#story-popup .gallery-carousel2 .owl-nav {
    position: absolute;
    right: -20%;
    top: 50%;
    width: 140%;
}

/* #share-pop .follow-sec button {
    background: #B37E0C;
    border-radius: 34px;
    font-weight: 500;
    font-size: 15px;
    padding: 5px 45px;
    border: none;
    outline: none;
    line-height: 18px;
    height: 40px;
    color: #FFFFFF;
    margin-top: 5px;
} */

#share-pop .follow-sec button {
    background: #b37e0c;
    border-radius: 34px;
    font-weight: 500;
    font-size: 13px;
    padding: 3px 24px;
    border: none;
    outline: none;
    line-height: 1.5;
    height: auto;
    color: #ffffff;
    margin-top: 5px;
}

/*.chat-box-main {
    max-width: 430px;
    width: 430px;
    height: 90vh;
}*/

/*.chat-box-main {
    width: 35%;
    position: relative;
    display: inline-block;
}*/

#story-popup .modal-content {
    /*  width: 409px;
    max-width: 409px;*/
    border-radius: 5px;
    margin: auto;
}

#story-popup .post-header {
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    padding: 6px 12px;
    margin-left: 0px;
    z-index: 1;
    display: flex;
    justify-content: space-between;
}

#story-popup .three-dots-icon > svg > path {
    fill: #fff !important;
    cursor: pointer;
}

.story-post-img {
    border-radius: 10px !important;
}

.saved-menu.fixed .main-post {
    margin-bottom: 5px;
}

.main .gallery-cont .option img:nth-child(2) {
    transform: rotate(90deg);
}

.main .gallery-cont .option img {
    width: 17px !important;
    cursor: pointer;
}

.main .reply-box .option img {
    height: auto !important;
}

.reply-box {
    padding-left: 0;
    padding-right: 0;
    border: 0 !important;
    position: relative !important;
    z-index: unset !important;
    padding-bottom: 0px !important;
}

#gallery-popup2 .reply-box .option {
    right: 5px;
}

.option {
    position: absolute;
    right: 15px;
    top: 16px;
    /* width: 36px; */
    display: flex;
    align-items: center;
}

input#add-photo {
    position: absolute;
    height: 25px;
    width: 25px;
    right: 48px;
    bottom: 12px;
    opacity: 0;
    cursor: pointer;
}

.create-post .modal-footer img {
    cursor: pointer;
    height: 24px;
}

.saved-menu {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    background: rgba(255, 255, 255, 0.85);
    padding-top: 30px;
}

.saved-menu.shift {
    transform: translateY(-100%);
}

.saved-menu {
    transform: translateY(0%);
}
.saved-menu.fixed {
    padding-top: 10px;
}

.create-post .modal-footer .left {
    margin: 0;
    padding: 0;
    height: 20px;
}

#post .modal-content {
    border-radius: 15px;
    padding: 20px 30px;
    max-width: 468px;
    min-height: 585px;
    /* transform: translate(-50px, 0px); */
    transition: 0.3s;
}

.profile-upload .modal-content {
    border-radius: 15px;
    padding: 20px 30px;
    width: 468px;
    min-height: 524px;
    transform: translate(-50px, 0px);
}

#post .btn-close img,
.profile-upload .btn-close img,
#cropImagePop .btn-close img{
    width: 15px;
    height: 15px;
}

#post .btn-close,
.profile-upload .btn-close,
button#post_step_back {
    /* position: absolute; */
    /* left: 20px; */
    /* top: 15px; */
    height: 25px !important;
    width: 30px;
}

#post h5,
.profile-upload h5,
#cropImagePop h5  {
    color: #b37e0c;
    font-size: 18px;
    font-weight: 700;
    /* padding-left: 30px;
    margin-top: -5px; */
}

#post .modal-content a.w-25 img,
.profile-upload .modal-content a.w-25 img {
    margin-top: -18px;
    margin-left: -15px;
}

#post textarea,
.profile-upload textarea {
    resize: none;
    font-size: 16px;
    height: 100px;
}

/* #post .modal-content .uploaded-img img {
    object-position: 20% 5%;
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
} */

#post .drop-downs select {
    width: 130px;
    padding: 0px 17px;
    margin: 0 0px;
    height: 30px;
    border-radius: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../img/select-arrow.svg");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 12px;
    border: 0;
    font-weight: 600;
    font-size: 10px;
    line-height: 24px;
    color: #b68622;
}

#post .modal-footer {
    border: 1px solid #b68622;
    border-radius: 30px;
    height: 44px;
    padding: 0 10px !important;
}

#post .top-icons button:first-child {
    background: #fff;
    border: none;
    color: #b37e0c;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    padding: 0px 13px;
    border-radius: 17px;
    height: 20px;
    line-height: 20px;
}

#post .top-icons {
    position: absolute;
    top: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#post .uploaded-img {
    position: relative;
}

.drop-zone__video {
    height: 100%;
    width: 100%;
}

.play-button {
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 18px);
    border: 0;
    background: 0;
    color: #fff;
    scale: 2;
    font-size: 13px;
}

#post .top-icons button:last-child {
    border: none;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

#post .top-icons button:last-child img {
    margin: 0px;
    width: 10px;
}

#post .top-icons {
    position: absolute;
    top: 23px;
    width: 95%;
    display: flex;
    justify-content: space-between;
    left: 10px;
}

.chat-box-main {
    /* min-width: 400px;*/
    position: relative;
    display: grid;
}

.hor-post-popup .main > .gallery-cont:first-child,
#quickie-popup2 .main > .gallery-cont:first-child {
    border-bottom: 1px solid lightgray;
    position: sticky;
    z-index: 99;
    background: #fff;
    /*    width: 25vw;*/
    top: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.hor-post-popup .owl-carousel .owl-item img {
    display: block;
    /* max-height: 95vh !important;
    height: auto !important; */
    object-fit: cover;
}

/*.hor-post-popup .main .gallery-cont:nth-child(2) {
    margin-top: 140px;
}*/

#more-pop .profile-popup a img {
    width: 19px;
}

#more-pop .profile-popup a img.down-angle {
    width: 8px;
}

.main-post .media-profile.video-post {
    position: relative;
    border: double 2.3px transparent;
    border-radius: 50%;
    background-image: linear-gradient(#fff, #fff),
        radial-gradient(circle at top left, #efde6e, #b88824);
    background-origin: border-box;
    background-clip: content-box, border-box;
    display: inline-block;
}

/* .main-post .media-profile.video-post::before {
    background: url(../img/ring-border.png) no-repeat;
    background-size: 98% 96%;
    content: '';
    height: 45px;
    position: absolute;
    width: 45px;
    left: -2.1px;
    top: -1.8px;
} */

#share-pop .modal-header a {
    color: #000;
    font-size: 19px;
    font-weight: 600;
}

#share-pop .modal-content {
    border-radius: 20px;
    padding: 11px 25px;
    transform: translate(-65px, 0px);
}

#share-pop .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    height: unset;
}

.share-search {
    border-radius: 10px;
    background: #f6f6f6;
    height: 30px;
    width: 100%;
    display: flex;
    align-items: center;
}

.share-search h4 {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 20px;
    height: 50px;
    line-height: 50px;
}

.share-search input::placeholder {
    width: 100%;
    color: #909090;
    leading-trim: both;
    text-edge: cap;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
}

.share-search input {
    /* border-left: 1px solid #B37E0C !important; */
    margin-left: 10px;
    padding-left: 10px;
    font-size: 13px;
}

#share-pop .modal-body h5 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0 20px 0;
}

#share-pop .modal-body li:first-child {
    margin-top: 20px;
}

#share-pop .modal-body li {
    margin-top: 12px;
}

#share-pop .modal-body h3 {
    font-size: 13.8px !important;
    margin-bottom: 0;
    color: #333;
    font-weight: 600;
    line-height: 12px;
    cursor: pointer;
}

#share-pop .modal-body .pro {
    height: 40px !important;
    width: 40px !important;
}

#share-pop .modal-body .round {
    position: relative;
}

#share-pop .modal-body .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    left: -8px;
    position: absolute;
    top: 11px;
    width: 20px;
}

.gallery-cont .sub-title span::before {
    content: "";
    left: -5px;
    position: absolute;
    top: -5px;
    height: 10px;
    width: 1px;
    background: #c6c6c6;
}

.gallery-cont .sub-title span {
    position: relative;
    margin-left: 10px;
}

#share-pop .modal-body .round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 10px;
}
.dropdown-menu.dropdownMenuButtonblclass a {
    padding: 4px 15px;
}
.gallery-cont .sub-title {
    display: flex;
    align-items: center;
}

.gallery-cont .sub-title .likes {
    width: 11px !important;
    margin-left: 3px;
    margin-top: -1px;
}

#share-pop .modal-body .round input[type="checkbox"] {
    visibility: hidden;
}

#share-pop .modal-body .round input[type="checkbox"]:checked + label {
    background-color: #b37e0c;
    border-color: #b37e0c;
}

#share-pop .modal-body .round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.hashtag-profile p {
    font-size: 12px;
    line-height: 14px;
}

.my-badge li a.active {
    background: #b37e0c;
    color: #fff;
}

input.popup-choose-img {
    position: absolute;
    left: 35px;
    width: 30px;
    height: 30px;
    opacity: 0;
    cursor: pointer;
}

.head h3 span img {
    width: 15px;
}

.message-profile-box .pro-detail {
    line-height: 10px;
    margin-top: 5px;
}

.hor-post-popup.only-verticle-size .owl-carousel .owl-item img {
    /*    object-fit: cover;*/
    /* object-fit: contain; */
    object-position: 50% 50%;
}

.hor-post-popup .main > .gallery-cont:first-child {
    border-bottom: 1px solid lightgray;
    position: sticky;
    z-index: 99;
    background: #fff;
    /*        width: 18vw;*/
    top: 0px;
    padding-top: 15px;
}

.hor-post-popup .modal-dialog-centered.modal-dialog {
    max-width: calc(100% - 64px - 64px);
    margin: 1.75rem auto;
    /* min-height: unset; */
}

.chat-box-main {
    /* aspect-ratio: 761 / 1348; */
    /* flex: 1 1 400px; */
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    position: relative;
    justify-content: space-between;
    /* min-height: calc(100vh - 3.5rem); */
    overflow: hidden;
    max-width: 360px;
    min-width: 360px;
}

.view-media-wrapper{
    min-height: 750px;
}

.only-verticle-size .gallery-carousel2 .owl-nav button.owl-next::before {
    content: "";
    position: absolute;
    background: url("../img/right-arrow-gall3.png") no-repeat;
    background-size: 100%;
    height: 25px !important;
    width: 25px !important;
    right: -15px;
    border-radius: 30px;
    background-color: #00000090;
    opacity: 1;
}

.only-verticle-size .gallery-carousel2 .owl-nav button.owl-prev::before {
    content: "";
    position: absolute;
    background: url("../img/left-arrow-gall4.png") no-repeat;
    background-size: 100%;
    height: 25px !important;
    width: 25px !important;
    left: -15px;
    border-radius: 30px;
    background-color: #00000090;
    opacity: 1;
}

.hor-post-popup .main > .gallery-cont:first-child {
    border-bottom: 1px solid lightgray;
    position: sticky;
    z-index: 99;
    background: #fff;
    width: 100%;
    top: 0;
    padding-top: 15px;
}

.ver-gall-popup-main2 {
    max-height: inherit;
    max-width: inherit;
    overflow-y: visible;
    justify-content: center;
    display: flex;
}

.ver-gall-popup-left2 {
    /* flex: 1 1 710.66px; */
    background: #000;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    position: relative;
    justify-content: center;
    /* min-height: auto !important; */
    overflow: hidden;
    /* max-height: 1392px; */
    /* max-width: 705.6px; */
    /*    aspect-ratio: 1440 / 1640;*/
    /* aspect-ratio: 1440 / 1800; */
    /* flex-basis: 705.6px; */
    /* aspect-ratio: 4/5 !important; */
    /* height: 100% !important; */
}

/* .only-verticle-size .ver-gall-popup-left2.show-icon.main-img {
    max-width: 70vh;
} */

.only-horizontal-size .ver-gall-popup-left2.show-icon.main-img {
    max-width: 80vw;
    aspect-ratio: 16/9 !important;
}

.only-square-size .ver-gall-popup-left2.show-icon.main-img {
    max-width: 90vh;
    aspect-ratio: 1/1 !important;
}

/*.ver-gall-popup-left2.only-image {
    flex: 1 1 710px;
    background: #000;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    position: relative;
    justify-content: center;
    min-height: 450px;
    overflow: hidden;
    max-height: 1392px;
    max-width: 607px!important;
    aspect-ratio: 1350 / 1640!important;
    flex-basis: 705px;
}*/

/*.ver-gall-popup-left2 {
    flex: 1 1 710.66px;
    background: #000;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    position: relative;
    justify-content: center;
    min-height: 450px;
    overflow: hidden;
    max-height: 1392px;
    max-width: 705.6px;
    aspect-ratio: 1440 / 1800;
    flex-basis: 705.6px;
}*/

/*@media screen and (min-width:1024px) and (max-width:1999px) {

    .ver-gall-popup-left2 {
        flex: 1 1 640px;
        background: #000;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        position: relative;
        justify-content: center;
        min-height: 450px;
        overflow: hidden;
        max-height: 1392px;
        max-width: 640px;
        aspect-ratio: 1440 / 1800;
        flex-basis: 640.6px;
    }
}*/

/*@media screen and (min-width:768px) and (max-width:949px) {
    .ver-gall-popup-left2 {
    flex: 1 1 640px;
    background: #000;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    position: relative;
    justify-content: center;
    min-height: 450px;
    overflow: hidden;
    max-height: 1392px;
    max-width: 640px;
    aspect-ratio: 1480 / 1800;
    flex-basis: 640.6px;
}

.chat-box-main {
    aspect-ratio: 1475 / 1348 !important;
    max-width: 500px !important;
    min-height: 338px !important;
    min-width: 370px !important;
}
}*/

@media screen and (min-width: 992px) and (max-width: 1023px) {
    /* .ver-gall-popup-left2 {
        flex: 1 1 640px;
        background: #000;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        position: relative;
        justify-content: center;
        min-height: 450px;
        overflow: hidden;
        max-height: 1392px;
        max-width: 340px;
        aspect-ratio: 1480 / 1800;
        flex-basis: 640.6px;
    } */

    /* .chat-box-main {
        aspect-ratio: 1580 / 1348 !important;
        max-width: 500px !important;
        min-height: 320px !important;
        min-width: 360px !important;
    } */

    /* .only-verticle-size .ver-gall-popup-left2.show-icon.main-img {
        max-width: 65vh;
    } */

    .only-horizontal-size .ver-gall-popup-left2.show-icon.main-img {
        max-width: 85vw;
    }

    .only-square-size .ver-gall-popup-left2.show-icon.main-img {
        max-width: 85vh;
    }

    #overlay img {
        max-width: 380px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    /* .ver-gall-popup-left2 {
        flex: 1 1 640px;
        background: #000;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        position: relative;
        justify-content: center;
        min-height: 540px;
        overflow: hidden;
        max-height: 1392px;
        max-width: 625px;
        aspect-ratio: 1480 / 1800;
        flex-basis: 640.6px;
    } */

    /* .chat-box-main {
        aspect-ratio: 740 / 920 !important;
        min-height: 150px !important;
    } */

    #overlay img {
        max-width: 540px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {
    /* .ver-gall-popup-left2 {
        flex: 1 1 640px;
        background: #000;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        position: relative;
        justify-content: center;
        min-height: 450px;
        overflow: hidden;
        max-height: 1392px;
        max-width: 640px;
        aspect-ratio: 1440 / 1800;
        flex-basis: 640.6px;
    } */

    /* .chat-box-main {
        aspect-ratio: 840 / 1348 !important;
        max-width: 500px !important;
        min-width: 370px !important;
    } */

    #overlay img {
        max-width: 680px;
    }
}

@media screen and (min-width: 1367px) and (max-width: 1740px) {
    /* .ver-gall-popup-left2 {
        flex: 1 1 640px;
        background: #000;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        position: relative;
        justify-content: center;
        min-height: 573px;
        overflow: hidden;
        max-height: 1392px;
        max-width: 520px;
        aspect-ratio: 1440 / 1800;
        flex-basis: 640.6px;
    } */

    #overlay img {
        max-width: 560px;
    }

    /* .chat-box-main {
        aspect-ratio: 1040 / 1348 !important;
        max-width: 500px !important;
        min-width: 370px !important;
    } */
}

@media screen and (min-width: 1741px) and (max-width: 1920px) {
    /* .ver-gall-popup-left2 {
        flex: 1 1 640px;
        background: #000;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        position: relative;
        justify-content: center;
        min-height: 573px;
        overflow: hidden;
        max-height: 1392px;
        max-width: 640px;
        aspect-ratio: 1440 / 1800;
        flex-basis: 640.6px;
    } */

    /* .chat-box-main {
        aspect-ratio: 843 / 1348 !important;
        max-width: 500px !important;
        min-width: 370px !important;
    } */

    #overlay img {
        max-width: 680px;
    }
}

/*
@media screen and (min-width:1024px) and (max-width:1339px) {


.ver-gall-popup-left2 {
    max-height: 884px;
    max-width: 884px;
    aspect-ratio: 1 / 1;
    flex-basis: 884px;
    flex-shrink: 1;
    flex-grow: 1;
    justify-content: center;
    min-height: 450px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    position: relative;
}


}*/

@media screen and (min-width: 1921px) and (max-width: 10000px) {
    /* .ver-gall-popup-left2 {
        flex: 1 1 710.66px;
        background: #000;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        position: relative;
        justify-content: center;
        min-height: 89vh;
        overflow: hidden;
        max-height: 95vh;
        max-width: 75vh;
        aspect-ratio: 1440 / 1800;
        flex-basis: 1113.6px;
    } */

    .hor-post-popup .owl-carousel .owl-item img {
        display: block;
        /* height: 95vh; */
        object-fit: cover;
    }

    #gallery-popup1 .gallery-carousel2 .owl-item img,
    #gallery-popup3 .gallery-carousel2 .owl-item img {
        display: block;
        height: auto !important;
        object-fit: cover;
    }

    /* .only-verticle-size .ver-gall-popup-left2.show-icon.main-img {
        max-width: 75vh;
    } */

    .only-horizontal-size .ver-gall-popup-left2.show-icon.main-img {
        max-width: 85vw;
    }

    .only-square-size .ver-gall-popup-left2.show-icon.main-img {
        max-width: 100vh;
    }

    /*    .story-post-img,*/
    #story-popup .gallery-carousel2 {
        /*        height: 95vh !important;*/
        object-fit: cover;
        max-width: 55vw !important;
        width: auto !important;
        margin: auto !important;
    }

    #story-popup .modal-dialog-centered.modal-dialog {
        width: calc(55vh - 18px);
        min-width: calc(55vh - 18px);
        margin: 1.5rem auto !important;
    }

    #overlay img {
        max-width: calc(75vh + 40px);
    }
}

@media screen and (min-width: 1920px) and (max-width: 2559px) {
    #gallery-popup2 {
        overflow-y: hidden;
    }

    /* .only-verticle-size .gallery-carousel2 .owl-nav button.owl-next::before {
        content: "";
        position: absolute;
        background: url("../img/right-arrow-gall3.png") no-repeat;
        background-size: 100%;
        height: 30px;
        width: 30px;
        right: -15px;
        border-radius: 30px;
        background-color: #ffffff90;
        opacity: 1;
    } */

    /* .only-verticle-size .gallery-carousel2 .owl-nav button.owl-prev::before {
        content: "";
        position: absolute;
        background: url("../img/left-arrow-gall4.png") no-repeat;
        background-size: 100%;
        height: 30px;
        width: 30px;
        left: -15px;
        border-radius: 30px;
        background-color: #ffffff90;
        opacity: 1;
    } */

    /* .ver-gall-popup-left2 {
        max-height: 95vh !important;
        flex-basis: 725.6px;
    } */

    .hor-post-popup .owl-carousel .owl-item img {
        display: block;
        /* max-height: 95vh; */
    }
}

@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .container {
        max-width: 1300px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .hor-post-popup .main > .gallery-cont:first-child {
        border-bottom: 1px solid lightgray;
        position: sticky;
        z-index: 99;
        background: #fff;
        top: 0px;
        padding-top: 15px;
    }

    .main .gallery-cont .media .chat-box p img {
        width: 13px !important;
        height: auto;
    }

    .content_middle {
        /* padding: 5px 5px 0 75px; */
        margin: 10px 0 0 0;
    }

    /* .only-verticle-size .gallery-carousel2 .owl-nav button.owl-next::before {
        content: "";
        position: absolute;
        background: url("../img/right-arrow-gall3.png") no-repeat;
        background-size: 100%;
        height: 30px;
        width: 30px;
        right: -15px;
        border-radius: 30px;
        background-color: #ffffff90;
        opacity: 1;
    } */

    /* .only-verticle-size .gallery-carousel2 .owl-nav button.owl-prev::before {
        content: "";
        position: absolute;
        background: url("../img/left-arrow-gall4.png") no-repeat;
        background-size: 100%;
        height: 30px;
        width: 30px;
        left: -15px;
        opacity: 1;
        border-radius: 30px;
        background-color: #ffffff90;
    } */
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .hor-post-popup .main > .gallery-cont:first-child {
        border-bottom: 1px solid lightgray;
        position: sticky;
        z-index: 99;
        background: #fff;
        width: 100%;
        top: 0px;
        padding-top: 15px;
    }

    .main .gallery-cont .media .chat-box p img {
        width: 13px !important;
        height: auto;
    }

    .content_middle {
        margin: 10px 0 0 0;
    }

    .ver-gall-popup-main2 .main,
    .ver-gall-popup-main .main {
        /* overflow-y: auto; */
        /* position: relative; */
        /* width: 100%; */
    }

    /* .hor-post-popup .owl-carousel .owl-stage { */
        /* display: flex; */
        /* align-items: center; */
    /* } */

    /* .only-verticle-size .gallery-carousel2 .owl-nav button.owl-next::before {
        content: "";
        position: absolute;
        background: url("../img/right-arrow-gall3.png") no-repeat;
        background-size: 100%;
        height: 30px;
        width: 30px;
        right: -15px;
        border-radius: 30px;
        background-color: #ffffff90;
        opacity: 1;
    } */

    /* .only-verticle-size .gallery-carousel2 .owl-nav button.owl-prev::before {
        content: "";
        position: absolute;
        background: url("../img/left-arrow-gall4.png") no-repeat;
        background-size: 100%;
        height: 30px;
        width: 30px;
        left: -15px;
        border-radius: 30px;
        background-color: #ffffff90;
        opacity: 1;
    } */

    /* .chat-box-main {
        aspect-ratio: 840 / 1348;
        flex: 1 1 500px;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        position: relative;
        justify-content: space-between;
        min-height: 450px;
        overflow: hidden;
        max-width: 500px;
        min-width: 370px;
    } */
}

.ver-gall-popup-left2.show-icon {
    position: relative;
}

.bg-black {
    background: #000 !important;
}

/*@media screen and (min-width:460px) and (max-width:767px) {

    .hor-post-popup .modal-dialog-centered.modal-dialog {
        margin: auto;
    }

    .gallery-cont.main-comment {
        display: block !important;
        order: 1;
    }

    .option.header-p img {
        transform: rotate(90deg);
        margin-left: 35px;
    }

    .ver-gall-popup-left2 {
        max-width: 100%;
        order: 2;
    }

    .option.header-p img:first-child {
        display: none;
    }

    .hor-post-popup.only-verticle-size .owl-carousel .owl-item img {
        height: 400px;
        object-fit: cover;
        object-position: 30% 10%;
        width: 100%;
    }

    .hor-post-popup .owl-carousel .owl-stage {
        display: flex;
        align-items: center;
    }

    .chat-box-main {
        width: 100%;
        position: relative;
        display: inline-block;
        border-radius: 0 0 20px 20px;
        order: 3;
    }

    .ver-gall-popup-main2 .main,
    .ver-gall-popup-main .main {
        height: 60px;
        overflow-y: auto;
        position: relative;
    }

    .chat-box-main .main .gallery-cont:first-child {
        display: none;
    }

    div#gallery-popup2 .gallery-carousel2 .owl-nav {
        position: absolute;
        right: 10% !important;
        top: 47% !important;
        width: 80% !important;
    }

}*/

/*@media screen and (min-width:460px) and (max-width:767px) {

    .ver-gall-popup-main2 {
        max-width: 335px;
        margin: auto;
    }

    .main-comment #gallery-popup3 .option,
    .main-comment #gallery-popup2 .option,
    .main-comment #gallery-popup1 .option {
        right: 30px;
        top: 24px;
    }

    .ver-gall-popup-left2 {
        max-height: 888px;
        max-width: 710.66px;
        aspect-ratio: auto;
        flex: auto;
        background: #000;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        position: relative;
        justify-content: center;
        min-height: auto;
        overflow: hidden;
    }



    .chat-box-main {
        aspect-ratio: auto;
        flex: auto;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        position: relative;
        justify-content: space-between;
        min-height: 140px;
        overflow: hidden;
        max-width: 500px;
    }

    .content_middle,
    .gallery-cont .desc {
        display: none;
    }

    .ver-gall-popup-main2 {
        flex-direction: column;
        background: #fff;
        border-radius: 10px;
        padding-top: 2px;
    }

}*/

/*@media screen and (min-width:768px) and (max-width:991px) {

    .chat-box-main {
        aspect-ratio: 1467 / 1348;
        flex: 1 1 500px;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        position: relative;
        justify-content: space-between;
        min-height: 338px;
        overflow: hidden;
        max-width: 500px;
        min-width: 370px;
    }

}

*/
@media screen and (min-width: 992px) and (max-width: 1023px) {
    .main .gallery-cont .media .chat-box p img {
        width: 13px !important;
        height: auto;
    }

    .content_middle {
        /* padding: 5px 5px 0 75px; */
        margin: 10px 0 0 0;
    }

    /* .chat-box-main {
        aspect-ratio: 1123 / 1348;
        flex: 1 1 500px;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        position: relative;
        justify-content: space-between;
        min-height: 450px;
        overflow: hidden;
        max-width: 500px;
        min-width: 370px;
    } */

    /* .hor-post-popup .owl-carousel .owl-stage { */
        /* display: flex; */
        /* align-items: center; */
        /* height: calc(84vh + 4px); */
    /* } */

    /* .only-verticle-size .gallery-carousel2 .owl-nav button.owl-next::before {
        content: "";
        position: absolute;
        background: url("../img/right-arrow-gall3.png") no-repeat;
        background-size: 100%;
        height: 30px;
        width: 30px;
        border-radius: 30px;
        background-color: #ffffff90;
        right: -15px;
        opacity: 1;
    } */

    /* .only-verticle-size .gallery-carousel2 .owl-nav button.owl-prev::before {
        content: "";
        position: absolute;
        background: url("../img/left-arrow-gall4.png") no-repeat;
        background-size: 100%;
        height: 30px;
        width: 30px;
        left: -15px;
        border-radius: 30px;
        background-color: #ffffff90;
        opacity: 1;
    } */
}

.ver-gall-popup-left2.show-icon {
    position: relative;
}

.ver-gall-popup-left2 .show-chat {
    /* position: absolute; */
    z-index: 9;
    height: 16px !important;
    width: 20px !important;
    border-radius: 0px;
    padding: 0px;
    top: 15px;
    object-fit: inherit !important;
    right: 15px;
    cursor: pointer;
    /* display: block !important; */
    filter: brightness(0) invert(1);
    transform: rotate(180deg) !important;
}

.only-verticle-size .owl-carousel {
    width: calc(100% - 0px) !important;
    /* max-width: 640px !important; */
    z-index: 1;
    margin-left: auto !important;
}

.gallery-cont .sub-title svg {
    /* margin-left: 4px; */
    fill: none;
}

.gallery-cont .sub-title svg.active path {
    fill: red;
}

#gallery-popup3 .gallery-carousel2 .owl-nav button.owl-prev::before,
#gallery-popup2 .gallery-carousel2 .owl-nav button.owl-prev::before,
#gallery-popup1 .gallery-carousel2 .owl-nav button.owl-prev::before {
    left: -15px;
}

#gallery-popup3 .option,
#gallery-popup2 .option,
#gallery-popup1 .option {
    right: 20px;
    top: 15px;
}

#gallery-popup3 .main .gallery-cont .media img:first-child,
#gallery-popup2 .main .gallery-cont .media img:first-child,
#gallery-popup1 .main .gallery-cont .media img:first-child {
    height: 28px;
    width: 28px;
}

/* added by 14_10_2024 */
#comment-div .gallery-cont .media img:first-child {
    height: 28px;
    width: 28px;
    border-radius: 50%;
}

#gallery-popup3 .gallery-cont .title,
#gallery-popup2 .gallery-cont .title,
#gallery-popup1 .gallery-cont .title {
    line-height: 12px;
}

.only-verticle-size .gallery-carousel2 .owl-nav button.owl-next::before {
    right: -15px;
}

.message-page {
    margin-top: 60px;
}

/* .message-page .message-back .back-box {
    height: 40px;
    background: rgb(241, 241, 241);
    padding: 10px;
    border-radius: 10px 10px 10px 0;
}

.message-page .message-back .content_option,
.message-page .message-front .content_option {
    padding-bottom: 15px;
    width: 55%;
} */
.message-page .message-back .back-box {
    /* height: 40px; */
    background: rgb(241, 241, 241);
    padding: 4px;
    border-radius: 10px 10px 10px 0;
}
.message-page .message-back .content_option,
.message-page .message-front .content_option {
    padding-bottom: 15px;
    max-width: 55%;
    width: fit-content;
}
.message-page .message-front .content_option {
    margin-left: auto;
}

button {
    position: relative;
}

button #upload {
    position: absolute;
    width: 20px;
    cursor: pointer;
    opacity: 0;
}

.direct-menu-icon {
    margin-bottom: 15px;
}

.direct-menu-icon li a.active svg path {
    fill: #b37e0c;
}

.edit-icons-message li button img {
    width: 25px;
    margin-bottom: 0px;
}

.message-profile-box .content_option .head h3 {
    font-size: 13.8px;
    margin-bottom: 0;
    color: #333;
    font-weight: 600;
    line-height: 12px;
    cursor: pointer;
}

.message-back {
    margin-bottom: 20px;
    margin-right: 1.5rem;
}

.message-front {
    /* margin-bottom: 20px; */
    margin-left: 1.5rem;
}

.message-pro-right h4 {
    font-size: 12px;
    font-weight: 400;
    color: #6a676a;
}

span.new-message {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #0e72cf;
    color: #fff;
    padding: 2px;
    display: grid;
    place-items: center;
    font-size: 10px;
    line-height: 13px;
    margin-top: 3px;
}

.message-pro-right span.new-message {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #0e72cf;
    color: #fff;
    padding: 2px;
    display: grid;
    place-items: center;
    font-size: 8px;
    line-height: 13px;
    margin-top: 5px;
}

.message-page span.new-message,
.message-pro-right p {
    margin-top: 0px !important;
}

.message-profile-box {
    padding: 10px;
    cursor: pointer;
    border-radius: 10px;
    background: transparent;
    /* margin-top: 6px; */
    margin-left: 10px;
    position: relative;
    margin-right: 10px;
}

.message-back .back-box {
    height: auto;
    background: #f1f1f1;
    padding: 10px;
    border-radius: 10px 10px 10px 0;
}

.message-front .back-box {
    background: #b68622;
    padding: 4px;
    border-radius: 10px 10px 0 10px;
}

.message-profile-box .pro-detail span {
    font-size: 12px;
    color: #6a676a;
    font-weight: 400;
    line-height: 18px;
}

.message-profile-box.active .head h3 {
    font-weight: 600;
    color: #000;
}

.right-top-message {
    /* position: fixed; */
    margin-top: 50px;
    width: inherit;
}

.message-profile-box .media-profile img.pro {
    width: 35px;
    height: 35px;
}

.main-select-opt .more_options {
    height: 40px;
    position: absolute;
    background: transparent;
    width: 100%;
    top: 190px;
    border-radius: 0 0 15px 15px;
    z-index: 999;
    cursor: pointer;
}

.chat_options .dropdown-menu.show {
    position: absolute;
    will-change: transform;
    top: 30px !important;
    left: unset !important;
    right: 0px !important;
    transform: unset !important;
}

.main-select-opt .select-items.more_active div:nth-child(6) {
    display: none;
}

/*.main-select-opt .select-items.more_active {
    display: block;
}*/

img.notify {
    min-height: 10px !important;
    max-width: 12px !important;
    border-radius: 0px !important;
}

.main-select-opt .select-items.more_active.mydiv {
    display: none;
}

::-webkit-scrollbar {
    width: 0px;
}

::-webkit-scrollbar-track {
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: transparent;
}

#gallery-popup1 .gallery-carousel2 .owl-nav button.owl-prev::before {
    content: "";
    position: absolute;
    background: url("../img/left-arrow-gall4.png") no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    left: 0px !important;
    border-radius: 30px;
    background-color: #ffffff90;
    opacity: 1;
}

h5.edit-messag {
    font-size: 13px !important;
}

.chat-post input {
    font-size: 14px;
    color: #787878;
}

/*
.main-img {
    width: 400px!important;
}
*/

#gallery-popup1 .ver-gall-popup-left2.show-icon .show-chat,
#gallery-popup3 .ver-gall-popup-left2.show-icon .show-chat {
    top: 13px;
}

.three-dots-icon {
    position: relative;
}

.three-dots-icon svg.no-rotate {
    transform: rotate(0deg);
}

.three-dots-icon .bl-dots svg,
.profile-popup-list.profile-popup svg {
    transform: rotate(0deg);
    margin-right: 10px;
    /* width: 14px; */
}

.three-dots-icon .bl-dots img {
    margin-right: 8px !important;
    width: 16px !important;
}

#dots-pop .profile-popup li:last-child a img {
    width: unset !important;
}

div#dots-pop .profile-popup li a {
    display: flex;
    align-items: start;
}

/* .footer_page {
    padding-top: 10px;
} */

.three-dots-icon.bl-mid {
    position: relative;
}

/*.profile-popup.bl-dots {
    right: 35px;
    top: 5px;
    position: absolute;
    bottom: auto;
    z-index: 9;
    height: 200px;
    width: 230px;
    padding-top: 5px;
}*/

.profile-popup.bl-dots,
.profile-popup-list.profile-popup {
    right: 35px;
    top: 5px;
    position: absolute;
    bottom: auto;
    z-index: 10;
    /* height: 200px; */
    width: fit-content;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: white;
    border-radius: 8px;
    padding: 10px 22px;
}

.profile-popup.bl-dots.left{
    right: unset;
    left: 25px;
}

.profile-popup.bl-dots li,
.profile-popup-list.profile-popup li{
    margin: 10px 0px !important;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.profile-popup.bl-dots li:first-child,
.profile-popup-list.profile-popup li:first-child{
    margin-top: 4px !important;
}

.profile-popup.bl-dots li:last-child,
.profile-popup-list.profile-popup li:last-child{
    margin-bottom: 4px !important;
}

.profile-popup.bl-dots li a,
.profile-popup-list.profile-popup li a {
    font-size: 13px !important;
    color: #000000;
    text-decoration: none;
    padding: 0px !important;
    display: flex !important;
    align-items: center;
    font-weight: 400;
    width: max-content;
    text-align: left;
}

.bl-dots.single-comment-options {
    right: 15px;
}

.message-box-heading ul li button img {
    width: 25px;
}
.message-profile-box .media-profile.online {
    position: relative;
}
.message-profile-box .media-profile.online::before {
    content: "";
    position: absolute;
    left: 27px;
    top: 27px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #4dd965;
    display: block;
}

/* 27-9-23 */

/* 29-sep / about-followed */

.about-followed {
    margin-top: 12px;
}

.about-followed .followed-profile img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 2px solid white;
    margin-left: -15px;
}

.about-followed .followed-txt b {
    font-weight: 500;
}

.about-followed .followed-txt p {
    margin: 0;
    color: #0f1419;
    font-size: 13px;
}

.about-followed .followed-profile:first-child {
    position: relative;
    z-index: 1;
}

.about-followed .followed-profile:last-child {
    position: relative;
    z-index: -1;
}

/*  */

/*user icon*/
.user_icon_top {
    width: 18px !important;
}

/*Edit profile*/
.profile-edit .follow-sec button {
    padding: 8px 15px;
    height: 30px;
}

.profile-edit .follow-sec ul li a {
    width: 20px;
}

.edit-post-content {
    position: relative;
}
.post-edit-location .location-dropup input {
    font-size: 12.5px;
    width: 100%;
    border: 1px solid #b37e0c;
    background-color: #f6f6f6;
    color: #b37e0c;
    border-radius: 50px;
    padding-left: 10px;
}
.post-edit-location .location-dropup {
    padding: 5px;
    border-radius: 100px;
    transform: translate3d(32px, -45px, 0px) !important;
}
.post-edit-location button#location_posts {
    bottom: 8px;
    position: absolute;
}
.edit-post-content img {
    width: auto;
    max-width: 100%;
    height: 100%;
    position: absolute;
    object-fit: contain;
    /* height: inherit; */
    /* max-height: 428px;
    border-radius: 10px;
    overflow: hidden;
    object-fit: cover;
    position: relative; */
}
.pin-btn,
.unpin-btn {
    text-align: left;
    padding: 4px 14px;
    font-size: 14px;
    color: #000;
}

.pin-btn:hover,
.unpin-btn:hover {
    color: #b68622 !important;
}

.pin-icon {
    position: absolute;
    right: 35px;
}

/* Profile about section */
.about-profile h2 {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}

.about-profile p {
    color: #000000;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    /* text-align: justify; */
    margin-bottom: 10px;
}

.about-profile b {
    font-weight: 600;
}

.about-profile .about-pillow,
.about-profile .searching-pillow {
    margin-bottom: 15px;
}

.about-profile .about-pillow p {
    background-color: #f3f3f3;
    color: #000000;
    font-size: 12px;
    padding: 1px 15px;
    display: inline-block;
    border-radius: 50px;
    margin-right: 10px;
    font-weight: 400;
}

.about-profile .searching-pillow p {
    background-color: #f3f3f3;
    color: #b37e0c;
    font-size: 12px;
    padding: 1px 15px;
    display: inline-block;
    border-radius: 50px;
    margin-right: 10px;
    font-weight: 400;
}

/*Profile Media Section*/
.media-albums img.w-100 {
    /*        height: 190px;*/
    object-fit: cover;
    /*    min-width: 190px;*/
    border-radius: 8px;
    aspect-ratio: 1/1;
}

.media-albums figcaption {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 0;
    cursor: pointer;
    height: 100% !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.album-view.col-6 img.w-100 {
    aspect-ratio: 2/3;
}

.video-view.col-12 img.w-100 {
    aspect-ratio: 3/2;
}

.view-active img {
    filter: invert(51%) sepia(100%) saturate(350%) hue-rotate(2deg)
        brightness(88%) contrast(91%);
}

.best-of-album-switch,
.best-of-video-switch {
    padding: 0px 10px 9px 0px;
    display: none;
}

::-webkit-scrollbar {
    display: none;
}

.media-albums .album-view,
.media-albums .video-view {
    padding: 7px !important;
}

.media-albums .media-albums-row {
    margin: 0px -8px;
}

.media-albums figcaption h3 {
    margin: 8px;
}

.media-albums .premium-media {
    position: absolute;
    top: 10px;
    right: 15px;
}

.media-albums .media-videos-duration {
    position: absolute;
    bottom: 0px;
    right: 5px;
}

.post_media img {
    width: 16px;
    margin-right: 7px;
}

.post_media .nav-link.active {
    opacity: 1;
    color: #000 !important;
    font-weight: 400;
}

.post_media .nav-link {
    opacity: 0.2;
    color: #000 !important;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.media-albums figure h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
}

/* Invisible Profile */
.profile-invisible {
    padding: 30px;
    border-radius: 10px;
    background-color: #f6f6f6;
}

.profile-invisible img {
    padding: 10px;
    border: 1px solid #b37e0c;
    border-radius: 50px;
}

/*Artist Profile*/
.artist-content {
    background-color: #f6f6f6;
    border-radius: 20px;
    aspect-ratio: 4/5;
}

.artist-content h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}

.artist-box {
    border-radius: 19px;
    border: 1px solid #cbcbcb;
    background: #fff;
    padding: 10px 26px !important;
    /* height: 135px; */
    margin: 25px 0.5rem 15px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    aspect-ratio: 2/1 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    max-width: 279px;
}

.artist-box .gray-button {
    border-radius: 34px;
    background: #f6f6f6;
    color: #b68622;
    font-size: 12px;
    border: none;
    font-weight: 500;
    line-height: normal;
    padding: 4px 25px;
}

.artist-box h3 {
    color: #0fa972;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
}

.artist-box .purple-btn-small {
    border-radius: 34px;
    background: #c505f6;
    padding: 4px 15px;
    font-size: 12px;
    line-height: normal;
    width: 100%;
}

.artist-box p {
    font-size: 11px;
    margin-bottom: 7px;
    color: #808080;
    text-align: justify;
}

.artist-box b,
.artist-box span {
    color: #b68622;
    font-size: 10px;
}

.artist-profile .owl-carousel .owl-nav {
    display: none !important;
}

.artist-profile .profile-banner {
    background-position: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
        url(../img/Maskgroup-new.png);
    background-size: cover;
}

.artist-profile .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
}

.artist-profile {
    min-height: 180px;
}

/* Subscribe Modal */
#subscribeModal .modal-content {
    border-radius: 15px;
    padding: 20px 30px;
    width: 468px;
    transform: translate(-50px, 0px);
}
.subscribe-modal-box h3 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.subscribe-modal-box p {
    font-size: 13px;
    color: #808080;
    text-align: justify;
}

.subscribe-modal-box .purple-btn {
    border-radius: 34px;
    background: #c505f6;
    color: #fff;
    padding: 7px 15px;
    font-size: 13px;
    line-height: normal;
}

.subscribe-modal-box b {
    color: #b68622;
    font-size: 13px;
}

.modal-cancel {
    position: absolute;
    top: 16px;
    right: 31px;
}

/* Artist Banner Css Start */
.artist-banner,
.business-banner {
    margin-bottom: 80px;
}

.artist-banner h2 {
    font-size: 15px;
    color: #b37e0c;
    font-weight: 600;
}

.artist-banner .nav-link {
    color: #000;
    background-color: #f6f6f6;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 10px;
}

.artist-banner .nav-pills .nav-link.active,
.artist-banner .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #b37e0c;
}

.edit-profile-btn {
    background: transparent;
    border: 1px solid #b37e0c;
    color: #b37e0c;
    line-height: 12px;
    border-radius: 34px;
    font-weight: 500;
    font-size: 12px;
    padding: 4px 21px;
}

.artist-banner .artist-box {
    width: 60%;
    position: relative;
}

.member-edit-outer {
    max-width: none !important;
    min-height: 1150px !important;
}

.edit-banner-icon {
    position: absolute;
    top: -8px;
    left: -8px;
}
/* Artist Banner Css End */

/*profile-popup*/
.profile-popup {
    height: auto;
    width: max-content;
    position: absolute;
    background: #fff;
    bottom: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 18px;
    z-index: 10;
    padding: 10px;
}

.profile-popup li a img {
    margin-right: 10px !important;
    width: 17px !important;
}

.profile-popup li a img.down-angle {
    margin-right: 19px !important;
    width: 10px !important;
}

/* Followers Modal css start */
.following-btn,
.followers-btn,
.mutual-btn {
    cursor: pointer;
}

.followers_popup #myTabContent {
    padding: initial !important;
}

.followers_popup .modal-header a.nav-link {
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    padding: 3px 15px;
}

.followers_popup .modal-header .nav-pills .nav-link.active,
.followers_popup .modal-header .nav-pills .show > .nav-link {
    color: #b37e0c;
    background-color: transparent;
}

.followers_popup .modal-content {
    border-radius: 15px;
    width: 468px;
    transform: translate(-50px, 0px);
}

.followers_popup .modal-body h3 {
    font-size: 13.8px !important;
    margin-bottom: 0;
    color: #333;
    font-weight: 600;
    line-height: 12px;
    cursor: pointer;
}

.followers_popup .followers-popup-list li:first-child {
    margin-top: 0px;
}

.followers_popup .modal-body li {
    margin-top: 12px;
}

.followers_popup .pro-detail span {
    font-size: 12px;
    color: #6a676a;
    font-weight: 400;
    line-height: 18px;
}

.followers_popup .pro-detail {
    line-height: 10px;
    margin-top: 3px;
}

/* .followers_popup a {
         background-color: #b68622;
         padding: 3px 20px;
         border-radius: 30px;
         font-size: 13px;
         color: #fff;
         line-height: 1.5;
      } */

.followers_popup .followers-popup-list {
    height: 398px;
    overflow: scroll;
}

.followers_popup .modal-body li.nav-item {
    width: 50%;
    text-align: center;
}

.followers_popup .modal-body a.nav-link {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0px;
    border-bottom: 2px solid #000;
    opacity: 0.3;
}

.followers_popup .modal-body .nav-pills .nav-link.active,
.followers_popup .modal-body .nav-pills .show > .nav-link {
    background-color: transparent;
    opacity: 1;
    border-color: #b37e0c;
}

/* follow - following - requested Css */
.follow_style,
.block-btn {
    background-color: #fff !important;
    border: 1px solid #b68622;
    color: #b68622 !important;
}

.following_style,
.unblock-btn {
    background-color: #b68622;
    border: 1px solid #b68622;
    color: #fff !important;
}

.requested_style {
    background-color: #f6f6f6;
    border: 1px solid #b8b8b8;
    color: #000 !important;
}

#follow_toggle,
#block-unblock-btn,
.following_style,
.follow_style {
    padding: 2px 10px;
    border-radius: 30px;
    font-size: 13px;
    line-height: 1.5;
    width: 90px;
    height: 25px;
    text-align: center;
}

/* Followers Modal css end */

/* Dropdown CSS Start */
.selectbox .s-hidden {
    visibility: hidden;
    padding-right: 10px;
}
.selectbox .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: black;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 35px;
    width: 100%;
}
.selectbox .styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    /*    color: #787878;*/
    color: #000;
    padding: 8px 10px 3px;
    font-size: 13px;
    border-radius: 5px;
    width: 100%;
}
.selectbox .styledSelect {
    appearance: none;
    background: url(../img/select-arrow.png) no-repeat;
    background-size: 11px;
    background-position-x: calc(100% - 10px);
    background-position-y: 13px;
}

.language-dropdowns .styledSelect {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.selectbox .options,
.privacy-dropdown-options {
    padding: 10px 10px 10px 10px;
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    left: 0;
    max-height: 190px;
    overflow: scroll;
    z-index: 999;
    margin: 0 0;
    list-style: none;
    border-radius: 12px;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.selectbox .options li,
.privacy-dropdown-options li {
    padding: 3px 0px 3px 10px;
    margin: 0px 0;
    border-radius: 15px;
    font-size: 13px;
}
.selectbox .options li:hover,
.privacy-dropdown-options li:hover {
    background-color: #f6f6f6;
    color: #b37e0c;
}

.selectbox-small .options li,
.privacy-dropdown-options li {
    padding: 2px 5px 2px 5px;
}

.selectbox-small .options li {
    text-align: center;
}

.selectbox-small .options {
    padding: 10px 5px 0px 5px;
}

.selectbox-only_me .options,
.privacy-dropdown-options {
    height: auto;
    overflow: unset;
    width: max-content;
    padding: 10px;
}
.selectbox-only_me .options:before {
    background: none !important;
}

.selectbox-only_me .select {
    border: 1px solid transparent;
    width: fit-content;
    display: flex;
    gap: 4px;
    height: auto;
}

.selectbox-only_me .styledSelect {
    color: #b9b9b9;
    padding: 0px;
    font-size: 11px;
}
.selectbox-only_me {
    position: relative;
}

.profile_selection {
    margin-bottom: 3px !important;
}

.selectbox-only_me .styledSelect {
    background: none;
}

.change-btn svg {
    width: 13px;
}

.block-select {
    height: 28px;
    width: 55px;
    position: absolute;
    top: 1px;
}

.sexual-orientation-option .options {
    overflow: hidden;
    max-height: 140px;
}

.sexual-orientation-option.more-option-arrow .options::before {
    content: " ";
    background: url("../img/gold_arrow_down.png") no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: 0px;
    left: 60px;
}

.couples-option h2 {
    font-size: 13px;
    margin-bottom: 16px;
    color: #000;
    width: 52px;
}

.required-alert {
    font-size: 13px;
    color: #ff0000;
    font-weight: 600;
    position: absolute;
    top: 6px;
    right: 25px;
}

span.select-label {
    position: absolute;
    top: -9px;
    left: 22px;
    text-align: left;
    display: inline-block;
    padding: 0 4px;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    color: #000000;
}

.selectbox-small,
.dob_group {
    position: relative;
    width: 100%;
}
.selectbox-small .select-label,
.dob_group .select-label {
    left: 10px;
}

/* Dropdown CSS Ends */

/* Edit Artist Banner Css Start//editSubscriptionBanner */

.editBannerModal .modal-content {
    border-radius: 15px;
    width: 468px;
    transform: translate(-50px, 0px);
}

.editBannerModal .edit-banner-modal-textfield {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 13px;
    resize: none;
}

.editBannerModal .edit-banner-body .modal-price-box {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 13px;
}

.editBannerModal label {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}

.editBannerModal .modal-increment-box input {
    width: 30px;
    text-align: center;
    color: #b68622;
    font-weight: 500;
}

.editBannerModal .modal-price-box p {
    font-weight: 500;
}

.editBannerModal .selectbox-modal .options {
    padding: 10px 6px 0px 7px;
    top: 28px;
    border-radius: 0px 0px 12px 12px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1) !important;
}

.editBannerModal .selectbox-modal .styledSelect {
    background: url(../img/gold_arrow_down.png) no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: 7px;
    background-size: 11px;
    padding: 0;
    font-weight: 500;
}

.editBannerModal .selectbox-modal .select {
    height: auto;
    border: 0;
    width: 105px;
}

.editBannerModal .selectbox-modal .options li {
    padding: 2px 5px 2px 5px;
}

.editBannerModal .edit-banner-modal-header h2 {
    font-size: 18px;
    color: #b68622;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 16px;
}

.edit-banner-modal-cancel {
    position: absolute;
    top: 18px;
    right: 17px;
}

.followers_popup .edit-banner-modal-cancel {
    position: absolute;
    top: 16px;
    right: 16px;
}

.editBannerModal .modal-or {
    font-size: 13px;
    font-weight: 500;
    color: #b68622;
    margin: auto;
    display: table;
}

.editBannerModal .limit-small {
    position: absolute;
    bottom: 22px;
    right: 10px;
    font-size: 13px;
}

/* upload banner Css */
.edit-banner-modal-header .banner-pic {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    background-color: #fff;
}

.edit-banner-modal-header .file-upload {
    display: none;
}
.edit-banner-modal-header .banner-box {
    overflow: hidden;
    width: 100%;
    /*    height: 200px;*/
    /* border: 2px dashed #d8d8d8; */
    position: relative;
    transition: all 0.3s;
    border-radius: 15px;
    aspect-ratio: 2/1;
}

.edit-banner-modal-header .gray-button {
    border-radius: 34px;
    background: #f6f6f6;
    color: #b68622;
    font-size: 12px;
    border: none;
    font-weight: 500;
    line-height: normal;
    padding: 6px 19px;
}

.banner-border {
    border: 2px dashed #d8d8d8;
    z-index: -1;
    height: 100%;
    width: 100%;
    border-radius: 15px;
    text-align: center;
    position: absolute;
    top: 0;
    padding-top: 30px;
}

.banner-border p {
    font-size: 13px;
}

.banner-border span {
    color: #b1b1b1 !important;
}
.modal-relative {
    position: relative;
}

.modal-relative span.select-label {
    top: -8px;
    left: 10px;
}

/* Upload  */
label.cabinet {
    display: block;
    cursor: pointer;
}

label.cabinet input.file {
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    margin-top: -30px;
}

#upload-demo {
    width: 100%;
    height: 420px;
    padding-bottom: 25px;
    z-index: 0;
    position: relative;
}

.banner-box-drop {
    position: relative;
    width: 100%;
    border-radius: 15px;
    aspect-ratio: 2/1;
}

.banner-box-drop img {
    border-radius: 15px;
}

.cr-slider::-webkit-slider-thumb {
    background: #b68622;
}

/* Edit Artist Banner Css End */

/* Verification Pages Start */

.verification_section {
    margin-bottom: 80px;
    padding: 0 45px;
}

.verification_head {
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 37px;
    margin-bottom: 29px;
}

.verification_txt {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}

.verification_para_txt {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}

.verification-box h3 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.verification-box {
    background-color: #f2f2f2;
    border-radius: 10px;
}

.verification-card {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    padding: 25px 20px;
    width: 180px;
    height: 180px;
    transition: all 0.3s ease;
}

.verification-card:hover {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}

.verification-box h6 {
    color: #000;
    font-size: 13.8px;
    font-weight: 500;
    margin-top: 30px;
}

.verification-select input {
    accent-color: #b68622;
}

.verification-select {
    color: #000;
}

.verification-form input,
.verification-form .select {
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    background: #fff;
    color: #000;
}

.verification-form label {
    padding: 3px 10px;
    background-color: #ededed;
    border: none;
    color: #b68622;
    cursor: pointer;
    text-align: center;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
}

.verification-form input[type="file"] {
    display: none;
}

.verification-btn {
    background: transparent;
    border: 1px solid #b37e0c;
    color: #b37e0c;
    line-height: 12px;
    padding: 6px 16px;
    border-radius: 31px;
    font-weight: 500;
    font-size: 13px;
    background-color: #fff;
    display: inline-block;
}

.verification-btn:hover {
    color: #fff;
    background-color: #b37e0c;
}

/*  */

.partial-verification-box ol {
    counter-reset: item;
    list-style: none;
}

.partial-verification-box li {
    position: relative;
}

.partial-verification-box li::before {
    content: counter(item, decimal-leading-zero) ". ";
    counter-increment: item;
    position: absolute;
    left: -25px;
    font-weight: 600;
}

.verification-box .gray-button {
    border-radius: 34px;
    background: #ebebeb;
    color: #b68622;
    font-size: 12px;
    border: none;
    font-weight: 500;
    line-height: normal;
    padding: 6px 19px;
}

.verification-box .verification-dropbox {
    border: 1px dashed #b7b7b7;
    border-radius: 10px;
}

/* Verification Pages End */

/*   Upgrade popup Start    */

.upgrade-modal .modal-content {
    border-radius: 15px;
    padding: 20px 50px;
    width: 400px;
    transform: translate(-15px, 0px);
}

.upgrade-modal h5 {
    color: #b37e0c;
    font-size: 18px;
    font-weight: 700;
}

.upgrade-modal p {
    font-size: 13px;
    color: #000;
}

.upgrade-modal .silver-upgrade {
    text-align: center;
    border-radius: 10px;
    background: #fff;
    width: 140px;
    padding: 30px;
    margin: 30px auto;
    border: 1px solid #808080;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    transition: 0.3s ease;
}

.upgrade-modal .silver-upgrade:hover {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}

.upgrade-modal .edit-banner-modal-cancel {
    position: absolute;
    top: 18px;
    right: 17px;
}

.upgrade-modal b {
    color: #b68622;
    font-size: 13.8px;
}

.upgrade-modal .upgrade-btn {
    font-size: 13px;
    color: #b68622;
    text-align: center;
    border: 1px solid #b68622;
    padding: 4px 21px;
    border-radius: 15px;
    line-height: 12px;
    width: 100px;
    margin: auto;
}

/*   Upgrade popup End    */

/* precious lists */
.precious-modal h4 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin: 0;
    line-height: 15px;
}

.appear_head {
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 35px;
}

.precious-list-box {
    background-color: #e9e9e9;
    display: flex;
    padding: 8px;
    border-radius: 10px;
}

.precious-list-check{
    display: none;
}

.precious-list-check:checked + .precious-list-box{
    background-color: #b37e0c;
}
.precious-list-check:checked + .precious-list-box path {
    fill: #fff;
}

.precious-lits-column-item {
    background-color: #fff;
    padding: 5px 0;
    border-radius: 5px;
}

.precious-lits-column {
    margin-top: 27px;
}

.precious-lists-section {
    padding: 0 45px;
}

.precious-list-box svg {
    width: 18px;
    height: 18px;
    position: inherit;
}

.precious-lits-column-item :hover .precious-list-box {
    background-color: #b37e0c;
}

.precious-list-active {
    background-color: #b37e0c;
}

.precious-lits-column-item :hover .precious-list-box path {
    fill: #fff;
}

.precious-list-active path {
    fill: #fff;
}

.list-scroll-box {
    overflow-x: hidden;
    white-space: nowrap;
    margin-top: 34px;
}

.precious-lits-row {
    column-gap: 10px;
}

.precious-list-item {
    display: inline-block;
}

.precious-list-item h6 {
    font-size: 9.8px;
    margin-top: 5px;
    font-weight: 500;
}

.precious-modal .textfield {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 13px;
    resize: none;
}

.precious-modal .modal-content {
    border-radius: 15px;
    padding: 20px 30px;
    width: 468px;
    transform: translate(-50px, 0px);
}

.precious-modal .edit-banner-modal-cancel {
    position: absolute;
    top: 15px;
    right: 30px;
}

.precious-lists-section p {
    font-size: 14px;
    color: #0f1419;
}

.precious-lists-section b {
    color: #b37e0c;
    font-weight: 500;
}

.precious-lists-section strong {
    font-weight: 600;
    margin-right: 5px;
}

.precious-lists-section .precious-list-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #b37e0c;
}

.precious-list-para {
    color: #000;
    font-weight: 500;
    margin-top: 27px;
}

.precious-list-user {
    width: 20px;
    border-radius: 50px;
}

.precious-modal p {
    font-size: 13px;
    color: #000;
}

.save-btn {
    background: transparent;
    padding: 3px 32px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 400;
    color: #b37e0c;
    height: 25px;
    display: inline-block;
    line-height: 18px;
    border: 1px solid #b37e0c;
}

.save-btn:hover {
    background: #b37e0c;
    color: #fff;
}

.save-btn_rev {
    padding: 3px 32px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 400;
    height: 25px;
    display: inline-block;
    line-height: 18px;
    border: 1px solid #b37e0c;
    background: #b37e0c;
    color: #fff;
}

.save-btn_rev:hover {
    background: transparent;
    color: #b37e0c;
}

.delete-btn {
    border: 1px solid #ff0000;
    padding: 3px 32px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 400;
    color: #ff0000;
    height: 25px;
    line-height: 18px;
}

.delete-btn:hover {
    background: #ff0000;
    color: #fff;
}

.precious-lits-column-item h3 {
    font-size: 16px;
    color: #000;
    margin-bottom: 3px;
}

.precious-lits-column-item p {
    font-size: 13px;
    color: #000;
    line-height: 10px;
}

.precious-lists-section h2 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.precious-lits-column b {
    color: #b37e0c;
    font-weight: 500;
}

/* add to precious list */
.modal-precious-list .precious-lits-column {
    overflow: scroll;
    max-height: 395px;
}

.list-checked {
    position: relative;
}

.precious-modal small {
    position: absolute;
    bottom: 22px;
    right: 20px;
    font-size: 13px;
}

.precious-modal .form-error{
    position: absolute;
    bottom: -10px;
    margin: 0;
    line-height: 1;
}

.members_list {
    font-size: 14px;
    font-weight: 500;
    color: #b68622 !important;
}

#addPrecious .modal-content {
    width: 400px !important;
    transform: translate(-15px, 0px);
}

/* end */

/* notifications settings */

.notifi_setting {
    background-color: #f9f9f9;
    padding: 40px 30px;
    border-radius: 10px;
}

.notifi_prefer h3 {
    color: #b37e0c;
    font-size: 15px;
    font-weight: 600;
}

.notifi_setting p {
    color: #536471;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 0;
}

.notifi_setting h4 {
    color: #000;
    font-weight: 600;
    font-size: 13.8px;
    margin-bottom: 5px;
}

.mail_opt_icon,
.web_opt_icon {
    background-color: rgb(217 217 217 / 30%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.push_notifi_opt {
    background-color: rgba(216, 216, 216, 30%);
    padding: 15px 25px;
    border-radius: 10px;
}
.push_notifi_opt label {
    font-size: 13px;
    font-weight: 500;
    color: #808080;
    margin-top: 2px;
}
.push_notifi_opt .custom-control-label::before {
    border: 1px solid #adb5bd !important;
}
.push_notifi_opt .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #b37e0c;
    background-color: #b37e0c;
}
.push_notifi_opt .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem #b37e0c25;
}
/* .push_notifi_opt .custom-switch .custom-control-label::after {
    top: calc(.25rem + 0px);
    left: calc(-2.25rem + 1px);
}
.push_notifi_opt.custom-switch .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(0.95rem);
} */
.notifi_enable_box {
    border-radius: 10px;
    padding: 21px 25px;
    /* gap: 165px; */
    background-color: #fff;
    border: 1px solid #d8d8d8;
}

/* .notifi_enable_opt {
         gap: 70px;
      } */

/* notification enable options  */
.notifi_enable_opt input[type="checkbox"] + label {
    display: flex;
    cursor: pointer;
    align-items: center;
    font-size: 13px;
    color: #536471;
    font-weight: 300;
    margin-bottom: 0;
}

.notifi_enable_opt input[type="checkbox"] {
    display: none;
}

.notifi_enable-txt {
    width: 66%;
}

.notifi_opt_box {
    width: 34%;
}

.notifi_enable_opt {
    gap: 50px;
}

/*      .notifi_enable_opt input[type=checkbox]+label:before {
         content: "\2713";
         border: 1px solid #b37e0c;
         border-radius: 0.2em;
         display: grid;
         width: 18px;
         height: 18px;
         margin-right: 5px;
         vertical-align: middle;
         color: transparent;
         transition: 0.2s;
         place-content: space-evenly;
         align-content: center;
      }*/

.notifi_enable_opt input[type="checkbox"] + label:before {
    content: " ";
    border: 1px solid #b37e0c;
    border-radius: 0.2em;
    display: grid;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    color: transparent;
    transition: 0.2s;
    place-content: space-evenly;
    align-content: center;
    /*    background: url(https://demourls.xyz/Pulse-development/img/check-icon.svg);*/
    background-repeat: no-repeat;
    background-position-x: 3px;
    background-position-y: 4px;
}

.notifi_enable_opt input[type="checkbox"]:checked + label:before {
    content: " ";
    border: 1px solid #b37e0c;
    border-radius: 0.2em;
    display: grid;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    color: transparent;
    transition: 0.2s;
    place-content: space-evenly;
    align-content: center;
    background: url(../img/check-icon.svg);
    background-repeat: no-repeat;
    background-position-x: 3px;
    background-position-y: 4px;
}

.notifi_enable_opt input[type="checkbox"] + label:active:before {
    transform: scale(0);
}

.notifi_enable_opt input[type="checkbox"]:checked + label:before {
    background-color: #b37e0c;
    border-color: #b37e0c;
    color: #fff;
}

.notifi_enable_opt input[type="checkbox"]:disabled + label:before {
    transform: scale(1);
    border-color: #b37e0c;
}

.notifi_enable_opt input[type="checkbox"]:checked:disabled + label:before {
    transform: scale(1);
    background-color: #b37e0c;
    border-color: #b37e0c;
}

/* End  */

/**/

img.story-post-img {
    object-fit: contain;
    height: auto !important;
    width: 100% !important;
    max-width: unset !important;
    min-height: unset !important;
}

.story .item {
    aspect-ratio: 9/16;
    overflow: hidden;
}

/*Wallet Page Start*/
.wallet-box
    .enable-wallet
    .gold-switch
    .custom-switch
    .custom-control-label::after {
    left: unset;
    right: 13px;
}

.wallet-box
    .enable-wallet
    .gold-switch
    .custom-switch
    .custom-control-label::before {
    left: unset;
    right: 0;
}

.wallet-box .enable-wallet {
    padding: 10px 0px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.wallet-box h3 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.wallet-box h6 {
    color: #000;
    font-size: 13.8px;
    font-weight: 600;
    margin-top: 30px;
}

.wallet_txt {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}

.default-card {
    font-size: 9px;
    padding: 3px;
    background-color: #b37e0c20;
    color: #b37e0c;
    font-weight: 600;
    border-radius: 0px 90px 90px 0px;
    text-align: center;
    margin-bottom: 5px;
    width: 60px;
    height: 20px;
}

.wallet-transaction-box {
    margin-top: 67px;
}

/*  */

.wallet-transaction-box .wallet_transactions {
    padding: 20px 0px 0px 0px;
    max-width: 265px;
    margin: auto;
}

.wallet-transaction-box .wallet_transactions h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.wallet-transaction-box .transaction_box {
    height: calc(100vh - 170px);
    overflow: scroll;
}
.wallet-transaction-box .transaction_info p {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0px;
}

.wallet-transaction-box .transaction_info p span {
    font-size: 12px;
    font-weight: 300;
}

.wallet-transaction-box .transaction_prices p {
    color: #b37e0c;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
}

.wallet-transaction-box .more_transaction a {
    font-size: 11.8px;
    color: #b37e0c;
    border: none;
    font-weight: 600;
    background: transparent;
    padding-left: 0;
}

.wallet-transaction-box .wallet_btns .Pay_credits {
    background-color: transparent;
    color: #000000;
    border: 1px solid #b37e0c;
}

.wallet-transaction-box .wallet_btns .Pay_credits {
    border-radius: 46px;
    font-size: 11.8px;
    width: 115px;
    padding: 4px 10px 2px 12px;
}

/* modal */

.wallet-modal input,
.add-a-card-wallet input {
    font-size: 13px;
    cursor: pointer;
    color: black;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 35px;
    padding: 5px 8px;
    width: 100%;
}

.wallet-modal textarea {
    font-size: 13px;
    cursor: pointer;
    color: black;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 8px;
    width: 100%;
    resize: none;
}

.wallet-modal label {
    font-size: 13.8px;
    color: #000;
    font-weight: 500;
}

.wallet-modal h4 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

.wallet-modal .modal-content {
    border-radius: 15px;
    width: 400px;
    transform: translate(-15px, 0px);
    padding: 20px 30px;
    background: #f2f2f2;
}

.wallet-modal .selectbox .styledSelect,
.add-a-card-wallet .selectbox .styledSelect {
    background-color: #fff !important;
}

.wallet-modal .edit-banner-modal-cancel {
    position: absolute;
    top: 0px;
    right: 0px;
}

.wallet-modal h5 {
    font-size: 30px;
    color: #b68622;
    font-weight: 700;
}

.wallet-modal h3 {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
    fill: #b37e0c !important;
}

.flatpickr-day.selected {
    background: #b37e0c !important;
    border-color: #b37e0c !important;
}
.flatpickr-day.today {
    border-color: #b37e0c !important;
}

.flatpickr-current-month span.cur-month {
    color: #b37e0c !important;
}

.flatpickr-current-month input.cur-year {
    color: #b37e0c !important;
}

.wallet_statements-box {
    padding: 20px 20px 5px;
    background: #f6f6f6;
    border-radius: 15px;
}

.statement-icon-box {
    background-color: #b37e0c;
    padding: 10px;
    border-radius: 10px;
}

.pruchase-credits-item {
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 10px;
}

.pruchase-credits-item input[type="radio"] {
    accent-color: #b68622;
}

.pruchase-credits-wallet P {
    color: #909090;
    font-size: 13px;
    margin-bottom: 0;
    width: 100%;
}

.gold_span {
    color: #b68622 !important;
}

.pruchase-credits-wallet P b {
    font-weight: 500;
}

.pruchase-credits-wallet-cards .card-left img {
    width: 60px;
}

.pruchase-credits-wallet-cards h6 {
    font-weight: 600;
}
/*  */

.change_amt_box button {
    border: 1px solid #b68622;
    background-color: transparent;
    border-radius: 110px;
    width: 30px;
    height: 30px;
    padding-bottom: 5px;
}
.change_amt_box input {
    border: none;
    font-size: 20px;
    font-weight: 600;
    color: #b68622;
    width: 80px;
    text-align: center;
}

.pay-out-txt {
    font-size: 13.8px !important;
    color: #b68622 !important;
    margin-bottom: 4px !important;
    font-weight: 600 !important;
}

.pruchase-credits-item h5 {
    margin-bottom: 0;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

.wallet-outer-box h3 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.wallet-outer-box h2 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
/*   */

.change_amt_box button {
    border: 1px solid #b68622;
    background-color: transparent;
    border-radius: 110px;
    width: 30px;
    height: 30px;
    padding-bottom: 5px;
}
.change_amt_box input {
    border: none;
    font-size: 20px;
    font-weight: 600;
    color: #b68622;
    width: 80px;
    text-align: center;
}

.pay-out-txt {
    font-size: 13.8px !important;
    color: #b68622 !important;
    margin-bottom: 4px !important;
    font-weight: 600 !important;
}

/* Membership Pages */
.membership-box h3 {
    color: #b37e0c;
    font-size: 18px;
    font-weight: 600;
}

.membership-card {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    padding: 20px;
    width: 100%;
    transition: all 0.3s ease;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.membership-card:hover {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}

.membership-card img {
    width: 52px;
    margin-bottom: 20px;
}

.about-membership-box {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    padding: 25px 20px;
    width: 150px;
    height: 120px;
    transition: all 0.3s ease;
}

.about-membership-box:hover {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}

.about-membership-box img {
    width: 50px;
}

.memberships-switch .gold-switch .custom-switch .custom-control-label::before {
    left: -10px;
}

.memberships-switch .gold-switch .custom-switch .custom-control-label::after {
    left: calc(-10px + 2px);
}

.plan-box .plan-item .plan-price {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
}

.plan-box .plan-item {
    border-radius: 12px;
    border: 1px solid #e7e7e9;
    background: #fff;
    padding: 40px 10px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.02);
}

.plan-box .plan-item .plan-para {
    font-size: 13px;
    color: #000;
    margin-bottom: 10px;
}

.get-now-btn {
    background: #b37e0c;
    border: 1px solid #b37e0c;
    color: #ffffff !important;
    line-height: 12px;
    padding: 6px 20px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
}

.plan-box {
    border-top: 1px solid #cbd5e0;
}

/* Profile Modals */

/* Block Modal css start */
.block_popup .modal-content {
    border-radius: 15px;
    width: 400px;
    /* transform: translate(-15px, 0px); */
    padding: 20px;
}

.block_popup h3 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin: 0;
}

.block_popup p {
    font-size: 13.8px;
    line-height: 22px;
    margin-bottom: 20px;
}

.block_popup .block_popup-gold-btn {
    color: #b37e0c;
    font-weight: 500;
    border: 1px solid #b37e0c;
    padding: 5px 20px;
    border-radius: 50px;
    width: 125px;
    height: 30px;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
}

.block_popup .block_popup-red-btn {
    color: red;
    font-weight: 500;
    border: 1px solid red;
    padding: 5px 20px;
    border-radius: 50px;
    width: 125px;
    height: 30px;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
}

.block_popup .report-option {
    column-gap: 20px;
    padding: 10px;
    background-color: #f6f6f6;
    border-radius: 10px;
}

.block_popup .report-option input {
    accent-color: #b68416;
    /* -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2)!important; */
}

.block_popup .report-body textarea {
    width: 100%;
    border: 1px solid #d8d8d8;
    font-size: 13px;
    resize: none;
    border-radius: 10px;
    color: #000;
    padding: 10px;
}

#alert-modal.block_popup .modal-content {
    width: 100%;
}

#alert-modal.block_popup p {
    font-size: 15px;
}

/* Block Modal css end */

/* Delete Modal Css Start */
.delete_popup h3 {
    font-weight: 500 !important;
}

.delete_popup .modal-content {
    transform: translate(-0px, 0px) !important;
    width: 400px;
}
/* Delete Modal Css End */

/* Give Membership-popup css start */

.give-membership-popup .modal-body {
    padding: 20px 30px;
}

.give-membership-popup .modal-dialog {
    transform: translate(-68px, -28px);
}

.give-membership-popup h3 {
    font-size: 18px;
}

.give-membership-popup p {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
}

.give-membership-popup h5 {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: underline;
    color: #b37e0c;
}

.give-membership-popup textarea {
    border: 1px solid #e8e8e8;
    width: 100%;
    padding: 5px 20px;
    border-radius: 20px;
    resize: none;
    height: 80px;
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
    color: #999999;
}

.give-membership-popup textarea::placeholder {
    color: #999999;
}

.give-membership-popup h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.give-membership-popup h6 {
    font-size: 12px;
    font-weight: 500;
    color: #b37e0c;
    margin: 0;
}

/* Share profile Popop Design start */
.share-profile-modal {
    padding: 30px;
    border-radius: 15px !important;
    transform: translate(-65px, 0px);
}

.share-profile-modal .modal_body button {
    background: none;
    border: none;
    padding: 0;
}

.share-profile-modal .modal_body button p {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
}

.share-profile-modal .modal_header h2 {
    color: #b37e0c;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.share-profile-modal .modal_body button:hover svg rect,
.share-profile-modal .modal_body button:hover svg path {
    fill: #b37e0c;
}

.share-profile-modal .modal_body button:hover p {
    color: #b37e0c !important;
}

.like-active path {
    fill: red;
    stroke: red;
}

.profile-upload textarea {
    resize: none;
    border: 1px solid #d8d8d8;
    color: #212529;
    box-shadow: none;
    font-size: 13px;
    outline: none;
    font-weight: 400;
    border-radius: 5px;
    height: 87px;
}

.profile-popup-list {
    top: 0px !important;
    right: 140px !important;
}

ul.expanded {
    display: block !important;
}

.mailbox-green svg.green-active path {
    fill: green;
}

.mailbox-green svg.green-active circle {
    opacity: 1;
    stroke: green;
}

.like-gold svg.gold-active path {
    stroke: red;
    fill: red;
}

div#dollar .modal-dialog {
    transform: translate(-68px);
}

#follow_toggle_profile {
    padding: 4px 10px;
    border-radius: 30px;
    font-size: 13px;
    line-height: 1.5;
    width: 90px;
    height: 30px;
    text-align: center;
}

.unfollow-btn {
    background-color: #ff000020;
    color: #ff0000 !important;
    border-color: #ff0000;
}
.unfollow-btn:hover {
    color: #ff0000 !important;
}

.unfollow-btn::before {
    content: "Unfollow";
}

.subscribe-purple svg.purple-active path {
    stroke: #fff;
    fill: #fff;
}

.subscribe-purple svg.purple-active circle {
    fill: #c505f6;
    opacity: 1;
    stroke: #c505f6;
}

.edit-profile .profile-popup.bl-dots {
    right: 25px;
}

/* .profile-popup.bl-dots.own-posts{
    width: 130px;
} */

/* Website Fotter Size */
.footer_size {
    margin-bottom: 80px;
}

/*Precious Pages*/

.home-content nav.top_pre-nav {
    position: relative;
}

.scroll-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap !important;
}

button#scrollRight {
    position: absolute;
    right: 0;
    top: 27px;
    border: none;
}

button#scrollLeft {
    position: absolute;
    left: 0;
    top: 27px;
    border: none;
}

.scroll-container::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.scroll-container .nav-link {
    width: 150px;
}

#artist-photo span.online {
    display: none;
}
#artist-video .filter-gallery,
#artist-user .filter-gallery {
    margin-top: 0 !important;
}
#artist-video figure figcaption h3 {
    align-items: end !important;
    z-index: 0;
    position: relative;
}

.bl-center .nav-head {
    margin-bottom: 33px;
}

.temptation-center .fillter_select2 {
    margin-bottom: 22px;
    margin-top: -5px;
    row-gap: 13px;
}
.temptation-center .fillter_select2 select {
    border: 1px solid #d7d7d7;
    height: 26px !important;
    width: 160px !important;
    color: #999999;
    font-weight: 300;
    font-size: 12px;
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url("img/select-arrow-down.html");
    background-repeat: no-repeat;
    background-position-x: 94%;
    background-position-y: 8px;
    background-size: 10px;
    border-radius: 8px;
    margin: 7px 10px !important;
}

.temptation-center .fillter_footer {
    border-top: 1px solid #d7d7d7;
}

.bl-sub-menu.fixed .nav-link {
    height: 55px;
    line-height: 55px;
    padding-bottom: 0px !important;
}

.user-block-figure figcaption h3 {
    align-items: center !important;
}

/* Report Dropdown Css Start */

/*Dropdown*/

.report-dropdown-box {
    font-size: 13px;
    width: 100%;
    height: 40px;
    border: 1px solid #d8d8d8;
    background-color: #ffffff;
    border-radius: 10px;
}

.report-dropdown-box .profile_option-icon {
    float: right;
    margin-top: 3px;
}

.report-dropdown-box a {
    display: block;
    color: #000000 !important;
    padding: 10px;
    font-size: 13.8px;
    /* font-weight: 500; */
}
/*List*/
.report-dropdown-box ul {
    margin-top: 10px;
    display: none;
    background-color: white;
    padding: 10px;
    z-index: 1;
    position: relative;
    border-radius: 13px;
    box-shadow: 0px 4px 130px 0px rgba(0, 0, 0, 0.09);
}

.profile_option {
    background-color: #ffffff;
    color: #000000;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 13.8px;
    /* font-weight: 500; */
}

.profile_option:hover {
    background-color: #f6f6f6;
    color: #b37e0c;
}

.profile-popup li a {
    font-size: 14px !important;
    color: #000000;
    text-decoration: none;
    padding: 5px 24px 5px 15px !important;
    display: flex !important;
    font-weight: 500;
}

.sidebar ul.profile-popup li a{
    display: flex !important;
    align-items: center;
}

.profile-popup li a img.down-angle {
    margin-right: 19px !important;
    width: 10px !important;
}

.profile-popup li a img {
    margin-right: 20px !important;
    width: 20px !important;
}

.sidebar ul li {
    position: relative;
}

ul.expanded#more-toggle {
    display: block !important;
}

/* Home Page */
/*   story border css   */
.story-border {
    position: relative;
    border: double 3px transparent;
    border-radius: 30%;
    background-image: linear-gradient(#fff, #fff),
        radial-gradient(circle at top left, #efde6e, #b88824);
    background-origin: border-box;
    background-clip: content-box, border-box;
    display: inline-block;
    aspect-ratio: 1;
    width: 100%;
}
.story-caption {
    padding-top: 0px;
}

/*.owl-nav {
         display: none;
      }*/

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

.btn-close {
    height: 14px;
    font-size: 12px;
    font-weight: 500;
    opacity: 1;
}

/*.owl-carousel .owl-nav.disabled {
         display: block !important;
      }
*/
/* .homestory .nav-head .nav-link.active {
         color: #B37E0C;
         border-color: #B37E0C;
      } */

nav.home_navbar {
    margin-bottom: 40px;
    padding-top: 28px;
}

/* .homestory .nav-head .nav-link {
         color: #808080;
         font-family: Inter;
         font-size: 14px;
         font-weight: 500;
         padding-bottom: 12px;
      } */

.home-page {
    max-width: 1225px;
    width: 1225px;
    margin: auto;
    display: flex;
    justify-content: center;
}

/*#gallery-popup .owl-carousel .owl-nav.disabled,
      #gallery-popup2 .owl-carousel .owl-nav.disabled {
         display: block;
      }*/

div#gallery-popup2 .gallery-carousel2 .owl-nav {
    position: absolute;
    right: 6%;
    top: 47%;
    width: 88%;
}

div#gallery-popup3 .gallery-carousel2 .owl-nav {
    position: absolute;
    right: 4%;
    top: 47%;
    width: 88%;
}

div#gallery-popup1 .gallery-carousel2 .owl-nav {
    position: absolute;
    right: 4%;
    top: 47%;
    width: 92%;
}

.gallery-carousel {
    max-height: 555px !important;
}

#gallery-popup1 button#close,
#story-popup button#close,
#gallery-popup3 button#close,
#gallery-popup2 button#close,
.video_post button#close,
#quickie-popup2 .close-post-quickie-modal {
    background: transparent;
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    z-index: 1;
}

#gallery-popup1 button#close svg path,
#story-popup button#close svg path,
#gallery-popup2 button#close svg path,
#gallery-popup3 button#close svg path,
.video_post button#close svg path
{
    fill: #fff;
}

.video_post .main .gallery-cont .option img.hidden-chat,
.video_post .main .gallery-cont .option img.hidden-chat2 {
    display: none !important;
}

.pict-gap figure:first-child figcaption {
    height: calc(100% - 4px) !important;
    width: calc(100% - 4px) !important;
    background: rgba(0, 0, 0, 0.2);
    left: 2px !important;
    top: 2px !important;
    display: flex;
    border-radius: 10px 10px 0 0;
    align-items: end;
    padding: 0 0 3px 5px;
}

.pict-gap figure:last-child figcaption {
    height: calc(100% - 4px) !important;
    width: calc(100% - 4px) !important;
    background: rgba(0, 0, 0, 0.2);
    left: 2px !important;
    top: 2px !important;
    display: flex;
    border-radius: 0 0 10px 10px;
    align-items: end;
    padding: 0 0 3px 5px;
}

#story-popup h3 {
    font-size: 13px;
    color: white;
}

#story-popup .media {
    margin-top: 4px;
}

#story-popup h3 span img {
    width: 14px;
}

#story-popup .detail-location {
    font-size: 11px;
}

#story-popup .chat-post {
    margin: 0px;
    display: flex;
    justify-content: space-between;
    border: 1px solid #f5f5f5;
    padding: 6px 8px;
    background: transparent;
    border-radius: 35px;
    width: 100%;
}

.main .gallery-cont .option img.hidden-chat {
    margin-left: auto;
    width: 20px !important;
    height: 16px !important;
    transform: rotate(180deg) !important;
}

.bl-dots.expanded {
    display: block !important;
}

/* 27-9-23 */

.message-box {
    background-color: #fff !important;
}

.translate-post {
    font-size: 10px;
    /* color: #013220; */
    font-weight: 500;
}

.fixed.explore {
    margin-top: 53px !important;
    padding-top: 10px !important;
}

/* Coustom Select Box one */
.custom-select {
    position: relative;
    background: transparent !important;
    border: none !important;
    width: unset !important;
}

.custom-select select {
    display: none;
}

.select-selected.select-arrow-active:after {
    border-color: #fff #fff #fff #fff;
}

/* .select-selected {
         -webkit-appearance: none;
         -moz-appearance: none;
         background: url("img/lang-arrow.png") no-repeat;
         background-size: 17%;
         background-repeat: no-repeat;
         background-position-x: 100%;
         background-position-y: 10px;
         margin-left: 5px;
         padding-right: 20px;
      } */

.select-items div {
    padding-left: 10px;
}

.select-items div {
    padding: 2px 4px 2px 10px;
    cursor: pointer;
    user-select: none;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    border-radius: 25px;
    color: #000;
    line-height: 26px;
}

.select-selected {
    display: inline-block;
    color: #8f8787;
    font-weight: 300;
    line-height: 32px;
    font-size: 13px;
    padding: 0 10px;
    width: 130px;
    height: 32px;
    border: 1px solid #d7d7d7;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-size: 10%;
    background-image: url(../img/select-arrow-down.svg);
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: 11px;
    border-radius: 8px;
    margin-left: 10px;
}

.select-items div {
    display: block;
}

.select_times .select-items {
    position: absolute;
    background-color: #fff;
    left: 10px;
    top: 35px;
    right: 0;
    z-index: 99;
    border-radius: 0 0 12px 12px;
    width: 127px;
    padding: 10px;
    height: 200px;
    overflow-y: scroll;
}
.select-hide {
    display: none;
}

.select-items div:hover {
    background-color: #f6f6f6;
    color: #b37e0c;
}
.select-selected:after {
    border: none;
}

/*  Teamptation page  */
.select_any_country .select-selected {
    width: 142px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 4px;
}

#nav-contact2 .slider-area,
#stars_adv_panel,
#nav-profile2 .slider-area,
#artist_adv_panel {
    padding-top: 10px;
}

.main-select-opt .select-items {
    overflow: hidden;
}

.main-select-opt .select-items div:nth-child(6) {
    position: relative;
}

.main-select-opt .select-items div:nth-child(6):before {
    content: "";
    position: absolute;
    height: 29px;
    width: 50px;
    top: 1px;
    z-index: 1;
    left: 10px;
    background-size: 18%;
    background-image: url(img/arrow-down-gold.html);
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: 11px;
}

.fillter_show-btn button.member_advanced_btn,
.fillter_show-btn button.artist_advanced_btn,
.fillter_show-btn button.stars_advanced_btn {
    background-color: transparent;
    color: #8f8787;
    padding: 0px 24px 0px 8px;
    position: relative;
}

.fillter_show-btn button.member_advanced_btn::before,
.fillter_show-btn button.artist_advanced_btn::before,
.fillter_show-btn button.stars_advanced_btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 20px;
    height: 29px;
    z-index: 1;
    background-image: url(img/select-arrow-down.html);
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: 11px;
    transform: rotate(0deg);
    transition: 0.3s ease;
    margin-right: 8px;
}

.fillter_show-btn .member_advanced_btn.advancedfilter_icon:before,
.fillter_show-btn .artist_advanced_btn.advancedfilter_icon:before,
.fillter_show-btn .stars_advanced_btn.advancedfilter_icon:before {
    transform: rotate(180deg) !important;
    margin-right: 0px !important;
    transition: 0.3s ease;
}

/* .select_any_country .select-selected {
         width: 142px !important;
         margin-left: 0px !important;
         margin-right: 10px !important;
         margin-top: 4px !important;
      } */

.select-items.more_active {
    overflow-y: scroll;
}

.filter-select {
    height: 28px;
}

.filter-select .select-selected {
    padding: 0px 10px 0px 15px;
    border: none;
    width: auto;
    background-color: transparent;
    background-position-x: 0%;
    background-size: 12px;
}

.filter-select .select-items {
    left: -60px;
    width: 186px;
}

.select-option {
    width: 170px;
    height: 32px;
    margin-bottom: 10px;
}

.select-option .select-selected {
    width: 170px;
    background-size: 12px;
    margin: 0;
    padding-right: 20px;
}

.select-option .select-items {
    left: 0px;
    width: 170px;
    height: 200px;
}

.select-purpose-option .select-items,
.select-purpose-option .select-selected,
.select-purpose-option {
    width: 200px;
}

.fillter_select2 .select-option:nth-child(2) .select-items,
.fillter_select2 .select-option:nth-child(5) .select-items {
    left: 0px;
    width: 200px;
}

#stars_adv_panel .fillter_select2 .select-option:nth-child(2) .select-items,
#stars_adv_panel .fillter_select2 .select-option:nth-child(3) .select-items {
    padding: 5px 10px;
    max-height: 72px;
    overflow: hidden;
}

.fillter_footer .left a {
    margin-top: 2px;
}

.select-purpose-option .select-items div {
    font-size: 13px;
}

.select-items {
    position: absolute;
    background-color: #fff;
    left: 0px;
    top: 36px;
    right: 0;
    z-index: 99;
    border-radius: 0 0 12px 12px;
    width: 142px;
    padding: 10px;
    max-height: 200px;
    overflow-y: scroll;
}

.select_any_country .select-items {
    position: absolute;
    background-color: #fff;
    left: 0px;
    top: 36px;
    right: 0;
    z-index: 99;
    border-radius: 0 0 12px 12px;
    width: 142px;
    padding: 10px;
    max-height: 200px;
    overflow-y: scroll;
    height: 200px;
}

.member-list .bottom .user-details h6 {
    color: #5a5a5a;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}

.member-list .top h5:first-child {
    width: 200px;
}

.stars_view figure {
    position: relative;
}

.stars_view figcaption {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 50%); */
    border-radius: 8px;
    width: 100%;
    display: flex;
    align-items: end;
}

.stars_view figcaption h3 {
    color: #fff;
    margin-left: 7px !important;
    margin-bottom: 0;
}

#grid-view figure {
    position: relative;
}

/* #grid-view figcaption {
         position: absolute;
         bottom: 0;
      } */

#grid-view figcaption h3 {
    margin-left: 7px !important;
    color: #fff;
    margin-bottom: 0;
}

#grid-view figure figcaption h3,
.stars_view figure figcaption h3 {
    align-items: end !important;
}

a.grid-view.active img:last-child {
    opacity: 0;
}

a.grid-view.active img:first-child {
    opacity: 1;
}

.gallery-view .grid-view img.grid_active {
    position: absolute;
    left: 0;
    top: 0;
}

a.grid-view img:last-child {
    opacity: 1;
}

a.grid-view img:first-child {
    opacity: 0;
}

.gallery-view .grid-view {
    position: relative;
}

.gallery-view .grid-view img.grid_active {
    position: absolute;
}

.gallery-view .grid-view img {
    width: 23px;
}

a.table-view.active svg path {
    fill: #b68622;
}

.slider-area-wrapper span {
    font-size: 14px;
    font-weight: bold;
}

.slider-area {
    display: flex;
    align-items: center;
    width: 98%;
    margin: 0 auto;
    column-gap: 20px;
    background: inherit;
    padding: 10px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(100px);
    margin-bottom: 20px;
}

.temptation-center .btn_group {
    padding: 10px 15px;
}

/* .temptation-center .fillter_footer {
         border-top: 1px solid #D7D7D7;
      } */
.temptation-center .search-box-inner input {
    background: #edf1f2;
    border-radius: 9px;
    padding: 10px 18px;
    border: none;
    margin: 0 15px 10px 15px;
    height: 28px;
    outline: none;
    color: #787878;
    font-size: 13px;
    width: calc(100% - 27px);
}

.member-list .bottom .user-details {
    padding: 20px 10px;
    width: 16%;
}

.member-list .bottom .user-details:first-child {
    width: 34%;
}

nav.tags {
    height: 37px;
}

nav.tags button.nav-link {
    padding-bottom: 10px !important;
}

section#table-view .bottom:last-child {
    border-radius: 0 0 20px 20px;
}

section#table-view .bottom:nth-child(odd),
section#table-view .bottom:hover {
    background: #f5f5f58a;
}

#more-pop .modal-dialog.modal-dialog-centered {
    margin-left: 13%;
    margin-top: 15%;
}

.member-list .top h5 {
    width: 17%;
    text-align: center;
}

section#table-view .top h5:first-child {
    width: 34%;
}

/*   Message Box   */
.message-profile-box {
    /* margin-top: 10px; */
    padding: 10px;
    cursor: pointer;
    border-radius: 10px;
    background: transparent;
}

.message-profile-box.active {
    background: rgb(241, 241, 241);
    width: calc(100% + 0px);
    margin-left: 0px;
    border-radius: 0px;
    padding: 10px 10px !important;
}

.message-front .back-box p {
    font-size: 13px;
    color: #fff;
    padding: 6px;
}

.message-send-box {
    background: #fff;
    height: auto;
    /* padding-top: 10px; */
    /* padding-bottom: 25px; */
    display: flex;
    margin-top: auto;
    /* position: absolute; */
    align-items: center;
    bottom: 0px;
    /* width: 604px; */
    font-size: 13px;
    /* position: fixed; */
    bottom: 0;
    position: relative;
    padding: 8px 15px;
}

.message-back .back-box p {
    font-size: 13px;
    font-weight: 400;
    padding: 6px;
}

/* popup end */

.share_modal_textarea {
    border-bottom: 1px solid #f6f6f6;
}

.share_modal_textarea input {
    border: none;
    outline: none;
    font-size: 13px;
    width: 100%;
}

.resize_posts_dropdown {
    background: transparent;
    border: none;
    padding-right: 100px !important;
    transform: translate3d(313px, 26px, 0px) !important;
}

.resize_posts_dropdown .inner-dropup {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.post_resize_add .location-dropup input {
    font-size: 12.5px;
    width: 100%;
    border: 1px solid #b37e0c;
    background-color: #f6f6f6;
    color: #b37e0c;
    border-radius: 50px;
    padding-left: 10px;
}

.post_resize_add .location-dropup {
    padding: 5px;
    border-radius: 100px;
    transform: translate3d(32px, -9px, 0px) !important;
}

.mobile-header {
    visibility: hidden;
}
/*body {
    touch-action: manipulation;
    -ms-touch-action: manipulation;
    overflow: hidden;
}*/

.gallery-carousel2 {
    display: block !important;
}

.fixed + .header-spacing {
    margin-top: 79px;
}

.best-off .fixed + .header-spacing {
    margin-top: 54px;
}

.temptation-center .fixed + .header-spacing {
    margin-top: 54px;
}

/* Account Page */
.pass_txt {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 25px;
}

.acc_password_box {
    background-color: #f6f6f6;
    padding: 50px 50px;
    border-radius: 11px;
    margin-top: 38px;
}

.pass_verify_box a.forget_pass_link {
    color: #b37e0c;
    font-size: 12px;
    display: block;
    text-align: end;
}

.account_box,
.blocked_box {
    padding: 0 45px;
}

.acc_setting_wrap .card .card-header {
    border: 1px solid #f0e5ce;
    margin-bottom: 15px !important;
    border-radius: 11px !important;
    background-color: #fafafa;
    padding: 0;
    height: 45px;
}

.card-header a img {
    width: 35px;
    height: 35px;
}

.acc_setting_wrap .card-header a {
    color: #536471;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    padding: 5px 15px;
}

.acc_setting_wrap .card .card-header a:after {
    content: "";
    background: url(../img/down-icon-grey.svg);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 18px;
    top: 13px;
    transform: rotate(180deg);
    background-size: 11px;
}

.acc_setting_wrap .card .card-header a.collapsed:after {
    content: "";
    background: url(../img/down-icon-grey.svg);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 15px;
    top: 20px;
    background-size: 11px;
    transform: rotate(0deg);
}

.acc_setting_box {
    background-color: #f6f6f6;
    padding: 20px 20px 29px 20px;
    border-radius: 11px;
    margin-bottom: 15px;
}

.acc_new_password {
    position: relative;
}

.pass_verify_box label {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 4px;
}

.acc_content p {
    font-size: 13px;
    color: #536471;
    font-weight: 400;
    line-height: 22px;
}

.acc_content p span {
    font-size: 16px;
    font-weight: 500;
}

.acc_setting_wrap {
    margin-top: 38px;
}

/*  Privacy And safety  */
/* privacy header */
.support_header span {
    font-size: 11.8px;
    display: block;
    font-weight: 400;
    color: #000;
    margin-top: 6px;
}

.privacy_nav,
.safety_content,
.post-box-content {
    margin-top: 40px;
}

.privacy_nav .nav-pills .nav-link.active {
    background-color: #f2ede1;
    color: #b37e0c;
    font-weight: 600;
}

.privacy_nav .nav-pills .nav-link {
    font-size: 14px;
    color: #000;
    text-align: left;
    font-weight: 500;
    padding: 9px 15px;
    border-radius: 5px 0px 0px 5px;
}

.safety_content ul li,
.safety_content p {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin-bottom: 5px;
}

.privacy_nav .nav-pills .nav-link.active:after {
    content: "";
    position: absolute;
    background: url(../img/right-ar.svg) no-repeat;
    background-size: 65%;
    height: 20px;
    width: 10px;
    right: 8px;
    top: 14px;
    transition: 0.3s ease-out;
    opacity: 1;
}
.privacy_nav .nav-pills .nav-link:after {
    content: "";
    position: absolute;
    background: url(../img/right-ar.svg) no-repeat;
    background-size: 65%;
    height: 20px;
    width: 10px;
    right: 20px;
    top: 14px;
    opacity: 0;
}

.privacy_contentbox {
    border: 1px solid #f2ede1;
    height: 100%;
    min-height: 100vh;
}
/*  */

.privacy_contentbox h5 {
    font-size: 14px;
    color: #000;
}

.privacy_contentbox p {
    font-size: 13px;
    color: #000;
}

.red-link {
    display: block;
    padding: 10px;
    background-color: #ff000000;
    color: transparent;
    color: #ff0000;
    transition: 0.3s ease;
}

.red-link:hover {
    background-color: #ff000020;
    color: #ff0000;
}

.visibility-setting input {
    accent-color: #b68622;
}

.visibility-setting {
    font-size: 13px;
    color: #000;
}

.privacy_contentbox p a {
    color: #b68622;
}

.privacy-safety-outer .bl-center {
    max-width: 635px;
    width: 635px;
}

/*  Tips And Tricks  */

.tips_meta_links a {
    display: block;
    padding: 20px 15px;
    border-radius: 11px;
    background-color: #ffff;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
}

.tip_cards a:after {
    content: "";
    position: absolute;
    background: url(../img/add-icon.svg) no-repeat;
    background-size: 100%;
    height: 15px;
    width: 15px;
    right: 15px;
    top: 24px;
    z-index: 5;
    filter: brightness(0);
}

.tip_cards a:hover:after {
    content: "";
    filter: brightness(1);
    transition: 0.1s ease-in;
}

.tips_content_box .share-search {
    width: 80%;
    margin: 0 auto;
}
.tip_cards p span {
    font-size: 14.8px;
    font-weight: 600;
    color: #000000;
}
.tip_cards a:hover p span {
    color: #b68622;
    transition: 0.1s ease-in;
}
.tip_cards a:hover {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1);
    transition: 0.1s ease-in;
}
.tip_cards {
    width: 450px;
    margin: 15px auto;
}

.tips_box .support_header {
    margin: 35px auto;
    width: 80%;
}

.tips_content_box {
    margin: 36px 0px 80px;
}

.tips_content_box h1 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.tips_meta_content h2 {
    font-size: 16.8px;
    font-weight: 400;
    color: #000;
}

.help_info {
    margin-top: 35px;
}

/*    */
/* appearance modes*/
.appearance_modes h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #000;
    margin-bottom: 16px;
}
.appearance_modes p {
    line-height: 14px;
}
.display_modes .modes_btn button {
    border: 0px solid #bebebe;
    background: transparent;
    border-radius: 30px;
    padding: 3px 0px;
    color: #bebebe;
    font-size: 14px;
    font-weight: 500;
    margin-right: 15px;
}

.active_mode {
    color: #b37e0c !important;
    border-color: #b37e0c !important;
}

.active_mode svg path {
    fill: #b37e0c !important;
}

.color_select {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    margin-right: 22px;
    position: relative;
}

.color_gold {
    background-color: #b37e0c;
}

.color_blue {
    background-color: #1674ea;
}

.color_yellow {
    background-color: #ffd500;
}

.color_orange {
    background-color: #ff6400;
}

.color_red {
    background-color: #ff2828;
}

.color_pink {
    background-color: #ff01fe;
}

.color_green {
    background-color: #1a4c3f;
}

.color_purple {
    background-color: #632a9f;
}

.active_color:after {
    background: url("../img/active_arrow.png");
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    left: 11px;
    background-repeat: no-repeat;
}

.genders_box ul li {
    background: #f4f4f4;
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    margin-right: 22px;
    border-radius: 50%;
    text-align: center;
    padding: 0px;
}

.genders_box svg path {
    fill: #b37e0c;
}

.active_gender {
    background-color: #b37e0c !important;
}

.active_gender svg path {
    fill: #fff !important;
}

.active_gender svg circle {
    stroke: #fff;
}

/* end */

/* font-size slider */

.font_slider {
    background-color: rgba(217, 217, 217, 30%);
    border-radius: 6px;
    padding: 5px 35px 5px 35px;
    width: 473px;
}

.font_choose {
    display: flex;
    justify-content: center;
    /* background-color: blue; */
    /* color: #fff; */
    line-height: unset;
    align-items: center;
    border-radius: 30px;
    position: relative;
}

.font_choose:hover,
.active_fontsize {
    background-color: #b37e0c;
    color: #fff;
    cursor: default;
}

/* languages field */
.language_chng_btn {
    color: #b37e0c;
    text-align: center;
    background-color: #f4f4f4;
    width: 473px;
    border-radius: 6px;
    /* height: 50px; */
    padding: 10px 0px;
    font-weight: 500;
    font-size: 13px;
    gap: 20px;
    cursor: pointer;
}

.lang_box {
    width: 473px;
    margin-top: 20px;
}

.choose_lang {
    font-size: 13px;
    margin: 4px 0px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 3px 0px;
    border-radius: 31px;
    cursor: pointer;
}

.choose_lang:hover,
.active_lang {
    background-color: #f6f6f6;
    color: #b68622;
}
.fixed + .tab-content.mt-4.footer_size {
    margin-top: calc(49px + 1.5rem) !important;
}

/* profile-traffic */
.traffic_header {
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 35px;
}

.traffic_content h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    color: #000;
    margin-bottom: 6px;
}

.traffic_content {
    background-color: #f9f9f9;
    padding: 20px 40px 30px 40px;
    margin-top: 38px;
    margin-bottom: 80px;
    border-radius: 11px;
}

.profile_evolution {
    text-align: center;
    border-left: 1px solid #dcdcdc;
    padding-left: 17px;
}

.pro_subtitle {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 2px;
}

.traffic_content p.pro_data {
    color: #b37e0c;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0px;
}

.notifi_setting {
    margin-bottom: 80px;
}

.earning_data {
    border-radius: 10px;
    background: #fff;
    padding: 10px 0px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.overview_boxes {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    padding: 10px 0px;
    text-align: center;
    width: 154px;
    /* height: 70px; */
}
.pro_country h4 {
    font-size: 11.8px;
    font-weight: 700;
    margin-bottom: 0;
    color: #000;
}
.country_flags img {
    width: 30px;
    height: 30px;
    object-fit: cover;
}
.pro_country p {
    font-weight: 400;
    font-size: 11.8px;
    margin: 0;
}
.country_box {
    border-radius: 13px;
    background: #fff;
    width: 100%;
    padding: 15px 15px 0px 15px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.09);
}
.country_box h5 {
    font-size: 13px;
    font-weight: 700;
}
.All_Countries_btn {
    color: #b37e0c;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 15px;
}

.earning_data .profile_evolution {
    text-align: center;
    border-left: 1px solid #dcdcdc;
    padding-left: 0px;
}

.pro_locations .show-hide-Countries {
    height: 144px;
    overflow: hidden;
}

.credit-amt {
    font-size: 13.8px;
    font-weight: 500;
    color: #b37e0c;
    margin-bottom: 0;
}

.traffic-total p {
    font-size: 16px;
    font-weight: 600;
    padding: 3px 0px;
}

.profile-traffic-sort {
    display: inline;
    position: relative;
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
}

.profile-traffic-sort:after {
    content: " ";
    background: url("../img/short-icon.svg");
    width: 10px;
    display: block;
    height: 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: -15px;
}

.traffic_box h5 {
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
}

.traffic_box .earning_box .col-md-3,
.traffic_box .earning_box .col-md-2,
.traffic_box .earning_box .col-md-4,
.traffic_box .earning_box .col-12 {
    margin-bottom: 10px;
}

.credit-section .bl-center {
    max-width: 970px;
    width: 970px;
    margin-right: 20px;
}

.credit-section .bl-right {
    display: none;
}

.profile-traffic-footer p {
    font-weight: 600;
    color: #b37e0c;
    margin: 0;
    font-size: 14px;
}

.earning_box .media-profile img {
    height: 30px !important;
    width: 30px !important;
}

.profile-traffic-header input {
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 5px 8px;
    height: 35px;
    color: #000;
}

.profile-traffic-header p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    color: #000;
}

.profile-traffic-header button {
    width: 100%;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #b37e0c;
    color: #b37e0c;
    background-color: #ffffff;
}

.profile-traffic-header button:hover {
    color: #ffffff;
    background-color: #b37e0c;
}

.earning_box {
    overflow: scroll;
    max-height: 100%;
    padding-top: 170px;
    padding-bottom: 50px;
}

.credit_header {
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 35px;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 1;
    top: 0;
}

.profile-traffic-header {
    position: fixed;
    width: calc(100% - 110px);
    background: #f9f9f9;
    z-index: 1;
    top: 74px;
    padding: 20px 0px 10px;
    max-width: 890px;
}

.profile-traffic-footer {
    position: fixed;
    bottom: 0;
    width: calc(100% - 110px);
    background: #f9f9f9;
    z-index: 1;
    padding: 10px 0px 20px;
    max-width: 890px;
}

.earning_box .col-2 .pro_subtitle {
    text-align: center;
    color: #000000;
    font-weight: 400;
}

.business-box {
    border-radius: 19px;
    border: 1px solid #cbcbcb;
    background: #fff;
    padding: 10px 26px;
    /* height: 135px; */
    margin: 25px 0.5rem 15px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    aspect-ratio: 2/1 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    max-width: 350px;
}

.business-inner-box img {
    border-radius: 10px;
    object-fit: cover;
    width: 50% !important;
    aspect-ratio: 1/1;
}
.business-inner-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner-box-content {
    margin-left: 15px;
    width: 50%;
}

.inner-box-content h4 {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 12px;

    font-weight: 400;
    line-height: normal;
}
.business-box .gray-button {
    border-radius: 34px;
    background: #f6f6f6;
    color: #b68622;
    font-size: 12px;
    border: none;
    font-weight: 500;
    line-height: normal;
    padding: 4px 25px;
}

.business-box .cal-data p {
    color: #000;
    font-size: 9px;
    font-weight: 400;
    margin-bottom: 6px !important;
}

.business-box .cal-data p span {
    color: #c4c4c4;
    font-size: 9px;
    font-weight: 400;
    width: 25px;
    display: inline-block;
}
.business-box h3 {
    color: #0fa972;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
}

/* .cal-data ul:first-child{
               padding-right: 5px;
            }*/

.cal-data .vertical-line {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

/* .cal-data ul:last-child {
                padding-left: 5px;
            }*/

.business-day {
    color: #b68622 !important;
}

.business-banner .business-box {
    position: relative;
    width: 60%;
}

.business-profile h2 {
    font-size: 15px;
    color: #b37e0c;
    font-weight: 600;
}

.business-profile .profile-banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
        url(../img/Maskgroup-new.png);
    background-size: cover;
}

.business-box-p {
    font-size: 11px;
    margin-bottom: 7px;
}

/* Time Picker */
.timepicker.timepicker1 {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
}

.editBannerModal .timepicker input {
    border-radius: 5px;
    background: #fff;
    color: #000;
    font-size: 13px;
    padding: 8px;
    height: 35px;
}

.editBannerModal select {
    font-size: 13px;
}

.edit-banner-icon {
    position: absolute;
    top: -8px;
    left: -8px;
}
/*Full Message box*/

.message-page .message-box-heading {
    position: sticky;
    top: 0px;
    padding: 45px 0.5rem 0;
    z-index: 2;
    width: 100%;
    background-color: #fff;
}

.message-page .search-panel-message-outer {
    padding: 10px;
    position: sticky;
    top: 40px;
    z-index: 1;
    width: 100%;
    background: #fff;
}

.message-page .chat-mobile-box {
    position: sticky;
    width: 100%;
    /* max-width: calc(635px - 40px); */
    top: 0;
    background-color: #fff;
    z-index: 1;
    padding-top: 15px;
}

.album-section .chat-box-main,
.video-section .chat-box-main {
    aspect-ratio: unset !important;
}

.saved-menu .main-post {
    margin-bottom: 20px;
}

#story-popup .owl-dots {
    display: none !important;
}

/* new css */

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: #fff !important;
    color: #b37e0c !important;
}

/* CUSTOM CSS */

span.text-danger,
span.text-success {
    font-size: 12px !important;
    display: block;
    width: fit-content;
}

input[type="password"]{
    width: calc(100% - 45px);
    margin-right: auto;
}

.username-prefix{
    position: absolute;
    top: 6px;
    left: 25px;
    /* transform: translate(0, -50%); */
}

.bootstrap-select .dropdown-toggle .filter-option {
    padding-bottom: 0;
}

button.btn.dropdown-toggle.btn-light {
    border: 1px solid #ccc;
    background-color: transparent;

}
.selectbox  .dropdown.bootstrap-select
.dropdown-menu.show {
    margin: 0 0;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    font-size: 13px;
}
.bootstrap-select .dropdown-menu.inner {
    box-shadow: none !important;
}
.bs-searchbox .form-control {
    box-shadow: none !important;
    border: 1px solid #D8D8D8 !important;
}
.selectbox  .dropdown.bootstrap-select .filter-option-inner-inner {
    font-size: 13px;
}
.post_option_box .post_optionbox {
    width: 100%;
}

input.username-prefix-input{
    padding-left: 25px !important
}

/* Checkbox custom button */

.btn-checkbox input[type="checkbox"] {
    display: none;
}
.btn-checkbox label {
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #000000;
    background: #f3f3f3;
    border-radius: 40px;
    padding: 5px 15px;
    cursor: pointer;
}
.btn-checkbox input[type="checkbox"]:checked + label {
    color: #b37e0c !important;
}
/* Radio custom button */

/* //tips and tricks search  */
.display-content{

    display: contents;
}

.tip-search-btn{
    width: fit-content;
    border: none;
    background: transparent;
}

/* Crop Modal Loader Start */

.crop-modal-loader {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    left: 0;
    top: 0;
}

.crop-modal-loader svg {
    width: 90px;
}

#cropImagePop .modal-dialog{
    max-width: 468px;
}

#cropImagePop .modal-header button{
    position: absolute;
    right: 34px;
    top: 26px;
}

#cropImagePop .modal-content{
    border-radius: 15px;
    padding: 8px 12px;
}

#cropImagePop .modal-footer{
    gap: 12px
}

/* Crop Modal Loader End */


.drop-zone__thumb .item,
.edit-post-slider .item{
    height: 100%;
}

.drop-zone__thumb .item img{
    /* max-width: 100%;
    max-height: 100%; */
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.drop-zone__thumb .owl-stage-outer,
.drop-zone__thumb .owl-stage,
.drop-zone__thumb .owl-item,
.drop-zone__thumb .owl-item .item,
.edit-post-slider .owl-stage-outer,
.edit-post-slider .owl-stage,
.edit-post-slider .owl-item,
.edit-post-slider .owl-item .item{
    height: 100%;
}

.drop-zone__thumb .owl-item .item,
.edit-post-slider .owl-item .item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.drop-zone__thumb .owl-item .item.ratio_4_5,
.edit-post-slider .owl-item .item.ratio_4_5{
    width: 306px;
    overflow: hidden;
    position: relative;
    margin: auto;
}

.drop-zone__thumb .owl-item .item.ratio_4_5 img,
.edit-post-slider .owl-item .item.ratio_4_5 img{
    /* width: 406px !important; */
    height: 406px !important;
    top: 0;
    position: absolute;
    object-fit: cover;
}

.drop-zone__thumb .owl-item .item.ratio_16_9,
.edit-post-slider .owl-item .item.ratio_16_9{
    height: 227px;
    overflow: hidden;
    position: relative;
    margin: auto;
    top: 50%;
    transform: translate(0px, -50%);
}

.drop-zone__thumb .owl-item .item.ratio_16_9 img,
.edit-post-slider .owl-item .item.ratio_16_9 img{
    width: 406px !important;
    height: 227px !important;
    top: 50%;
    transform: translate(0px, -50%);
    position: absolute;
    object-fit: cover;
}

.drop-zone__thumb .owl-item .item.ratio_1_1,
.edit-post-slider .owl-item .item.ratio_1_1{
    height: 406px;
    overflow: hidden;
    position: relative;
    margin: auto;
    top: 50%;
    transform: translate(0px, -50%);
}

.drop-zone__thumb .owl-item .item.ratio_1_1 img,
.edit-post-slider .owl-item .item.ratio_1_1 img{
    width: 406px !important;
    height: 406px !important;
    top: 50%;
    transform: translate(0px, -50%);
    position: absolute;
    object-fit: cover;
}

.story-drop-zone .drop-zone__thumb .owl-item .item.ratio_1_1 img,
.edit-post-slider .drop-zone__thumb .owl-item .item.ratio_1_1 img{
    width: 228px !important;
}

/* POST OWL CAROUSEL SLIDER START */

.drop-zone__thumb .owl-nav button,
.edit-post-slider .owl-nav button{
    position: absolute;
    z-index: 11111111;
    font-size: 46px !important;
    color: #FFF !important;
    border: none;
    background: transparent;
}

.drop-zone__thumb .owl-nav button.owl-prev::before {
    content: "";
    position: absolute;
    background: url("../img/left-arrow-gall4.png") no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    left: 0px;
    border-radius: 40px;
    background-color: #00000090;
    opacity: 1;
    top: -15px;
}

.drop-zone__thumb .owl-nav button.owl-next::before {
    content: "";
    position: absolute;
    background: url("../img/right-arrow-gall3.png") no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    right: 0px;
    border-radius: 40px;
    background-color: #00000090;
    opacity: 1;
    top: -15px;
}

.drop-zone__thumb .owl-nav button > span{
    display: none;
}

.drop-zone__thumb .owl-nav button:hover,
.edit-post-slider .owl-nav button:hover{
    background: none !important;
}

.drop-zone__thumb .owl-nav button.disabled,
.edit-post-slider .owl-nav button.disabled{
    display: none;
}

.drop-zone__thumb .owl-nav button:first-child,
.edit-post-slider .owl-nav button:first-child{
    left: 5px;
    top: 50%;
    transform: translate(0px, -50%);
}

.drop-zone__thumb .owl-nav button:last-child,
.edit-post-slider .owl-nav button:last-child{
    right: 5px;
    top: 50%;
    transform: translate(0px, -50%);
}

.cropper-container{
    display: none;
}

/* POST OWL CAROUSEL SLIDER END */

/* Site Loader Start */
#site-loader{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFF;
    /* color: white; */
    z-index: 99999999999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-loader {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 600px;
    z-index: 99;
}

.custom-loader {
    width: 42px;
    height: 42px;
    display: grid;
}
.custom-loader::before,
.custom-loader::after {
    content:"";
    grid-area: 1/1;
    --c: radial-gradient(farthest-side,#b37e0c 92%,#0000);
    background:
      var(--c) 50%  0,
      var(--c) 50%  100%,
      var(--c) 100% 50%,
      var(--c) 0    50%;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    animation: s2 1s infinite;
}
.custom-loader::before {
  /* margin:4px; */
  filter:hue-rotate(45deg);
  /* background-size: 8px 8px; */
  /* animation-timing-function: linear; */

  margin: 4px;
    --c: radial-gradient(farthest-side, #C0C0C0 92%, #0000); /* Change to silver */
    background:
      var(--c) 50%  0,
      var(--c) 50%  100%,
      var(--c) 100% 50%,
      var(--c) 0    50%;
    background-size: 8px 8px;
    background-repeat: no-repeat;
    animation-timing-function: linear;
}

@keyframes s2{
  100%{transform: rotate(.5turn)}
}

.view-post-modal-loader{
    position: fixed;
    width: 100vw;
    min-height: 100vh;
    /* min-height:100%; */
    max-height: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    transition: 0.5s;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
.modal-loader-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-height: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    transition: 0.5s;
    border-radius: 15px;
}
/* Site Loader End */

.gallery-cont.replied-comment{
    width: calc(100% - 38px);
    margin-left: auto;
}

/*
.slide {
	position: relative;
	display: grid;
	height: 100%;
	padding: 00px 0;
}

.slide:after {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 30%;
	background-color: #f7f7f7;
	width: 40%;
	height: 2px;
	border-radius: 10px;
}

.slide-items {
	position: relative;
	grid-area: 1/1;
	overflow: hidden;
	border: 6px solid #000;
	border-radius: 30px;
}

.slide-items img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.slide-nav {
	grid-area: 1/1;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto 1fr;
}

.slide-items > * {
	position: absolute;
	top: 0;
	opacity: 0;
	pointer-events: none;
}

.slide-items > .active {
	position: relative;
	opacity: 1;
	poiter-events: initial;
}

.slide-nav button {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	opacity: 0;
}

.slide-thumb {
	display: flex;
	grid-column: 1/3;
	padding: 0 15px;
}

.slide-thumb > span {
	flex: 1;
	display: block;
	height: 2px;
	background: #afafaf;
	margin: 3px;
	border-radius: 3px;
	overflow: hidden;
}

.slide-thumb > span.done:after {
	content: "";
	display: block;
	height: inherit;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 3px;
}

.slide-thumb > span.active:after {
	content: "";
	display: block;
	height: inherit;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 3px;
	transform: translateX(-100%);
	animation: thumb 5s forwards linear;
}

@keyframes thumb {
	to {
		transform: initial;
	}
} */

/* ------------------------------------------------- */
.swiper-container {
    width: 100%;           /* Full width */
    /* height: 50vh; */
    /* max-height: 100vh; */
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center;     /* Center vertically */
    overflow: hidden;        /* Hide any overflow */
    position: relative;      /* To position pagination */
    border-radius: 8px;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;          /* Full height of swiper container */
}

.video-slide {
    max-width: 100%;      /* Responsive width */
    max-height: calc(100vh - 3.5rem);
    /* max-height: 100%;     Responsive height */
    border-radius: 8px;
}

.video-placeholder {
    max-height: calc(100vh - 3.5rem);
}

.swiper-pagination {
    position: absolute;
    bottom: 10px;         /* Distance from the bottom */
    left: 50%;
    transform: translateX(-50%); /* Center the pagination */
    display: flex;        /* Align bullets horizontally */
    justify-content: center; /* Center pagination bullets */
    z-index: 10;         /* Ensure it's above the video */
}

.swiper-pagination span {
    background: rgba(255, 255, 255, 0.7); /* Light background for bullets */
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 0 4px;       /* Spacing between bullets */
    display: inline-block;
    opacity: 0.5;        /* Default opacity */
    transition: opacity 0.3s; /* Smooth transition for opacity */
}

.swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1;          /* Fully visible for active bullet */
}

.video-progress,
.video-progress-quickie {
    position: absolute;
    bottom: 12px;         /* Adjust according to design */
    left: 50%;
    transform: translateX(-50%); /* Center the progress bar */
    width: calc(100% - 24px);           /* Full width of progress bar */
    height: 18px;          /* Height of the progress bar */
    /* background: #ccc;     Gray background for the progress bar */
    /* overflow: hidden;      Ensure the inner bar fits */
    z-index: 11;
    display: flex;
    align-items: center;
}

#progress-bar,
#progress-bar-quickie {
    /* height: 100%; */
    width: 100%;
    /* transition: all 250ms ease !important; Smooth transition */
    overflow: visible !important;
    position: relative;
    /* height: 5px; */
    border-radius: 10px;
    -webkit-appearance: none;
    /* background: transparent; */
    background: linear-gradient(to right, #b68622 0%, white 0%);
    /* bottom: -8px; */
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
}

/* #progress-bar,
#progress-bar-quickie {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
} */

/* #progress-bar-quickie {
    bottom: 2px;
} */

#progress-bar::-webkit-slider-thumb,
#progress-bar-quickie::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    background: #a7a7a7;
    border-radius: 50%;
    top: 50%;
    position: relative;
    transform: translate(0, -50%);
    /* position: absolute;
    top: 50%;
    transform: translate(0, -50%); */
}

#progress-bar::-webkit-slider-runnable-track,
#progress-bar-quickie::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #b68622 0%, white 0%);
    height: 5px;
    border-radius: 10px;
}

#progress-bar::-moz-range-track,
#progress-bar-quickie::-moz-range-track {
    background: linear-gradient(to right, #b68622 0%, white 0%);
    height: 5px;
    border-radius: 10px;
}

.swiper-button-next,
.swiper-button-prev {
    font-size: 10px !important;
    font-weight: 900;
    /* color: #000000; */
    height: 24px !important;
    width: 24px !important;
    border-radius: 30px;
    background-color: #ffffff7a;
}

.swiper-button-next > img,
.swiper-button-prev > img {
    filter: brightness(0);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: unset !important;
}

#confirmModal .modal-header {
    border-bottom: none;
}

#confirmModal .modal-body {
    text-align: center;
}

#confirmModal .modal-body .icon {
    font-size: 50px;
    color: #dc3545; /* Bootstrap's red color */
}

#confirmModal .modal-body h5 {
    margin-top: 10px;
    font-weight: bold;
}

#confirmModal .modal-body p {
    color: #6c757d; /* Bootstrap's muted text color */
}

#confirmModal .modal-footer {
    border-top: none;
    justify-content: center;
}

#confirmModal .btn-cancel {
    background-color: #e2e3e5; /* Custom light grey */
    color: black;
    box-shadow: none;
}

/* Empty Space */

.empty-post-space{
    min-height: 400px;
}

/* Empty Space */

/* User Initials */

.avatar-preview:has(img[style*='display: none']) .user-initials-block {
    display: flex;
}

.user-square-initial {
    font-size: 78px;
}

/* See less and more */
/* .toggle-text-button{
    color: var(--gold-color);
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0.3px;
} */

.less-more-text {
    position: relative;
    /* margin: 0; */
}

.text-content-inner {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.more-text{
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 52px;
    letter-spacing: 0.8px;
    background-color: #FFFFFF;
}

.less-more-text .more-link {
    cursor: pointer;
    text-decoration: underline;
    position: absolute;
    bottom: 0;
    color: #b37e0c;
}

.less-link {
    color: #b37e0c;
    cursor: pointer;
}

.less-more-text.expanded .less-link {
    display: inline; /* Show the link when expanded */
}

.expanded.less-more-text .text-content-inner,
#view-post-description.expanded.less-more-text .text-content-inner {
    -webkit-line-clamp: unset;
}

#view-post-description .text-content-inner {
    -webkit-line-clamp: 3;
}

/* Force Justify for post description */

.force-justify {
    text-align: justify;
}

.force-justify::after {
    content: "";
    display: inline-block;
    width: 100%;
}

/* Comment Textarea */

textarea#auto-expand-textarea {
    box-sizing: border-box; /* Include padding and border in element’s total width and height */
    max-height: calc(1.2em * 5); /* Maximum height for 5 rows (adjust based on line height) */
    overflow-y: hidden; /* Hide vertical scrollbar */
    resize: none; /* Prevent manual resizing */
    font-size: 14px;
    font-family: var(--segoeFont) !important;
}
textarea#auto-expand-textarea::placeholder{
    color: #959595 !important;
}

/* Modal Loader */

.modal-loader {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

.event-none-element {
    pointer-events: none;
}
.loading-block-posts{
    margin-top: -16px !important;
    display: block !important;
}

/*
    QUICKIE
    ! EXPERIMENT
*/

.quickie-figure {
    position: relative;
    max-height: 300px;
    overflow: hidden;
    border-radius: 8px;
}

.quickie-figure img {
    object-fit: cover;
    border-radius: 8px;
    aspect-ratio: 196 / 260;
}

.quickie-block{
    width: fit-content;
    max-width: calc(100% - 80px);
    margin: 0 auto 32px;
    position: relative;
}

.quickie-block .video-custom video {
    max-width: 100%;
    width: unset;
    height: unset;
    max-height: calc(100vh - 120px);
    border-radius: 10px;
}

.quickie-icons {
    position: absolute;
    display: flex;
    /* flex-direction: column; */
    left: 10px;
    bottom: 5px;
    gap: 16px;
    font-size: 12px;
    color: #FFFFFF;
}

.quickie-icons > div {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    gap: 4px;
}

.quickie-icons > div > img {
    width: 20px;
    height: 20px;
}

button.quickie-btn {
    /* position: absolute; */
    /* top: 50%; */
    z-index: 99;
    background: #ffffff7a;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

button.quickie-btn img{
    width: 9px;
    filter: brightness(0%);
}

.close-post-story-modal.mobile{
    display: none;
}

/* button#prev-quickie {
    left: 30px;
    transform: translate(0px, -50%);
}

button#next-quickie {
    right: 30px;
    transform: translate(0px, -50%);
} */

#quickie-popup2 {
    background-color: #000000;
}

#quickie-popup2 .modal-dialog{
    max-width: unset;
}

#quickie-popup2 #quickie-view-modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: fit-content;
    margin: auto;
}

#nav-quickie > div.row > div,
div.quickie-container {
    padding: 7px;
}

#quickie-popup2 button.close-post-quickie-modal {
    top: 0px;
    right: 0px;
}

#quickie-popup2 button.close-post-quickie-modal.mobile {
    display: none;
}

#quickie-popup2 button.close-post-quickie-modal svg {
    width: 20px;
}

#quickie-popup2 button.close-post-quickie-modal svg > path {
    fill: #FFFFFF;
}

#vqv-top-bar {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    justify-content: space-between;
    padding: 6px 12px;
}

#vqv-top-bar.active {
    background: rgba(0, 0, 0, 0.5);
}

#vqv-top-bar > .controls {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

#vqv-top-bar .vqvtb-user {
    display: flex;
    align-items: center;
    gap: 8px;
}

#vqv-top-bar .vqvtb-user .vqvtb-user-name h3 {
    font-size: 13px;
    color: #FFF;
}

#vqv-top-bar .vqvtb-user > img{
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

/* Quickie side drawer */

.drawer {
    background-color: #0000004a;
    display: flex;
    justify-content: flex-end;
    z-index: 999;
    position: fixed;
    width: 100vw;
    /* transform: translateX(100%); */
    left: 0;
    top: 0;
    align-items: flex-start;
    height: 100vh;
    transition: all ease-out 0.1s;
    overflow-y: auto;
}

.drawer.hidden {
    visibility: hidden;
    opacity: 0;
}

#drawer-dialog {
    /* display: flex;
    justify-content: space-between;
    align-items: flex-start; */
    padding: 1rem;
    width: 400px;
    transform: translateX(100%);
    transition: all ease-out 0.2s;
    box-shadow: 2px 0px 8px rgb(0, 0, 0, 0.125);
    background-color: #FFFFFF;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

#drawer-dialog .chat-block{
    display: flex;
    flex-direction: column;
    height: calc(100% - 40px);
}

#drawer-dialog .chat-block .comments {
    position: relative;
    overflow-y: auto;
}

#drawer-dialog .chat-block .comments .gallery-cont:not(:last-child){
    margin-bottom: 12px;
}

#drawer-dialog .chat-block .user-image{
    max-width: 35px;
    border-radius: 100px;
}

/* Best Of */
.bestof-filter-checkbox {
    display: none;
}

/* Tag Element */
.tag-element {
    width: 40px;
    height: 40px;
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 24px;
    color: #ffffff;
}

/* Comments post */

#comment-div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: hidden;
    gap: 16px;
}

#comment-div > .comments-container {
    height: 100%;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.chat-desc-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

/* Temptation */

.fillter_select button::after {
    border: none;
    background: url(../img/select-arrow.png) no-repeat;
    background-size: 11px;
    /* background-position-x: calc(100% - 10px); */
    /* background-position-y: 13px; */
    min-width: 14px;
    height: 8px;
}

/* Message Page */
.message-search-result-section {
    /* position: absolute; */
    /* width: calc(100% - 4px); */
    background: #fff;
    z-index: 1;
    /* top: 96px; */
    /* left: 2px; */
    /* max-height: 100%; */
    /* min-height: -webkit-fill-available; */
    /* border-radius: 4px; */
    /* box-shadow: 0px 0 6px rgb(0 0 0 / 17%), -2px 0 4px rgba(255, 255, 255, 0.1); */
}

.message-line .message-drop svg,
.message-pro-right .message-drop svg {
    margin: 5px;
    opacity: 0.8;
}

/* Custom Play Button */

.custom-play-button {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.custom-play-button::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 24px;
    border-color: transparent transparent transparent #ffffff63;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.modal-back {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #000;
}

/* User Initials */
.user-initial-wrapper.user-initials-small {
    display: flex;
}
.user-initial-wrapper.user-initials-small {
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 24px;
}

.user-initial-wrapper img {
    border-radius: 100%;
}

.user-initials-block {
    /* font-size: 88px; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border-radius: 100px;
    width: 100%;
    /* height: 100%; */
    aspect-ratio: 1/1;
}

.user-initials-block.profile-photos-page{
    font-size: 78px;
}

/* For XS Initial */
.user-initial-wrapper.user-initials-xs {
    width: 28px;
    height: 28px;
    font-size: 16px;
    line-height: 16px;
    display: flex;
}

.user-initial-wrapper.user-initials-md {
    aspect-ratio: 1/1;
    font-size: 60px;
}

.user-initial-wrapper.user-initials-md.square .user-initials-block,
.user-initial-wrapper.user-initials-md.square img {
    border-radius: 10px;
}

/* accessModal Start */
#accessModal.modal,
#limitAccessModal.modal {
    z-index: 9999;
}
#accessModal .modal-header h5,
#limitAccessModal .modal-header h5 {
    font-weight: bold;
}

#accessModal .modal-content,
#limitAccessModal .modal-content {
    border-radius: 16px;
}

#accessModal .modal-body,
#limitAccessModal .modal-body {
    padding: 20px;
}

#accessModal .btn-close,
#limitAccessModal .btn-close {
    background-color: unset;
    border: none;
}
#accessModal .modal-body .na-heading,
#limitAccessModal .modal-body .na-heading {
    font-size: 1.1em;
    color: #333;
}
#accessModal .modal-body .na-description,
#limitAccessModal .modal-body .na-description {
    color: #666;
}

#accessModal .modal-body .na-link button,
#limitAccessModal .modal-body .na-link button {
    background-color: #b37e0c;
    border: none;
}

/* accessModal End */

/* Saved list dropdown */

.saved-dropdown .dropdown-item {
    padding: 6px 16px;
    font-size: 14px;
}

.pv-play-icon {
    position: absolute;
    width: 16px !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px;
    color: #fff;
    cursor: pointer;
}

.preview-video-img {
    border-radius: 8px;
    max-height: 585px;
    object-fit: cover;
}

/* Cookie consent popup styles */
.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f8f9fa;
    padding: 10px 20px;
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    color: #333;
  }
  
  .cookie-message {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 900px;
    margin: 0 auto;
    font-size: 14px;
    color: #4a4a4a;
  }
  
  .cookie-message p {
    margin-right: 20px;
  }
  
  .accept-btn {
    background-color: #b37e0c;
    color: white;
    border: none;
    padding: 6px 16px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    transition: background-color 0.3s;
  }

  .reject-btn {
    background-color: #ff6400;
    color: white;
    border: none;
    padding: 6px 16px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    transition: background-color 0.3s;
  }
  
  .accept-btn:hover {
    background-color: #000000;
  }