/**  Colors  **/
* {
  padding: 0;
  margin: 0;
  font-family: 'Roboto', sans-serif; }

body {
  background-color: #0F0D13; }
.mainblockmbl{
  display: none;
}

button {
  outline: none;
  box-shadow: none; }

section.navbarMain {
  border-bottom: 1px solid #E4FF4B;
  background-color: #000000 !important;
  padding: 19px 48px; }
  section.navbarMain .mainRow {
    align-items: center; }
  section.navbarMain .collectivLogo {
    text-decoration: none; }
    section.navbarMain .collectivLogo span {
      color: #D0A5FF;
      font-size: 22px;
      font-weight: 300;
      letter-spacing: 0.5px; }
    section.navbarMain .collectivLogo img {
      width: 138px; }
  section.navbarMain .searchBar {
    position: relative;
    border-radius: 20px;
    background-color: #FFFFF2; }
    section.navbarMain .searchBar input {
      display: inline-block;
      border: none;
      border-radius: 20px;
      font-size: 15px;
      padding: 20px 20px;
      letter-spacing: 0.5px; }
    section.navbarMain .searchBar button {
      position: absolute;
      right: 7px; }
      section.navbarMain .searchBar button img {
        width: 19px; }
  section.navbarMain .innerRight {
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: end; }
    section.navbarMain .innerRight a.createbtn {
      background-color: #7612C5;
      text-transform: uppercase;
      color: #fff;
      font-size: 13px;
      letter-spacing: 0.6px;
      padding: 6px 6px 6px 11px;
      border-radius: 5px;
      margin-right: 27px;
      text-decoration: none; }
      section.navbarMain .innerRight a.createbtn img {
        width: 22px;
        margin-top: -3px; }
    section.navbarMain .innerRight .dropdown a.dropdown-toggle {
      padding: 0;
      background: none;
      border: none; }
      section.navbarMain .innerRight .dropdown a.dropdown-toggle:after {
        display: none; }
      section.navbarMain .innerRight .dropdown a.dropdown-toggle img {
        width: 27px;
        object-fit: cover;
       }
    section.navbarMain .innerRight .dropdown .dropdown-menu {
      top: 11px !important;
      left: -46px !important;
      background-color: #D0A5FF;
      border-radius: 7px;
      padding: 0;
      overflow: hidden; }
      section.navbarMain .innerRight .dropdown .dropdown-menu a.dropdown-item {
        padding: 7px 20px;
        border-bottom: 1px solid #FFFFF2;
        font-size: 14px; }
        section.navbarMain .innerRight .dropdown .dropdown-menu a.dropdown-item:hover {
          background-color: #7612C5;
          color: #FFFFF2; }
      section.navbarMain .innerRight .dropdown .dropdown-menu a.dropdown-item.lastchild {
        border-bottom: none !important; }

.headingsec h4 {
  color: #FFFFF2;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.7px; }
  .headingsec h4 span.subtitle {
    color: #E4FF4B; }

section.trendingSec {
  padding: 0 50px;
  margin-top: 37px; }
  section.trendingSec .detailSec .innerBox {
    margin-top: 21px;
    margin-bottom: 20px; }
    section.trendingSec .detailSec .innerBox .songImage {
      width: 100%;
      height: 301px;
      background-size: cover;
      margin-bottom: 25px;
      background-repeat: no-repeat;
      background-position: center;
      border: 2px solid #FFF;
      border-radius: 10px;
      position: relative; }
      section.trendingSec .detailSec .innerBox .songImage span {
        background-color: #0F0D13;
        color: #FFFFF2;
        padding: 3px 15px;
        font-size: 12px;
        letter-spacing: 0.6px;
        border-radius: 4px;
        position: absolute;
        bottom: 10px;
        right: 10px; }
    section.trendingSec .detailSec .innerBox .audioDetails .inner {
      display: flex; }
      section.trendingSec .detailSec .innerBox .audioDetails .inner .posterImage {
        margin-right: 16px; }
        section.trendingSec .detailSec .innerBox .audioDetails .inner .posterImage img {
          object-fit: cover;
          width: 54px;
          height: 54px;
          border-radius: 50%;
          border: 1px solid #FF6A5C; }
      section.trendingSec .detailSec .innerBox .audioDetails .inner .posterDetail h5 {
        color: #FFFFF2;
        font-size: 14px;
        letter-spacing: 0.7px;
        font-weight: 500;
        margin-bottom: 5px; }
        section.trendingSec .detailSec .innerBox .audioDetails .inner .posterDetail h5 a{
          color:#fff !important;
        }
      section.trendingSec .detailSec .innerBox .audioDetails .inner .posterDetail p {
        color: #E5E5E5;
        font-size: 12px;
        letter-spacing: 0.7px;
        margin-bottom: 1px; }
      section.trendingSec .detailSec .innerBox .audioDetails .inner .posterDetail span.det {
        margin-right: 11px;
        color: #E5E5E5;
        font-size: 12px; }
        section.trendingSec .detailSec .innerBox .audioDetails .inner .posterDetail span.det img {
          width: 12px;
          margin-left: 6px;
          margin-top: -4px; }
        section.trendingSec .detailSec .innerBox .audioDetails .inner .posterDetail span.det img.mike {
          width: 10px; }
      section.trendingSec .detailSec .innerBox .audioDetails .inner .posterDetail span.created_at {
        color: #D0A5FF;
        font-size: 12px; }
  section.trendingSec .detailSec .songItems {
    margin-top: 21px;
    margin-bottom: 20px; }
    section.trendingSec .detailSec .songItems .songImage {
      width: 100%;
      height: 250px;
      background-size: cover;
      margin-bottom: 25px;
      background-repeat: no-repeat;
      background-position: center;
      border: 2px solid #FFF;
      border-radius: 10px;
      position: relative; }
      section.trendingSec .detailSec .songItems .songImage span {
        background-color: #0F0D13;
        color: #FFFFF2;
        padding: 3px 15px;
        font-size: 12px;
        letter-spacing: 0.6px;
        border-radius: 4px;
        position: absolute;
        bottom: 10px;
        right: 10px; }
    section.trendingSec .detailSec .songItems .posterDetail h5 {
      color: #FFFFF2;
      font-size: 18px;
      letter-spacing: 0.7px;
      font-weight: 500;
      margin-bottom: 12px; }
      section.trendingSec .detailSec .songItems .posterDetail h5 a {
        color: #FFFFF2;
        text-decoration: none; }
    section.trendingSec .detailSec .songItems .posterDetail p {
      color: #E5E5E5;
      font-size: 12px;
      letter-spacing: 0.7px;
      margin-bottom: 1px; }
    section.trendingSec .detailSec .songItems .posterDetail span.det {
      margin-right: 18px;
      color: #E5E5E5;
      font-size: 14px; }
      section.trendingSec .detailSec .songItems .posterDetail span.det img {
        width: 14px;
        margin-left: 6px;
        margin-top: -4px; }
      section.trendingSec .detailSec .songItems .posterDetail span.det img.mike {
        width: 11px; }
    section.trendingSec .detailSec .songItems .posterDetail span.created_at {
      color: #D0A5FF;
      font-size: 14px; }
    section.trendingSec .detailSec .songItems .artistPic {
      display: flex;
      align-items: center;
      margin-top: 22px; }
      section.trendingSec .detailSec .songItems .artistPic .profileImage {
        margin-right: 16px; }
        section.trendingSec .detailSec .songItems .artistPic .profileImage img {
          width: 49px;
          height: 49px;
          object-fit: cover;
          border-radius: 50%;
          border: 1px solid #FF6A5C;
          cursor: pointer; }
      section.trendingSec .detailSec .songItems .artistPic .nameofArtist p {
        font-size: 15px;
        letter-spacing: 0.7px;
        margin-bottom: 1px;
        font-weight: 400; }
    section.trendingSec .detailSec .songItems .artistDescription {
      margin-top: 25px; }
      section.trendingSec .detailSec .songItems .artistDescription p {
        font-size: 14px;
        letter-spacing: 0.7px;
        margin-bottom: 1px;
        font-weight: 400;
        line-height: 22px; }

hr.centerAlign {
  border-top: 1px solid #E4FF4B;
  margin: 29px 65px 49px 65px; }

section.songBanner {
  padding: 0 50px;
  margin-top: 37px;
  padding: 0 67px;
  background-color: #7612C5; }
  section.songBanner .bannerDetail .alignItems {
    align-items: center; }
  section.songBanner .bannerDetail a.profilebtn {
    display: block;
    margin-bottom: 0; }
  section.songBanner .bannerDetail .innerImage {
    width: 100%;
    height: 157px;
    border-radius: 6px;
    border: 1px solid #FFFFF2;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  section.songBanner .bannerDetail h5 {
    color: #FFFFF2; }
  section.songBanner .bannerDetail a {
    color: #FF6A5C;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 16px;
    text-decoration: none; }

div.audioplayer {
  display: inline-block;
  background: #f1f3f4;
  border-radius: 6px;
  height: 31px;
  margin-top: 9px; }
  div.audioplayer audio {
    height: 31px; }

section.detailSong {
  padding: 0 50px;
  margin-top: 37px;
  padding: 0 67px; }
  section.detailSong .leftSection .artistPic {
    display: flex;
    align-items: center; }
    section.detailSong .leftSection .artistPic .profileImage {
      margin-right: 16px; }
      section.detailSong .leftSection .artistPic .profileImage img {
        width: 49px;
        object-fit: cover;
        height: 49px;
        border-radius: 50%;
        border: 1px solid #D0A5FF;
        cursor: pointer; }
    section.detailSong .leftSection .artistPic .subscribe button {
      background-color: #7612C5;
      color: #fff;
      font-size: 13px;
      letter-spacing: 0.7px;
      border-radius: 22px;
      margin: 0 6px 0 17px;
      padding: 4px 14px;
      outline: none;
      box-shadow: none;
      width: 110px; }
    section.detailSong .leftSection .artistPic .nameofArtist p {
      font-size: 13px;
      letter-spacing: 0.7px;
      margin-bottom: 1px;
      font-weight: 400;
      color: #FFFFF2; }
      section.detailSong .leftSection .artistPic .nameofArtist p span {
        font-size: 12px;
        color: #D0A5FF;
        position: relative;
        top: 0px; }
  section.detailSong .leftSection .btmdetails {
    color: #FFFFF2; }
    section.detailSong .leftSection .btmdetails span.det {
      margin-right: 12px;
      color: #E5E5E5;
      font-size: 13px;
      margin-left: 12px; }
      section.detailSong .leftSection .btmdetails span.det img {
        width: 14px;
        margin-left: 6px;
        margin-top: -4px; }
      section.detailSong .leftSection .btmdetails span.det img.mike {
        width: 11px; }
    section.detailSong .leftSection .btmdetails span.created_at {
      margin-left: 12px;
      color: #E5E5E5;
      font-size: 13px; }
  section.detailSong .leftSection .shareModal .modal-dialog {
    margin-top: 14%; }
  section.detailSong .leftSection .shareModal .modal-body {
    background-color: #2E253A;
    text-align: center;
    padding: 36px; }
    section.detailSong .leftSection .shareModal .modal-body p {
      background-color: #281f31;
      color: #FFFFF2;
      font-size: 14px;
      padding: 11px; }
    section.detailSong .leftSection .shareModal .modal-body button {
      background-color: #7612C5;
      color: #FFFFF2;
      font-size: 13px;
      margin-right: 9px;
      outline: none;
      box-shadow: none;
      border: none; }
      section.detailSong .leftSection .shareModal .modal-body button:hover {
        background-color: #D0A5FF;
        color: #0F0D13; }
  section.detailSong .leftSection .rightsidecont button.btn-share {
    padding: 4px 14px;
    background-color: #7612C5;
    color: #FFFFF2;
    font-size: 14px;
    letter-spacing: 0.7px;
    border-radius: 22px;
    margin-left: 19px;
    margin-right: 4px; }
    section.detailSong .leftSection .rightsidecont button.btn-share img {
      width: 15px; }
    section.detailSong .leftSection .rightsidecont button.btn-share span {
      font-size: 13px; }
  section.detailSong .leftSection .rightsidecont button.likebtn {
    color: #E5E5E5; }
    section.detailSong .leftSection .rightsidecont button.likebtn span {
      font-size: 14px;
      padding-left: 2px; }
    section.detailSong .leftSection .rightsidecont button.likebtn:hover {
      color: #E4FF4B; }
  section.detailSong .leftSection .rightsidecont button {
    color: #E5E5E5; }
    section.detailSong .leftSection .rightsidecont button span {
      font-size: 14px;
      padding-left: 2px; }
  section.detailSong .leftSection .desc p {
    margin-top: 27px;
    color: #FFFFF2;
    font-size: 15px;
    letter-spacing: 0.7px;
    font-weight: 300;
    background-color: #2E253A;
    padding: 17px;
    border-radius: 7px; }
    section.detailSong .leftSection .desc p span {
      color: #E4FF4B;
      font-weight: 500; }
    section.detailSong .leftSection .desc p a {
      text-decoration: none;
      color: #FF6A5C; }
  section.detailSong .leftSection .btmdetailscollab .collaboration h5 {
    color: #FFFFF2;
    border-top: 1px solid #656464;
    margin-top: 20px;
    padding-top: 20px; }
    section.detailSong .leftSection .btmdetailscollab .collaboration h5 span {
      margin-right: 14px; }
    section.detailSong .leftSection .btmdetailscollab .collaboration h5 img {
      width: 22px;
      margin-left: 8px;
      margin-right: 8px; }
  section.detailSong .leftSection .btmdetailscollab .collabBox {
    background-color: #2E253A;
    padding: 17px;
    border-radius: 7px;
    border-bottom: 3px solid #FF6A5C;
    margin-top: 20px; }
    section.detailSong .leftSection .btmdetailscollab .collabBox .alignItems {
      align-items: center; }
    section.detailSong .leftSection .btmdetailscollab .collabBox .artistdetail {
      display: flex;
      align-items: center; }
      section.detailSong .leftSection .btmdetailscollab .collabBox .artistdetail img {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 50%; }
      section.detailSong .leftSection .btmdetailscollab .collabBox .artistdetail h5 {
        color: #FFFFF2;
        font-size: 16px;
        margin-left: 14px;
        margin-bottom: 0; }
    section.detailSong .leftSection .btmdetailscollab .collabBox .collabdetaol {
      text-align: center; }
      section.detailSong .leftSection .btmdetailscollab .collabBox .collabdetaol .collabbutton button {
        background-color: #7612C5;
        color: #FFFFF2;
        padding: 7px 106px;
        font-size: 16px;
        letter-spacing: 0.7px;
        border-radius: 26px;
        font-weight: 400;
        margin-bottom: 17px;
        outline: none;
        box-shadow: none; }
      section.detailSong .leftSection .btmdetailscollab .collabBox .collabdetaol p {
        margin-bottom: 0;
        color: #E5E5E5;
        font-size: 13px; }
        section.detailSong .leftSection .btmdetailscollab .collabBox .collabdetaol p span {
          margin-right: 19px; }
  section.detailSong .leftSection .btmdetailscollab .allCollabs {
    margin-top: 39px;
    color: #FFFFF2; }
    section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem {
      margin-bottom: 23px;
      border-bottom: 1px solid #d5d4d46e;
      padding-bottom: 16px; }
      section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile {
        display: flex; }
        section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .pro_image {
          margin-right: 16px; }
          section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .pro_image img {
            width: 64px;
            height: 64px;
            object-fit: cover;
            border-radius: 50%;
            border: 1px solid #FF6A5C;
            cursor: pointer; }
          section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .pro_image .editbtns button {
            padding: 0;
            color: #e5e5e5;
            margin-top: 7px;
            outline: none;
            box-shadow: none;
            border: none; }
            section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .pro_image .editbtns button:hover {
              color: #E4FF4B; }
          section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .pro_image .editbtns .hidebtn {
            margin-right: 11px;
            margin-left: 7px; }
          section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .pro_image .editbtns .emailbtn {
            font-size: 18px; }
        section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail {
          width: 100%; }
          section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.nameartist {
            font-size: 16px;
            margin-top: 10px;
            font-weight: 500;
            letter-spacing: 0.7px;
            position: relative; }
            section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.nameartist span {
              font-size: 14px;
              color: #D0A5FF;
              position: relative;
              top: 0px;
              margin-left: 17px; }
            section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.nameartist .iconsettings {
              display: inline-block;
              /* float: right; */
              position: absolute;
              right: 29px;
              top: 0; }
              section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.nameartist .iconsettings button {
                padding: 0;
                color: #e5e5e5;
                outline: none;
                box-shadow: none;
                border: none; }
                section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.nameartist .iconsettings button:hover {
                  color: #E4FF4B; }
              section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.nameartist .iconsettings .active {
                color: #E4FF4B; }
              section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.nameartist .iconsettings .starbtn {
                margin-right: 11px; }
          section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle {
            font-size: 16px;
            font-weight: 400;
            color: #E5E5E5;
            letter-spacing: 0.7px;
            margin-bottom: 0;
            position: relative; }
            section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle span.likeBtns {
              position: absolute;
              right: 0;
              top: -13px; }
              section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle span.likeBtns button.likebtn {
                color: #E5E5E5; }
                section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle span.likeBtns button.likebtn span {
                  font-size: 15px;
                  padding-left: 2px; }
              section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle span.likeBtns button {
                color: #E5E5E5;
                outline: none;
                box-shadow: none;
                border: none; }
                section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle span.likeBtns button span {
                  font-size: 15px;
                  padding-left: 2px; }
                section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle span.likeBtns button:hover {
                  color: #E4FF4B; }
            section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle .iconsettings {
              display: inline-block; }
              section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle .iconsettings .active {
                color: #E4FF4B; }
              section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle .iconsettings .notifyModal .modal-dialog {
                margin-top: 14%; }
              section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle .iconsettings .notifyModal .modal-body {
                background-color: #2E253A;
                text-align: center;
                padding: 36px; }
              section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle .iconsettings .notifyModal div button {
                background-color: #7612C5;
                color: #FFFFF2;
                font-size: 13px;
                margin-right: 9px;
                outline: none;
                box-shadow: none;
                border: none; }
                section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle .iconsettings .notifyModal div button:hover {
                  background-color: #D0A5FF;
                  color: #0F0D13; }
          section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail .audioplayer {
            width: 100%; }
            section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail .audioplayer audio {
              height: 31px;
              width: 100%; }
  section.detailSong .rightSideContent {
    background-color: #2E253A;
    padding: 17px;
    border-radius: 7px;
    position: relative;
    top: -144px; }
    section.detailSong .rightSideContent h5.topheading {
      font-size: 17px;
      color: #FFFFF2;
      font-weight: 400;
      letter-spacing: 0.7px;
      margin-bottom: 19px; }
    section.detailSong .rightSideContent .trendingitems .trendItems .innerBox {
      margin-top: 0px;
      margin-bottom: 7px;
      display: flex; }
      section.detailSong .rightSideContent .trendingitems .trendItems .innerBox .songImage {
        width: 80px;
        height: 80px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border: 2px solid #FFFFF2;
        border-radius: 10px;
        position: relative;
        margin-right: 14px; }
        section.detailSong .rightSideContent .trendingitems .trendItems .innerBox .songImage span {
          background-color: #0F0D13;
          color: #FFFFF2;
          padding: 2px 8px;
          font-size: 11px;
          letter-spacing: 0.6px;
          border-radius: 4px;
          position: absolute;
          bottom: 4px;
          right: 4px; }
      section.detailSong .rightSideContent .trendingitems .trendItems .innerBox .audioDetails .inner {
        display: flex; }
        section.detailSong .rightSideContent .trendingitems .trendItems .innerBox .audioDetails .inner .posterImage {
          margin-right: 16px; }
          section.detailSong .rightSideContent .trendingitems .trendItems .innerBox .audioDetails .inner .posterImage img {
            width: 54px;
            height: 54px;
            border-radius: 50%;
            border: 1px solid #FF6A5C; }
        section.detailSong .rightSideContent .trendingitems .trendItems .innerBox .audioDetails .inner .posterDetail h5 {
          color: #FFFFF2;
          font-size: 14px;
          letter-spacing: 0.7px;
          font-weight: 500;
          margin-bottom: 5px; }
        section.detailSong .rightSideContent .trendingitems .trendItems .innerBox .audioDetails .inner .posterDetail p {
          color: #E5E5E5;
          font-size: 12px;
          letter-spacing: 0.7px;
          margin-bottom: 1px; }
        section.detailSong .rightSideContent .trendingitems .trendItems .innerBox .audioDetails .inner .posterDetail span.det {
          margin-right: 11px;
          color: #E5E5E5;
          font-size: 12px; }
          section.detailSong .rightSideContent .trendingitems .trendItems .innerBox .audioDetails .inner .posterDetail span.det img {
            width: 12px;
            margin-left: 6px;
            margin-top: -4px; }
          section.detailSong .rightSideContent .trendingitems .trendItems .innerBox .audioDetails .inner .posterDetail span.det img.mike {
            width: 10px; }
        section.detailSong .rightSideContent .trendingitems .trendItems .innerBox .audioDetails .inner .posterDetail span.created_at {
          color: #D0A5FF;
          font-size: 12px; }

section.loginPage .col-md-6.leftimagecol {
  padding-left: 0; }
section.loginPage .innerImage {
  width: 100%;
  height: 700px;
  background-size: cover;
  background-position: center; }
section.loginPage .rightSide {
  padding: 37px;
  text-align: center;
  color: #FFFFF2; }
  section.loginPage .rightSide .tophead h5 {
    font-size: 24px;
    font-weight: 300; }
  section.loginPage .rightSide .tophead p {
    font-size: 14px;
    margin-bottom: 0; }
    section.loginPage .rightSide .tophead p a {
      color: #D0A5FF;
      margin-left: 4px;
      text-decoration: none; }
  section.loginPage .rightSide .formblock {
    background-color: #2E253A;
    border-radius: 10px;
    padding: 39px 56px 39px 56px;
    margin-top: 34px; }
    section.loginPage .rightSide .formblock form button.googleBtn {
      background-color: transparent;
      border: 1px solid #FFFFF2;
      color: #FFFFF2;
      padding: 8px 51px;
      font-size: 14px;
      margin: 0px 0 13px 0;
      border-radius: 7px;
      outline: none;
      box-shadow: none; }
      section.loginPage .rightSide .formblock form button.googleBtn img {
        width: 18px;
        margin-right: 12px; }
    section.loginPage .rightSide .formblock form .usernameemail {
      font-size: 13px;
      margin-bottom: 26px;
      color: #D0A5FF; }
    section.loginPage .rightSide .formblock form .form-group label {
      font-size: 15px;
      float: left;
      font-weight: 300; }
    section.loginPage .rightSide .formblock form .form-group input {
      border: 1px solid #5d5d5d;
      background: #2f2539;
      outline: none;
      box-shadow: none;
      font-size: 14px;
      padding: 19px 12px;
      color: #FFFFF2; }
    section.loginPage .rightSide .formblock form .forgot {
      text-align: left; }
    section.loginPage .rightSide .formblock form .forgotPass {
      font-size: 14px;
      color: #D0A5FF;
      text-decoration: none; }
    section.loginPage .rightSide .formblock form button.btnSubmit {
      background-color: #7612C5;
      width: 100%;
      margin-top: 21px;
      color: #FFFFF2;
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: 0.7px;
      outline: none;
      box-shadow: none;
      border: none; }
section.loginPage .forgotpassword .modal-dialog {
  margin-top: 14%; }
section.loginPage .forgotpassword .modal-body {
  background-color: #2E253A; }
  section.loginPage .forgotpassword .modal-body button {
    background-color: #7612C5;
    width: 100%;
    margin-top: 7px;
    color: #FFFFF2;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    outline: none;
    box-shadow: none;
    border: none; }

.addcollab {
  display: none; }
  .addcollab .artistdetail {
    align-items: baseline  !important; }
    .addcollab .artistdetail img {
      width: auto !important;
      height: auto !important;
      border-radius: 0 !important; }
  .addcollab .leftimg {
    margin-right: 15px; }
  .addcollab .collabdetaol {
    text-align: left !important; }
  .addcollab .maindetailcollab {
    width: 100%; }
    .addcollab .maindetailcollab h5 {
      margin-left: 0 !important;
      margin-bottom: 16px !important; }
    .addcollab .maindetailcollab form .form-group {
      text-align: left;
      margin-bottom: 23px; }
      .addcollab .maindetailcollab form .form-group label {
        font-size: 14px;
        font-weight: 400;
        display: block;
        color: #FFFFF2;
        letter-spacing: 0.7px; }
        .addcollab .maindetailcollab form .form-group label span {
          color: #FFFFF2; }
      .addcollab .maindetailcollab form .form-group input {
        border: 1px solid #5d5d5d;
        background: #2f2539;
        outline: none;
        box-shadow: none;
        font-size: 14px;
        padding: 19px 12px;
        color: #FFFFF2; }
    .addcollab .maindetailcollab form button.submitbtn {
      background-color: #7612C5;
      width: 150px;
      margin-top: 7px;
      color: #FFFFF2;
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: 0.7px;
      outline: none;
      box-shadow: none;
      border: none;
      border-radius: 20px; }
    .addcollab .maindetailcollab form button.delete {
      right: 13px;
      color: #FF6A5C;
      font-size: 15px;
      float: right;
      margin-top: 11px; }
      .addcollab .maindetailcollab form button.delete img {
        width: 13px;
        margin-right: 2px;
        position: relative;
        top: -3px; }

section.createSongPage {
  text-align: center; }
  section.createSongPage .innercreate {
    background-color: #2E253A;
    padding: 40px;
    border-radius: 10px;
    width: 70%;
    margin: 40px auto 40px auto; }
    section.createSongPage .innercreate h5 {
      color: #FFFFF2;
      font-size: 17px;
      letter-spacing: 0.7px;
      font-weight: 500;
      text-align: left; }
    section.createSongPage .innercreate p {
      color: #E5E5E5;
      font-size: 14px;
      text-align: left;
      margin-bottom: 31px; }
    section.createSongPage .innercreate form {
      position: relative; }
      section.createSongPage .innercreate form .form-group {
        text-align: left;
        margin-bottom: 23px; }
        section.createSongPage .innercreate form .form-group h5 {
          font-size: 15px;
          font-weight: 400;
          display: block;
          color: #FFFFF2;
          letter-spacing: 0.7px; }
          section.createSongPage .innercreate form .form-group h5 span {
            color: #FFFFF2;
            font-size: 12px;
            margin-left: 7px; }
        section.createSongPage .innercreate form .form-group label {
          font-size: 15px;
          float: left;
          font-weight: 400;
          display: block;
          color: #FFFFF2;
          letter-spacing: 0.7px; }
          section.createSongPage .innercreate form .form-group label span {
            color: #FFFFF2;
            font-size: 12px;
            margin-left: 7px; }
        section.createSongPage .innercreate form .form-group input {
          border: 1px solid #5d5d5d;
          background: #2f2539;
          outline: none;
          box-shadow: none;
          font-size: 14px;
          padding: 19px 12px;
          color: #FFFFF2; }
        section.createSongPage .innercreate form .form-group textarea {
          border: 1px solid #5d5d5d;
          background: #2f2539;
          outline: none;
          box-shadow: none;
          font-size: 14px;
          padding: 19px 12px;
          color: #FFFFF2; }
        section.createSongPage .innercreate form .form-group span.instruction {
          color: #c0bbbb;
          font-size: 12px;
          margin-top: 11px;
          display: block; }
          section.createSongPage .innercreate form .form-group span.instruction span {
            margin-right: 20px; }
      section.createSongPage .innercreate form button.submitbtn {
        background-color: #7612C5;
        width: 150px;
        margin-top: 7px;
        color: #FFFFF2;
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 0.7px;
        outline: none;
        box-shadow: none;
        border: none;
        border-radius: 20px; }
      section.createSongPage .innercreate form button.delete {
        position: absolute;
        right: 13px;
        color: #ff6861;
        font-size: 15px; }
        section.createSongPage .innercreate form button.delete img {
          width: 13px;
          margin-right: 2px;
          position: relative;
          top: -3px; }

div.input-area {
  cursor: text;
  padding: 5px;
  width: 100%;
  border: 1px solid #5d5d5d;
  background: #2f2539;
  padding: 9px;
  border-radius: 3px; }
  div.input-area input {
    border: none;
    outline: none;
    padding: 0 !important;
    border: none !important; }
  div.input-area p.keyword {
    background: #7612C5;
    border-radius: 5px;
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 2px 10px; }
    div.input-area p.keyword a.delete {
      cursor: pointer;
      margin: 0 2px; }

.publicprivate {
  margin-bottom: 0;
  position: relative;
  top: 3px; }

.maincheckbox {
  display: inline-block;
  position: relative; }
  .maincheckbox span.status {
    position: absolute;
    left: 21px;
    bottom: -19px;
    color: #E5E5E5;
    font-size: 14px; }

.toggle-btn {
  width: 61px;
  height: 27px;
  margin: 0px 0 0 16px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==") no-repeat 40px center #e74c3c;
  cursor: pointer;
  -webkit-transition: background-color .40s ease-in-out;
  -moz-transition: background-color .40s ease-in-out;
  -o-transition: background-color .40s ease-in-out;
  transition: background-color .40s ease-in-out;
  cursor: pointer; }
  .toggle-btn.active {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC") no-repeat 10px center #2ecc71; }
    .toggle-btn.active .round-btn {
      left: 35px; }
  .toggle-btn .round-btn {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 62%;
    margin-top: -15px;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out; }
  .toggle-btn .cb-value {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

section.profilePage {
  padding: 0 50px;
  margin-top: 37px;
  padding: 0 67px; }
  section.profilePage .alignitemsrow {
    align-items: center; }
  section.profilePage .topprofileDet .profilepicdet {
    display: flex; }
    section.profilePage .topprofileDet .profilepicdet .propic img {
      width: 76px;
      object-fit: cover;
      height: 76px;
      border-radius: 50%;
      margin-right: 17px; }
    section.profilePage .topprofileDet .profilepicdet .prodet h5 {
      font-size: 17px;
      color: #FFFFF2;
      font-weight: 400;
      margin-bottom: 2px; }
    section.profilePage .topprofileDet .profilepicdet .prodet p {
      margin-bottom: 0;
      font-size: 14px;
      color: #E5E5E5; }
  section.profilePage .topprofileDet button.btn-subscribe {
    background-color: #7612C5;
    color: #FFFFF2;
    font-size: 14px;
    letter-spacing: 0.7px;
    border-radius: 22px;
    margin: 0 6px 0 17px;
    padding: 6px 14px;
    outline: none;
    box-shadow: none;
    width: 136px; }
  section.profilePage .topprofileDet .socialLinks a {
    color: #FFFFF2;
    font-size: 24px;
    margin-right: 11px; }
    section.profilePage .topprofileDet .socialLinks a:hover {
      color: #E4FF4B; }
    section.profilePage .topprofileDet .socialLinks a img {
      width: 19px;
      margin-top: -5px; }
  section.profilePage .topprofileDet .socialLinks a.tiktok svg {
    color: #FFFFF2;
    fill: #FFFFF2;
    width: 19px;
    margin-top: -6px; }
    section.profilePage .topprofileDet .socialLinks a.tiktok svg:hover {
      fill: #E4FF4B; }

section.profile {
  padding: 0 67px !important; }
  section.profile .viewallbtn {
    background-color: #48476D;
    color: #FFFFF2;
    font-size: 14px;
    letter-spacing: 0.7px;
    padding: 8px 24px;
    border-radius: 22px;
    margin-top: 14px; }
  section.profile .innerBox {
    background-color: #2E253A;
    border-radius: 8px;
    overflow: hidden; }
  section.profile .detailSec .innerBox .songImage {
    margin-bottom: 0px !important; }
  section.profile .audioDetails {
    padding: 18px; }
    section.profile .audioDetails h5 {
      margin-bottom: 9px !important; }
  section.profile button.editbtn {
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0;
    color: #FF6A5C;
    margin-top: 11px;
    font-size: 14px; }
    section.profile button.editbtn:hover {
      color: #E4FF4B; }
  section.profile .subsitem {
    text-align: center;
    margin-top: 20px; }
    section.profile .subsitem .profilepict {
      height: 80px;
      width: 80px;
      border-radius: 50%;
      border: 1px solid #FF6A5C;
      margin: 0 auto;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    section.profile .subsitem .detailsubs h5 {
      color: #FFFFF2;
      letter-spacing: 0.7px;
      font-size: 15px;
      font-weight: 400;
      margin-top: 11px;
      margin-bottom: 0; }
    section.profile .subsitem .detailsubs p {
      color: #E5E5E5;
      letter-spacing: 0.7px;
      font-size: 13px;
      font-weight: 300; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  display: none !important; }

.swiper-button-next, .swiper-button-prev {
  width: 50px;
  background-color: #2E253A;
  height: 50px;
  border-radius: 50%; }

.swiper-button-next:after, .swiper-button-prev:after {
  color: #FFFFF2;
  font-size: 20px; }

.carousel-control-prev {
  display: none; }

.carousel-control-next {
  background-color: #2E253A;
  height: 50px;
  width: 50px;
  opacity: 1;
  border-radius: 50%;
  top: 40%;
  right: -66px; }
  .carousel-control-next svg {
    fill: #FFFFF2;
    width: 13px; }

section.notification h4 {
  margin-left: 11px; }
section.notification .detailSec ul {
  list-style-type: none;
  color: #FFFFF2; }
  section.notification .detailSec ul li {
    font-size: 15px;
    padding: 0px 14px;
    border-radius: 7px;
    font-weight: 300; }
    section.notification .detailSec ul li:hover {
      background-color: #7612C5; }
    section.notification .detailSec ul li .alldet {
      display: block;
      padding: 15px 0;
      border-bottom: 1px solid #4a4949fc; }
    section.notification .detailSec ul li b {
      font-weight: 500; }
    section.notification .detailSec ul li span.date {
      color: #D0A5FF;
      margin-right: 19px; }
    section.notification .detailSec ul li span.detail a {
      color: #FFFFF2;
      text-decoration: underline; }

section.settings .detailSec .profilepicset {
  text-align: center; }
  section.settings .detailSec .profilepicset .profilepc {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    margin: 0 auto;
    border: 1px solid #FF6A5C; }
  section.settings .detailSec .profilepicset .form-group {
    color: #FFFFF2;
    margin: 20px 0; }
    section.settings .detailSec .profilepicset .form-group label {
      font-size: 15px;
      float: left;
      font-weight: 300; }
    section.settings .detailSec .profilepicset .form-group input {
      border: 1px solid #5d5d5d;
      background: #2f2539;
      outline: none;
      box-shadow: none;
      font-size: 14px;
      padding: 19px 12px;
      color: #FFFFF2; }
    section.settings .detailSec .profilepicset .form-group div {
      text-align: left;
      margin-top: 10px; }
      section.settings .detailSec .profilepicset .form-group div span {
        font-size: 13px;
        color: #E5E5E5; }
  section.settings .detailSec .profilepicset button.btn-update {
    background-color: #7612C5;
    color: #FFFFF2;
    outline: none;
    box-shadow: none;
    border: none;
    margin-top: 10px;
    border-radius: 20px;
    padding: 8px 33px;
    font-size: 14px; }
section.settings .detailSec .accountinfo h4 {
  color: #FFFFF2;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 38px;
  letter-spacing: 0.7px; }
section.settings .detailSec .accountinfo .settingsblock {
  margin-bottom: 38px; }
  section.settings .detailSec .accountinfo .settingsblock h5 {
    color: #FFFFF2;
    font-size: 15px;
    margin-bottom: 7px;
    letter-spacing: 0.7px; }
  section.settings .detailSec .accountinfo .settingsblock p {
    color: #E5E5E5;
    font-size: 15px;
    margin-bottom: 7px; }
  section.settings .detailSec .accountinfo .settingsblock a {
    font-size: 14px;
    text-decoration: none; }
section.settings .detailSec .accountinfo .notisetings p {
  margin-left: -62px;
  margin-bottom: 17px; }
  section.settings .detailSec .accountinfo .notisetings p span.points input {
    position: relative; }
  section.settings .detailSec .accountinfo .notisetings p span.points input.yesinput:before {
    content: "yes";
    position: absolute;
    top: -15px;
    color: #FFFFF2;
    left: 0;
    font-size: 11px; }
  section.settings .detailSec .accountinfo .notisetings p span.points input.noinput {
    margin-left: 20px;
    margin-right: 10px; }
    section.settings .detailSec .accountinfo .notisetings p span.points input.noinput:before {
      content: "No";
      position: absolute;
      top: -15px;
      color: #FFFFF2;
      left: 0;
      font-size: 11px; }

.mainrightsideMobile {
  display: none; }

.rightsidemainforDesk {
  display: block; }

section.detailSong .for-desktop {
  display: block !important; }

section.detailSong .for-mobile {
  display: none !important; }

.profileSmallscreen {
  display: none; }

.profileLargescreen {
  display: block; }

@media (max-width: 768px) {
  section.navbarMain {
    padding: 13px 5px; }
    .mainblockmbl{
      display: flex;
    }
    .btnmobile button{
      padding: 0.375rem 0.75rem !important;
      font-size: 14px !important;
      color: #e5e5e5 !important;
      margin: 0 !important;
     }
     .mblmainlikebtns button{
      color: #e5e5e5 !important;
     }
     .likeBtns.mainlikebtns{
display: none;
     }
     .starbtn.active{
      color: #e2fe6e;
     }
     .discbtn.active{
      color: #e2fe6e;
     }
     .mblmainlikebtns{
      display: flex;
     }
  .mainrightsideMobile {
    display: inline-block;
    float: right;
    margin-top: 2px;
    margin-bottom: 16px; }

  .rightsidemainforDesk {
    display: none; }

  section.createSongPage .innercreate {
    padding: 17px;
    border-radius: 10px;
    width: 100%;
    margin: 40px auto 40px auto; }

  section.createSongPage {
    text-align: left; }

  section.navbarMain .innerRight .dropdown .dropdown-menu {
    min-width: 8rem; }

  section.trendingSec {
    padding: 0 7px; }

  section.songBanner {
    padding: 0 7px; }

  section.songBanner .bannerDetail .innerImage {
    width: 157px;
    height: 157px;
    margin-bottom: 15px;
    margin-top: 18px;
    background-size: cover;
    background-position: center; }

  div.audioplayer {
    width: 100%;
    margin-bottom: 23px; }

  div.audioplayer audio {
    width: 100%; }

  section.detailSong {
    padding: 0 7px; }

  section.detailSong .leftSection .artistPic {
    display: initial; }

  section.detailSong .rightSideContent {
    top: 13px; }

  section.detailSong .leftSection .artistPic .profileImage {
    display: inline-block; }

  section.detailSong .for-desktop {
    display: none !important; }

  section.detailSong .for-mobile {
    display: block !important; }

  section.detailSong .leftSection .artistPic .topmobileartist {
    display: flex;
    align-items: center; }

  section.detailSong .leftSection .artistPic .topmobileartist.infordetail .profileImage {
    visibility: hidden;
    margin-right: 2px; }

  section.detailSong .leftSection .btmdetails span.det {
    margin-right: 4px;
    font-size: 13px;
    margin-left: 4px; }

  section.detailSong .leftSection .rightsidecont button.btn-share {
    font-size: 11px;
    letter-spacing: 0.7px;
    border-radius: 22px;
    margin-left: 2px;
    margin-right: 0px; }

  section.detailSong .leftSection .rightsidecont button.likebtn {
    padding: 0 2px; }

  section.detailSong .leftSection .btmdetails span.created_at {
    margin-left: 4px;
    font-size: 13px; }

  section.detailSong .leftSection .artistPic .topmobileartist.infordetail {
    margin-top: 15px;
    background-color: #2E253A;
    padding: 6px 11px;
    position: relative; }

  section.detailSong .leftSection button.likebtn span {
    font-size: 12px !important;
    padding-left: 2px !important; }

  section.detailSong .leftSection button.likebtn svg {
    font-size: 13px; }

  section.detailSong .leftSection .rightsidecont {
    position: absolute;
    right: 13px; }

  section.detailSong .leftSection .desc p {
    margin-top: 19px; }

  section.detailSong .leftSection .btn-share {
    font-size: 15px;
    outline: none;
    box-shadow: none;
    border: none; }

  section.detailSong .leftSection .btmdetailscollab .collaboration h5 {
    font-size: 17px; }

  section.detailSong .leftSection .btmdetailscollab .collaboration h5 img {
    width: 15px; }

  section.detailSong .leftSection .btmdetailscollab .collabBox .artistdetail h5 {
    font-size: 15px; }

  section.detailSong .leftSection .btmdetailscollab .collabBox .collabdetaol .collabbutton button {
    padding: 4px 65px; }

  section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .pro_image img {
    width: 52px;
    height: 52px;
    object-fit: cover;
   }

  section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.nameartist {
    font-size: 14px; }

  section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.collabtitle {
    font-size: 12px; }

  section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail h5.nameartist span {
    font-size: 12px;
    position: relative;
    top: -1px; }

  section.loginPage .col-md-6.leftimagecol {
    padding-left: 15px; }

  section.loginPage .innerImage {
    display: none; }

  section.loginPage .rightSide {
    padding: 37px 6px; }

  section.loginPage .rightSide .formblock {
    padding: 39px 16px 39px 16px; }

  section.profilePage {
    padding: 0 6px; }

  section.profilePage .topprofileDet .profilepicdet .prodet h5 {
    font-size: 16px; }

  section.profilePage .topprofileDet .profilepicdet .prodet p {
    font-size: 12px; }

  section.profilePage .topprofileDet button.btn-subscribe {
    font-size: 13px;
    margin: 6px 6px 22px 92px;
    padding: 5px 11px;
    width: 122px; }

  section.profilePage .topprofileDet .socialLinks {
    margin-left: 95px; }

  section.profile {
    padding: 0 11px !important; }

    .profileSmallscreen {
      display: none; }
  
    .profileLargescreen {
      display: block; }

  section.settings .detailSec .profilepicset .profilepc {
    height: 83px;
    width: 83px; }

  section.settings .detailSec .profilepicset .form-group label {
    font-size: 13px; }

  section.settings .detailSec .profilepicset .form-group input {
    font-size: 13px; }

  section.settings .detailSec .profilepicset .form-group div span {
    font-size: 9px; }

  section.settings .detailSec .profilepicset button.btn-update {
    margin-top: 0;
    padding: 6px 28px;
    font-size: 13px; }

  section.settings .detailSec .accountinfo h4 {
    font-size: 17px;
    margin-bottom: 18px; }

  section.settings .detailSec .accountinfo .settingsblock p {
    font-size: 13px;
    margin-bottom: 1px; }

  section.settings .detailSec .accountinfo .settingsblock a {
    font-size: 13px; }

  section.settings .detailSec .accountinfo .notisetings p {
    margin-left: 0;
    margin-bottom: 0px !important;
    margin-top: 19px; }

  section.trendingSec .detailSec .songItems .posterDetail h5 {
    font-size: 15px; }

  section.songBanner .bannerDetail a {
    font-size: 13px; }

  section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .pro_image .editbtns .hidebtn {
    margin-right: 5px;
    margin-left: 10px; }

  section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .pro_image .editbtns button {
    padding: 0;
    font-size: 15px;
    margin-top: 12px; }

  section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .pro_image .editbtns .emailbtn {
    font-size: 17px; }

  .artistprofile {
    display: flex; }
    .artistprofile .pro_image {
      margin-right: 16px; }
      .artistprofile .pro_image img {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        border: 1px solid #FF6A5C;
        cursor: pointer; }
      .artistprofile .pro_image .editbtns button {
        padding: 0;
        color: #e5e5e5;
        margin-top: 7px;
        outline: none;
        box-shadow: none;
        border: none; }
        .artistprofile .pro_image .editbtns button:hover {
          color: #E4FF4B; }
      .artistprofile .pro_image .editbtns .hidebtn {
        margin-right: 11px;
        margin-left: 7px; }
      .artistprofile .pro_image .editbtns .emailbtn {
        font-size: 18px; }
    .artistprofile .profileDetail {
      width: 100%; }
      .artistprofile .profileDetail h5.nameartist {
        font-size: 16px;
        margin-top: 10px;
        font-weight: 500;
        letter-spacing: 0.7px;
        position: relative; }
        .artistprofile .profileDetail h5.nameartist span {
          font-size: 14px;
          color: #D0A5FF;
          position: relative;
          top: 0px;
          margin-left: 17px; }
        .artistprofile .profileDetail h5.nameartist .iconsettings {
          display: inline-block;
          /* float: right; */
          position: absolute;
          right: 29px;
          top: 0; }
          .artistprofile .profileDetail h5.nameartist .iconsettings button {
            padding: 0;
            color: #e5e5e5;
            outline: none;
            box-shadow: none;
            border: none; }
            .artistprofile .profileDetail h5.nameartist .iconsettings button:hover {
              color: #E4FF4B; }
          .artistprofile .profileDetail h5.nameartist .iconsettings .active {
            color: #E4FF4B; }
          .artistprofile .profileDetail h5.nameartist .iconsettings .starbtn {
            margin-right: 11px; }
      .artistprofile .profileDetail h5 {
        font-size: 16px;
        font-weight: 400;
        color: #E5E5E5;
        letter-spacing: 0.7px;
        margin-bottom: 0;
        position: relative; }
        .artistprofile .profileDetail h5 span.likeBtns {
          position: absolute;
          right: 0;
          top: -7px; }
          .artistprofile .profileDetail h5 span.likeBtns button.likebtn {
            color: #E5E5E5; }
            .artistprofile .profileDetail h5 span.likeBtns button.likebtn span {
              font-size: 15px;
              padding-left: 2px; }
          .artistprofile .profileDetail h5 span.likeBtns button {
            color: #E5E5E5;
            outline: none;
            box-shadow: none;
            border: none; }
            .artistprofile .profileDetail h5 span.likeBtns button span {
              font-size: 15px;
              padding-left: 2px; }
            .artistprofile .profileDetail h5 span.likeBtns button:hover {
              color: #E4FF4B; }
        .artistprofile .profileDetail h5 .iconsettings {
          display: inline-block; }
          .artistprofile .profileDetail h5 .iconsettings .active {
            color: #E4FF4B; }
          .artistprofile .profileDetail h5 .iconsettings .notifyModal .modal-dialog {
            margin-top: 14%; }
          .artistprofile .profileDetail h5 .iconsettings .notifyModal .modal-body {
            background-color: #2E253A;
            text-align: center;
            padding: 36px; }
          .artistprofile .profileDetail h5 .iconsettings .notifyModal div button {
            background-color: #7612C5;
            color: #FFFFF2;
            font-size: 13px;
            margin-right: 9px;
            outline: none;
            box-shadow: none;
            border: none; }
            .artistprofile .profileDetail h5 .iconsettings .notifyModal div button:hover {
              background-color: #D0A5FF;
              color: #0F0D13; }
      .artistprofile .profileDetail .audioplayer {
        width: 100%; }
        .artistprofile .profileDetail .audioplayer audio {
          height: 31px;
          width: 100%; }

  .editbtns.btnmobile button {
    padding: 0;
    color: #e5e5e5;
    margin-top: 0px;
    outline: none;
    box-shadow: none;
    border: none; }
    .editbtns.btnmobile button:hover {
      color: #E4FF4B; }
  .editbtns.btnmobile .hidebtn {
    margin-right: 11px;
    margin-left: 7px;
    font-size: 13px; }
  .editbtns.btnmobile .emailbtn {
    font-size: 15px; }

  .artistprofile .profileDetail h5 span.likeBtns button {
    font-size: 14px; }

  .artistprofile .profileDetail h5 span.likeBtns button {
    font-size: 14px;
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 2px; }

  .addcollab .maindetailcollab form .form-group label {
    font-size: 13px; }

  .addcollab .maindetailcollab form button.submitbtn {
    width: 101px;
    font-size: 13px; }

  .addcollab .maindetailcollab form button.delete {
    right: 8px;
    font-size: 13px;
    margin-top: 7px; }

  .addcollab .maindetailcollab form button.delete img {
    width: 13px !important; } }
.btnfordesk {
  display: block; }

.btnmobile {
  display: none; }

@media (min-width: 767px) and (max-width: 770px) {
  section.songBanner .bannerDetail .innerImage {
    width: 100% !important;
    height: 86px !important; }

  .mainrightsideMobile {
    display: none !important;
    float: right;
    margin-top: 2px;
    margin-bottom: 16px; }

  .rightsidemainforDesk {
    display: block !important; }

  section.trendingSec .detailSec .innerBox .songImage {
    width: 100%;
    height: 148px !important; }

  section.trendingSec .detailSec .innerBox .audioDetails .inner .posterImage img {
    width: 26px !important;
    height: 26px !important;
    object-fit: cover;
   }

  .accountinfo {
    margin-top: 20px; }

  section.loginPage .innerImage {
    display: block;
    height: 100% !important; }

  section.loginPage .rightSide {
    padding: 37px 6px 0 6px !important; } }
@media (max-width: 580px) {
  .btnfordesk {
    display: none; }

  .btnmobile {
    display: block; }

  section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile .profileDetail div.audioplayer {
    width: 100%;
    margin-bottom: 11px; }

  section.detailSong.opSong .leftSection .btmdetailscollab .allCollabs .colabitem {
    padding-bottom: 17px; }

  section.navbarMain .collectivLogo img {
    width: 107px;
    position: relative;
    top: 4px; } }
@media (max-width: 450px) {
  section.songBanner .bannerDetail .innerImage {
    width: 100%;
    height: 98px;
    margin-bottom: 15px;
    margin-top: 18px;
    background-size: cover;
    background-position: center; }

  section.songBanner .bannerDetail .col-md-2 {
    width: 34%; }

  section.songBanner .bannerDetail .col-md-10 {
    width: 66%; }

  section.songBanner .bannerDetail h5 {
    font-size: 17px; }

  section.songBanner .bannerDetail div.audioplayer {
    width: 100%;
    margin-bottom: 0; }

  section.detailSong .leftSection .artistPic .nameofArtist p span {
    font-size: 11px; }

  section.detailSong .leftSection .desc p {
    font-size: 14px; }

  section.loginPage .rightSide .formblock form button.googleBtn {
    padding: 8px 20px;
    width: 100%; }

  section.loginPage .rightSide .formblock form .form-group label {
    font-size: 13px; }

  section.navbarMain .searchBar input {
    font-size: 13px;
    padding: 16px 20px; }

  section.navbarMain .searchBar button {
    position: absolute;
    right: 1px;
    top: -3px; }

  section.navbarMain .innerRight a.createbtn {
    font-size: 12px;
    padding: 3px 6px 3px 11px;
    margin-right: 16px; }

  section.navbarMain .innerRight a.createbtn img {
    width: 20px;
    margin-top: -2px; }

  section.loginPage .rightSide .tophead h5 {
    font-size: 19px; }

  section.profilePage .topprofileDet .socialLinks a {
    font-size: 18px; } }
@media (max-width: 350px) {
  section.trendingSec .detailSec .innerBox .songImage {
    width: 100%;
    height: 244px; }

  section.notification .detailSec ul li {
    font-size: 13px; }

  section.notification .detailSec ul li .alldet {
    padding: 10px 0; }

  section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem .artistprofile {
    display: block; } }
@media (min-width: 769px) and (max-width: 890px) {
  section.navbarMain .collectivLogo img {
    width: 118px; }

  section.navbarMain .innerRight a.createbtn {
    margin-right: 11px; }

  section.songBanner {
    padding: 0 7px; }

  section.detailSong {
    padding: 0 7px; }

  section.detailSong .leftSection .artistPic {
    display: initial; }

  section.detailSong .rightSideContent {
    top: 13px; }

  section.detailSong .leftSection .artistPic .profileImage {
    display: inline-block; }

  section.detailSong .for-desktop {
    display: none !important; }

  section.detailSong .for-mobile {
    display: block !important; }

  section.detailSong .leftSection .artistPic .topmobileartist {
    display: flex;
    align-items: center; }

  section.detailSong .leftSection .artistPic .topmobileartist.infordetail .profileImage {
    visibility: hidden;
    margin-right: 2px; }

  section.detailSong .leftSection .btmdetails span.det {
    margin-right: 4px;
    font-size: 13px;
    margin-left: 4px; }

  section.detailSong .leftSection .rightsidecont button.btn-share {
    font-size: 11px;
    letter-spacing: 0.7px;
    border-radius: 22px;
    margin-left: 2px;
    margin-right: 0px; }

  section.detailSong .leftSection .rightsidecont button.likebtn {
    padding: 0 2px; }

  section.detailSong .leftSection .btmdetails span.created_at {
    margin-left: 4px;
    font-size: 13px; }

  section.detailSong .leftSection .artistPic .topmobileartist.infordetail {
    margin-top: 15px;
    background-color: #2E253A;
    padding: 6px 11px;
    position: relative; }

  section.detailSong .leftSection button.likebtn span {
    font-size: 12px !important;
    padding-left: 2px !important; }

  section.detailSong .leftSection button.likebtn svg {
    font-size: 13px; }

  section.detailSong .leftSection .rightsidecont {
    position: absolute;
    right: 13px; }

  section.detailSong .leftSection .desc p {
    margin-top: 19px; }

  section.detailSong .leftSection .btn-share {
    font-size: 15px;
    outline: none;
    box-shadow: none;
    border: none; }

  section.navbarMain {
    padding: 19px 7px; }

  section.trendingSec {
    padding: 0 11px; }

  section.loginPage .rightSide {
    padding: 37px 0px !important; }

  section.loginPage .rightSide .formblock form button.googleBtn {
    padding: 8px 25px; } }
@media (min-width: 767px) {
  section.profilePage .topprofileDet .socialLinks {
    float: right; } }







span#error-message{
  color: red;
    font-size: 13px;
    margin-top: 10px;
    display: block;
}


section.createSongPage .innercreate form .form-group textarea.error{
  border: 1px solid red;
}

img.inactive{
  display: none;
  width:15px;

}

img.active{
  display: inline-block;
  width:15px;
}


button.editCollabBtn{
  display: block;
  text-align: center;
  margin-top: 7px;
  color: #206ed5;
  font-size: 15px;
  font-weight: 400;
  padding: 0;
  width:100%;
}

.maindetailcollab .closeBoxcollab{
  float: right;
  margin-right: 3px;
  background: none;
  border: none;
  box-shadow: none;
  outline: none;
  color: #206ed5;
}


.successModalStyle .modal-dialog {
  margin-top: 14%;
}
.successModalStyle .modal-body {
  background-color: #F6F6F6;
  text-align: center;
  padding: 36px;
}
.successModalStyle .modal-body p {
  /* border: 1px solid #797979; */
  /* background-color: #fff; */
  color: #39a71c;
  font-size: 16px;
  margin-bottom: 0;
  /* padding: 11px; */
}

.collaboration button svg{
  font-size: 22px;
  color:#9c9c9c;
}
.collaboration button.active svg{
  color:#ec773a;
}


.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide { 
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
 
section.profile .innerBox{
  width:100%;
}


section.profile .subsitem .detailsubs h5 a{
  color: #000;
  text-decoration: none;
}

.swiper-pagination{
  display:none;
}
.searchtitle button{
  background: none;
    border: none;
}
.headingsec h4 .search-buttons button{
  color:#fff;
}
.headingsec h4 .search-buttons button.active {
  color: #E87927;
}
section.detailSong .leftSection .btmdetailscollab .collabBox .artistdetail img {
  width: 68px !important;
    height: 68px !important;
    border-radius: 50% !important;
}
section.detailSong .leftSection .btmdetailscollab .addcollab .maindetailcollab form button.delete img{
  width: 13px !important;
  height: auto !important;
}

section.navbarMain .innerRight .dropdown a.dropdown-toggle img {
  object-fit: cover;
  width: 27px;
  height: 27px;
  border-radius: 50%;
}


section.detailSong .leftSection .btmdetailscollab .allCollabs .colabitem.disabledCollab{
  background-color: #343333;
    padding: 13px;
    border-radius: 7px;
}
.iconsettings span.btn{
  color: #797979;
}
#notifyModal .modal-body {
  text-align: center;
}
#notifyModal .modal-body button{
  color: #fff;
  background-color: #206ed5;
  font-size: 14px;
}

.dropdown-toggle svg{
  color: #ec773a;
  position: absolute;
  right: -3px;
  top: -7px;
  font-size: 17px;
}
.swiper-slide { 
  background: none;
}

section.detailSong .leftSection .btmdetailscollab .collabBox .collabdetaol .collabbutton a.btn.notloginned {
  background-color: #7612C5;
  color: #FFFFF2;
  padding: 7px 106px;
  font-size: 16px;
  letter-spacing: 0.7px;
  border-radius: 26px;
  font-weight: 400;
  margin-bottom: 17px;
  outline: none;
  box-shadow: none;
}


section.profile a.editbtn {
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0;
  color: #FF6A5C;
  margin-top: 11px;
  font-size: 14px;
}



/*# sourceMappingURL=style.css.map */