li.latest-artists a,
li.latest-audios a,
li.latest-videos a,
li.musicians a,
li.labels a,
li.who-we-work a,
li.welcome a,
li.work a,
li.next a,
li.genres a {
    font-size: 14px;
    padding-left: 10px !important;
    gap: 10px;
}

li.latest-artists a:before {
    content: "";
    background: url('https://music.devhubstagings.com/wp-content/uploads/2025/03/electric-guitar-1.svg');
    width: 15px;
    height: 15px;
    background-position: center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
}
.field-wrapper.w-100.file.existing {
    width: 50%;
}
.popup-inner .wp-switch-editor {
    width: auto !important;
    display: block !important;
    margin-bottom: 11px;
}
.popup-inner .mce-widget button {
    background: aliceblue;
}
.mce-widget i {
    display: block !important;
}
.display-msg{
    display: none;
}
li.latest-audios a:before {
    content: "\f028";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

li.latest-videos a:before {
    content: "\f03d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

li.musicians a:before {
    content: "\f001";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

li.labels a:before {
    content: "\f15c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

li.who-we-work a:before {
    content: "\f0ac";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}


li.welcome a:before {
    content: "\f256";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

li.work a:before {
    content: "\f128";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

li.next a:before {
    content: "\f0a4";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

li.genres a:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.no-scroll {
    overflow: hidden;
}

.tmh-header-profile {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 18px 0;
}

.tmh-profile-image img {
    width: 56px;
    height: 56px;
}

.tmh-header-profile .anchor a {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

.tmh-banner-search {
    background: #fff;
    max-width: 600px;
    margin: auto;
    border-radius: 32px;
    padding: 2px;
}

.tmh-banner-search form {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tmh-banner-search form select, .tmh-banner-search form input {
    border-radius: 32px;
    height: 46px;
}

.tmh-banner-search form input {
    min-width: 162px;
    background: #AF187A !important;
    color: #fff !important;
}

.tmh-banner-search form input[type="submit"]:hover {
    background: rgba(175, 24, 122, 0.89) !important;
}

.um .um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
    color: #AF187A;
}

.um-login .um-field-label {
    display: none;
}

.um-form input[type=number],
.um .um-form input[type=password], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=text] {
    border-radius: 32px;
    border: 1px solid #000 !important;
    height: 63px !important;
    color: rgba(0, 0, 0, 0.75) !important;
}

.um-right.um-half {
    display: none;
}

.um-left.um-half {
    width: 100%;
}

input[type=submit].um-button, input[type=submit].um-button:focus {
    border-radius: 32px !important;
    border: 0px solid #fff !important;
    background: rgba(191, 131, 0, 1) !important;
    max-width: 100% !important;
    height: 40px !important;
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    display: none !important;
}
.um-col-alt.um-col-alt-b .um-left {
    width: 100%;
}
.um-col-alt-b, .um-col-alt-b a {
    text-align: left;
    color: rgba(191, 131, 0, 1) !important;
    font-size: 16px;
}


button#apply-filters,
button#clear-filters {
    border: 1px solid rgba(255, 255, 255, 0.55);
    background: rgba(175, 24, 122, 0.45);
    width: 100%;
    border-radius: 32px;
    color: #FFF;
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%; /* 20.288px */
    height: 56px;
    margin-bottom: 10px;
}


button#apply-filters:hover,
button#clear-filters:hover {
    /* background: rgba(175, 24, 122, 0.3); */
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

.filter-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.filter-item__header {
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.15);
    padding: 15px 25px;
    color: #FFF;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    position: relative;
    line-height: 126.8%; /* 20.288px */
    cursor: pointer;
}

.filter-item__header:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f0d7";
    text-align: right;
    position: absolute;
    right: 20px;
    color: #fff;
}

.filter-item.active .filter-item__header:after {
    content: "\f0d8";
}

.filter-item__items {
    flex-direction: column;
    padding: 0 15px;
    gap: 12px;
    height: 150px;
    overflow-y: scroll;
    display: none;
}

.filter-item.active .filter-item__items {
    display: flex;
}

.artist-filters {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.filter-item__items label {
    color: #FFF;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 126.8%; /* 17.752px */
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.filter-item__items input {
    width: 14px;
    height: 14px;
    accent-color: #85366D;
}

.filter-item__items::-webkit-scrollbar {
    width: 8px;
}

/* Handle */
.filter-item__items::-webkit-scrollbar-thumb {
    background: #AF187A;
    border-radius: 10px;
}

.filter-item__items::-webkit-scrollbar-track {
    background-color: #f0f0f0;
    border-radius: 8px;
}

nav.elementor-pagination > * {
    width: 33px;
    height: 33px;
    display: flex;
    background: #fff;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    color: #000;
}

nav.elementor-pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

nav.elementor-pagination span {
    background: #9f9d9d;
    color: #000;
}

nav.elementor-pagination span.current {
    color: #fff !important;
    background: #AF187A;
}

.bp-messages-wrap .chat-footer,
.bp-messages-wrap .chat-header .starred-messages,
.bp-messages-wrap .chat-header .mass-message {
    display: none !important;
}

.bm-thread-info-actions .bm-thread-info-action:nth-child(2) {
    display: none !important;
}

.um.um-account {
    /* border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.15); */
}

.um-account-side {
    padding: 30px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.55);
    width: 25% !important;
}

.elementor-button {
    cursor: pointer;
}

.um-account-name a {
    color: #fff !important;
    text-align: center;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%;
    text-transform: uppercase;
}

.um-account-side .um-account-link {
    cursor: pointer;
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    background: rgba(255, 255, 255, 0.15) !important;
    color: #fff;
    box-shadow: none;
    padding: 8px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.um-account-side li, .um-account-side ul {
    background: transparent !important;
    border: none;
    box-shadow: none;
}

.um-account-side li a span.um-account-title {
    color: #fff !important;
    padding-left: 0 !important;
}

.um-account-side li a span.um-account-icon i {
    color: #fff !important;
}

.um-account-side li a span.um-account-arrow {
    display: none;
}

.um-account-side ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.um-account-side li a span.um-account-icon {
    border: none !important;
    padding: 0 8px 0 0 !important;
}

.um-account-side li a:hover {
    background: rgba(175, 24, 122, 0.3) !important;
}


.um-account-side li a.current {
    background: rgba(175, 24, 122, 0.45) !important;
}

.um-profile-overview-bio {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.um-profile-overview-bio .user-bio {
    width: 100%;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    padding: 20px 30px;
    position: relative;
}

.profile-image {
    width: 100%;
    text-align: center;
    position: relative;
    max-width: 180px;
    margin: auto;
}

.profile-image img {
    border-radius: 100% !important;
}

span.um-display-name {
    color: #FFF;
    font-family: "Oswald", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%; /* 40.576px */
    text-align: center;
    text-transform: uppercase;
    display: block;
    white-space: nowrap;
}

.um-profile-image-wrapper {
    width: 100%;
    max-width: 180px;
}

.um-account-main {
    width: 75% !important;
    padding: 30px !important;
}

.um-profile-overview-bio .user-bio h3,
.um-profile-overview-image-gallery h3 {
    margin: 0 0 20px;
    color: #FFF;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%; /* 25.36px */
    text-transform: uppercase;
}

.um-account-main div.um-account-heading {
    display: none !important;
}

button#upload-profile {
    position: absolute;
    background: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    outline: none;
    box-shadow: none;
    border-radius: 100%;
    bottom: 10px;
    right: 20px;
}

.edit-button {
    border: none !important;
    background: none !important;
    color: #fff !important;
    display: flex !important;
    justify-content: center;
    align-items: end;
    gap: 7px;
    position: absolute;
    right: 25px;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none;
    outline: none;
    top: 30px;
}

div#gallery-preview {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.um-profile-overview-image-gallery {
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.15);
    margin-top: 35px;
    padding: 30px;
    position: relative;
}

button.delete-image {
    position: absolute;
    padding: 0 !important;
    margin: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 5px;
    top: 5px;
}

.gallery-image-container {
    position: relative;
}

textarea#user_bio {
    background: transparent;
    color: #fff;
    border-radius: 8px;
}

.profile-image img {
    object-fit: cover !important;
}

.profile-image.loading:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 100%;
    width: 180px;
    height: 180px;
}

button#save-bio {
    background: rgba(175, 24, 122, 0.45) !important;
    color: #fff;
    border-color: #fff !important;
    border-radius: 8px;
    margin-top: 10px;
    width: 100%;
    max-width: 100px;
    display: block;
    text-align: center;
    margin-left: auto;
}

span.um-joining-date {
    display: block;
    text-align: center;
    color: #fff;
    line-height: 28px;
    font-weight: 400;
}


.music-genres-area {
    display: grid;
    grid-template-columns: repeat(4, 200px);
    justify-content: center;
    align-items: center;
    gap: 28px 90px;
}

a.genres-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

a.genres-item .genres-image {
    border: 1px solid #FFF;
    background: linear-gradient(136deg, rgba(226, 140, 248, 0.10) 6.29%, rgba(175, 24, 122, 0.45) 98.44%);
    width: 100%;
    max-width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.genres-item .genres-image img {
    width: 100%;
    max-height: 104px;
}

a.genres-item span {
    color: #FFF;
    text-align: center;
    font-family: "Oswald", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%; /* 40.576px */
    text-transform: uppercase;
    margin-top: 5px;
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-432c27cf.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
}

.account-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -10px;
    position: relative;
    padding-bottom: 20px;
}

.account-header h3 {
    color: #FFF;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%; /* 25.36px */
    text-transform: uppercase;
    margin: 0;
}

.account-header button {
    border-radius: 32px;
    border: 1px solid #FFF;
    background: rgba(175, 24, 122, 1);
    color: #FFF;
    text-align: center;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 126.8%; /* 17.752px */
    padding-left: 25px;
    padding-right: 25px;
}

.account-header:after {
    /* content: "";
    position: absolute;
    left: -30px;
    right: -30px;
    bottom: 0;
    background: rgba(255, 255, 255, 0.55);
    height: 1px; */
}
.um-account-main .um-account-tab {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 18px;
    padding: 50px;
}
.um-account-main .um-account-tab .account-header h3{
    font-family: "Outfit", Sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 18px;
}
.audios-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0 0px 30px;
}

.audios-wrapper .audio-item {
    display: flex;
    width: 100%;
}

.popup {
    position: fixed;
    background: rgba(40, 37, 37, 0.55);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99;
    display: flex;
}

.popup-inner {
    width: 100%;
    max-width: 500px;
    margin: 160px auto auto auto;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    height: 100%;
    max-height: 70%;
    overflow-y: scroll;
    background: #fff;
}

.popup-inner .container {
    background: #fff;
    width: 100%;
}

.popup-inner .container h1 {
    margin: 0;
    color: #000;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    /* border-bottom: 1px solid rgba(40, 37, 37, 0.55); */
}

.upload-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    padding: 25px;
    border: 1px dashed rgba(40, 37, 37, 0.55);
    cursor: pointer;
    width: 50%;
}

.upload-area p {
}

.info-inner {
    padding: 30px 30px 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.info-inner button {
    display: block;
    width: 100%;
    border-radius: 32px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
}

.um .um-form .info-inner input[type=date],
.um .um-form .info-inner input[type=time] {
    border: 1px solid #ddd !important;
}

.info-inner .description {
    text-align: left !important;
    color: rgba(40, 37, 37, 0.55);
    font-family: Manrope;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px !important;
    margin: 5px 0 !important;
}

.info-inner .or {
    color: #000;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    margin: 10px 0 !important;
}

.um .um-form .info-inner input {
    border-radius: 0 !important;
    border: 1px solid rgba(40, 37, 37, 0.55) !important;
    height: 50px !important;
}

.um-account-main .upload-area p {
    margin: 0 !important;
}

.um-account-main .upload-area .headline {
    color: #282525;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.um-account-main .upload-area p.text-muted {
    color: rgba(40, 37, 37, 0.55);
    font-family: Manrope;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px;
    border-bottom: 1px solid rgba(40, 37, 37, 0.55);
}

#close-audio-popup,
#close-video-popup,
#close-gig-popup {
    cursor: pointer;
}

.video-container,
.audio-container {
    margin-top: 30px;
}

.upload-wrapper {
    display: flex;
    gap: 10px;
    text-align: center;
    width: 100%;
}

.videos-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.video-item {
    width: calc(50% - 10px);
    height: 300px;
}

.videos-carousal {
    display: block;
    width: 100%;
}

.videos-carousal .video-item {
    width: 100%;
}

.filter-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 30px;
    column-gap: 65px;
}

.filter-wrapper label {
    color: #FFF;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%; /* 25.36px */
    text-transform: uppercase;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.um-form .filter-wrapper select,
.um-form .filter-wrapper input,
.um-form .filter-wrapper input[type=number],
.um-form .filter-wrapper input[type=text] {
    border-radius: 32px !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    background: rgba(255, 255, 255, 0.15) !important;
    padding: 15px 25px !important;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    position: relative;
    line-height: 126.8%;
    cursor: pointer; /* 20.288px */
    color: #fff !important;
    height: 55px !important;
    width: 100% !important;
}

.filter-wrapper select option {
    color: #000;
}

.filter-wrapper input {
    width: 100%;
}

.um-account .um-form form {
    /* display: flex; */
}

.followers-wrapper {
    margin-top: 30px;
}

.gig-container {
    border: 1px solid #282525;
    background: rgba(255, 255, 255, 0.55);
    padding: 25px;
    color: #282525;
    display: flex;
    align-items: center;
    gap: 40px;
}

.gig-title {
    color: #000;
    font-family: Oswald;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%; /* 40.576px */
    text-transform: uppercase;
}

.gig-right {
    width: 100%;
    max-width: 250px;
    height: 130px;
}

.gig-right img {
    height: 135px !important;
    object-fit: cover;
}

.gig-left {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.gig-date {
    color: #000;
    font-family: Oswald;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    /* 81.152px */
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 60px;
    padding: 0 10px;
}

.gig-date span {
    color: #000;
    font-family: Oswald;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}

.upcoming-gigs {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 30px 0;
}

.gig-infos {
    display: flex;
    margin-top: 10px;
    min-width: 100%;
}

.gig-info .label {
    color: #000;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 126.8%; /* 20.288px */
    display: block;
}

.gig-info span {
    color: #000;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 126.8%; /* 17.752px */
}

.gig-info,
.gig-details {
    width: 100%;
}

.heading-bg {
    border-top: 1px solid rgba(255, 255, 255, 0.55);
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
    background: rgba(226, 140, 248, 0.10);
    color: #FFF;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%; /* 25.36px */
    text-transform: uppercase;
    padding: 25px 50px;
    margin: 50px -30px;
}

.my-profile-box {
    display: flex;
    gap: 20px;
    align-items: center;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.15);
    padding: 25px;
}

.my-profile-box .artist-image {
    width: 100%;
    max-width: 180px;
}

.user-favorites .artist-image img {
    max-width: 200px;
}

.back-btn {
    background-color: #AF187A73;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    border-radius: 32px 32px 32px 32px;
    padding: 12px 24px;
    fill: #fff;
    text-align: center;
    transition: all .3s;
}

.my-profile-box .artist-bio h1 {
    color: #FFF;
    font-family: Oswald;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%; /* 40.576px */
    margin: 0;
}

.artist-bio {
    width: 100%;
}

.artist-infos {
    display: grid;
    grid-template-columns: calc(33.33% - 10px) calc(33.33% - 10px) calc(33.33% - 10px);
    color: rgba(255, 255, 255, 0.55);
    font-family: Oswald;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 126.8%; /* 20.288px */
    row-gap: 15px;
    margin: 20px 0;
    column-gap: 20px;
}

.artist-infos span {
    color: #fff;
}

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

.artist-actions div {
    width: 100%;
}

.artist-actions .button {
    width: 100%;
    border-radius: 32px;
    border: 1px solid #FFF;
    background: rgba(175, 24, 122, 0.45);
    /* 17.752px */
    color: #FFF;
    text-align: center;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    /* 17.752px */
    height: 38px;
    padding: 0px 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.artist-actions {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 20px;
}

.audio-player {
    display: flex;
    background: rgba(255, 255, 255, 0.55);
}

.cover-image {
    width: 180px;
    height: 170px !important;
    object-fit: cover;
}

.audio-controls {
    flex-grow: 1;
    padding: 20px 50px;
    color: #000;
}

.track-title {
    margin: 0;
    color: #000;
    text-align: center;
    font-family: Oswald;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 126.8%; /* 40.576px */
}

.progress-container {
    position: relative;
    margin: 10px 0;
    height: 5px;
    background-color: #e0e0e0;
    border-radius: 3px;
}

.progress-bar {
    width: 0%;
    height: 100%;
    background-color: rgba(175, 24, 122, 1);
    border-radius: 3px;
}

.time-display {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
    text-align: center;
    font-family: Manrope;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 126.8%; /* 12.68px */
}

.control-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 10px;
}

.control-btn {
    cursor: pointer;
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
}

.info-inner button.disabled {
    opacity: 0.5;
    background: #000 !important;
}

.upload-area .hide {
    display: none;
}

#audio-file,
#audio-banner,
#video-file,
#video-banner,
#gig-banner {
    display: none;
}

.info-inner button i {
    display: none;
}

.info-inner button.disabled i {
    display: inline-block;
    margin-left: 20px;
}

input[type=time] {
    padding: .5rem 1rem
}

.user-favorites {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.favorite-item {
    display: flex;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.15);
    align-items: center;
    gap: 20px;
    padding: 20px;
    position: relative;
}

.artist-description {
    color: #FFF;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%; /* 17.752px */
    width: 60%;
    max-width: 400px;
}

.favorite-item h2 {
    color: #FFF;
    font-family: Oswald;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%; /* 40.576px */
}

.favorite-item .delete {
    position: absolute;
    right: 20px;
    top: 15px;
}

.bp-messages-wrap * {
    font-family: 'Manrope', sans-serif;
}

.bp-messages-wrap, .bp-messages-wrap .chat-header, .bp-messages-wrap .bp-messages-side-threads .bm-side-content, .bp-messages-wrap .bp-messages-side-threads {
    background: transparent !important;
    border: none;
}

.bp-messages-wrap .bp-messages-threads-wrapper {
    gap: 30px;
}

.bp-messages-wrap .bp-messages-side-threads,
.bp-messages-column {
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.55);
}

.bp-messages-column .chat-header {
    border-radius: 16px 16px 0px 0px;
    border-bottom: 1px solid #fff;
    background: linear-gradient(90deg, rgba(175, 24, 122, 0.25) 0%, rgba(94, 32, 71, 0.70) 100%) !important;

    color: white;
    padding: 10px 0;
    height: unset;
}

.bp-messages-wrap .chat-header .thread-info .thread-info-data .name span {
    color: #FFF;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.bp-messages-wrap .avatar {
    border-radius: 50% !important;

    width: 40px !important;

    height: 40px !important;

}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-info {
    display: none !important;

}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content, .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
    border-radius: 16px 16px 16px 0px !important;

    border: 1px solid #FFF;
    background: transparent !important;

}

.bp-messages-wrap .chat-header .thread-actions svg,
.bp-messages-wrap .chat-header svg {
    color: #fff !important;
}

.bp-messages-wrap .bm-reply,
.bp-messages-wrap .bm-reply > * {
    background: transparent !important;

}

.bp-messages-wrap .bm-reply .bm-editor .bm-editor-content {
    height: 60px;
    background: transparent !important;

    color: #fff !important;

}

.bp-messages-wrap .bm-reply .bm-send-message svg {
    color: #fff;
    background: #AF187A;
    padding: 12px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.bp-messages-wrap .bm-reply .bm-send-message {
    position: relative;
    width: 70px;
}

.bp-messages-wrap .bm-reply .bm-emojies {
    padding: 0;
    align-items: center;
    justify-content: center;
    display: flex;
}

.bp-messages-wrap .bm-reply .bm-emojies svg {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    width: 25px;
    height: 25px;
}

.bp-messages-wrap .bm-reply .bm-editor .bm-editor-content:empty::before {
    content: attr(placeholder);
    color: rgb(255 255 255 / 70%);
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content span, .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) span, .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content span p, .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) span p {
    color: #fff !important;

}

.bp-messages-wrap .bm-messages-list .bm-list .bm-sticky-date {
    background: #AF187A;
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-conversation-start {
    color: #fff !important;
    opacity: .8;
}

.bp-messages-wrap .threads-list .thread {
    border-bottom: 1px solid rgb(255 255 255 / 55%) !important;
}

.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .pic img {
    border-radius: 50% !important;
}

.bp-messages-wrap .threads-list .thread > * {
    color: #fff !important;
}

.bp-messages-wrap .threads-list .thread .bm-info .name {
    color: #FFF;
    font-family: Oswald;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.bp-messages-wrap .threads-list .thread .bm-info .name + h4 {
    display: none;
}

.bp-messages-wrap .threads-list .thread {
    border-bottom: 1px solid rgb(255 255 255 / 55%) !important;
}

.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .pic img {
    border-radius: 50% !important;
}

.bp-messages-wrap .threads-list .thread > * {
    color: #fff !important;
}

.bp-messages-wrap .threads-list .thread .bm-info .name {
    color: #FFF;
    font-family: Oswald;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.bp-messages-wrap .threads-list .thread .bm-info .name + h4 {
    display: none;
}

.bp-messages-wrap .chat-header .new-message {
    display: none;
}

.bp-messages-wrap .chat-header.side-header .new-message + .bpbm-search {
    width: 100%;
    padding-right: 3px;
    height: unset !important;
}

.bp-messages-wrap .chat-header.side-header .bpbm-search form input {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    padding-left: 50px;
}

.bp-messages-wrap .chat-header .bpbm-search form {
    /* padding: 15px 0 !important; */
    /* border-bottom: 1px solid #fff; */
    /* margin: 15px 0 !important; */
    margin: 0 !important;
}

.bp-messages-wrap .chat-header.side-header {
    height: 90px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}

.bp-messages-wrap .chat-header.side-header .bpbm-search form input::placeholder {
    color: #FFF;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 126.8%; /* 20.288px */
}

body:not(.bm-mobile-device) .bp-messages-wrap .threads-list .thread:hover {
    background: linear-gradient(90deg, rgba(175, 24, 122, 0.15) 0%, rgba(94, 32, 71, 0.70) 100%);
}

body:not(.bm-mobile-device) .bp-messages-wrap .threads-list .thread:hover > * {
    background: transparent;
}

.bp-messages-wrap .bp-messages-side-threads .threads-list {
    width: calc(100% - 3px);
}

.bp-messages-wrap .empty {
    color: #fff;
}

.bp-messages-wrap .thread-not-selected .empty .bpbm-empty-or {
    display: none;
}

.bp-messages-wrap .thread-not-selected .empty .bpbm-empty-link {
    display: none;
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
    border-radius: 16px 16px 0px 16px !important;
}

.new-message-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #000;
    z-index: 99;
    display: none;
    justify-content: center;
    align-items: center;
}


.new-message-popup.show {
    display: flex;
}

.new-message-wrapper {
    width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 400px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.new-message-header {
    display: flex;
    position: relative;
    height: 65px;
    align-items: center;
    padding-left: 20px;
    gap: 10px;
    border-bottom: 1px solid rgba(40, 37, 37, 0.55);
    background: #FFF;
}

.new-message-header button {
    position: absolute;
    right: 20px;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    top: 20px;
}

.message-profile img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.message-author {
    display: flex;
    flex-direction: column;
    color: #000;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%; /* 20.288px */
}

.message-author h4 {
    margin: 0;
    text-transform: uppercase;
    color: #000;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%;
}

.message-author span {
    color: rgba(40, 37, 37, 0.55);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 126.8%; /* 15.216px */
}

.message-profile {
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-message-footer textarea {
    border: none;
    outline: none;
}

.new-message-footer button {
    position: absolute;
    right: 20px;
    top: 50%;
    background: #AF187A;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}

.new-message-footer {
    position: relative;
    background: #FFF;
    box-shadow: 0px -13px 42.2px 0px rgba(0, 0, 0, 0.05);
}

.new-message-footer button svg {
    min-width: 20px;
}

input#gallery-file {
    display: none;
}

.sidebar-open, .close-siderbar {
    display: none;
}

div.uimob800 .um-account-main {
    width: 90% !important;
    max-width: unset !important;
}

.field-wrapper {
    position: relative;
}

.field-wrapper select {
    appearance: none; /* Hides the default dropdown arrow */
    -webkit-appearance: none; /* Safari */
    -moz-appearance: none; /* Firefox */
}

.field-wrapper:has(select)::after {
    content: "\f078";
    position: absolute;
    right: 15px;
    pointer-events: none; /* Ensures the arrow doesn't interfere with clicks */
    font-size: 12px;
    color: #fff; /* Adjust color as needed */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    bottom: 20px;
}

.tmh-wrapper {
    position: relative;
}

.tmh-dropdown {
    position: absolute;
    left: -21px;
    display: none;
    width: calc(100% + 25px);
    top: 83px;
}

.tmh-dropdown ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    border: 2px solid #BFBFBF;
    background: #fff;
    width: 100%;
    border-radius: 6px;
    padding: 5px 0;
    margin-top: 8px;
}

.tmh-dropdown ul li a {
    color: rgba(0, 0, 0, 0.6);
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.tmh-dropdown ul li a:hover {
    background: #803469;
    color: #ffffff;
}

.tmh-wrapper:hover .tmh-dropdown {
    display: block;
}

.add-to-wishlist.added {
    pointer-events: none;
    cursor: not-allowed !important;
}

a.referrer-back {
    background-color: #AF187A73;
    font-family: "Manrope", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    border-radius: 32px 32px 32px 32px;
    line-height: 1;
    padding: 12px 24px;
    fill: #fff;
    text-align: center;
    transition: all .3s;
}
.um-account-custom .um-account-side {
    /* position: fixed; */
    top: 0;
    background: rgba(0, 0, 0, 1);
    left: 80px;
    z-index: 9999;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.3)
}
.um-account-custom .um-account-main {
    float: right;
}
/**
* RESPONSIVENESS
 */


 /* Account Details */
 .account-details {
    background: #1e1f2f00;
    border-radius: 18px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3)
}
.account-details-wrapper h1 {
    font-family: "Outfit", Sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: rgba(255, 255, 255, 1);
    border-left: 4px solid rgba(191, 131, 0, 1);
    padding-left: 10px;
}
.user-info {
    display: flex;
    align-items: center;
}

.um-profile-overview-general .user-info img {
    width: 100px;
    height: 100px !important;
    border-radius: 50% !important;
    margin-right: 15px !important;
}

.um-profile-overview-general .user-text h2 {
    margin-bottom: 5px;
    font-family: "Outfit", Sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color: rgba(255, 255, 255, 1);
}

p#user-email {
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}
p#user-email img{
    width: 19px !important;
    height: 19px !important;
    margin: 0px !important;
}

.account-actions button {
    background: rgba(191, 131, 0, 1);
    color: rgba(255, 255, 255, 1);
    border: none;
    padding: 10px 40px !important;
    margin-left: 10px;
    border-radius: 32px !important;
    font-family: "Outfit", Sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
}

.account-actions button:hover {
    background: #ffa500;
}

/* Membership and Invoices */
.membership-invoices {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.membership,
.invoices {
    padding: 20px;
    flex: 1;
    background: #1e1f2f00;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.membership h3 , .invoices h3 {
    margin-bottom: 11px;
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    margin-top: 0px;
}
.membership h2 {
    font-family: League Gothic;
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    color: rgba(255, 255, 255, 1);
    margin: 0px;
    margin-bottom: 20px;
}
#membership-invoices span{
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 22px;
    padding: 8px 32px;
    display: block;
    width: fit-content;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}
.membership {
    width: 343px !important;
    max-width: 344px;
}
.btn-action {
    display: flex;
}
#membership-invoices p {
    margin: 0px !important;
    margin-bottom: 20px !important;
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
}

.membership .next-payment {
    margin-bottom: 20px;
    color: #ffb400;
    font-weight: 600;
}

.membership button,.membership button:hover,.membership button:focus ,form#pms-abandon-subscription-form input[type="submit"],form#pms-abandon-subscription-form input[type="submit"]:hover,form#pms-abandon-subscription-form input[type="submit"]:focus {
    padding: 10px 40px 10px 40px !important;
    margin-right: 10px !important;
    border: none;
    border-radius: 32px 32px 32px 32px !important;
    cursor: pointer;
    background-color: rgba(191, 131, 0, 1);
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

a.pms-account-subscription-action-link.pms-account-subscription-action-link__abandon {
    padding: 10px 40px 10px 40px !important;
    margin-right: 10px !important;
    border: none;
    border-radius: 32px 32px 32px 32px !important;
    cursor: pointer;
    background-color: rgba(191, 131, 0, 1);
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

.invoices table {
    width: 100%;
}
.view-more-game{
    background: rgba(191, 131, 0, 1);
    border: none;
    padding: 10px 40px !important;
    border-radius: 32px !important;
    cursor: pointer !important;
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 100% !important;
}
.view-more-article{
    background: rgba(191, 131, 0, 1);
    border: none;
    padding: 10px 40px !important;
    border-radius: 32px !important;
    cursor: pointer !important;
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 100% !important;
}
.invoices th,
.invoices td {
    padding: 10px;
    text-align: left;
    color: #ccc;
}

.invoices th {
    color: #fff;
    border: 0px !important;
    border-block-end: 1px solid rgba(255, 255, 255, 1) !important;
    padding: 20px;
    font-family: "Outfit", Sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
}
.invoices td {
    color: #fff;
    border: 0px !important;
    border-block-end: 1px solid rgba(255, 255, 255, 1) !important;
    padding: 7px 13px;
    font-family: "Outfit", Sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    align-content: center; 
}
.invoices tr td:nth-child(1), .invoices tr td:nth-child(3) {
    background: rgba(18, 45, 108, 0.5);
}
.invoices .paid {
    background: rgba(191, 131, 0, 1);
    color: rgba(255, 255, 255, 1) !important;
    padding: 6px 40px 7px 40px !important;
    border-radius: 32px !important;
    font-family: "Outfit", Sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    border: 0px !important;
    margin: 0px !important;
}

/* Games Section */
.my-games,
.my-articles {
    padding: 20px;
    flex: 1;
    background: #1e1f2f00;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.section-header h3 {
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 5%;
}

.section-header button , .section-header button:hover {
    background: rgba(191, 131, 0, 1);
    border: none;
    padding: 10px 40px !important;
    border-radius: 32px !important;
    cursor: pointer !important;
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 100% !important;
}

.games-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.game-card {
    background: rgba(41, 37, 37, 1);
    border-radius: 12px;
    width: calc(33% - 11px);
    padding: 15px;
    text-align: center;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 1);
}

.game-card img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;
}

.game-card h4 {
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    margin-top: 20px;
}
.game-card span{
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 14px;
    display: block;
}

p#game-author {
    font-family: "Outfit", Sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    background: rgba(18, 45, 108, 1);
    border-radius: 32px;
    color: rgba(255, 255, 255, 1);
    padding: 10px !important;
    margin: 0px !important;
}

.edit-btn , .edit-btn:hover {
    background: rgba(255, 255, 255, 1);
    color: #000;
    padding: 4px 17px !important;
    border-radius: 22px !important;
    font-family: "Outfit", Sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px ! IMPORTANT;
    line-height: 100% ! IMPORTANT;
    border: 0px;
    float: inline-end;
    margin-bottom: 13px;
}

/* Articles Section */
.articles-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.article-card {
    display: flex;
    overflow: hidden;
    border-top:1px solid rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    padding: 10px 0px;
    gap: 60px;
    position: relative;
}
.articles-list .article-card:nth-child(1){
    border-bottom: 0px !important;
}

.article-card img {
    width: 364px;
    object-fit: cover;
    height: 193px !important;
}

.article-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}
.um-account-tab.um-account-tab-our-games .my-games , .um-account-tab.um-account-tab-my-articles .my-articles {
    border: 0px;
    padding: 0px;
}
.article-content h4 {
    margin-bottom: 8px;
    font-family: League Gothic;
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    color: rgba(255, 255, 255, 1);
}

.article-content p#article-des {
    margin: 0px !important;
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}

.read-more-btn , .read-more-btn:hover {
    align-self: start;
    background: rgba(191, 131, 0, 1);
    padding: 10px 47px !important;
    border-radius: 32px !important;
    border: 0px !important;
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif !important;
    font-weight: 400    !important;
    font-size: 16px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;

}
.hire-qa {
    display: flex;
    flex-wrap: wrap;
    gap: 27px;
}
.hire-qa .field-wrapper.w-50 {
    width: calc(50% - 14px);
}
.hire-qa label {
    color: #FFF;
    font-family: "Outfit", Sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.um-form .hire-qa select,
.um-form .hire-qa input:not([type=button]),
.um-form .hire-qa input[type=number],
.um-form .hire-qa input[type=text]{
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 1) !important;
    background: rgba(255, 255, 255, 0.15) !important;
    padding: 5px 25px !important;
    font-family: "Outfit", Sans-serif;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 100%;
    letter-spacing: 0%;    
    cursor: pointer;
    color: #fff !important;
    height: 41px !important;
    width: 100% !important;
}
.um-form .hire-qa textarea{
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 1) !important;
    background: rgba(255, 255, 255, 0.15) !important;
    padding: 5px 25px !important;
    font-family: "Outfit", Sans-serif;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 100%;
    letter-spacing: 0%;    
    cursor: pointer;
    color: #fff !important;
    width: 100% !important;
}
.hire-qa .field-wrapper:has(select)::after{
    top: 31px;
}
.hire-qa .field-wrapper.w-100 {
    width: 100%;
}

.um-account-tab .btn-div button[type="button"] {
    border-radius: 32px !important;
    border: 0px solid #fff !important;
    background: rgba(191, 131, 0, 1) !important;
    max-width: 100% !important;
    color: #fff;
    width: 100%;
    height: 50px;
}
button#preview-game {
    margin-bottom: 10px;
}
a.edit-article.edit-btn {
    position: absolute;
    bottom: 8px;
    right: 0px;
}
.custom-file-upload {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-family: 'Segoe UI', sans-serif;
    color: #fff;
}
.hire-qa .field-wrapper.w-33 {
    width: calc(33% - 17px);
}
.custom-file-upload input[type="file"] {
    display: none;
}
  
.custom-file-upload label {
    cursor: pointer;
}
  
.upload-box {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 1);
    padding: 15px 20px;
    text-align: center;
    transition: background-color 0.3s ease;
    width: 100%;
    align-items: center;
    background: rgba(255, 255, 255, 0.3);
}
  
.upload-box:hover {
    background-color: #555;
}
 
p#spandimen{
    margin: 0px !important;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
span#max-size{
    background: rgba(191, 131, 0, 1);
    padding: 5px 26px;
    border-radius: 22px;
    margin-top: 10px;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.upload-box img {
    width: 32px;
    height: 32px !important;
    margin-bottom: 4px;
    opacity: 0.9;
}
  
.upload-box span {
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.um-form .hire-qa select option {
    background-color: #444;
    color: #fff;
}


.custom-file-upload-single {
    font-family: 'Segoe UI', sans-serif;
    color: #fff;
}
  
.custom-file-upload-single input[type="file"] {
    display: none;
}
  
.custom-file-upload-single .upload-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 12px 16px;
    cursor: pointer;
    transition: background 0.3s ease;
    width: 100%;
}
  
.custom-file-upload-single .upload-bar:hover {
    background-color: #5a5a5a;
}
  
.custom-file-upload-single .upload-bar img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
  
.custom-file-upload-single .upload-bar span {
    font-size: 14px;
    color: #fff;
}

.um-account-tab.um-account-tab-details input#um_account_submit_details {
    display: block !important;
}

.external-login {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .um-account-side li a span.um-account-icontip i {
        color: #fff;
    }


}

@media (max-width: 767px) {

    .account-header {
        margin-top: 0;
    }

    .tmh-banner-search form {
        flex-direction: column;
    }

    .tmh-banner-search {
        background: transparent;
        max-width: 70%;
    }

    .music-genres-area {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
    }

    a.genres-item {
        width: calc(50% - 20px);
    }

    a.genres-item span {
        font-size: 22px;
    }

    .tmh-header-profile .anchor {
        display: none;
    }

    .favorite-item {
        flex-direction: column;
    }

    .artist-infos, .artist-actions {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .favorite-item .delete {
        top: 30px;
        right: 30px;
    }

    div.uimob800 .um-account-side li a {
        color: #fff !important;
    }

    .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-25.e-form__buttons {
        max-width: 100px;
    }

    .um-account-meta {
        display: none !important;
    }

    .um-account-nav {
        display: none !important;
    }

    div.uimob500 .um-account-meta {
        display: none;
    }

    .um-account-side {
        display: none;
        width: 90% !important;
        float: unset;
        position: fixed;
        background: #000;
        z-index: 99999999;
        left: -10px;
        top: 0;
        border: 0;
        bottom: 0;
    }

    .um-account-side.active {
        display: block !important;
    }

    .um-profile-overview-bio {
        flex-direction: column;
    }

    .um-account-main {
        width: 100% !important;
        padding: 20px 10px !important;
    }

    div#gallery-preview {
        grid-template-columns: repeat(2, 1fr);
    }

    .popup-inner .container {
        max-width: calc(100% - 40px);
    }

    .filter-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    img.cover-image {
        max-width: 100px !important;
        height: 100px !important;
    }

    .audio-controls {
        padding: 10px 20px !important;
    }

    .track-title {
        font-size: 18px;
    }

    .control-buttons {
        margin-top: 0;
    }

    .control-buttons button svg {
        width: 50%;
        height: 50%;
    }

    .progress-container {
        margin-bottom: 3px;
    }

    .item-custom > div {
        height: unset !important;
    }

    .videos-wrapper {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .video-item {
        width: 100%;
    }

    .video-item.item-custom {
        height: unset;
    }

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

    .my-profile-box {
        flex-direction: column;
    }

    .um-account-main p {
        color: #fff;
        font-size: 20px;
    }

    .um .um-field-label {
        color: #fff;
    }

    .sidebar-open {
        background: #AF187A;
        color: #fff;
        max-width: 80px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        margin-bottom: 10px;
        margin-left: auto;
    }

    .close-siderbar svg path {
        fill: #fff;
        text-align: right;
    }

    .close-siderbar {
        display: block;
        text-align: right;
    }
    .um-account-main .um-account-tab{
        padding: 10px;
    }
    .user-info {
        align-items: baseline;
        flex-direction: column;
    }
    .profile-image {
        max-width: 125px;
    }
    .um-profile-image-wrapper {
        max-width: 125px;
    }
    .view-more-game {
        padding: 10px 15px !important;
    }
    .game-card {
        width: calc(100% - 11px);
    }
    .article-card {
        gap: 20px;
        flex-direction: column;
    }
    .um-account-custom .um-account-side.mobile-open {
        display: block !important;
        position: absolute !important;
        height: max-content;
        left: 10px;
        width: 95% !important;
    }
    .hire-qa {
        gap: 18px;
        flex-direction: column;
    }
    .hire-qa .field-wrapper.w-50 {
        display: flex;
        flex-direction: column;
        width: calc(100% - 14px);
    }
    .hire-qa .field-wrapper.w-33 {
        width: calc(100% - 17px);
    }
    .um-account-main .um-account-tab .account-header h3 {
        font-size: 22px;
    }
    .account-header {
        padding-bottom: 10px;
        padding-top: 15px;
    }
    .wp-editor-tabs {
        display: block;
        margin-bottom: 11px;
    }
    .wp-editor-tools {
        display: grid;
    }
    .field-wrapper:has(select)::after{
        /* display: none; */
    }
    .custom-user-avatar .custom-user-name{
        display: none !important;
    }
    .membership-invoices{
        flex-direction: column;
    }
    .membership{
        width: 100% !important;
        max-width: 100% !important;
    }
    .signup-success-msg {
        display: block  !important;
    }
}
.signup-success-msg {
    display: none;
}
body.login .elementor-element.elementor-element-8cc2a2f.elementor-widget.elementor-widget-button {
    display: none;
}

body.login .elementor-element.elementor-element-74808a6.elementor-widget.elementor-widget-button {
    display: none;
}
.custom-user-avatar {
    width: 100%;
    height: 100%;
    display: block;
}
.custom-user-avatar a{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.custom-user-avatar img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.custom-user-avatar img.gravatar.avatar.avatar-180.um-avatar.um-avatar-default {
    border-radius: 50%;
}
body.notlogin .custom-user-avatar {
    display: none;
}

.um-account-side ul li:nth-child(5), .um-account-side ul li:nth-child(7) {
    display: none;
}

.pms_account_widget .pms-upgrade__group.pms-upgrade__group--upgrade , .pms_account_widget .pms-upgrade__group.pms-upgrade__group--downgrade {
    padding: 20px;
    background: rgba(0, 0, 0, 1);
    z-index: 9999;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff !important;
}
.pms_account_widget .pms-upgrade__group.pms-upgrade__group--downgrade{
    margin-top: 20px;
}
.pms_account_widget .pms-upgrade__message, .pms_account_widget #pms-paygates-wrapper h3 {
    font-family: "Outfit", Sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: rgba(255, 255, 255, 1) !important;
    border-left: 4px solid rgba(191, 131, 0, 1);
    padding-left: 10px;
}
.pms_account_widget input[name="pms_redirect_back"] {
    margin-top: 15px;
}
.pms_account_widget input[type="submit"] {
    padding: 10px 40px 10px 40px !important;
    margin-right: 10px !important;
    border: none;
    border-radius: 32px 32px 32px 32px !important;
    cursor: pointer;
    background-color: rgba(191, 131, 0, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
    font-family: "Outfit", Sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.pms_account_widget .pms-form-design-wrapper .pms-subscription-plan label.selected .pms-subscription-plan-name {
    color: #000;
    font-weight: 600;
}
.pms_account_widget .pms-form-design-wrapper .pms-subscription-plan input[type="radio"]:checked {
    background: #000000;
    border-color: #000000;
}

input[name="pms_new_subscription"] {
    padding: 10px 40px 10px 40px !important;
    margin-right: 10px !important;
    border: none;
    border-radius: 32px 32px 32px 32px !important;
    cursor: pointer;
    background-color: rgba(191, 131, 0, 1) !important;
    color: rgba(255, 255, 255, 1);
    font-family: "Outfit", Sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

.page-id-1288 h3.pms-account-details-title {
    display: none;
}

#pms_register-form input[type='text'], #pms_register-form input[type='password'], #pms_register-form input,#pms_register-form input:focus{
    padding: 16px 11px 1px 11px !important;
    color:#FFF !important;
}
#pms_register-form label.focused{
    color:#FFF !important;
}
#pms_register-form h3.pms-subscriptions-list-title {
    display: none !important;
}

.page-id-1288 label.um-field-checkbox.um-field-half {
    width: 100% !important;
    margin-bottom: 18px;
}

.page-id-1288 li.pms-field.pms-field-subscriptions {
    display: none;
}