.pointerClass {
  cursor: pointer;
}

body {
  font-family: HelveticaNeueMedium !important;
  padding-top: 0 !important;
}

input {
  outline: none;
}

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

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

input:focus {
  outline: none;
  box-shadow: none;
}

textarea:focus {
  outline: none;
}

::-moz-placeholder {
  opacity: 1;
}

button:focus {
  outline: none;
}

.m-lr--10 {
  margin-left: -10px;
  margin-right: -10px;
}

.p-lr-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.p-r {
  padding-right: 5px;
}

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

.p-20 {
  padding: 20px !important;
}

.p-l {
  padding-left: 5px;
}

.pt_25 {
  padding-top: 25px;
}

.mt_10 {
  margin-top: 10px !important;
}

.mt_15 {
  margin-top: 15px;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt_30 {
  margin-top: 30px;
}

.mt_40 {
  margin-top: 40px;
}

.mt_20 {
  margin-top: 20px !important;
}

.mb_0 {
  margin-bottom: 0 !important;
}

.mb_20 {
  margin-bottom: 20px !important;
}

.mb_30 {
  margin-bottom: 30px;
}

.mb_40 {
  margin-bottom: 40px;
}

.ml_30 {
  margin-left: 30px;
}

.sticky_navbar {
  position: sticky;
  position: -webkit-sticky;
  top: 70px;
  z-index: 7;
}

.Bg_white {
  background-color: #fff;
}

.ff_lato {
  font-family: HelveticaNeueMedium, sans-serif;
}

/******font-Drunk-wide********/

.helvetica-font {
  font-family: HelveticaNeueMedium, sans-serif !important;
}

/***header***/

/***header-end***/

/*****landing-page****/

.Signup_btn_blue:hover {
  background: #DA6961 !important;
}

.fW_500 {
  font-weight: 500 !important;
}

.fW_600 {
  font-weight: 600 !important;
}

.m_b_22 {
  margin-bottom: 22px !important;
}

.pb-23 {
  padding-bottom: 23px;
}

.Signup_btn_blue:focus,
.Signup_btn_blue:focus-within {
  background: #DA6961 !important;
}

.selling_title {
  font-weight: normal;
  font-size: 18px;
  font-family: HelveticaNeueMedium, sans-serif;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 40px;
}

.slider-info-item .item-title.item_icon {
  margin-bottom: 0px !important;
}

.item-slider_subtitle span {
  display: block;
}

.item-slider_subtitle .m_5_top {
  margin-top: 15px;
}

.item-slider_subtitle .m_10_top {
  margin-top: 10px;
}

.landing .content .intro-section .carousel-item .slider-info-item .item-desc.item-slider_subtitle {
  margin-bottom: 24px;
  line-height: 14px;
}

.card.slider .card-description .title {
  font-weight: normal;
}

.owl-carousel .owl-nav.disabled {
  display: block !important;
}

.link-more.near_arrow.more_btn {
  right: 87px;
  margin-top: 4px;
  font-weight: normal;
}

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

.music_slider_landing .owl-theme .owl-nav [class*="owl-"] {
  height: 24px;
  width: 24px;
  background-color: #e6eaf0;
  border-radius: 4px;
  color: #000;
  position: relative;
  top: 0;
  left: 0;
  transition: all 0.3s;
  text-indent: -999999px;
}

.music_slider_landing .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: #D1433A1A;
  color: #000;
  transition: all 0.3s;
}

.music_slider_landing .track_title a {
  font-family: HelveticaNeueMedium !important;
  font-weight: 500 !important;
}

.music_slider_landing .card.sigles-card .track-price .price {
  font-weight: normal;
}

.card {
  box-shadow: None !important;
}

.dropdown_left.dropdown-menu {
  left: -170px !important;
}

.landing-footer .custom-hr {
  width: 100%;
  height: 1px;
  margin: 30px 0 25px;
  background-color: #e6eaf0;
}

.copyright_text span {
  font-size: 13px;
  font-weight: 500;
  color: #c4ccd6;
  line-height: 20px;
  font-family: HelveticaNeueMedium;
}

.copyright_text span.copright_right {
  float: left;
}

.copyright_text span.copright_right {
  float: right;
}

/*.music-genre-section .genre_title {
    background: none;
    text-align: left;
    margin-bottom: 6px !important;
}*/

.selling_section .cover-hover .play {
  background-color: #D1433A;
  margin: 10px;
  padding: 10px 20px;
}

.selling_info_black_section .slider-info-item .item-title {
  width: 420px;
}

.selling_section .title-h4 {
  font-size: 18px;
}

.selling_section .owl-item:hover .card.slider .card-cover .btn-more,
.selling_section .owl-item:hover .card.slider .card-cover .btn-slider-head,
.selling_section .owl-item:hover .card.slider .card-cover .play {
  display: block;
}

.music_slider_landing_title {
  font-size: 18px !important;
  font-family: HelveticaNeueMedium, sans-serif;
  /* text-transform: uppercase; */
  margin-bottom: 24px !important;
  margin-top: 3px;
}

.music_slider_landing .card.sigles-card .track-info .author div a {
  font-family: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #8b949f;
}

.footer_custom_style .footer-nav .item ul li a {
  font-weight: 500 !important;
}

.margin-right-this {
  margin-left: 62px !important;
}

/*****landing-page-end****/

/***pop-up-css***/

.action-block.Socail_btns {
  margin-right: auto !important;
}

.btn.btn-google.Popup_btn_google11 {
  margin-left: 10px;
}

.modal_box_outer {
  padding-left: 15px;
}

.Signup_pop_overlay {
  background-color: #00000045;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

h4.login_icons_text {
  font-size: 14px;
  font-weight: 400;
  color: #47505b;
  text-align: center;
  line-height: 16.8px;
}

.login_icons_icon {
  margin: 16px 0 25px;
  display: flex;
  justify-content: space-between;
}

.login_icons_icon .ico-wrap {
  background: #f9fafb;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  max-width: 40px;
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal.login-type .input-wrap .filters-select.register_gender_slecter {
  width: 308px !important;
}

.register_checkbox-shadow.custom-control-label::before {
  box-shadow: none;
}

.modal-title-sm.grey-text.m_b_20 {
  margin-bottom: 40px;
}

.error_msg_red {
  font-weight: 500;
  margin-top: 5px;
  color: #ff2323 !important;
  margin-bottom: 0;
}

.error_msg_red_one {
  font-weight: 500;
  margin-top: 5px;
  color: #ff2323;
  margin-bottom: 0;
  position: absolute;
  top: -7px;
  right: 7px;
}

.login_btn,
.restore_link {
  font-size: 13px !important;
}

.restore_pass_body {
  padding: 22px 30px 43px !important;
}

.confirmation_link_box .body-title {
  margin-bottom: 22px !important;
}

.confirmation_link_box .btn-login {
  font-size: 13px !important;
}

.confirmation_link_box .modal-body {
  padding: 22px 30px 30px !important;
}

.body_padding {
  padding: 22px 30px 30px !important;
}

.next_step_btn {
  font-size: 13px !important;
}

.need_signup_action {
  margin-right: 0 !important;
}

.term_signup_btn {
  font-size: 13px !important;
  margin-top: 20px !important;
}

.term_signup_body {
  position: relative;
  padding: 22px 30px 50px;
}

.accept_trm_btn {
  position: absolute;
  bottom: 72px;
}

.confirm_email .btn-login {
  font-size: 13px !important;
}

.confirm_email .body-title {
  margin-bottom: 12px !important;
}

.confirm_email .modal-title-sm.grey-text {
  font-weight: 400 !important;
  font-size: 13px !important;
}

.email_confirmed_box .btn-login {
  font-size: 13px !important;
}

.email_confirmed_box .modal-body {
  padding: 22px 30px 30px !important;
}

.landing .action-block.need_signup_action {
  margin-right: 0;
}

.login-type .action-block .btn.btn-primary.col-12.need_signup {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  background: #D1433A;
  border: 1px solid #D1433A;
  border-radius: 4px;
  font-weight: 700;
  font-size: 13px;
  line-height: 14px;
  text-transform: uppercase;
  color: #fff;
  padding-right: 10px;
  transition: all 0.3s;
}

/* .term_signup_body .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(/assets/icons/checkbox-tick.svg);
} */

.register_checkbox-shadow::after {
  top: 0px !important;
  left: -24px !important;
}

/***pop-up-css-end***/

/*****admin-panel****/

.data_switch_tab {
  text-align: center;
  margin-top: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.data_switch_tab span {
  background-color: #f6f9fc;
  padding: 10px 30px;
  border-radius: 3px;
  margin-left: 10px;
  color: #D1433A;
  font-size: 14px;
  font-weight: 500;
  font-family: HelveticaNeueMedium;
  border: 1px solid #D1433A;
  width: 220px;
}

.active_tab {
  background-color: #D1433A !important;
  color: #fff !important;
}

div#DataTables_Table_0_filter.search_right {
  text-align: right !important;
}

div.dataTables_wrapper div.dataTables_filter.search_right input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

div.dataTables_wrapper div.dataTables_length.entries_left select {
  width: auto;
  display: inline-block;
}

.entries_left label,
.search_right label {
  font-size: 13px;
  color: #888da8;
  font-weight: 500;
  font-family: HelveticaNeueMedium;
}

.page_listing .dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}

.page_listing .dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  justify-content: flex-end;
}

.page_listing .page-item.active .page-link {
  z-index: 1;
  color: #fff;
  /*background-color: #007bff;*/
  background-color: #D1433A1A;
  border-color: #D1433A1A;
  /*border-color: #007bff;*/
}

.page_listing .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color:#D1433A1A;
  /*color: #007bff;*/
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page_listing_showing .dataTables_info {
  padding-top: 0.85em;
  white-space: nowrap;
}

.page_listing_showing .dataTables_info,
.page_listing .paging_simple_numbers {
  font-size: 13px;
  color: #888da8;
  font-weight: 500;
  font-family: HelveticaNeueMedium;
}

.row_margin_0 .table-responsive>div.dataTables_wrapper>div.row {
  margin: 0;
}

.custom_body_style .table {
  margin-bottom: 6px;
  font-family: HelveticaNeueMedium;
  font-weight: 500;
}

.card.custom_style_addgenres {
  font-family: HelveticaNeueMedium;
  font-weight: 500;
  color: #888da8;
}

/*.custom_body_style table tr td.table_action_icons {

    width: 80px;
}*/

/****loader*******/

.loader_wrapper {
  position: relative;
}

.loader_wrapper .loader:after {
  display: none !important;
}

.Box_loader_outer {
  position: absolute;
  width: 97%;
  height: 97%;
  background-color: #fffffff2;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Box_loader {
  border: 4px solid #e8e8e8;
  border-radius: 50%;
  border-top: 4px solid #D1433A;
  max-width: 42px;
  height: 42px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 1s linear infinite;
}

.Page_loader_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fffffff2;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Page_loader {
  border: 10px solid #dedede;
  border-radius: 50%;
  border-top: 10px solid #D1433A;
  border-bottom: 10px solid #D1433A;
  max-width: 70px;
  height: 70px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*****loader-end******/

/***Home-page****/

.audio_logo svg {
  margin: auto;
}

body .main-container.main-container_full {
  /*padding-left: 220px;*/
}

.left-bar.open.leftbar_custom {
  width: 230px;
  position: fixed;
  left: 0;
  top: 0;
  padding-top: 0px;
  height: 100%;
  z-index: 7;
}

/******dashboard-header******/

.dashboard_header {
  position: sticky !important;
  width: 100%;
  top: 0;
  box-shadow: 0px 8px 10px rgba(7, 21, 38, 0.05);
  z-index: 9;
}

/* .dashboard_header .header-search {
  padding-left: 20px;
} */

.dashboard_header .header-btn .btn.btn-create {
  border: 1.3px solid #D1433A;
}

.header-right-menu-new {
  display: flex;
  align-items: center;
}

.header-right-menu-btn {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background-color: rgba(230, 234, 240, 0.8);
  border: none;
  margin-right: 10px;
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.3s all;
  justify-content: center;
}

.header-right-menu-btn.m-plus-btn {
  margin-right: 20px;
}

.header-right-menu-btn-icon-bio {
  fill: #071526;
  stroke: #071526;
}

.header-right-menu-btn-icon-bio1 {
  fill: #071526;
}

.header-right-menu-btn:hover {
  background-color: #D1433A;
}

.header-right-menu-btn:hover .right-menu-c-fill {
  fill: #fff;
}

.header-right-menu-btn.active {
  background-color: #D1433A;
}

.header-right-menu-btn.active .right-menu-c-fill {
  fill: #fff;
}

.header-right-menu-btn.active .header-right-menu-btn-icon {
  stroke: #fff;
}

.header-right-menu-btn:hover .header-right-menu-btn-icon-bio,
.header-right-menu-btn.active .header-right-menu-btn-icon-bio {
  fill: #fff;
  stroke: #fff;
}

.header-right-menu-btn:hover .header-right-menu-btn-icon-bio1,
.header-right-menu-btn.active .header-right-menu-btn-icon-bio1 {
  fill: #fff;
}

.notifiaction-active-icon {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #D1433A;
  border-radius: 50px;
  border: 1.3px solid #fff;
  top: 7px;
  right: 11px;
}

.right-menu-c-line {
  stroke: #071526;
}

.right-menu-c-fill {
  fill: #071526;
}

.m-plus-btn:hover {
  /*background-color: rgb(65, 108, 255);*/
  background-color: #D1433A;
}

.m-plus-btn:hover .header-right-menu-btn-icon {
  stroke: #fff;
}

.header-top-right-dropdown h1 {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  padding: 12px 10px 10px 20px;
  margin-bottom: 0;
}

/*.header-top-right-dropdown::after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 12px solid white;
    content: '';
    position: absolute;
    top: -12px;
    left: 20px;
}*/

.header-top-right-dropdown ul {
  padding: 0;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}

.header-top-right-dropdown ul li {
  list-style: none;
  border-bottom: 1px solid #e6eaf0;
}

.header-top-right-dropdown ul li a {
  display: flex;
  align-items: center;
  padding: 8px 10px 8px 20px;
  transition: 0.3s all;
}

.drop-down-des {
  padding-left: 15px;
}

.dro-down-des-title {
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  color: #071526;
}

.dro-down-des-sub-title {
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #47505b;
}

.header-top-right-dropdown ul li a:hover {
  background-color: #D1433A1A;
}

.header-top-right-dropdown ul li:last-child {
  border-bottom: none;
}

.toggle_plus_btn {
  position: relative;
}

.header-top-right-dropdown {
  position: absolute;
  top: 58px;
  width: 300px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 10px 20px 0px rgba(74, 75, 77, 0.08);
  left: 0;
  transition: 0.2s all ease;
  /* opacity:0; */
  /* visibility:hidden; */
}

.top-header-create:hover .header-top-right-dropdown {
  opacity: 1;
  visibility: visible;
}

.top-header-create:hover .header-right-menu-btn {
  background-color: #D1433A;
}

.top-header-create:hover .header-right-menu-btn-icon-bio1 {
  fill: #fff;
}

button:focus {
  outline: none;
}

.user-profile-header-dropdown {
  position: absolute;
  top: 65px;
  width: 300px;
  background-color: #fff;
  border-radius: 4px;
  transition: 0.2s all ease;
  opacity: 0;
  box-shadow: 5px 8px 20px 0px rgba(0, 0, 0, 0.05);
  visibility: hidden;
  right: 0;
  z-index: 4;
}

/*.user-profile-header-dropdown::after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 12px solid white;
    content: '';
    position: absolute;
    top: -12px;
    right: 20px;
}*/

.user-profile-header-dropdown.user_profile_dropdown svg {
  display: unset;
}

.user-profile-pic-detail {
  display: flex;
  align-items: center;
}

.user_profile_dropdown .user-profile-pic-detail {
  padding: 15px 20px;
}

.user_profile_dropdown .user-drop-down-detail h1 {
  margin: auto;
}

.user-drop-down-image img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50px;
}

.user-drop-down-detail h1 {
  font-size: 13px;
  font-weight: 600;
  color: #000;
}

.user-drop-down-detail p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  color: #47505b;
}

.user-drop-down-detail {
  padding-left: 20px;
}

.user-profile-pic-detail-more {
  margin-left: auto;
}

.user-profile-pic-detail-more span {
  width: 24px;
  height: 24px;
  background-color: #e4e6eb;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  line-height: 21px;
  transition: 0.3s all;
  cursor: pointer;
}

.user-profile-pic-detail-more span:hover {
  background-color: #D1433A1A;
}

.user-profile-detail-sep {
  height: 1px;
  background-color: #e6eaf0;
  margin: 5px auto 9px;
}

.user-profile-detail-section-link ul {
  padding: 0;
  margin: 10px 0 10px 0;
}

.user-profile-detail-section-link ul li {
  list-style: none;
}

.user-profile-detail-section-link ul li a span {
  margin-right: 10px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.user-profile-detail-section-link ul li a {
  font-size: 13px;
  font-weight: 500;
  color: #071526;
  width: 100%;
  display: flex;
  padding: 0px 20px;
  transition: 0.3s all;
  align-items: center;
}

.user-profile-detail-section-link ul li a:hover {
  background-color: #D1433A1A;
  color: #D1433A;
}

.user-profile-detail-section-link ul li a:hover span svg path {
  stroke: #D1433A;
}

.night-mode-details {
  display: flex !important;
}

.night-mode-details .switch_sm_wrapper {
  margin-top: 2px;
}

.top-header-create-user:hover .user-profile-header-dropdown {
  opacity: 1;
  visibility: visible;
}

.user-profile-detail-section-link ul li a:hover .user-profile-detail-section-link-svg {
  stroke: #D1433A;
}

.user-profile-detail-section-link ul li a:hover .user-profile-detail-section-link_st-fill {
  stroke: #D1433A;
  fill: #D1433A;
}

.switch_sm_wrapper {
  margin-left: auto;
}

.switch_toggler {
  width: 14px;
  height: 14px;
  background-color: #47505b;
  border-radius: 50%;
  transition: 0.2s all ease;
}

.switch_sm_wrapper>input {
  display: none;
}

.switch_sm>label.switch_toggler {
  cursor: pointer;
}

.switch_sm_wrapper>input:checked+label .switch_toggler {
  background-color: #D1433A;
  transform: translateX(10px);
}

.search_fields .search-wrapper.with-icon .search-input::-moz-placeholder {
  /* Firefox 19+ */
  line-height: 35px;
  font-family: HelveticaNeueMedium;
}

.search_fields .dropdown-tabs-wrapper .dropdown-tabs {
  font-family: HelveticaNeueMedium;
}

/******dashboard-header-end******/

/******Left-bar******/

.Home-left-bar-btn {
  width: 100%;
  background-color: #D1433A;
  border: none;
  border-radius: 4px;
  height: 40px;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
}

.Home-left-bar-btn img {
  margin-right: 9px;
}

.collapse-left-bar .left-bar .menu-title .svg-icon {
  margin-right: 0;
}

.left-bar-menu-links {
  padding: 0;
  margin-bottom: 0;
}

.left-bar_list {
  padding-right: 20px;
  font-family: HelveticaNeueMedium !important;
}

.left-bar-menu-links a {
  height: 30px;
  font-size: 13px;
  background-color: #fff;
  padding: 0 21px;
  color: #47505b;
  line-height: 16px;
  display: flex;
  align-items: center;
  transition: 0.2s ease all;
  border-left: 4px solid transparent;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.main-link-tab {
  font-weight: 500;
  color: #071526;
  font-size: 13px;
}

.side-bar-text {
  line-height: 15px;
  font-style: normal;
  color: #b7babd !important;
  text-transform: uppercase;
  margin-left: 1.3rem;
}

.sub-main-link-tab {
  font-weight: 500;
  color: #47505b;
}

.active .main-link-tab {
  color: #D1433A;
}

.setting-left-icon {
  margin-right: 20px;
}

.left-bar-menu-links a:hover .main-link-tab {
  color: #D1433A;
}

.left-bar-menu-links a:hover .sub-main-link-tab {
  color: #D1433A;
}

.left-bar-menu-icon {
  stroke: #071526;
}

.left-bar-menu-links a:hover {
  background-color: #D1433A1A !important;
  border-left: 4px solid #D1433A;
}

.left-bar-menu-links a:hover {
  color: #D1433A !important;
}

.left-bar-menu-links a:hover .left-bar-menu-icon {
  stroke: #D1433A;
}

.left-bar-menu-links a:hover .left-bar-menu-icon.news_circle_path {
  fill: #D1433A;
}

.left-bar-menu-links .active a {
  background-color: #D1433A1A;
  border-left: 4px solid #D1433A;
}

.left-bar-menu-links .active a span {
  color: #D1433A !important;
}

.left-bar-menu-links .active .left-bar-menu-icon {
  stroke: #D1433A;
}

.left-bar-menu-links .active .left-bar-menu-icon.news_circle_path {
  fill: #D1433A;
}

.left-bar-menu-links li {
  margin-bottom: 10.2px;
  list-style: none;
}

.left-bar-menu-links a:hover .left-bar-submenu-icon {
  stroke: #D1433A;
}

.left-bar-menu-links a:hover .left-nav-icon-stroke path {
  stroke: #D1433A;
}

.left-bar-menu-links a:hover .left-nav-icon-stroke .left-nav-icon-fill {
  fill: #D1433A;
  stroke: none !important;
}

.left-bar-menu-links .active a .left-nav-icon-stroke path {
  stroke: #D1433A;
}

.left-bar-menu-links .active a .left-nav-icon-stroke .left-nav-icon-fill {
  fill: #D1433A;
  stroke: none !important;
}

.leftbar_custom .menu-title {
  font-size: 12px !important;
  font-weight: 500 !important;
  font-family: HelveticaNeueMedium, sans-serif;
  line-height: 14px !important;
  font-style: normal;
  padding-top: 1px;
  letter-spacing: 0.9px;
}

.leftbar_custom .action-block,
.left-bar .menu-title {
  width: 190px !important;
}

/******Left-bar-end******/

/******center-box******/
.feed_wrapper {
  display: flex;
  margin-bottom: 90px;
}

.center_leftbar_wraper {
  width: 170px;
  min-width: 170px;
}

/* .center_centerbar_wraper_home {
  flex: 1;
  min-width: 600px;
} */



.center_centerbar_wraper {
  flex: 1;
  margin-left: 30px;
}

/* .center_rightbar_wraper {
  width: 30% !important;
  min-width: 90%;
  margin-left: 23px;
} */

.container_xxl {
  max-width: 1810px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.Page_title {
  margin-top: 2.4rem;
  margin-bottom: 12px;
  letter-spacing: 0.03em;
  font-family: DrukWide, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  text-transform: uppercase;
  color: rgba(7, 21, 38, 1);
}

.left-profile-bar {
  background-color: #fff;
  border-radius: 4px;
  padding: 17px 20px 6px 20px;
  border: 1px solid #e6eaf0;
  position: relative;
}

.with_primet_btn_icon {
  padding: 17px 10px 6px 10px;
}

.with_primet_btn_icon .hrline_left-profile-bar {
  top: 110px;
}

.with_primet_btn_icon .artist-check_box {
  height: 40px;
}

/**Premium**/
.artist-time-list-check input {
  display: none;
}

.artist-check_box {
  width: 100%;
  height: 30px;
  padding: 5px;
  border: 1px solid #d9e1ff;
  border-radius: 4px;
  background-color: #e6eaf0;
  transition: 0.3s all ease;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
}

.artist-timeline-text {
  /* padding-left: 14px;*/

  font-size: 13px;
  font-weight: 500;
  color: #071526;
  transition: 0.3s all ease;
  text-align: center;
  width: 100%;
}

.artist-left-profile-bar {
  background-color: #fff;
  border-radius: 4px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #e6eaf0;
}

.artist-left-bar-svg {
  padding-left: 5px;
}

.artist-timeline-checkbox {
  position: absolute;
  top: 11px;
  right: 9px;
}

.artist-timeline-checkbox-lab {
  width: 15px;
  height: 15px;
  border: 1px solid #c4ccd6;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  line-height: 0.7;
}

.artist-timeline-checkbox-lab svg {
  position: relative;
  top: 4px;
  right: -3px;
}

.artist-timeline-checkbox>input:checked+label {
  background: #D1433A;
  border-color: #D1433A;
}

.artist-timeline-checkbox>input:checked+label>img {
  opacity: 1;
}

.artist-timeline-checkbox>input:checked+label {
  border: 1px solid #D1433A;
}

.artist-time-list-check>input:checked+label .artist-timeline-checkbox-lab img {
  opacity: 1;
}

.artist-time-list-check>input:checked+label .artist-timeline-checkbox-lab {
  background: #fff;
  border-color: #fff;
}

.artist-time-list-check>input:checked+label .artist-timeline-checkbox-lab .chekmark-check-artist {
  opacity: 9;
  stroke: #D1433A;
  fill: #D1433A;
}

.chekmark-check-artist {
  opacity: 0;
  transition: 0.3s all;
}

.artist-check_box:hover {
  /*background-color: rgb(65, 108, 255);*/
  /*border-color: rgb(65, 108, 255);*/
  background-color: #D1433A;;
  border-color: #D1433A;;
}

.artist-left-bar-icon {
  stroke: #47505b;
  transition: 0.3s all ease;
}

.artist-check_box:hover .artist-left-bar-icon {
  stroke: #fff;
}

.artist-check_box:hover .artist-timeline-text {
  color: #fff;
}

.artist-check_box:hover .chekmark-check-artist {
  stroke: #fff;
  fill: #fff;
  opacity: 9;
}

.artist-time-list-check>input:checked+.artist-check_box {
  background-color: #D1433A;
  border-color: #D1433A;
}

.artist-time-list-check>input:checked+.artist-check_box .artist-timeline-text {
  color: #fff;
}

.artist-time-list-check>input:checked+.artist-check_box .artist-left-bar-icon {
  stroke: #fff;
}

.artist-left-bar-svg svg {
  position: relative;
  top: 0px;
}

/**Premium-end**/
.list-detail {
  padding: 0 0;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  padding: 0 10px;
  margin-top: -10px;
}

.hrline_left-profile-bar {
  position: absolute;
  top: 88px;
  left: 0;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.list-detail li {
  display: flex;
  width: 100%;
  align-items: center;
  border-bottom: 1px solid #e6eaf0;
  position: relative;
}

.list-detail li a {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 14px 0;
  color: #000;
  transition: 0.3s all;
  cursor: pointer;
}

.list-detail li p {
  margin-bottom: 0;
  margin-left: 17px;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  transition: 0.3s all ease;
}

.checked-active {
  position: absolute;
  right: 0;
}

.list-detail li a:hover {
  color: #D1433A;
}

.list-detail li a:hover p {
  color: #D1433A !important;
}

.list-detail li a .active-strock {
  transition: 0.3s all ease;
}

.list-detail li a:hover .active-strock {
  stroke: #D1433A;
}

.active-li-list a {
  color: #D1433A !important;
}

.active-li-list .active-strock {
  stroke: #D1433A !important;
}

.list-detail li:last-child {
  border-bottom: none;
}

.post-field {
  background-color: #fff;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 10px 20px 10px 19px;
  border-radius: 5px;
  align-items: center;
  margin-bottom: 4px;
  border: 1px solid #e6eaf0;
}

.artist_premium_btn {
  border-radius: 0px 0px 4px 4px;
  margin-bottom: 20px;
}

.user-post-filed-image {
  margin-right: 10px;
}

.user-post-filed-image img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.post-something-field {
  position: relative;
  flex: 1;
}

.container-search {
  padding: 0px 6% !important;
}

.container-search input {
  background-color: #fff !important;
  width: 100% !important;
  border: 1px solid #e6eaf0 !important;
}

.comment-emojis {
  z-index: 10;
  position: absolute;
  margin-top: 0.2rem;
  width: 100%;
}

.emoji-picker {
  float: right;
  background-color: #fff !important;
  border: 1px solid #e6eaf0 !important;
  width: 360px !important;
}

#Categories {
  background-color: #fff !important;
  border-bottom: none !important;
  margin: 3% 0 1% 0 !important;
  padding: 0 4%;
}

.category.active {
  border-bottom: none !important;
}

.category.active svg path {
  fill: #D1433A !important;
}

.position-absolute .bg-light {
  inset: unset !important;
}

.container-emoji {
  height: 252px !important;
  padding: 0 4% !important;
}

.post-something-field>input {
  width: 100% !important;
  background-color: #f5f6f8;
  border: none !important;
  height: 40px !important;
  border-radius: 20px !important;
  padding-left: 20px !important;
  padding-right: 50px !important;
  color: #8b949f !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.post-something-field>input::placeholder {
  font-family: HelveticaNeueNormal !important;
  letter-spacing: 1px !important;
}

.post-something-field .post_emoji {
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
}

.send-btn {
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: #D1433A;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: all 0.3s;
  margin-left: 10px;
}

.send-btn svg {
  margin-left: -4px;
}

.send-btn:hover {
  transition: all 0.3s;
  background-color: #DA6961;
  cursor: pointer;
}

.user-post-detail {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  padding: 20px 20px 10px;
  position: relative;
}

.top-tab>a:hover {
  color: #47505b;
}

.friends_friend_icon svg {
  position: relative;
  right: -1px;
}

.top-items {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.user-detail-items {
  display: flex;
  align-items: center;
}

.user-image-cover img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}

.user-image-cover {
  margin-right: 10px;
}

.user-item-title {
  font-size: 15px;
  font-weight: 600;
  color: #071526;
}

.user-item-sub-title {
  color: #8b949f;
  font-size: 13px;
  font-weight: 500;
}

.user-drop-down-wrapper {
  position: absolute;
  top: 30px;
  right: 20px;
}

.item-user-description {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #071526;
  margin-bottom: 10px;
  margin-top: 15px;
}

.item-user-description_hr {
  margin: 5px 0 0 0;
}

.user-item-description-bottom {
  padding: 8px 20px 0;
  width: calc(100% + 40px);
  margin-left: -20px;
  display: flex;
  align-items: center;
  flex-direction: row;
  border-top: 1px solid #c4ccd6;
  margin-top: 15px;
}

.user-item-icon {
  display: flex;
  margin-right: 10px;
  flex-direction: row;
}

.liked-icon {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background-color: #D1433A;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  z-index: 1;
}

.favorites-icon {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background-color: #fb005d;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  margin-left: -4px;
}

.user-given-text {
  font-weight: 400;
  font-size: 15px;
  color: #47505b;
  height: 22px;
  display: flex;
  align-items: center;
}

.share-text-on-right {
  font-weight: 400;
  font-size: 15px;
  color: #47505b;
  height: 22px;
  display: flex;
  align-items: center;
}

.like-comment-section-detail {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: 1px solid #e6eaf0;
  padding-top: 9px;
  padding-bottom: 10px;
}

.like-user-action-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.like-action-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
  transition: all 0.3s;
  padding-left: 13px;
  padding-right: 10px;
  height: 30px;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  color: rgba(7, 21, 38, 0.7);
  cursor: pointer;
  border-radius: 4px;
}

.action-svg {
  margin-right: 9px;
  display: flex;
  align-items: center;
}

.like-action-item:hover {
  background-color: #f5f6f8;
}

.like-action-item:hover .svg-l-active {
  stroke: #D1433A;
}

.artist-timeline-activity {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.news-feed-pic-detials .feelings-text {
  left: calc(50% - 130px / 2 - 535px);
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  color: #D1433A;
}

.artist-timeline-action {
  width: 70px;
  height: 30px;
  border-radius: 4px;
  margin-right: 10px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
}

.artist-timeline-action.active svg {
  fill: #D1433A;
}

.artist-timeline-action.active svg path {
  stroke: #D1433A;
}

.artist-timeline-action svg {
  margin-right: 10px;
  position: relative;
}

.artist-timeline-action:hover {
  background-color: #D1433A1A;
}

.artist-timeline-action:hover .artist-timeline-action-svg {
  stroke: #D1433A;
}

.artist-timeline-action:hover .artist-timeline-action-share-svg {
  fill: #D1433A;
}

/* Like Button in Posts */

.post-section-like {
  width: 70px;
  height: 30px;
  border-radius: 4px;
  margin-right: 10px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.post-section-like.active {
  background: rgba(247, 35, 129, 0.1);
}

.post-section-like.active svg path {
  stroke: #f72381;
}

.post-section-like svg {
  margin-right: 10px;
  position: relative;
}

.post-section-like:hover {
  background: rgba(247, 35, 129, 0.1);
}

.post-section-like:hover .post-section-like-svg {
  stroke: #f72381;
}

/**/

/* comment Button in Posts */

.post-section-comment {
  width: 70px;
  height: 30px;
  border-radius: 4px;
  margin-right: 10px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.post-section-comment.active {
  background: #D1433A1A;
}

.post-section-comment.active svg path {
  stroke: #D1433A;
}

.post-section-comment svg {
  margin-right: 10px;
  position: relative;
}

.post-section-comment:hover {
  background: #D1433A1A;
}

.post-section-comment:hover .post-section-comment-svg {
  stroke: #D1433A;
}

/**/

/* retweet Button in Posts */

.post-section-retweet {
  width: 70px;
  height: 30px;
  border-radius: 4px;
  margin-right: 10px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.post-section-retweet svg {
  margin-right: 10px;
  position: relative;
}

.post-section-retweet:hover {
  background: rgba(46, 191, 136, 0.1);
}

.post-section-retweet:hover .post-section-retweet-svg {
  stroke: #2ebf88;
}

/**/

.tag-activity {
  width: 30px;
  height: 30px;
  background-color: #f5f6f8;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}

.tag-activity:hover {
  background-color: #D1433A1A;
}

.tag-activity:hover .artist-timeline-action-svg {
  stroke: #D1433A;
}

.all-comment-detail {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.all-comment-detail a {
  font-weight: 500;
  font-size: 15px;
  color: #8b949f;
}

.comment-post-html {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid #e6eaf0;
}

.comment-post-html .user-post-filed-image {
  margin-right: 10px;
}

.comment-post-html .post-something-field input {
  width: 100%;
  background-color: #f7f7f7;
  border: none;
  height: 40px;
  border-radius: 50px;
  padding-left: 20px;
  padding-right: 70px;
  color: #8b949f;
  font-size: 15px;
  font-weight: 500;
}

.image-icon {
  position: absolute;
  top: 10px;
  right: 50px;
}

.shared-add {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  color: #999;
  margin-left: 6px;
}

.shared-add a {
  color: #D1433A;
}

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

.U-img-cover {
  margin-top: 17px;
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 10px;
}

.two_img {
  flex-direction: row;
}

.two_img .col img {
  width: 100%;
}

.artist-timeline-description {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  color: #071526;
  font-family: HelveticaNeueNormal, sans-serif;
}

.artist-timeline-description a {
  color: #D1433A;
}

.poll-area {
  margin-bottom: 10px;
}

.pol-detail {
  margin-top: 10px;
  position: relative;
}

.pol-detail .custom-radio {
  background-color: #f7f7f7;
  border-radius: 2px;
  transition: 0.3s all;
  padding: 0 10px 0 10px;
  border: 1px solid #e6eaf0;
}

.settings-content .affil-pay .input-row .custom-control {
  padding-left: 0 !important;
}

.settings-content .affil-pay .input-row .custom-control.custom-radio {
  background-color: transparent !important;
}

.custom-radio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.custom-radio [type="radio"]:checked+label,
.custom-radio [type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #47505b;
  width: 100%;
  margin: 0;
  padding: 12px;
  font-weight: 600;
  font-size: 13px;
}

.custom-radio [type="radio"]:checked+label:before,
.custom-radio [type="radio"]:not(:checked)+label:before {
  content: "";
  position: absolute;
  right: 15px;
  top: 15px;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

.custom-radio [type="radio"]:checked+label:before,
.custom-radio [type="radio"]:checked+label:before {
  content: "";
  position: absolute;
  right: 15px;
  top: 15px;
  width: 18px;
  height: 18px;
  border: 1px solid #D1433A;
  border-radius: 100%;
  background: #fff;
}

.custom-radio [type="radio"]:checked+label:after,
.custom-radio [type="radio"]:not(:checked)+label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #D1433A;
  position: absolute;
  top: 19px;
  right: 19px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.custom-radio [type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.custom-radio [type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.expert-radio [type="radio"]:checked+label {
  border: 1px solid #D1433A;
}

.expert-radio [type="radio"]:checked+label::before,
.custom-radio [type="radio"]:not(:checked)+label::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 8px;
  width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

.expert-radio [type="radio"]:checked+label::after,
.custom-radio [type="radio"]:not(:checked)+label::after {
  content: "";
  width: 7px;
  height: 7px;
  background: #D1433A;
  position: absolute;
  top: 12px;
  left: 11px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.expert-radio [type="radio"]:checked+label::before,
.custom-radio [type="radio"]:checked+label::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 8px;
  width: 15px;
  height: 15px;
  border: 1px solid #D1433A;
  border-radius: 100%;
  background: #fff;
}

.pol-detail .custom-radio [type="radio"]:checked+label::before,
.custom-radio [type="radio"]:checked+label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 18px;
  height: 18px;
  border: 1px solid #D1433A;
  border-radius: 100%;
  background: #fff;
}

.pol-detail .custom-radio [type="radio"]:checked+label::before,
.pol-detail .custom-radio [type="radio"]:not(:checked)+label::before {
  left: 0;
  top: 15px;
  width: 18px;
  height: 18px;
}

.pol-detail .custom-radio [type="radio"]:checked+label::after,
.pol-detail .custom-radio [type="radio"]:not(:checked)+label::after {
  width: 10px;
  height: 10px;
  top: 19px;
  left: 4px;
}

.pol-detail .custom-radio [type="radio"]:checked+label,
.pol-detail .custom-radio [type="radio"]:not(:checked)+label {
  padding: 13px 0px 12px 38px !important;
}

.custom-radio:hover {
  background-color: #D1433A1A;
}

.poll-no {
  color: #47505b;
  width: 44px;
  height: 46px;
  font-size: 15px;
  font-weight: 500;
  background-color: #e6eaf0;
  text-align: center;
  line-height: 44px;
  border-radius: 2px;
  position: absolute;
  right: 0;
  top: 0;
}

.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.file-upload-section {
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  padding: 10px;
  border-radius: 2px;
  margin-bottom: 10px;
}

.file-placeholder img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.albumb-detail {
  margin-left: 20px;
}

.albumb-detail h1 {
  font-size: 15px;
  color: #47505b;
  font-weight: 500;
}

.albumb-detail p {
  margin-bottom: 0;
  font-size: 13px;
  color: #8b949f;
  margin-top: 5px;
}

.albumb-download {
  margin-left: auto;
}

.event-name-detail {
  background-color: #f7f7f7;
  padding: 20px;
  position: relative;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.user-event-name {
  font-size: 16px;
  color: #000;
  font-weight: 600;
}

.user-event-date-time span {
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
  margin-right: 15px;
}

.user-event-date-time {
  margin-top: 5px;
}

.total-user-joun {
  position: absolute;
  background-color: #ae4ea9;
  width: 50px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  top: 30px;
  right: 20px;
  border-radius: 4px;
}

.total-user-joun span {
  margin-left: 6px;
}

.intersted-btn {
  width: 170px;
  height: 30px;
  border: 1.5px solid #D1433A;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 15px;
}

.intersted-text {
  font-size: 13px;
  font-weight: 400;
  color: #D1433A;
  margin-left: 5px;
}

.music-industry-title {
  font-size: 20px;
  font-weight: 600;
  color: #47505b;
  margin-bottom: 8px;
}

.music-industry-title-tag a {
  font-size: 12px;
  font-weight: 500;
  color: #181818;
  background-color: #e6eaf0;
  border-radius: 4px;
  width: 70px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 29px;
  transition: 0.3s all;
}

.music-industry-title-tag a:hover {
  background-color: #D1433A1A;
}

.article-events-tag {
  margin-bottom: 20px;
}

.article-events-tag ul {
  padding: 0;
  display: inline-block;
  width: 100%;
}

.article-events-tag ul li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 20px;
}

.article-events-tag ul li a {
  background-color: #D1433A1A;
  color: #181818;
  font-size: 12px;
  padding: 8px 14px;
  border-radius: 4px;
  font-weight: 400;
}

.article-events-tag ul li a:hover {
  background-color: #DA6961;
  color: #fff;
}

.news-feed-artist-post {
  background-color: #f7f7f7;
  padding: 18px;
  display: flex;
  align-items: center;
}

.news-feed-artist-post-img>img {
  width: 100%;
  object-fit: cover;
}

.news-feed-artist-post-detail {
  padding-left: 30px;
}

.news-feed-artist-post-detail h1 {
  font-size: 16px;
  font-weight: 500;
  color: #071526;
}

.news-feed-artist-post-detail p {
  font-size: 13px;
  color: #47505b;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0;
}

.news-feed-artist-post-detail button {
  margin-top: 10px;
  width: 120px;
  height: 30px;
  background-color: #D1433A;
  border: none;
  border-radius: 2px;
  transition: 0.3s all;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.news-feed-artist-post-detail button:hover {
  background-color: #DA6961;
}

/**center-box-right-bar**/
.music_widget_box .card-item .cover-mood .dropdown-moods.show .moods {
  font-size: 11px;
  color: #071526;
  padding: 2px 11px;
  background-color: rgba(65, 108, 255, 0.2);
  border-radius: 2px;
}

.music_widget_box .cover-image-sm {
  width: auto !important;
  height: auto !important;
}

.music_widget_box .cover-image-sm .l-release {
  margin-bottom: 8px;
  font-family: HelveticaNeueMedium;
  font-weight: 600;
  font-size: 11px;
}

.music_widget_box .cover-image-sm img {
  width: 70px;
  height: 70px;
}

.widget-follow .widget-item {
  height: 70px;
  padding: 0 20px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.widget-follow .widget-item .action:hover {
  background-color: #D1433A;
  transition: all 0.3s;
}

.widget-follow.Follow_widget_right {
  padding: 20px 0px 10px;
}

.widget-follow.Follow_widget_right .widget-title {
  padding: 0 20px;
}

.Follow_widget_right .link-more.near_arrow.without-slider.in-title {
  right: 20px;
}

/**center-box-right-bar**/

/**********center-box-end*********/

/********************  Fan Timeline  Start *********************/
.cover-uploaded-image {
  width: 100%;
  display: inline-block;
  height: 100%;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  min-height: 270px;
}

.user_header_image {
  height: 270px;
}

.cover_image {
  width: 100%;
  display: inline-block;
  position: relative;
}

.profile_image .change_cover_btn {
  right: 21px;
  bottom: 146px;
}

.profile_image .save_changes_btn {
  right: 20px;
  bottom: 15px;
}

.profile_image .cancel_changes_btn {
  right: 170px;
  bottom: 15px;
}

.upload-btn p {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 300;
  color: #fff;
  margin-left: 5px;
}

.upload-btn {
  width: 140px;
  height: 30px;
  display: flex;
  border: 1px solid #ffffff;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: 0.3s all;
  z-index: +2;
}

.profile_image .change_cover_btn_blue {
  right: 20px;
  bottom: 115px;
}

.change_cover_btn_blue {
  position: absolute;
}

.profile_image .save_changes_btn_blue {
  right: 20px;
  bottom: 15px;
}

.profile_image .cancel_changes_btn_blue {
  right: 170px;
  bottom: 15px;
}

.upload-btn-blue p {
  margin-bottom: 0;
  font-size: 13px;
  color: #D1433A;
  margin-left: 5px;
}

.upload-btn-blue {
  width: 140px;
  height: 30px;
  display: flex;
  border: 1px solid #D1433A;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: 0.3s all;
  z-index: +2;
}

.upload-btn input {
  width: 100%;
  opacity: 0;
  position: absolute;
  cursor: pointer;
  height: 30px;
}

.change_cover_btn {
  position: absolute;
  right: 16px;
  bottom: 150px;
}

.change_cover_del_btn {
  position: relative;
  left: 5px;
  bottom: 190px;
  color: white;
}

.change_cover_del_btn .trash:hover {
  color: #d33;
}

.change_cover_del_btn .crop:hover {
  color: #3085d6;
}

.save_changes_btn {
  position: absolute;
  right: 16px;
  bottom: 150px;
}

.cancel_changes_btn {
  position: absolute;
  right: 170px;
  bottom: 150px;
}

.upload-btn:hover {
  background-color: #D1433A;
  border-color: #D1433A;
}

.user_complete_detail {
  background-color: #fff;
  text-align: center;
  position: relative;
  letter-spacing: 0.05em;
}

.user-profile-pic>img {
  width: 170px;
  height: 170px;
  object-fit: cover;
  border-radius: 50%;
}

.user-name-detail p {
  color: #8b949f;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0;
}

.user-name-detail {
  border-bottom: 1px solid #dde3e9;
  padding-bottom: 15px;
  padding-top: 15px;
}

.user-name-detail h1 {
  font-size: 24px;
  font-family: HelveticaNeueBold;
  color: #071526;
  margin-bottom: 0;
  line-height: 30px;
  padding-top: 2px;
}

.user-profile-pic {
  position: absolute;
  top: -24px;
  right: 0;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -100%);
}

.profile-image-section>img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #fff;
}

.profile-image-section {
  position: relative;
  display: flex;
  justify-content: center;
  width: 120px;
  margin: 0 auto;
}

.user-rating-image {
  position: absolute;
  bottom: 3px;
  left: 56%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, 0px);
}

.user-profile-model-image {
  position: absolute;
  bottom: 3px;
  right: 78%;
  width: 20px;
  height: 34px;
  transform: translate(-50%, 0px);
  cursor: pointer;
}

.pg-position {
  position: absolute;
  bottom: 0;
  right: 23px;
}

.user-profile-model-image .circle {
  background-color: #e6eaf0;
  height: 36px;
  width: 36px;
  border-radius: 50%;
}

.user-profile-model-image .circle:active {
  background-color: #c4ccd6;
}

.user-profile-model-image .circle img {
  margin: 8px;
}

/*.user-profile-model-image .circle:hover, .user-profile-model-image .circle:active {*/
/*    background-color: #95B3D7;*/
/*}*/

/*.sticky_navbar .edit-share-section{
    box-shadow: 0px 8px 10px rgba(7, 21, 38, 0.05);
}*/
.edit-share-section {
  background-color: #fff;
  padding: 0 19px 0 19px;
  display: flex;
  justify-content: space-between;
  border-radius: 0 0 4px 4px;
  letter-spacing: 0.05em;
  border: 1px solid #e6eaf0;
}

.top-tab>a {
  color: #c4ccd6;
  font-size: 13px;
  margin-right: 32px;
  padding: 20px 0 19px 0;
  transition: 0.3s color ease;
  font-family: HelveticaNeueBold, sans-serif;
  line-height: 16px;
  cursor: pointer;
}

.detail-tab-artist .top-tab>a {
  padding: 20px 0;
}

.event_tab {
  border-radius: 4px;
  padding: 0px 20px;
  height: 60px;
  justify-content: space-between;
  letter-spacing: 0.05em;
}

.event-main {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 20px;
}

.event_tab .top-tab>a {
  font-family: HelveticaNeueBold, sans-serif;
  padding: 19px 0;
  font-size: 13px;
  font-weight: normal;
  margin-right: 30px;
  color: #c4ccd6;
  text-transform: uppercase;
}

.news_feed_post_with_image .news-feed-pic-detials-pics {
  padding-left: 30px;
  margin-left: 165px;
  border-left: 1px solid #e6eaf0;
}

.news-feed-pic-detials-photo-video-poll {
  width: 100%;
  padding-left: 30px;
  border-left: 1px solid #e6eaf0;
}

.news-feed-pic-detials-photo-video-interset {
  padding-left: 30px;
  border-left: 1px solid #e6eaf0;
  width: 100%;
  height: auto;
}

.event_tab .top-tab>.active {
  color: #47505b;
}

.event_tab .top-tab>a span {
  background-color: #D1433A;
  color: #fff;
  width: 26px;
  height: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
  border-radius: 2px;
  margin-left: 8px;
}

.top-tab .active {
  color: #47505b;
  border-bottom: 3px solid #D1433A;
}

.top-tab .active-more-option-tab {
  color: #47505b;
  border-bottom: 3px solid #D1433A;
}

.edit-share-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.edit-btn button {
  width: 120px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #D1433A;
  font-size: 13px;
  color: #fff;
  border-radius: 2px;
  border: none;
  font-weight: normal;
  transition: 0.3s all;
  cursor: pointer;
  letter-spacing: 0.05em;
  font-family: HelveticaNeueBold;
}

.edit-btn {
  margin-right: 10px;
}

.edit-btn span {
  margin-left: 10px;
  line-height: 15px;
}

.edit-btn button:hover {
  background-color: #DA6961;
}

.share-btn button {
  border-radius: 2px;
  border: 1.5px solid #D1433A;
  width: 120px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #D1433A;
  transition: 0.3s all;
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  letter-spacing: 0.05em;
  font-family: HelveticaNeueBold;
}

.share-btn button span {
  margin-left: 10px;
  line-height: 15px;
}

.share-btn button:hover {
  background-color: #D1433A;
  color: #fff;
}

.share-btn button .share-svg {
  transition: 0.3s all ease;
}

.share-btn button:hover .share-svg {
  stroke: #fff;
}

.about_hr_line {
  border: 1px solid #e6eaf0;
  margin: 20px 20px 20px 20px;
}

.about_tags {
  margin-top: 15px;
  margin-bottom: 15px;
}

.about_tags ul li a {
  padding: 4px 10px;
  border: 1px solid #D1433A;
  border-radius: 4px;
  display: inline-block;
  color: #D1433A;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s all ease;
}

.about_tags ul li a:hover {
  background-color: #D1433A;
  color: #fff;
}

.about_tags ul {
  padding: 0 20px;
  display: inline-block;
  margin-bottom: 0;
}

.about_tags ul li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
}

.about_listing {
  margin-left: 7px;
}

.about_listing .about-more-details {
  margin-bottom: 34px;
  padding-left: 20px;
}

/********************  Fan Timeline end*********************/
.related-widget.trending.right_widget .widget-item .item-subtitle {
  font-weight: 500 !important;
}

.right_widget .btn-see-more {
  margin: 0px auto 30px !important;
}

.footer_custom_style .footer-player .artist-name {
  font-family: HelveticaNeueMedium !important;
}

.footer_custom_style .footer-player .artist-name a {
  color: #8b949f;
}

.footer_custom_style .footer-player .track-title a {
  color: #071526;
}

.footer.footer_custom_style {
  margin-bottom: 0 !important;
}

.footer_play_btn svg {
  overflow: unset !important;
}

.footer_custom_style .footer_play_btn {
  padding: unset !important;
}

.right_widget .widget-item .item-subtitle {
  font-family: HelveticaNeueMedium !important;
}

/****************Home-page-end************************/

/****************setting-page************************/

/**left setting bar**/
.submenu-set .card {
  border: 0;
  padding: 0;
}

.bg_gray {
  background: #f0f2f5;
}

.setting_leftbar_wraper {
  width: 270px;
  min-width: 270px;
}

.left-setting-bar,
.right-setting-bar {
  background: #fff;
  padding: 20px;
  height: 100%;
}

.left-setting-bar ul.setting-detail {
  padding: 0;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  list-style: none;
}

.left-setting-bar h3 {
  font-size: 24px;
  font-weight: normal;
  color: #000;
  margin-bottom: 15px;
  font-family: HelveticaNeueBold, sans-serif;
  line-height: 29px;
}

.setting-detail li {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
  padding: 0px 20px;
  flex-wrap: wrap;
  margin: 5px 0px;
}

.drop-subitem ul.subitem-list a {
  font-size: 13px;
  font-weight: normal;
  font-family: HelveticaNeueNormal, sans-serif;
  padding-bottom: 0;
  letter-spacing: 0.5px;
  margin-left: 17px;
  cursor: pointer;
  color: #47505b;
  height: 23px;
}

.setting-detail li.active-list {
  background: #D1433A1A;
  border-radius: 4px;
}

.setting-detail li:hover {
  background: rgba(209, 67, 58, 0.10) !important;
  border-radius: 4px;
}

/* .setting-detail li svg path {
  transition: 0.3s all ease;
}

.setting-detail li:hover svg path {
  stroke: #D1433A;
}

.setting-detail li.active-list svg path {
  stroke: #D1433A;
}

.setting-detail li:hover svg path.svg_fill_only {
  stroke: none;
  fill: #D1433A;
}

.setting-detail li.active-list svg path.svg_fill_only {
  stroke: none;
  fill: #D1433A;
} */
.s-c-line {
  stroke: #95b3d7;
  transition: all 0.3s;
}

.s-c-fill {
  fill: #95b3d7;
  transition: all 0.3s;
}

.setting-detail li:hover .s-c-line {
  stroke: #D1433A;
  transition: all 0.3s;
}

.setting-detail li:hover .s-c-fill {
  fill: #D1433A;
  transition: all 0.3s;
}

.setting-detail li.active-list .s-c-line {
  stroke: #D1433A;
}

.setting-detail li.active-list .s-c-fill {
  fill: #D1433A;
}

.setting-detail li:hover p {
  color: #D1433A;
}

.setting-detail li.active-list p {
  color: #D1433A;
}

.setting-detail li.active-list .font-semi.ml-3 {
  color: #D1433A;
}

ul.subitem-list {
  padding-left: 0px;
  margin-bottom: 10px;
}

.list-separator {
  border: 1px solid #e6eaf0;
  margin: 20px 0px 20px 0px;
}

li.active-list p {
  color: #D1433A !important;
}

.setting-detail>li>a {
  width: 100%;
  display: flex;
  align-items: center;
  height: 30px;
  color: #071526;
  transition: 0.3s all ease;
}

ul.subitem-list li:hover {
  background: transparent !important;
}

.left-setting-bar .active-li-list a {
  color: #D1433A !important;
}

.setting-detail li p {
  margin-bottom: 0;
  margin-left: 16px;
  font-size: 13px;
  font-weight: 500;
  color: #071526;
}

.setting-detail a.nav-link {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  transition: 0.3s all ease;
}

.setting-detail a.nav-link:hover .font-semi.ml-3 {
  color: #D1433A;
}

.setting-detail li {
  transition: 0.3s all ease;
}

.setting-detail li:hover {
  background: #eef1ff;
  border-radius: 4px;
}

.fx-width {
  max-width: 1190px;
  margin: 0px 0 0 310px;
}

.setting-header {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}

.setting-header.no-border {
  border-left: none;
  border-right: none;
}

.subitem-list {
  margin-bottom: 0px !important;
}

.btn-view {
  border: 1px solid #D1433A;
  border-radius: 4px;
  width: 140px;
  font-size: 13px;
  color: #D1433A;
  font-weight: normal;
  background-color: transparent;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: HelveticaNeueMedium !important;
  transition: 0.3s all ease;
  letter-spacing: 0.05em;
}

.btn-view:hover {
  background: #D1433A;
  color: #fff;
}

.btn-view path {
  transition: 0.3s all ease;
}

.btn-view:hover path {
  stroke: #fff;
}

.setting-header-inner p {
  font-size: 16px;
  font-weight: normal;
  font-family: HelveticaNeueBold;
  color: #47505b;
}

.setting-header-inner {
  padding: 10px 10px 10px 15px;
  background: #e6eaf0;
  height: 50px;
  letter-spacing: 0.05em;
}

.with-drop[aria-expanded="true"] .drop-icon {
  position: absolute;
  right: 10px;
  margin-left: 0;
  margin-right: 9px;
  transform: rotate(0deg) !important;
}

.setting-detail a[aria-expanded="true"] span.svg-icon.drop-icon {
  transform: rotate(90deg);
}

.setting-detail a[aria-expanded="true"] span.svg-icon.drop-icon path {
  fill: #D1433A;
}

.setting-detail a[aria-expanded="false"] span.svg-icon.drop-icon {
  transform: rotate(0deg);
}

.active-list .ca-line-1 {
  stroke: #D1433A;
}

.font-semi {
  font-weight: 500;
  font-size: 13px;
}

/**left setting bar**/
.setting-form .first-name,
.setting-form .last-name {
  font-weight: normal !important;
  color: #071526;
  font-family: Arial, HelveticaNeueMedium, sans-serif;
}

/**Basic Content CSS Start**/
.setting-content-inner {
  padding: 40px 50px 40px 50px;
  letter-spacing: 0.03em;
}

.setting-form .form-control:focus {
  box-shadow: none;
  border: 1px solid #ced4da;
  color: #495057;
}

.setting-form label {
  font-size: 13px;
  font-weight: normal;
  color: #47505b;
  letter-spacing: 0.03em;
  font-family: HelveticaNeueBold, sans-serif;
}

.setting-form label {
  font-family: HelveticaNeueMedium, sans-serif;
}

.setting-form .form-control {
  height: 30px;
  border: 1px solid #e6eaf0;
  line-height: 1;
  font-size: 13px;
  font-weight: 500;
}

.setting-form .form-control::placeholder {
  font-size: 13px;
  font-weight: 500;
  color: #8b949f;
}

.setting-form .form-control.code-input::placeholder {
  font-weight: 500;
  font-size: 18px;
  color: #8b949f;
}

.setting-form .form-control.light-grey-color {
  font-family: HelveticaNeueNormal, sans-serif;
  color: #8b949f;
  font-weight: normal;
  letter-spacing: 0.5px;
}

.setting-form .set-custom-select {
  position: relative;
}

.setting-form .set-custom-select .form-control {
  background-image: none;
}

.setting-form .set-custom-select .svg-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 12px;
  right: 9px;
  cursor: pointer;
  pointer-events: none;
}

.setting-header input.form-control::placeholder {
  font-family: HelveticaNeueNormal, sans-serif !important;
  font-weight: normal !important;
  letter-spacing: 0.5px;
}

.setting-header textarea.form-control::placeholder {
  font-family: HelveticaNeueNormal, sans-serif !important;
  font-weight: normal !important;
  letter-spacing: 0.5px;
}

/* .setting-form select.form-control {
    font-size: 13px;
    padding: 6px 9px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url(../img/arrow-grey.png);
    background-repeat: no-repeat;
    background-position-x: 93%;
    background-position-y: 11px;
    background-size: 10px;
    cursor: pointer;
    font-weight: 500;
} */
.setting-form span.sm_txt {
  color: #8b949f;
  font-size: 12px;
  font-weight: normal;
  margin-top: 8px;
  display: inline-block;
  font-family: HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
}

.mt-c {
  margin-top: 27px;
}

.setting-form .form-group {
  margin-bottom: 27px;
}

.setting-form .form-group.website_link {
  margin-bottom: 15px;
}

.setting-form textarea.form-control {
  min-height: 70px;
}

button.save-btn {
  width: 200px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: normal;
  height: 40px;
  background: #D1433A;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-family: HelveticaNeueBold, sans-serif;
  transition: 0.3s all ease;
  letter-spacing: 0.05em;
}

button.save-btn:hover {
  background: #DA6961;
  color: #fff;
  border-color: #DA6961;
}

.drop-subitem ul.subitem-list a:hover {
  color: #D1433A;
  font-weight: 500;
}

.ca-line-1 {
  stroke: #95b3d7;
}

/**Basic Content CSS Ends**/

/**Account settings Page**/
.input-accont-setting {
  width: 100%;
  border: 1px solid #e6eaf0;
  font-size: 13px;
  padding-left: 8px;
  border-radius: 0 4px 4px 0;
  font-weight: normal;
  font-family: HelveticaNeueMedium, sans-serif;
  color: #8b949f;
}

.input-accont-setting::placeholder {
  font-weight: normal;
  font-family: HelveticaNeueMedium, sans-serif;
  color: #8b949f;
}

h3.form-heading {
  font-size: 13px;
  color: #47505b;
  font-weight: normal;
  font-family: HelveticaNeueMedium, sans-serif;
}

.acc-sep {
  border-top: 1px solid #e6eaf0;
  margin: 17px 0px 17px;
}

.acc-setting-form .form-control {
  border-radius: 0px 4px 4px 0px;
}

span.email-ico {
  background: #e6eaf0;
  padding: 5px 10px;
  height: 30px;
  border-radius: 4px 0px 0px 4px;
  line-height: 17px;
  color: #47505b;
  font-size: 13px;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.acc-setting-form input.form-control {
  line-height: 30px;
}

/**Account settings Page Ends**/

/** Manage Sessions Page CSS **/
span.green-txt:after {
  position: absolute;
  content: "";
  right: -17px;
  top: -16px;
  width: 4px;
  height: 50px;
  background: #15ca86;
}

span.green-txt {
  margin-left: auto;
  display: inline-block;
  color: #15ca86;
  position: relative;
  font-weight: 600;
  float: right;
}

.session-table .table td,
.session-table .table th {
  border: 0;
  border-right: 1px solid #e6eaf0;
  padding: 15px;
}

.session-table thead th {
  border-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  font-family: HelveticaNeueMedium, sans-serif;
  color: #47505b;
}

.session-table td,
th {
  border: 0;
  padding: 17px;
  border-right: 1px solid #e6eaf0;
}

.session-table table thead tr:first-child {
  border-bottom: 1px solid #e6eaf0;
}

.br-0 {
  border-right: 0 !important;
}

.session-table {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}

.session-table table {
  margin-bottom: 0 !important;
}

.session-table td {
  color: #47505b;
  font-size: 13px;
  font-weight: normal;
  font-family: HelveticaNeueNormal, sans-serif;
}

.save_col {
  text-align: right;
  margin-top: 30px;
}

.two-fac-grey-box {
  background: #edf5fc;
  padding: 15px 30px;
  border-radius: 4px;
  margin-bottom: 40px;
  height: 70px;
}

input.dark_bg {
  background: #e6eaf0;
  width: 330px;
  letter-spacing: 2px;
  font-size: 13px;
  font-weight: 600;
  color: #47505b;
  font-family: HelveticaNeueMedium, sans-serif;
}

p.label-fac {
  font-size: 13px;
  font-weight: 700;
  color: #47505b;
  margin-bottom: 17px;
}

.session-table tr:hover {
  background: #D1433A1A;
}

.setting-header-inner .svg-icon {
  margin-right: 3px;
}

.text-fac p {
  font-size: 13px;
  color: #47505b;
}

.cu-checkbox label {
  width: 100%;
  padding: 6px 0 6px 25px;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  color: #47505b;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}

.cu-checkbox {
  position: relative;
}

.cu-checkbox-label input {
  position: absolute;
}

.cu-checkbox-label [type="radio"]:not(:checked)+label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

/** Manage Sessions Page CSS Ends**/

/********** Edit profile Page CSS start *********/
.btn-view span {
  top: 0px;
}

.input-field-about {
  width: 100%;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 30px;
  padding: 0 10px;
  font-size: 13px;
  color: #47505b;
  font-weight: 500;
}

.expert-label ul {
  padding-left: 0;
  display: inline-block;
  width: 100%;
  margin-bottom: auto;
}

.expert-label ul li {
  list-style: none;
  width: 220px;
  display: inline-block;
  margin-right: 30px;
  position: relative;
}

.expert-label ul li:last-child {
  margin-right: 0;
}

.expert-radio {
  padding: 0;
}

.expert-radio label {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  position: relative;
  padding: 0;
  transition: none;
}

.expert-radio [type="radio"]:checked+label {
  border: 1px solid #D1433A;
}

.expert-radio [type="radio"]:checked+label,
.custom-radio [type="radio"]:not(:checked)+label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #47505b;
  width: 100%;
  margin: 0;
  padding: 6px 0 6px 28px;
  font-size: 13px;
  font-weight: 500;
}

.expert-radio [type="radio"]:checked+label::before,
.custom-radio [type="radio"]:not(:checked)+label::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 11px;
  width: 10px;
  height: 10px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

.expert-radio [type="radio"]:checked+label::after,
.custom-radio [type="radio"]:not(:checked)+label::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #D1433A;
  position: absolute;
  left: 12px;
  top: 13px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.expert-radio [type="radio"]:checked+label::before,
.custom-radio [type="radio"]:checked+label::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 11px;
  width: 10px;
  height: 10px;
  border: 1px solid #D1433A;
  border-radius: 100%;
  background: #fff;
}

.settings-content .custom-radio [type="radio"]+label {
  padding: 0px 0 0px 21px;
}

.settings-content .custom-radio [type="radio"]+label::before {
  left: 0;
  top: 4px !important;
}

.settings-content .custom-radio [type="radio"]+label::after {
  left: 3px !important;
  top: 7px !important;
}

.settings-content .affil-pay .upgrade-btn {
  margin-bottom: 37px !important;
  margin-top: 7px !important;
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
}

.textarea-field {
  width: 100%;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  resize: none;
  min-height: 80px;
  padding: 5px;
  padding-left: 5px;
  font-size: 12px;
  padding-left: 10px;
  color: #8b949f;
  font-weight: 500;
}

.skills-tags {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding: 4px;
}

.skills-tags ul {
  padding-left: 0;
  margin: 0;
  display: flex;
}

.skills-tags>ul>li {
  display: flex;
  background-color: #D1433A1A;
  color: #47505b;
  font-size: 13px;
  margin-left: 10px;
  height: 20px;
  border-radius: 2px;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  border: 1px solid #D1433A;
  position: relative;
  padding-left: 20px;
  padding-right: 8px;
}

.list-text {
  color: #8b949f;
}

.skills-tags>ul>li>a {
  margin-left: 14px;
}

.placeholder-li {
  background-color: transparent !important;
  color: #c4ccd6 !important;
  padding: 0 !important;
}

.work-add-more button {
  border: 1.5px solid #D1433A;
  border-radius: 2px;
  width: 200px;
  height: 30px;
  background-color: #fff;
  transition: 0.3s all;
  cursor: pointer;
  color: #D1433A;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.work-heading-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.work-experience {
  font-size: 16px;
  font-weight: normal;
  color: #47505b;
  font-family: HelveticaNeueBold, sans-serif;
}

.work-add-more button:hover {
  background-color: #D1433A;
  color: #fff;
}

.work-add-more button .add-btn-active {
  transition: 0.3s all ease;
}

.work-add-more button:hover .add-btn-active {
  stroke: #fff;
}

.work-add-more svg {
  margin-right: 6px;
}

.add-work-experience {
  padding-left: 0;
  display: inline-block;
  margin-top: 25px;
  width: 100%;
}

.add-work-experience li {
  list-style: none;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding: 16px 20px 16px 20px;
  margin-bottom: 15px;
}

.experiance-detail-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.experiance-detail-section-heading h1 {
  color: #47505b;
  font-size: 14px;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
  line-height: 17px;
  margin-bottom: 5px;
}

.experiance-detail-section p {
  font-size: 12px;
  margin-bottom: 16;
  color: #47505b;
  line-height: 14px;
  font-weight: normal;
  font-family: HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
}

.edit-delete button {
  border: none;
  background-color: #e6eaf0;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.edit-delete button:hover {
  transition: all 0.3s;
  background-color: #d1d9e3;
}

.exp-des {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  font-family: HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
}

.empty-exp {
  background-color: #D1433A1A;
  border: none !important;
}

.empty-experience {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.empty-experience h1 {
  font-size: 14px;
  font-weight: normal;
  color: #47505b;
  margin-bottom: 5px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.empty-experience p {
  margin-top: 0;
  font-size: 12px;
  color: #47505b;
  font-weight: normal;
  margin-bottom: 18px;
  font-family: HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
}

.ad-work-exp-btn button {
  background-color: #D1433A;
  border-radius: 2px;
  border: none;
  color: #fff;
  font-size: 13px;
  width: 210px;
  height: 30px;
  cursor: pointer;
  transition: 0.3s all ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
  letter-spacing: 0.3px;
  line-height: 30px;
}

.ad-work-exp-btn button svg {
  margin-right: 7px;
}

.ad-work-exp-btn button:hover {
  background-color: #DA6961;
}

.work-exp-popup {
  max-width: 370px;
  background-color: #fff;
  border-radius: 2px;
  position: relative;
}

.work-experience-heading h1 {
  font-size: 18px;
  font-weight: normal;
  color: #071526;
  margin-bottom: 0;
  font-family: HelveticaNeueBold, sans-serif;
}

.close-popup .close-button {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background-color: #e4e6eb;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.3s;
}

.create-video-close-icon a {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  transition: 0.3s all;
}

.styled-checkbox:focus+label:before {
  outline: none !important;
  box-shadow: none !important;
}

.create-video-close-icon a:hover {
  background-color: #e4e6eb;
}

.close-popup-btn {
  background-color: #fff;
  position: absolute;
  right: 18px;
  top: 16px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
  cursor: pointer;
  border-radius: 2px;
}

.close-popup-btn:hover {
  background-color: #d1d9e3 !important;
}

.close-popup .close-button .svg-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.close-popup .close-button:hover {
  background-color: #d1d9e3;
  transition: all 0.3s;
}

.work-experience-heading {
  padding-bottom: 16px;
  border-bottom: 1px solid #e6eaf0;
  padding-top: 23px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}

.work-experience-heading .close-popup-btn {
  right: -8px;
  top: 26px;
  background-color: #e6eaf0;
  top: 20px;
  right: 0;
}

.work-exp-popup .popup-content {
  padding: 18px 20px 30px 20px;
}

.w-poup-fields label {
  width: 100%;
  font-size: 13px;
  color: #47505b;
  display: inline-block;
  margin-bottom: 6px;
  line-height: 19px;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
}

.w-poup-fields input {
  width: 100%;
  border-radius: 4px;
  font-size: 12px;
  color: #8b949f;
  border: 1px solid #e6eaf0;
  height: 30px;
  padding-left: 10px;
  font-family: HelveticaNeueNormal, sans-serif !important;
  font-weight: normal !important;
  letter-spacing: 0.5px;
}

.w-poup-fields:placeholder-shown {
  border: 5px solid red;
}

::-moz-placeholder {
  opacity: 1;
}

.w-poup-fields {
  margin-bottom: 18px;
}

.month_year .w-poup-fields {
  margin-bottom: 10px;
}

.fromto-select {
  width: 70px;
  position: relative;
  font-family: HelveticaNeueNormal, sans-serif !important;
  font-weight: normal !important;
  letter-spacing: 0.5px;
  cursor: pointer;
}

.fromto-select select {
  background-color: #fff;
  color: #8b949f;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  font-size: 12px;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 30px;
  padding-left: 10px;
  font-family: HelveticaNeueNormal, sans-serif !important;
  font-weight: normal !important;
  letter-spacing: 0.5px;
}

.fromto-select select:focus {
  outline: none;
}

.fromto-select::before {
  content: "";
  /* background-image: url(./../../src/assets/img/d-Vector.png); */
  position: absolute;
  width: 8px;
  height: 8px;
  top: 10px;
  right: 10px;
  z-index: 99999;
  background-repeat: no-repeat;
  border-left: 1px solid #D1433A;
  border-bottom: 1px solid #D1433A;
  rotate: -45deg;
}

/**************************checkbox    **********************/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}

.styled-checkbox+label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin-bottom: 0;
  color: rgba(7, 21, 38, 0.6);
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.styled-checkbox+label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #e6eaf0;
}

.styled-checkbox:focus+label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.styled-checkbox:checked+label:before {
  background: #fff;
}

.styled-checkbox:disabled+label {
  color: #b8b8b8;
  cursor: auto;
}

.styled-checkbox:disabled+label:before {
  box-shadow: none;
  background: #ddd;
}

.styled-checkbox:checked+label::after {
  content: "";
  position: absolute;
  left: 1px;
  top: 0px;
  width: 20px;
  height: 20px;
  /* background-image: url(../img/checkbox-check.png); */
}

.centered {
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 2px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 18px;
}

.title {
  color: #4571ec;
}

.unstyled li {
  list-style: none;
}

.education-select {
  width: 100%;
}

.fromto-select {
  position: relative;
}

.fromto-select select {
  cursor: pointer;
}

.fromto-select select option {
  cursor: pointer;
}

.fromto-select .svg-icon {
  position: absolute;
  right: 8px;
  top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rate-hour input {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 30px;
  width: 100%;
  font-size: 13px;
  color: #47505b;
  font-weight: 500;
  padding-left: 10px;
}

.rate-hour {
  position: relative;
}

.rate-hour span {
  background-color: #e6eaf0;
  height: 30px;
  width: 50px;
  position: absolute;
  right: 0;
  text-align: center;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 13px;
  line-height: 30px;
}

.youget input {
  background-color: #f9fafb;
}

.social {
  font-size: 13px;
  font-weight: 500;
  color: #47505b;
}

.social-icon-group {
  width: 40px;
  height: 28px;
  background-color: #f7f8fa;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  border-radius: 4px 0 0 4px;
  top: 1px;
  left: 1px;
}

.s-link-input {
  width: 330px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 30px;
  padding-left: 45px;
  font-size: 13px;
  color: #47505b;
  font-weight: 500;
}

.social-input-group {
  position: relative;
}

.social-icon-group .svg-icon {
  position: relative;
  top: -1px;
}

.active-list .acive-list-icon {
  stroke: #D1433A;
}

.no-billing-method {
  background-color: #95b3d7;
  border-radius: 4px;
  padding: 15px 20px;
  display: flex;
}

.billing-method-details h1 {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
}

.no-billing-method p {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  margin-top: 7px;
  color: #fff;
}

.billing-method-details {
  margin-left: 25px;
}

.billing-svg-icon {
  margin-top: 10px;
}

.add-billing-method {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.add-billing-method button {
  width: 270px;
  height: 40px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: HelveticaNeueMedium, sans-serif;
  border-radius: 4px;
}

.credit-card {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}

.credit-card a {
  background-color: #f3f3f3;
  width: 100%;
  display: flex;
  border-radius: 2px;
  padding: 7px 10px 7px 20px;
  align-items: center;
  transition: 0.3s all;
  height: 40px;
}

.credit-card a span {
  margin-left: 15px;
  color: #000;
}

.credit-card a:hover {
  background-color: #D1433A1A;
}

.work-experience-heading .back-arrow-link {
  background: #e4e6eb;
  margin-right: 20px;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  cursor: pointer;
  position: absolute;
  top: 26px;
}

.work-experience-heading .back-arrow-link:hover {
  background-color: #c4ccd6;
  transition: all 0.3s;
}

.add-card {
  padding-left: 50px;
}

.add-card-method-field input {
  height: 40px;
  color: rgba(7, 21, 38, 0.6);
  font-size: 13px;
  font-weight: 500;
}

.card-detail-fields {
  border-top: 1px solid #e6eaf0;
  padding-top: 20px;
}

.Card-number input {
  height: 40px;
  color: rgba(7, 21, 38, 0.6);
  font-size: 13px;
  padding-left: 50px;
  font-weight: 500;
}

.Card-number {
  position: relative;
}

.Card-number span {
  position: absolute;
  top: 8px;
  left: 16px;
}

.month-year {
  position: relative;
}

.month-year span {
  position: absolute;
  top: 8px;
  left: 16px;
}

.month-year input {
  height: 40px;
  color: rgba(7, 21, 38, 0.6);
  font-size: 13px;
  padding-left: 50px;
  font-weight: 500;
}

.redirect-msg {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}

.languages-list ul {
  padding: 26px 20px 0px;
  margin: 0;
}

.language-content h1 {
  font-size: 13px;
  color: #47505b;
  font-weight: normal;
  font-family: HelveticaNeueMedium, sans-serif;
}

.language-content p {
  font-size: 13px;
  font-weight: normal;
  color: #47505b;
  margin-top: 4px;
  margin-bottom: 0;
  font-family: HelveticaNeueNormal, sans-serif;
}

.language-select {
  width: 130px;
  font-family: HelveticaNeueMedium;
  font-weight: normal;
  font-size: 12px;
}

.language-select::before {
  content: "";
  background-image: url(../../src/assets/icons/icons/select-down-arrow.svg);
  position: absolute;
  width: 10px;
  height: 10px;
  top: 13px;
  right: 10px;
  z-index: 99999;
  background-repeat: no-repeat;
}

.languages-list li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e6eaf0;
  padding-bottom: 22px;
  margin-bottom: 22px;
  align-items: center;
}

.languages-list li:last-child {
  margin-bottom: 30px;
}

.bank-account-tab {
  border-bottom: 2px solid #e6eaf0;
  padding-left: 50px;
}

.bank-account-tab li a {
  color: #8b949f;
  font-size: 13px;
  text-transform: uppercase;
  padding: 25px 0px 25px 0px;
  margin-right: 50px;
  transition: 0.3s color ease;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
  position: relative;
  top: 1px;
}

.bank-account-tab li a:hover {
  color: #000;
}

.bank-account-tab li a:focus {
  color: #8b949f;
}

.bank-account-tab .active {
  color: #47505b;
  border-bottom: 4px solid #D1433A;
}

.bank-account-tab .active:hover,
.bank-account-tab .active:focus{
  color: #47505b;
}

.bank-detail-text {
  font-size: 13px;
  font-weight: normal;
  color: #47505b;
  margin-bottom: 27px;
  opacity: 0.7;
  letter-spacing: 0.5px;
  font-family: HelveticaNeueNormal, sans-serif;
  line-height: 16px;
}

.bank-acc-inner {
  padding: 28px 50px 30px;
}

.bang-acc-iiner .custom-col-4 {
  max-width: 201px;
  width: 100%;
}

.attention-area {
  background-color: #edf5fc;
  border-radius: 4px;
  padding: 23px 21px 32px 19px;
}

.attention-icon {
  margin-left: 4px;
}

.attention-area h1 {
  font-size: 13px;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 0;
  line-height: 20px;
  font-family: HelveticaNeueBold, sans-serif;
  color: #47505b;
}

.attention-area p {
  margin-bottom: 0;
  font-size: 13px;
  margin-top: 7px;
  font-weight: normal;
  letter-spacing: 0.5px;
  font-family: HelveticaNeueNormal, sans-serif;
}

.bank-account-field {
  width: 100%;
  margin-bottom: 17px;
}

.bank-account-field label {
  font-weight: normal;
  width: 100%;
  font-size: 13px;
  margin-bottom: 7px;
  font-family: HelveticaNeueMedium, sans-serif;
  line-height: 16px;
}

.bank-account-field input {
  width: 100%;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 30px;
  font-size: 13px;
  color: #47505b;
  font-weight: 500;
  padding-left: 10px;
}

.bank-account-field input::placeholder {
  font-weight: normal;
  font-family: HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
}

.two-account-field {
  display: flex;
  justify-content: space-between;
}

.iban {
  width: 199px;
  margin-left: 20px;
}

.ac-no {
  width: 270px;
}

.withrawl-bank {
  font-weight: 500;
  font-size: 13px;
}

.withdrawal-history .session-table tbody {
  border: none !important;
}

.withdrawal-history .session-table table thead tr th:nth-child(1) {
  width: 230px;
  border-left: none !important;
}

.withdrawal-history .session-table table thead tr th:nth-child(2) {
  width: 370px;
  padding-left: 19px !important;
}

.withdrawal-history .session-table table thead tr th:nth-child(3) {
  padding-left: 19px !important;
}

.withdrawal-history .session-table table thead tr th {
  font-family: HelveticaNeueMedium;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  border-left: 1px solid #e6eaf0 !important;
  padding: 18px 30px !important;
}

.withdrawal-history .session-table table tbody tr td:nth-child(1) {
  font-family: "HelveticaNeueNormal";
  letter-spacing: 0.5px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  padding: 18px 0 35px 30px;
}

.withdrawal-history .session-table table tbody tr td:nth-child(2) {
  padding: 18px 0 0 19px;
  position: relative;
}

.withdrawal-history .session-table table tbody tr td:nth-child(2) .withrawl-bank {
  font-family: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  color: #47505b;
  margin-bottom: 6px;
}

.withdrawal-history .session-table table tbody tr td:nth-child(2) .comp {
  font-family: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.5px;
}

.withdrawal-history .session-table table tbody tr td:nth-child(2) .comp span {
  margin-right: 7px;
}

.withdrawal-history .session-table table tbody tr td:nth-child(2) .comp .info-icon {
  cursor: pointer;
  margin-left: 3px;
}

.withdrawal-history .session-table table tbody tr td:nth-child(3) {
  padding: 17px 0 0 19px;
}

.withdrawal-history .session-table .info-popup-wrap {
  position: absolute;
  top: -15px;
  left: 16px;
  width: 110%;
  height: 110%;
}

.withdrawal-history .session-table .info-popup-wrap .info-popup {
  background-color: #fff;
  box-shadow: 0px 10px 20px rgba(74, 75, 77, 0.08);
  border-radius: 2px;
  padding: 6px 10px 12px;
  position: relative;
  width: 373px;
}

.withdrawal-history .session-table .info-popup-wrap .info-popup:before {
  content: "";
  position: absolute;
  width: 0;
  bottom: -12px;
  left: 70px;
  height: 0;
  border-style: solid;
  border-width: 12px 16px 0 16px;
  border-color: #ffffff transparent transparent transparent;
}

.withdrawal-history .session-table .info-popup-wrap .info-popup .info-popup-title {
  font-family: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  color: #ee3f3f;
  letter-spacing: 0.5px !important;
  margin-bottom: 6px;
}

.withdrawal-history .session-table .info-popup-wrap .info-popup .info-popup-text {
  letter-spacing: 0.5px;
  font-family: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #47505b;
}

.withdrawal-history .session-table .info-popup-wrap .info-popup .info-popup-text a {
  color: #D1433A;
  text-decoration: underline;
}

.comp {
  font-size: 11px;
  color: #15ca86;
  font-weight: 600;
  display: flex;
  margin-top: 2px;
  align-items: center;
}

.withdrawal-history {
  padding: 30px 50px 30px 50px;
}

.withdrawal-history tr {
  border-bottom: 1px solid #e6eaf0;
}

.withdrawal-history tr:last-child {
  border-bottom: none;
}

.pending {
  color: #8b949f;
}

.comp span {
  margin-right: 5px;
}

.t-amount {
  font-size: 13px;
  font-weight: 600 !important;
}

.cancel {
  color: #ee3f3f;
  display: flex;
}

.info-icon {
  margin-left: 5px;
}

.color-document {
  display: none !important;
}

.description-label {
  font-weight: 500 !important;
}

.factor-heading {
  font-size: 13px;
  font-weight: 700;
  color: #8b949f;
  font-family: HelveticaNeueMedium, sans-serif;
}

.setting-form .form-control.code-input {
  font-size: 18px;
  font-weight: 500;
  color: #071526;
  font-family: HelveticaNeueMedium !important;
}

.code-input {
  letter-spacing: 3px;
}

.language-select select {
  color: #47505b;
}

/********** Edit profile Page CSS End**/
.accordion .title {
  text-align: left !important;
}

/****************setting-page-end************************/

/******Home-page-end****/

/*****admin-panel-end****/
.header-right-menu-new {
  position: relative;
}

.activity_header {
  position: fixed;
  top: 70px;
  right: 0px;
  background-color: #f0f2f5;
  padding: 43px 20px;
  width: 300px;
  z-index: 3;
}

#activity .activity {
  margin-left: 0;
}

.activity_header .right-bar .actions .alert-sound {
  margin-left: 0;
  letter-spacing: 0.05em;
}

.activity_header .right-bar.open {
  width: 100%;
  margin-left: auto;
  right: 0;
  padding: 0;
}

.activity_header .left-side {
  width: auto;
}

.activity_header .right-bar .actions {
  width: 100%;
  position: static;
  padding-right: 0px;
  top: 0px;
  margin-bottom: 14px;
}

.activity_header .right-bar .tab-content {
  margin-top: 0;
}

.close-popup .close-button {
  top: 20px !important;
  right: 20px !important;
  background-color: #e4e6eb !important;
  transition: 0.3s all ease;
}

.close-popup .close-button:hover {
  background-color: #c4ccd6 !important;
}

.popup_button {
  margin-top: 12px;
  padding: 0 16px;
}

/*.skip_btn.work-cancel button {*/
/*    width: 100px;*/
/*    margin-right: 10px;*/
/*}*/
.ad-work-exp button {
  width: 215px !important;
}

.work-cancel button {
  width: 100px;
  border: 1px solid #8b949f;
  color: #8b949f;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
}

.next_step_btn button {
  width: 100%;
  border: none;
  background-color: #D1433A;
  display: inline-block;
  height: 40px;
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  transition: 0.3s all ease;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
  letter-spacing: 0.3px;
}

.popup-content .textarea-field::placeholder {
  font-family: HelveticaNeueNormal, sans-serif !important;
  font-weight: normal !important;
  letter-spacing: 0.5px;
  font-size: 12px;
}

.popup-content .textarea-field {
  font-family: HelveticaNeueMedium, sans-serif !important;
  font-weight: normal !important;
}

.next_step_btn button:hover {
  background: #DA6961;
  color: #fff;
  border-color: #DA6961;
}

.image_modal_main_div {
  padding: 0 10px 0 10px;
}

.image_modal {
  padding: 0 5px 0px 5px;
}

.image_modal button {
  width: 100%;
  display: inline-block;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #47505b;
  cursor: pointer;
  border: 1px solid #D1433A;
  background-color: #fff;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  transition: 0.3s all ease;
  font-family: HelveticaNeueMedium, sans-serif;
}

.image_modal button:hover {
  background: #DA6961;
  color: #fff;
  border-color: #DA6961;
}

.image_modal_delete button {
  height: 30px;
  text-align: center;
  line-height: 40px;
  color: #47505b;
  cursor: pointer;
  background-color: #e6eaf0;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  transition: 0.3s all ease;
  font-family: HelveticaNeueMedium, sans-serif;
  border: none;
  border-radius: 2px;
}

.image_modal_delete button:hover {
  background-color: #c4ccd6;
}

.image_modal:nth-child(1) button:hover svg path,
.image_modal:nth-child(1) button.active svg path {
  stroke: #fff;
}

.image_modal:nth-child(2) button:hover svg path {
  fill: #fff !important;
  stroke: #fff;
}

.image_modal button.active {
  background: #DA6961;
  color: #fff;
  border-color: #DA6961;
}

.image_modal_profile:nth-child(1) button {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.image_modal_profile:nth-child(2) button {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.image_modal_other button{
  border-radius: 4px;
}

.settings-content .privacy .custom-dropdown .custom-dropdown-menu .custom-dropdown-item {
  font-family: HelveticaNeueMedium;
}

.send-request {
  margin-top: 20px;
  margin-left: auto;
  background-color: #D1433A;
  display: flex;
  width: 200px;
  height: 40px;
  border-radius: 4px;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: HelveticaNeueBold, sans-serif;
  cursor: pointer;
  transition: 0.3s all ease;
}

.send-request>svg {
  margin-right: 8px;
}

.send-request:hover {
  background: #DA6961;
  color: #fff;
  border-color: #DA6961;
}

.settings-content .set-block .set-block-content {
  padding: 40px 50px 20px;
  margin-top: 0px;
  letter-spacing: 0.03em;
  min-height: 260px;
}

.set-block-content.d-flex.flex-column.privacy {
  padding: 10px 0 40px;
}

#linked.settings-content .set-block .set-block-content {
  padding: 20px 0px 20px;
  margin-top: 0px;
}

.settings-content .set-block .set-block-content.linked-block .linked-item:last-child {
  border-bottom: none;
}

.settings-content .set-block .set-block-content.linked-block .linked-item:hover {
  background-color: #fff;
}

.settings-content .set-block .set-block-content.linked-block .linked-item .action-button {
  font-weight: 600;
}

.settings-content .blocking .table-row .list-header,
.settings-content .blocking .table-row .list-row {
  justify-content: space-around;
}

.list-header>div:first-child,
.settings-content .blocking .table-row .list-row>div:first-child {
  width: 20%;
}

.list-header>div:last-child,
.settings-content .blocking .table-row .list-row>div:last-child {
  width: 60%;
}

.mb_27px {
  margin-bottom: 27px;
}

.mb_17px {
  margin-bottom: 17px;
}

.ml_15px {
  /* margin-left: 15px; */
  margin-left: 12px;
}

.affilates_table_block {
  width: 100%;
}

.settings-content .affilates_table_block .table-row .affi_hmain .user_list {
  width: 35%;
}

.settings-content .affilates_table_block .table-row .affi_main .Status_list {
  width: 17%;
  border-right: 1px solid #e6eaf0;
  padding: 15px 4px;
}

.settings-content .affilates_table_block .table-row .affi_main .dates_list {
  width: 27%;
  padding: 18px 0px;
  border-right: 1px solid #e6eaf0;
}

.settings-content .affilates_table_block .table-row .affi_main .cros_list {
  width: 15% !important;
}

.settings-content .affilates_table_block .table-row .affi_content .Status_list {
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
}

.affilates_table_block .table-row .affi_content.inactive .user_list,
.affilates_table_block .table-row .affi_content.inactive .Status_list,
.affilates_table_block .table-row .affi_content.inactive .dates_list .date {
  color: #8b949f;
}

.drop-subitem ul.subitem-list a.active {
  color: #D1433A;
  font-weight: 500;
}

.edit-delete {
  display: flex;
}

.w-poup-fields input::placeholder {
  font-size: 12px;
  font-weight: 400;
  color: #8b949f;
  letter-spacing: 0.5px;
}

.mb_30px {
  margin-bottom: 30px;
}

.pr_20px {
  padding-right: 20px;
}

.page_number {
  margin-top: 30px;
}

.page_number .pagination {
  justify-content: center;
}

.page_number .page-item .page-link {
  margin-left: 0px;
  margin-right: 10px;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(113, 129, 149, 0.07);
  font-size: 13px;
  font-weight: 600;
  font-family: HelveticaNeueMedium !important;
  color: #47505b;
  border: transparent;
}

.page_number .pagination .active .page-link {
  background-color: #5d9efc;
  color: #fff;
}

.payment_data .small-info,
.payment_data .table_data {
  display: none;
}

.payment_data .small-info.active,
.payment_data .table_data.active {
  display: block;
}

.payment_table table tbody tr {
  border-bottom: 1px solid #e6eaf0;
}

.payment_table_title {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

.small-info {
  border-top: 1px solid #e6eaf0;
  margin-top: 0 !important;
  padding-top: 20px;
  text-align: center;
}

.interst_custom .interested-select {
  margin-left: 0 !important;
}

.interst_custom .custom-radio [type="radio"]:checked+label,
.interst_custom .custom-radio [type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #47505b;
  width: 100%;
  margin: 0;
  padding: 6px 0 6px 13px;
  font-weight: 600;
  font-size: 13px;
}

.collection-heading {
  color: #071526;
  margin-bottom: 17px;
  margin-top: 30px;
  font-family: HelveticaNeueBold;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}

.history_heading {
  padding: 0 0 15px 0;
  margin-bottom: 0;
  border-radius: 4px 4px 0 0;
}

.work-tab {
  padding: 20px;
}

.active-li-list p {
  color: #D1433A !important;
}

.user-profile .sponser-type {
  width: 100%;
  margin-right: 20px;
}

.user-profile .sponser-type select {
  height: 40px;
}

.user-profile .sponser-type::before {
  top: 15px;
}

.history_top_bar {
  border-radius: 0 0 4px 4px !important;
}

.history_top_bar .title,
.history_top_bar .album,
.history_top_bar .time,
.history_top_bar .date,
.history_top_bar .popularity {
  font-size: 11px !important;
  font-weight: 500 !important;
}

.user-profile {
  width: 100%;
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 20px;
}

.pr-10 {
  padding-right: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.custom_musicbar.card.genres-list.width-810 .description {
  width: 150px;
}

.custom_musicbar.card.genres-list.width-810 .more {
  margin-right: 0px;
}

.custom_musicbar.card.weekly-top .line-1 .extend {
  margin-left: 25px;
}

.musicbar_more {
  margin-top: 20px;
  margin-bottom: 20px;
}

.event_more_btn .musicbar_more {
  margin-top: 0px;
}

.musicbar_more a {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  background-color: #e6eaf0;
  height: 30px;
  border-radius: 2px;
}

.musicbar_more a svg {
  margin-right: 8px;
}

.musicbar_more .show_more_bg {
  width: 370px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  background-color: #e6eaf0;
  border-radius: 2px;
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
  font-size: 12px;
}

.dropdown-menu.for-notify {
  right: -10px;
  left: auto;
  width: 240px;
  top: -14px !important;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
  border: none;
}

.dropdown-menu.for-notify .dropdown-item {
  font-size: 13px;
  font-weight: 400;
  font-family: HelveticaNeueMedium;
  padding: 7px 10px;
}

.dropdown-menu.for_settings {
  width: 220px;
  top: 25px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
  border: none;
  left: 15px;
}

.dropdown-menu.for_settings .dropdown-item {
  font-size: 13px;
  font-weight: 400;
  font-family: HelveticaNeueMedium;
  padding: 7px 10px 7px 25px;
  display: inline-flex;
  align-items: center;
}

.dropdown-menu.for_settings .dropdown-item .svg-icon {
  margin-right: 10px;
}

.activity_header .right-bar .actions.chat_title {
  padding-right: 10px;
  margin-bottom: 5px;
}

.color-10 {
  background-color: #8b949f;
}

.simplebar-offset {
  overflow: hidden auto;
  right: -20px;
  bottom: 0px;
  height: 100vh;
}

.activity-user-image span {
  display: flex;
  width: 20px;
  height: 20px;
  background-color: #e6eaf0;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

.activity-user-name {
  display: flex;
  align-items: center;
}

.activity-name {
  padding-left: 10px;
  color: #47505b;
  font-size: 11px;
  font-weight: 500;
  opacity: 0.8;
}

.activity-name a {
  font-size: 12px;
  font-weight: 500;
  color: #D1433A;
}

.activity-name span {
  font-size: 12px;
  color: #47505b;
  font-weight: 400;
  padding-left: 2px;
}

.activity-song-name {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.activity-song-image span {
  width: 40px;
  height: 40px;
  border-radius: 2px;
  background-color: #e6eaf0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.activity-songs-name h1 {
  font-size: 11px;
  font-weight: 500;
  color: #071526;
  margin-bottom: 0;
}

.activity-songs-name {
  padding-left: 10px;
}

.activity-songs-name p {
  font-size: 11px;
  font-weight: 400;
  color: #47505b;
  margin-top: 7px;
  margin-bottom: 0;
  opacity: 0.8;
}

.music-icon {
  position: absolute;
  right: 10px;
}

/********** Artist New page CSS Start*********/
.mt-30 {
  margin-top: 30px;
}

.artist-page-heading {
  font-size: 24px;
  font-weight: 500;
  color: #000;
  font-family: DrukWide;
  line-height: 29px;
  letter-spacing: 0.05em;
}

.artist-page-left {
  background-color: #fff;
  border-radius: 4px;
  padding: 30px;
  letter-spacing: 0.03em;
}

.artist-page-form-field label {
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  color: #47505b;
  font-family: HelveticaNeueMedium, sans-serif;
  letter-spacing: 0.03em;
}

.sup-color {
  color: #f00;
}

.artist-page-form-field input {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  padding-left: 10px;
  font-size: 13px;
  color: #071526;
  font-weight: 500;
  height: 30px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.artist-page-form-field {
  margin-bottom: 17px;
}

.page-address-artist {
  display: flex;
}

.page-address-artist input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.sm-text {
  font-size: 12px;
  font-weight: 500;
  color: #8b949f;
  margin-top: 8px;
  display: inline-block;
  width: 100%;
  font-family: HelveticaNeueMedium, sans-serif;
}

.categories-field {
  max-width: 50%;
  flex: 0 0 50%;
  position: relative;
}

.category-field {
  display: flex;
}

.categories-field select {
  height: 30px;
  border: 1px solid #e6eaf0;
  padding: 0 0 0 10px;
  font-size: 13px;
  font-weight: 500;
  color: #8b949f;
  appearance: none;
  -webkit-appearance: none;
  font-family: HelveticaNeueMedium, sans-serif;
}

.categories-field select:focus {
  box-shadow: none;
  outline: none;
  border-color: #e6eaf0;
}

.p-r-field {
  padding-right: 20px;
}

.p-l-field {
  padding-left: 20px;
}

.category-select {
  position: relative;
}

.category-select::after {
  content: "";
  position: absolute;
  /* background-image: url(../img/artist-select.png); */
  width: 10px;
  height: 6px;
  top: 13px;
  right: 12px;
}

.artist-page-form-field textarea {
  width: 100%;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  resize: none;
  height: 90px;
  font-size: 13px;
  font-weight: 500;
  color: #8b949f;
  padding: 5px 0 0 10px;
}

.avatar-section {
  display: flex;
  align-items: center;
}

.avatar-icon img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.avtatr-upload {
  padding-left: 20px;
}

.avtatr-upload p {
  margin-bottom: 0;
  color: rgba(7, 21, 38, 0.6);
  font-size: 13px;
  font-weight: 500;
  font-family: HelveticaNeueMedium, sans-serif;
}

.avatar-upload-section {
  position: relative;
}

.avatar-upload-section input {
  position: absolute;
  opacity: 0;
}

.avatar-upload-section {
  position: relative;
  color: #D1433A;
  font-size: 13px;
  font-weight: 500;
  margin-top: 3px;
  font-family: HelveticaNeueMedium, sans-serif;
}

/*.line {
    border: 0.5px solid #D1433A;
    width: 72px;
    position: absolute;
    opacity: 0.2;
    bottom: 0;
    left: 0;
}*/
.upload-artist-cover {
  background-color: #f7f7f7;
  border-radius: 2px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
}

.upload-artist-cover img {
  width: 30px;
}

.upload-artist-cover input {
  position: absolute;
  height: 70px;
  cursor: pointer;
  opacity: 0;
}

.publish-btn button {
  background-color: #D1433A;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  transition: 0.3s all;
  border: none;
  width: 310px;
  height: 40px;
  font-family: HelveticaNeueBold, sans-serif;
  
}

.publish-btn button:hover {
  background-color: #DA6961;
}

.create-new-page-section {
  background-color: #e6eaf0;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-placeholder {
  width: 150px;
  height: 150px;
  background-color: #7e858c;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.create-new-page-section-detail {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.create-new-page-section-detail h1 {
  font-size: 18px;
  font-weight: 700;
  color: #071526;
  padding-top: 40px;
  font-family: HelveticaNeueBold, sans-serif;
  margin-bottom: 0;
  letter-spacing: 0.05em;
}

.create-new-page-section-detail p {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  color: #47505b;
  margin-top: 25px;
  font-family: HelveticaNeueNormal, sans-serif;
}

.Instrument-select {
  max-width: 100%;
}

.image-chnage-process {
  display: flex;
  justify-content: center;
  align-items: center;
}

.remove-image p {
  color: #ff0039;
}

.sep-box {
  width: 4px;
  height: 4px;
  background-color: #c4ccd6;
  margin: 0 10px 0 10px;
}

.cover-image>img {
  width: 100%;
}

.reshuffle {
  position: absolute;
}

.reshuffle input {
  position: absolute;
  left: 0;
  height: 30px;
}

.page-placeholder-specification {
  width: 150px;
  height: 150px;
  background-color: #0094ff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.categories-field-setting select:focus {
  box-shadow: none;
  outline: none;
  border-color: #e6eaf0;
}

/********** Artist New page CSS Ends*********/
.chat-modal .modal-dialog {
  max-width: 282px;
  right: 280px;
  bottom: 50px;
  position: absolute;
}

.right-block .content-middle .svg-icon {
  max-width: 80%;
}

.right-block .content-middle .svg-icon svg {
  max-width: 100%;
}

/********  Getting started Steps **********/
.getting_started_steps {
  max-width: 630px;
  background-color: #fff;
  margin: 0 auto;
}

.getting_stared_title {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  color: #071526;
  font-family: HelveticaNeueMedium, sans-serif;
}

.getting_stared_subtitle {
  color: #47505b;
  font-size: 14px;
  font-weight: 500;
}

.getting_stared_header {
  background-color: #f9fafb;
  text-align: center;
  padding: 30px 0 0 0;
}

.getting_stared_header p {
  margin-top: 9px;
  margin-bottom: 0;
}

.get_started_tabs {
  padding: 30px;
}

.custom_tab {
  display: flex;
  align-items: center;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  overflow: hidden;
}

.custom_tab>a {
  color: #47505b;
  font-size: 11px;
  flex: 1;
  text-align: center;
  transition: 0.3s all;
  padding: 12px 0;
  font-weight: 500;
}

.custom_tab .nav-link:focus,
.nav-tabs .nav-link:hover {
  border: none;
  background-color: #f7f7f7;
  color: inherit;
  cursor: pointer;
}

.custom_tab .nav-link {
  border: none;
}

.custom_tab .nav-item.show .nav-link,
.custom_tab .nav-link.active {
  background: #D1433A;
  color: #fff;
  border-radius: 0px;
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
}

.custom_tab .nav-item.show .nav-link,
.custom_tab .nav-link.active p {
  color: #fff;
}

.custom_tab .nav-link:nth-child(2) {
  border-right: 1px solid #e6eaf0;
  border-left: 1px solid #e6eaf0;
  border-radius: 0px;
}

.step {
  text-align: center;
  margin-top: 40px;
  font-size: 16px;
  font-weight: 600;
  color: #071526;
}

.upload-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 27px;
}

.upload_section {
  width: 130px;
  height: 130px;
  background-color: #D1433A1A;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
}

.upload_section input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 130px;
  border-radius: 50%;
}

.skip_btn button {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  width: 100px;
  height: 40px;
  color: #c4ccd6;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  transition: 0.3s all;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
}

.skip_btn button:hover {
  background-color: #f7f7f7;
  color: #a7afb9;
}

.next_step_btn buttton {
  width: 100%;
  background-color: #D1433A;
  display: inline-block;
  height: 40px;
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  transition: 0.3s all;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
}

.next_step_btn buttton:hover {
  background-color: #DA6961;
  transition: all 0.3s;
}

.info_heading {
  margin-top: 30px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #071526;
}

.fields_container {
  margin-bottom: 17px;
}

.friend-detail {
  border: 1px solid #e6eaf0;
  padding: 10px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-radius: 4px;
  margin-top: 10px;
  transition: 0.3s all;
}

.friend-detail:hover {
  background-color: #D1433A1A;
}

.user-pic img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.u_address {
  padding-left: 10px;
}

.u_address h1 {
  color: #D1433A;
  font-size: 13px;
  font-weight: 500;
}

.address-title {
  font-size: 11px;
  color: #47505b;
}

.user-detail {
  display: flex;
  align-items: center;
}

.add_line {
  display: flex;
  align-items: center;
}

.location_svg_icon {
  margin-right: 5px;
}

.show-more-friends {
  padding: 27px 0 0px 0;
  text-align: center;
}

.show-more-friends button {
  background-color: transparent;
  border: none;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
  font-family: HelveticaNeueMedium;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  line-height: 13px;
}

.show-more-friends span {
  margin-right: 5px;
}

.label-title {
  width: 100%;
  color: #47505b;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 7px;
}

.input-field {
  width: 100%;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 30px;
  padding: 0 10px;
  font-size: 14px;
  color: #7a828c;
  font-weight: 500;
  background-color: #fff;
}

/******css-thakur******/
.custom_tab .nav-link:nth-child(3) {
  border-right: 1px solid #e6eaf0;
  border-radius: 0px;
}

.info_heading {
  margin-top: 23px;
  margin-bottom: 4px;
}

.genres_box {
  /*width: 170px;*/
  /*height: 60px;*/
  width: 100%;
  padding: 8px;
  padding-bottom: 4px;
  text-align: center;
  position: relative;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  background-color: #fff;
  transition: 0.3s all;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px !important;
}

.genres_info {
  margin-top: 2px;
}

.genres_info .genres_title {
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}

.genres_checkbox {
  position: absolute;
  top: 4px;
  right: 4px;
}

.genres-select-list label {
  margin-bottom: 20px;
}

.genres_checkbox>label {
  width: 15px;
  height: 15px;
  border: 1px solid #dde3e9;
  border-radius: 50%;
  margin-top: 4px;
}

.genres_checkbox>label>img {
  opacity: 0;
}

.genres_checkbox>input:checked+label {
  background: #D1433A;
  border-color: #D1433A;
}

.genres_checkbox>input:checked+label>img {
  opacity: 1;
}

.genres_checkbox_outer {
  margin: 0px 0;
}

.genres_checkbox_outer>input {
  display: none;
}

.genres_checkbox_outer>input:checked+label {
  border: 1px solid #D1433A;
}

.svg_genre {
  stroke: #47505b;
}

.all_moods {
  stroke: #47505b;
}

.genres_checkbox_outer>input:checked+label .svg_genre {
  stroke: #D1433A;
}

.genres_checkbox_outer>input:checked+label .all_moods {
  stroke: #D1433A;
}

.genres_checkbox_lab {
  width: 15px;
  height: 15px;
  border: 1px solid #dde3e9;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  line-height: 0.7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.genres_checkbox_outer>input:checked+label p {
  color: #D1433A;
}

.genres_checkbox_lab img {
  opacity: 0;
}

.genres_checkbox_outer>input:checked+label .genres_checkbox_lab img {
  opacity: 1;
}

.genres_checkbox_outer>input:checked+label .genres_checkbox_lab {
  background: #D1433A;
  border-color: #D1433A;
  display: flex;
  justify-content: center;
  align-items: center;
}

.genres_checkbox_outer>input:checked+label .genres_checkbox_lab .chekmark-check {
  opacity: 9;
  stroke: #fff;
  fill: #fff;
}

.chekmark-check {
  opacity: 0;
}

/******css-thakur******/
.genres_box:hover {
  background-color: #D1433A1A;
}

.genres_box:hover .svg_genre {
  stroke: #D1433A;
}

.genres_box:hover .all_moods {
  stroke: #D1433A;
}

.genres_box:hover .genres_checkbox_lab {
  border: 1px solid #D1433A;
}

.genres_box:hover .chekmark-check {
  opacity: 1;
}

.genres_checkbox_lab svg {
  position: relative;
  top: 0px;
}

.sub-geners-tag ul {
  padding-left: 0;
  margin-bottom: 0;
  display: inline-block;
}

.sub-geners-tag ul li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.sub-geners-tag ul li a {
  background: #D1433A1A;
  border-radius: 2px;
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
  padding: 7px 15px;
  display: inline-block;
  transition: 0.3s all;
}

.sub-geners-tag ul {
  padding-left: 0;
  margin-bottom: 0;
  display: inline-block;
  margin-top: 27px;
}

.sub-geners-tag ul li a:hover {
  background: #D1433A;
  color: #fff;
}

.clear-history {
  display: inline-block;
  text-align: right;
  width: 100%;
  margin-top: 5px;
}

.clear-history button {
  border: 1.3px solid #8b949f;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  background-color: #fff;
  width: 120px;
  height: 30px;
  cursor: pointer;
  transition: 0.3s all;
  color: #8b949f;
}

.clear-history button:hover {
  background-color: #D1433A1A;
}

.step-4 {
  margin-bottom: 10px;
}

.follow-artists-text {
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  color: #47505b;
}

.friend-detail .widget-item.max-width {
  width: 100%;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.friend-detail .widget-item .cover-image {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  position: relative;
}

.friend-detail .widget-item .cover-image .img-wrapper {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}

.friend-detail .widget-item .cover-image .status {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #D1433A;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.friend-detail .widget-item .item-desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.friend-detail .widget-item .item-desc .name {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
  opacity: 0.9;
  margin-bottom: 5px;
}

.friend-detail .widget-item .item-desc .info {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: rgba(71, 80, 91, 0.9);
}

.friend-detail .widget-item .item-desc .info div {
  margin-right: 15px;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.friend-detail .widget-item .item-desc .info div .svg-icon {
  margin-right: 5px;
}

.friend-detail .widget-item .action {
  border: 1.3px solid #D1433A;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto !important;
  cursor: pointer;
  transition: all 0.3s;
}

.friend-detail .widget-item.max-width .action:hover {
  background-color: #D1433A;
  transition: all 0.3s;
}

.friend-detail .widget-item.max-width .action:hover .svg-icon .c-fill-1 {
  fill: #fff !important;
}

/*********  Getting started Steps  end***********/

/*******************  Updated news-fedd css  start   *******************/
.news-feed-radio input {
  position: absolute !important;
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
  opacity: 0;
}

.news-feed-radio label {
  border: 1px solid #D1433A;
  color: #071526;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  transition: all 0.3s ease-in-out;
  width: 120px;
  height: 30px;
  margin-right: 10px;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 0;
  line-height: 28px;
}

.new-fed-post select {
  height: 40px !important;
  color: #071526 !important;
}

.news-feed-radio input:checked+label {
  background-color: #D1433A;
  box-shadow: none;
  color: #fff;
  position: relative;
}

.news-feed-post-user-detail {
  padding-right: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
}

.news-feed-post-user-detail-first {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 150px;
}

.news-feed-post-detail-list {
  display: flex;
}

.news-feed-pic img {
  width: 70px;
  height: 70px;
  border-radius: 50px;
}

.news-feed-pic-name {
  color: #071526;
  font-size: 15px;
  font-weight: 600;
  margin-top: 15px;
}

.news-feed-pic-date-time {
  color: #8b949f;
  font-size: 13px;
  font-weight: 500;
  margin-top: 5px;
  display: flex;
}

.post-detail:first-child {
  margin-top: 16px;
}

.news-feed-post-detail {
  background-color: #fff;
  padding: 20px 20px 20px 20px;
  margin-bottom: 10px;
  border-radius: 4px;
  box-shadow: 0px 15px 40px rgba(71, 80, 91, 0.05);
  position: relative;
  border: 1px solid #e6eaf0;
  transition: 0.3s all;
  letter-spacing: 0.03em;
}

.news-feed-post-detail:hover {
  cursor: pointer;
  background: #f7f7f7;
}

.news-feed-pic-detials {
  padding-left: 30px;
  width: 100%;
  border-left: 1px solid #e6eaf0;
}

.news-feed-pic-detials p {
  font-size: 14px;
  font-weight: 400;
  color: #071526;

  margin-bottom: 0;
}

.comment-post-html-newsfeed {
  display: flex;
  padding-top: 0px;
  margin-top: 20px;
  align-items: center;
}

.image-icon img {
  width: 18px;
  height: 18px;
  object-fit: cover;
}

.emoji img {
  width: 18px;
  height: 18px;
  object-fit: cover;
}

.artist-timeline-tag {
  display: flex;
}

.mr_10 {
  margin-right: 10px;
}

.mr_30 {
  margin-right: 30px;
}

.news-feed-pic-detials-photo-video {
  width: 100%;
}

.news-feed-pic-detials-photo-video iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-fedd-more-icons {
  position: absolute;
  top: 12px;
  left: 20px;
  cursor: pointer;
}

.news-feed-pic-detials-photo-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ht-440 {
  height: 440px;
}

.news-feed-added-phtotos {
  text-align: left;
  margin-bottom: 0;
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
  width: 100%;
  margin-top: 10px;
}

.news-feed-added-phtotos span {
  color: #D1433A;
}

.photo-row {
  display: flex;
}

.photo-col-1 {
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  height: 290px;
  padding-right: 5px;
}

.photo-timeline {
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  height: 290px;
  padding-right: 5px;
}

.photo-col-2 {
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  height: 290px;
  padding-left: 5px;
}

.news-feed-pic-detials-posts {
  width: 100%;
  height: 290px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  /*background: linear-gradient(270deg, #0075FF -9.47%, #0CAACD 98.54%);*/
  /*background: #AA3BDE;*/
  border-radius: 10px;
}

.news-feed-pic-detials-posts h1 {
  font-size: 19px;
  font-weight: 600;
  color: #fff;
}

.news-feed-pic-detials-event-img img {
  width: 100%;
}

.total-user-joun-1 {
  position: absolute;
  top: 20px;
  right: 19px;
  width: 50px;
  height: 20px;
  background-color: #ae4ea9;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.total-user-joun-1 svg {
  margin-right: 5px;
}

.useinfo_photoimage {
  display: flex;
}

.useinfo_photoimage .profile_content {
  /*padding: 0 30px;*/

  min-width: 150px;
  display: flex;
  flex-direction: column;
}

.useinfo_photoimage .news-feed-pic-detials-photo-video {
  padding-left: 30px;
  border-left: 1px solid #e6eaf0;
}

.news_feed_post_with_image .news-feed-pic-detials {
  margin-left: 150px;
}

/*******************  Updated news-fedd css  end   *******************/

/*******************  Create drop-down-popup css start  *******************/
.crate-dropdown-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  color: #000;
  padding: 13px 20px 5px 20px;
  font-family: HelveticaNeueBold, sans-serif;
}

.create-drop-down-list>ul {
  padding: 10px 0;
  margin: 0;
}

.create-drop-down-list>ul>li {
  display: flex;
  width: 100%;
  height: 50px;
  align-items: center;
  padding-left: 20px;
  transition: 0.3s all;
  cursor: pointer;
  border-bottom: none;
  transition: 0.3s;
}

.create-drop-down-list>ul>li .create-c-line {
  stroke: #071526;
}

.create-drop-down-list>ul>li .create-c-fill {
  fill: #071526;
}

.create-drop-down-list>ul>li:hover {
  background-color: #D1433A1A;
  transition: 0.3s;
}

.create-drop-down-list>ul>li:hover .create-drop-list-icon {
  background-color: #D1433A;
  transition: all 0.3s;
}

.create-drop-down-list>ul>li:hover .create-drop-list-icon .create-c-line {
  stroke: #fff;
  transition: all 0.3s;
}

.create-drop-down-list>ul>li:hover .create-drop-list-icon .create-c-fill {
  fill: #fff;
  transition: all 0.3s;
}

/*.create-drop-down-list > ul > li:hover .create-drop-list-icon-svg {
    fill: #D1433A;
    stroke:#D1433A;
}
.create-drop-down-list > ul > li:hover .create-drop-list-icon-svg1 {
    fill: #D1433A;

}
.create-drop-down-list > ul > li:hover .create-drop-list-title{
    color:#D1433A;
}*/
.create-drop-list-title {
  padding-left: 20px;
  font-family: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
}

.create-drop-list-icon {
  width: 30px;
  height: 30px;
  background-color: #e6eaf0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}

.create-drop-list-icon-svg1 {
  fill: #071526;
}

.create-drop-list-icon-svg {
  fill: #071526;
}

.create-drop-down-postlist {
  padding: 0 0 !important;
}

.create-drop-down-postlist_hr {
  margin: 0 auto;
  width: 260px;
  background-color: #e6eaf0;
}

.artist_premium_btn .artist-music-profile-select .sponser-type select {
  height: 30px;
}

.artist_premium_btn .artist-music-profile-select .sponser-type::before {
  top: 12px;
}

.custom-select-wrapper .interested-select {
  margin-top: 10px;
}

.inner-interested-select .custom-radio [type="radio"]:not(:checked)+label {
  padding: 6px 0 6px 12px;
}

.inner-interested-select .custom-radio [type="radio"]:checked+label,
.inner-interested-select .custom-radio [type="radio"]:not(:checked)+label {
  padding: 3px 10px;
}

.newsfeed_artist-post_pic {
  width: 77%;
}

/*******************  Create drop-down-popup css  end   *******************/

/********************** updates leftbar css start **********************/
.left-bar-full-logo {
  width: 230px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  /* margin: 1rem; */
  margin: unset;
}

.collapse-left-bar {
  width: 80px !important;
}

.left-bar-full-logo-collapsed {
  display: none;
}

.left-bar-full-logo-collapsed .collapse_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
}

.collapse-left-bar .left-bar-full-logo-collapsed {
  display: block;
}

.collapse-left-bar .home-menu span {
  display: none;
}

.collapse-left-bar .Home-left-bar-btn img {
  margin-right: 0px;
}

.collapse-left-bar .left-bar-menu-links li span {
  transform: scale(0);
  width: 0;
  margin-left: 0;
  opacity: 0;
}

.collapse-left-bar .left-bar-menu-links a svg {
  margin-right: 0px;
}

.collapse-left-bar .left-bar-menu-links a {
  padding: 0px;
  border-left: none;
}

.collapse-left-bar .left-bar-menu-links .active a {
  background-color: #fff;
}

.collapse-left-bar .left-bar-menu-links a:hover {
  background-color: #fff;
}

.collapse-left-bar .left-bar-menu-links li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.leftbar-arrow-rotate-icon span {
  border: 1px solid #c4ccd6;
  background-color: #fff;
  width: 26px;
  height: 26px;
  display: flex;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}

.leftbar-arrow-rotate-icon span:hover {
  background-color: #D1433A;
  border: 1px solid #D1433A;
}

.leftbar-arrow-rotate-icon span:hover .leftbar-arrow-rotate-icon-svg {
  fill: #fff;
  stroke: #fff;
}

.leftbar-arrow-rotate-icon {
  position: absolute;
  top: 50%;
  /* left: 217px; */
  right: -32px;
  z-index: 9;
  cursor: pointer;
  transform: translateY(-50%);
  transition: 0.3s all ease;
}

.left-side img {
  display: none;
}

.collapse-left-bar .left-bar-full-logo {
  text-align: center;
  padding: 20px 0;
  display: none;
}

.leftbar-arrow-rotate-icon span svg {
  transition: 0.3s all ease;
}

.leftbar-arrow-rotate-icon.displace_toggle_button span svg {
  transform: rotate(180deg);
}

.left-bar-menu-links a span {
  transition: 0.3s all ease;
}

.Home-left-bar-btn {
  width: 100%;
  background-color: #D1433A;
  border: none;
  border-radius: 4px;
  height: 40px;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}

.Home-left-bar-btn:hover {
  background-color: #DA6961;
}

.left-bar-menu-links a:hover .left-bar-submenu-icon-article {
  fill: #D1433A;
}

.left-bar-menu-links a:hover .left-bar-menu-icon-circle {
  fill: #D1433A;
}

/********************** updates leftbar css end **********************/

/********** Artist Music CSS start*********/
.engage-button-h button {
  background-color: #D1433A;
  border: none;
  width: 150px;
  height: 40px;
  border-radius: 4px;
  color: #fff;
  transition: 0.3s all;
  font-weight: 700;
  font-size: 13px;
  font-family: HelveticaNeueBold, sans-serif;
  letter-spacing: 0.05em;
}

.engage-button-h button svg {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.engage-button-h button:hover {
  background-color: #DA6961;
}

.artist-header-btns button {
  width: 40px;
  height: 40px;
  border: 1.5px solid #D1433A;
  border-radius: 4px;
  background-color: #fff;
  margin-left: 10px;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
}

.artist-header-btns button:hover {
  background-color: #D1433A;
}

.settings .artist-header-btns button:hover {
  border: 1.5px solid #D1433A;
  background-color: #D1433A1A !important;
}

.artist-header-btns button:hover .artist-btn-active {
  stroke: #fff;
}

.no-content-here {
  background-color: #e6eaf0;
  border-radius: 5px;
  height: 230px;
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 10px;
  letter-spacing: 0.03em;
}

.no-detail-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.no-detail-content-heading {
  color: #071526;
  font-size: 16px;
  font-weight: 700;
  padding-top: 30px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.add-new-product-buttons button {
  background-color: #D1433A;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  width: 170px;
  height: 30px;
  margin-top: 15px;
  transition: 0.3s all;
  position: relative;
  font-family: HelveticaNeueMedium, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.05em;
}

.add-new-product-buttons button svg {
  margin-right: 10px;
}

.add-new-product-buttons button:hover {
  background-color: #DA6961;
}

.artist-music-heading {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 17px;
  color: #071526;
  margin-top: 15px;
  font-family: HelveticaNeueMedium, sans-serif;
  letter-spacing: 0.03em;
}

.about-artist-music {
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 20px 20px 30px 20px;
  letter-spacing: 0.03em;
}

.about-artist-music h1 {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
  font-family: HelveticaNeueMedium, sans-serif;
}

.update-info {
  background: #e6eaf0;
  border-radius: 5px;
  text-align: center;
  margin-top: 15px;
}

.update-info-text {
  font-size: 16px;
  font-weight: 700;
  color: #071526;
  padding-top: 24px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.update-info-btn {
  justify-content: center;
  align-items: center;
  display: flex;
}

.update-info-btn button {
  background-color: #D1433A;
  transition: 0.3s all;
  width: 170px;
  height: 30px;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-top: 17px;
  margin-bottom: 20px;
  font-family: HelveticaNeueMedium, sans-serif;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.05em;
}

.update-info-btn button svg {
  margin-right: 10px;
}

.update-info-btn button:hover {
  background-color: #DA6961;
}

.input-comment {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
  border-radius: 5px;
  align-items: center;
}

.input-comment .cover-image {
  width: 40px;
  height: 40px;
  margin-right: 20px;
}

.input-comment .cover-image .img-wrapper {
  width: 40px;
  height: 40px;
  background-color: #e6eaf0;
  border-radius: 100%;
  overflow: hidden;
}

.input-comment .input-wrapper {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.artist-coment-input .input-wrapper input {
  background: #f7f7f7;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 63px 0 19px;
  border: none;
  font-weight: 500;
  font-size: 15px;
  color: #8b949f;
}

.input-comment .input-wrapper .svg-icon {
  position: absolute;
  cursor: pointer;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.input-comment .input-wrapper .svg-icon svg {
  width: 17px;
  height: 17px;
}

.artist-image-cover img {
  height: 100%;
  object-fit: cover;
}

.artist-coment-input .input-wrapper {
  width: 100%;
}

.artist-coment-input {
  margin-bottom: 30px;
}

.no-detail-content-subheading {
  font-size: 12px;
  font-weight: 400;
  color: #47505b;
  margin-top: 15px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.no-content-here.no-event-here {
  height: 300px;
}

.custom-file-input-artist {
  position: absolute;
  left: 0;
  height: 29px;
  width: 170px;
  top: 0;
  opacity: 0;
}

.no-content-here-company {
  background-color: #e6eaf0;
  border-radius: 5px;
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}

.no-detail-content-company-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

.no-detail-content-heading {
  color: #071526;
  font-size: 16px;
  font-weight: 700;
  padding-top: 30px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.no-detail-content-subheading {
  font-size: 12px;
  font-weight: 400;
  color: #47505b;
  margin-top: 10px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.company-3-btns {
  margin-top: 25px;
  display: flex;
  align-items: center;
}

.find-artist-btn {
  width: 190px;
  height: 40px;
  background-color: #D1433A;
  border-radius: 4px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  font-family: HelveticaNeueMedium, sans-serif;
  transition: 0.3s all;
  margin-right: 10px;
}

.create-artist-page-btn {
  width: 190px;
  height: 40px;
  border: 1px solid #D1433A;
  border-radius: 4px;
  background-color: #e6eaf0;
  color: #D1433A;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  transition: 0.3s all;
  justify-content: center;
  font-family: HelveticaNeueMedium, sans-serif;
}

.find-artist-btn svg {
  margin-right: 10px;
}

.create-artist-page-btn svg {
  margin-right: 10px;
}

.custom_tab_artist_pageinfo.top-tab>a {
  display: flex;
  padding: 15px 0;
  line-height: 16px;
  color: #8b949f;
}

.custom_tab_artist_pageinfo.top-tab .active {
  color: #47505b;
}

.move-modratoe-popup {
  width: 260px;
  box-shadow: 0px 10px 20px rgba(74, 75, 77, 0.08);
  border-radius: 4px;
  position: absolute;
  top: -70px;
  right: -115px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.modrator-up-icon {
  margin-right: 20px;
}

.modrator-text {
  font-weight: 500;
  font-size: 13px;
  color: #000;
}

.move-modratoe-popup::after {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #fff;
  position: absolute;
  content: "";
  bottom: -15px;
}

/********** Artist Music CSS end*********/

/********************** notification page css start **********************/
.nav.nav_tabs_iconed-notification {
  background-color: #fff;
  border-bottom: none;
  height: 70px;
  padding-left: 40px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-bottom: 0;
}

.nav_tabs_iconed-notification .nav-link {
  padding: 23px 5px 24px 5px;
}

.nav_tabs_iconed-notification .nav-item {
  margin-right: 40px;
}

.social-notifiaction-section {
  padding: 20px;
}

.social-notifiaction-section {
  padding: 20px;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.view-notification-review {
  background-color: #e6eaf0;
  border-radius: 4px;
  padding: 15px 20px;
  margin-bottom: 10px;
}

.view-notification-review h1 {
  font-size: 16px;
  font-weight: 500;
  color: #071526;
}

.view-notification-review p {
  margin-bottom: 0;
  color: #0053b5;
  font-size: 12px;
  margin-top: 15px;
  font-weight: 500;
}

.noification-social {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  padding: 10px 20px;
}

.notification-sender-image {
  position: relative;
}

.notification-sender-image>img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.notification-flag {
  position: absolute;
  bottom: 0;
  right: -14px;
}

.noification-social-detail {
  padding-left: 40px;
}

.noification-social-detail-title {
  font-size: 12px;
  color: #071526;
  font-weight: 500;
}

.noification-social-detail-title span {
  font-weight: 400;
}

.noification-social-detail-subtitle {
  font-size: 11px;
  margin-top: 7px;
  color: #071526;
}

.noification-social-detail-right-icon {
  margin-left: auto;
}

.notification-dd:hover .notification-dd-icon {
  fill: #D1433A;
}

.notification-dd {
  padding: 5px;
}

.notification-drop-down button {
  padding-left: 10px;
  margin: 5px 0 !important;
}

.notification-drop-down {
  box-shadow: -3px -3px 9px 0px rgba(7, 9, 11, 0.08);
  border-radius: 4px;
}

.noification-social-detail-subtitle-time {
  font-size: 11px;
  font-weight: 500;
  color: #071526;
  margin-top: 6px;
}

.noification-social-detail-label {
  color: #071526;
  font-size: 11px;
  font-weight: 500;
  margin-top: 5px;
}

.notification-poke {
  font-size: 11px;
  color: #D1433A;
  font-weight: 600;
  margin-top: 10px;
}

.notification-poke svg {
  margin-right: 5px;
}

.notifiaction-filter {
  box-shadow: 0px 15px 40px rgba(71, 80, 91, 0.05);
  border-radius: 4px;
  background-color: #fff;
}

.notification-filter-section {
  padding: 20px;
  border-bottom: 1px solid #e6eaf0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.notification-filter-section h1 {
  font-size: 17px;
  font-weight: 600;
  color: #47505b;
}

.clear-notification-history {
  border: 1.3px solid #8b949f;
  border-radius: 4px;
  width: 120px;
  height: 30px;
  font-size: 13px;
  font-weight: 400;
  color: #7e858c;
  text-align: center;
  line-height: 26px;
  transition: 0.3s all;
}

.notification-type-filter {
  padding: 15px 20px 40px 20px;
}

.notification-filter-title {
  font-size: 17px;
  font-weight: 600;
  color: #47505b;
  margin-bottom: 20px;
}

.custom-notification {
  position: relative;
  padding-left: 29px;
  margin-right: 26px;
  margin-bottom: 14px;
}

.custom-notification-label {
  cursor: pointer;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
}

.custom-notification-label::after,
.custom-notification-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
}

.custom-notification-label::before {
  top: 0;
  left: -29px;
  box-shadow: none;
  outline: 0;
  border: none;
  border-radius: 0 !important;
}

.custom-notification-label::after {
  top: 0;
  left: 0px;
  box-shadow: none;
  outline: 0;
  border-radius: 0 !important;
  border: none;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMyAxSDNDMS44OTU0MyAxIDEgMS44OTU0MyAxIDNWMTNDMSAxNC4xMDQ2IDEuODk1NDMgMTUgMyAxNUgxM0MxNC4xMDQ2IDE1IDE1IDE0LjEwNDYgMTUgMTNWM0MxNSAxLjg5NTQzIDE0LjEwNDYgMSAxMyAxWiIgc3Ryb2tlPSIjQzRDQ0Q2IiBzdHJva2Utd2lkdGg9IjEuMyIvPg0KPC9zdmc+DQo=);
}

.custom-notification .custom-control-input:checked~.custom-notification-label::before {
  background-color: transparent;
  border-radius: 0 !important;
}

.custom-control-input:checked~.custom-notification-label::before {
  color: #fff;
  border-color: #D1433A1A;
  /*border-color: #007bff;*/
  background-color: #D1433A1A;
  /*background-color: #007bff;*/
}

.custom-notification .custom-control-input:checked~.custom-notification-label::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMyAwSDNDMS4zNDMxNSAwIDAgMS4zNDMxNSAwIDNWMTNDMCAxNC42NTY5IDEuMzQzMTUgMTYgMyAxNkgxM0MxNC42NTY5IDE2IDE2IDE0LjY1NjkgMTYgMTNWM0MxNiAxLjM0MzE1IDE0LjY1NjkgMCAxMyAwWiIgZmlsbD0iIzQxNkNGRiIvPg0KPHBhdGggZD0iTTQuOTAwODggNy44MjIyN0w2LjgyNTkzIDkuNzQ3MDdMMTAuNzQxOCA1LjgzMDA4IiBmaWxsPSIjNDE2Q0ZGIi8+DQo8cGF0aCBkPSJNNC45MDA4OCA3LjgyMjI3TDYuODI1OTMgOS43NDcwN0wxMC43NDE4IDUuODMwMDgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K);
  background-color: transparent;
  border-radius: 0 !important;
}

.notification-search {
  position: relative;
  margin-top: 25px;
}

.notification-search input {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  width: 100%;
  height: 30px;
  font-size: 13px;
  font-weight: 500;
  padding-left: 10px;
  padding-right: 50px;
}

.notification-search-icon {
  position: absolute;
  right: 16px;
  top: 2px;
}

.day_check input {
  display: none;
}

.week_day_name {
  color: green;
}

.day_check input+label>.week-checkmark {
  width: 40px;
  height: 40px;
  border: 1px solid red;
  display: inline-block;
}

.day_check input+label>.week-checkmark>img {
  opacity: 0;
}

.day_check input:checked+label>.week-checkmark {
  border: 1px solid green;
}

.day_check input:checked+label>.week-checkmark>img {
  opacity: 1;
}

/********************** notification page css end **********************/
.container-checkbox {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500;
  padding-top: 5px;
}

.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.week-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}

/* .container-checkbox:hover input ~ .week-checkmark {
  background-color: #ccc;
} */
.container-checkbox input:checked~.week-checkmark {
  border: 1px solid #D1433A;
}

.week-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container-checkbox input:checked~.week-checkmark:after {
  display: block;
}

.container-checkbox .week-checkmark::after {
  left: 7px;
  top: 9px;
  /* background-image: url(../img/setting-checkbox.png); */
  content: "";
  position: absolute;
  width: 14px;
  height: 10px;
}

.day-time {
  display: flex;
  align-items: center;
}

.time {
  margin-right: 15px;
  font-size: 11px;
  font-weight: 700;
  color: #47505b;
}

.inout-seprator {
  margin-left: 10px;
  margin-right: 10px;
}

.time-inout input {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  width: 73px;
  height: 30px;
  font-size: 13px;
  font-weight: 500;
  padding-left: 5px;
}

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

/*******************  Profile completeion  css start   *******************/
.profile-completetion-process {
  padding: 20px;
  border: 1px solid #e6eaf0;
  background-color: #ffffff;
  border-radius: 4px;
  margin-bottom: 10px;
}

.Profile-completion-detail {
  display: flex;
  background: rgba(209, 67, 58, 0.08);
  align-items: center;
  justify-content: space-between;
  letter-spacing: 0.05em;
}

.completion-detail {
  padding-left: 9px;
  padding-top: 6px;
  padding-bottom: 7px;
}

.completion-detail h1 {
  font-size: 14px;
  font-weight: normal;
  line-height: 17px;
  margin-bottom: 0;
  color: #071526;
  font-family: HelveticaNeueMedium, sans-serif;
}

.completion-detail p {
  margin-bottom: 0;
  margin-top: 5px;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  font-family: HelveticaNeueMedium, sans-serif;
  line-height: 15px;
}

.completion-detail span {
  color: #D1433A;
}

.completeion-parsentage {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.completeion-parsentage p {
  margin-bottom: 0;
  color: #D1433A;
  font-size: 16px;
  font-family: HelveticaNeuebold, sans-serif;
  margin-right: 2px;
}

.completeion-parsentage span {
  display: flex;
  align-items: center;
}

.progress-bar-detail {
  width: 100%;
  height: 10px;
  background: rgba(209, 67, 58, 0.2);
}

.profile-com-per {
  position: relative;
}

.progress-bar-active {
  height: 10px;
  background-color: #D1433A;
  position: absolute;
  top: 0;
}

.profile-steps ul {
  padding-left: 0;
  margin-top: 25px;
  margin-bottom: 0;
}

.profile-steps ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.profile-steps ul li span {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.profile-steps ul li a {
  font-size: 13px;
  font-weight: normal;
  color: #D1433A;
  font-family: HelveticaNeueMedium, sans-serif;
}

.profile-steps ul li a:hover,
.profile-steps ul li a.link-text:hover {
  text-decoration: underline !important;
  color: #D1433A;
}

.step-done p {
  margin-bottom: 0;
  color: #47505b;
  font-size: 13px;
  font-weight: normal;
  font-family: HelveticaNeueNormal, sans-serif;
}

.profile-steps ul li:last-child {
  margin-bottom: 0;
}

.about-more {
  margin-top: 19px;
}

.about-more-details {
  display: flex;
  align-items: center;
}

.about-more-details {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.about-more-details p {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
  padding-left: 25px;
  flex-direction: row;
  display: flex;
  margin-bottom: 0;
  align-items: baseline;
}

.about-more-details p span {
  font-family: HelveticaNeueNormal, sans-serif;
  margin-right: 5px;
}

.about-more-details span {
  display: flex;
  align-items: center;
}

.friend-image-wrapper {
  background-color: #e6eaf0;
  border: 2px solid #fff;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  transition: all 0.3s;
  opacity: 1;
}

.friend-image-wrapper:hover {
  transition: all 0.3s;
  opacity: 0.8;
}

.friend-image-wrapper img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.frd-list-details {
  display: flex;
  margin-top: 9px;
  padding-left: 12px;
}

.friends-lists {
  margin: 0 0 18px -14px;
}

.about-more-details b {
  font-weight: 500;
}

/*******************  Profile completeion  css end   *******************/

/*******************  user profile more-friends tab   *******************/
.frind_list_box {
  background-color: #fff;
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 20px;
  display: flex;
  border: 1px solid #e6eaf0;
  align-items: center;
}

.friend_profile_image .friend-image-wrapper {
  background-color: #e6eaf0;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

.friend_profile_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 20px;
}

.friend_profile_content .friend_profile_name {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  font-family: HelveticaNeueMedium, sans-sarif;
  color: #D1433A;
  margin-bottom: 7px;
}

.friend_profile_content .friend_profile_location {
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  font-family: HelveticaNeueMedium, sans-serif;
  color: #47505b;
  margin-bottom: 0;
}

.friend_profile_location {
  display: flex;
}

.friend_profile_location span {
  /* margin-right: 10px; */
  position: relative;
  top: 2px;
}

.friend_profile_location .location_map {
  margin-right: 8px !important;
  position: relative;
  top: 2px;
}

.friends_more_icon {
  background: #f5f6f8;
  border-radius: 4px;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: auto;
}

.friends_friend_icon {
  border: 1px solid #D1433A;
  border-radius: 4px;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: auto;
}

.friends_friend_icon:hover {
  background: #D1433A;
  color: #fff;
}

.friends_friend_icon:hover .friends_icon_path {
  stroke: #fff;
}

.submenu_list .nav {
  flex-direction: column;
}

.submenu_list {
  padding: 10px 0;
  width: 240px;
}

.submenu_list .top-tab>a {
  margin-right: 0;
  padding: 6px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #071526;
  height: 30px;
  margin-bottom: 7px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.submenu_list .top-tab .active {
  border-bottom: none;
  color: #47505b;
}

.submenu_list .top-tab>a {
  color: #c4ccd6;
}

.submenu_list .top-tab>a:hover {
  background-color: #D1433A1A;
  color: #47505b;
}

.submenu_list .submenu_list_hr {
  width: 200px;
  margin: 10px auto;
}

.friends_more_dropdown {
  display: none;
}

.friends_more_dropdown {
  position: absolute;
  right: 20px;
  z-index: 1;
  top: 82px;
  width: 170px;
  background-color: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
}

.form-check .form-check-label {
  padding-left: 20px;
  position: relative;
}

.friends_more_dropdown_listing .form-check {
  padding: 7px 0 7px 20px;
}

.friends_more_dropdown_listing .form-check:hover {
  background-color: #D1433A1A;
}

.friends_more_dropdown_listing .form-check {
  padding-left: 0;
}

.friends_more_dropdown_listing .form-check input {
  display: none;
}

.friends_more_dropdown_listing .form-check .form-check-label::before {
  content: "";
  border: 1px solid #c4ccd6;
  height: 10px;
  width: 10px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 5px;
}

.friends_more_dropdown_listing .form-check input:checked+label::after {
  content: "";
  background: #D1433A;
  height: 6px;
  width: 6px;
  display: inline-flex;
  border-radius: 50%;
  left: 22px;
  position: absolute;
  top: 7px;
}

.friends_more_dropdown_listing {
  margin-top: 10px;
}

.friends_more_dropdown_listing label span {
  margin-left: 21px;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  color: #071526;
}

.friends_more_dropdown_listing .form-check {
  margin-bottom: 5px;
}

.artister-profile {
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  border: 1px solid #e6eaf0;
}

.artister-profile-image {
  position: relative;
}

.artister-profile-image img {
  width: 130px;
  height: 130px;
  object-fit: cover;
  border-radius: 50%;
}

.artister-profile-image span {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}

.artister-profile-detail {
  margin-top: 18px;
}

.artister-profile-detail h1 {
  color: #071526;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  opacity: 0.9;
  margin-bottom: 3px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.artister-profile-detail p {
  margin-bottom: 0;
  margin-top: 0px;
  color: #47505b;
  font-size: 12px;
  text-align: center;
}

.artister-profile-star {
  text-align: center;
  margin-top: 7px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.artister-profile-star span {
  background-color: #8b949f;
  border-radius: 4px;
  width: 50px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}

.artister-profile-star span svg {
  margin-right: 5px;
}

.artister-follow-btn {
  margin-top: 10px;
  border: 1.3px solid #D1433A;
  border-radius: 4px;
  width: 130px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
  cursor: pointer;
}

.artister-follow-btn:hover {
  background-color: #D1433A;
}

.artister-follow-btn svg {
  margin-right: 5px;
}

.artister-follow-btn span {
  font-size: 13px;
  color: #D1433A;
  font-weight: 600;
  /*ont-family: 'Helvetica Neue', sans-serif;*/
}

.artister-follow-btn:hover .artister-follow-btn-svg {
  fill: #fff;
}

.artister-follow-btn:hover span {
  color: #fff;
}

.artist-detail-popup {
  display: none;
}

.artist-detail-popup {
  box-shadow: 0px 10px 20px rgba(74, 75, 77, 0.08);
  border: 1px solid #e6eaf0;
  background-color: #fff;
  padding: 20px;
  max-width: 370px;
  border-radius: 6px;
  position: absolute;
  bottom: -210px;
  z-index: 1;
}

.artist-detail-popup-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e6eaf0;
  padding-bottom: 15px;
}

.artist-pic-detail {
  display: flex;
  align-items: center;
}

.artist-avatar-pic {
  position: relative;
}

.artist-avatar-pic img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.artist-avatar-detail {
  padding-left: 15px;
}

.artist-avatar-detail h1 {
  font-size: 13px;
  font-weight: 600;
  color: #071526;
}

.artist-avatar-detail p {
  font-size: 12px;
  font-weight: 500;
  color: #47505b;
  margin-top: 5px;
  margin-bottom: 0;
}

.artist-avatar-detail span {
  font-weight: 400;
  color: #47505b;
  font-size: 10px;
}

.artist-follow-follwer-list {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
}

.artist-follow-post {
  border-right: 1px solid #e6eaf0;
  width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.artist-follow-post h1 {
  font-size: 13px;
  font-weight: 600;
}

.artist-follow-post p {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  color: #8b949f;
  margin-top: 5px;
}

.engage-following-btn {
  margin-top: 5px;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.engage-following-btn button {
  width: 160px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  background-color: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #000;
  height: 30px;
  cursor: pointer;
}

.engage-following-btn button {
  width: 160px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  background-color: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #000;
  height: 30px;
  cursor: pointer;
}

.review_request {
  margin-top: 20px;
  background-color: #e6eaf0;
  padding: 17px 20px;
}

.review_request_text {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 2px;
  line-height: 16px;
  color: #0053b5;
}

.Friend_Req_box {
  padding: 10px 20px;
}

.Friend_Req_box:hover {
  background-color: #f7f8fa;
}

.Friend_Req_box .friend_profile_content .friend_profile_name {
  font-weight: 500;
}

.Friend_Req_btn {
  width: 100%;
}

.Friend_Req_btn .btn-accept {
  margin-bottom: 10px;
  background-color: #D1433A1A;
  color: #D1433A;
  width: 100%;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
}

.Friend_Req_btn .btn-delete {
  background-color: #e6eaf0;
  color: #47505b;
  width: 100%;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
}

.Friend_Req_btn .btn-accept:hover {
  background-color: #D1433A;
  color: #fff;
}

.Friend_Req_btn .btn-delete:hover {
  background-color: #c4ccd6;
}

.Friend_Req_btn .req_sent {
  margin-right: 20px;
  border: 1px solid #D1433A;
  color: #D1433A;
  width: 100px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
}

.friends_tab .event_counting {
  background-color: #D1433A;
  color: #fff;
  width: 26px;
  height: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  font-family: HelveticaNeueMedium, sans-serif;
  border-radius: 4px;
  margin-left: 10px;
}

.event_counting {
  width: 26px;
  height: 18px;
  background-color: #D1433A;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  /*  before   line-height: 17px;*/
  line-height: 18px;
  font-size: 12px;
  color: #ffffff;
  font-weight: 700;
  margin-left: 8px;
}

.review_request-people {
  background: rgba(209, 67, 58, 0.10);
  padding: 14px 0px 14px 19px;
  border-radius: 4px;
  margin-bottom: 10px;
  letter-spacing: 0.03em;
  width: 769px;
  height: 80px;
}

.review_request-people h1 {
  color: #071526;
  font-family: HelveticaNeueBold, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.review_request-people a {
  color: #D1433A !important;
  font-family: HelveticaNeueMedium, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.musicbar_more-frd {
  margin-top: 10px;
}

.musicbar_more-frd .show_more_bg {
  display: flex;
  align-items: center;
}

.musicbar_more-frd .show_more_bg svg {
  margin-right: 5px;
}

.musicbar_more-frd a {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  background-color: #e6eaf0;
  height: 30px;
  border-radius: 2px;
}

.review_request-people a {
  color: #0053b5;
  font-size: 13px;
  font-weight: 500;
  margin-top: 10px;
  display: inline-block;
}

.friend_tab_search input {
  border: 1px solid #e6eaf0;
  min-width: 10rem;
  height: 40px;
  border-radius: 4px;
  padding: 0 10px;
}

.friend_tab_search {
  position: relative;
}

.friend_tab_search svg {
  position: absolute;
  top: 12px;
  right: 19px;
}

.history_top_bar.card.genres-list .album {
  margin-left: 96px !important;
}

.message-work button {
  background-color: #D1433A;
  height: 40px;
  width: 120px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s all;
  cursor: pointer;
}

.message-work button:hover {
  background-color: #DA6961;
}

.message-work button svg {
  margin-right: 10px;
}

.add-user-message button {
  width: 40px;
  height: 40px;
  border: 1.5px solid #D1433A;
  border-radius: 4px;
  background-color: #fff;
  margin-left: 10px;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
}

.add-user-message button:hover {
  background-color: #D1433A;
}

.add-user-message button:hover .add-user-message-active {
  stroke: #fff;
}

.share-message-work button {
  width: 120px;
  height: 40px;
  border: 1.5px solid #D1433A;
  border-radius: 4px;
  background-color: #fff;
  margin-left: 10px;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
}

.share-message-work button:hover {
  background-color: #D1433A;
  color: #fff;
}

.share-message-work button:hover .artist-btn-active {
  stroke: #fff;
}

.share-message-work_text {
  margin-left: 10px;
  font-weight: 700;
  font-size: 13px;
  font-family: HelveticaNeueMedium, sans-serif;
}

/*******************  user profile more-friends tab-end  *******************/

/******************  need feed prefrance popup css start   ******************/
.need-prefraces-container {
  background-color: #ffffff;
  border-radius: 2px;
  padding: 17px 30px 22px 30px;
  max-width: 570px;
  margin: 0 auto;
}

.news-feed-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e6eaf0;
  padding-bottom: 12px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.news-feed-heading h1 {
  font-size: 18px;
  font-weight: 600;
  font-family: HelveticaNeueMedium, sans-serif;
  color: #071526;
  letter-spacing: 0.5px;
}

.feed-labels input {
  display: none;
}

.artist-check_box-main {
  width: 100%;
  height: 50px;
  padding: 5px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  background-color: #fff;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
}

.feeds-prefrances-list {
  margin-top: 20px;
}

.feeds-prefrances-list ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.feeds-prefrances-list ul li {
  list-style: none;
  width: 49%;
  flex: 0 0 49%;
}

.artist-check-svg-icon {
  display: flex;
  padding-left: 14px;
}

.artist-check-svg-text {
  padding-left: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #071526;
  font-family: HelveticaNeueMedium, sans-serif;
}

.artist-check_box-main:hover {
  border: 1px solid #D1433A;
}

.artist-check_box-main:hover .svg-icons-class {
  stroke: #D1433A;
}

.artist-check_box-main:hover .artist-check-svg-text {
  color: #D1433A;
}

.feed-labels>input:checked+.artist-check_box-main {
  background-color: #D1433A;
  border-color: #D1433A;
}

.feed-labels>input:checked+.artist-check_box-main .artist-check-svg-text {
  color: #fff;
}

.feed-labels>input:checked+.artist-check_box-main .svg-icons-class {
  stroke: #fff;
}

.create-video-close {
  position: relative;
  right: -9px;
}

.create-video-close a:hover {
  background-color: #e4e6eb;
}

.create-video-close a {
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
  border-radius: 2px;
}

/******************  need feed prefrance popup css end   ******************/
.my-post-contanier {
  max-width: 240px;
  position: absolute;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  z-index: 1;
  right: 0;
}

.save-post-link {
  margin-top: 10px;
}

.save-post-link span {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.save-post-link a {
  display: flex;
  width: 100%;
  font-size: 13px;
  color: #000;
  font-weight: 500;
  align-items: center;
  cursor: pointer;
  padding: 15px 10px;
}

.my-post-contaniermain {
  width: 100%;
}

.regular-links ul {
  padding: 0;
  margin: 14px 0 10px 0;
}

.regular-links ul li {
  display: inline-block;
  width: 100%;
  list-style: none;
}

.regular-links a {
  width: 100%;
  display: flex;
  padding: 11px 25px;
  font-size: 13px;
  font-weight: 500;
  color: #000;
  align-items: center;
}

.regular-links span {
  margin-right: 20px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.seprator-line {
  border-top: 1px solid #e6eaf0;
  width: 210px !important;
  margin: 0 auto;
  display: inherit;
  margin-top: 5px;
}

.regular-links a:hover {
  background-color: #D1433A1A;
  color: #D1433A;
}

.regular-links a:hover .regular-link-svg {
  stroke: #D1433A;
}

.regular-links a:hover .regular-link-svg1 {
  fill: #D1433A;
}

.other-post-people {
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  border-radius: 4px;
  width: 240px;
  margin: 0 auto;
}

.other-post-people ul {
  padding: 0;
  margin: 10px 0 10px 0px;
  width: 100%;
  display: inline-block;
}

.other-post-people ul li {
  list-style: none;
  display: inline-block;
  width: 100%;
}

.other-post-people ul li a {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 10px 23px;
}

.other-post-icon-title h1 {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  margin-bottom: 0;
}

.other-post-icon {
  display: flex;
  align-items: center;
}

.other-post-seprator {
  border-top: 1px solid #e6eaf0;
  width: 100%;
  display: flex;
  margin-top: 7px;
  margin-bottom: 7px;
}

.other-post-icon-title {
  padding-left: 16px;
}

.other-post-icon-title p {
  margin: 0;
  margin-top: 0px;
  font-size: 11px;
  font-weight: 400;
  color: #8b949f;
  margin-top: 2px;
}

.other-post-icon-svg {
  position: relative;
  top: -4px;
}

.optionModal {
  box-shadow: none !important;
}

.frd-title {
  background-color: #fff;
  border-top: 1px solid #e6eaf0;
  border-right: 1px solid #e6eaf0;
  border-left: 1px solid #e6eaf0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.post-artist-setcion {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.btns-premium {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 0;
  border-radius: 4px;
}

.m-band {
  color: #071526;
  font-size: 13px;
  font-weight: 500;
}

.artist-main-premium-btns {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #e6eaf0;
  box-shadow: 0px 15px 40px rgba(71, 80, 91, 0.05);
  padding: 10px 20px 10px 20px;
  margin-bottom: 10px;
}

/*********************** My pages css start ***********************/
.my-pages-section {
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  border: 1px solid #e6eaf0;
}

.my-pages-section-left {
  display: flex;
  padding: 20px 30px 30px 30px;
  border-right: 1px solid #e6eaf0;
}

.my-pages-section-right {
  display: flex;
  flex-direction: column;
  padding: 20px 20px 20px 30px;
  width: 100%;
  letter-spacing: 0.03em;
}

.my-pages-section-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  color: #000;
  font-family: HelveticaNeueMedium, sans-serif;
}

.my-pages-section-details {
  display: flex;
  margin-top: 15px;
  line-height: 14px;
  margin-top: 14px;
}

.my-pages-section-user {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.my-pages-section-user p {
  margin-bottom: 0;
}

.my-pages-section-user p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  color: #47505b;
  font-family: HelveticaNeueuBold, sans-serif;
}

.my-pages-section-user p span {
  color: #16c674;
}

.my-pages-buttons-section {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 28px;
}

.my-pages-buttons-left-section button {
  background-color: #D1433A1A;
  border-radius: 2px;
  border: none;
  font-size: 12px;
  color: #47505b;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
  height: 30px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.my-pages-buttons-left-section button.my-pages-buttons-left-msg {
  width: 110px;
}

.my-pages-buttons-left-section button.my-pages-buttons-left-notifi {
  width: 130px;
}

.my-pages-buttons-left-section {
  display: flex;
}

.my-pages-buttons-left-msg {
  width: 110px;
}

.my-pages-buttons-left-notifi {
  width: 120px;
}

.my-pages-buttons-left-section button svg {
  margin-right: 6px;
}

.create-posts {
  font-size: 12px;
  color: #D1433A;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
  height: 30px;
  border: 1px solid #D1433A;
  background-color: #fff;
  width: 110px;
  border-radius: 2px;
  transition: 0.3s all;
  margin-right: 10px;
}

.create-promote {
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
  font-size: 12px;
  color: #D1433A;
  height: 30px;
  border: 1px solid #D1433A;
  background-color: #fff;
  width: 90px;
  border-radius: 2px;
  margin-right: 10px;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
}

.my-pages-section-user svg {
  margin-right: 7px;
}

.my-pages-buttons-more {
  background-color: #e6eaf0;
  border-radius: 2px;
  height: 30px;
  width: 30px;
  border: none;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
}

.my-pages-buttons-right-section {
  display: flex;
  align-items: center;
}

.my-pages-buttons-more:hover {
  background-color: #D1433A1A;
}

.my-pages-buttons-more svg {
  position: relative;
}

.create-posts:hover {
  background-color: #D1433A;
  color: #fff;
}

.create-promote:hover {
  background-color: #D1433A;
  color: #fff;
}

.my-pages-section-img-wrapper {
  position: relative;
}

.my-pages-section-img-wrapper-image-cover img {
  width: 110px;
  height: 110px;
  object-fit: cover;
  border-radius: 50%;
}

.my-pages-check-ico .svg-icon {
  width: 20px;
  height: 20px;
  background-color: #D1433A;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.my-pages-check-ico {
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.my-page-overview {
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 30px;
  letter-spacing: 0.05em;
  line-height: 22px;
  border: 1px solid #e6eaf0;
}

.my-page-overview-heading {
  font-size: 18px;
  font-weight: normal;
  color: #071526;
  font-family: HelveticaNeueBold, sans-serif;
}

.my-page-overview-detail {
  margin-top: 16px;
}

.my-page-overview-pages-over {
  background-color: #f9fafb;
  padding: 7px 0;
  padding-left: 0px;
  line-height: 30px;
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #47505b;
}

.my-page-overview-pages-over {
  background-color: #f9fafb;
  padding: 7px 10px;
  line-height: 16px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #47505b;
  font-family: HelveticaNeueNormal, sans-serif;
}

.my-page-overview-pages-over span {
  color: #47505b;
  margin-left: 5px;
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
}

.my-page-msg-notifiaction {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.my-page-overview-pages-messages {
  background-color: #f9fafb;
  padding: 7px 10px;
  line-height: 16px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #47505b;
  font-family: HelveticaNeueNormal, sans-serif;
  max-width: 160px;
  width: 100%;
}

.my-page-overview-pages-messages span {
  margin-left: 5px;
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
}

.my-page-overview-pages-notifi {
  background-color: #f9fafb;
  padding: 7px 10px;
  line-height: 16px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #47505b;
  font-family: HelveticaNeueNormal, sans-serif;
  max-width: 160px;
  width: 100%;
}

.my-page-overview-pages-notifi span {
  margin-left: 5px;
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
}

.my-page-overview-pages-over h1 {
  color: #D1433A;
  font-size: 13px;
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
  display: inline-block;
}

.now-parmoting-contain {
  margin-top: 15px;
}

.promoting-container-section {
  display: flex;
  margin-bottom: 10px;
  background-color: #f9fafb;
  align-items: center;
  padding: 10px;
}

.promoting-container-section-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}

.promoting-container-section-image img {
  width: 100%;
}

.promoting-container-section-detail {
  padding-left: 20px;
}

.promoting-container-section-detail h1 {
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
  margin-top: 7px;
}

.promoting-container-section-detail p {
  font-weight: normal;
  margin-top: 6px;
  font-size: 11px;
  line-height: 13px;
  color: #8b949f;
  margin-bottom: 0;
}

.promoting-container-section-detail-right-arrow {
  margin-left: auto;
  margin-right: 15px;
  width: 30px;
  height: 30px;
  background-color: #D1433A;
  border-radius: 2px;
  border: none;
  outline: none;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.promoting-container-section-detail-right-arrow:hover,
.promoting-container-section-detail-right-arrow:focus {
  box-shadow: none;
  border: none;
  outline: none;
}

.promoting-container-section-detail-right-arrow:hover {
  transition: all 0.3s;
  background-color: #DA6961;
}

.promoting-container-section-detail color {
  color: #ee3f3f;
}

.pages-heading-title {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 13px;
  font-size: 24px;
  font-weight: 500;
  cursor: default;
  line-height: 38.4px;
  color: #000;
  text-transform: uppercase;
  font-family: drukwide;
  letter-spacing: 0.03em;
}

.mb-40 {
  margin-bottom: 40px;
}

.pages-tbs a {
  font-size: 13px !important;
  color: #c4ccd6;
  font-weight: normal !important;
  margin-right: 35px !important;
  padding: 24px 0px 24px 0;
  border-bottom: 2px solid transparent;
  font-family: HelveticaNeueBold, sans-serif;
}

.pages-tbs {
  border: 1px solid #e6eaf0;
  border-bottom-color: rgb(230, 234, 240);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-radius: 4px;
  background-color: #fff;
  height: 70px;
  padding-left: 30px;
  letter-spacing: 0.05em;
}

.pages-tbs .active {
  border-bottom: 2px solid #D1433A;
  color: #47505b !important;
}

.sort-cehkbox {
  padding: 0;
  margin: 0;
}

.sort-cehkbox li {
  list-style: none;
}

.sort-cehkbox-main {
  position: relative;
}

.sort-cehkbox-main input {
  position: absolute;
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
  opacity: 0;
}

.sort-cehkbox-main label {
  margin-bottom: 17px;
  width: 100%;
  color: #47505b;
  font-size: var(--sm-font-size);
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}

.sort-cehkbox-main input+label::after {
  content: "";
  position: absolute;
  border: 1.5px solid #c4ccd6;
  width: 14px;
  height: 14px;
  top: 2px;
  left: 0;
  border-radius: 8px;
}

.sort-cehkbox-main input:checked+label::before {
  content: "";
  /* background-image: url('../../assets/img/check-page.svg'); */
  position: absolute;
  width: 14px;
  height: 14px;
  top: 2px;
  border-radius: 8px;
  z-index: 1;
  left: 0;
}

.sort-cehkbox-main span {
  padding-left: 30px;
}

.followers.following-btn {
  background-color: #D1433A;
}

.followers.following-btn .svg-icon {
  position: relative;
  top: 0;
}

.followers.following-btn .text {
  color: #fff !important;
}

.following-btn .svg-icon {
  position: relative;
  top: 3px;
}

/*********************** My pages css ends ***********************/
.gird-title-name a {
  font-size: 13px;
  font-weight: normal;
  top: 0px;
  letter-spacing: 0.05em;
}

.mt_50 {
  margin-top: 50px;
}

.grid-price-tab {
  margin-top: 8px !important;
}

.Electronic {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.frd-following-icon .friends_icon_path {
  stroke: #fff;
}

.frd-following-icon {
  background-color: #D1433A;
}

.statistics {
  margin-top: 10px;
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
}

.stat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.stat-header h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

.who-see {
  display: flex;
  align-items: center;
}

.who-see p {
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 700;
  color: #8b949f;
  padding-left: 10px;
}

.view-sections {
  margin-top: 25px;
  display: flex;
}

.view-today {
  width: 130px;
}

.view-today p {
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 700;
  color: #8b949f;
  text-transform: uppercase;
}

.view-today h1 {
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 700;
  color: #47505b;
  opacity: 0.9;
  margin-top: 10px;
}

.search-appearance p {
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 700;
  color: #8b949f;
  text-transform: uppercase;
}

.search-appearance h1 {
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 700;
  color: #47505b;
  opacity: 0.9;
  margin-top: 10px;
}

.sponser-dd .drop-icon1 {
  transform: rotate(-90deg);
  margin-left: auto;
}

.sponser-dd {
  position: relative;
}

.with-drop[aria-expanded="true"] .drop-icon1 {
  position: absolute;
  right: 10px;
  margin-left: 0;
  margin-right: 9px;
  transform: rotate(0deg) !important;
  top: 11px;
}

.sponsership-ul {
  list-style: none;
  padding-left: 48px !important;
  margin: 0 0 0px 0;
  margin-bottom: 0px;
}

.sponsership-ul li {
  margin: 11px 0;
  display: block;
}

.sponsership-ul li span {
  color: #071526;
  font-size: 13px;
  transition: 0.2s all ease;
  font-weight: 400;
  cursor: pointer;
}

.artist_middle_section-artist {
  /* before
    padding-right: 50px;
    */
  padding-right: 0px !important;
}

/******************************  groups  Clubs css  *************/
.club-header-heading {
  margin-bottom: 0 !important;
}

.btn_play svg {
  margin-right: 8px;
}

.grop-club-section {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}

.artist-header-btns {
  position: relative;
}

.club-page-drop-down {
  position: absolute;
  width: 260px;
  background-color: #fff;
  box-shadow: 0px 10px 20px rgba(74, 75, 77, 0.08);
  border-radius: 4px;
  right: 0;
  top: 60px;
}

.club-page-drop-down ul {
  padding-left: 0;
  margin-bottom: 0;
}

.club-page-drop-down ul li {
  list-style: none;
}

.club-page-drop-down ul li a {
  display: flex;
  padding: 6px 0 6px 20px;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  align-items: center;
  margin: 8px 0;
}

.club-page-drop-down ul li a svg {
  margin-right: 14px;
}

.club-page-drop-down ul li a:hover {
  background-color: #D1433A1A;
  color: #D1433A;
}

.club-page-drop-down ul li a:hover .more-club-icon {
  stroke: #D1433A;
}

.seprator-group {
  width: 100%;
  background-color: #e6eaf0;
  height: 1px;
}

.club-page-drop-down::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 15px solid white;
  right: 9px;
  top: -15px;
}

.group-club-header {
  padding-right: 50px;
}

.all-room-block {
  box-shadow: 0px 15px 40px rgba(71, 80, 91, 0.05);
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  margin-bottom: 10px;
  padding: 19px;
  display: flex;
  align-items: center;
}

.room-detials h1 {
  font-size: 15px;
  font-weight: 700;
  color: #071526;
  margin-bottom: 6px;
}

.room-detials p {
  font-size: 13px;
  font-weight: 500;
  color: #8b949f;
  margin-bottom: 14px;
}

.room-detials span {
  display: flex;
  align-items: center;
  color: #D1433A;
  font-size: 13px;
  font-weight: 500;
}

.room-detials span svg {
  margin-right: 10px;
}

.open-room-manage {
  display: flex;
  margin-left: auto;
  flex-direction: column;
}

.open-room-btn {
  display: flex;
  width: 150px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #D1433A;
  border-radius: 2px;
  background-color: #fff;
  color: #D1433A;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 29px;
  transition: 0.3s all;
}

.open-room-btn:hover {
  background-color: #D1433A;
  color: #fff;
}

.open-room-btn:hover .open-room-icon {
  stroke: #fff;
}

.open-room-btn svg {
  margin-right: 8px;
}

.manage-btn {
  width: 150px;
  height: 30px;
  background-color: #f5f6f8;
  border-radius: 4px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #47505b;
  transition: 0.3s all;
}

.manage-btn svg {
  margin-right: 8px;
}

.room-images-main {
  width: 80px;
  height: 80px;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}

.room-1 {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
}

.room-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}

.room-3 {
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 40px;
  left: 0;
}

.room-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
}

.more_images {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #D1433A;
}

.more_images a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.more_images a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 0 0px 6px;
}

.room-detials {
  padding-left: 20px;
}

.memebers-div h1 {
  color: #47505b;
  font-size: 13px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}

.members-sort select {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  color: #47505b;
  height: 40px;
  width: 210px;
  padding-left: 20px;
  appearance: none;
}

.members-sort {
  position: relative;
}

.members-sort::before {
  content: "";
  background-image: url(../img/d-a.png);
  position: absolute;
  width: 11px;
  height: 10px;
  top: 17px;
  right: 14px;
  z-index: 2;
  background-repeat: no-repeat;
}

.followers:hover .c-fill-11 {
  stroke: #fff;
}

.joined-btn {
  margin: 8px auto 10px !important;
  width: 130px;
  height: 30px;
  border-radius: 4px;
  background-color: #D1433A;
  display: flex;
  align-items: center;
  justify-content: center;
}

.joined-btn .text {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}

.joined-btn .text .svg-icon {
  margin-right: 5px;
}

.action:hover .similar-icon {
  stroke: #fff;
}

.svg-icon.smiliar-svg {
  position: relative;
  right: 2px;
}

.artist-tour-dates .img-wrapper img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.member-slot {
  margin-left: 12px;
}

.artist-intersted-btn-member {
  margin-left: auto;
  width: 30px;
  height: 30px;
  border: 1px solid #D1433A;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
  cursor: pointer;
}

.artist-intersted-btn-member:hover {
  background-color: #D1433A;
}

.artist-intersted-btn-member:hover .msg-icon {
  stroke: #fff;
}

.member-right-icon {
  margin-left: auto;
  display: flex;
}

.right-check {
  width: 30px;
  height: 30px;
  background-color: #15ca86;
  border-radius: 4px;
  border: none;
}

.close-btn {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #ff0039;
  border-radius: 4px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  transition: 0.3s all;
  justify-content: center;
}

.mem-rqu-bottom {
  margin-bottom: 20px;
}

.more-m-req {
  position: relative;
  color: #071526;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: HelveticaNeueMedium, sans-serif;
}

.more-m-req a {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  background-color: #e6eaf0;
  height: 30px;
}

.more-m-req .show_more_bg {
  width: 370px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  background-color: #e6eaf0;
}

.more-m-req a svg {
  margin-right: 8px;
}

/******************************  groups  Clubs css  end *************/

/*********************** streaming stats  css starts ***********************/
.page_manager_fill {
  background-color: #071526;
  color: #fff;
}

.nav-tabs-iconed .nav-link {
  display: flex;
  align-items: center;
}

.nav-tabs-iconed .nav-link .svg_icon {
  margin-right: 6px;
}

.nav-tabs-iconed .nav-link .svg_icon path {
  stroke: #c4ccd6;
  transition: 0.3s all ease;
}

.nav-tabs-iconed .nav-link.active .svg_icon path {
  stroke: #47505b;
}

.nav-tabs-iconed .nav-link:hover .svg_icon path {
  stroke: #000;
}

.nav-item.nav-link:focus-visible {
  outline: none;
}

.top-tab>a {
  border-bottom: 2px solid transparent;
}

.nav-tabs-iconed.top-tab>a {
  margin-right: 42px;
  padding: 24px 0;
}

.form_control_blue {
  border-color: #D1433A;
  color: #D1433A;
}

.select_box_blue {
  background-image: url(../img/svg/chevron-down-blue.svg);
}

.dates_selection {
  width: 250px;
  display: flex;
  align-items: center;
}

.dates_selection .select_box {
  width: 100%;
}

.dates_selection .select_box select:focus {
  box-shadow: none;
}

.page_insights {
  background-color: #fff;
  margin-bottom: 30px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding: 19px 21px 12px 21px;
  position: relative;
}

.page_insights>h6 {
  font-size: 11px;
  font-weight: 600;
  color: #8b949f;
  line-height: 13px;
  margin-bottom: 3px;
}

.page_insights>h2 {
  font-size: 36px;
  font-weight: 600;
  color: #47505b;
  line-height: 43px;
  opacity: 0.9;
  margin-bottom: 0px;
}

.text-color-blue {
  color: #D1433A !important;
}

.page_insights>a {
  position: absolute;
  right: 20px;
  top: 20px;
}

.page_insights>a g {
  transition: 0.3s all ease;
}

.page_insights>a:hover g {
  opacity: 1;
}

.widget_insights {
  padding: 23px 20px 30px;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 30px;
}

.widget_view_heading {
  font-size: 17px;
  font-weight: 600;
  color: #071526;
  line-height: 20px;
  margin-bottom: 17px;
  opacity: 0.9;
}

.tags_listed {
  font-size: 15px;
  line-height: 18px;
  color: #47505b;
  font-weight: 600;
}

.tags_listed span {
  font-weight: 400;
}

.outline_primary_button_sm {
  height: 30px;
  border: 1px solid #D1433A;
  color: #D1433A;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: transparent;
  font-size: 11px;
  font-weight: 600;
  transition: 0.3s all ease;
}

.outline_primary_button_sm:hover {
  background-color: #D1433A;
  color: #fff;
}

.widget_view_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

.w150 {
  width: 150px;
}

.progress_listing {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}

.progress_listing>li {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
  margin-bottom: 20px;
}

.progress_listing>li:last-child {
  margin-bottom: 0px;
}

.progress_text {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}

.progress_text>h3 {
  font-size: 15px;
  line-height: 18px;
  color: #47505b;
  opacity: 0.9;
  font-weight: 500;
  margin-right: 17px;
  margin-bottom: 0px;
}

.progress_text>h4 {
  font-size: 15px;
  font-weight: 600;
  color: #8b949f;
  line-height: 18px;
  margin: 0;
}

.progress_widget {
  width: 100%;
  height: 10px;
  background-color: #f3f3f3;
  position: relative;
  overflow: hidden;
}

.progress_inner {
  background-color: #D1433A;
  width: 50%;
  height: 10px;
  transition: 0.3s all ease;
}

.map_view_globe>img {
  width: 100%;
  height: 220px;
}

.most_view_header {
  font-size: 17px;
  font-weight: 600;
  color: #071526;
  line-height: 20px;
  margin-bottom: 17px;
  opacity: 0.9;
}

.mb10px {
  margin-bottom: 10px;
}

.most_view_footer {
  padding: 12px;
  text-align: center;
}

.more_tracks {
  color: #071526;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
}

.more_tracks:hover,
.more_tracks:focus {
  color: #071526;
}

.more_tracks>img {
  margin-right: 2px;
}

.progress_listing_popup {
  margin-top: 20px;
  margin-bottom: 10px;
}

.insights_result {
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 30px;
}

.insights_result_header {
  display: flex;
  justify-content: space-between;
  padding: 17px 51px 17px 30px;
  border-bottom: 1px solid #e6eaf0;
  align-items: center;
}

.insights_result_header>h2 {
  font-size: 14px;
  margin: 0;
  color: #47505b;
  font-weight: 600;
}

.hints {
  font-size: 13px;
  color: #47505b;
  font-weight: 400;
  margin-left: 31px;
  display: flex;
  align-items: center;
}

.hints>span {
  display: inline-flex;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 8px;
}

span.hint_blue {
  background-color: #D1433A;
}

span.hint_green {
  background-color: #2ed297;
}

.insights_result_body {
  padding: 20px 30px 10px 30px;
}

.insights_results_listing {
  margin: 0 -10px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.insights_results_list {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding: 20px;
  margin: 0 5px 10px;
  width: calc(25% - 10px);
}

.insight_results_list_header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.insight_results_list_header h4 {
  font-size: 11px;
  font-weight: 600;
  color: #8b949f;
  line-height: 13px;
  margin-bottom: 2px;
}

.insight_results_list_header h5 {
  font-size: 24px;
  font-weight: 600;
  color: #47505b;
  line-height: 28px;
  opacity: 0.9;
  margin-bottom: 0px;
}

.insight_results_list_header h6 {
  font-size: 11px;
  text-align: right;
  line-height: 13px;
  margin-bottom: 6px;
  font-weight: 500;
  color: #8b949f;
}

.text_danger {
  color: #ee3f3f;
}

.text_success {
  color: #2ed297 !important;
}

.text_primary {
  color: #D1433A !important;
}

.insight_results_list_header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}

.insight_results_list_header ul>li {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  margin-left: 10px;
}

.top_post_insights {
  background-color: #fff;
  padding: 30px 70px 30px 70px;
  border: 1px solid rgba(230, 234, 240, 0.7);
  border-radius: 4px;
}

.top_post_insights_header {
  display: flex;
  justify-content: space-between;
  border: 1.3px solid #e6eaf0;
  border-radius: 4px;
  height: 50px;
  align-items: center;
  padding: 10px 10px 10px 20px;
  background-color: #fafafa;
  margin-bottom: 10px;
}

.top_post_insights_header>h2 {
  font-size: 12px;
  color: #333333;
  font-weight: 600;
  border-bottom: 2px solid #D1433A;
  padding: 16px 0;
  margin: 0;
}

.w100 {
  width: 100px;
}

.table_insights {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 10px;
}

.table_insights thead td {
  background-color: #fafafa;
  border-top: 1.3px solid #e6eaf0;
  border-bottom: 1.3px solid #e6eaf0;
  border-radius: 4px;
  padding: 18px 10px;
  color: #8b949f;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}

.table_insights thead td:first-child {
  border-left: 1.3px solid #e6eaf0;
  padding-left: 18px;
}

.table_insights thead td:last-child {
  border-right: 1.3px solid #e6eaf0;
  padding-right: 18px;
}

.table_insights thead td.sorting {
  color: #D1433A;
}

.table_insights thead td.sorting::after {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  position: relative;
  top: 1px;
  left: 1px;
}

.table_insights thead td.sorting_acc::after {
  background-image: url(../img/svg/chevron-up.svg);
}

.table_insights tbody td {
  padding: 10px;
  background-color: #fafafa;
  border-top: 1.3px solid #e6eaf0;
  border-bottom: 1.3px solid #e6eaf0;
  border-radius: 4px;
}

.table_insights tbody td:first-child {
  border-left: 1.3px solid #e6eaf0;
}

.table_insights tbody td:last-child {
  border-right: 1.3px solid #e6eaf0;
}

.insigts_thumb {
  font-size: 13px;
  color: #071526;
  font-weight: 700;
  display: flex;
}

.insigts_thumb>img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-right: 20px;
}

.insight_date_time>h5 {
  font-size: 13px;
  color: #071526;
  font-weight: 400;
  margin-bottom: 6px;
}

.insight_date_time>h6 {
  font-size: 13px;
  color: #8b949f;
  font-weight: 400;
  margin-bottom: 0px;
}

.reach_tag {
  font-size: 13px;
  color: #071526;
  font-weight: 400;
  margin: 2px 0;
}

.reach_tag>span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-flex;
  margin-right: 6px;
}

.outline_primary_button_md {
  height: 30px;
  border: 1px solid #D1433A;
  color: #D1433A;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  font-size: 12px;
  font-weight: 600;
  transition: 0.3s all ease;
  border-radius: 2px;
  cursor: pointer;
}

.outline_primary_button_md:hover {
  background-color: #D1433A;
  color: #fff;
}

.w100 {
  width: 110px;
}

.more_button {
  height: 30px;
  width: 30px;
  background-color: #e6eaf0;
  text-align: center;
  line-height: 26px;
  border-radius: 2px;
  margin-left: 10px;
  cursor: pointer;
}

.more-post-to-show {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.more-post-to-show a {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  color: #071526;
  text-transform: uppercase;
}

.more-post-to-show a svg {
  margin-right: 9px;
}

/*********************** streaming stats  css ends ***********************/

/******************************  Related Album  css start *************/
.detail-page-heading a {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  color: #071526;
}

.detail-page-main {
  background-color: #fff;
  border-radius: 4px;
  margin-top: 20px;
}

.detail-page-heading {
  border-bottom: 1px solid #e6eaf0;
  padding: 16px 0 16px 20px;
}

.detail-page-heading a svg {
  margin-right: 10px;
}

.albumb_details {
  display: flex;
  padding: 20px 20px 20px 20px;
  border-bottom: 1px solid #e6eaf0;
}

.albumb_details_img {
  width: 90px;
  height: 90px;
  border-radius: 4px;
}

.albumb_details_img img {
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.albumb_details_main {
  padding-left: 20px;
}

.albumb_details_main p {
  color: #8b949f;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 7px;
}

.albumb_details_main h1 {
  font-size: 20px;
  color: #071526;
  font-weight: 700;
  margin-bottom: 0px;
}

.albumb_details_main span {
  color: #8b949f;
  margin-top: 4px;
  display: inline-block;
  font-size: 13px;
}

.no-days {
  margin-right: 40px;
}

.long-road-section {
  display: flex;
  padding: 20px;
}

.road-section-detail h1 {
  color: #071526;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0;
}

.road-section-detail p {
  font-size: 11px;
  font-weight: 400;
  color: #47505b;
  margin-top: 11px;
  margin-bottom: 0;
  font-family: HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
}

.road-section-detail span {
  font-size: 11px;
  font-weight: 400;
  color: #47505b;
  margin-top: 15px;
  display: inline-block;
}

.road-section-detail a {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: end;
  margin-top: 8px;
  color: #071526;
  font-size: 11px;
  font-weight: 700;
}

.road-section-detail a svg {
  margin-left: 5px;
}

.road-section-2 {
  display: flex;
  flex-direction: column;
  margin-left: 54px;
  width: 100%;
}

.road-section-2-main-detail {
  border-right: 1px solid #e6eaf0;
  padding-right: 25px;
  margin-right: 19px;
  padding-bottom: 10px;
}

.road-section-include h1 {
  color: #8b949f;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
  opacity: 0.9;
}

.road-section-include p {
  margin-bottom: 0;
  color: #071526;
  font-size: 11px;
  font-weight: 400;
  margin-top: 6px;
  height: 18px;
  font-family: HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
}

.road-section-include.comp1 {
  margin-top: 35px;
}

.road-section-detail {
  max-width: 230px;
}

.road-section-2-main {
  display: flex;
}

.main-detail-last-child {
  margin-right: 0px;
  padding-right: 0;
  border: none;
}

.copy-right-sec {
  color: #071526 !important;
  font-size: 13px !important;
}

.lower-sections {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.lower-sections ul {
  margin: 0;
  padding: 0;
  display: flex;
}

.lower-sections ul li {
  list-style: none;
  margin-right: 10px;
}

.lower-sections ul li a {
  background-color: #D1433A1A;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  color: #181818;
  width: 90px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.5px;
}

.edit-icon {
  width: 30px;
  height: 30px;
  background-color: #D1433A;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}

.edit-icon:hover {
  transition: all 0.3s;
  background-color: #DA6961;
  cursor: pointer;
}

.mb_10 {
  margin-bottom: 10px;
}

.user-comment-detail {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 10px;
}

.user-profile-detail-sep-comment {
  height: 1px;
  background-color: #e6eaf0;
  margin: 10px auto 10px;
}

.comment-posts {
  display: flex;
  align-items: center;
}

.like-reply ul {
  padding-left: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.like-reply ul li {
  list-style: none;
  margin-right: 10px;
}

.like-reply ul li a {
  display: flex;
  width: 100px;
  height: 30px;
  border-radius: 2px;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  color: #071526;
  opacity: 0.7;
}

.like-reply ul li a svg {
  margin-right: 9px;
}

.like-reply ul li a span {
  margin-left: 10px;
  color: #8b949f;
  font-size: 11px;
  font-weight: 400;
}

.acive-like-reply li a {
  background-color: #f5f6f8;
  opacity: 9 !important;
}

.acive-like-reply li a svg path {
  stroke: #D1433A;
}

.user-comments {
  margin-top: 20px;
}

.user-comments ul {
  padding-left: 50px;
  margin-bottom: 0;
}

.user-comments ul li {
  list-style: none;
  display: flex;
  margin-bottom: 8px;
}

.main-user-thumb img {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 50px;
}

.comment-frames {
  position: relative;
  left: -24px;
  z-index: 0;
}

.main-user-thumb {
  position: relative;
  z-index: 1;
  top: 12px;
}

.comment-frames-main {
  background-color: #f5f6f8;
  border-radius: 50px;
  width: 460px;
  padding-left: 38px;
  display: flex;
  min-height: 60px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  align-items: center;
}

.comment-frames-main p span {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #071526;
}

.comment-frames-main p {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  color: #47505b;
}

.links ul {
  display: flex;
  margin-top: 5px;
  padding-left: 30px;
}

.links ul li {
  margin-right: 6px;
  margin-left: 6px;
}

.links ul li a {
  font-size: 12px;
  font-weight: 500;
  color: #47505b;
}

.like-sep {
  width: 1px;
  height: 18px;
  background-color: #8b949f;
}

.links {
  margin-top: 5px;
  display: inline-block;
}

.acive-like-reply-main a {
  background-color: #D1433A;
  color: #fff !important;
  opacity: 9 !important;
}

.acive-like-reply-main a path {
  stroke: #fff;
}

.acive-like-reply-main a span {
  color: #fff !important;
}

.rate-user {
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.total-rating {
  width: 90px;
  height: 90px;
  background-color: #e6eaf0;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #47505b;
  font-size: 30px;
  font-weight: 700;
}

.rating-detail {
  padding-left: 30px;
}

.latest-rating h1 {
  color: #8b949f;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
}

.latest-rating p {
  font-size: 11px;
  color: #071526;
  margin-top: 8px;
  margin-bottom: 0;
}

.last-rate {
  margin-top: 25px;
}

.star-rate {
  margin-left: auto;
}

.star-rate ul {
  padding: 0;
  margin: 0;
}

.star-rate ul li {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

.star-count {
  display: flex;
  width: 70px;
  justify-content: end;
}

.star-count svg {
  margin-left: 3px;
}

.status-line-active {
  position: absolute;
  height: 4px;
  background-color: #D1433A;
  border-radius: 4px;
  top: 0;
}

.position-relative-status {
  position: relative;
  width: 170px;
  height: 4px;
  border-radius: 4px;
  margin: 0px 10px 0 10px;
  top: 0;
}

.status-line {
  width: 100%;
  background-color: #c4ccd6;
  height: 4px;
  border-radius: 4px;
}

.total-star-count {
  color: #8b949f;
  font-size: 11px;
  font-weight: 700;
}

.total-star-count.active-span {
  color: #D1433A;
}

.rate-album-sections {
  background-color: #fff;
  border-radius: 4px;
}

.user-related-album {
  display: flex;
  padding: 15px 0 0px 15px;
}

.star-bars {
  display: flex;
  width: 530px;
  margin-left: 15px;
  background-color: #f7f7f7;
  border-radius: 50px;
  align-items: center;
  height: 40px;
}

.star-bars p {
  margin-bottom: 0;
  margin-right: 15px;
  padding-left: 20px;
  color: #47505b;
  font-size: 14px;
  font-weight: 500;
}

.star-bars ul {
  padding: 0;
  margin: 0;
  display: flex;
}

.star-bars ul li {
  list-style: none;
  display: flex;
  align-items: center;
}

.comment-submit {
  padding: 10px 10px 10px 70px;
  display: flex;
  align-items: center;
}

.submit-btns {
  margin-right: 9px;
  margin-left: 20px;
}

.submit-btns {
  margin-right: 9px;
  margin-left: 20px;
  width: 130px;
  height: 40px;
  background-color: #D1433A;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  transition: 0.3s all;
}

.submit-btns:hover {
  background-color: #DA6961;
}

.featured-review-section {
  margin-top: 35px;
}

.featured-review-section h1 {
  font-size: 18px;
  font-weight: 700;
  color: #071526;
}

.featured-review-main {
  margin-top: 15px;
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
}

.featured-user-detail {
  display: flex;
  justify-content: space-between;
}

.featured-user-detail-img {
  display: flex;
  align-items: center;
}

.featured-user-detail-img span img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50px;
}

.featured-user-details {
  padding-left: 10px;
}

.featured-user-details h1 {
  color: #071526;
  font-size: 15px;
  margin-bottom: 0;
}

.featured-user-details p {
  margin-bottom: 0;
  color: #8b949f;
  font-size: 13px;
  font-weight: 700;
}

.user-start-review {
  display: flex;
  flex-direction: column;
}

.user-rate {
  display: flex;
  align-items: center;
}

.user-rate ul {
  padding: 0;
  margin: 0;
  display: flex;
}

.user-rate ul li {
  list-style: none;
}

.user-rate span {
  color: #071526;
  font-size: 12px;
  font-weight: 700;
  margin-left: 5px;
}

.review-date {
  color: #8b949f;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  margin-top: 5px;
}

.review-details {
  margin-top: 20px;
  position: relative;
  padding-left: 30px;
}

.review-details::after {
  content: "";
  background-image: url(/assets/icons/quotes.svg);
  position: absolute;
  width: 16px;
  height: 12px;
  top: 5px;
  left: 0;
}

.review-details p {
  color: #071526;
  font-size: 14px;
  font-weight: 400;
}

.dropdown-menu.absolute-position.more-dropdown.show {
  position: absolute !important;
}

.chart-section #line-chart {
  height: 100px !important;
}

.work-exp-popup1 {
  background-color: #fff;
  border-radius: 2px;
  padding: 20px 20px 30px;
  position: relative;
}

.Play-source .modal-dialog {
  max-width: 570px;
}

.insight-popup {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/******************************  Related Album  css end *************/

/*********************** sponsorship modal css starts ***********************/
.sponsorship_modal {
  width: 770px;
  background-color: #fff;
  margin: 0 auto;
  display: flex;
}

.sponsarship_modal_left {
  width: 210px;
  border-right: 1px solid #e6eaf0;
  text-align: center;
  padding: 30px;
  display: flex;
  flex-direction: column;
}

.spons_avatar {
  width: 150px;
  height: 150px;
  margin-bottom: 14px;
}

.spons_avatar>img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.spons_name {
  font-size: 16px;
  line-height: 20px;
  color: #071526;
  font-weight: 500;
  margin-bottom: 4px;
}

.spons_desg {
  font-size: 12px;
  line-height: 14px;
  color: #47505b;
}

.sponsor_description {
  margin-top: 34px;
}

.sponsor_description>h4 {
  font-size: 14px;
  line-height: 17px;
  color: #071526;
  font-weight: 600;
  margin-bottom: 4px;
}

.sponsor_description>p {
  font-size: 12px;
  line-height: 16px;
  color: #071526;
  margin-bottom: 0px;
}

.sponsorship_modal_right {
  background-color: #f9fafb;
  width: 100%;
  padding: 20px;
}

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

.sponsor_header>h3 {
  font-size: 16px;
  line-height: 20px;
  color: #071526;
  font-weight: 600;
  margin-bottom: 0;
}

.close_modal {
  width: 30px;
  height: 30px;
  background-color: #e4e6eb;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s all ease;
}

.close_modal:hover {
  background-color: #c4ccd6;
}

.sponsor_body {
  display: flex;
  flex-direction: column;
}

.sponsor_listing {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 17px 20px 0;
  margin-bottom: 10px;
}

.sponsor_listing_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 17px;
}

.sponsor_listing_header h3 {
  font-size: 13px;
  line-height: 16px;
  color: #071526;
  font-weight: 600;
  margin-bottom: 5px;
}

.sponsor_listing_header h4 {
  font-size: 12px;
  line-height: 15px;
  color: #8b949f;
}

.font_13 {
  font-size: 13px !important;
}

.sponsor_listing_body {
  display: flex;
  padding: 10px 0;
  border-top: 1px solid #e6eaf0;
}

.sponsor_listing_body>ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.sponsor_listing_body>ul>li {
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
  position: relative;
  padding-left: 20px;
  width: 50%;
  margin: 6px 0;
}

.sponsor_listing_body>ul>li::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #D1433A;
  left: 0;
  top: 5px;
}

.back_popup {
  width: 30px;
  height: 30px;
  background-color: #e6eaf0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
  cursor: pointer;
}

.make_offer {
  padding: 17px 20px 20px 20px;
  background-color: #fff;
  border-radius: 2px;
}

.make_offer_bottom {
  border-top: 1px solid #e6eaf0;
  padding-top: 18px;
}

.prime_button_ht30 {
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 600;
  height: 30px;
  background: #D1433A;
  color: #fff;
  border: 1px solid #D1433A;
  border-radius: 2px;
  transition: 0.2s all ease;
  cursor: pointer;
}

.prime_button_ht30:hover {
  background: #DA6961;
  color: #fff;
  border-color: #DA6961;
}

.w230 {
  width: 230px !important;
}

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

.make_offer_bottom>p {
  font-size: 12px;
  color: #8b949f;
  margin-bottom: 0;
  line-height: 20px;
}

.Choose-sponsorship-model .modal-dialog {
  max-width: 770px;
}

/*********************** sponsorship modal css ends ***********************/

/*********************** sponsorship menu css starts ***********************/
.nav.nav_tabs_iconed {
  height: 50px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #e6eaf0;
  padding-left: 50px;
  margin-bottom: 30px;
}

.nav_tabs_iconed .nav-item {
  margin-right: 30px;
}

.nav_tabs_iconed .nav-link {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #8b949f;
  font-weight: 500;
  border-bottom: 3px solid transparent;
  padding: 13px 5px 13px 5px;
  transition: 0.3s all ease;
}

.nav_tabs_iconed .nav-link .svg_icon_tabs path {
  stroke: #8b949f;
  transition: 0.3s all ease;
}

.nav_tabs_iconed .nav-link:hover,
.nav_tabs_iconed .nav-link:focus {
  border-bottom: 3px solid transparent;
  border-left: none;
  background-color: transparent;
  color: #000;
  outline: 0 none;
}

.nav_tabs_iconed .nav-link:hover .svg_icon_tabs path,
.nav_tabs_iconed .nav-link:focus .svg_icon_tabs path {
  stroke: #000;
}

.nav_tabs_iconed .nav-link.active {
  border-bottom: 3px solid #D1433A;
  background-color: transparent;
  color: #47505b;
}

.nav_tabs_iconed .nav-link.active .svg_icon_tabs path {
  stroke: #47505b;
}

.nav_tabs_iconed .svg_icon_tabs {
  margin-right: 8px;
}

.sponsor_member_listing {
  /* margin-right: 20px; */
  margin-bottom: 20px;
  background-color: #fff;
  padding: 30px;
}

.sponsor_member_listing>ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-left: 1px solid #e6eaf0;
  border-right: 1px solid #e6eaf0;
  border-top: 1px solid #e6eaf0;
  border-bottom: 1px solid #e6eaf0;
  margin: 0px 0px 30px 0;
}

.sponsor_member_listing>ul>li {
  display: flex;
  align-items: center;
  padding: 15px 30px 15px 50px;
  border-bottom: 1px solid #e6eaf0;
  transition: 0.3s all;
}

.sponsor_member_listing>ul>li:hover {
  background-color: #f7f8fa;
}

.sponsor_member_listing>ul>li:last-child {
  border-bottom: none;
}

.member_info {
  display: flex;
  align-content: center;
  min-width: 233px;
}

.member_info_avatar {
  display: flex;
  width: 40px;
  height: 40px;
  position: relative;
  margin-right: 10px;
}

.member_info_avatar>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.member_info_avatar>span {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid #fff;
}

.member_info a {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #D1433A;
  margin-bottom: 6px;
}

.member_info_location {
  font-size: 11px;
  line-height: 16px;
  color: #47505b;
  display: flex;
  align-items: center;
}

.member_info_location>img {
  margin-right: 8px;
}

.button_sponsor {
  width: 100px;
  height: 30px;
  border-radius: 2px;
  font-size: 11px;
  color: #071526;
  border: 1.5px solid;
  background-color: transparent;
}

.button_sponsor_light {
  border-color: #e6eaf0;
}

.button_sponsor_medium {
  border-color: #6540ce;
}

.button_sponsor_full {
  border-color: #31eaa0;
}

.outline_primary_button_md_iconed {
  height: 30px;
  border: 1px solid #D1433A;
  color: #D1433A;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background-color: transparent;
  font-size: 13px;
  font-weight: 600;
  transition: 0.2s all ease;
}

.outline_primary_button_md_iconed>svg {
  margin-right: 6px;
}

.outline_primary_button_md_iconed>svg path {
  transition: 0.2s all ease;
}

.outline_primary_button_md_iconed:hover {
  background-color: #D1433A;
  color: #fff;
}

.outline_primary_button_md_iconed:hover svg path {
  stroke: #fff;
}

.w120 {
  width: 120px !important;
}

.w110 {
  width: 110px !important;
}

.w30 {
  width: 30px !important;
}

.dropdown_sponsor {
  width: 240px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border: none;
  padding: 0;
}

.dropdown_sponsor .dropdown-item {
  margin: 10px 0;
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  transition: 0.2s all ease;
}

.dropdown_sponsor .dropdown-item>img {
  margin-right: 10px;
}

.dropdown_sponsor .dropdown-item:hover {
  background-color: #D1433A1A;
}

.border_line {
  width: 100%;
  height: 1px;
  background-color: #e6eaf0;
}

.round_12 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  object-fit: cover;
}

.button_decline {
  background-color: #e6eaf0;
  border: none;
  border-radius: 2px;
  font-size: 12px;
  color: #47505b;
  width: 100px;
  height: 30px;
  font-weight: 500;
  transition: 0.3s all ease;
}

.button_decline:hover {
  background-color: #c4ccd6;
  color: #47505b;
}

.button_accept {
  background-color: #D1433A1A;
  border: none;
  border-radius: 2px;
  font-size: 12px;
  color: #D1433A;
  width: 100px;
  height: 30px;
  font-weight: 500;
  transition: 0.3s all ease;
}

.button_accept:hover {
  background-color: #D1433A;
  color: #fff;
}

.partner_label {
  font-size: 12px;
  color: rgba(7, 21, 38, 0.8);
}

.outline_danger_button_md_iconed {
  height: 30px;
  border: 1px solid #ee3f3f;
  color: #ee3f3f;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background-color: transparent;
  font-size: 13px;
  font-weight: 600;
  transition: 0.2s all ease;
}

.outline_danger_button_md_iconed>svg {
  margin-right: 6px;
}

.outline_danger_button_md_iconed>svg path {
  transition: 0.2s all ease;
}

.outline_danger_button_md_iconed:hover {
  background-color: #D1433A;
  color: #fff;
}

.outline_danger_button_md_iconed:hover svg path {
  stroke: #fff;
}

/*********************** sponsorship menu css ends ***********************/

/*********************** premium tabs css starts ***********************/
.premium_plan_tag svg {
  position: relative;
  top: 2px;
}

.premium_plan {
  background-color: #e6eaf0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 30px 50px 30px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.premium_avatar {
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
  position: relative;
}

.premium_avatar>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.premium_plan_tag {
  width: 24px;
  height: 24px;
  background-color: #D1433A;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.premium_plan>h2 {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 14px;
  color: #071526;
}

.premium_plan>p {
  font-size: 12px;
  line-height: 16px;
  color: #071526;
  margin-bottom: 21px;
}

.w170 {
  width: 170px !important;
}

.premium_plan_post {
  padding: 30px 30px 40px 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #f5f6f8;
}

.engage_links>li>ul {
  list-style: none;
  padding-left: 48px;
  margin: 15px 0 0px 0;
}

.engage_links>li>ul>li {
  margin: 10px 0;
  display: block;
}

.engage_links>li>ul>li>a {
  color: #071526;
  font-size: 13px;
  transition: 0.2s all ease;
  font-weight: 400;
}

.engage_links>li>ul>li>a:hover {
  color: #D1433A;
}

.premium-image-post {
  width: 80px;
  height: 80px;
  background-color: #071526;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

.premium-post-detail h1 {
  font-size: 14px;
  font-weight: 700;
  color: #071526;
  text-align: center;
  margin-top: 17px;
}

.premium-post-detail p {
  font-size: 12px;
  font-weight: 400;
  color: #071526;
  margin-top: 10px;
}

.premium-posts-main {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f5f6f8;
  text-align: center;
}

/*********************** premium tabs  css ends ***********************/
.marign-top-40 {
  margin-top: 40px;
}

.trackes-heading {
  display: flex;
  color: #071526;
  font-size: 18px;
  font-weight: 700;
}

.add-queue-btn {
  display: flex;
  width: 140px;
  height: 30px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #c4ccd6;
  border-radius: 4px;
  transition: 0.3s all;
  cursor: pointer;
}

.add-queue-btn:hover {
  background-color: rgba(230, 234, 240, 0.8);
}

.add-queue-btn .price {
  margin-left: 11px;
  font-size: 13px;
  font-weight: 500;
  color: #000;
}

.popularity.songs-count {
  display: flex;
  align-items: center;
  top: 1px;
}

.popularity.songs-count .svg-icon {
  margin-right: 4px;
}

.track-right-border {
  border-right: 1px solid #e6eaf0;
}

.stramingg-description {
  margin-left: 75px;
}

.weektop-title {
  color: #47505b;
}

.trackes-heading p {
  color: #D1433A;
}

.trackes-heading h6 {
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.song-popularity-description {
  margin-left: 75px;
}

.song-popularity-title {
  color: #47505b;
}

.song-popularity-time {
  color: #47505b;
}

.songs-count span {
  font-weight: 500;
  color: #8b949f;
}

.container-mains {
  width: 800px;
  max-width: 800px;
  margin: 0 auto;
}

.cover-right {
  margin-right: 10px !important;
}

.streaming-list .type {
  margin-left: 72px !important;
}

.card.genres-list .description {
  width: 108px;
  margin-right: 12px;
}

.streaming-list .album {
  margin-left: 88px !important;
  margin-right: 0;
}

.streaming-wishlist {
  margin-right: 0px !important;
}

.streaming-drop-left-icon {
  right: 175px !important;
}

.song-albumb-list {
  margin-left: 50px !important;
}

.contianer-streaming-main {
  width: 1170px;
  max-width: 1170px;
  margin: 0 auto;
}

.song-price-album {
  margin-left: 54px !important;
}

.compnant-seprator {
  width: 100%;
  height: 2px;
  background-color: #000;
  margin-top: 40px;
}

.single-dropd .absolute-position {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.more.show {
  position: relative;
}

.song-remix-page {
  right: 243px !important;
}

.sample-file-name {
  margin-left: 249px !important;
}

.title.sample-file-title {
  margin-left: 60px !important;
}

.sample-file-INSTRUMENT {
  margin-left: 89px !important;
}

.sample-file-KEY {
  margin-left: -54px !important;
}

.bmp-count.count {
  display: inline-block !important;
  margin-right: 29px;
}

.sample-file-popularity {
  margin-left: -34px !important;
}

.guiter-list {
  color: #47505b !important;
  font-size: 13px;
  font-weight: 400 !important;
}

.song_rex {
  right: 124px !important;
}

.alb_rex {
  right: 124px !important;
}

.sample {
  right: 124px !important;
}

.guiter-popularity {
  margin-right: 20px !important;
}

.songs {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
}

.content-middle .time {
  width: 38px !important;
  height: 16px !important;
  background-color: #000;
  color: #fff !important;
  text-align: center !important;
  border-radius: 2px;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
}

.btn-group-social.custom-cl {
  margin: 0 0 10px 95px;
}

.margin-right-20 {
  margin-right: 20px;
}

.in-line-both {
  display: flex;
  align-items: center;
}

.in-line-both .tag {
  padding: 0 10px !important;
  height: 20px;
  background-color: rgba(24, 24, 24, 0.3) !important;
  border-radius: 2px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin-right: 10px;
  padding: 0 !important;
  text-align: center;
  line-height: 20px !important;
}

.in-line-both .tag2 {
  height: 20px;
  background-color: rgba(24, 24, 24, 0.3) !important;
  border-radius: 2px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  padding: 0 !important;
  text-align: center;
  line-height: 20px !important;
  color: #fff !important;
}

.music-play-right {
  margin-right: 0;
}

.dualClass {
  background-color: rgba(7, 21, 38, 0.3) !important;
  border-radius: 4px;
}

.dualClass .c-line-1 {
  stroke: #fff !important;
}

.dualClass:hover .c-line-1p {
  stroke: #D1433A !important;
  fill: #D1433A !important;
}

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

.list-review-btn:hover {
  background-color: #e6eaf0 !important;
  border-radius: 2px;
  color: #D1433A !important;
}

.list-review-btn:hover span {
  color: #D1433A !important;
}

.list-review-btn:hover .c-fill-1 {
  stroke: #D1433A;
}

.title-color {
  color: #47505b;
}

.time-color {
  color: #47505b;
}

.chart-sample .title-chart {
  margin-left: 172px;
  margin-right: 115px;
}

.chart-sample .chart-album {
  margin-left: 23px;
  margin-right: 38px;
}

.chart-sample .chart-time {
  margin-left: 23px;
  margin-right: 8px;
}

.rock {
  margin-right: 10px !important;
  width: 90px !important;
}

.text-key {
  font-size: 13px;
  font-weight: 500;
  color: #8b949f;
  margin-right: 45px;
}

.charttext {
  margin-left: 0;
  margin-right: 63px;
}

.chart-bmptext {
  margin-right: 30px;
  margin-left: 15px;
}

.chart-popularity {
  margin-right: 229px;
}

.time.guiter-check {
  margin-right: 40px !important;
}

.music_slider_landing {
  width: 100%;
  position: relative;
}

.img-carousel .owl-item:nth-child(1) {
  margin-left: 0px;
}

.img-carousel .owl-item:last-child {
  margin-right: 0px;
}

.img-carousel .owl-item {
  margin-left: 0px;
}

.link-more.near_arrow.more_btn_landing {
  position: absolute;
  right: 83px;
  z-index: 1;
  top: -14px;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: 400;
  color: #071526;
  letter-spacing: 0.03em;
}

.selling_info_black_section {
  margin-top: 20px;
}

.selling_now .owl-item {
  width: auto;
}

.selling_now .owl-stage {
  width: 2595px !important;
}

.all_singles .owl-item {
  /* width: 411px !important; */
  /* width:100% !important; */
}

.all_singles .owl-stage {
  width: 3866px !important;
}

.blues_class svg {
  position: relative;
  top: 11px;
}

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

.Signup_btn_blue span {
  margin-top: -2px;
}

.btn-login span {
  margin-top: -2px;
}

.setting-left-icon {
  margin-right: 20px;
  background-color: #e6eaf0;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease all;
}

.left-bar-menu-links a:hover .setting-left-icon {
  background-color: #D1433A;
}

.left-bar-menu-links a:hover {
  fill: #D1433A;
  stroke: #fff;
}

.left-bar-menu-links a:hover .left-bar-svg-icon {
  fill: #fff;
  stroke: none;
}

.left-bar-menu-links a:hover .music-icon-sidebar {
  fill: #D1433A;
  stroke: #fff;
}

.left-bar-menu-links a:hover .left-bar-svg-icon-st {
  stroke: #fff;
}

.left-bar-menu-links .active a .setting-left-icon {
  background-color: #D1433A;
}

.left-bar-menu-links .active a .left-bar-svg-icon {
  fill: #fff;
}

.left-bar-menu-links .active a .left-bar-svg-icon-st {
  stroke: #fff;
}

.left-bar-menu-links a:hover .line-svg1 {
  fill: #000;
}

.left-bar-menu-links a:hover .line-svg {
  stroke: #000;
}

.collapse-left-bar .setting-left-icon {
  margin-right: 0;
}

.left-bar_list:hover {
  overflow-y: auto;
}

.general-menu.home-style {
  padding-left: 20px;
  padding-top: 10px;
  box-shadow: 0px 0px 20px rgba(71, 80, 91, 0.15);
}

.collapse-left-bar .home-menu.menu-title {
  margin-right: 10px;
  margin-left: 10px;
}

.collapse-left-bar .left-bar_list {
  padding-right: 0;
}

.collapse-left-bar .general-menu.home-style {
  padding-left: 0;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #e6eaf0;
  outline: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
  width: 100%;
  font-size: 12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #D1433A1A;
  border-radius: 2px;
  cursor: default;
  float: left;
  margin-right: 10px;
  margin-top: 3px;
  padding: 0 5px;
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
  padding-left: 17px;
  padding-right: 28px;
  position: relative;
  display: flex;
  align-items: center;
  height: 22px;
  line-height: 19px;
  border: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #47505b;
}

.select2-selection__choice__remove {
  position: absolute;
  right: 8px;
  top: 0;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  cursor: text;
}

.choose-billing-method-header {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  border-bottom: 1px solid #e6eaf0;
  margin-left: 20px;
  margin-right: 20px;
}

.choose-billing-method-header h1 {
  margin: 0;
  color: #071526;
  font-size: 18px;
  font-weight: 700;
}

.choose-billing-method-header .close-popup-btn {
  right: -9px;
  top: 26px;
}

.add-credit-card-heading .work-experience-heading {
  padding-top: 30px;
  padding-bottom: 30px;
}

.settings-content .set-block .set-block-content.linked-block .soc-icon.color-google {
  background-color: #da4b3e;
}

.new_widget {
  padding: 10px 10px 15px 10px !important;
}

.items-main .item-subtitle {
  font-size: 30px !important;
  line-height: 29px !important;
}

.items-main {
  padding: 9px 0 3px;
  width: 90px;
  border-radius: 4px;
  transition: 0.3s all;
  background-color: #fff;
  width: 100%;
  text-align: center;
}

.items-main:hover {
  background-color: #D1433A1A;
}

.items-main:hover .item-title {
  color: #D1433A !important;
}

.items-main:hover .item-subtitle {
  color: #D1433A !important;
}

.about-social-link {
  box-shadow: 0px 4px 5px rgba(219, 219, 219, 0.1);
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}

.about-social-link h1 {
  font-size: 13px;
  font-weight: normal;
  color: #071526;
  font-family: HelveticaNeueBold, sans-serif;
  padding-top: 17px;
  padding-bottom: 17px;
  border-bottom: 2px solid #e6eaf0;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0;
}

.social-link-mains {
  padding: 27px 0 0 0;
}

.userimg-header img {
  width: 41px;
  height: 41px;
  object-fit: cover;
  border-radius: 50%;
}

.settings-content .privacy .custom-dropdown .custom-dropdown-menu .custom-dropdown-item:hover .post-drop-svg {
  fill: #D1433A;
}

.settings-content .privacy .custom-dropdown .custom-dropdown-menu .custom-dropdown-item:hover .post-drop-svg-1 {
  stroke: #D1433A;
}

.settings-content .privacy .custom-dropdown .custom-dropdown-menu .custom-dropdown-item.active .post-drop-svg {
  fill: #D1433A;
}

.settings-content .privacy .custom-dropdown .custom-dropdown-menu .custom-dropdown-item.active .post-drop-svg-1 {
  stroke: #D1433A;
}

.activity-main {
  display: flex;
}

/*********************** Activity right bar css start ******************/
.activity-block {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  padding: 9px;
  display: inline-block;
  margin-bottom: 10px;
}

.activity-user-detail {
  display: flex;
  align-items: center;
}

.a-user-img img {
  width: 30px;
  height: 30px;
  border-radius: 50px;
}

.music-activity-texts p {
  color: #8b949f;
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 6px;
}

.activity-user-detail p span {
  font-size: 12px;
  font-weight: 500;
}

.a-user-img {
  position: relative;
}

.a-user-img span {
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #1cec9e;
  border: 1px solid #fff;
  border-radius: 50px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.detail-activities {
  display: flex;
  margin-top: 10px;
}

.music-activity-image img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 2px;
}

.vol-icon {
  margin-right: 10px;
}

.vol-icon span {
  width: 30px;
  height: 30px;
  display: flex;
  background-color: #D1433A;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}

.music-activity-image {
  margin-right: 10px;
}

.music-activity-texts h1 {
  font-size: 11px;
  color: #47505b;
  font-weight: 500;
  margin-bottom: 7px;
}

.music-activity-texts {
  display: flex;
  flex-direction: column;
}

.music-activity-texts p {
  color: #8b949f;
  font-size: 11px;
  font-weight: 400;
  font-family: HelveticaNeueNormal, sans-serif;
  line-height: 13px;
  margin-bottom: 7px;
  letter-spacing: 0.5px;
}

.play-song-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D1433A;
  width: 100px;
  height: 30px;
  border-radius: 4px;
  background-color: #fff;
  color: #47505b;
  font-size: 11px;
  font-weight: normal;
  transition: 0.3s all;
  font-family: "HelveticaNeueMedium";
}

.play-song-1:hover {
  background-color: #D1433A;
  color: #fff;
}

.play-song-1:hover .play-song-svg {
  fill: #fff;
  stroke: #fff;
}

.play-song-1.play-song-bg:hover .play-song-svg {
  fill: #D1433A;
  stroke: #D1433A;
}

.play-song-1 svg {
  margin-right: 10px;
}

.activity-user-detail p {
  margin-bottom: 0;
  margin-left: 10px;
  font-family: HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
  color: #071526;
}

.play-song-1.play-song-bg {
  background-color: #f5f6f8;
  border: 1px solid #f5f6f8;
  color: #071526;
}

.play-song-1.play-song-bg:hover {
  background: #D1433A1A;
}

.activity-user-detail.user-forum {
  flex-direction: column;
  align-items: baseline;
}

.time-ago {
  padding-left: 10px;
}

.music-play-section {
  display: flex;
  margin-top: 5px;
}

.main-music-icon span {
  width: 30px;
  height: 30px;
  background-color: #e6eaf0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin-right: 10px;
}

.music-play-section ul {
  padding: 0;
  display: flex;
  margin: 0;
}

.music-play-section ul li {
  display: flex;
  margin-right: 5px;
}

.music-play-section ul li:last-child {
  margin-right: 0px;
}

.music-play-section ul li img {
  width: 30px;
  height: 30px;
  border-radius: 2px;
}

.activity-btns-sec {
  margin-top: 6px;
  display: flex;
  justify-content: space-between;
}

.ad-to {
  width: 110px;
  height: 30px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f6f8;
  border-radius: 4px;
  border: none;
  transition: 0.3s all;
  color: #071526;
  font-size: 11px;
  font-weight: normal;
  transition: all 0.3s;
}

.ad-to:hover {
  background: #D1433A1A;
  transition: all 0.3s;
}

.ad-to p {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0;
  color: #071526;
}

.seeall-btn button {
  width: 240px;
  height: 30px;
  background-color: #e6eaf0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #071526;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
}

.event-name-view {
  font-size: 12px;
  font-weight: 400;
  margin-top: 2px;
}

.noti-d {
  display: flex;
  align-items: center;
  padding-left: 23px !important;
  padding-right: 10px !important;
}

.noti-d p {
  font-size: 13px;
  font-weight: 400;
  color: #071526;
  margin-bottom: 0;
  margin-left: 12px;
}

.noti-d span {
  display: flex;
  align-items: center;
}

.right-arrow-noti {
  margin-left: auto;
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.notify-new .cover-image .icon-wrapper.color-8 {
  background-color: #D1433A;
}

.title-n span {
  font-size: 12px;
  font-weight: 500;
  color: #071526;
}

.title-n p {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
}

.notify-new .cover-image .icon-wrapper.color-2 {
  background: linear-gradient(180deg, #d680ff 0%, #a322df 100%);
}

.linkf {
  font-family: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #D1433A;
}

.fr-btn {
  position: absolute;
  bottom: 0;
  right: 0;
}

.fr-btn button {
  width: 70px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #D1433A;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-family: "HelveticaNeueNormal";
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.5px;
  transition: all 0.3s;
}

.fr-btn button:hover {
  transition: all 0.3s;
  opacity: 0.8;
}

.time-r {
  font-family: "HelveticaNeueNormal";
  letter-spacing: 0.5px;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #071526;
  opacity: 0.51;
}

.modal-content.create-group-popup {
  padding: 0 !important;
}

.title-headings {
  padding-top: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6eaf0;
}

.title-headings .short-border {
  color: #071526;
  font-size: 20px;
  font-weight: 700;
  margin-left: 12px;
}

.close-button-pop {
  position: absolute;
  right: 10px;
  top: 22px;
  background-color: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}

.close-button-pop:hover {
  background-color: #e4e6eb;
}

.group-name-chat {
  margin-top: 10px !important;
  border-bottom: 1px solid #e6eaf0 !important;
  margin-left: 20px;
  margin-right: 20px;
}

.chat-content-block {
  margin-left: 20px;
  margin-right: 40px;
}

.cancel-chat {
  width: 130px;
  display: flex;
  align-content: center;
  justify-content: center;
  height: 40px;
  border: 1px solid #c4ccd6;
  border-radius: 4px;
  line-height: 36px;
  color: #8b949f;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 10px;
}

.modal.create-group .button-block .btn.create:hover {
  background-color: #DA6961;
}

.notification-headers {
  display: flex;
  align-items: center;
  justify-content: space-between;
  letter-spacing: 0.05em;
}

.notification-headers .text {
  color: #071526;
  font-size: 18px;
  font-family: "HelveticaNeueBold";
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
}

.dropdown-item.noti-d:active {
  background-color: #D1433A1A;
}

.noti-d-sec p {
  margin: 0;
  color: #071526;
  font-size: 12px;
  font-weight: 400;
}

.dropdown-item.noti-d-sec:active {
  background: #D1433A1A;
}

.title-notification-main h1 {
  color: #071526;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0px;
}

.title-notification-main span {
  font-size: 12px;
  font-weight: 400;
  color: #071526;
  line-height: 10px;
}

.title-notification-main p {
  color: #071526;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  line-height: 10px;
}

.notify-new .cover-image .icon-wrapper.color-9 {
  background: linear-gradient(180deg, #d35bae 0%, #a9199b 100%);
}

.frd-req-setting {
  margin-left: 10px;
}

.frd-req-notfi {
  padding: 0;
  border-radius: 8px;
  top: 17px !important;
}

.frd-req-setting-heading {
  background: #D1433A;
  border-radius: 8px 8px 0px 0px;
  text-align: center;
}

.frd-req-setting-heading h1 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 16px 0;
}

.dropdown-list {
  flex-direction: column;
  padding-left: 30px !important;
  margin: 0;
  margin-top: 0px;
  margin-top: 0px;
  padding-right: 30px;
  padding-bottom: 10px;
}

.dropdown-list li {
  list-style: none;
  border-bottom: 1px solid #e6eaf0;
  margin: 0 !important;
}

.top-text {
  font-size: 12px !important;
  text-align: center;
  width: 100%;
  display: inline-block !important;
  font-weight: 400 !important;
  padding: 24px 0;
}

.dropdown-list a {
  display: flex;
  align-items: center;
  padding: 20px 0;
}

.chat-page a {
  padding: 16px 0 !important;
}

.frd-svg-icon {
  margin-right: 15px;
}

.switch-access {
  margin-left: auto;
  display: flex;
  min-height: auto;
  padding: 0;
  align-items: center;
  justify-content: center;
}

.switch-access .switch {
  margin-bottom: 0;
}

.dropdown-list li:last-child {
  border: none;
}

.actions.chat_title {
  align-items: center;
}

.dropdown-list.chat-page {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.chat-right-arrow {
  margin-left: auto;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #D1433A1A;
  color: #555151;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #D1433A;
  color: #fff;
}

/*********************** Activity right bar css end ******************/
.save-card-section {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}

.savecard-section-header {
  display: flex;
  align-items: center;
  padding-left: 30px;
  margin-top: 20px;
}

.savecard-section-header span {
  margin-right: 25px;
}

.savecard-section-header h1 {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
}

.save-cards ul {
  padding: 0;
  margin-top: 20px;
  margin-left: 30px;
}

.save-cards ul li {
  display: inline-block;
  position: relative;
  margin-right: 20px;
}

.save-card-img svg {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.save-card-date-frame {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 2px;
  width: 100%;
}

.save-card-number {
  margin-left: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #071526;
  display: flex;
  align-items: center;
}

.save-card-date {
  color: #071526;
  font-size: 10px;
  font-weight: 400;
  margin-right: 10px;
  line-height: 16px;
}

.save-card-img {
  background-color: #e6eaf0;
  border-radius: 5px;
}

.ad-new-card {
  margin-top: 30px;
}

.ad-new-card button {
  display: flex;
  align-items: center;
  background-color: #D1433A;
  border-radius: 4px;
  border: none;
  width: 229px;
  height: 40px;
  justify-content: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: normal;
  transition: 0.3s all;
  font-family: HelveticaNeueBold, sans-serif;
  letter-spacing: 0.3px;
}

.ad-new-card button span {
  margin-right: 10px;
}

.ad-new-card button:hover {
  background-color: #DA6961;
}

.payments-details {
  margin-top: 45px;
}

.p-detail-headings {
  display: flex;
  margin-bottom: 7px;
}

.payment-method {
  color: #47505b;
  font-size: 14px;
  font-weight: normal;
}

.w-p {
  width: 230px;
}

.w-pp {
  width: 171px;
}

.pay-complete-detail {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 19px 0;
  margin-bottom: 10px;
}

.pay-complete-card {
  display: flex;
  align-items: center;
  padding-left: 30px;
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
  width: 226px;
}

.pay-complete-card span {
  margin-right: 10px;
}

.pay-priority {
  width: 110px;
  height: 30px;
  border: 1px solid #e6eaf0;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
}

.w-pay-pop {
  width: 174px;
}

.pay-card-detail p {
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
}

.pay-card-detail span {
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
}

.pay-edit-dlt {
  margin-left: auto;
  padding-right: 20px;
  display: flex;
}

.edit-pencil {
  width: 30px;
  height: 30px;
  background-color: #e6eaf0;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pencil-cross {
  width: 30px;
  height: 30px;
  background-color: #e6eaf0;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

.notification-new-main {
  padding-top: 30px;
  padding-left: 50px;
  padding-right: 50px;
}

.save-card-number ul li {
  margin-right: 2px;
}

.pay-dot {
  width: 3px;
  height: 3px;
  background-color: #071526;
  border-radius: 50%;
}

.save-card-number ul {
  padding: 0;
  margin: 0;
  margin-right: 0px;
  display: flex;
  margin-right: 4px;
}

.top-header-create-user {
  margin-right: 15px;
}

.avail-error {
  position: absolute;
  bottom: -32px;
  color: red !important;
}

.item-subtitle {
  display: flex;
  align-items: center;
}

.item-subtitle span {
  margin-left: 5px;
}

.affliated-row {
  background-color: #e6eaf0;
  border-radius: 4px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.affliated-row h1 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.affliated-row svg {
  margin-right: 10px;
}

.total-affiles-dollar {
  margin-top: 20px;
  background: linear-gradient(270deg, #893cd8 -9.47%, #6476ff 98.54%);
  height: 90px;
  border-radius: 4px;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.total-affiles-dollar p {
  margin: 0;
  color: #fff;
}

.affliated-link {
  margin-top: 20px;
  border: 1px solid #D1433A;
  height: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  transition: 0.3s all;
}

.affliated-link:hover {
  background-color: #D1433A;
}

.affliated-link:hover span {
  color: #fff;
}

.affliated-link span {
  color: #D1433A;
  font-size: 13px;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
}

.affilated-share {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.affilated-share ul {
  display: flex;
}

.affilated-share ul {
  display: flex;
  padding-left: 15px;
  margin-bottom: 0;
}

.affilated-share ul li {
  list-style: none;
  margin-right: 10px;
}

.affilated-share ul li a {
  width: 40px;
  height: 30px;
  background: rgba(113, 129, 149, 0.07);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: 0.3s all;
}

.affilated-share ul li a:hover {
  background: #D1433A;
}

.affilated-share ul li a:hover .affilated-socail-svg {
  fill: #fff;
}

.affilated-share span {
  color: #47505b;
  font-size: 13px;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
  text-transform: uppercase;
}

.complete-sep {
  background-color: #e6eaf0;
  height: 1px;
  margin-top: 30px;
  margin-left: -52px;
  margin-right: -51px;
}

.period-time {
  color: #071526;
  font-size: 11px;
  font-weight: 300;
  margin-top: 12px;
}

.message-btn {
  width: 120px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #D1433A;
  border-radius: 2px;
  color: #D1433A;
  font-size: 13px;
  font-weight: 700;
  transition: 0.3s all;
}

.cros_list {
  padding-left: 0 !important;
}

.message-btn svg {
  margin-right: 5px;
}

.message-btn:hover {
  background-color: #D1433A;
  color: #fff;
}

.message-btn:hover .msg-btn {
  stroke: #fff;
}

.active-list-row a {
  width: 70px;
  height: 20px;
  border: 1px solid #31eaa0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #15ca86;
  font-size: 13px;
  font-weight: 400;
}

.active-list-row a {
  width: 70px;
  height: 20px;
  border: 1px solid #31eaa0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #15ca86;
  font-size: 13px;
  font-weight: 400;
}

.in-active-list-row a {
  width: 70px;
  height: 20px;
  border: 1px solid #c4ccd6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #47505b;
  font-size: 13px;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
}

.artist-setting {
  display: block;
}

.artist-setting .notification-new-main {
  padding-left: 0;
  padding-right: 0;
}

.page-manager {
  width: 230px;
  padding-right: 20px;
}

.custom_tab_artist_pageinfo {
  display: flex;
}

.VuePagination nav {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.VuePagination {
  margin-top: 30px;
}

.VuePagination ul {
  margin-bottom: 0;
}

.VuePagination ul li {
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.VuePagination ul li a {
  background-color: rgba(113, 129, 149, 0.07);
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  padding: 0;
  color: #47505b;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.VuePagination .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  /*background-color: #5d9efc;*/
  /*border-color: #007bff;*/
  background-color: #D1433A1A;
  border-color: #D1433A1A;
}

.music-btn {
  background-color: #6e64ff !important;
}

.music-left-icon {
  margin-right: 15px;
}

.left-bar-menu-links a:hover .music-left-icon-svg {
  stroke: #D1433A;
}

.main-link-tab-music {
  color: #071526;
  font-size: 12px;
  font-weight: normal;
  font-family: HelveticaNeueMedium !important;
  letter-spacing: 1px;
}

.left-bar-menu-links a:hover .main-link-tab-music {
  color: #D1433A;
}

.main-link-tab-sub {
  color: #47505b;
  font-size: 13px;
  font-weight: 500;
  padding-left: 34px;
  font-family: HelveticaNeueMedium !important;
}

.left-bar-menu-links a:hover .main-link-tab-sub {
  color: #D1433A;
}

.menu-left-seprator-line {
  width: 100%;
  height: 1px;
  background-color: #eaedf0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.new-playlist-music {
  display: flex;
  align-items: center;
  padding-left: 20px;
  font-family: HelveticaNeueMedium !important;
}

.new-playlist-icon {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background-color: #e6eaf0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.play-word {
  color: #071526;
  font-size: 12px;
  font-weight: 700;
}

.new-playlist-music p {
  margin-bottom: 0;
  color: #071526;
  font-size: 12px;
  font-weight: 500;
  padding-left: 15px;
}

/*.new-playlist-music {*/
/*    margin-bottom: 12px;*/
/*}*/

/********************  Post option css  starts   ********************/
.post-option-container {
  /*border: 1px solid #E6EAF0;*/
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 20px;
  max-width: 570px;
  width: 570px;
  margin: 0 auto;
  box-sizing: border-box;
  top: 130px;
}

.post-option-input {
  font-size: 14px !important;
  color: #8b949f;
}

.post-col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding-left: 12px;
  padding-right: 12px;
}

.post-option-select {
  display: flex;
  background-color: #f7f7f7;
  border-radius: 2px;
  margin-bottom: 10px;
  align-items: center;
  height: 40px;
  cursor: pointer;
  transition: 0.3s all;
}

.post-option-select a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.post-option-select p {
  margin-bottom: 0;
  color: #47505b;
  font-size: 13px;
  font-weight: 500;
  padding-left: 10px;
}

.post-option-icon {
  display: flex;
  padding-left: 12px;
}

.multiple-options-setion {
  margin-top: 20px;
}

.post-option-select:hover {
  background-color: #D1433A1A;
}

.choose-audience-post {
  background: #ffffff;
  border-radius: 2px;
  padding: 20px 30px 30px 30px;
  max-width: 570px;
  margin: 0 auto;
}

.choose-audience-header {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e6eaf0;
  padding-bottom: 20px;
}

.choose-audience-back {
  width: 30px;
  height: 30px;
  background-color: #c4ccd6;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.choose-audience-back-title {
  padding-left: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #071526;
}

.close-popup-btn-posts {
  background-color: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
  cursor: pointer;
  border-radius: 2px;
  margin-left: auto;
}

.close-popup-btn-posts:hover {
  background-color: #e4e6eb;
}

.audiance-select-post {
  margin-top: 20px;
}

.audiance-select-post ul {
  padding-left: 0;
  margin: 0;
}

.audiance-select-post-list {
  list-style: none;
  margin-bottom: 10px;
}

.audiance-select-post-list input {
  display: none;
}

.audiance-list-box {
  width: 100%;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  position: relative;
  height: 50px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.audiance-icon {
  display: flex;
  align-items: center;
  padding-left: 45px;
}

.audiance-title {
  padding-left: 25px;
  color: #071526;
  font-size: 13px;
  font-weight: 500;
}

.audiace-checkbox {
  margin-left: auto;
  display: flex;
  align-items: center;
  padding-right: 20px;
  justify-content: center;
}

.audiance-checkbox-lab {
  position: relative;
  top: 3px;
}

.audiance-select-post-list>input:checked+label {
  border: 1px solid #D1433A;
}

.audiance-select-post-list>input:checked+label .svg-audiance {
  fill: #D1433A;
}

.audiance-select-post-list>input:checked+label .svg-audiance-frd {
  fill: #D1433A;
}

.audiance-select-post-list>input:checked+label .svg-audiance-frd1 {
  stroke: #D1433A;
}

.audiance-select-post-list>input:checked+label .svg-audiance-frd2 {
  stroke: #D1433A;
  fill: #D1433A;
}

.audiance-select-post-list>input:checked+label .audiance-title {
  color: #D1433A;
}

.audiance-select-post-list>input:checked+label .audiance-checkbox-lab-icon {
  stroke: #D1433A;
}

.audiance-select-post-list>input:checked+label .audiance-checkbox-lab::after {
  width: 8px;
  height: 8px;
  background-color: #D1433A;
  position: absolute;
  content: "";
  border-radius: 50px;
  left: 4px;
  top: 6px;
}

.audiance-select-post-list>input:checked+label .lock-icons {
  stroke: #D1433A;
  fill: #D1433A;
}

.audiance-select-post-list>input:checked+label .lock-icons-stroke {
  stroke: #D1433A;
}

.lock-icons {
  stroke: #47505b;
  fill: #47505b;
}

.lock-icons-stroke {
  stroke: #47505b;
}

.CloseFriends-icon {
  padding-left: 38px;
}

.CloseFriends-title {
  padding-left: 20px;
}

.sponser-right-arrow svg {
  position: relative;
  top: 4px;
}

.audiance-select-post-list:last-child {
  margin-bottom: 0;
}

.post-filed-options-c {
  max-width: 570px;
  margin: 0 auto;
  border: 1px solid #e6eaf0;
  border-radius: 5px;
  background: #fff;
  padding: 10px 20px;
  width: 570px;
  border-top: 0;
}

.Create-album-d {
  margin-top: 17px;
  margin-bottom: 0;
}

.colored-box {
  width: 30px;
  height: 30px;
  border-radius: 4px;
}

.color1 {
  background: #28faed !important;
}

.color2 {
  background: #40ceed !important;
}

.color3 {
  background: #2699fb !important;
}

.color4 {
  background: #cb62f8 !important;
}

.color5 {
  background: #6540ce !important;
}

.color6 {
  background: #4504ff !important;
}

.color7 {
  background: linear-gradient(180deg, #42b1ae 0%, #6a3dcb 100%) !important;
}

.color8 {
  background: linear-gradient(270deg,
      #0075ff -9.47%,
      #6a3dcb 98.54%) !important;
}

.color9 {
  background: #D1433A !important;
}

.color10 {
  background: #47505b !important;
}

.colored-list li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
}

.colored-list ul {
  display: flex;
  margin: 0;
  align-items: center;
  padding: 0;
}

.colored-list li:last-child {
  margin-right: 0;
}

.color-custom-tag {
  border-radius: 4px;
  border: 1px solid #c4ccd6;
  width: 90px;
  height: 30px;
  text-align: center;
  line-height: 29px;
  font-size: 13px;
  font-weight: 600;
}

.add-color-btn button {
  border: 1px solid #c4ccd6;
  background-color: #fff;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
}

.doing-drop-down ul {
  margin-top: 20px;
  max-height: 250px;
  overflow: auto;
}

.listing-inout svg {
  margin-right: 9px;
}

.post-filed-options-color {
  max-width: 570px;
  margin: 0 auto;
  /*border: 1px solid #E6EAF0;*/
  border-radius: 5px;
  background: #fff;
  width: 570px;
}

.upload-photos-section-color {
  padding: 20px;
}

.write-board {
  background: linear-gradient(180deg, #42b1ae 0%, #6a3dcb 100%);
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  padding: 20px;
  overflow: hidden;
  text-align: center;
}

.post-btn button {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
  background-color: #e6eaf0;
  border: none;
  border-radius: 4px;
  height: 40px;
  font-size: 13px;
  color: #8b949f;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s all;
}

.post-btn button:hover {
  background-color: #D1433A;
  color: #fff;
}

.hows-feeling {
  margin-top: 15px;
  position: relative;
}

.fealing-div {
  width: 150px;
  height: 40px;
  background-color: #f7f7f7;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}

.fealing-div p {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  padding-left: 12px;
}

.hows-feeling input {
  width: 100%;
  height: 40px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  color: rgba(7, 21, 38, 0.6);
  font-size: 15px;
  font-weight: 500;
  padding-left: 160px;
}

.card-description {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #fff;
  width: 100%;
  padding: 10px;
}

.card-description.round {
  padding: 1px 10px 20px;
}

/********************  Post option css  end   ********************/
.week-heading {
  font-size: 24px;
  font-family: "HelveticaNeueBold";
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
  text-transform: capitalize;
  color: #071526;
  margin-bottom: 16px;
}

.sale-items1 {
  width: 1200px;
  max-width: 1200px;
  align-self: center;
  flex: 0 0 1200px;
}

.filter-update-text {
  color: #c4ccd6;
  font-size: 13px;
  font-weight: 700;
}

.top-text-list {
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  margin-top: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  margin: auto;
  padding-top: 8px;
  font-family: HelveticaNeueBold, sans-serif;
}

.page-filter1 {
  width: 100%;
  background-color: #fff;
  padding: 20px 20px 20px 40px;
  border-radius: 4px;
  height: 70px;
}

.p-r-20 {
  padding-right: 20px;
}

.slider-bottom {
  width: 100%;
}

/********* Profile post option css start  ***********/
.custom-contianer {
  max-width: 600px;
}

.post-filed-options {
  background: #ffffff;
  border: 1px solid #e6eaf0;
  padding: 10px 20px 20px 20px;
  border-radius: 5px;
}

.post-field-contain {
  background-color: #fff;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e6eaf0;
  padding-bottom: 10px;
}

.profile-post-section {
  display: flex;
  background-color: #f7f7f7;
  border-radius: 2px;
  margin-bottom: 10px;
  align-items: center;
}

.profile-post-section a {
  display: flex;
  align-items: center;
}

.profile-post-section p {
  margin-bottom: 0;
}

.post-icon {
  position: relative;
  top: 3px;
}

.profile-post-section p {
  margin-bottom: 0;
  color: #47505b;
  font-size: 13px;
  font-weight: 500;
  margin-left: 12px;
}

.profile-post-section a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 10px 8px 10px;
}

.profile-post-section:hover {
  background-color: #D1433A1A;
  transition: all 0.3s;
}

.p-l {
  padding-left: 5px;
}

.p-r {
  padding-right: 5px;
}

.back-photo-icon {
  width: 20px;
  height: 20px;
  background-color: #47505b;
  text-align: center;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-photos-title {
  background-color: #f7f7f7;
  border-radius: 2px;
  padding: 10px;
  display: flex;
  align-items: center;
}

.bac-text-tite {
  margin-left: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #47505b;
}

.upload-photos-section {
  margin-top: 10px;
}

.upload-photos-section ul {
  padding-left: 0;
  display: inline-block;
  width: 100%;
}

.uploaded-image img {
  width: 100%;
  height: 110px;
  border-radius: 2px;
  object-fit: cover;
}

.uploaded-video video {
  width: 100%;
  height: 110px;
  border-radius: 2px;
}

.upload-photos-section>ul>li {
  list-style: none;
  width: 32%;
  margin-right: 6px !important;
  display: inline-block;
  position: relative;
}

.upload-photo-section-li {
  margin-right: 0 !important;
}

.upload-video-section>ul>li {
  list-style: none;
  width: 100%;
  margin-right: 6px;
  display: inline-block;
  position: relative;
}

.upload-video-section-li {
  margin-right: 0 !important;
}

.cross-icon {
  position: absolute;
  top: 4px;
  right: 10px;
}

.upload-photo-icons {
  background-color: #f7f7f7;
  border-radius: 2px;
  height: 110px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 6px;
}

.upload-photo-icons input {
  position: absolute;
  width: 100%;
  height: 110px;
  opacity: 0;
}

.Sponsors-section {
  /*border-top: 1px solid #E6EAF0;*/
  /*padding: 5px 0 0 0;*/
  display: flex;
  justify-content: space-between;
}

.Sponsors-section .action-block .switch-button .switch {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 14px;
  float: right;
  margin-bottom: 0;
}

.Sponsors-section .action-block .switch-button .switch input,
.left-bar .left-menu-search,
.left-bar .my-profile {
  display: none;
}

.Sponsors-section .action-block .switch-button .slider.round {
  border-radius: 34px;
}

.Sponsors-section .action-block .switch-button .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #e6eaf0;
}

.Sponsors-section .action-block .switch-button .slider::before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 0;
  bottom: 0;
  background-color: rgba(71, 80, 91, 0.7);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.Sponsors-section .action-block .switch-button .slider.round::before {
  border-radius: 50%;
}

.Sponsors-section .action-block {
  border: 1px solid #c4ccd6;
  border-radius: 4px;
  font-size: 13px;
  line-height: 16px;
  color: rgba(7, 21, 38, 0.4);
  flex-direction: row;
  align-items: center;
  padding-left: 10px;
  margin-top: 0;
  width: 150px;
  justify-content: flex-start;
}

.Sponsors-section .action-block,
.left-bar .menu-title {
  height: 40px;
  display: flex;
  font-weight: 600;
}

.Sponsors-section .action-block .switch-button input:checked+.slider::before {
  transform: translateX(10px);
  background-color: #D1433A;
}

.Sponsors-section .action-block .switch-button .slider.round::before {
  border-radius: 50%;
}

.Sponsors-section .action-block .switch-button .slider::before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 0;
  bottom: 0;
  background-color: #c4ccd6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.Sponsors-section .action-block .switch-button input.default:checked+.slider {
  background-color: rgba(65, 108, 255, 0.2);
}

.Sponsors-section .switch-button {
  margin-right: 10px;
}

.sponser-type select {
  width: 100%;
  background-color: #f3f3f3;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(7, 21, 38, 0.5);
  padding-left: 10px;
  padding-right: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
}

.sponser-type {
  width: 250px;
  position: relative;
}

.sponser-type::before {
  content: "";
  background-image: url(../img/select-down-arrow.png);
  position: absolute;
  width: 10px;
  height: 10px;
  top: 13px;
  right: 10px;
  z-index: 99999;
  background-repeat: no-repeat;
}

.sponser-type select:focus {
  outline: none;
  box-shadow: none;
}

.Sponsors-section .action-block .switch-button input:checked .action-block {
  border: 1px solid red !important;
}

.name-of-album {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
}

.name-of-album input {
  width: 100%;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  color: rgba(7, 21, 38, 0.6);
  height: 40px;
  font-size: 15px;
  font-weight: 500;
  padding-left: 20px;
}

.Light-medium select {
  background-color: #fff;
}

.only-suponsors {
  border: 1px solid #D1433A !important;
  color: rgb(65, 108, 255) !important;
  font-weight: 500 !important;
}

.bg-color-post {
  width: 100%;
  height: 50px;
  background: linear-gradient(270deg, #0075ff -9.47%, #6a3dcb 98.54%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}

.active-cehck-color {
  border: 1px solid #fff;
}

.second-color-pattel {
  background: linear-gradient(270deg, #0075ff -9.47%, #6a3dcb 98.54%);
}

.third-color-pattel {
  background: linear-gradient(180deg, #42b1ae 0%, #6a3dcb 100%);
}

.colored-list {
  margin-top: 20px;
  padding-bottom: 20px;
}

.Search_gif {
  margin-top: 10px;
  position: relative;
}

.Search_gif input {
  width: 100%;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  color: rgba(7, 21, 38, 0.8);
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  padding-left: 50px;
}

.Search_gif span {
  position: absolute;
  left: 16px;
  top: 5px;
}

.gif {
  width: 100%;
  height: 110px;
}

.gif img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.t-gif-images li img {
  width: 100%;
  height: 110px;
  object-fit: cover;
  border-radius: 2px;
}

.t-gif-images li {
  list-style: none;
  display: inline-block;
  width: 31.333%;
  margin-bottom: 0;
  margin-top: 10px;
  margin-right: 10px;
}

.t-gif-images li:nth-child(3n + 3) {
  margin-right: 0px;
}

.uploaded-file-list {
  margin-top: 10px;
  margin-bottom: 0;
}

.uploaded-file-list li {
  width: 100%;
  display: flex;
  background: #f7f7f7;
  border-radius: 2px;
  padding: 10px;
  align-items: center;
}

.palceholder-file img {
  width: 33px;
}

.file-detail {
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.file-detail h1 {
  color: #47505b;
  font-size: 14px;
  font-weight: 500;
}

.file-detail span {
  margin-left: 10px;
  color: #8b949f;
  font-weight: 400;
  font-size: 13px;
}

.dlt-icon {
  margin-left: auto;
  margin-right: 12px;
}

.add-upload-file {
  margin-top: 10px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  border-radius: 2px;
  height: 50px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.add-upload-file input {
  position: absolute;
  width: 100%;
  height: 50px;
  opacity: 0;
  cursor: pointer;
}

.add-options {
  margin-bottom: 0;
}

.add-options li {
  list-style: none;
  margin-top: 10px;
}

.add-option input {
  width: 100%;
  height: 40px;
  border: none;
  background-color: #f7f7f7;
  border-radius: 4px;
  color: rgba(7, 21, 38, 0.6);
  font-size: 15px;
  font-weight: 500;
  padding-left: 20px;
}

.what-doing {
  margin-top: 10px;
  width: 100%;
  display: inline-block;
  position: relative;
}

.what-doing input {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  color: rgba(7, 21, 38, 0.8);
  height: 40px;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  padding-left: 55px;
}

.what-doing span {
  position: absolute;
  left: 20px;
  top: 6px;
}

.doing-detail {
  position: relative;
  padding-bottom: 10px;
}

.doing-drop-down>ul {
  width: 100%;
  display: inline-block;
  border: 1px solid #e6eaf0;
  padding: 0px 10px 10px 10px;
  position: relative;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  top: -2px;
  background-color: #fff;
}

.doing-drop-down>ul>li {
  list-style: none;
  display: inline-block;
  width: 31.3%;
  margin-right: 10px;
}

.doing-drop-down>ul>li:nth-child(3n + 3) {
  margin-right: 0px;
}

.drop-detail {
  background-color: #f7f7f7;
  padding: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.drop-detail span {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #47505b;
}

.listing-inout {
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
}

.listing-inout span {
  border: 1px solid #e6eaf0;
  background-color: #f7f7f7;
  border-top-left-radius: 4px;
  height: 40px;
  display: flex;
  width: 135px;
  border-bottom-left-radius: 4px;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #47505b;
}

.listing-inout img {
  width: 16px;
  margin-right: 8px;
}

.listing-inout input {
  border-left: none;
  border-top: 1px solid #e6eaf0;
  border-bottom: 1px solid #e6eaf0;
  border-right: 1px solid #e6eaf0;
  width: 393px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 15px;
  font-weight: 500;
  padding-left: 15px;
  color: rgba(7, 21, 38, 0.6);
}

.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.drop-detail:hover {
  background-color: #D1433A1A;
  transition: all 0.3s;
}

.drop-detail:hover span {
  color: #D1433A;
}

/********* Profile post option css end ***********/
.gen-mood {
  border-bottom: 1px solid #c4ccd6 !important;
  padding-bottom: 14px;
  position: relative;
}

.gen-mood-tag>ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.gen-mood-tag>ul>li {
  margin-right: 15px;
  margin-left: 15px;
}

.gen-mood-tag>ul>li>a {
  width: 90px;
  height: 30px;
  border: 1px solid #8b949f !important;
  border-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8b949f;
  font-size: 13px;
  font-weight: 700;
  background-color: transparent;
}

.gen-mood-tag>ul>li .active {
  border: 1px solid #D1433A !important;
  color: #D1433A !important;
  background-color: transparent !important;
  letter-spacing: 0.03em;
}

.section-title-music {
  margin-top: 32px;
  margin-bottom: 36px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.03em;
}

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

.gen_mooods ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.clear-history1 {
  text-align: right;
  border: 1px solid #c4ccd6;
  width: 120px;
  height: 30px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8b949f;
  font-size: 13px;
  transition: 0.3s all;
  font-weight: 500;
}

.clear-history1:hover {
  background-color: #e6eaf0;
}

.gen_mooods ul li {
  list-style: none;
  min-width: 5.2rem;
  max-width: 8.4rem;
  flex: 1 1 auto;
}

.card-cover .cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}

.overview-mains {
  position: relative;
}

.overview-mains .switch-field {
  position: absolute;
  right: 0;
  bottom: 5px;
  background-color: transparent;
  padding: 0;
  height: 31px;
  width: 151px;
  border-radius: 4px;
}

.overview-mains .switch-field input:checked+label {
  background-color: #D1433A;
  box-shadow: none;
  color: #fff;
  width: 84px;
  height: 29px;
  line-height: 27px;
  position: relative;
  font-weight: 500;
}

.overview-mains .switch-field label {
  height: 25px;
}

.overview-mains .switch-field label {
  width: 84px;
  height: 29px;
}

.overview-mains .switch-field label:last-of-type {
  border-radius: 0px;
}

.overview-mains .switch-field label:first-of-type {
  border-radius: 0px;
}

.gen-mood .overview-mains {
  position: absolute;
  right: 0;
  bottom: 30px;
}

.gen_mooods>ul>li>a {
  background-color: #D1433A1A;
  border-radius: 4px;
  padding: 0 14px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  color: #47505b;
  transition: 0.3s all;
}

.gen_mooods>ul>li>a:hover {
  background-color: #D1433A;
  color: #fff;
}

.gen_mooods>ul>li>.active {
  background-color: #D1433A;
  color: #fff;
}

.geners .widget-item {
  padding: 0;
}

.widget-music-mains .widget-music {
  margin-bottom: 0;
}

.widget-music-mains {
  background-color: #fff;
  margin-bottom: 10px;
  padding: 15px;
}

.title1-h4 {
  font-family: Helvetica Neue;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #071526;
  margin-bottom: 16px;
}

.view-chart-btn {
  display: flex;
  flex-direction: row;
  justify-content: end;
  position: relative;
  top: -5px;
}

.view-chart-btn a {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #c4ccd6;
  justify-content: center;
  border-radius: 5px;
  width: 100px;
  height: 30px;
  font-family: "HelveticaNeueBold";
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  color: #071526;
}

.view-chart-btn svg {
  margin-left: 8px;
}

.new-releae-geners h1 {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 15px;
  letter-spacing: 0.03em;
}

.new-releae-geners .gen_mooods a {
  background-color: #f0f2f5;
  border: 1px solid #373b53;
  height: 40px;
}

.new-releae-geners .gen_mooods a:hover {
  background-color: #D1433A1A;
  color: #D1433A;
  border: 1px solid #D1433A;
}

.new-releae-geners .gen_mooods .active {
  background: #D1433A;
  color: #ffffff;
  border: 1px solid #D1433A;
  box-sizing: border-box;
  border-radius: 4px;
}

.new-releae-geners .clear-history {
  position: absolute;
  width: 120px;
  height: 30px;
  border: 1px solid #c4ccd6;
  border-radius: 4px;
  right: 14px;
  bottom: 18px;
  color: #8b949f;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}

.new-releae-geners .clear-history:hover {
  background-color: #e6eaf0;
}

.button-playall {
  background: linear-gradient(270deg, #0075ff -9.47%, #6a3dcb 98.54%);
  width: 170px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 20px;
}

.button-playall:hover {
  transition: all 0.3s;
  opacity: 0.8;
}

.button-playall svg {
  margin-right: 7px;
}

.title-head.top-sign-bottom {
  margin-bottom: 25px;
  letter-spacing: 0.03em;
}

.plus-link {
  position: absolute;
  right: 15px;
  top: 0;
}

.btn.btn-icon-border.shop.text.mrs {
  margin-right: 10px;
}

.g-mood .switch-field {
  bottom: 23px;
}

.rev-rate {
  bottom: 20px !important;
}

.featured-box .owl-item {
  width: 100% !important;
}

.featured-box .owl-stage-outer .owl-stage {
  width: 100% !important;
}

.m-t-37 {
  margin-top: 37px !important;
}

.m-t-34 {
  margin-top: 34px !important;
}

.btn-buy {
  width: 85px;
  height: 30px;
  font-size: 13px;
  font-weight: 400;
  color: #D1433A;
  border: 1px solid #D1433A;
  border-radius: 4px 0px 0px 4px;
  position: relative;
}

.btn-strem {
  width: 85px;
  height: 30px;
  border: 1px solid #D1433A;
  /*border-left-color: rgb(65, 108, 255);*/
  border-left-color: #D1433A;;
  border-left-style: solid;
  border-left-width: 1px;
  border-left: none;
  border-radius: 0px 4px 4px 0px;
  font-size: 13px;
  font-weight: 400;
  color: #D1433A;
  position: relative;
}

.top-active-btn {
  background-color: #D1433A;
  color: #fff;
  font-weight: 500;
}

.btn-strem.top-active-btn {
  padding-left: 26px;
}

.main-teo-btns {
  position: absolute;
  right: 0;
  bottom: 2px;
}

.g-mood .main-teo-btns {
  bottom: 19px;
}

.left-bar-menu-links .active a .main-link-tab-sub {
  color: #D1433A;
}

.mt-6 {
  margin-top: 70px;
}

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

.datepick .vd-wrapper {
  flex: inherit;
  border: 1px solid #D1433A;
  border-radius: 4px;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 50px;
}

.datepick .vd-picker__input {
  flex: inherit;
}

.top-text-chart {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  margin: auto;
  padding-top: 8px;
}

.top-heading-chart {
  color: #071526;
  font-size: 14px;
  font-weight: 700;
  margin-top: 7px !important;
}

.top-subheading-chart {
  color: #47505b;
  font-size: 12px;
  font-weight: 500;
}

.card-chart-border {
  border-radius: 4px;
}

.chart-gen-head {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 17px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.border-all {
  border-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.alb-rev {
  margin-bottom: 0;
  margin-top: 0;
}

.composer-popover.active[data-v-31b81b81] {
  bottom: 0px !important;
  top: 50px !important;
}

.tag-els {
  background-color: #8b949f;
  width: 90px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  font-family: HelveticaNeueNormal, sans-serif;
  letter-spacing: 1px;
}

.price-like {
  position: absolute;
  right: 10px;
  display: flex;
  align-items: center;
  bottom: 10px;
}

.podcast.active {
  stroke: #D1433A;
  fill: #D1433A;
}

.podcast:hover {
  stroke: #D1433A;
  fill: #D1433A;
}

.price-total {
  margin-left: 10px;
}

.pric-de {
  border: 1px solid #D1433A;
  width: 50px;
  height: 20px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #D1433A;
  font-size: 13px;
  font-weight: 400;
  font-family: HelveticaNeueBold, sans-serif;
}

.overview-mains .switch-field label {
  width: 84px;
  line-height: 27px;
  background-color: transparent;
}

.overview-mains .switch-field input:checked+label::before {
  content: "";
  display: none;
}

.friends-wrap .pages-tbs a {
  padding-top: 23px;
}

.friends-wrap .pages-tbs a:hover {
  color: #47505b;
}

.friends-wrap .pages-tbs a:focus{
  color: #c4ccd6;
}

.fav-tab-title {
  margin-top: 10px;
  color: #071526;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  font-family: HelveticaNeueBold;
}

.card-des-heart {
  position: absolute;
  right: 10px;
}

.for-new-platlist {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  height: 278px;
}

.playlist-heading-detail {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-top: 25px;
  font-family: HelveticaNeueBold;
}

.playlist-heading-sub-detail {
  color: #47505b;
  font-size: 12px;
  font-weight: 400;
  margin-top: 2px;
}

.playlist-card-des {
  padding-top: 10px !important;
}

.heart-icons-blue {
  position: absolute;
  top: 12px;
  right: 11px;
}

.position-moods {
  bottom: 20px !important;
}

.actibe-followers {
  background-color: #D1433A;
}

.actibe-followers .c-line-1.c-fill-1 {
  fill: #fff;
}

.actibe-followers .text {
  color: #fff !important;
}

.fav-right-bar {
  display: flex;
  margin-left: auto;
  align-items: center;
  margin-right: 20px;
}

.facvb-input input {
  margin-right: 20px;
  width: 250px;
  height: 30px;
  border: 1px solid #8b949f;
  border-radius: 4px;
  color: #8b949f;
  font-size: 13px;
  font-weight: 500;
  padding-left: 10px;
}

.pg-input-right {
  position: static !important;
}

.fav-tabs-moods>ul>li {
  margin-right: 30px !important;
}

.fav-tabs-moods .nav-tabs {
  border-bottom: none;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 30px;
}

.talk-tag {
  position: absolute;
  right: 11px;
}

.custom-cl button:hover .svg-icon-text {
  stroke: #D1433A;
}

.custom-cl button:hover span {
  color: #D1433A !important;
}

.change-view .btn.active .svg-icon .stroke-line-1 {
  stroke: #fff;
}

.more1 {
  margin-left: 25px;
  margin-right: 25px;
}

.od-history button {
  width: 140px;
  height: 30px;
  border: 1px solid #D1433A;
  border-radius: 4px;
  color: #D1433A;
  font-size: 13px;
  font-weight: 500;
  background-color: #fff;
  transition: 0.3s all;
}

.od-history button:hover {
  background-color: #D1433A;
  color: #fff;
}

.od-history {
  margin-right: 10px;
}

.oder-setting button {
  width: 40px;
  height: 30px;
  border: 1px solid #D1433A;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.oder-setting button:hover {
  background-color: #D1433A;
}

.oder-setting button:hover .set-svg {
  stroke: #fff;
}

.filter-total-count {
  display: flex;
  width: 50px;
  height: 30px;
  background-color: white;
  border: 1px solid #D1433A;
  border-radius: 3px;
  margin-left: 20px;
  align-items: center;
  justify-content: center;
}

.filter-total-count.active {
  display: flex;
  width: 50px;
  height: 30px;
  background-color: #D1433A;
  border-radius: 3px;
  margin-left: 20px;
  align-items: center;
  justify-content: center;
}

.filter-total-count .svg-i svg path {
  stroke: #D1433A !important;
}

.filter-total-count.active.svg-i svg path svg {
  stroke: white !important;
}

.filter-count {
  margin: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  color: #D1433A;
}

.filter-count.active {
  margin: 0;
  width: 16px;
  height: 16px;
  background-color: #D1433A;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
}

.musicbar_more-frd a:hover {
  background-color: #dde2e9;
  transition: 0.3s all;
}

.head-seeall {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wishlist-seeall {
  display: flex;
  align-items: center;
}

.wishlist-seeall p {
  margin-bottom: 0;
  color: #071526;
  font-size: 12px;
  font-weight: 700;
  margin-right: 5px;
}

.wishlist-seeall span {
  width: 24px;
  height: 24px;
  background-color: #e4e6eb;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}

.wishlist-seeall span:hover {
  background-color: #dde2e9;
}

.musicbar_more a:hover {
  background-color: #dde2e9;
  transition: 0.3s all;
}

.musicbar_more .show_more_bg:hover {
  background-color: #dde2e9;
  transition: 0.3s all;
}

.musicbar_more a:hover .show_more_bg {
  background-color: #dde2e9;
  transition: 0.3s all;
}

.sl-arrow:hover {
  background-color: #d1d9e3 !important;
  transition: 0.3s all;
}

.abbumg-review {
  font-weight: 700;
  font-size: 18px;
  line-height: 19px;
  color: #071526;
  margin-bottom: 16px;
}

.over-play-signle {
  align-items: center !important;
}

.m-t-45 {
  margin-top: 45px;
}

.svg-icon:active .heart-acti {
  fill: #D1433A;
  stroke: #D1433A;
}

.btn.btn-information.text:active .svg-icon-text {
  stroke: #D1433A;
}

.btn.btn-information.text:focus .svg-icon-text {
  stroke: #D1433A;
}

.btn.btn-information.text:focus svg path {
  stroke: #0a6ffa;
}

.recent-review-theme .widget-title {
  padding-left: 20px !important;
  margin-right: 20px !important;
}

.recent-review-theme .widget-item {
  padding-left: 20px;
  padding-right: 20px;
  transition: 0.3s all;
}

.recent-review-theme .action .svg-icon:hover .c-line-1 {
  stroke: #D1433A;
  transition: all 0.3s;
}

.recent-review-theme .widget-item:hover {
  background-color: #D1433A1A;
  cursor: pointer;
}

.recent-review-theme .widget-item:hover .item-desc .name {
  text-decoration: underline;
}

.recent-review-theme {
  padding: 24px 0 20px 0;
}

.filters-select.for-overview>.dropdown-menu .inner li a:hover .check-mark {
  display: block;
  right: -10px;
  position: relative;
}

.genres_checkbox_outer>input:checked+label .House_class .svg_genre {
  fill: #D1433A;
}

.genres_checkbox_outer>input:checked+label .House_class .all_moods {
  fill: #D1433A;
}

.Indie_class .svg_genre {
  stroke: none;
}

.Indie_class .all_moods {
  stroke: none;
}

.genres_checkbox_outer>input:checked+label .Indie_class .svg_genre {
  fill: #D1433A;
  stroke: none;
}

.genres_checkbox_outer>input:checked+label .Indie_class .all_moods {
  fill: #D1433A;
  stroke: none;
}

.grid-svd:active .c-line-1 {
  fill: none;
}

.grid-svd:active .c-fill-1 {
  fill: none;
}

.Indie_class:hover .svg_genre {
  stroke: none;
  fill: #D1433A;
}

.Indie_class:hover .all_moods {
  stroke: none;
  fill: #D1433A;
}

.top_chart-header {
  width: 120px;
  height: 24px;
  background-color: rgba(196, 204, 214, 0.3);
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 400;
}

.top_chart-header-main {
  margin-top: 11px;
}

.top_chart-header-main h1 {
  margin-bottom: 0;
  color: #121317;
  font-size: 48px;
  font-weight: 800;
}

.top_chart-header-main p {
  margin-bottom: 0;
  color: #8b949f;
  font-size: 12px;
  font-weight: 300;
}

.top-at-btn {
  margin-top: 24px;
  display: flex;
}

.top-play-btn {
  width: 140px;
  height: 40px;
  background-color: #D1433A;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.2px;
  transition: 0.3s all;
  margin-right: 10px;
}

.top-play-btn:hover {
  background-color: #DA6961;
}

.top-chart-sections {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.s-btns {
  background-color: #1a1b1f;
  border-radius: 6px;
  border: none;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.sh-buttons {
  background-color: #1a1b1f;
  border-radius: 6px;
  border: none;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chart-buy-stream {
  top: 0px;
}

.bo-botom-0 {
  border: none !important;
  padding-bottom: 0;
}

.caleder-chart {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cal-mains {
  width: 250px;
  height: 50px;
  border: 1px solid #D1433A;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  letter-spacing: 0.03em;
}

.cal-mains span {
  color: #D1433A;
  margin-left: 5px;
}

.chart-gens h1 {
  margin-top: 15px;
  letter-spacing: 0.03em;
}

.items-centers {
  align-items: center !important;
}

.news-feed-pic {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.online-signal {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-color: #1cec9e;
  border-radius: 50px;
  border: 2px solid #fff;
  position: absolute;
  bottom: 1px;
  right: 41px;
}

.news-feed-pic-date-time h3 {
  color: #8b949f;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 0;
  margin-right: 10px;
}

.for_video {}

.for_video video {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}

.thoms-post {
  height: 290px;
}

.added_image {
  height: 480px;
}

.for_two_row {
  margin-left: 150px !important;
}

.event-name-detail-mains {
  display: flex;
  align-items: center;
  position: relative;
}

.events-heading-sub-heading h1 {
  color: #071526;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
}

.events-heading-sub-heading p {
  color: #47505b;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0;
}

.events-heading-sub-heading span {
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
}

.events-calender {
  width: 50px;
  height: 50px;
  border: 2px solid #071526;
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-right: 20px;
}

.events-calender p {
  color: #071526;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0;
}

.events-calender span {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
}

.user_ev {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  width: 50px;
  height: 20px;
  background-color: #ae4ea9;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}

.user_ev span {
  color: #fff;
  margin-left: 4px;
}

.btns_ev_detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.buy-tickets-btn {
  display: flex;
  border-radius: 4px;
  width: 220px;
  height: 40px;
  background-color: #D1433A;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  transition: 0.3s all;
}

.buy-tickets-btn:hover {
  background-color: #DA6961;
}

.buy-tickets-btn svg {
  margin-right: 7px;
}

.feed-btns-details label {
  margin-right: 0;
  border: none;
  border-radius: 0;
}

.feed-btns-details .news-feed-radio {
  border: 1px solid #D1433A;
  border-radius: 4px;
}

.news-feed-pic-detials-photo-video1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}

.feealing_expression {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.feealing_expression p {
  margin: 0;
  margin-right: 0px;
  color: #D1433A;
  font-size: 15px;
  font-weight: 700;
  margin-right: 20px;
}

.ac-more {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
}

.ac-more svg {
  margin-right: 0;
}

.btn.btn-gradient:hover .svg-plus {
  stroke: #fff;
  fill: #fff;
}

.all_moods {
  stroke: #47505b;
}

.over-card-1 {
  position: relative;
  /*flex: 0 1 230px;*/
  /*width: 230px;*/
  margin-right: 10px;
}

.over-card_details {
  width: 100%;
  height: 100%;
}

.over-card_details img {
  width: 100%;
  height: 100% !important;
}

.l-15.over-card_details .bottom {
  left: 15px !important;
  margin-left: 25px;
}

.l-4.over-card_details .bottom {
  left: 4px !important;
  margin-left: 25px;
}

.title_sec a {
  color: #fff;
  font-size: 18px;
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
  letter-spacing: 0.03em;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}

.over-card-2 {
  position: relative;
  /*flex: 0 1 230px;*/
  /*width: 230px;*/
}

.coment-sepr {
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #e6eaf0;
  margin-top: 15px;
}

.list_of_icons {
  position: absolute;
  top: 13px;
  right: 0;
  padding-left: 0;
  display: flex;
  margin-bottom: 0;
}

.list_of_icons li {
  list-style: none;
  margin-right: 20px;
}

.list_of_icons li span {
  position: relative;
}

.f-up {
  position: absolute;
  width: 22px;
  height: 22px;
  z-index: 1;
  top: 13px;
}

.f-up>input {
  width: 22px;
  height: 22px;
  padding: 0;
  opacity: 0;
}

/********************  Share post css start   ********************/
.share-post-sections {
  width: 550px;
  border-radius: 4px;
  background-color: #ffffff;
  margin: 0 auto;
}

.share-posts {
  display: flex;
  position: relative;
  align-items: center;
  border-bottom: 1px solid #e6eaf0;
  padding-bottom: 15px;
  padding-top: 20px;
  justify-content: center;
}

.share-posts-title {
  display: flex;
  align-items: center;
}

.share-posts-title h1 {
  font-size: 20px;
  font-weight: 700;
}

.create-video-close.share-post-close {
  position: absolute;
  right: 10px;
}

.share-posts-title span {
  display: flex;
  align-items: center;
}

.sharing-options ul {
  padding: 0;
  margin: 0;
  display: flex;
}

.sharing-options ul li {
  list-style: none;
  margin-right: 10px;
}

.sharing-options ul li span {
  width: 40px;
  height: 30px;
  background-color: rgba(113, 129, 149, 0.07);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s all;
}

.sharing-options {
  margin-bottom: 25px;
}

.sharing-options ul li span:hover {
  background-color: #D1433A;
}

.sharing-options ul li span:hover .social-icon-hover {
  fill: #fff;
}

.social-icon-hover {
  transition: 0.3s all;
}

.share-post-to-title {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #000;
}

.post-tab-nav {
  margin-top: 5px;
  margin-bottom: 26px;
}

.post-tab-nav a {
  padding: 0;
  margin-right: 10px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  transition: 0.3s all;
}

.post-tab-nav a:hover {
  border: 1px solid #D1433A;
  background-color: #D1433A1A;
}

.post-tab-nav .active {
  border: 1px solid #D1433A;
}

.post-tab-nav a:last-child {
  margin-right: 0px;
}

.timeline-tabs {
  width: 118px;
  height: 118px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  transition: 0.3s all;
}

.timeline-tab-svg {
  width: 60px;
  height: 60px;
  background-color: #e6eaf0;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.t-text-heading {
  margin-top: 6px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.write-a-message p {
  font-size: 14px;
  font-weight: 500;
  color: #47505b;
  margin-bottom: 0;
}

.send-message-section {
  display: flex;
  border-top: 1px solid #e6eaf0;
  margin-top: 7px;
  padding-top: 20px;
  align-items: center;
}

.send-message-user-pic img {
  width: 51px;
  height: 51px;
  object-fit: cover;
}

.send-message-user-pic {
  margin-right: 20px;
}

.post-something-field {
  position: relative;
  flex: 1;
}

.post-comment-fields input {
  width: 100% !important;
  background-color: #f7f7f7;
  border: none;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  color: #8b949f;
  font-weight: 400;
  padding-left: 20px;
}

.input-emoji {
  position: absolute;
  right: 15px;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.send-post-btn {
  width: 40px;
  height: 40px;
  background-color: #D1433A;
  margin-left: 12px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
  cursor: pointer;
}

.send-post-btn:hover {
  background-color: #DA6961;
}

.send-post-btn svg {
  position: relative;
  right: 3px;
}

.post-comment-fields {
  position: relative;
  flex: 1;
}

.select-pages {
  margin-bottom: 15px;
  position: relative;
}

.select-pages label {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #47505b;
}

.select-pages select {
  width: 100%;
  appearance: none;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  color: #8b949f;
  padding-left: 13px;
  outline: none;
}

.arrow-gray {
  position: absolute;
  right: 14px;
  bottom: 4px;
}

.selected-people-ad {
  width: 50%;
  padding: 30px;
  background-color: #f5f6f7;
  margin-left: 5px;
}

.search-people-ad {
  width: 50%;

  margin-right: 5px;
}

.search-filed-in input {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  width: 100%;
  height: 30px;
  font-size: 13px;
  font-weight: 400;
  color: #8b949f;
  padding-left: 20px;
}

.search-people-ad ul {
  margin-top: 20px;
  padding: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto;
}

.search-people-ad ul li {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #e6eaf0;
}

.image-user-name {
  padding-left: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #071526;
}

.message-tab-ad {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e6eaf0;
  height: 355px;
  overflow: hidden;
  margin-bottom: 25px;
}

.search-people-ad ul li:last-child {
  border-bottom: none;
}

.selected-people-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.selected-people-heading h1 {
  font-size: 12px;
  font-weight: 700;
  font-family: HelveticaNeueMedium, sans-serif;
  color: #47505b;
}

.selected-people-heading span {
  background-color: #D1433A;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  width: 26px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.selected-people-ad ul {
  padding-left: 0;
  margin-top: 20px;
}

.selected-people-ad ul li {
  list-style: none;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  transition: 0.3s all;
}

.image-user-cover {
  position: relative;
}

.image-user-cover span {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #1cec9e;
  border: 1px solid #fff;
  border-radius: 50px;
  bottom: 0;
  right: 3px;
}

.check-mark-icon {
  margin-left: auto;
  transition: 0.3s all;
  display: none;
}

.search-people-ad ul li:hover .check-mark-icon {
  display: block;
}

.active-list {
  background-color: #D1433A1A;
}

.active-list .check-mark-icon {
  display: block;
}

.save-post-link {
  margin-top: 10px;
}

.save-post-link span {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.save-post-link a {
  display: flex;
  width: 100%;
  font-size: 13px;
  color: #000;
  font-weight: 500;
  align-items: center;
  cursor: pointer;
  padding: 15px 10px;
}

.my-post-contaniermain {
  width: 100%;
}

.regular-links ul {
  padding: 0;
  margin: 14px 0 10px 0;
}

.regular-links ul li {
  display: inline-block;
  width: 100%;
  list-style: none;
}

.regular-links a {
  width: 100%;
  display: flex;
  padding: 11px 25px;
  font-size: 13px;
  font-weight: 500;
  color: #000;
  align-items: center;
}

.regular-links span {
  margin-right: 20px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.seprator-line {
  border-top: 1px solid #e6eaf0;
  width: 210px !important;
  margin: 0 auto;
  display: inherit;
  margin-top: 5px;
}

.regular-links a:hover {
  background-color: #D1433A1A;
  color: #D1433A;
}

.regular-links a:hover .regular-link-svg {
  stroke: #D1433A;
}

.regular-links a:hover .regular-link-svg1 {
  fill: #D1433A;
}

.other-post-people {
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  border-radius: 4px;
  width: 240px;
  position: absolute;
  right: 0;
  z-index: 1;
}

.other-post-people ul li {
  list-style: none;
  display: inline-block;
  width: 100%;
}

.other-post-icon-title h1 {
  font-size: 13px;
  font-weight: 500;

  color: #000;
}

.other-post-icon {
  display: flex;
  align-items: center;
}

.other-post-seprator {
  border-top: 1px solid #e6eaf0;
  width: 100%;
  display: flex;
  margin-top: 7px;
  margin-bottom: 7px;
}

.other-post-icon-title {
  padding-left: 16px;
}

.other-post-icon-title p {
  margin: 0;
  margin-top: 0px;
  font-size: 11px;
  font-weight: 400;
  color: #8b949f;
  margin-top: 2px;
}

.other-post-icon-svg {
  position: relative;
  top: -4px;
}

.share_posts_main {
  padding: 0 20px 20px 20px;
}

.share_nav>li {
  width: 49%;
  margin-right: 10px;
}

.share_nav>li:last-child {
  margin-right: 0;
}

.share_nav>li a {
  padding: 13px 0 13px 0;
  border-bottom: 3px solid #c4ccd6;
  text-align: center;
  color: #c4ccd6;
  font-size: 16px;
  font-weight: 700;
}

.share_nav>li .active {
  border-bottom: 3px solid #D1433A;
  color: #47505b;
}

.post_to_share {
  margin-top: 25px;
}

.post_to_share h1 {
  color: #8b949f;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
}

.post_share_details {
  margin-top: 10px;
  background-color: #fafafc;
  border-radius: 4px;
  display: flex;
  padding: 10px;
  margin-bottom: 10px;
}

.post_shre_detail_img img {
  width: 30px;
  height: 30px;
  border-radius: 2px;
  object-fit: cover;
}

.post_shre_detail_img {
  margin-right: 10px;
}

.post-shre-detail-msg p {
  color: #47505b;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 11px;
}

.post-shre-detail-msg span {
  color: #8b949f;
  font-size: 11px;
  font-weight: 400;
}

.select_channels {
  margin-top: 15px;
}

.select_channels_heading {
  color: #47505b;
  font-size: 14px;
  font-weight: 500;
}

.post-tab-nav a:hover .timeline-tab-svg {
  background-color: #D1433A;
}

.post-tab-nav a:hover .share_post_svg {
  fill: #fff;
}

.post-tab-nav a:hover .svg-stroke {
  stroke: #fff;
}

.post-tab-nav .active .timeline-tabs {
  background-color: #D1433A1A;
}

.post-tab-nav .active .share_post_svg {
  fill: #fff;
}

.post-tab-nav .active .svg-stroke {
  stroke: #fff;
}

.link_input {
  position: relative;
}

.link_input input {
  width: 100%;
  height: 30px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding-left: 35px;
  font-size: 12px;
  font-weight: 700;
  padding-right: 62px;
}

.link_input span {
  position: absolute;
  top: 5px;
  left: 11px;
}

.c_btn {
  position: absolute;
  right: 0;
  background-color: #D1433A;
  width: 60px;
  height: 30px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  border: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.c_btn:hover {
  background-color: #DA6961;
}

.link_posts-social>h1 {
  font-size: 14px;
  font-weight: 500;
  color: #47505b;
}

.link_posts-social {
  margin-top: 17px;
}

.send_emails_post {
  position: relative;
}

.send_emails_post>h1 {
  color: #47505b;
  font-size: 14px;
  font-weight: 500;
}

.send_emails_post input {
  width: 100%;
  border: 1px solid #e6eaf0;
  height: 30px;
  padding-left: 35px;
  color: #8b949f;
  font-size: 13px;
  font-weight: 500;
  border-radius: 4px;
}

.send_emails_post span {
  position: absolute;
  left: 7px;
  top: 29px;
}

.wrie-mesg {
  margin-top: 17px;
}

.wrie-mesg>h1 {
  color: #47505b;
  font-size: 13px;
  font-weight: 700;
}

.mes-sed {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mes-sed>textarea {
  border: 1px solid #e6eaf0;
  width: 450px;
  height: 41px;
  border-radius: 4px;
  padding-left: 5px;
  font-size: 14px;
  resize: none;
}

/********************  Share post css end   ********************/

/***************** My article  css start **************/
.my-article-above-tab {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 60px;
}

.search-article-box input {
  width: 100%;
  border: 1px solid #c4ccd6;
  border-radius: 4px;
  height: 40px;
  color: #8b949f;
  font-size: 13px;
  font-weight: 400;
  padding-left: 50px;
}

.search-article-box {
  position: relative;
  padding: 10px 0px 10px 10px;
}

.search-article-box span {
  position: absolute;
  top: 17px;
  left: 25px;
}

.select-box-all {
  padding: 10px 20px 10px 0px;
}

.slect-input {
  position: relative;
}

.slect-input input {
  width: 100%;
  border: 1px solid #D1433A;
  height: 40px;
  border-radius: 4px;
  padding-left: 20px;
  color: #D1433A;
  font-size: 13px;
  font-weight: 700;
}

.slect-input span {
  position: absolute;
  right: 15px;
  top: 7px;
}

.my-article-show {
  margin-top: 20px;
  background-color: #e6eaf0;
  border-radius: 5px;
  width: 100%;
  height: 310px;
}

.articles-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.articles-details h1 {
  margin-top: 25px;
  color: #071526;
  font-size: 16px;
  font-weight: 700;
}

.articles-details p {
  color: #47505b;
  font-size: 12px;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 0;
}

.write-article-btn button {
  margin-top: 35px;
  background-color: #D1433A;
  width: 232px;
  height: 40px;
  border-radius: 4px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.3s all;
}

.write-article-btn svg {
  margin-right: 6px;
}

.write-article-btn button:hover {
  background-color: #DA6961;
}

.write-new-article {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 4px;
}

.write-new-article button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border: 1.3px solid #D1433A;
  border-radius: 4px;
  color: #D1433A;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #fff;
  transition: 0.3s all;
}

.write-new-article button span {
  margin-right: 5px;
}

.write-new-article button:hover {
  background-color: #D1433A;
  color: #fff;
}

.write-new-article button:hover .write-article-svg {
  fill: #fff;
}

.widget-follow .action .svg-icon {
  display: flex;
}

.boosted-postes {
  margin-bottom: 10px;
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  letter-spacing: 0.03em;
}

.boosted-post-main {
  background-color: #f3f3f3;
  border-radius: 4px;
}

.boosted-post-main-image {
  position: relative;
}

.boosted-post-main-image img {
  width: 100%;
  height: 170px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.boosted-post-details {
  padding: 16px 10px 0 10px;
}

.heading-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.heading-detail h1 {
  color: #071526;
  font-size: 14px;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
  line-height: 17px;
  margin-bottom: 0;
}

.heading-detail button {
  background-color: #ae4ea9;
  border-radius: 4px;
  width: 50px;
  height: 20px;
  display: flex;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  align-items: center;
  border: none;
  position: relative;
  top: -5px;
}

.heading-detail button svg {
  margin-right: 3px;
}

.icons-flex-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 17px;
  line-height: 14px;
  font-family: HelveticaNeueNormal;
  font-weight: normal;
  letter-spacing: 0.5px;
}

.bosted-date {
  display: flex;
  color: #47505b;
  font-size: 12px;
  font-weight: 400;
  align-items: center;
}

.boosted-location {
  color: #47505b;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.boosted-location span {
  margin-right: 5px;
}

.boosted-time {
  font-size: 12px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.boosted-time span {
  margin-right: 8px;
}

.boosted-time {
  font-size: 12px;
  font-weight: 400;
}

.boosted-post-btns {
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  align-items: center;
}

.buy-ticket-btn {
  margin-left: 10px;
}

.buy-ticket-btn button {
  width: 150px;
  height: 30px;
  background-color: #D1433A;
  border-radius: 4px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 11px;
  font-weight: normal;
  transition: 0.3s all;
  letter-spacing: 0.05em;
  font-family: HelveticaNeueBold;
}

.buy-ticket-btn button:hover {
  background-color: #DA6961;
}

.buy-ticket-btn button span {
  margin-right: 5px;
}

.boosted-intersted-btn {
  width: 150px;
}

.boosted-tag {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100px;
  height: 20px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  left: 10px;
  font-family: HelveticaNeueBold, sans-serif;
}

.Chill-tag {
  background-color: #8b949f;
  width: 60px;
  position: absolute;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  border-radius: 4px;
  top: 11px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: HelveticaNeueNormal, sans-serif;
}

.boosted-second-main {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding: 20px;
  position: relative;
  margin-bottom: 10px;
}

.boosted-second-main-image img {
  width: 100%;
}

.boosted-second-main-image {
  display: inline-block;
  width: 100%;
  position: relative;
}

.boosted-second-detail-text h1 {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.boosted-second-detail-text p {
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.boosted-second-detail-text span {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.boosted-second-detail {
  position: absolute;
  bottom: 21px;
  background-color: #071526;
  width: 328px;
  display: flex;
  padding-left: 20px;
}

.boosted-second-detail-text {
  padding-left: 20px;
  padding-top: 7px;
}

.boosted-second-img {
  position: relative;
  top: -10px;
}

.bosted-date span {
  display: flex;
  margin-right: 5px;
}

.ad {
  background-color: #47505b;
}

.boosted-post-btns-text {
  font-size: 12px;
  font-weight: 400;
  color: #071526;
}

.boosted-post-btns-play button {
  width: 150px;
  height: 30px;
  border: 1px solid #D1433A;
  border-radius: 4px;
  color: #D1433A;
  font-size: 12px;
  font-weight: 700;
  transition: 0.3s all;
}

.boosted-post-btns-play button:hover {
  background-color: #D1433A;
  color: #fff;
}

.select-input-dropdown {
  background-color: #fff;
  width: 100%;
  padding-left: 20px;
  padding-top: 25px;
  padding-right: 20px;
  padding-bottom: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.select-input-checkbox {
  border-bottom: 1px solid #e6eaf0;
}

.select-input-checkbox .custom-notification {
  margin-bottom: 14px;
  margin-right: 0;
}

.select-filters input {
  display: none;
}

.select-filters>input+label .select-filter-checkbox {
  border: 1px solid #c4ccd6;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 50px;
  position: relative;
}

.select-filters>input:checked+label .select-filter-checkbox {
  border: 1px solid #D1433A;
}

.select-filters>input:checked+label .select-filter-checkbox-main {
  width: 8px;
  height: 8px;
  background-color: #D1433A;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  left: 3px;
}

.filter-box {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}

.select-filter-text {
  color: #071526;
  font-size: 13px;
  font-weight: 500;
  padding-left: 13px;
}

.slect-input-radio {
  margin-top: 30px;
}

.done-btn button {
  width: 100%;
  background-color: #D1433A;
  border: none;
  height: 40px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: 0.3s all;
}

.done-btn button:hover {
  background-color: #DA6961;
}

.select-input-dropdown-main {
  margin-top: 10px;
  box-shadow: 0px 10px 20px rgba(74, 75, 77, 0.08);
}

.cover-widget {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  padding: 25px 30px 30px 30px;
  margin-bottom: 10px;
}

.cover-widget h1 {
  height: 20px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #47505b;
  letter-spacing: 0.1ch;
}

.upload-cover-detail {
  background-color: #f7f7f7;
  border-radius: 2px;
  margin-top: 7px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-cover-detail input {
  position: absolute;
  opacity: 0;
  height: 150px;
}

.upload-cover-detail img {
  max-width: 100%;
  min-width: 100%;
  height: 150px;
  object-fit: cover;
}

.category-sections-main {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  padding: 27px 30px 20px 30px;
}

.category-section-fields label {
  color: #47505b;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
}

.category-section-fields select {
  width: 100%;
  height: 30px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  appearance: none;
  padding-left: 10px;
  color: rgba(7, 21, 38, 0.6);
  font-size: 13px;
  font-weight: 500;
}

.category-section-fields {
  position: relative;
  margin-bottom: 17px;
}

.category-section-fields label {
  height: 16px;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
}

.category-section-fields span {
  position: absolute;
  right: 15px;
}

.category-section-fields ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
}

.category-section-fields ul {
  list-style: none;
  border: 1px solid #e6eaf0;
  height: 30px;
  border-radius: 4px;
  padding-left: 10px;
}

.category-section-fields ul li {
  background-color: #e6eaf0;
  border-radius: 2px;
  width: 80px;
  height: 20px;
  text-align: center;
  position: relative;
  color: rgba(7, 21, 38, 0.6);
  font-size: 13px;
  font-weight: 500;
}

.category-section-fields ul li span {
  position: absolute;
  right: 6px;
}

.next-ad {
  background-color: #fff !important;
  color: rgba(7, 21, 38, 0.6) !important;
  width: auto !important;
  margin-left: 10px;
}

.editor-selects {
  background-color: #ffffff;
  border-radius: 4px;
  width: 100%;
  padding: 30px;
  border: 1px solid #e6eaf0;
}

.editor-selects label {
  width: 100%;
  color: #47505b;
  font-size: 13px;
  font-weight: 700;
}

.editor-selects input {
  height: 30px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  width: 100%;
  color: rgba(7, 21, 38, 0.6);
  font-size: 13px;
  font-weight: 500;
  padding-left: 10px;
}

.title-fields {
  margin-bottom: 27px;
}

.title-fields label {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #47505b;
  letter-spacing: 0.1ch;
}

.w-200 {
  width: 200px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

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

.article-headings h1 {
  color: #47505b;
  font-size: 22px;
  font-weight: 700;
}

.article-headings span {
  width: 70px;
  height: 30px;
  background-color: #e6eaf0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  color: #181818;
}

.article-s {
  height: 255px;
}

.post-tab-nav .active .timeline-tab-svg {
  background-color: #D1433A;
}

.post-tab-nav .active .timeline-tab-svg .active-svg {
  fill: #fff;
}

.post-tab-nav .active .timeline-tab-svg .active-svg-stroke {
  stroke: #fff;
}

/***************** My article  css end**************/
.font-13 {
  font-size: 13px;
}

.paddings {
  padding: 5px 20px 20px 20px;
}

.btn-information.text:hover .svg-icon-text {
  stroke: #D1433A;
}

.btn-information:hover .c-line-1-fill {
  fill: #D1433A;
  stroke: #D1433A;
}

.streaming-mains {
  display: flex;
}

.streaming-mains .btn-group-social {
  padding-right: 25px;
}

.streaming-mains .btn-play-count {
  margin-right: 20px;
}

.card-description.new-relcard {
  background-color: transparent;
  padding: 10px 0 0 0;
}

.cover-hover.rel-card {
  border-radius: 4px !important;
}

.genres_checkbox_outer>input:checked+label .Relaxed_class .all_moods {
  fill: #D1433A;
  stroke: #D1433A;
}

.genres_checkbox_outer>input:checked+label .Sleep_class .all_moods {
  fill: #D1433A;
  stroke: #D1433A;
}

.genres_checkbox_outer>input:checked+label .Radiant_class .all_moods {
  fill: #D1433A;
  stroke: #D1433A;
}

.genres_checkbox_outer>input:checked+label .Excited_class .all_moods {
  fill: #D1433A;
  stroke: #D1433A;
}

.genres_checkbox_outer>input:checked+label .Summer_class .all_moods {
  fill: #D1433A;
  stroke: #D1433A;
}

.genres_checkbox_outer>input:checked+label .Workout_class .all_moods {
  fill: #D1433A;
  stroke: #D1433A;
}

.genres_checkbox_outer>input:checked+label .Travel_class .all_moods {
  fill: #D1433A;
  stroke: #D1433A;
}

.genres_box:hover .Relaxed_class .all_moods {
  fill: #D1433A;
}

.genres_box:hover .Sleep_class .all_moods {
  fill: #D1433A;
}

.genres_box:hover .Radiant_class .all_moods {
  fill: #D1433A;
}

.genres_box:hover .Excited_class .all_moods {
  fill: #D1433A;
}

.genres_box:hover .Summer_class .all_moods {
  fill: #D1433A;
}

.genres_box:hover .Workout_class .all_moods {
  fill: #D1433A;
}

.genres_box:hover .Travel_class .all_moods {
  fill: #D1433A;
}

.feeb_sec_main {
  background-color: #fff;
  box-shadow: 0px 15px 40px rgba(71, 80, 91, 0.05);
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.feeb_sec_main_img {
  position: relative;
  margin-right: 40px;
  margin-left: 40px;
}

.feeb_sec_main_img img {
  width: 70px;
  height: 70px;
  border-radius: 50px;
  object-fit: cover;
}

.feeb_sec_main_img .online-signal {
  right: 11px;
  top: 60px;
}

.single_post_feeb_sec_main_img {
  position: relative;
}

.single_post_feeb_sec_main_img img {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  object-fit: cover;
}

.single_post_feeb_sec_main_img .online-signal {
  right: 0px;
  top: 28px;
}

.feeb_sec_main_person>h1 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  color: #071526;
}

.feeb_sec_main_person color {
  color: #8b949f;
  font-weight: 400;
  margin-left: 5px;
}

.feeb_sec_main_person .post-activity {
  color: #8b949f;
  font-weight: 400;
  margin-left: 5px;
}

.f_dot {
  background-color: #8b949f;
  width: 2px;
  height: 2px;
  border-radius: 50px;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.f_hrs {
  font-size: 14px;
  font-weight: 500;
  color: #8b949f;
}

.f_globe {
  margin-left: 9px;
}

.person-reply p {
  margin-bottom: 0;
  color: #D1433A;
  font-size: 14px;
  font-weight: 500;
}

.person-reply p color {
  color: #8b949f;
}

.per_comment {
  color: #071526;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
}

.feeb_sec_main_person {
  display: flex;
  align-items: center;
  position: relative;
}

.feeb_sec_main_detail {
  padding-left: 30px;
  border-left: 1px solid #e6eaf0;
  width: 100%;
}

.feeb_sec_main_detail_single_post {
  padding-left: 30px;
  width: 100%;
}

.treanding_sections {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  margin-bottom: 10px;
  border-radius: 4px;
}

.pg-letter-spacing-1 {
  letter-spacing: 0.03em;
}

.treanding_flag {
  display: flex;
  padding: 20px 20px 15px 20px;
  border-bottom: 1px solid #e6eaf0;
  justify-content: space-between;
  align-items: center;
  letter-spacing: 0.03em;
}

.icon-heading {
  display: flex;
  color: #071526;
  font-size: 18px;
  font-weight: 700;
  align-items: center;
}

.icon-heading {
  display: flex;
}

.icon-heading svg {
  margin-right: 10px;
}

.treanding_sections ul {
  padding: 0px 20px 10px 20px;
  margin: 0;
}

.treanding_sections ul li {
  list-style: none;
  border-bottom: 1px solid #e6eaf0;
  padding-bottom: 4px;
  padding-top: 15px;
}

.tr_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.tr_left p {
  margin-bottom: 0;
  color: #8b949f;
  font-size: 13px;
  font-weight: 400;
  font-family: HelveticaNeueNormal;
  letter-spacing: 0.5px;
}

.tr_left h1 {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 1px;
  letter-spacing: 0.03em;
  font-family: HelveticaNeueMedium;
  cursor: pointer;
}

.tr_left h1:hover {
  text-decoration: underline;
}

.tr_left span {
  color: #8b949f;
  font-size: 13px;
  font-weight: 400;
  font-family: HelveticaNeueNormal;
  letter-spacing: 0.5px;
}

.trending-drop {
  left: -232px !important;
}

.noti-d-tr p {
  margin-bottom: 0;
  color: #071526;
  font-size: 12px;
  font-weight: normal;
  margin-left: 5px;
  font-family: HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
}

.tr_see_more {
  padding: 0 20px 30px 20px;
}

.tr_seemore {
  width: 100%;
  height: 30px;
  background-color: #e6eaf0;
  border-radius: 4px;
  border: none;
  font-size: 12px;
  font-weight: normal;
  font-family: HelveticaNeueBold;
  letter-spacing: 0.5px;
  color: #071526;
  transition: 0.3s all;
}

.tr_seemore:hover {
  background-color: #dde2e9;
}

.intersted-news {
  width: 120px;
  height: 40px;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid #D1433A;
  background-color: #f7f7f7;
  color: #D1433A;
  font-size: 11px;
  font-weight: 500;
  transition: 0.3s all;
  cursor: pointer;
}

.going-btn-news {
  width: 120px;
  height: 40px;
  border-radius: 0px 4px 4px 0px;
  border-left: none;
  border-top: 1px solid #D1433A;
  border-bottom: 1px solid #D1433A;
  border-right: 1px solid #D1433A;
  color: #D1433A;
  font-size: 11px;
  font-weight: 500;
  background-color: #f7f7f7;
  cursor: pointer;
  transition: 0.3s all;
}

.intersted-news:hover {
  background-color: #D1433A;
  color: #fff;
}

.going-btn-news:hover {
  background-color: #D1433A;
  color: #fff;
}

.shop-cart {
  margin-right: 8px;
}

.w-140 {
  width: 140px !important;
}

.song-list .time {
  margin-bottom: 0 !important;
}

.popularity1 {
  margin-right: 49px;
  width: 40px;
}

.songs_lists .svg-icon {
  max-width: 88% !important;
}

.chart-sample-beat .chart-popularity {
  margin-right: 250px;
}

.chart-sample-beat .chart-bmptext {
  margin-right: 41px;
  margin-left: 8px;
}

.chart-sample-beat .chart-album {
  margin-left: 3px;
  margin-right: 49px;
}

.m-l-5 {
  margin-left: 5px;
}

.main-poset-select-box ul {
  margin: 0;
  padding-left: 20px;
  color: #47505b;
  font-size: 13px;
  font-weight: 500;
}

.main-poset-select-box ul li {
  list-style: none;
  line-height: 28px;
}

.main-poset-select-box span {
  position: absolute;
  right: 10px;
  top: 8px;
}

.user_and_link {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
  align-items: baseline;
}

.user_and_link h1 {
  color: #071526;
  font-size: 14px;
  margin-bottom: 0;
  font-family: HelveticaNeueBold;
  line-height: 17px;
}

.user_and_link>p {
  font-size: 14px;
  font-family: HelveticaNeueNormal;
  color: #8b949f;
  margin-left: 7px;
  display: flex;
  align-items: center;
  line-height: 17px;
  margin-left: 9px;
  margin-bottom: 0;
}

.user_and_link>p.post-time {
  font-family: HelveticaNeueNormal, sans-serif;
  position: relative;
  /* top: 1px; */
}

.user_and_link>p svg {
  margin-left: 8px;
  margin-right: 5px;
}

.user_dot {
  margin-left: 8px;
  margin-top: 1px;
  align-self: center;
}

.icon_globe {
  margin-left: 10px;
  align-self: center;
}

.main-poset-select-box {
  width: 250px;
  height: 30px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  position: relative;
}

.link_share {
  font-weight: 400 !important;
  color: #8b949f !important;
  text-transform: lowercase;
}

.m_b-10 {
  margin-bottom: 10px;
}

.link_share span {
  color: #D1433A;
  margin-left: 4px;
  text-decoration: underline;
}

.photo-col-1:first-child img {
  border-radius: 10px 0 0 10px;
}

.photo-col-1:last-child img {
  border-radius: 0 10px 10px 0px;
}

.photo-timeline>img {
  border-radius: 10px;
}

.photo-col-2>img {
  border-radius: 0 10px 10px 0;
}

.radio-awitch label {
  height: 38px;
  line-height: 38px;
}

.vue-slider-rail {
  background-color: rgba(209, 67, 58, 0.1) !important;
}

.vue-slider:hover .vue-slider-process {
  background-color: #D1433A;
}

.vue-slider-process {
  background-color: #D1433A;
}

.vue-slider-dot-handle {
  border: 2px solid #D1433A;
  background-color: #D1433A !important;
}

.vue-slider:hover .vue-slider-dot-handle:hover {
  border-color: #D1433A;
}

.seekbar .vue-slider-dot-handle {
  display: none !important;
}

.tooltip-inner {
  background-color: #D1433A !important;
}

.feed_options_update .news-feed-pic-detials-photo-video-poll {
  border-left: 1px solid #dfe3ee;
}

.feed_options_update .news-feed-pic-detials {
  border-left: 1px solid #dfe3ee;
}

.single_post_comment_box .feeb_sec_main {
  border: none;
  padding: 0;
  box-shadow: none;
  margin-bottom: 40px;
  position: relative;
  align-items: inherit;
}

.single_post_comment_box .feeb_sec_main:last-child {
  margin-bottom: 0px;
}

.single_post_comment_box {
  box-shadow: 0px 15px 40px rgba(71, 80, 91, 0.05);
  background-color: #fff;
  padding-top: 20px;
  margin-bottom: 10px;
  position: relative;
}

.single_post_comment_box .feeb_sec_main::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 72%;
  background-color: #c4ccd6;
  top: 55px;
  left: 19px;
}

.single_post_comment_box .feeb_sec_main:first-child::after {
  display: none;
}

.single_post_comment_box .feeb_sec_main:last-child::after {
  display: none !important;
}

.post_comment_box .feeb_sec_main {
  border: none;
  padding: 0;
  box-shadow: none;
  margin-bottom: 40px;
  position: relative;
  align-items: inherit;
}

.post_comment_box .feeb_sec_main:last-child {
  margin-bottom: 0px;
}

.post_comment_box {
  box-shadow: 0px 15px 40px rgba(71, 80, 91, 0.05);
  background-color: #fff;
  padding: 20px;
  border: 1px solid #e6eaf0;
  margin-bottom: 10px;
  border-radius: 4px;
  position: relative;
}

.post_comment_box .feeb_sec_main::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 50%;
  background-color: #c4ccd6;
  top: 79px;
  left: 74px;
}

.post_comment_box .feeb_sec_main:first-child::after {
  display: none;
}

.post_comment_box .feeb_sec_main:last-child::after {
  display: none !important;
}

.news-feed-post-detail:hover {
  /*background-color: #F7F7F7;*/
}

.news-feed-post-detail:hover .news-feed-pic-detials {
  border-left: 1px solid #dfe3ee;
}

.news-feed-post-detail:hover .news-feed-pic-detials-photo-video {
  border-left: 1px solid #dfe3ee;
}

.news-feed-post-detail:hover .news-feed-pic-detials-photo-video-interset {
  border-left: 1px solid #dfe3ee;
}

.news-feed-post-detail:hover .coment-sepr {
  background-color: #dfe3ee;
}

.news-feed-post-detail:hover .news-feed-pic-detials-photo-video-poll {
  border-left: 1px solid #dfe3ee;
}

.custom_comainer {
  padding-right: 0 !important;
  padding-left: 285px !important;
}

.container_xxl_video {
  height: 100%;
  margin-left: -28% !important;
  margin-right: -28% !important;
  background-color: #fff;
  overflow: hidden;
}

.video_image_left {
  -ms-flex: 0 0 78.333333%;
  flex: 0 0 78.333333%;
  height: 100%;
  /*max-width: 78.333%;*/
}

.video_image_right {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 21.666667%;
  padding-right: 1rem;
  height: 100%;
  /*max-width: 21.667%;*/
}

.main_video {
  width: 100%;
  position: relative;
}

.main_video video {
  width: 100%;
}

.comit-lists {
  height: 867px;
  overflow-y: auto;
  overflow-x: hidden;
}

.main_video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video_des_view {
  background: #fff;
  border: 1px solid #e6eaf0;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  margin-top: -5px;
}

.video_name_likes h1 {
  font-size: 18px;
  font-weight: 700;
  color: #071526;
  margin-bottom: 10px;
}

.video_views {
  display: flex;
  align-items: center;
}

.t_view {
  margin-bottom: 0;
  color: #47505b;
  font-size: 14px;
  font-weight: 700;
}

.dot_video {
  width: 3px;
  height: 3px;
  background-color: #8b949f;
  border-radius: 50px;
  margin-left: 5px;
  margin-right: 5px;
}

.posting_hr {
  color: #8b949f;
  font-size: 13px;
  font-weight: 500;
  margin-right: 10px;
}

.select_options {
  display: flex;
}

.video_user_comp_detail {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-top: none;
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

.user_pic_tag {
  display: flex;
}

.video_user_pic {
  position: relative;
}

.video_user_pic img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 50%;
}

.video_user_pic span {
  width: 50px;
  height: 30px;
  display: flex;
  background-color: #ee3f3f;
  border-radius: 2px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 5px;
  left: 18px;
  top: 60px;
}

.video_user_d {
  padding-left: 20px;
}

.v_name_detail {
  display: flex;
  align-items: center;
}

.v_name_detail h1 {
  margin-bottom: 0;
  color: #071526;
  font-size: 15px;
  font-weight: 700;
}

.v_name_detail p {
  margin-bottom: 0;
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
  margin-left: 11px;
  margin-right: 15px;
}

.v_name_detail span {
  color: #8b949f;
  font-size: 13px;
  font-weight: 500;
  margin-right: 10px;
}

.artist_user {
  color: #47505b;
  font-size: 13px;
  font-weight: 700;
}

.user_count_detail {
  margin-top: 5px;
}

.user_count_detail .info {
  display: flex;
}

.info_detail_icon {
  display: flex;
  align-items: center;
  margin-right: 15px;
}

.info_detail_icon .svg-icon {
  margin-right: 10px;
}

.v_user_tag ul {
  padding: 0;
  margin: 0;
  display: flex;
}

.v_user_tag {
  margin-top: 10px;
}

.v_user_tag ul li {
  list-style: none;
  margin-right: 10px;
  background-color: #D1433A1A;
  border-radius: 2px;
  padding: 4px 10px 4px 10px;
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.v_user_tag ul li span {
  margin-top: 2px;
  margin-left: 5px;
}

.follow_btn {
  width: 110px;
  height: 40px;
  border: 1.3px solid #D1433A;
  border-radius: 4px;
  margin-right: 10px;
  color: #D1433A;
  font-size: 12px;
  font-weight: 700;
  background-color: #fff;
  transition: 0.3s all;
}

.follow_btn:hover {
  background-color: #D1433A;
  color: #fff;
}

.subs_btn {
  width: 130px;
  height: 40px;
  background-color: #D1433A;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  border: none;
  border-radius: 4px;
  transition: 0.3s all;
}

.subs_btn:hover {
  background-color: #DA6961;
}

.post_comment_details {
  padding: 20px;
}

.single_post_comment_details {
  padding-top: 20px;
}

.post_user_details {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.user_detail_img img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.user_name_link {
  display: flex;
  align-items: center;
}

.user_image_content {
  padding-left: 15px;
}

.user_name_link h1 {
  margin-bottom: 0;
  font-size: 14px;
  color: #071526;
  font-weight: 700;
}

.user_name_link p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  margin-left: 5px;
}

.hr_globe {
  display: flex;
  align-items: center;
  margin-top: 4px;
}

.hr_globe p {
  margin-bottom: 0;
  color: #8b949f;
  font-size: 15px;
  font-weight: 500;
  margin-right: 10px;
}

.u_com_dtail .artist-timeline-action {
  height: 30px;
  margin-top: 10px;
}

.u_com_dtail .artist-timeline-action {
  font-size: 11px;
  font-weight: 400;
}

.shre_lin svg {
  margin-right: 0;
}

.shre_lin {
  width: 30px;
  height: 30px;
  display: grid;
  align-items: center;
  justify-content: center;
}

.comments_Tabs nav {
  border-bottom: 2px solid #e6eaf0;
}

.comments_Tabs nav a {
  padding: 15px 0 15px 0;
}

.comments_Tabs {
  margin-top: 10px;
}

.comment_tab_detail {
  position: relative;
  display: flex;
  margin-bottom: 25px;
}

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

.cmt_user_r {
  position: relative;
}

.cmt_det_reply h1 {
  color: #071526;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
}

.cmt_det_reply {
  display: flex;
  align-items: center;
}

.cmt_det_reply p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  margin-left: 7px;
  color: #8b949f;
}

.cmt_hr_link {
  display: flex;
  align-items: center;
  margin-top: 2px;
}

.cmt_hr_link p {
  margin-bottom: 0;
  color: #8b949f;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
}

.cmt_hr_link span {
  margin-right: 14px;
}

.cmt_hr_link a {
  color: #D1433A;
  font-size: 14px;
  font-weight: 500;
}

.more_ic {
  position: absolute;
  top: 0;
  right: -3px;
}

.coment_user_img img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.coment_user_img {
  position: relative;
}

.online_sys {
  width: 14px;
  height: 14px;
  background-color: #1cec9e;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #fff;
  top: 25px;
  right: -4px;
}

.video_comment {
  font-size: 14px;
  font-weight: 400;
  color: #071526;
  margin-top: 10px;
}

.comment_icons {
  display: flex;
  margin-top: 9px;
}

.comment_tab_detail_main {
  margin-top: 25px;
}

.comment_tab_detail_main {
  margin-top: 25px;
  border-bottom: 1px solid #e6eaf0;
}

.more_ic span {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.more_ic span:hover {
  background-color: #D1433A1A;
}

.more_ic span:hover .more_ic_svg {
  fill: #D1433A;
  stroke: #D1433A;
}

.comment_tab_detail::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 56%;
  background-color: #c4ccd6;
  top: 57px;
  left: 20px;
}

.show_more_repl {
  color: #D1433A;
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 13px;
  padding-left: 57px;
  cursor: pointer;
  position: relative;
  top: -6px;
}

.live_view {
  position: absolute;
  top: 20px;
  left: 40px;
  display: flex;
}

.live_bn {
  width: 50px;
  height: 30px;
  background-color: #ee3f3f;
  display: flex;
  color: #fff;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.view_count {
  width: 80px;
  height: 30px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}

.view_count span {
  margin-right: 5px;
}

.controller_ui {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(180deg,
      rgba(7, 21, 38, 0) 0%,
      rgba(7, 21, 38, 0.64) 100%);
  height: 60px;
  display: flex;
  align-items: center;
}

.play-pause_views {
  display: flex;
  align-items: center;
  padding-left: 20px;
}

.c_view {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding-left: 10px;
  padding-right: 15px;
}

.last_cont_action {
  display: flex;
  align-items: center;
}

.total_time_run {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding-left: 30px;
}

.last_time_icons ul {
  padding: 0 0 0 15px;
  margin: 0;
  display: flex;
  align-items: center;
}

.last_time_icons ul li {
  list-style: none;
  margin-right: 20px;
}

.video_main_container {
  height: 100% !important;
  background-color: #071526;
}

.main_phpto {
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}

.main_phpto>img {
  object-fit: cover;
}

.cross_right_arrow {
  position: absolute;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: right;
  width: 100%;
}

.cross_btn {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 30px;
  background: #242424;
  border-radius: 2px;
}

.right_errow_btn {
  width: 30px;
  height: 30px;
  display: flex;
  background: #242424;
  border-radius: 2px;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
  cursor: pointer;
}

.left_arrow_btn {
  width: 30px;
  height: 30px;
  display: flex;
  background: #242424;
  border-radius: 2px;
  align-items: center;
  justify-content: center;
  margin-left: 30px;
  cursor: pointer;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.image_footer_sec {
  background-color: rgba(7, 21, 38, 0.3);
  height: 60px;
}

.image_footer_sec {
  background-color: rgba(7, 21, 38, 0.3);
  height: 60px;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image_footer_sec>ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.image_footer_sec>ul li {
  display: flex;
  margin-right: 110px;
  align-items: center;
}

.image_footer_sec>ul li:last-child {
  margin-right: 0px;
}

.image_footer_sec>ul li p {
  margin: 0;
  margin-left: 0px;
  color: #e6eaf0;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.7;
  margin-left: 9px;
}

.mx-800 {
  max-width: 800px;
}

.sh_tab {
  margin-left: auto;
}

.music_wave {
  background-color: rgba(7, 21, 38, 0.3) !important;
  border: none;
}

.music_wave .price {
  color: #fff;
}

.dropdown-item span {
  color: #071526 !important;
}

.dropdown-item span:hover {
  color: #D1433A !important;
}

.svg-icon-plus {
  display: flex;
}

.single_post_comment-post-dot-dropdown {
  position: absolute;
  right: 20px;
}

.single_post_comment-post-dot-dropdown>span {
  width: 30px;
  height: 30px;

  display: flex;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
}

.single_post_comment-post-dot-dropdown span:hover {
  background-color: #f5f6f8;
}

.single_post_comment-post-dot-dropdown span:hover .thr-dot-svg {
  stroke: #D1433A;
}

.comment-post-dot-dropdown {
  position: absolute;
  right: 0px;
}

.comment-post-dot-dropdown>span {
  width: 30px;
  height: 30px;

  display: flex;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
}

.comment-post-dot-dropdown span:hover {
  background-color: #f5f6f8;
}

.comment-post-dot-dropdown span:hover .thr-dot-svg {
  stroke: #D1433A;
}

.other-post-people ul li a:hover {
  background-color: #D1433A1A;
  color: #D1433A;
}

.other-post-people ul li a:hover h1 {
  color: #D1433A;
}

.other-post-people ul li a:hover .svg-ic {
  stroke: #D1433A;
}

.collection_tab>nav {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  letter-spacing: 0.05em;
}

.ct>a {
  margin-right: 32px;
  color: #c4ccd6;
  font-size: 13px;
  font-family: HelveticaNeueBold, sans-serif;
  text-transform: uppercase;
  padding: 24px 0;
  border-bottom: 2px solid transparent;
}

.ct>a:hover {
  color: #47505b;
}

.ct {
  margin-left: 20px;
}

.ct .active {
  color: #47505b;
  border-bottom: 2px solid #D1433A;
}

.placeholder_nav_music {
  background-color: #e6eaf0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 300px;
  justify-content: center;
}

.nav_music_test {
  text-align: center;
  margin-top: 25px;
}

.nav_music_test h1 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  color: #071526;
}

.nav_music_test p {
  color: #47505b;
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0;
}

.nav_music_btn {
  margin-top: 25px;
}

.nav_music_btn button {
  width: 230px;
  height: 40px;
  background-color: #D1433A;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  transition: 0.3s all;
}

.nav_music_btn button:hover {
  background-color: #DA6961;
}

.p_list_heading {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}

.product_view_bottom {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 0 0 2px 2px;
  padding: 8px;
}

.fullscreen-v-img {
  background: #071526 !important;
}

.header-v-img {
  background: none !important;
  margin-top: 1rem;
}

.buttons-v-img span {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-right: 1rem;
  background: #242424 !important;
  border-radius: 2px;
}

.Interested_btn {
  width: 75px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D1433A;
  background-color: #fff;
  border-radius: 4px 0px 0px 4px;
  letter-spacing: 0.5px;
  color: #D1433A;
  font-size: 11px;
  font-weight: normal;
  transition: 0.3s all;
}

.Interested_btn:hover {
  background-color: #D1433A1A !important;
  color: #D1433A;
}

.inter-going-btn {
  display: flex;
  margin: 10px 0 6px 0px;
}

.Interested_btn_going {
  width: 75px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.5px;
  border: 1px solid #D1433A;
  background-color: #fff;
  border-radius: 0px 4px 4px 0px;
  color: #D1433A;
  font-size: 11px;
  font-weight: 400;
  transition: 0.3s all;
  border-left: none;
}

.Interested_btn_going:hover {
  background-color: #D1433A1A !important;
}

.btn_act {
  background-color: #D1433A;
  color: #fff;
}

.past-events_main {
  position: relative;
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  margin-bottom: 10px;
}

.past-events_main_detail_sub {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.past-events_main_detail h1 {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  font-family: Arial, HelveticaNeueBold, sans-serif;
  margin-top: 14px;
  margin-bottom: 13px;
  line-height: 20px;
}

.past-events_main_detail_sub {
  font-family: Arial, HelveticaNeueNormal, sans-serif;
  font-weight: normal;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

.past-events_main_detail_sub p {
  margin-bottom: 0;
  margin-left: 15px;
  line-height: 16px;
}

.past-events_main_detail {
  padding-left: 28px;
  width: 100%;
}

.int_bottom {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.user_count_top {
  position: absolute;
  right: 0;
  background-color: #ae4ea9;
  border-radius: 4px;
  width: 50px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user_count_top span {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin-left: 5px;
}

.user_count_top {
  position: absolute;
  right: 20px;
  background-color: #ae4ea9;
  border-radius: 4px;
  width: 50px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 20px;
}

.past_event_main_img img {
  width: 170px;
  height: 170px;
  object-fit: cover;
}

.artile_update span {
  bottom: 12px;
}

.category-section-fieldsdd label {
  color: #47505b;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
}

.category-section-fieldsdd {
  margin-bottom: 12px;
}

.category-section-fieldsdd label {
  height: 20px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #47505b;
}

.for-all-user-sp .action-block {
  width: 100%;
}

.cke_bottom {
  background: #fff;
}

.cke_top {
  background: #fff;
}

.about_textarea textarea {
  height: 50px;
}

.serh_ic {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 2px;
}

.pkg_ic {
  stroke: none !important;
  fill: #8b949f;
}

.nav-link:hover .pkg_ic {
  fill: #000;
}

.nav_tabs_iconed .nav-link.active .pkg_ic {
  fill: #000;
}

.packages_main {
  padding: 0 50px 40px 50px;
  background-color: #fff;
}

.follower-following-stat {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}

.art-followers {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  font-family: HelveticaNeueNormal, sans-serif;
}

.art-followers span {
  font-size: 14px;
  font-weight: 700;
  font-family: HelveticaNeueBold, sans-serif;
}

.sep-dot {
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50px;
  margin-left: 10px;
  margin-right: 10px;
}

.event-booking {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  height: 70px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  justify-content: space-between;
  padding-right: 20px;
}

.even-booking-name {
  padding-left: 20px;
  color: #071526;
  font-size: 18px;
  font-weight: 700;
}

.items-header {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  padding: 18px;
  align-items: center;
  margin-bottom: 10px;
}

.iteam-header-text {
  color: #8b949f;
  font-size: 11px;
  font-weight: 700;
  display: inline-block;
}

.w-235 {
  width: 235px;
}

.w-116 {
  width: 116px;
}

.w-157 {
  width: 157px;
}

.w-200px {
  width: 200px;
}

.w-10 {
  width: 20px;
}

.items-main-content-details-list {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  padding: 12px 20px;
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 10px;
}

.item-name-details {
  display: inline-block;
}

.item-main-detail-date {
  display: inline-block;
}

.item-name-detail-img img {
  width: 30px;
  height: 30px;
  object-fit: cover;
}

.iteam-name-detail-text {
  padding-left: 20px;
}

.iteam-name-detail-text h1 {
  color: #D1433A;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
}

.iteam-name-detail-text p {
  color: #c4ccd6;
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 0;
}

.item-main-detail-offer {
  display: inline-block;
}

.item-main-detail-offer>p {
  color: #071526;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 5px;
}

.item-main-detail-offer span {
  color: #c4ccd6;
  font-size: 11px;
  font-weight: 400;
}

.item-main-detail-date p {
  margin-bottom: 5px;
  color: #071526;
  font-size: 13px;
  font-weight: 400;
}

.item-main-detail-date span {
  color: #c4ccd6;
  font-size: 11px;
  font-weight: 400;
}

.item-name-detail-img {
  position: absolute;
}

.iteam-name-detail-text {
  padding-left: 50px;
  display: inline-block;
}

.item-main-detail-status svg {
  position: absolute;
}

.item-main-detail-status span {
  padding-left: 20px;
}

.item-main-detail-status {
  display: inline-block;
  position: relative;
}

.item-main-detail-status svg {
  position: absolute;
  top: 5px;
}

.Confirmed {
  color: #15ca86;
}

.offer-decline {
  color: #ee3f3f;
}

.pos-to {
  display: inline-block;
}

.nego {
  color: #8b949f;
}

.more-main:hover .next-dots-btn {
  stroke: #D1433A;
}

.wvwntd {
  width: 210px;
}

.wvwntd svg {
  margin-right: 10px;
}

.decline-offer {
  color: #ee3f3f !important;
}

.wvwntd {
  width: 210px;
  box-shadow: 0px 10px 20px rgba(74, 75, 77, 0.16);
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}

.booking-cal {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 20px;
}

.book-cal-heading {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
}

.total-section {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  padding: 22px 20px 30px 22px;
  margin-bottom: 10px;
}

.title-block {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

.total-ul {
  margin-top: 16px;
}

.total-ul ul {
  padding: 0;
  margin: 0;
}

.total-ul ul li {
  list-style: none;
  margin-bottom: 10px;
}

.total-li-section {
  background-color: #f9fafb;
  height: 30px;
  display: flex;
  align-items: center;
  transition: 0.3s all;
}

.total-li-section p {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  color: #8b949f;
  padding-left: 10px;
}

.total-li-section p span {
  color: #071526;
  font-weight: 500;
}

/***************** Event Manager  css start **************/
.event-manager-main {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  height: 70px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  justify-content: space-between;
}

.event-manager-main ul {
  padding-left: 20px;
}

.event-manager-main ul li {
  margin-right: 43px;
}

.event-manager-main ul li a {
  color: #8b949f;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1px;
  padding: 24px 0 23px 0;
  display: flex;
  align-items: center;
  border-bottom: 3px solid transparent;
}

.event-manager-main ul li a svg {
  margin-right: 8px;
}

.event-manager-main .nav-link:hover {
  text-decoration: none;
  color: #47505b;
}

.event-manager-main .nav-link:hover .event-manager-svg {
  stroke: #47505b;
}

.event-manager-main .active {
  text-decoration: none;
  color: #47505b;
  border-bottom: 3px solid #D1433A;
}

.event-manager-main .active .event-manager-svg {
  stroke: #47505b;
}

.finance-setting {
  padding-right: 20px;
}

.finance-setting {
  padding-right: 20px;
  color: #D1433A;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.finance-setting svg {
  margin-right: 5px;
}

.events-top-order {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  display: flex;
  padding: 20px;
  margin-bottom: 30px;
}

.total-count-titile p {
  color: #8b949f;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.total-count-titile h1 {
  color: #47505b;
  font-size: 28px;
  font-weight: 700;
}

.w-180 {
  width: 180px;
}

.w-197 {
  width: 197px;
}

.total-count-titile.w-201 {
  width: 201px;
}

.total-count-titile p svg {
  margin-left: 3px;
}

.top-chart-view {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding: 22px 20px 20px 20px;
  margin-bottom: 30px;
}

.top-chart-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

.top-chart-heading h1 {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
}

.select-day {
  position: relative;
}

.select-day select {
  width: 170px;
  height: 30px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  appearance: none;
  color: rgba(7, 21, 38, 0.6);
  font-size: 13px;
  font-weight: 500;
  padding-left: 5px;
}

.select-day::after {
  content: "";
  background: url(../img/select-down-arrow.png);
  position: absolute;
  width: 10px;
  height: 6px;
  right: 12px;
  top: 12px;
}

.chart-bottom-bar {
  display: flex;
  margin-top: 15px;
  padding-bottom: 10px;
}

.chart-detail {
  display: inline-block;
  width: 100%;
  position: relative;
}

.blue-circle {
  background-color: #D1433A;
}

.chart-detail p {
  margin: 0;
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  top: -3px;
  padding-left: 27px;
}

.chart-circle {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 50px;
}

.brown-circle {
  background-color: #fdb390;
}

.green-circle {
  background-color: #31eaa0;
}

.upcoming-event-and-all {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}

.upcoming-event-and-all h1 {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
}

.event-see-all {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.event-see-all span {
  display: flex;
  margin-left: 10px;
  width: 24px;
  height: 24px;
  background-color: #e4e6eb;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}

.top-event-manage-section {
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  padding: 20px;
}

.top-esection {
  display: flex;
}

.event-image-se img {
  border-radius: 4px;
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.event-image-heading {
  padding-left: 20px;
}

.event-image-heading h1 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.event-image-heading p {
  color: #8b949f;
  font-size: 13px;
  font-weight: 400;
  margin-top: 3px;
  margin-bottom: 15px;
}

.event-total-cost {
  background-color: #e6eaf0;
  height: 30px;
  border-radius: 2px;
  color: #47505b;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding-left: 14px;
  width: 230px;
}

.event-buttons-row {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.dash-btn button {
  background-color: #D1433A;
  width: 120px;
  height: 30px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: 0.3s all;
}

.dash-btn button:hover {
  background-color: #DA6961;
}

.das-edit-sec {
  display: flex;
  align-items: center;
}

.das-edit-sec button {
  border: 1.5px solid #D1433A;
  width: 80px;
  height: 30px;
  border-radius: 3px;
  background-color: #fff;
  color: #D1433A;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  margin-right: 8px;
  transition: 0.3s all;
}

.das-edit-sec button:hover {
  background-color: #D1433A;
  color: #fff;
}

.des-edit-more {
  width: 30px;
  height: 30px;
  background-color: #e6eaf0;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}

.des-edit-more:hover {
  background-color: #D1433A1A;
}

.ad-new-event-section {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  padding: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.ad-new-events h1 {
  color: #071526;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 12px;
}

.ad-new-events p {
  color: #47505b;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
}

.ad-new-events {
  padding-left: 20px;
}

.plus-btn {
  background-color: #D1433A1A;
  width: 80px;
  height: 60px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recent-orders-sec {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  padding: 20px;
  margin-bottom: 30px;
}

.recent-order-heading {
  display: flex;
  border-bottom: 1px solid #e6eaf0;
  justify-content: space-between;
  align-items: center;
}

.recent-order-heading h1 {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
}

.recent-order-heading {
  display: flex;
  border-bottom: 1px solid #e6eaf0;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}

.event-orders-list {
  margin-top: 20px;
}

.event-orders-list ul {
  padding: 0;
  margin: 0;
}

.event-orders-list ul li {
  list-style: none;
  background-color: #f9fafb;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}

.event-orders-details h1 {
  color: #47505b;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 5px;
}

.event-orders-details p {
  margin-bottom: 0;
  color: #D1433A;
  font-size: 11px;
  font-weight: 400;
}

.event-order-right h1 {
  color: #15ca86;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 5px;
}

.event-order-right p {
  margin: 0;
  color: #8b949f;
  font-size: 11px;
  font-weight: 400;
}

.event-order-right {
  text-align: right;
}

.statistics-sec {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  padding: 21px;
  border-radius: 4px;
  margin-bottom: 30px;
}

.statistics-sec h1 {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
}

.tickets-tab {
  margin-top: 11px;
}

.tickets-tab a {
  color: #D1433A;
  font-size: 15px;
  font-weight: 700;
  padding: 0;
  margin-right: 20px;
}

.tickets-tab .active {
  color: #c4ccd6;
  font-size: 15px;
  font-weight: 700;
}

.tickets-tab .nav {
  border-bottom: 1px solid #e6eaf0;
  padding-bottom: 20px;
}

.count-chart img {
  width: 100%;
}

.count-chart {
  margin-top: 15px;
}

.search-event-sec {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
}

.search-event-heading h1 {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
  margin-top: 3px;
  margin-bottom: 20px;
}

.event-search-bar input {
  border: 1.3px solid #e6eaf0;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
  padding-left: 15px;
  opacity: 0.7;
}

.search-event-heading {
  border-bottom: 1px solid #e6eaf0;
  padding: 20px 20px 30px 20px;
}

.event-status-sec {
  border-bottom: 1px solid #e6eaf0;
  padding: 20px 20px 30px 20px;
}

.event-status-sec h1 {
  color: #47505b;
  font-size: 17px;
  font-weight: 700;
}

.event-details {
  margin-top: 20px;
}

.event-details .custom-notification {
  margin-bottom: 13px;
}

.event-details .custom-notification .custom-notification-label {
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
}

.more-check {
  color: #D1433A;
  font-size: 13px;
  font-weight: 700;
  padding-left: 28px;
}

.all-eventman-details ul {
  padding: 0;
}

.all-eventman-details ul li {
  list-style: none;
  display: flex;
  background-color: #fff;
  border: 1.3px solid #e6eaf0;
  border-radius: 4px;
  padding: 20px;
  justify-content: space-between;
  margin-bottom: 20px;
}

.event-semore {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e6eaf0;
  height: 30px;
}

.event-semore a {
  color: #071526;
  font-size: 10px;
  font-weight: 700;
}

.custom-radio-btn label {
  padding-left: 3px;
  font-size: 13px;
  font-weight: 400;
}

.custom-radio-btn input {
  display: none;
}

.custom-radio-btn {
  margin-bottom: 13px;
}

.custom-radio-btn ::before {
  width: 15px;
  height: 15px;
  border: 2px solid #c4ccd6;
  border-radius: 50px;
  background-color: #fff;
}

.custom-control-input1:checked~.custom-control-label::before {
  border: 2px solid #D1433A;
  background-color: #fff;
  box-shadow: none !important;
}

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

.custom-radio-btn .custom-control-input1:checked~.custom-control-label::after {
  width: 7px;
  height: 7px;
  background-color: #D1433A;
  border-radius: 100%;
  background-image: none;
  left: 4px;
  top: 8px;
}

.write-new-article button:hover .add-article-svg {
  fill: #fff;
}

.event-main-sections {
  background-color: #ebedf0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 400px;
  margin-bottom: 30px;
}

.event-cal-icon {
  width: 130px;
  height: 130px;
  background-color: #D1433A;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.no-event-yet-detail {
  margin-top: 30px;
  text-align: center;
}

.no-event-yet-detail h1 {
  color: #071526;
  font-size: 20px;
  font-weight: 500;
}

.no-event-yet-detail p {
  margin-top: 20px;
  color: #47505b;
  font-size: 16px;
  font-weight: 400;
}

.new-event-btn {
  width: 350px;
  height: 40px;
  background-color: #D1433A;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.3s all;
  cursor: pointer;
}

.new-event-btn:hover {
  background: #DA6961;
}

.new-event-btn svg {
  margin-right: 5px;
}

.search-ticket-section {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}

.ticket-detail-section {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}

.ticket-name-detail {
  border-bottom: 1px solid #e6eaf0;
  display: flex;
  justify-content: space-between;
}

.ticket-detail-left {
  display: flex;
}

.ticket-names {
  padding-left: 20px;
}

.ticket-names h1 {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

.ticket-names p {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  color: #8b949f;
}

.ticket-names p span {
  color: #D1433A;
}

.ticket-event-setting {
  display: flex;
  align-items: center;
}

.ticket-event-setting p {
  margin: 0;
  color: #000;
  font-size: 12px;
  font-weight: 700;
}

.ticket-event-setting span {
  margin-left: 10px;
  width: 24px;
  height: 24px;
  background-color: #e4e6eb;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.ticket-name-detail {
  border-bottom: 1px solid #e6eaf0;
  display: flex;
  justify-content: space-between;
  padding-bottom: 18px;
}

.ticket-list-btns {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}

.ticket-customer-list {
  display: flex;
}

.list-btns {
  margin-right: 10px;
}

.list-btns button {
  border: 1px solid #718195;
  width: 150px;
  height: 30px;
  color: #718195;
  font-size: 11px;
  font-weight: 700;
  border-radius: 2px;
  background-color: #fff;
}

.ticket-ad-btn button {
  border: 1px solid #D1433A;
  width: 150px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #D1433A;
  font-size: 11px;
  font-weight: 700;
  border-radius: 2px;
  background-color: #fff;
  transition: 0.3s all;
}

.ticket-ad-btn button:hover {
  background-color: #D1433A;
  color: #fff;
}

.ticket-ad-btn button:hover .pls-svg {
  stroke: #fff;
}

.ticket-ad-btn button svg {
  margin-right: 7px;
}

.ticket-table table {
  width: 100%;
}

.ticket-table th {
  padding: 10px 15px 10px 15px;
  border-right: none;
  color: #8b949f;
  font-size: 11px;
  font-weight: 700;
}

.ticket-table td {
  padding: 10px 15px 10px 15px;
}

.ticket-name {
  color: #071526;
  font-size: 13px;
  font-weight: 700;
}

.ticket-sold-price span {
  font-size: 13px;
  color: #ee3f3f;
  font-weight: 700;
}

.ticket-sold-price {
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
}

.ticket_price {
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
}

.ac-btn {
  color: #15ca86;
  font-size: 13px;
  font-weight: 700;
}

.action-btns {
  display: flex;
  align-items: center;
}

.play-ic {
  width: 30px;
  height: 30px;
  background-color: #e6eaf0;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  transition: 0.3s all;
}

.play-ic:hover {
  background-color: #D1433A1A;
}

.edit-ic {
  width: 30px;
  height: 30px;
  background-color: #e6eaf0;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  transition: 0.3s all;
}

.edit-ic:hover {
  background-color: #D1433A1A;
}

.cross-ic {
  width: 30px;
  height: 30px;
  background-color: #e6eaf0;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}

.cross-ic:hover {
  background-color: #D1433A1A;
}

.ticket-table tr:nth-child(even) {
  background-color: #f5f7f9;
}

.new-sell-ticket {
  background-color: #ebedf0;
  width: 100%;
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.new-sell-heading {
  color: #071526;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.new-sell-subheading {
  color: #47505b;
  font-size: 14px;
  font-weight: 400;
}

.new-sell-buttons {
  margin-top: 15px;
}

.new-sell-buttons button {
  width: 170px;
  height: 30px;
  background-color: #D1433A;
  border-radius: 2px;
  border: none;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}

.new-sell-buttons button svg {
  margin-right: 5px;
}

.new-sell-buttons button:hover {
  background-color: #DA6961;
}

.order-table {
  margin-top: 15px;
}

.order-details {
  border: 1px solid #e6eaf0;
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.order-details h1 {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
}

.order-table table th {
  padding: 12px 0px 12px 20px;
  border-right: none;
  font-size: 11px;
  font-weight: 700;
  color: #8b949f;
}

.order-table table td {
  padding: 15px 0px 15px 20px;
  border-right: none;
}

.order-date-time>h1 {
  font-size: 13px;
  font-weight: 400;
  color: #8b949f;
  margin-bottom: 7px;
}

.order-date-time>p {
  font-size: 11px;
  font-weight: 400;
  color: #8b949f;
  margin-bottom: 0;
}

.customer-date-time>h1 {
  font-size: 13px;
  font-weight: 400;
  color: #47505b;
  margin-bottom: 7px;
}

.customer-date-time>p {
  font-size: 11px;
  font-weight: 400;
  color: #8b949f;
  margin-bottom: 0;
}

.customer-date-event>h1 {
  color: #D1433A;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 7px;
}

.customer-date-event>p {
  color: #8b949f;
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 0;
}

.customer-date-status p {
  color: #15ca86;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 0;
}

.customer-date-fee>h1 {
  color: #15ca86;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 7px;
}

.customer-date-fee>p {
  margin-bottom: 0;
  color: #8b949f;
  font-size: 11px;
  font-weight: 400;
}

.more-drops span {
  width: 30px;
  height: 30px;
  background-color: #f1f2f4;
  display: flex;
  border-radius: 2px;
  align-items: center;
  justify-content: center;
}

.order-table table {
  width: 100%;
}

.order-table table tr:nth-child(even) {
  background-color: #f9fafb;
}

.canceled-staus p {
  color: #ee3f3f;
}

.event-d-name {
  font-weight: 500 !important;
}

.mb-30 {
  margin-bottom: 30px;
}

.edit-previe-and-more {
  display: flex;
  align-items: center;
  padding-right: 20px;
}

.edit-pre-btn button {
  width: 150px;
  height: 30px;
  background-color: #ecf0ff;
  border-radius: 2px;
  border: none;
  color: #D1433A;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.edit-pre-btn button svg {
  margin-right: 7px;
}

.pre-more {
  width: 30px;
  height: 30px;
  background-color: #e6eaf0;
  margin-left: 10px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
  position: relative;
}

.pre-more:hover {
  background-color: #D1433A;
}

.pre-more:hover .pre-dot {
  stroke: #fff;
}

.ticket-updates {
  font-size: 28px;
  font-weight: 700;
}

.ticket-updates span {
  color: #fc7c5f;
}

.view-cont {
  color: #47505b;
  font-size: 28px;
  font-weight: 700;
}

.view-cont-order {
  color: #D1433A;
  font-size: 28px;
  font-weight: 700;
}

.mb-10 {
  margin-bottom: 10px;
}

.ticket-list-one {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  height: 70px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  margin-bottom: 10px;
}

.ticket-heading-scope h1 {
  color: #071526;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}

.ticket-heading-scope p {
  margin-bottom: 0;
  color: #47505b;
  font-size: 12px;
  font-weight: 400;
  opacity: 0.7;
}

.dot-ticket {
  background: #c4ccd6;
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50px;
  margin-left: 5px;
  margin-right: 5px;
}

.ticket-total {
  display: flex;
  align-items: center;
}

.cout-1 {
  width: 60px;
  height: 30px;
  background-color: #15ca86;
  border-radius: 2px;
  color: #071526;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 40px;
}

.cout-amount {
  background-color: #f3f3f3;
  border: 1px solid #e6eaf0;
  width: 50px;
  height: 30px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.total-count-dol {
  margin-left: auto;
  width: 80px;
  height: 30px;
  background-color: #D1433A1A;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.border-left-green {
  border-left: 5px solid #2ed297;
}

.border-left-red {
  border-left: 5px solid #ff0039;
}

.border-left-orange {
  border-left: 5px solid #fdb390;
}

.ticket-heading-scope {
  width: 355px;
}

.cout-1.red {
  background: rgba(255, 0, 57, 0.2);
}

.cout-1.orange {
  background: rgba(253, 179, 144, 0.2);
}

.you-delete {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0 20px;
}

.you-delete p {
  margin: 0;
  color: #999;
  font-size: 13px;
  font-weight: 400;
}

.you-delete button {
  width: 140px;
  height: 30px;
  background-color: #e6eaf0;
  border-radius: 2px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #47505b;
  font-size: 11px;
  font-weight: 400;
}

.you-delete button svg {
  margin-right: 6px;
}

.basic-info-container {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  padding: 25px 30px 30px 30px;
}

.col-fileds label {
  color: #47505b;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  margin-bottom: 6px;
}

.col-fileds input {
  width: 100%;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 30px;
  font-size: 13px;
  font-weight: 400;
  color: #47505b;
  padding-left: 10px;
}

.col-fileds {
  margin-bottom: 25px;
  width: 100%;
}

.star-date-time {
  display: flex;
  justify-content: space-between;
}

.date-start {
  position: relative;
}

.date-start input {
  width: 190px;
  margin-right: 10px;
}

.date-start span {
  position: absolute;
  right: 20px;
  bottom: 2px;
}

.time-start input {
  width: 140px;
}

.col-fileds select {
  border: 1px solid #e6eaf0;
  width: 100%;
  border-radius: 4px;
  height: 30px;
  font-size: 13px;
  font-weight: 400;
  color: #47505b;
  padding-left: 8px;
  appearance: none;
}

.down-arrow {
  position: absolute;
  right: 30px;
}

.save-changer-btn button {
  background-color: #D1433A;
  height: 40px;
  width: 200px;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  transition: 0.3s all;
}

.save-changer-btn button:hover {
  background-color: #DA6961;
}

.cover-img-container {
  width: 100%;
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding: 25px 30px 30px 30px;
  margin-bottom: 30px;
}

.cover-img-container h1 {
  color: #47505b;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 6px;
}

.Cover-img-sec {
  position: relative;
}

.Cover-img-sec img {
  width: 310px;
  height: 150px;
  object-fit: cover;
}

.Cover-img-sec span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.privacy-containers {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding: 25px 30px 30px 30px;
}

.privacy-drop-down {
  position: relative;
  display: flex;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 50px;
  padding: 7px;
}

.privacy-heading h1 {
  font-size: 13px;
  font-weight: 700;
}

.privacy-heading p {
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 400;
  color: #071526;
}

.privacy-heading {
  padding-left: 15px;
}

.down-arrow1 {
  position: absolute;
  right: 10px;
}

.pr-filed {
  margin-bottom: 15px;
}

.down-arrow2 {
  position: absolute;
  right: 59px;
}

.tags-list {
  padding-left: 8px;
  margin: 0;
  border: 1px solid #e6eaf0;
  height: 30px;
}

.tags-list li {
  display: inline-block;
}

.tag-bg {
  display: flex;
  background-color: #e6eaf0;
  border-radius: 2px;
  padding: 0 7px 0px 8px;
  margin-right: 10px;
  height: 20px;
}

.tag-bg p {
  margin: 0;
  margin-right: 0px;
  color: #071526;
  font-size: 13px;
  font-weight: 500;
  margin-right: 8px;
}

.tag-bg span {
  display: flex;
  align-items: center;
}

.pre-more span {
  display: flex;
}

.odrder-more-drop-dowun {
  position: absolute;
  box-shadow: 0px 10px 20px rgba(74, 75, 77, 0.08);
  width: 210px;
  background-color: #fff;
  border-radius: 4px;
  top: 36px;
  z-index: 1;
  right: -4px;
}

.odrder-more-drop-dowun ::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 13px solid white;
  top: -12px;
  right: 12px;
}

.odrder-more-drop-dowun>ul li {
  border-bottom: 1px solid #e6eaf0;
  width: 100%;
  margin-right: 0;
  display: flex;
  align-items: center;
  padding: 15px;
  color: #071526;
  font-size: 13px;
  font-weight: 500;
}

.odrder-more-drop-dowun>ul li :last-child {
  border-bottom: none;
}

.odrder-more-drop-dowun>ul {
  margin: 0;
  padding: 0;
}

.odrder-more-drop-dowun>ul li span {
  margin-right: 12px;
}

.odrder-more-drop-dowun>ul li:last-child {
  border-bottom: none;
}

.ad-bank-detail {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}

.bank-detail-main {
  display: flex;
  align-items: center;
}

.ad-detail-headings {
  padding-left: 25px;
}

.ad-detail-headings h1 {
  font-size: 15px;
  font-weight: 700;
}

.ad-detail-headings p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}

.bank-detail-btns button {
  background-color: #D1433A;
  width: 140px;
  height: 30px;
  border: none;
  border-radius: 2px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  transition: 0.3s all;
  text-transform: uppercase;
}

.bank-detail-btns button:hover {
  background-color: #DA6961;
}

.create-ticket-main {
  margin-top: 30px;
  background-color: #e6eaf0;
  height: 310px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.ticket-headings {
  text-align: center;
  margin-top: 19px;
}

.ticket-headings h1 {
  color: #071526;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}

.ticket-headings p {
  color: #47505b;
  font-size: 12px;
  font-weight: 400;
}

.create-ticket-btn button {
  width: 230px;
  height: 40px;
  background-color: #D1433A;
  border-radius: 4px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  transition: 0.3s all;
}

.create-ticket-btn button:hover {
  background-color: #DA6961;
}

.create-ticket-btn button svg {
  margin-right: 10px;
}

.for-upload-photo {
  position: relative;
  width: 100%;
  height: 150px;
  border: 1px solid #D1433A;
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.for-upload-photo input {
  position: absolute;
  opacity: 0;
  height: 150px;
  width: 100%;
}

.upload-plus-icon {
  width: 70px;
  height: 70px;
  background-color: #D1433A1A;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.for-upload-photo p {
  margin-bottom: 0;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 700;
}

.photo-ticket-img img {
  width: 100%;
  height: 120px;
  border-radius: 2px;
  object-fit: cover;
}

.photo-ticket p {
  margin-bottom: 0;
  margin-top: 12px;
  color: #D1433A;
  font-size: 14px;
  font-weight: 400;
}

.photo-ticket {
  margin-bottom: 30px;
}

.photo-ticket-img {
  position: relative;
}

.play-puas-ic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/***************** Event Manager  css end**************/
.offer-for-dj {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px 30px 30px 30px;
  margin-bottom: 20px;
}

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

.offer-main h1 {
  margin-bottom: 0;
  color: #071526;
  font-size: 18px;
  font-weight: 700;
}

.pendi-svg {
  width: 140px;
  height: 30px;
  background: linear-gradient(0deg, #f5f5f5, #f5f5f5), #D1433A;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pendi-svg svg {
  margin-right: 7px;
}

.pendi-svg span {
  color: #8b949f;
  font-size: 13px;
  font-weight: 400;
}

.evfiled-sec {
  margin-top: 20px;
}

.ev-filed-mains {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}

.ev-filed-mains label {
  width: 100%;
  color: #47505b;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 700;
}

.ev-filed-mains input {
  width: 100%;
  background-color: #f5f5f5;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 30px;
  padding-left: 10px;
}

.ev-filed-mains>span {
  position: absolute;
  left: 0;
  width: 40px;
  height: 30px;
  background-color: #e6eaf0;
  border-radius: 4px 0px 0px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
}

.ev-filed-mains p {
  margin-bottom: 0;
  color: #7e858c;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 400;
}

.ev-filed-mains p span {
  color: #D1433A;
}

.p-l-50 {
  padding-left: 50px !important;
}

.ev-filed-mains textarea {
  border: 1px solid #e6eaf0;
  width: 100%;
  height: 50px;
  resize: none;
  border-radius: 4px;
  background-color: #f5f5f5;
  padding-left: 10px;
}

.offer-bottom {
  border-top: 1px solid #e6eaf0;
  margin-top: 25px;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
}

.decl-btn button {
  border: 1px solid #ee3f3f;
  width: 100px;
  height: 30px;
  border-radius: 2px;
  background-color: #fff;
  color: #ee3f3f;
  font-size: 13px;
  font-weight: 700;
  transition: 0.3s all;
}

.decl-btn button:hover {
  background-color: #ee3f3f;
  color: #fff;
}

.neg_btn {
  border: 1px solid #D1433A;
  width: 130px;
  height: 30px;
  border-radius: 2px;
  background-color: #fff;
  margin-right: 10px;
  color: #D1433A;
  font-size: 13px;
  font-weight: 700;
  transition: 0.3s all;
}

.neg_btn:hover {
  background-color: #D1433A;
  color: #fff;
}

.accep_btn {
  width: 100px;
  height: 30px;
  background-color: #D1433A;
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  border: none;
  transition: 0.3s all;
}

.accep_btn:hover {
  background-color: #DA6961;
}

.booker-sec {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 10px;
}

.booker-sec h1 {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
}

.booker-btn {
  display: flex;
  align-items: center;
  margin-top: 15px;
  background-color: #f9fafb;
  border-radius: 4px;
}

.booker-img {
  padding-left: 20px;
}

.booker-img img {
  width: 30px;
  height: 30px;
  object-fit: cover;
}

.booker-heading {
  padding-left: 20px;
  color: #47505b;
  font-size: 16px;
  font-weight: 700;
}

.booker-btn {
  display: flex;
  align-items: center;
  margin-top: 15px;
  background-color: #f9fafb;
  border-radius: 4px;
  height: 50px;
  margin-bottom: 20px;
}

.message-booker {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #D1433A;
  border-radius: 2px;
  height: 40px;
  transition: 0.3s all;
}

.message-booker span {
  color: #D1433A;
  font-size: 13px;
  font-weight: 700;
  padding-left: 10px;
}

.event-containers-main {
  background-color: #f9fafb;
  border-radius: 4px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.eve-cont-main-left {
  display: flex;
  align-items: center;
}

.eve-cont-main-left-img img {
  width: 40px;
  height: 40px;
  border-radius: 2px;
}

.eve-cont-main-left-details {
  padding-left: 20px;
}

.eve-cont-main-left-details>h1 {
  color: #47505b;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}

.eve-cont-main-left-details p {
  margin-bottom: 0;
  color: #afb5be;
  font-size: 15px;
  font-weight: 400;
}

.venue-section-contain {
  background-color: #f9fafb;
  border-radius: 4px;
  margin-top: 15px;
}

.venue-section-contain-text {
  padding: 15px 20px;
}

.venue-section-contain-text>h1 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.venue-section-contain-text p {
  margin-bottom: 0;
  color: #afb5be;
  font-size: 15px;
  font-weight: 400;
}

.nego-history {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding: 22px 30px 30px 30px;
  margin-bottom: 30px;
}

.nego-history h1 {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
}

.chek-sections {
  margin-top: 20px;
}

.ev-bokking-level {
  display: flex;
  justify-content: space-between;
  background-color: #f9fafb;
  border-radius: 4px;
  padding: 15px 20px 15px 20px;
  position: relative;
}

.ev-booking {
  padding-left: 0;
  margin-bottom: 20px;
  position: relative;
  z-index: inherit;
}

.ev-bok-left {
  padding-left: 70px;
}

.ev-bok-left>h1 {
  color: #47505b;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 1px;
}

.ev-bok-left p {
  font-size: 13px;
  font-weight: 400;
  margin-top: 4px;
  margin-bottom: 0;
}

.ev-bok-left span {
  font-size: 13px;
  font-weight: 400;
  color: #9399a2;
}

.ev-booking ::before {
  width: 30px;
  height: 30px;
  border: 2px solid #D1433A;
  border-radius: 50px;
  background-color: #ebf0ff;
  left: 20px;
  top: 22px;
}

.ev-booking .custom-control-input1:checked~.custom-control-label::after {
  width: 20px;
  height: 20px;
  background-color: #D1433A;
  border-radius: 100%;
  background-image: none;
  left: 25px !important;
  top: 27px !important;
}

.ev-date-list span {
  font-size: 13px;
  color: #7e858c;
  font-weight: 400;
}

.additional-infor-sec {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  padding: 22px 30px 20px 30px;
}

.add-info-heading {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 25px;
  border-bottom: 1px solid #e6eaf0;
}

.addi-info-fields {
  margin-top: 20px;
}

.add-info-field label {
  width: 100%;
  margin-bottom: 5px;
  color: #8b949f;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.add-info-field input {
  width: 100%;
  background-color: rgba(230, 234, 240, 0.5);
  height: 30px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding-left: 10px;
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
}

.add-info-field {
  margin-bottom: 18px;
}

.add-info-field textarea {
  width: 100%;
  border: 1px solid #e6eaf0;
  height: 90px;
  background-color: rgba(230, 234, 240, 0.5);
  border-radius: 2px;
  resize: none;
  padding-left: 10px;
  padding-top: 10px;
}

.cancel-edit {
  margin-top: 0;
  border-top: none;
  padding-top: 10px;
}

.of-nhao {
  background-color: #fff;
  margin-bottom: 30px;
  border-left: 1px solid #e6eaf0;
  border-right: 1px solid #e6eaf0;
  padding: 22px 30px 30px 30px;
}

.of-nhao h1 {
  color: #071526;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}

.ev-booking .custom-control-input1:checked~.ev-bokking-level {
  background-color: #D1433A1A;
}

.ev-booking .custom-control-input1:checked~.ev-bokking-level .ev-bok-left>h1 {
  color: #D1433A;
}

.ev-booking::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 84px;
  background-color: #D1433A;
  top: 50px;
  z-index: 1;
  left: 34px;
}

.ev-booking:last-child::after {
  display: none;
}

.Counter-offer-heading {
  border-bottom: 0;
}

.post-option-select a input {
  position: absolute;
  left: 0;
  height: 40px;
  opacity: 0;
}

.selected-div {
  background-color: rgba(65, 108, 255, 0.2);
}

.upload-photo-sponsers {
  padding: 15px 0 7px 0;
}

.composer-popover.active[data-v-31b81b81] {
  z-index: 1;
}

.music-industry-title-header {
  font-style: normal;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 10px;
  margin-top: 15px;
  color: #47505b !important;
}

.write-board textarea {
  width: auto;
  position: absolute;
  background-color: transparent;
  height: auto;
  text-align: center;
  color: #fff !important;
  border: none;
  resize: none;
}

.news-feed-pic-detials input {
  width: 75%;
  border: 1px solid #e6eaf0;
  height: 30px;
  border-radius: 4px;
  padding-left: 10px;
  font-size: 13px;
}

.news-feed-pic-detials-poll input {
  width: 75%;
  border: 1px solid #e6eaf0;
  height: 30px;
  border-radius: 4px;
  padding-left: 10px;
  font-size: 13px;
}

.news-feed-pic-detials button {
  width: 100px;
  height: 30px;
  background-color: #D1433A;
  color: #fff;
  border: none;
  margin-left: 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  transition: 0.3s all;
}

.news-feed-pic-detials-poll button {
  width: 100px;
  height: 30px;
  background-color: #D1433A;
  color: #fff;
  border: none;
  margin-left: 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  transition: 0.3s all;
}

.news-feed-pic-detials button:hover {
  background-color: #DA6961;
}

.news-feed-pic-detials-poll button:hover {
  background-color: #DA6961;
}

.margin-b-empty {
  margin-bottom: 20px;
}

.enge-btn-sub-plan p {
  color: #8b949f;
  font-size: 13px;
  font-weight: 700;
}

.enge-btn-sub-plan h1 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 5px;
}

.nav-tab-bg {
  background-color: #fff;
  border-bottom: 1px solid #e6eaf0 !important;
  margin-bottom: 0 !important;
}

.no_sub_plan {
  width: 100%;
  background-color: #e6eaf0;
  border-radius: 4px;
  margin-top: 30px;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 30px;
}

.no_sub_plan_text h1 {
  color: #071526;
  font-size: 16px;
  font-weight: 700;
  margin-top: 25px;
}

.no_sub_plan_text p {
  font-size: 12px;
  font-weight: 400;
  color: #47505b;
  margin-bottom: 0;
}

.no_sub_plan_btn {
  margin-top: 25px;
}

.no_sub_plan_btn button {
  background-color: #D1433A;
  border-radius: 4px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 40px;
  transition: 0.3s all;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
}

.no_sub_plan_btn button svg {
  margin-right: 9px;
}

.no_sub_plan_btn button:hover {
  background-color: #DA6961;
}

.p-t-20 {
  padding-top: 25px;
}

.Subscrition-headings p {
  color: #8b949f;
  font-size: 13px;
  font-weight: 700;
}

.Subscrition-headings h1 {
  color: #47505b;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 5px;
}

.plans-div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.plan-left {
  width: 480px;
}

.plan-left label {
  color: #47505b;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  margin-bottom: 5px;
}

.plan-left input {
  width: 100%;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 30px;
  padding-left: 10px;
  color: #8b949f;
  font-size: 13px;
  font-weight: 500;
}

.plan-left span {
  color: rgba(71, 80, 91, 0.7);
  font-size: 12px;
  font-weight: 400;
  margin-top: 6px;
  display: inline-block;
}

.plan-right label {
  color: #47505b;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  margin-bottom: 5px;
}

.per-month {
  position: absolute;
  background-color: #e6eaf0;
  width: 90px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8b949f;
  font-size: 13px;
  font-weight: 500;
  top: 25px;
  right: 0;
  border-radius: 0 4px 4px 0px;
}

.plan-right p {
  color: rgba(71, 80, 91, 0.7);
  font-size: 12px;
  font-weight: 400;
  margin-top: 6px;
  margin-bottom: 0;
}

.plan-right {
  position: relative;
  display: flex;
  flex-direction: column;
}

.plan-right input {
  width: 220px;
  height: 30px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  padding-left: 10px;
  color: #8b949f;
  padding-right: 95px;
}

.plan-des label {
  width: 100%;
  margin-bottom: 5px;
  color: #47505b;
  font-size: 13px;
  font-weight: 500;
}

.plan-des textarea {
  width: 100%;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 40px;
  resize: none;
  padding-left: 10px;
  color: #8b949f;
  font-weight: 500;
  font-size: 13px;
}

.plan-des {
  margin-bottom: 15px;
}

.subs_label label {
  color: #47505b;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  margin-bottom: 5px;
}

.subs_label input {
  width: 100%;
  border: 1px solid #e6eaf0;
  height: 30px;
  border-radius: 4px;
  color: rgba(7, 21, 38, 0.6);
  font-size: 13px;
  font-weight: 500;
  padding-left: 10px;
}

.subs_label {
  position: relative;
  margin-bottom: 15px;
}

.subs_label select {
  width: 100%;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  height: 30px;
  color: rgba(7, 21, 38, 0.6);
  font-size: 13px;
  font-weight: 500;
  padding-left: 10px;
  appearance: none;
}

.subs_label span {
  position: absolute;
  right: 10px;
  top: 37px;
}

.subs_label textarea {
  width: 100%;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  resize: none;
  padding-left: 10px;
  color: rgba(7, 21, 38, 0.6);
}

.remove-save-plan {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6eaf0;
}

.remove-btn {
  width: 130px;
  height: 30px;
  border: 1px solid #c4ccd6;
  border-radius: 4px;
  background-color: #fff;
  color: #c4ccd6;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.saveplan-btn {
  width: 200px;
  height: 30px;
  background-color: #D1433A;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  transition: 0.3s all;
}

.saveplan-btn:hover {
  background-color: #DA6961;
}

.ass-sub-plan {
  margin-top: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.add-sub-plan-btn {
  width: 230px;
  height: 30px;
  border: 1px solid #D1433A;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  transition: 0.3s all;
  color: #D1433A;
  font-size: 11px;
  font-weight: 700;
}

.add-sub-plan-btn svg {
  margin-right: 8px;
}

.add-sub-plan-btn:hover {
  background-color: #D1433A;
  color: #fff;
}

.add-sub-plan-btn:hover .add-sub-svg {
  stroke: #fff;
}

.search-filter-added {
  margin-bottom: 30px;
  position: relative;
}

.search-filter-added input {
  width: 100%;
  height: 40px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  color: rgba(7, 21, 38, 0.6);
  font-size: 15px;
  font-weight: 400;
  padding-left: 50px;
}

.svg-serch {
  position: absolute;
  left: 17px;
  top: 13px;
}

.partner_label {
  font-size: 13px;
  color: #8b949f;
  border: 1.3px solid #8b949f;
  border-radius: 4px;
  font-weight: 500;
  padding: 7px 20px;
  cursor: pointer;
}

.artist-radio {
  border-radius: 4px;
  border: 1px solid #D1433A;
  width: 170px;
}

.artist-radio label {
  width: 84px;
  border: none;
  border-radius: 0 0 0 0;
  color: #D1433A;
  font-size: 13px;
  font-weight: 400;
  margin-right: 0;
  line-height: 29px;
  height: 28px;
  margin-bottom: 0;
}

.artist-radio input:checked+label {
  font-weight: 500;
}

.filled-input {
  margin: 0;
  padding: 0;
  width: 250px;
  height: 30px;
  border: 1px solid #D1433A;
  border-radius: 4px;
  position: relative;
}

.filled-input li {
  list-style: none;
  color: #D1433A;
  font-size: 13px;
  font-weight: 700;
  padding-left: 15px;
}

.filled-input span {
  position: absolute;
  top: 10px;
  right: 10px;
}

.filled-input li {
  list-style: none;
  color: #D1433A;
  font-size: 13px;
  font-weight: 700;
  padding: 3px 0px 0px 20px;
}

.all-drop-down {
  position: relative;
}

.drop-down-artist {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  border-radius: 4px;
  width: 250px;
  position: absolute;
  z-index: 6;
}

.drop-down-first {
  padding: 20px;
}

.drop-down-first ul li a {
  display: flex;
  align-items: center;
  color: #071526;
  font-size: 13px;
  font-weight: 500;
  transition: 0.3s all;
}

.drop-down-first ul li a:hover .drp-ic {
  background-color: #D1433A;
}

.drop-down-first ul li a:hover .drp-ic-svg {
  stroke: #fff;
}

.drop-down-first ul li a:hover .drp-ic-svg-fill {
  fill: #fff;
}

.drop-down-first ul li {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.drp-ic {
  background-color: #e6eaf0;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  transition: 0.3s all;
}

.drop-down-first ul {
  padding-left: 0;
  margin: 0;
}

.checkbox-contain {
  padding: 17px 20px 10px 20px;
  border-top: 1px solid #e6eaf0;
}

.chek-contain label {
  color: #071526;
  font-size: 13px;
  font-weight: 500;
  padding-left: 15px;
}

.chek-contain input+label::after {
  content: "";
  position: absolute;
  border: 1.5px solid #c4ccd6;
  width: 14px;
  height: 14px;
  top: 3px;
  left: 0;
  border-radius: 8px;
}

.chek-contain {
  position: relative;
}

.chek-contain input {
  opacity: 0;
}

.chek-contain input:checked+label::before {
  content: "";
  background-color: #D1433A;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  border-radius: 8px;
  z-index: 1;
  left: 3px;
}

.chek-contain input:checked+label::after {
  border: 1.5px solid #D1433A;
}

.dd-done-btn button {
  width: 100%;
  height: 40px;
  border: none;
  background-color: #D1433A;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  transition: 0.3s all;
}

.dd-done-btn button:hover {
  background-color: #DA6961;
}

.select2-container .select2-selection--multiple {
  min-height: 30px;
  display: flex !important;
}

.select2-search__field {
  /*margin-top: 10px !important;*/
}

.uk {
  font-weight: 400;
  color: #071526 !important;
}

.blck-label {
  color: #0053b5 !important;
}

.vs__open-indicator {
  display: none !important;
}

.song-album-card-margin {
  margin-right: 15px;
  margin-left: 15px;
}

ag-container {
  width: 86%;
  padding-left: 14%;
}

.select2-container--default {
  width: 100% !important;
}

.ps {
  height: calc(100% - 210px);
}

.affiliates-system-block {
  display: flex;
  flex-direction: row;
  background-color: #95b3d7;
  border-radius: 4px;
  margin-bottom: 30px;
  color: #fff;
  padding: 13px 26px 12px;
}

.affiliates-system-block .icon-wrapper {
  margin: 7px 26px 0 0;
}

.affiliates-system-block .item-title {
  font-family: HelveticaNeueBold;
  font-weight: normal;
  line-height: 26px;
  font-size: 17px;
  margin-bottom: 8px;
}

.affiliates-system-block .item-text {
  line-height: 20px;
  font-family: HelveticaNeueNormal;
  font-size: 13px;
  font-weight: normal;
}

.affiliates-system-block .item-text .svg-icon {
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 3px;
}

.affiliates-blocks-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.affiliates-blocks-wrapper .title-blocks-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
}

.affiliates-blocks-wrapper .title-blocks-row>div {
  background: #e6eaf0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 350px;
  max-width: 100%;
  margin: 0 15px;
  padding: 10px;
}

.affiliates-blocks-wrapper .title-blocks-row .title-text {
  margin-left: 11px;
  font-family: HelveticaNeueBold;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #47505b;
}

.sum-social-block-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.sum-social-block-row .sum-block {
  background: linear-gradient(270deg, #893cd8 -9.47%, #6476ff 98.54%);
  border-radius: 4px;
  width: 100%;
  max-width: 350px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-family: HelveticaNeueBold;
  height: 90px;
}

.sum-social-block-row .url-soc-block {
  max-width: 350px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.url-soc-block .url-block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D1433A;
  border-radius: 4px;
  color: #D1433A;
  font-family: HelveticaNeueBold;
  font-weight: normal;
  text-transform: uppercase;
  height: 40px;
  margin-bottom: 20px;
  cursor: pointer;
  transition: all 0.3s;
  background-color: #fff;
}

.url-soc-block .url-block:hover {
  transition: all 0.3s;
  color: #fff;
  background-color: #D1433A;
}

.url-soc-block .soc-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.url-soc-block .soc-block .soc-share {
  font-family: "HelveticaNeueBold";
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: #47505b;
  margin-right: 10px;
}

.url-soc-block .soc-block .svg-icon {
  background-color: rgba(113, 129, 149, 0.07);
  width: 40px;
  height: 30px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.url-soc-block .soc-block .svg-icon svg {
  fill: #47505b !important;
  transition: all 0.3s;
}

.url-soc-block .soc-block .svg-icon:hover {
  background-color: #D1433A;
  transition: all 0.3s;
}

.url-soc-block .soc-block .svg-icon:hover svg {
  fill: #fff !important;
  transition: all 0.3s;
}

.affiliates-status {
  margin: 30px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 350px;
  width: 100%;
  height: 40px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  font-family: "HelveticaNeueBold";
  font-weight: normal;
  color: #7e858c;
  font-size: 13px;
}

table.blocking-table tbody {
  border-top: none !important;
}

table.blocking-table {
  margin-top: 20px;
  border: 1px solid #e6eaf0;
  border-radius: 4px 4px 4px 4px;
  margin-bottom: 2px;
}

table.blocking-table thead tr,
table.blocking-table tbody tr {
  height: 50px;
  align-items: center;
  border-bottom: 1px solid #e6eaf0;
}

table.blocking-table thead tr th:nth-child(1),
table.blocking-table tbody tr th:nth-child(1) {
  border-right: 1px solid #e6eaf0 !important;
  width: 300px;
  padding-left: 30px;
}

table.blocking-table tbody tr td .date {
  padding-left: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-family: "HelveticaNeueNormal";
  font-weight: normal;
  font-size: 13px;
  color: #47505b;
  border: none;
  height: 100%;
  height: 30px;
}

table.blocking-table tbody tr td .unblock {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  font-family: "HelveticaNeueBold";
  font-weight: normal;
  font-size: 12px;
  color: #D1433A;
  transition: all 0.3s;
}

table.blocking-table tbody tr td .unblock .unblock-text {
  opacity: 0;
  transition: all 0.3s;
}

table.blocking-table tbody tr td .unblock .svg-icon .c-line-1 {
  stroke: #bababa;
  transition: all 0.3s;
}

table.blocking-table tbody tr th .user {
  display: flex;
  flex-direction: row;
  align-items: center;
}

table.blocking-table tbody tr th .user .name {
  font-family: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 12px;
  color: #071526;
  opacity: 0.8;
}

table.blocking-table tbody tr th .img-wrapper {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  overflow: hidden;
}

table.blocking-table tbody tr th .user-wrapper {
  position: relative;
  margin-right: 9px;
}

table.blocking-table tbody tr th .img-wrapper .user-status {
  width: 9px;
  height: 9px;
  border: 1px solid #fff;
  border-radius: 100%;
  background-color: #1cec9e;
  position: absolute;
  bottom: 1px;
  right: -1px;
}

table.blocking-table tbody tr th .img-wrapper img {
  width: 100%;
}

table.blocking-table tbody tr td .unblock .svg-icon {
  margin-left: 12px;
}

table.blocking-table thead tr th:nth-child(2),
table.blocking-table tbody tr td .unblock .svg-icon {}

table.blocking-table tbody tr th:nth-child(2) {
  display: flex;
  flex-direction: row;
}

table.blocking-table thead {
  font-family: "HelveticaNeueBold";
  font-weight: normal;
  font-size: 13px;
  color: #47505b;
}

table.blocking-table tbody tr {
  cursor: pointer;
  background-color: #fff;
  transition: all 0.3s;
}

table.blocking-table tbody tr:hover {
  background-color: #D1433A1A;
  transition: all 0.3s;
}

table.blocking-table tbody tr:hover td .unblock .unblock-text {
  opacity: 1;
  transition: all 0.3s;
}

table.blocking-table tbody tr:hover td .unblock .svg-icon .c-line-1 {
  stroke: #D1433A;
  transition: all 0.3s;
}

.session-table.payment_table {
  margin-bottom: 20px;
}

.session-table.payment_table tbody {
  border-top: none;
}

.session-table.payment_table thead tr th {
  border-right: 1px solid #e6eaf0 !important;
  font-family: "HelveticaNeueBold";
  font-weight: normal;
  font-size: 13px;
  color: #47505b;
  padding-left: 19px;
}

.session-table.payment_table thead tr th:last-child {
  border-right: none !important;
  width: 230px;
}

.session-table.payment_table thead tr th:first-child {
  padding-left: 30px;
  width: 300px;
}

.session-table.payment_table tbody tr td {
  font-family: "HelveticaNeueNormal";
  font-weight: normal;
  font-size: 13px;
  color: #47505b;
}

.session-table.payment_table tbody tr td:first-child {
  padding-left: 30px;
}

.session-table.payment_table tbody tr:last-child {
  border-bottom: none;
}

.pagination-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.pagination-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "HelveticaNeueBold";
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  padding: 8px 22px 8px 26px;
  background: #e6eaf0;
  border-radius: 2px;
}

.pagination-info>div {
  color: #47505b;
}

.pagination-action .pagination {
  margin-bottom: 0;
  border-radius: 3px;
  font-family: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 13px;
  color: #ffffff;
}

.pagination-action .pagination .page-item.active .page-link {
  background-color: #D1433A;
  color: #fff;
}

.pagination-action .pagination .page-item .page-link {
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #e6eaf0;
  flex-direction: row;
  align-items: center;
  color: #8b949f;
}

.pagination-action .pagination .page-item .page-link:focus {
  box-shadow: none;
}

.pagination-action .pagination .page-item .page-link.prev .svg-icon {
  margin-right: 10px;
}

.pagination-action .pagination .page-item.disabled .page-link .svg-icon .c-line-1 {
  stroke: #8b949f;
}

.pagination-action .pagination .page-item .page-link .svg-icon .c-line-1 {
  stroke: #D1433A;
}

.pagination-action .pagination .page-item .page-link.next .svg-icon {
  margin-left: 10px;
}

.pagination-action .pagination .page-item .page-link.prev,
.pagination-action .pagination .page-item .page-link.next {
  padding: 0 19px 0 13px;
  height: 30px;
  width: auto;
}

.pagination-action .pagination .page-item .page-link.next {
  color: #D1433A;
}

.page-filter.sm-view {
  padding-left: 27px;
}

.page-filter.sm-view .back-link {
  font-family: "HelveticaNeueBold";
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  padding-right: 30px;
}

.page-filter.sm-view .filter-title {
  font-family: "HelveticaNeueBold";
  font-style: normal;
  font-weight: 700;
}

.hashtags-block {
  background-color: #fff;
  margin-bottom: 10px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 100px;
}

.hashtags-block .hashtag-text {
  display: flex;
  flex-direction: column;
  font-family: "HelveticaNeueBold";
  font-style: normal;
  font-weight: 700;
}

.hashtags-block .hashtag-text .hashtag-title {
  margin-bottom: 14px;
}

.hashtags-block .hashtag-text .hashtag-title a {
  font-size: 18px;
  line-height: 22px;
  color: #47505b;
}

.hashtags-block .hashtag-text .hashtag-title a:hover {
  text-decoration: underline !important;
}

.hashtags-block .hashtag-text .hashtag-seeall a {
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #D1433A;
  transition: all 0.3s;
}

.hashtags-block .hashtag-text .hashtag-seeall a:hover {
  opacity: 0.8;
  transition: all 0.3s;
}

.hashtags-block .img-block {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.hashtags-block .img-block .img-wrapper {
  margin: 5px;
}

.hashtags-block .img-block .img-wrapper:last-child {
  margin-right: 0;
}

#trending-dropdown {
  cursor: pointer;
}

#trending-dropdown:after {
  display: none;
}

/* TRENDINGS MODAL */
.trending-modals .modal-dialog {
  max-width: 550px;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(71, 80, 91, 0.15);
  border-radius: 4px;
}

.trending-modals .modal-dialog .modal-content {
  border: none !important;
}

.trending-modals .modal-dialog .modal-header {
  padding: 20px 20px 15px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "HelveticaNeueBold";
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  text-transform: capitalize;
  color: #071526;
  border-bottom: 1px solid #e6eaf0;
}

.trending-modals.step2 .modal-dialog .modal-header {
  border-bottom: none;
}

.trending-modals .modal-dialog .modal-header .modal-title {
  text-align: center;
  width: 100%;
}

.trending-modals.step2 .modal-dialog .modal-header .modal-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
}

.trending-modals .modal-dialog .modal-header .modal-title .back-btn {
  width: 40px;
  height: 40px;
  background: #f5f7f9;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  transition: all.3s;
}

.trending-modals .modal-dialog .modal-header .modal-title .back-btn .svg-icon {
  margin-right: 0;
}

.trending-modals .modal-dialog .modal-header .modal-title .back-btn:hover {
  transition: 0.3s;
  background-color: #d1d9e3;
}

.trending-modals .modal-dialog .modal-header button.close {
  font-family: HelveticaNeueNormal, sans-serif;
  padding-top: 10px;
  color: #47505b;
}

.trending-modals .modal-dialog .modal-body {
  padding: 30px 20px;
  overflow: hidden;
}

.trending-modals.step2 .modal-dialog .modal-body {
  padding: 30px 0;
}

.trending-modals .modal-dialog .modal-body .custom-control.custom-checkbox {
  padding-left: 0;
}

.trending-modals .modal-dialog .modal-body .search-location {
  position: relative;
  margin-top: 20px;
  padding: 0 20px;
}

.trending-modals .modal-dialog .modal-body .search-location input {
  background: #ffffff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  background-color: transparent;
  transition: all 0.3s;
  padding-left: 50px;
}

.trending-modals .modal-dialog .modal-body .search-location input::placeholder {
  font-family: "HelveticaNeueNormal";
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #8b949f;
}

.trending-modals .modal-dialog .modal-body .country-wrapper {
  margin-top: 20px;
  max-height: 206px;
  overflow-y: scroll;
  width: calc(100% + 20px);
}

.trending-modals .modal-dialog .modal-body .country-wrapper ul {
  margin: 0;
  padding: 0;
}

.trending-modals .modal-dialog .modal-body .country-wrapper ul li {
  list-style-type: none;
  border-bottom: 1px solid #e6eaf0;
  transition: all 0.3s;
  background-color: #fff;
}

.trending-modals .modal-dialog .modal-body .country-wrapper ul li:hover {
  background: #D1433A1A;
  transition: all 0.3s;
}

.trending-modals .modal-dialog .modal-body .country-wrapper .custom-control {
  padding-left: 0;
  position: relative;
}

.trending-modals .modal-dialog .modal-body .country-wrapper .custom-control .custom-control-label {
  padding: 18px 21px;
  font-weight: normal;
  font-family: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #071526;
  opacity: 0.8;
}

.trending-modals .modal-dialog .modal-body .country-wrapper .custom-radio [type="radio"]:checked+label {
  font-weight: normal;
}

.trending-modals .modal-dialog .modal-body .country-wrapper .custom-control .custom-control-label:before {
  opacity: 0;
}

.trending-modals .modal-dialog .modal-body .country-wrapper .custom-control .custom-control-label:after {
  content: "";
  position: absolute;
  right: 30px;
  left: inherit !important;
  width: 9px;
  height: 7px;
  top: 50% !important;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.09484 0.176061C8.35659 0.421737 8.36962 0.833088 8.12394 1.09484L3.43099 6.09484C3.30814 6.22573 3.13663 6.29998 2.95712 6.3C2.77761 6.30002 2.60608 6.2258 2.4832 6.09493L0.176151 3.63794C-0.0695785 3.37624 -0.0566316 2.96489 0.205069 2.71916C0.46677 2.47343 0.878123 2.48638 1.12385 2.74808L2.95695 4.70032L7.17606 0.205165C7.42174 -0.0565852 7.83309 -0.0696158 8.09484 0.176061Z' fill='%23416CFF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.country-wrapper .custom-control.custom-radio [type="radio"]:checked+label::before {
  display: none;
}

.trending-modals .modal-dialog .modal-body .search-location .svg-icon {
  position: absolute;
  left: 37px;
  top: 50%;
  transform: translateY(-50%);
}

.trending-modals .modal-dialog .modal-body .search-location input:focus {
  box-shadow: none;
  outline: none;
  transition: all 0.3s;
  border-color: #D1433A;
}

.trending-modals .modal-dialog .modal-body .search-location input:hover {
  transition: all 0.3s;
  background-color: #D1433A1A;
}

.trending-modals .modal-dialog .modal-body .custom-control.custom-checkbox .custom-control-input {
  right: 0;
  left: inherit;
}

.trending-modals .modal-dialog .custom-control-input:focus~.custom-control-label::before {
  box-shadow: none !important;
}

.trending-modals .custom-control.custom-checkbox {
  min-height: inherit !important;
}

.trending-modals .custom-control.custom-checkbox .custom-control-label {
  font-family: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #071526;
  width: 100%;
  cursor: pointer;
}

.trending-modals .custom-control.custom-checkbox .custom-control-label:before {
  right: 0;
  left: inherit;
  top: 0;
  width: 20px;
  height: 20px;
}

.trending-modals .location-subtitle {
  font-family: "HelveticaNeueNormal";
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.5px;
  color: #47505b;
  padding-bottom: 18px;
  border-bottom: 1px solid #e6eaf0;
  margin-top: 6px;
}

.trending-modals .custom-control.custom-checkbox .custom-control-label:after {
  right: 0;
  left: inherit !important;
  top: 0 !important;
  width: 20px;
  height: 20px;
}

.trending-modals .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='%23D1433A'/%3E%3Cpath d='M4.32538 11.7566C3.37089 10.7894 4.72764 9.97541 5.68213 10.9426L7.68213 12.9426L11.6821 9.44212L14.6821 6.44262C15.7321 5.4754 16.8292 6.2435 15.8747 7.30744L8.62059 14.5616C8.2388 14.9485 7.57065 15.0452 7.18886 14.5616L4.32538 11.7566Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: cover;
}

.trending-modals .location-check-wrap .card {
  border: none;
  background-color: transparent;
  border-radius: 0;
}

.trending-modals .location-check-wrap .card .card-body {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e6eaf0;
}

.trending-modals .location-check-wrap .card .card-body .exp-title {
  font-family: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
  margin-bottom: 6px;
}

.trending-modals .location-check-wrap .card .card-body .exp-subtitle {
  font-family: "HelveticaNeueNormal";
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #47505b;
}

.trending-modals .location-check-wrap .card .card-body .next-btn {
  align-self: end;
  border: 1px solid #D1433A;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  cursor: pointer;
}

.trending-modals .location-check-wrap .card .card-body .next-btn:hover {
  background-color: #D1433A;
  transition: all.3s;
}

.trending-modals .location-check-wrap .card .card-body .next-btn .svg-icon .c-line-1 {
  stroke: #D1433A;
  transition: all 0.3s;
}

.trending-modals .location-check-wrap .card .card-body .next-btn:hover .svg-icon .c-line-1 {
  stroke: #fff;
  transition: all 0.3s;
}

.trending-modals .following-wrapper {
  margin-top: 14px;
}

.trending-modals .following-wrapper .follow-title {
  font-family: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #071526;
  margin-bottom: 6px;
}

.trending-modals .following-wrapper .follow-subtitle {
  font-family: "HelveticaNeueNormal";
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #47505b;
  margin-bottom: 9px;
}

.trending-modals .following-wrapper .follow-checkbox .custom-control {
  padding: 5px 0;
}

.trending-modals .following-wrapper .follow-checkbox .custom-control .custom-control-label {
  font-size: 13px;
  line-height: 16px;
}

@media screen and (max-width: 1800px) {
  .ag-container {
    width: 84.2% !important;
    padding-left: 14%;
  }
}

@media screen and (max-width: 1700px) {
  .ag-container {
    width: 83.2% !important;
  }
}

@media screen and (max-width: 1600px) {
  .ag-container {
    width: 82.6% !important;
  }
}

@media screen and (max-width: 1500px) {
  .ag-container {
    width: 81.3% !important;
    padding-left: 16%;
  }
}

@media screen and (max-width: 1400px) {
  .ag-container {
    width: 80.2% !important;
  }
}

@media screen and (max-width: 1366px) {
  .ag-container {
    width: 80.2% !important;
    padding-left: 18%;
  }
}

@media screen and (max-width: 1280px) {
  .ag-container {
    width: 82.5% !important;
    padding-left: 19%;
  }
}

@media screen and (max-width: 1136px) {
  .ag-container {
    width: 100% !important;
    padding-left: 21.5%;
  }
}

@media screen and (max-width: 1024px) {
  .artist_middle_section-artist {
    padding-right: 0px;
  }

  .ag-container {
    width: 100% !important;
    padding-left: 0%;
  }
}


@media screen and (min-width: 2560px) {
  :root {
    /* --font-size: 1.25rem;
    --sm-font-size: 0.55vw; */
    --font-size: 1.45rem;
    --sm-font-size: 1.25rem;
  }

  /* continous lisetening to */
  .card-description {
    padding: 5%;
  }

  .gird-title-name a {
    font-size: 0.65vw;
  }

  .musicbar_more .show_more_bg {
    font-size: 0.65vw;
    padding-block: 1.75%;
  }

  .musicbar_more a {
    height: auto;
  }

  .card.sigles-card .track-info .title {
    height: auto;
  }

  .music_slider_landing .card.sigles-card .track-info .author div a {
    font-size: var(--sm-font-size);
  }

  /*----------------------- Genere and moods */
  .Page_title {
    font-size: 1vw !important;
  }

  .genres_box {
    padding: 8%;
  }

  .genres_info .genres_title {
    font-size: var(--sm-font-size);
  }

  .genres_info {
    margin-top: 0.75rem;
  }

  .section-title-music {
    font-size: var(--font-size);
  }

  .overview-mains .switch-field {
    width: auto;
  }

  .overview-mains .switch-field {
    width: auto;
    height: auto;
  }

  .gen-mood-tag>ul>li>a {
    font-size: var(--font-size);
    width: auto;
    padding: 0.75vw 1vw;
  }

  .filter-total-count {
    width: auto;
    height: auto;
    padding: 0.2vw 0.5vw;
  }

  .filter-total-count svg {
    width: 0.85vw !important;
    height: 0.85vw !important;
  }

  .filter-count {
    font-size: 0.5vw;
  }

  .card-description.round {
    padding: 5%;
  }

  .link-more.near_arrow.more_btn_landing {
    font-size: var(--sm-font-size);
  }

  .main-link-tab-music {
    font-size: var(--sm-font-size);
  }

  .main-link-tab-sub {
    font-size: var(--sm-font-size);
  }

  .leftbar-arrow-rotate-icon span {
    width: 1.5vw;
    height: 1.5vw;
  }

  .leftbar-arrow-rotate-icon span svg {
    width: 0.5vw;
    height: 0.5vw;
  }

  .title_sec a {
    font-size: 1.5rem;
  }

  .gen_mooods>ul>li>a {
    font-size: var(--font-size);
    padding: 0.15vw 0.5vw;
    display: inline-block;
    height: auto;
  }

  .new-releae-geners h1 {
    font-size: var(--font-size);
  }

  .widget-follow .widget-item {
    height: auto;
  }

  .gen_mooods>ul>li>a {
    font-size: var(--font-size);
    padding: 0.15vw 0.5vw;
    display: inline-block;
    height: auto;
  }

  .new-releae-geners h1 {
    font-size: var(--font-size);
  }

  .tag-els {
    height: auto;
    width: auto;
    padding: 0.75rem;
    font-size: var(--sm-font-size);
  }

  .widget-follow .widget-item {
    height: auto;
  }

  /*Ameer Hamza styling -- song details page*/

  .add-queue-btn {
    width: auto;
    height: auto;
    padding: 0.5rem;
  }

  .add-queue-btn .price {
    font-size: var(--sm-font-size);
  }

  .road-section-detail .description-1 {
    font-size: var(--font-size);
  }

  /* .road-section-include h1,
  p {
    font-size: var(--font-size);
  } */

  .road-section-include p {
    font-size: var(--sm-font-size);
  }

  .event_tab {
    height: auto;
    padding: 0 0 0 1rem !important;
    letter-spacing: 0 !important;
  }

  .event_tab .top-tab>a {
    font-size: var(--sm-font-size);
  }

  .event_tab .top-tab>a span {
    font-size: var(--sm-font-size);
    padding: var(--sm-font-size);
  }

  .user-post-filed-image img {
    width: 4rem;
    height: 4rem;
  }

  .post-something-field {
    height: auto;
  }

  .post-something-field textarea::placeholder {
    font-size: var(--font-size);
  }

  .post-something-field>ul>li>svg {
    width: var(--font-size);
    height: var(--font-size);
  }

  .post-field button {
    width: 3rem;
    height: 3rem;
  }

  .comment-post-dot-dropdown span>svg {
    width: var(--font-size);
    height: var(--font-size);
  }

  /*Ameer Hamza styling -- Music Favourite Page*/

  .pages-tbs {
    height: auto;
  }

  .pages-tbs a {
    font-size: var(--sm-font-size) !important;
    padding: 0.7vw !important;
  }

  .fav-tab-title {
    font-size: var(--font-size);
  }

  .wishlist-seeall p {
    font-size: 0.5vw;
  }

  .wishlist-seeall span {
    width: 0.8vw;
    height: 0.8vw;
  }

  /*Ameer Hamza styling -- Album Detail Page*/

  .road-section-detail p {
    font-size: var(--font-size);
  }

  .dropdown-menu.show.more-dropdown {
    width: auto !important;
    height: auto !important;
  }

  .dropdown-menu.show.more-dropdown .dropdown-item {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .dropdown-menu.show.more-dropdown .dropdown-item,
  .dropdown-menu.show.more-dropdown .dropdown-item .more-rate {
    font-size: var(--sm-font-size);
  }

  .dropdown-menu.show.more-dropdown .dropdown-item span svg {
    width: var(--sm-font-size);
    height: var(--sm-font-size);
  }

  .title-h4 {
    font-size: 1.75rem !important;
  }

  /* owl carousel */
  .music_slider_landing .owl-theme .owl-nav [class*="owl-"] {
    height: 40px;
    width: 40px;
  }

  .link-more.near_arrow.more_btn_landing {
    position: absolute;
    right: 100px;
  }

  .link-more.near_arrow.more_btn {
    right: 100px;
    margin-top: 0px;
  }

  .widget-follow .widget-item {
    margin-top: 1.5rem !important;
  }

  /*Ameer Hamza styling -- song details page*/

  .crate-dropdown-title {
    font-size: var(--font-size);
  }

  .create-drop-list-icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .create-drop-list-title {
    font-size: var(--sm-font-size);
  }

  /*Ameer Hamza styling -- Music Overview Friend Request Side Panel*/
/* 
  .activity_header {
    width: 20rem !important;
  } */

  .friend-new {
    max-width: 17.3rem !important;
  }

  .friends-actions .title {
    font-size: var(--sm-font-size) !important;
  }

  .friends-actions .links .js-find-friends {
    font-size: 1rem !important;
  }

  .friend-new .content-block {
    height: 5.2rem !important;
  }

  .friend-new .cover-image .img-wrapper {
    width: 3.5rem !important;
    height: 3.5rem !important;
  }

  .friend-new .title,
  .friend-new .subtitle {
    font-size: 1.25rem !important;
  }

  .friend-new .content-block .friends-btn .btn {
    font-size: 1.25rem !important;
    width: 5rem !important;
    height: 2.2rem !important;
    padding: 0.3rem !important;
  }

  .friend-new .content-block .fr-btn button {
    font-size: 1.25rem;
    width: auto;
    height: auto;
    padding: 0.3rem;
  }

  /*Ameer Hamza styling -- Music Overview Notifications Side Panel*/

  .notify-new {
    height: auto !important;
    padding: 0.7rem !important;
    max-width: 17.3rem !important;
  }

  .notify-new .cover-image .img-wrapper {
    width: 3.5rem !important;
    height: 3.5rem !important;
  }

  .notification-headers .text {
    font-size: 1.7rem;
  }

  .notification-main-div .title-notification-main {
    font-size: var(--font-size) !important;
  }

  .title-notification-main h1 {
    font-size: var(--font-size) !important;
  }

  .title-notification-main span {
    font-size: var(--sm-font-size) !important;
  }

  .notification-main-div .right-bar-notify-title {
    font-size: var(--font-size) !important;
  }

  .content-block .title-n span {
    font-size: var(--sm-font-size) !important;
  }

  .content-block .title-n p span {
    font-size: 0.9rem !important;
  }

  .period-ago,
  .period-time {
    font-size: var(--sm-font-size) !important;
  }

  .see-all {
    width: 17.3rem !important;
    font-size: var(--sm-font-size) !important;
    padding: var(--sm-font-size) !important;
  }

  /*Ameer Hamza styling -- Music Overview Activity Side Panel*/

  .activity-main-list .activity-block {
    width: 100% !important;
    height: auto !important;
  }

  .activity-user-detail .a-user-img img {
    width: 3rem !important;
    height: 3rem !important;
  }

  .simplebar-offset {
    right: 0 !important;
  }

  .activity-user-detail p span {
    font-size: 1.25rem !important;
  }

  .music-activity-texts h1 {
    font-size: 1rem !important;
  }

  .music-activity-texts p {
    font-size: 1.25rem !important;
  }

  .play-song-1 {
    font-size: var(--sm-font-size) !important;
    width: auto !important;
    height: auto !important;
    padding: 0.4rem !important;
  }

  .activity-main-list .activity-block .activity-user-detail .activity-user-detail span,
  .activity-user-detail .time-ago {
    font-size: var(--sm-font-size) !important;
  }

  .main-music-icon>span svg,
  .music-play-section ul li img {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }

  .ad-to p {
    font-size: 1.1rem !important;
  }

  .seeall-btn button {
    font-size: var(--sm-font-size) !important;
    width: 17.3rem !important;
  }

  .user-drop-down-detail h1 {
    font-size: var(--font-size) !important;
  }

  .user-profile-header-dropdown.user_profile_dropdown svg,
  .switch_sm_wrapper {
    width: var(--font-size) !important;
    height: var(--font-size) !important;
  }

  .user-drop-down-detail p,
  .user-profile-detail-section-link ul li a {
    font-size: var(--sm-font-size) !important;
  }

  #chat-pane .actions {
    width: auto !important;
  }

  #chat-pane .actions .title {
    font-size: var(--font-size) !important;
  }

  .simplebar-offset {
    right: 0 !important;
  }

  .chat-list-wrapper {
    max-width: unset !important;
  }

  /* .chat-new {
    max-width: unset !important;
    height: unset !important;
  } */

  .chat-new .cover-image {
    max-height: unset !important;
  }

  .chat-list-wrapper .section-title,
  .chat-list-wrapper .section-title div,
  .chat-list-wrapper .section-title span,
  /* .chat-new .content-block .title, */
  /* .chat-new .content-block .subtitle, */
  /* .chat-new .content-block .time-r, */
  .chat-new .content-block .notify {
    font-size: var(--sm-font-size) !important;
  }

  /*Ameer Hamza Styling Music Overview Page */

  .view-chart-btn a {
    font-size: 1rem;
    height: auto;
    width: auto;
    padding: 0.5rem
  }

  .view-chart-btn svg {
    width: 0.9rem;
    height: 0.9rem;
  }

  .card.weekly-top .line-1 .cover {
    width: 5rem;
    height: 5rem;
  }

  .card.weekly-top .line-1 .description .first-line a,
  .card.weekly-top .line-1 .description .second-line {
    font-size: var(--sm-font-size) !important;
  }

  .link-more.near_arrow.more_btn_landing {
    top: -25px;
  }

  /*Ameer Hamza Styling Music Charts Module */

  .top-heading-chart {
    font-size: 1rem;
  }

  .top-subheading-chart {
    font-size: 1rem;
  }

  /*Ameer Hamza Styling News Feed Module */

  .news-feed-radio label,
  .main-poset-select-box ul,
  .artist-check-svg-text,
  .top-tab>a {
    font-size: 1rem !important;
    line-height: 28px !important;
  }

  .artist-check-svg-icon svg,
  .create-video-close>a>svg,
  .icon_globe svg {
    width: var(--sm-font-size) !important;
    height: var(--sm-font-size) !important;
  }

  .user_and_link h1 {
    font-size: var(--sm-font-size);
  }

  .user_and_link>p,
  .regular-links a,
  .tr_seemore {
    font-size: 1rem;
  }

  .post-detail .full-content {
    font-size: var(--sm-font-size) !important;
  }

  .post-section-like,
  .post-section-comment,
  .post-section-retweet {
    font-size: var(--sm-font-size) !important;

    svg {
      width: var(--sm-font-size) !important;
      height: var(--sm-font-size) !important;
    }
  }

  /* .tr_left p,
  h1,
  span,
  .bac-text-tite {
    font-size: 1.1rem !important;
  } */

  .bosted-date,
  .boosted-location {
    font-size: 1rem !important;
  }

  .boosted-time {
    font-size: 0.9rem !important;
  }

  .post-option-select p {
    font-size: 1rem !important;
  }

  .post-something-field>input::placeholder {
    font-size: var(--sm-font-size) !important;
  }

  .audience-container .sponsors-title,
  .custom-notification-label,
  .noti-d-tr p {
    font-size: 1.1rem !important;
  }

  .trending-modals .custom-control.custom-checkbox .custom-control-label,
  .trending-modals .location-subtitle {
    font-size: var(--sm-font-size) !important;
  }

  /*.buy-ticket-btn button {*/
  /*  font-size: 1rem !important;*/
  /*  height: auto !important;*/
  /*  padding: 0.5rem !important;*/
  /*}*/
}