Файловый менеджер - Редактировать - /home/clickysoft/public_html/curator-club.clickysoft.net/css/main.css
Назад
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap'); /*font-family: 'Roboto', sans-serif;*/ @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-BoldItalic.ttf') format('truetype');font-weight: bold;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-LightItalic.ttf') format('truetype');font-weight: 300;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-BlackItalic.ttf') format('truetype');font-weight: 900;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-Black.ttf') format('truetype');font-weight: 900;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-Light.ttf') format('truetype');font-weight: 300;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-ThinItalic.ttf') format('truetype');font-weight: 100;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-XThin.ttf') format('truetype');font-weight: 100;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-MediumItalic.ttf') format('truetype');font-weight: 500;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-XXThin.ttf') format('truetype');font-weight: 100;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-Mediu.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-XXThinItalic.ttf') format('truetype');font-weight: 100;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-Roman.ttf') format('truetype');font-weight: 500;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-XThinItalic.ttf') format('truetype');font-weight: 100;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-RomanItalic.ttf') format('truetype');font-weight: 500;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-Thin.ttf') format('truetype');font-weight: 100;font-style: normal;font-display: swap;} html {overflow-x: hidden;scroll-behavior: smooth;height: 100%;transition: 0.6s all ease-in-out;} body {font-family: 'Roboto', sans-serif;min-height: 100%;display: flex;flex-direction: column;} h1 {font-size: 55px;font-weight: 700;line-height: 65px;font-family: 'Neue Haas Grotesk Display Pro';} h2 {font-size: 50px;font-weight: 700;line-height: 51px;font-family: 'Neue Haas Grotesk Display Pro';} h3 {font-size: 35px;font-weight: 700;font-family: 'Neue Haas Grotesk Display Pro';} h4{font-size: 26px;font-weight: 700;line-height: 46px;font-family: 'Neue Haas Grotesk Display Pro';} h5{font-size: 22px;font-weight: 700;font-family: 'Neue Haas Grotesk Display Pro';} h6 {font-size: 24px;font-weight: 700;margin-bottom: 0;font-family: 'Neue Haas Grotesk Display Pro';} p {font-size: 17px;font-weight: 400;margin-bottom: 0;line-height: 29px;} ul {padding-left: 0;list-style: none;margin-bottom: 0;} li {font-size: 20px;font-weight: 400;} label {font-size: 17px;font-weight: 400;color: #fff;} input {outline: none;font-weight: 400;font-size: 15px;color: #000;} select {outline: none;font-weight: 400;font-size: 15px;color: #000;} span {transition: 0.6s all ease-in-out;} img {transition: 0.6s all ease-in-out;} a {outline: none;text-decoration: none;font-size: 17px;font-weight: 400;color: #1a1a1ab0;transition: 0.3s all ease-in-out;} a:hover, a:focus{text-decoration: none;} .btn-primary:hover, .btn-primary:focus {background-color: #EF5375;border-color: transparent;box-shadow: none;} .btn:not(:disabled):not(.disabled) {background-color: transparent;border-color: transparent;box-shadow: none;} .form-control:focus {color: #495057;background-color: #fff;border-color: #000;outline: 0;box-shadow: none;} .compensate-for-scrollbar {position: inherit !important;margin: 0 !important;padding: 0 !important;} .btn-primary:not(:disabled):not(.disabled):active {background-color: transparent;border-color: transparent;outline: none;box-shadow: none;} .screen-bg.modal-open {margin: 0 !important;padding: 0 !important;} .btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow: none;} .modal-open {padding-right: 0 !important;} /*HOME PAGE CSS BEGIN*/ /*HEADER SECTION CSS BEGIN*/ .new-menu-bar .mobile-dropdown-hide .dropdown-wrapper:after {display: none;} .curator-mobile-show {display: none !important;} .curator-mobile-hide {display: block;} .header {margin: 0 0;padding: 14px 120px;height: auto;position: absolute;width: 100%;z-index: 4;} .header .navbar {display: flex;align-items: center;justify-content: flex-start;width: 80%;height: auto;margin: 0 0;max-width: 80%;padding: 0 0;gap: 80px;} .header .menu {position: fixed;top: 0;left: -100%;z-index: 10;width: 100%;height: 100vh;color: var(--color-black-400);background-color: var(--color-white-100);box-shadow: var(--shadow-medium);transition: all 0.4s ease-in-out;} .header .menu.is-active {left: 0;} .header .menu-inner {display: flex;flex-direction: column;align-items: center;justify-content: center;row-gap: 1.25rem;margin-top: 7rem;} .header .menu-link {line-height: 1.5;color: #262626;transition: all 0.3s ease;} .header .menu-link.active {color: #FBBC04;font-weight: 700;} .header .menu-link:hover {color: #FBBC04;} @media only screen and (min-width: 48rem) { .header .menu {position: relative;top: 0;left: 0;width: auto;height: auto;padding: 0rem;background: none;box-shadow: none;transition: none;} .header .menu-inner {display: flex;flex-direction: row;-moz-column-gap: 2rem;column-gap: 2rem;margin: 0 auto;} .header .menu-link {text-transform: initial;display: flex;align-items: center;}} .header .burger {position: relative;display: block;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;order: -1;z-index: 12;width: 1.75rem;height: 1rem;margin-right: 1rem;border: none;outline: none;background: none;visibility: visible;transform: rotate(0deg);transition: 0.35s ease;} @media only screen and (min-width: 48rem) { .header .burger {display: none;visibility: hidden;}} .header .burger-line {position: absolute;display: block;right: 0;width: 100%;height: 2px;border: none;outline: none;opacity: 1;transform: rotate(0deg);background-color: #000;transition: 0.25s ease-in-out;} .header .darkmode .burger-line {background-color: var(--color-white-100);} .header .burger-line:nth-child(1) {top: 0px;} .header .burger-line:nth-child(2) {top: 0.5rem;} .header .burger-line:nth-child(3) {top: 1rem;} .header .burger.is-active .burger-line:nth-child(1) {top: 0.5rem;transform: rotate(135deg);} .header .burger.is-active .burger-line:nth-child(2) {right: -1.5rem;opacity: 0;visibility: hidden;} .header .burger.is-active .burger-line:nth-child(3) {top: 0.5rem;transform: rotate(-135deg);} .header .menu-item {padding: 0 10px 0 0;} .search-login-flex {display: flex;align-items: center;gap: 17px;} .searchbar-box {position: relative;} .searchbar-box .form-control {border-top: 0;border-left: 0;border-right: 0;font-size: 16px;font-weight: 400;color: #020202;font-family: 'Manrope', sans-serif;padding-right: 35px;border-bottom: 1px solid #707070;padding-left: 5px;} .searchbar-icon {position: absolute;top: 8px;right: 10px;} .searchbar-icon i {color: #8A8C93;transition: 0.6s all ease-in-out;} .searchbar-icon i:hover {color: #0C286D;} .contactus-btn .contact-btn {display: flex;align-items: center;gap: 20px;font-size: 14px;font-weight: 600;color: #000000;text-transform: uppercase;} .contactus-btn:hover .ct-btn {transform: translateX(10px);color: #0C286D;} .contactus-btn:hover .arrow-icon span img {transform: translateX(15px);background-color: transparent;filter: brightness(0) invert(1);} .contactus-btn:hover .arrow-icon span {background-color: #0C286D;} .arrow-icon span {display: flex;border: 1px solid #000;width: 50px;height: 50px;border-radius: 50%;align-items: center;} .arrow-icon img {margin-left: -7px;background-color: #fff;} .divider {padding: 0 0 0;color: #707070;} .mobile-dropdown {display: none;} .mobile-dropdown-hide .dropdown-wrapper {position: relative;width: auto;margin: 0;padding: 0px 0px;border-radius: 0;box-shadow: none;cursor: pointer;outline: none;transition: all 0.3s ease-out;display: flex;align-items: center;} .mobile-dropdown-hide .dropdown-wrapper:after {content: "\f107";width: 0;height: 0;position: absolute;top: 10px;right: -2px;margin-top: -3px;font: normal normal normal 14px/1 FontAwesome;} .mobile-dropdown-hide .dropdown-wrapper.is-active:after {border-color: #000 transparent;transform: rotate(180deg);top: 24px;right: -11px;} .mobile-dropdown-hide .dropdown-wrapper.is-active .dropdown-list {border: 0;max-height: 400px;background-color: #fff;box-shadow: 0 0 4px 0 #0000002e;} .mobile-dropdown-hide .dropdown-list {position: absolute;top: 59px;left: 0;right: 0;background: #fff;list-style: none;/* transition: all 0.6s ease-out; */max-height: 0;overflow: hidden;width: 200px;} .mobile-dropdown-hide .dropdown-list .menu-link {display: none;} .dropdown-list li {padding: 0 0px;transition: 0.6s all ease-in-out;} .dropdown-list li:hover {background-color: #FBBC04;} .dropdown-list li:hover a {color: #000;} .mobile-dropdown-hide .dropdown-list li:last-of-type a {border: none;} .mobile-dropdown-hide .dropdown-list a {display: block;text-decoration: none;color: #262626;padding: 10px 10px;transition: all 0.3s ease-out;border-bottom: 1px solid #26262638;font-size: 16px;text-transform: capitalize;} .header-inner {display: flex;align-items: center;justify-content: space-between;} .btns-flex {display: flex;align-items: center;gap: 20px;} .cur-login-btn .btn-primary {font-size: 16px;font-weight: 700;color: #262626 !important;text-transform: uppercase;border: 2px solid #FBBC04;border-color: #FBBC04 !important;border-radius: 50px;padding: 12px 35px;} .cur-login-btn .btn-primary:hover {background-color: #000;color: #fff !important;border: 2px solid #000 !important;border-color: #000 !important;} .cur-signup-btn .btn-primary {font-size: 16px;font-weight: 700;color: #262626 !important;text-transform: uppercase;background-color: #FBBC04 !important;border-radius: 50px;padding: 12px 35px;} .cur-signup-btn .btn-primary:hover {background-color: #000 !important;color: #fff !important;} /*HEADER SECTION CSS END*/ /*BANNER SECTION CSS BEGIN*/ .banner-sec-img {height: 100vh;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #E9F0F5;padding: 120px;position: relative;} .banner-content-text h1 {color: #262626;} .banner-content-text p {font-size: 25px;color:#808080;line-height: 33px;padding: 20px 0 30px;width: 80%;} .cur-banner-btns {display: flex;align-items: center;gap: 10px;} .cur-submit-btn .btn-primary {font-size: 17px;font-weight: 400;color: #262626 !important;text-transform: uppercase;background-color: #FBBC04 !important;padding: 12px 35px;border-radius: 7px;} .cur-submit-btn .btn-primary:hover {background-color: #000 !important;color: #fff !important;} .cur-learn-btn .btn-primary {font-size: 17px;font-weight: 400;color: #808080 !important;text-transform: uppercase;border: 2px solid #FBBC04;border-color: #FBBC04 !important;padding: 12px 35px;border-radius: 7px;} .cur-learn-btn .btn-primary:hover {background-color: #000 !important;color: #fff !important;border-color: #000 !important;} .banner-content-text {position: relative;z-index: 4;} .banner-left-design {position: absolute;top: 0;left: -260px;height: 100vh;display: flex;align-items: center;justify-content: flex-start;z-index: 0;} .banner-right-design {position: absolute;top: 0;right: -160px;height: 100vh;display: flex;align-items: center;justify-content: flex-start;z-index: 0;} .banner-submit-text {position: absolute;bottom: 40px;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;} .banner-submit-text h5 {font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;text-align: center;line-height: 30px;} .banner-submit-text span {display: block;} .image-shapes {text-align: end;width: 720px;margin: 0 0 0 auto;position: relative;} .banner-sec-img .row {align-items: center;} .imagesContainer {width: 80px;height: 80px;position: relative;} .imagesContainer img {width: 500px;position: absolute;top: 0;left: 0;} .imageDiv {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;} .image1 {background-image: url("../images/cur1.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image2 {background-image: url("../images/cur2.png");background-repeat:no-repeat;background-size:cover;background-position:center;} @keyframes fadeIn {0% { opacity: 0; }20% { opacity: 0; }60% { opacity: 1; }100% { opacity: 1; }} .fadeInClass {animation-name: fadeIn;animation-duration: 3s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: linear;} .image-div-slider {position: absolute;top: -50px;left: -20px;} .image-div-slider2 {position: absolute;top: 0px;left: 150px;} .image3 {background-image: url("../images/cur3.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image4 {background-image: url("../images/cur4.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider3 {position: absolute;top: -20px;right: 240px;} .image5 {background-image: url("../images/cur7.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image6 {background-image: url("../images/cur8.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider3 .imagesContainer {width: 120px;height: 120px;} .image-div-slider4 {position: absolute;top: -30px;right: 46px;} .image7 {background-image: url("../images/cur4.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image8 {background-image: url("../images/cur5.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider5 {position: absolute;top: 130px;left: 30px;} .image9 {background-image: url("../images/cur5.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image10 {background-image: url("../images/cur6.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider5 .imagesContainer {width: 130px;height: 130px;} .image-div-slider6 {position: absolute;top: 159px;left: 250px;} .image11 {background-image: url("../images/cur6.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image12 {background-image: url("../images/cur7.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider6 .imagesContainer {width: 120px;height: 120px;} .image-div-slider7 {position: absolute;top: 109px;right: 160px;} .image13 {background-image: url("../images/cur8.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image14 {background-image: url("../images/cur9.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider8 {position: absolute;top: 109px;right: -46px;} .image15 {background-image: url("../images/cur9.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image16 {background-image: url("../images/cur10.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider8 .imagesContainer {width: 120px;height: 120px;} .image-div-slider9 {position: absolute;bottom: 60px;left: 190px;} .image17 {background-image: url("../images/cur2.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image18 {background-image: url("../images/cur3.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider10 {position: absolute;bottom: 90px;right: 120px;} .image19 {background-image: url("../images/cur10.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image20 {background-image: url("../images/cur8.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider11 {background-color: #FBBC04;width: 160px;height: 156px;border-radius: 15px;display: flex;align-items: center;justify-content: center;position: absolute;bottom: -70px;right: 250px;} /*BANNER SECTION CSS END*/ /*PROMOTE MUSIC SECTION CSS BEGIN*/ .promote-music-sec {padding: 30px 120px;} .promote-music-sec .row {align-items: center;} .promote-music-content h2 {color: #4F200D;} .promote-music-content span {display: block;} .promote-music-content p {font-size: 22px;color: #808080;width: 80%;line-height: 35px;padding: 20px 0 0;} /*PROMOTE MUSIC SECTION CSS END*/ /*FEEDBACK SECTION CSS BEGIN*/ .feedback-sec-bg {padding: 0 120px 20px;} .feedback-sec-bg .row {align-items: baseline;} .feedback-div h4 {color: #4F200D;margin-top: 10px;} .feedback-div p {color: #707070;width: 90%;} /*FEEDBACK SECTION CSS END*/ /*TOP CURATOR SECTION CSS BEGIN*/ .top-curator-sec {position: relative;padding: 182px 120px 110px;clip-path: polygon(0 12%, 100% 0%, 100% 86%, 0% 100%);background-color: #E9F0F5;} .top-curator-content h2 {color: #4F200D;margin-bottom: 40px;} .top-curator-img {margin-bottom: 40px;} .top-curator-img img {width: 100%;} .top-curator-img span {font-size: 17px;color: #535353;font-weight: 500;display: block;margin-top: 10px;} .top-curator-img li {font-size: 14px;font-weight: 500;color: #808080;} .top-curator-img .slash-icon {display: inline;vertical-align: unset;} .top-curator-btn {text-align: center;margin-top: 7px;} .top-curator-btn .btn-primary {font-size: 17px;font-weight: 400;color: #262626 !important;text-transform: uppercase;background-color: #FBBC04 !important;border-radius: 50px;padding: 12px 35px;} .top-curator-btn .btn-primary:hover {background-color: #000 !important;color: #fff !important;} .top-curator-design {position: absolute;top: 0;right: -390px;display: flex;align-items: center;height: 100%;z-index: -1;} .top-curator-hover {overflow: hidden;border-radius: 15px;} .top-curator-hover:hover img {transform: scale(1.1);} /*TOP CURATOR SECTION CSS END*/ /*RECENTLY SHARED SECTION CSS BEGIN*/ .recently-shared-sec {padding: 40px 120px 70px;} .shared-flex {display: flex;align-items: center;gap: 30px;margin-bottom: 17px;border-bottom: 1px solid #80808063;padding-bottom: 17px;} .count-value span {font-size: 40px;font-weight: 700;color: #535353;font-family: 'Neue Haas Grotesk Display Pro';display: inline-block;width: 60px;} .counter-main-flex {display: flex;align-items: center;gap: 20px;} .recent-shared-text h6 {font-size: 16px;font-weight: 500;color: #535353;} .recent-shared-text p {font-size: 14px;font-weight: 500;color: #808080;} .recently-shared-sec .top-curator-btn {margin-top: 30px;} .recently-shared-sec .top-curator-content h2 {margin-bottom: 70px;} /*RECENTLY SHARED SECTION CSS END*/ /*USERS SECTION CSS BEGIN*/ .slider-box-shadow img {width: 128px;height: 128px;border-radius: 50%;} .user-slider-div {margin: 0 70px 0;} .user-sec-bg {position: relative;padding: 60px 120px;background-color: #E9F0F5;} .user-sec-heading h2 {text-align: center;margin-bottom: 30px;} .user-sec-heading span {display: block;} .slider-box-shadow {background-color: #fff;padding: 0 50px 40px;display: flex;align-items: center;justify-content: center;flex-direction: column;margin: 15px;box-shadow: 0 0 20px 1px #00000021;} .slider-box-shadow img {margin-top: -70px;} .slider-box-shadow h6 {font-size: 20px;color: #7A2327;margin: 30px 0 10px;} .slider-box-shadow span {font-size: 14px;font-weight: 700;color: #707070;margin-bottom: 17px;} .slider-box-shadow p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 15px;color: #707070;text-align: center;padding: 0px 0;} .stars-flex {margin-top: 37px;} .stars-flex i {color: #FAD37C;} .user-slider-div .slick-track {padding: 90px 0 40px;} .user-slider-div .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .user-slider-div .slick-dots {display: inline-flex !important;gap: 5px;justify-content: center;align-items: end;width: 100%;} .user-slider-div .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .music-icon {position: absolute;top: 130px;left: 0;z-index: 0;} .user-slider-row {position: relative;z-index: 1;} /*USERS SECTION CSS END*/ /*FAQ SECTION CSS BEGIN*/ .faq-sec-bg {padding: 80px 120px;position: relative;overflow: hidden;} @media(max-width:992px){.faq-sec-bg .wrapper{width:100%;}} .faq-sec-bg .panel-heading {padding: 0;border:0;} .faq-sec-bg .panel-title>a, .faq-sec-bg .panel-title>a:active{display:block;padding: 0px;color: #262626;font-size: 22px;font-weight: 400;text-transform: capitalize;letter-spacing:1px;word-spacing: 0px;text-decoration:none;font-family: 'Roboto', sans-serif;} .faq-sec-bg .panel-heading a:before {content: "\f107";float: right;transition: all 0.5s;font: normal normal normal 14px/1 FontAwesome;color: #000000;font-size: 35px;width: 48px;height: 48px;background-color: #FBBC04;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .faq-sec-bg .panel-heading.active a:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);} .faq-btns {display: flex;align-items: center;gap: 15px;justify-content: center;margin-top: 110px;} .faq-btns .btn-primary {font-size: 17px;font-weight: 400;color: #262626 !important;text-transform: uppercase;background-color: #FBBC04 !important;border-radius: 50px;padding: 12px 35px;} .faq-btns .btn-primary:hover {background-color: #000 !important;color: #fff !important;} .faq-heading h2 {color: #4F200D;} .faq-heading span {display: block;} .verification-pg {margin: 110px auto 30px !important;} .faq-heading p {font-size: 24px;color: #535353;padding: 10px 0 0;} .faq-sec-bg .panel.panel-default {border-bottom: 1px solid #00000038;padding: 15px 0 15px;} .faq-sec-bg .panel-body {padding: 8px 0 10px;} .faq-sec-bg .panel-title {margin-bottom: 0;} .faq-sec-bg .panel-body p {width: 70%;} .faq-design-img {position: absolute;bottom: -50px;right: -297px;z-index: 0;width: 620px;} .faq-sec-bg .wrapper.center-block {position: relative;z-index: 1;} /*FAQ SECTION CSS END*/ /*FOOTER SECTION CSS BEGIN*/ footer {padding: 50px 120px;} .footer-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color:#262626;z-index:0;opacity:88%;} .footer-logo-content p {font-size: 15px;color: #fff;padding: 20px 0 0;width: 86%;} .curator-social-icon {margin-top: 15px;} .curator-social-icon li {display: inline;padding: 0 19px 0 0;} .curator-social-icon a {color: #FBBC04;font-size: 25px;} .curator-social-icon a:hover {color: #fff;} .curator-links h6 {font-size: 20px;color: #FBBC04;font-weight: 400;margin-top: 15px;} .curator-links li {padding: 4px 0 0;} .curator-links a {font-size: 15px;color: #FFFFFF;} .curator-links a:hover {color: #FBBC04;} .curator-links span {display: block;} .email-form {margin-top: 19px;} .email-form .form-control {background-color: #707070;height: auto;padding: 15px;border: 0;border-radius: 7px;margin-bottom: 10px;font-size: 14px;font-weight: 400;color: #fff;font-family: 'Roboto', sans-serif;} .email-form .btn-primary {transition: 0.6s all ease-in-out;font-size: 14px;font-weight: 400;color: #535353 !important;text-transform: uppercase;background-color: #FBBC04 !important;border-radius: 7px;padding: 15px 35px;width: 100%;} .email-form .btn-primary:hover {background-color: #fff !important;color: #000 !important;} /*FOOTER SECTION CSS END*/ /*COPYRIGHT SECTION CSS BEGIN*/ .copyright-sec-bg {border-top: 1px solid #ffffff59;padding: 15px 0;position: relative;} .copyright-sec-bg p {font-size: 14px;font-weight: 500;color: #fff;text-align: center;} .copyright-sec-bg a {font-size: 14px;font-weight: 500;color: #fff;} .bg-bottom-img {position: relative;background-image: url("../images/footer-banner.png");background-repeat: no-repeat;background-size: cover;background-position: center;} /*COPYRIGHT SECTION CSS END*/ /*HOME PAGE CSS END*/ /* SIGN UP PAGE CSS BEGIN */ .signin-body-bg {background-color: #EDF2F5;} .signin-sec {padding: 30px 120px 70px;} .main-curator-scr {display: flex;align-items: center;justify-content: center;/* height: 100vh; */} .main-smp-div {width: 30%;} .main-signin-box {width:40%;background-color: #fff;padding: 30px 50px 15px;border-radius: 30px;margin: 70px 0 0;} .create-account h5 {color: #262626;margin-bottom: 20px;} .create-account .form-control {height: auto;box-shadow: none;outline: none;font-size: 15px;font-weight: 400;color: #808080;font-family: 'Roboto', sans-serif;padding: 15px 15px;border: 1px solid #808080;border-radius: 8px;margin-bottom: 15px;} .create-account p {color: #808080;} .create-account .checkbox-item {width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 5px;} .create-account a {color: #128BD0;text-decoration: underline;} .confirmm-btn .btn-primary {font-size: 18px;font-weight: 500;color: #262626;background-color: #FBBC04 !important;padding: 15px 20px;border-radius: 9px;width: 100%;text-transform: uppercase;margin: 20px 0;} .bar-line {text-align: center;margin: 10px auto 0 auto;display: table;position: relative;} .bar-line span {font-size: 15px;font-weight: 500;color: #262626;width: 39px;height: 39px;background-color: #EDF2F5;display: flex;align-items: center;justify-content: center;border-radius: 50%;} .bar-line:before {content: "";position: absolute;top: 20px;left: -250px;width: 230px;height: 1px;background-color: #80808085;} .bar-line:after {content: "";position: absolute;top: 20px;right: -250px;width: 230px;height: 1px;background-color: #80808085;} .cur-social-icon {text-align: center;margin: 30px 0 20px;} .cur-social-icon li {padding: 0 10px 0;display: inline;} .cur-social-icon a {width: 58px;height: 58px;border-radius: 50%;color: #fff;display: inline-flex;align-items: center;justify-content: center;font-size: 24px;} .privacy-content {text-align: center;margin: 30px 0 10px;} .privacy-content p {font-weight: 500;color: #262626;} .privacy-content a {font-weight: 500;color: #128BD0;font-size: 17px;text-decoration: underline;} .google-icon {background-color: #F4511E;} .facebook-icon {background-color: #3B5998;} .apple-icon {background-color: #000000;} .copyright-sec {text-align: center;border-top: 1px solid #80808085;padding: 15px 0;margin-top: auto;} .copyright-sec p {font-size: 14px;font-weight: 500;color: #808080;} .copyright-sec a {color: #808080;font-size: 14px;font-weight: 500;font-family: 'Roboto', sans-serif;} #exampleModal .modal-inner-listing h5 {color: #262626;margin-bottom: 20px;} #exampleModal .modal-inner-listing li {color: #535353;font-size: 18px;padding: 9px 0;} #exampleModal .modal-footer {border-top: 0;} #exampleModal .modal-inner-listing input {margin-right: 3px;} #exampleModal .modal-footer .btn-secondary {color: #262626;font-size: 18px;font-family: 'Roboto', sans-serif;font-weight: 500;background-color: #FBBC04;text-transform: uppercase;border-radius: 7px;width: 100%;padding: 12px 15px;letter-spacing: 2px;} #exampleModal .modal-content {border: 0;padding: 20px 20px;border-radius: 25px;box-shadow: 0 0 9px 4px #ffffff38;} .modal-inner-listing .styled-checkbox {position: absolute;opacity: 0;} .modal-inner-listing .styled-checkbox + label {position: relative;cursor: pointer;padding: 0;font-size: 14px;color: #808080;margin-bottom: 0;} .modal-inner-listing .styled-checkbox + label:before {content: "";margin-right: 10px;display: inline-block;vertical-align: text-top;width: 14px;height: 15px;background: #808080;border-radius: 4px;} .modal-inner-listing .styled-checkbox:hover + label:before {background: #FF0E0E;} .modal-inner-listing .styled-checkbox:focus + label:before {box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);} .modal-inner-listing .styled-checkbox:checked + label:before {background: #FF0E0E;} .modal-inner-listing .styled-checkbox:disabled + label {color: #b8b8b8;cursor: auto;} .modal-inner-listing .styled-checkbox:disabled + label:before {box-shadow: none;background: #ddd;} .modal-inner-listing .styled-checkbox:checked + label:after {content: "";position: absolute;left: 2px;top: 8px;background: white;width: 2px;height: 2px;box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;transform: rotate(45deg);} #exampleModal .modal-inner-listing .styled-checkbox + label {font-size: 18px;color: #535353;} #exampleModal .modal-inner-listing .styled-checkbox + label:before {background: transparent;border-radius: 0px;border: 1px solid #808080;vertical-align: middle;} #exampleModal .modal-inner-listing .styled-checkbox:checked + label:before {background: #FBBC04;} #exampleModal .modal-inner-listing .styled-checkbox:checked + label:after {left: 2px;top: 13px;} /* SIGN UP PAGE CSS END */ /* VERIFICATION PAGE CSS BEGIN */ .create-account span {display: block;} .verification-account {text-align: center;} .verification-pg .confirmm-btn .btn-primary {padding: 15px 20px;display: block;width: 71%;margin: 22px auto;} .verification-pg .confirmm-btn {text-align: center;} .verification-pg #form {max-width: 390px;margin: 25px auto 0;border: 1px solid #808080;border-radius: 8px;padding: 10px 20px 20px;} .verification-pg #form input {margin: 0 5px;text-align: center;line-height: 50px;font-size: 50px;border-bottom: 1px solid #808080;box-shadow: none;outline: none;width: 16%;transition: all 0.2s ease-in-out;border-radius: 3px;border-top: 0;border-left: 0;border-right: 0;color: #808080;} .verification-pg #form input:focus {border: 1px solid #FBBC04;border-left: 0;border-right: 0;border-top: 0;} .verification-pg #form input::-moz-selection {background: transparent;} .verification-pg #form input::selection {background: transparent;} /* VERIFICATION PAGE CSS END */ /* SIGN IN PAGE CSS BEGIN */ /* SIGN IN PAGE CSS END */ /* ERROR PAGE CSS BEGIN */ .errorpage-header {box-shadow: 1px 5px 5px 1px #00000030;} .error-banner-sec {position: relative;height: 100vh;display: flex;align-items: center;padding: 190px 120px 80px;} .error-banner-sec .row {align-items: center;} .error-banner-sec img {width: 100%;} .error-page-content {text-align: center;} .error-page-content h1 {font-size: 100px;color: #FF8400;font-weight: 700;} .error-page-content .number-span {font-size: 200px;color: #FBBC04;font-weight: 700;font-family: 'Neue Haas Grotesk Display Pro';line-height: 194px;} .error-page-content h6 {font-size: 20px;font-weight: 400;color: #262626;font-family: 'Roboto', sans-serif;} .error-page-content p {font-size: 15px;color: #808080;margin: 15px 0;} .error-page-content .text-span {display: block;} .error-page-content a {font-size: 20px;color: #fff;background-color: #DEB769;text-transform: uppercase;padding: 12px 30px;border-radius: 25px;display: inline-block;} .social-icons-error {text-align: center;margin: 30px 0 0;} .social-icons-error li {display: inline;padding: 0px 0px 0 30px;} .social-icons-error a {color: #FBBC04;font-size: 30px;} /* ERROR PAGE CSS END */ /* HELP PAGE CSS BEGIN */ .popular-topics-sec .row {text-align: center;justify-content: center;} .help-header {position: initial;box-shadow: 0 0 7px 0 #0000002e;background: #fff;} .help-banner-content {text-align: center;} .help-sec-banner {background-color: #e9f0f5;padding: 120px 120px;} .help-banner-content h2 {font-size: 35px;font-weight: 500;color: #262626;} .help-search-icon {display: flex;align-items: center;justify-content: center;margin: 24px 0 0;} .help-field {position: relative;width: 40%;} .help-field .form-control {height: auto;box-shadow: none;outline: none;font-size: 15px;font-weight: 400;color: #808080;padding: 15px 15px 15px 55px;font-family: 'Roboto', sans-serif;border: 1px solid #FBBC04;border-radius: 8px;border-top-right-radius: 0;border-bottom-right-radius: 0;} .search-help-icon {position: absolute;top: 12px;left: 20px;} .search-help-icon a {font-size: 21px;} .search-help-btn .btn-primary {font-size: 15px;font-weight: 400;color: #262626;font-family: 'Roboto', sans-serif;background-color: #FBBC04 !important;padding: 15px 50px;border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;} .popular-topics-sec {padding: 80px 120px 30px;} .popular-content h6 {color: #4F200D;font-family: 'Roboto', sans-serif;margin-bottom: 20px;} .gradient-box {text-align: center;height: 310px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 15px 15px;border-radius: 5px;box-shadow: 0 0 13px 2px #0000002e;} .gradient-box h6 {font-size: 18px;font-weight: 500;color: #FFFFFF;font-family: 'Roboto', sans-serif;} .gradient-box p {font-size: 14px;color: #FFFFFF;line-height: 22px;margin: 10px 0 21px;} .gradient-box a {font-size: 14px;color: #FFFFFF;} .gradient-box span {display: block;} .gradient-blue {background-image: linear-gradient(to right bottom, #1154ab, #0f5aba, #0e61ca, #0e67da, #106eea);} .gradient-yellow {background-image: linear-gradient(to right bottom, #ff7b02, #ff9115, #ffa628, #ffb93d, #ffcb52);} .gradient-purple {background-image: linear-gradient(to right bottom, #8b54c1, #8046ba, #7537b2, #6927ab, #5d13a3);} .recommended-sec-bg {padding: 30px 120px;} .recommended-for-text h6 {color: #4F200D;font-family: 'Roboto', sans-serif;margin-bottom: 40px;} .bx-text {margin-bottom: 40px;} .bx-text h6 {font-size: 20px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;} .bx-text p {font-size: 14px;color: #535353;line-height: 22px;padding: 11px 0 0;} .bx-text a {font-size: 14px;color: #106EEA;} .bx-text span {display: block;} .recommended-for-text {border-top: 1px solid #80808047;padding-top: 45px;} .border-bt {border-bottom: 1px solid #80808047;padding-bottom: 10px;} .help-pg-faq {padding: 50px 120px;} .help-pg-faq .row {border-bottom: 1px solid #80808047;padding-bottom: 70px;} .still-need-sec {padding: 30px 120px 70px;} .still-need-text h4 {font-size: 30px;color: #262626;font-family: 'Roboto', sans-serif;} .still-need-text h6 {font-size: 20px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;} .still-need-text a {font-size: 18px;font-weight: 400;color: #262626;text-transform: uppercase;background-color: #FBBC04 !important;padding: 15px 50px;border-radius: 30px;margin: 40px 0 0;} .still-need-text img {margin-right: 6px;} .chat-img-fix img {display: table;margin: 0 auto;} .still-need-sec .row {background-color: #E9F0F5;padding: 40px 50px 0;border-radius: 15px;align-items: center;margin: 0 80px;} /* HELP PAGE CSS END */ /* HOW IT WORKS (CURATOR) & (INFLUENCER) PAGE CSS BEGIN */ .how-it-work-header {position: initial;box-shadow: 0 0 4px 1px #00000026;background-color: #fff;} .how-it-works-curator-sec {padding: 50px 120px;background-color: #EDF2F5;} .how-it-works-curator-sec .row {align-items: center;} .how-it-work-content h2 {color: #262626;font-family: 'Roboto', sans-serif;} .how-it-work-content span {display: block;} .how-it-work-content p {font-size: 24px;line-height: 32px;color: #808080;margin: 30px 0 30px;} .how-it-work-content .btn-primary {font-size: 18px;font-weight: 400;color: #262626;background-color: #FBBC04 !important;padding: 15px 50px;border-radius: 9px;text-transform: uppercase;} .how-work-sec {padding: 80px 120px 20px;} .ht-cont h2 {color: #262626;text-align: center;} .work-form h6 {font-size: 18px;color: #262626;text-transform: uppercase;display: inline-block;} .work-form h4 {font-size: 30px;color: #4F200D;line-height: 36px;display: inline-block;} .work-form p {color: #808080;width: 80%;margin: 18px 0 0;} .hw-align {align-items: center;margin: 60px 0 80px;} .hw-align-songs {align-items: center;margin: 0 0 70px;} .hw-align-songs .work-form p {width: 80%;} .profile {display: flex;padding: 10px;cursor: pointer;margin-left: 0;transition: 0.6s all ease-in-out;} .profile:hover .avatar {width: 50px;height: 50px;background-color: #F0EDED;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .profile i {line-height: 26px;padding-left: 0px;color: #8f8f8f;transition: color 100ms linear;} .profile:hover i {color: #434343;} .avatar {overflow: hidden;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .avatar img {width: 100%;} .profiledropdown {width: 300px;margin-top: -20px;font-size: 15px;font-weight: normal;padding: 0px 0;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 3px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);opacity: 0;position: absolute;top: 83px;left: -150px;z-index: 0;} .profiledropdown ul {list-style: none;margin: 0;padding: 0;} .profiledropdown ul .option {display: block;position: relative;padding: 5px 16px;color: #555;white-space: nowrap;overflow: hidden;border-bottom: 1px solid #00000026;padding: 10px 10px 10px;} .divider {height: 1px !important;margin: 8px;padding: 0;background-color: rgba(0, 0, 0, 0.1);} @keyframes fade {0% {opacity: 0;}100% {opacity: 1;}} @keyframes slide {0% {margin-top: -10px;}100% {margin-top: 0px;}} @keyframes fade_reverse {0% {opacity: 1;}100% {opacity: 0;}} @keyframes slide_reverse {0% {margin-top: 0px;}100% {margin-top: -10px;}} .fade {animation-name: fade, slide;/* animation-duration: 200ms, 400ms; */animation-fill-mode: forwards;/* animation-timing-function: linear, cubic-bezier(0.23, 1, 0.32, 1); */animation-delay: 200ms, 0;} .fade_reverse {animation-name: fade_reverse, slide_reverse;/* animation-duration: 100ms, 200ms; */animation-timing-function: linear, cubic-bezier(0.23, 1, 0.32, 1);animation-delay: 100ms, 0;} .cur-login-btn {position: relative;} .avatar i {color: #000;font-weight: 700;font-size: 25px;} .avatar-flex {display: flex;align-items: center;gap: 10px;} .avatr-flex-img img {width: 70px;height: 70px;border-radius: 50%;} .avatar-name span {font-size: 18px;font-weight: 500;color: #262626;} .cur-signup-btn {position: relative;} .cur-signup-btn .profiledropdown {top: 103px;left: 50px;} .not-flex {display: flex;align-items: center;gap: 15px;} .not-img img {width: 40px;height: 40px;border-radius: 50%;} .not-img {width: 40px;} .not-cont span {display: block;font-weight: 400;} .not-cont p {line-height: 21px;color: #000;font-weight: 500;font-size: 15px;} .option:last-child {border-bottom: 0 !important;} .option:hover {background-color: #FBBC04;} .user-menu-wrap {position: relative;width: auto;margin: 0px auto;} .menu-container {visibility: hidden;opacity: 0;} .menu-container.active {visibility: visible;opacity: 1;transition: all 0.2s ease-in-out;} .user-menu {position: absolute;right: -22px;background-color: #FFFFFF;width: 256px;border-radius: 2px;border: 1px solid rgba(0, 0, 0, 0.15);padding-top: 0px;padding-bottom: 0px;margin-top: 20px;} .user-menu .profile-highlight {display: flex;border-bottom: 1px solid #E0E0E0;padding: 12px 16px;margin-bottom: 0;align-items: center;} .user-menu .profile-highlight img {width: 48px;height: 48px;border-radius: 25px;-o-object-fit: cover;object-fit: cover;} .user-menu .profile-highlight .details {display: flex;flex-direction: column;margin: auto 12px;} .user-menu .profile-highlight .details #profile-name {font-weight: 600;font-size: 16px;} .user-menu .profile-highlight .details #profile-footer {font-weight: 300;font-size: 14px;margin-top: 0;} .user-menu .footer {border-top: 1px solid #E0E0E0;padding-top: 6px;margin-top: 6px;} .user-menu .footer .user-menu-link {font-size: 13px;} .user-menu .user-menu-link {display: flex;text-decoration: none;color: #333333;font-weight: 400;font-size: 14px;padding: 12px 16px;} .user-menu .user-menu-link div {margin: auto 10px;width: 100%;} .user-menu .user-menu-link:hover {background-color: #FBBC04;color: #000;} .user-menu:before {position: absolute;top: -16px;left: 120px;display: inline-block;content: "";border: 8px solid transparent;border-bottom-color: #E0E0E0;} .user-menu:after {position: absolute;top: -14px;left: 121px;display: inline-block;content: "";border: 7px solid transparent;border-bottom-color: #FFFFFF;} .mini-photo-wrapper {font-size: 18px;font-weight: 500;color: #262626;} .mini-photo-wrapper img {margin-right: 6px;width: 60px;height: 60px;border-radius: 50%;} .mini-photo-wrapper:hover {color: #262626;} /* HOW IT WORKS (CURATOR) & (INFLUENCER) PAGE CSS END */ /* HOW IT WORKS (ARTIST) PAGE CSS BEGIN */ .artist-pg-tabs .nav-tabs .nav-link.active {color: #262626;background-color: transparent;border-color: transparent;font-weight: 400;border-bottom: 2px solid #FF8000;transition: 0.6s all ease-in-out;} .artist-pg-tabs .nav-tabs {border-bottom: 0;justify-content: center;margin: 50px 0 70px;} .artist-pg-tabs .nav-tabs .nav-link {margin-bottom: 0;border: 0;border-top-left-radius: 0;border-top-right-radius: 0;font-size: 22px;font-weight: 500;color: #808080;font-family: 'Neue Haas Grotesk Display Pro';padding: 0 0px 7px 0;} .artist-pg-tabs .nav-tabs .nav-item {padding: 0 30px 0 0;} .work-form span {display: block;} /* HOW IT WORKS (ARTIST) PAGE CSS END */ /* CURATOR PROFILE PAGE CSS BEGIN */ .about-network-sec .row {margin-top:40px;} .curator-banner-flex {display: flex;align-items: center;gap: 20px;position: absolute;top: 100px;left: 100px;} .banner-circle-img img {width: 246px;height: 246px;border-radius: 50%;} .banner-circle-content h2 {font-size: 35px;color: #FFFFFF;font-weight: 500;margin-bottom: 0;} .banner-circle-content span {font-size: 20px;} .banner-circle-content img {margin-left: 19px;} .rating-stars i {color: #FF8400;font-size: 22px;padding: 0 2px 0 0;} .main-flag-flex {display: flex;align-items: center;gap: 30px;margin: 10px 0 0;} .flag-flex {display: flex;align-items: center;gap: 10px;} .flag-flex img {margin-left: 0;height: 33px;width: 33px;border-radius: 50%;} .flag-flex p {font-size: 15px;font-weight: 500;color: #FFFFFF;} .user-flex-icon {display: flex;align-items: center;gap: 10px;} .flex-user-icon i {font-size: 20px;color: #fff;} .flex-user-content span {font-size: 12px;font-weight: 500;color: #ffffff7a;} .flex-user-content p {font-size: 15px;font-weight: 500;color: #FFFFFF;line-height: 18px;} .about-network-sec {background-color: #F6F6F6;padding: 10px 120px 50px;} .left-sec-box {background-color: #fff;padding: 20px 20px;border-radius: 10px;box-shadow: 0 0 20px 1px #00000029;} .left-sec-box h3 {font-size: 25px;color: #262626;font-weight: 500;} .left-sec-box p {font-size: 15px;color: #262626;width: 90%;margin: 18px 0 30px;} .left-social-link li {display: inline-block;padding: 0 15px 0 0;} .genres-box {background-color: #fff;padding: 20px 20px;border-radius: 10px;margin: 20px 0 0;box-shadow: 0 0 20px 1px #00000029;} .genres-box h3 {font-size: 25px;color: #262626;font-weight: 500;margin-bottom: 18px;} .genres-box li {font-size: 14px;color: #808080;display: inline-block;border: 1px solid #808080;border-radius: 25px;padding: 7px 20px;margin: 0 7px 10px 0;} .medals-box {background-color: #fff;padding: 30px 30px 20px;border-radius: 10px;box-shadow: 0 0 20px 1px #00000029;margin-bottom: 20px;} .medals-box h3 {font-size: 25px;color: #262626;font-weight: 500;} .badge-sec {border-bottom: 1px solid #80808080;padding: 0 0 15px;} .badge-inner-sec {display: flex;align-items: center;justify-content: space-between;padding: 13px 0 13px;border-bottom: 1px solid #80808080;} .inner-badge {display: flex;align-items: center;gap: 10px;} .inner-badge span {width: 36px;height: 36px;border-radius: 50%;background-color: #E9F0F5;display: flex;align-items: center;justify-content: center;} .inner-badge p {font-size: 15px;color: #808080;word-break: break-all;} .info-icon i {color: #666363;font-size: 20px;} .badge-inner-sec:last-child {border-bottom: 0;} .shared-box {display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;} .shared-box a {font-weight: 500;color: #808080;font-family: 'Neue Haas Grotesk Display Pro';} .medal-head-text {margin-bottom: 24px;} .info-icon p {font-weight: 500;color: #535353;line-height: 23px;} .info-icon span {font-size: 14px;font-weight: 500;color: #808080;} .shared-badge {justify-content: flex-start;gap: 11px;} /* .inner-badge span img {width: 36px;height: 35px;border-radius: 5px;} */ .playlist-slider {margin: 20px 0 0;} .playlist-flex {background-color: #fff;padding: 20px 20px 40px;border-radius: 10px;box-shadow: 0 0 20px 1px #00000029;position: relative;} .playlist-content {display: flex;align-items: center;gap: 20px;margin-bottom: 25px;} .playlist-content h3 {font-size: 25px;color: #262626;font-weight: 500;} .playlist-content span {font-size: 15px;font-weight: 400;color: #808080;} .shared-slider-box {background-color: #EDF2F5;padding: 0 0 13px;margin: 0 6px 0;border-top-right-radius: 12px;border-top-left-radius: 12px;} .shared-slider-box img {width: 246px;height: 246px;border-radius: 12px;} .shared-slider-box h6 {font-size: 18px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;margin: 13px 10px 5px;} .shared-slider-box li {font-size: 15px;color: #262626;display: inline-block;padding: 0 9px 0 0;} .shared-slider-box ul {margin: 0 10px 0;} .ang-right-arrow {background-image: linear-gradient(to right, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: -60px;right: 0;cursor: pointer;} .ang-left-arrow {background-image: linear-gradient(to right, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: -60px;right: 38px;cursor: pointer;} .img-hover-chg {position: relative;transition: 0.6s all ease-in-out;overflow: hidden;transform-origin: top left;} .img-chg-overlays {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000000ba;border-radius: 10px;opacity: 0;transition: 0.6s all ease-in-out;} .img-hover-chg:hover .img-chg-overlays {opacity: 1;} .play-icon-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;transition: 0.6s all ease-in-out;} .play-icon-img span {border: 6px solid #fff;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;} .img-hover-chg:hover .play-icon-img {opacity: 1;} .hover-text-chg {position: absolute;top: 6px;left: 10px;transform: translateY(-30px);transition: 0.6s all ease-in-out;} .hover-text-chg p {display: flex;align-items: center;font-size: 14px;font-weight: 500;color: #FFFFFF;gap: 6px;} .hover-text-chg i {width: 17px;height: 17px;border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;color: #262626;font-size: 12px;} .hover-text-chg span {font-size: 12px;font-weight: 400;color: #106EEA;} .img-hover-chg:hover .hover-text-chg {transform: translateY(0);opacity: 1;} /* CURATOR PROFILE PAGE CSS END */ /* LABEL PAGE CSS BEGIN */ .label-pg-banner {background-image: url("../images/label-banner.png");margin: 0 130px 140px;position: relative;padding: 120px 0 0;} .border-line-circle {border: 3px solid #FBBC04;border-radius: 50%;} .curator-label-flex .banner-circle-content {margin: 0px 0 0;} .bt-style-box {position: absolute;bottom: -110px;left: 0;height: 110px;width: 100%;background-color: #fff;z-index: -1;border-bottom-left-radius: 35px;border-bottom-right-radius: 35px;box-shadow: 0 0 9px 0px #00000026;} .label-bg-col {background-color: #f6f6f6;} .label-playlist-flex {display: flex;align-items: center;justify-content: space-between;margin: 0 0 25px;} .label-playlist-content h3 {font-size: 25px;color: #262626;font-weight: 500;margin-bottom: 0;} .label-view-all a {color: #808080;} .label-playlist-slider {background-color: #fff;padding: 20px 20px 5px;border-radius: 10px;box-shadow: 0 0 20px 1px #00000029;margin: 20px 0 0;} .lb-box-inner {margin: 0 0 25px;} .lb-box-inner h6 {font-size: 18px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;margin: 11px 0 2px;} .lb-box-inner span {font-size: 15px;color: #808080;font-weight: 400;} .favorites-box {background-color: #fff;padding: 20px 20px 5px;border-radius: 10px;box-shadow: 0 0 20px 1px #00000029;margin: 0 0 20px;} .favorite-top-bar {display: flex;align-items: center;justify-content: space-between;margin: 0 0 20px;} .favorite-top-heading h3 {font-size: 25px;color: #262626;font-weight: 500;margin-bottom: 0;} .favorite-top-link a {color: #808080;} .favorite-row-box {padding: 0 10px;} .favorite-row-box .col-lg-4 {padding: 0 5px 0;} .favorite-boxes-cont img {width: 100%;} .favorite-boxes-cont {margin: 0 0 20px;} .favorite-boxes-cont img {border-radius: 10px;} .favorite-boxes-cont p {font-size: 15px;color: #262626;line-height: 23px;margin: 7px 0 0 5px;} .favorite-boxes-cont span {font-weight: 400;font-size: 14px;color: #262626;margin-left: 5px;} .lb-box-inner img {border-radius: 10px;} /* LABEL PAGE CSS END */ /* LABEL PERSONAL VIEW PAGE CSS BEGIN */ /* Add some CSS to position the cross icon */ .avatar-upload {position: relative;border: 4px solid #FBBC04;border-radius: 50%;} .avatar-upload .avatar-edit {position: absolute;right: 14px;z-index: 1;bottom: 10px;box-shadow: 0 0 4px 0 #00000029;border-radius: 50%;} .avatar-upload .avatar-edit input {display: none;} .avatar-upload .avatar-edit input + label {display: flex;width: 44px;height: 44px;margin-bottom: 0;border-radius: 100%;background: #FFFFFF;border: 1px solid transparent;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;align-items: center;justify-content: center;} .avatar-upload .avatar-edit input + label:hover {background: #f1f1f1;border-color: #d6d6d6;} .avatar-upload .avatar-edit input + label:after {content: "\f030";font-family: 'FontAwesome';color: #535353;margin: auto;display: flex;align-items: center;justify-content: center;} .avatar-upload .avatar-preview {width: 246px;height: 246px;position: relative;border-radius: 50%;} .avatar-upload .avatar-preview > div {width: 246px;height: 246px;border-radius: 50%;background-size: contain;background-repeat: no-repeat;background-position: center;} #imagePreview {display: block !important;} .label-personal-view {background-image: url("../images/label-banner.png");margin: 0 130px 140px;position: relative;padding: 120px 0 0;} .label-personal-view .border-line-circle {border: 0;} .pos-btn-flex .primary-submit {font-size: 14px;font-weight: 400;color: #535353 !important;background-color: #FBBC04 !important;padding: 15px 35px;border-radius: 25px;text-transform: uppercase;} .pos-btn-flex .primary-edit {font-size: 14px;font-weight: 400;color: #262626 !important;background-color: #E9F0F5 !important;padding: 15px 35px;border-radius: 25px;text-transform: uppercase;} .label-playlist-content {display: flex;align-items: center;gap: 17px;} .label-playlist-content a {color: #808080;} .label-view-all .btn-primary {font-size: 14px;color: #535353 !important;font-weight: 400;background-color: #E9F0F5 !important;border-radius: 7px;padding: 15px 30px;text-transform: uppercase;display: flex;align-items: center;gap: 7px;} .label-view-all .btn-primary i {font-size: 25px;} .favorite-top-heading {display: flex;align-items: center;gap: 17px;} .favorite-top-heading a {font-size: 14px;font-weight: 400;color: #808080;} #add-artist .modal-header .close {border: 1px solid #000;width: 25px;height: 25px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 0 0 auto;} #add-artist .modal-header {border-bottom: 0;} #add-artist .modal-footer {border-top: 0;justify-content: center;} #add-artist .modal-title {font-family: 'Roboto', sans-serif;font-size: 25px;font-weight: 700;} .artist-fields .form-control {height: auto;padding: 15px 15px;border-radius: 5px;outline: none;box-shadow: none;margin-bottom: 10px;font-size: 15px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;resize: none;} #add-artist .modal-footer .btn-secondary {font-size: 14px;font-weight: 400;color: #262626 !important;background-color: #E9F0F5 !important;padding: 12px 35px;border-radius: 25px;text-transform: uppercase;} #add-artist .modal-footer .btn-primary {font-size: 14px;font-weight: 400;color: #535353 !important;background-color: #FBBC04 !important;padding: 12px 35px;border-radius: 25px;text-transform: uppercase;} .chg-avatar-circle wrapper {-webkit-animation: roll 1.5s;animation: roll 1.5s;position: relative;width: 160px;margin: 0 auto;} .chg-avatar-circle .wrapper:active #img-result {margin-top: 2px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);} .chg-avatar-circle .wrapper #img-result {cursor: pointer;margin: 0 auto 20px auto;position: relative;background: transparent;background-size: cover;background-position: center;display: block;width: 150px;height: 150px;border-radius: 50%;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);color: rgba(0, 0, 0, 0);transition: box-shadow 0.3s, margin 0.3s, background-image 1.5s;border: 4px solid #FBBC04;} .chg-avatar-circle .wrapper #img-result.no-image:before {font-family: 'FontAwesome';content: "\f030";position: absolute;left: 50%;top: 50%;color: #FBBC04;font-size: 48px;opacity: 0.8;transform: translate(-50%, -50%);text-shadow: 0 0px 5px rgba(0, 0, 0, 0.4);} .chg-avatar-circle .wrapper button {margin-top: 20px;display: block;background: #1abc9c;width: 100%;border: none;color: #fff;padding: 10px;letter-spacing: 1.3px;font-size: 1.05em;border-radius: 5px;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);outline: 0;transition: box-shadow 0.3s, margin-top 0.3s, padding 0.3s;} .chg-avatar-circle .wrapper button:active {box-shadow: none;margin-top: 24px;padding: 8px;} .show-button {background: #264974;border: none;color: #fff;padding: 10px 20px;float: right;display: none;} .upload-result {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff;overflow-y: auto;} .upload-result__content {word-break: break-all;overflow-wrap: break-word;} .chg-avatar-circle {margin: 20px auto 40px auto;position: relative;display: table;} .delete-img {position: absolute;top: 0;right: 22px;} .delete-img a {width: 25px;height: 25px;border: 1px solid #00000078;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #00000078;font-weight: 400;background-color: #fff;} /* LABEL PERSONAL VIEW PAGE CSS END */ /* ARTIST PAGE CSS BEGIN */ .artist-pg-banner {background-image: url("../images/ar-banner.png");margin: 0 130px 140px;position: relative;padding: 120px 0 0;} .tr-box-img img {border-radius: 0;} /* ARTIST PAGE CSS END */ /* ARTIST PROFILE PERSONAL VIEW PAGE CSS BEGIN */ .artist-personal-view {background-image: url("../images/ar-banner.png");margin: 0 130px 140px;position: relative;padding: 120px 0 0;position: relative;} .edit-bg-banner {position: absolute;bottom: 18px;right: 40px;} .edit-bg-banner a {width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 50%;font-size: 22px;color: #808080;} #newImageUpload {display: none;} .platlist-fl .mobile-dropdown-hide .dropdown-wrapper:after {display: none;} /* ARTIST PROFILE PERSONAL VIEW PAGE CSS END */ /* ARTIST WELCOME SCREEN PAGE CSS BEGIN */ .artist-welcome-banner-bg {background-color: #e9f0f5;padding: 40px 120px 10px;} .artist-welcome-banner-bg .row {align-items: center;} .artist-welcome-content h3 {font-weight: 500;color: #262626;} .artist-welcome-content p {color: #535353;width: 70%;margin: 20px 0;} .artist-welcome-btns {display: flex;align-items: center;gap: 15px;} .artist-welcome-btns .welcome-scr-submit {font-size: 15px;font-weight: 400;color: #262626 !important;background-color: #FBBC04 !important;padding: 15px 30px;border-radius: 25px;text-transform: uppercase;letter-spacing: 1px;} .artist-welcome-btns .welcome-scr-refer {font-size: 15px;font-weight: 400;color: #262626 !important;background-color: #FFFFFF !important;padding: 15px 30px;border-radius: 25px;border-color: #FBBC04 !important;text-transform: uppercase;letter-spacing: 1px;} .headphone-img img {display: block;margin: 0 auto;} .some-curator-sec {padding: 70px 120px 20px;} .some-curator-content h3 {color: #4F200D;text-align: center;} .some-curator-content span {display: block;} .some-curator-content p {color: #262626;text-align: center;margin: 24px 0 60px;} /* ARTIST WELCOME SCREEN PAGE CSS END */ /* ACCOUNT SETTING PAGE CSS BEGIN */ .account-setting-sec {padding: 50px 0 50px;} .account-setting-heading h3 {font-size: 30px;font-weight: 500;color: #4F200D;font-family: 'Roboto', sans-serif;margin: 0 0 30px;} .account-setting-box {background-color: #fff;padding: 0 50px 0 0;box-shadow: 0 0 12px 0 #00000030;height: 600px;} .content input{display: none;} .content{display: flex;justify-content: space-between;align-items: center;} .content .list{display: flex;flex-direction: column;position: relative;width: 30%;margin-right: 0;} .content .list label{cursor: pointer;height: 60px;line-height: 60px;font-size: 18px;font-weight: 400;color: #262626;padding-left: 25px;transition: all 0.5s ease;z-index: 10;border-top: 1px solid #F0F0F0;padding-top: 3px;} #home:checked ~ .list label.home, #blog:checked ~ .list label.blog, #help:checked ~ .list label.help, #code:checked ~ .list label.code, #about:checked ~ .list label.about{color: #FBBC04;font-weight: 700;} .content .slider{position: absolute;left: 0;top: 0;height: 60px;width: 100%;border-radius: 12px;transition: all 0.5s ease;} #home:checked ~ .list .slider{top: 0;} #blog:checked ~ .list .slider{top: 60px;} #help:checked ~ .list .slider{top: 120px;} #code:checked ~ .list .slider{top: 180px;} #about:checked ~ .list .slider{top: 240px;} .content .text-content{width: 80%;height: 100%;color: rgba(255, 255, 255, 0.7);} .content .text{display: none;} .content .text .title{font-size: 25px;margin-bottom: 10px;font-weight: 500;} .content .text-content .home{display: block;} #home:checked ~ .text-content .home, #blog:checked ~ .text-content .blog, #help:checked ~ .text-content .help, #code:checked ~ .text-content .code, #about:checked ~ .text-content .about{display: block;} #blog:checked ~ .text-content .home, #help:checked ~ .text-content .home, #code:checked ~ .text-content .home, #about:checked ~ .text-content .home{display: none;} .content .list label:hover{color: #BB86FC;} .account-box-shape {background-color: #fff;box-shadow: 0 0 5px 1px #0000002e;padding: 20px 0 20px;} .account-avatr-img {display: table;margin: 38px auto 20px;} .account-avatr-img h4 {font-size: 25px;font-weight: 500;color: #333333;font-family: 'Roboto', sans-serif;text-align: center;} .account-setting-field select {appearance: none;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';} .account-fields-flex {display: flex;align-items: center;justify-content: space-between;gap: 20px;margin: 0 0 20px 30px;} .account-setting-field {width: 100%;position: relative;z-index: 4;} .account-setting-field label {color: #333333;} .account-setting-field .form-control {font-size: 16px;color: #333333;font-weight: 400;font-family: 'Roboto', sans-serif;box-shadow: none;outline: none;height: auto;padding: 15px 38px 15px 15px;resize: none;border: 1px solid #D7D7D7;} .account-form-btn {display: flex;align-items: center;gap: 10px;margin: 50px 0 0 30px;} .account-form-btn .account-form-update {color: #535353 !important;font-size: 17px;font-weight: 400;font-family: 'Roboto', sans-serif;background-color: #FBBC04 !important;border-color: #007BFF !important;padding: 7px 20px;text-transform: uppercase;} .account-form-btn .account-form-cancel {color: #535353 !important;font-size: 17px;font-weight: 400;font-family: 'Roboto', sans-serif;background-color: #F6F8F9 !important;border-color: #F6F8F9 !important;padding: 7px 20px;text-transform: uppercase;} .tabs-item-listing li {border-top: 1px solid #F0F0F0;padding: 18px 30px;} .tabs-item-listing a {font-size: 18px;font-weight: 400;color: #262626;display: block;} .account-setting-box .col-lg-3 {border-right: 1px solid #F0F0F0;padding-right: 0;} .account-right-side h3 {font-size: 25px;font-weight: 500;color: #333333;font-family: 'Roboto', sans-serif;margin: 0 0 40px 30px;} .right-side-spacing {padding: 40px 0 50px 0px;} .account-setting-box .row {height: 100%;} .tabs-item-listing a.active {color: #FBBC04;font-weight: 700;} .input-eye-field {position: relative;} .account-eye-icon {position: absolute;top: 13px;right: 13px;} .account-eye-icon a {color: #33333394;font-weight: 400;} /* ACCOUNT SETTING PAGE CSS END */ /* CURATOR DASHBOARD NEW PAGE CSS BEGIN */ .curator-dashboard-sec {padding: 70px 120px 70px;} .cur-dashboard-left-side {background-color: #EDF2F5;padding: 30px 30px 16px;border-radius: 8px;margin: 0 0 90px;} .cur-mike-flex {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;} .cur-mike {display: flex;align-items: center;gap: 10px;} .cur-mike img {width: 58px;height: 58px;border-radius: 50%;} .cur-mike h6 {font-size: 22px;color: #FBBC04;font-weight: 500;} .cur-amount-cont span {display: inline-block;font-size: 15px;font-weight: 500;color: #FBBC04;background-color: #fff;padding: 6px 20px;border-radius: 25px;} .cur-mike span {width: 65px;height: 65px;border-radius: 50%;border: 1px solid #FBBC04;display: flex;align-items: center;justify-content: center;} .side-listing {padding: 12px 0;border-bottom: 1px solid #bebebe63;display: flex;align-items: center;justify-content: space-between;} .set-available-btn {font-size: 14px;font-weight: 500;color: #808080 !important;border: 1px solid #808080;border-color: #808080 !important;border-radius: 6px;padding: 5px 8px;} .side-listing a {color: #262627;} .side-listing i {margin-right: 5px;color: #808080;} .side-listing:last-child {border-bottom: 0;} .side-listing a.active {color: #FBBC04;} .side-listing a.active i {color: #FBBC04;} .inbox-cont-text {display: flex;align-items: flex-start;justify-content: space-between;margin: 0 0 12px;border-bottom: 1px solid #bebebe63;padding: 0 0 12px;} .inbox-inner-cont {display: flex;align-items: center;gap: 8px;} .inbox-list img {width: 48px;height: 48px;border-radius: 50%;} .think-cont p {font-size: 15px;font-weight: 500;color: #262626;line-height: 18px;} .think-cont span {font-size: 14px;font-weight: 400;color: #808080;display: block;} .time-cont span {display: block;font-size: 14px;font-weight: 500;color: #808080;} .inbox-bg {background-color: #EDF2F5;padding: 30px 30px 2px;border-radius: 8px;} .inbox-cont-text h6 {font-size: 16px;font-weight: 400;color: #262626;font-family: 'Roboto', sans-serif;} .inbox-cont-text a {font-size: 14px;color: #106EEA;text-decoration: underline;} .inbox-cont-text i {margin-right: 2px;} .inbox-cont-text:last-child {border-bottom: 0;} .songs-bar {border-bottom: 1px solid #70707042;padding-bottom: 10px;} .songs-bar h6 {font-size: 20px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;} .songs-bar i {color: #535353;margin-right: 4px;} .dashboard-new-tabs .nav-tabs .nav-link {margin-bottom: 0px;font-size: 15px;font-weight: 500;color: #808080;display: flex;align-items: center;gap: 15px;} .dashboard-new-tabs .nav-tabs .nav-link small {margin-bottom: 0px;font-size: 15px;font-weight: 500;color: #808080;display: flex;align-items: center;gap: 15px;} .dashboard-new-tabs .nav-tabs .nav-link.active small {position: relative;} .dashboard-new-tabs .nav-tabs .nav-link.active small:after {content: "";position: absolute;bottom: -17px;left: 0;width: 100%;height: 3px;background-color: #FBBC04;} .dashboard-new-tabs .nav-tabs .nav-link span {font-size: 10px;font-weight: 500;color: #535353;display: flex;align-items: center;justify-content: center;width: 14px;height: 14px;border-radius: 50%;background-color: #C7C7C7;} .dashboard-new-tabs .nav-tabs .nav-link.active {color: #535353 !important;background-color: transparent;border-color: transparent;} .dashboard-new-tabs .nav-tabs .nav-link.active span {background-color: #FBBC04;} .dashboard-new-tabs .nav-tabs .nav-link:hover {border-color: transparent;} .dashboard-new-tabs .nav-tabs {border-bottom: 1px solid #70707042;padding: 6px 0;margin: 0 0 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 20px 0 0;} .breams-box {position: relative;box-shadow: 0 0 7px 0 #00000029;margin: 0 0 40px;} .breams-box img {width: 100%;} .dreams-box-content {text-align: center;background-image: linear-gradient(to right bottom, #ffffff, #f5f5f5, #ebebeb, #e2e2e2, #d8d8d8);padding: 0 0 20px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;margin: 0px 0 0;position: absolute;bottom: -10px;left: 0;width: 100%;z-index: 1;} .dreams-box-content .submit-play-icon {color: #FBBC04;background-color: #fff;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 21px;margin: -20px auto 0 auto;box-shadow: 0 0 12px 0 #0000002b;} .dreams-box-content h6 {font-size: 15px;color: #262626;font-family: 'Roboto', sans-serif;margin: 16px 0 2px;} .dreams-box-content p {font-size: 14px;font-weight: 500;color: #535353;line-height: 14px;padding: 7px 0 2px;} .dreams-box-content .submit-cont {font-size: 12px;font-weight: 400;color: #808080;} .skip-btn {position: absolute;top: 10px;left: 5px;} .skip-btn a {font-size: 14px;font-weight: 500;color: #fff;background-color: #FF0E0E;padding: 7px 18px;border-radius: 25px;} .cur-amt {position: absolute;top: 10px;right: 5px;} .cur-amt p {background-color: #E9F0F5;padding: 0px 6px;border-radius: 25px;display: flex;align-items: center;gap: 7px;font-size: 14px;font-weight: 500;color: #262626;} .cur-amt span {width: 22px;height: 22px;border-radius: 50%;background-color: #FBBC04;display: flex;align-items: center;justify-content: center;} .cur-amt img {width: auto;} .time-box {position: absolute;top: 10px;left: 10px;} .time-box span {font-size: 10px;font-weight: 400;color: #262626;background-color: #e9f0f585;padding: 3px 6px;border-radius: 25px;} .time-box i {margin-right: 2px;} .table-data-flex {display: flex;align-items: center;gap: 10px;} .table-data-text {margin: 7px 0 0;} .table-data-text p {font-size: 14px;font-weight: 500;color: #262626;line-height: 11px;} .table-data-text span {font-size: 12px;font-weight: 400;color: #535353;} .table-data-field {text-align: center;} .table-data-field p {font-size: 12px;color: #535353;line-height: 14px;} .table-data-field span {font-size: 14px;font-weight: 400;color: #808080;} .table-data-field a {color: #808080;font-weight: 400;font-size: 15px;} .table-data-tab .table tbody td {border-top: 0;vertical-align: middle;} .table-data-tab .table tbody tr {background-color: #E9F0F5;border-bottom: 10px solid #f6f6f6;} .left-bdr {border-top-left-radius: 10px;border-bottom-left-radius: 17px;} .right-bdr {border-top-right-radius: 10px;border-bottom-right-radius: 17px;} .table-data-tab .show>.btn-primary.dropdown-toggle:focus {box-shadow: none;} .table-data-tab .btn-primary {color: #B4B4B4;} .table-data-tab .dropdown-toggle::after {display: none;} .table-data-tab .show>.btn-primary.dropdown-toggle {color: #B4B4B4;} .table-data-tab .btn-primary:not(:disabled):not(.disabled):active {color: #B4B4B4;} .table-data-tab .dropdown-item:focus, .table-data-tab .dropdown-item:hover {color: #16181b;background-color: #FBBC04;} .table-data-tab .dropdown-menu {padding: 0 0;left: 40px;min-width: 7rem;} .expired-tabs .time-box {position: absolute;top: 46px;right: 10px;left: auto;} .previously-reviewed-tabs .wrapper{width: 100%;} @media(max-width:992px){.previously-reviewed-tabs .wrapper{width:100%;}} .previously-reviewed-tabs .panel-heading {padding: 0;border:0;} .previously-reviewed-tabs .panel-title>a, .previously-reviewed-tabs .panel-title>a:active{display:block;padding: 11px 15px;color:#555;font-size:16px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;word-spacing:3px;text-decoration:none;} .previously-reviewed-tabs .panel-heading a:before {content: "\f107";float: right;transition: all 0.5s;font: normal normal normal 14px/1 FontAwesome;font-size: 32px;margin-top: 20px;} .previously-reviewed-tabs .panel-heading.active a:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);} .tab-bar-flex {display: flex;align-items: center;} .tab-bar-img-flex {display: flex;align-items: center;gap: 10px;width: 50%;} .tab-b-dg img {width: 48px;height: 48px;border-radius: 50%;} .tab-b-dg-cont {line-height: 12px;width: inherit;} .tab-b-dg-cont p {font-size: 14px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;text-transform: capitalize;line-height: 20px;} .tab-b-dg-cont span {font-size: 12px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;text-transform: capitalize;} .content-text-tbr p {font-size: 12px;color: #707070;font-style: italic;font-weight: 400;font-family: 'Roboto', sans-serif;text-transform: initial;width: 76%;margin: 0 auto 0 auto;line-height: 20px;transform: translateY(0px);} .approved-bar {margin: 0 30px 0 0;} .approved-bar span {font-size: 14px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;background-color: #FBBC04;padding: 15px 30px;border-radius: 7px;} .previously-reviewed-tabs .panel.panel-default {background-color: #E9F0F5;border-radius: 13px;margin-bottom: 10px;overflow: hidden;} .content-text-tbr {overflow: hidden;} .previously-reviewed-tabs .panel-collapse.collapse.show {margin: 0 0 10px;} .content-text-tbr p {transition: transform 0.6s ease;} .content-text-tbr.move-up p {transform: translateY(80px);} .personal-note {position: absolute;top: 29px;right: 221px;transform: translateY(-60px);} .personal-note span.personal-note-anchor {font-size: 14px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;text-transform: initial;} .previously-reviewed-tabs .panel-title {position: relative;} .personal-note {transition: transform 0.6s ease;} .personal-note.move-down {transform: translateY(0px);} .personal-note.move-up {transform: translateY(-60px);} .date-script-content {margin: 20px 0 0 -11px;} .date-script-content span {font-size: 10px;font-weight: 400;color: #535353;display: inline-block;padding: 3px 7px;background-color: #D8D7D7;border-radius: 25px;} .image-script-content {display: flex;align-items: center;gap: 10px;margin: 20px 0 0px;} .image-script-content p {font-size: 14px;color: #707070;} .image-script-content span {font-size: 10px;color: #ABA9A9;margin-left: 3px;} .image-script-new {display: flex;align-items: center;gap: 10px;margin: 20px 0 0;} .img-ct-text p {font-size: 14px;color: #707070;} .img-ct-text span {font-size: 10px;color: #ABA9A9;margin-left: 3px;} .img-ct-text small {font-size: 12px;color: #808080;font-style: italic;font-weight: 400;width: 70%;display: block;} .col-tab-inner-effect {margin: 0 70px 60px;position: relative;z-index: 7;} .images-left-bar-line {width: 1px;height: 100%;background-color: #70707091;position: absolute;top: 2px;left: 22px;z-index: -1;} .blue-underline {color: #106EEA;text-decoration: underline;} /* SET AVAILABILITY MODAL CSS BEGIN */ .checkboxes-selction input[type=checkbox] {position: relative;border: 1px solid #00000091;border-radius: 5px;background: none;cursor: pointer;line-height: 0;margin: 0 .6em 0 0;outline: 0;padding: 0 !important;vertical-align: text-top;height: 20px;width: 20px;appearance: none; -webkit-appearance: none;opacity: .5;} .checkboxes-selction input[type=checkbox]:hover {opacity: 1;} .checkboxes-selction input[type=checkbox]:checked {background-color: #FBBC04;opacity: 1;} .checkboxes-selction input[type=checkbox]:before {content: '';position: absolute;right: 50%;top: 50%;width: 4px;height: 10px;border: solid #000;border-width: 0;margin: -1px -1px 0 -1px;transform: rotate(45deg) translate(-50%, -50%);z-index: 2;} .comment-form-cookies-consent label {color: #808080;} .availability-modal-content h6 {color: #262626;font-family: 'Roboto', sans-serif;} .availability-modal-content p {font-size: 15px;color: #808080;line-height: 22px;margin: 17px 0 30px;} #set-availability-modal .modal-footer {border-top:0;justify-content: center;margin-bottom: 15px;} .ava-cancel {font-size: 15px;font-weight: 500;color: #262626 !important;background-color: #EFEFF0 !important;padding: 12px 35px;border-radius: 8px;text-transform: capitalize;} .ava-save {font-size: 15px;font-weight: 500;color: #262626 !important;background-color: #FBBC04 !important;padding: 12px 35px;border-radius: 8px;text-transform: capitalize;} #set-availability-modal .modal-content {border-radius: 18px;} #set-availability-modal .modal-body {padding: 30px 30px 10px;} .checkboxes-selction input[type=checkbox]:checked:before {border-width: 0 2px 2px 0;} .inner-toggle-time {display: flex;align-items: center;gap: 10px;} .inner-toggle-time .form-control {height: auto;outline: none;box-shadow: none;padding: 15px 15px;border: 1px solid #808080ad;font-size: 15px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;border-radius: 6px;} .toggle-cont-text p {color: #262626;font-size: 15px;margin: 0 0 8px;} .toggle-cont-text {margin-bottom: 15px;} .toggle-show-cls {margin-top: 12px;display: none;} /* SET AVAILABILITY MODAL CSS END */ /* CURATOR DASHBOARD SONG REVIEW MODAL CSS BEGIN */ .mfp-zoom-in .mfp-with-anim {opacity: 0;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;transform: scale(0.8);} .mfp-zoom-in.mfp-bg {opacity: 0;transition: all 0.3s ease-out;} .mfp-zoom-in.mfp-ready .mfp-with-anim {opacity: 1;transform: scale(1);} .mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-zoom-in.mfp-removing .mfp-with-anim {transform: scale(0.8);opacity: 0;} .mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;} .white-popup {position: relative;background: #EDF2F5;padding: 60px 40px 20px;width: auto;max-width: 55%;margin: 0 auto;border-radius: 25px;} .popup-animation {margin-right: 0 !important;overflow: auto !important;} #test-popup .time-box {top: 45px;right: 10px;left: auto;} #test-popup .time-box span {font-size: 10px;font-weight: 500;display: flex;align-items: center;gap: 2px;} .time-box small {width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;background-color: #C38C7A;border-radius: 50%;font-size: 15px;} #test-popup .dreams-box-content .submit-cont {color: #262626 !important;line-height: 15px !important;display: block;margin: 20px 15px;} .like-dislike li {padding: 0 2px 0 0;display: inline-block;} .like-dislike a {width: 42px;height: 42px;border-radius: 50%;background-color: #FBBC04;display: flex;align-items: center;justify-content: center;color: #fff;} .red-bg-dislike {background-color: #FF0E0E !important;} .modal-right-side {display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #808080a8;padding: 0 0 6px;} .modal-detail h6 {font-size: 20px;color: #000;font-family: 'Roboto', sans-serif;} .modal-detail-text p {font-size: 12px;color: #000;} .modal-detail-text span {color: #106EEA;text-decoration: underline;} .mfp-close-btn-in .mfp-close {color: #000 !important;width: 31px;height: 31px;border: 2px solid #000;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .mfp-close {right: 12px !important;top: 12px !important;} .revenue-listing {display: flex;align-items: center;gap: 40px;padding: 15px 0 50px;border-bottom: 1px solid #808080a8;} .revenue-listing li {font-size: 15px;color: #808080;padding: 5px 0;} .revenue-listing span {color: #106EEA;text-decoration: underline;} .modal-detail-text {position: fixed;right: 42px;} .timeline-modal-content .col-tab-inner-effect {margin: 0 10px 60px;z-index: 0;} .modal-overflow-timeline {height: 450px;overflow-y: scroll;} .modal-overflow-timeline::-webkit-scrollbar { display: none;} .playlsit-bar {border-top: 1px solid #808080a8;margin: 10px 0 0;} .volume-icon {display: block;text-align: end;color: #000 !important;font-size: 27px;} .step-back a {color: #000;} .volume-play-btn a {color: #fff;width: 34px;height: 34px;background-color: #FBBC04;display: flex;align-items: center;justify-content: center;border-radius: 50%;} .volume-bar-flex p {font-size: 14px;font-weight: 500;color: #000;line-height: 19px;} .start-time span {font-size: 12px;font-weight: 400;color: #000;} .volume-bar-inner-flex {display: flex;align-items: center;gap: 7px;} .middle-volume-div {display: flex;align-items: center;gap: 10px;} .grey-main-bar .full-grey {position: relative;width: 650px;height: 5px;background-color: #ACACAC;border-radius: 25px;display: block;} .grey-main-bar {position: relative;overflow: hidden;} .half-yellow-bar {position: absolute;top: 0;left: 0;} .half-yellow-bar .half-yellow {display: block;width: 325px;height: 5px;background-color: #FBBC04;border-radius: 25px;} .like-sec-modal .modal-content {background-color: #535353;border-radius: 15px;padding: 0 20px;} .like-sec-modal .modal-header .close {color: #fff !important;width: 30px;height: 30px;border: 2px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;opacity: 1;font-size: 20px;padding: 0;margin: 0px -20px 0px auto;} .like-sec-modal .modal-header {border-bottom: 0;} .like-sec-modal .modal-footer {border-top: 0;justify-content: center;} .like-textbox-area p {font-size: 15px;font-weight: 500;color: #FEFEFD;text-align: left;margin-bottom: 13px;} .like-textbox-area .form-control {outline: none;box-shadow: none;height: auto;resize: none;font-size: 14px;font-weight: 400;color: #808080;font-family: 'Roboto', sans-serif;padding: 15px;} .like-sec-modal .modal-footer .btn-secondary {font-size: 15px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;background-color: #FBBC04;text-transform: uppercase;padding: 11px 35px;border-radius: 25px;} .like-sec-modal .btn-secondary:not(:disabled):not(.disabled):active:focus {box-shadow: none;} .like-sec-modal .btn-secondary:not(:disabled):not(.disabled):active{color: #535353;background-color: #FBBC04;border-color: #FBBC04;} .like-sec-modal .modal-dialog {max-width: 430px;} .like-sec-modal .modal-body {padding: 7px 15px;} .like-sec-modal .modal-footer .btn-secondary.red-bg-decline {background-color: #FF0E0E;color: #fff;} .like-textbox-area span {color: #FF8000;display: inline;margin-left: 6px;} .highlight-body-bg p {font-size: 12px;font-weight: 400;color: #FF8000;} .highlight-body-bg {background-color: #ff840047;padding: 10px 11px;border-radius: 7px;text-align: left;margin-bottom: 10px;} .optional-feedback p {color: #FEFEFD;font-weight: 400;text-align: left;margin: 15px 0 12px;} .optional-feedback .styled-checkbox {position: absolute;opacity: 0;} .optional-feedback .styled-checkbox + label {position: relative;cursor: pointer;padding: 0;font-size: 14px;color: #808080;margin-bottom: 0;margin-top: 7px;} .optional-feedback .styled-checkbox + label:before {content: "";margin-right: 10px;display: inline-block;vertical-align: text-top;width: 14px;height: 15px;background: #808080;border-radius: 4px;} .optional-feedback .styled-checkbox:hover + label:before {background: #FF0E0E;} .optional-feedback .styled-checkbox:focus + label:before {box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);} .optional-feedback .styled-checkbox:checked + label:before {background: #FF0E0E;} .optional-feedback .styled-checkbox:disabled + label {color: #b8b8b8;cursor: auto;} .optional-feedback .styled-checkbox:disabled + label:before {box-shadow: none;background: #ddd;} .optional-feedback .styled-checkbox:checked + label:after {content: "";position: absolute;left: 2px;top: 8px;background: white;width: 2px;height: 2px;box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;transform: rotate(45deg);} .optional-feedback ul {text-align: left;} .optional-feedback li {display: block;} .flex-checkbox-list {display: flex;justify-content: space-between;gap: 15px;} .like-sec-modal::-webkit-scrollbar { display: none;} /* CURATOR DASHBOARD SONG REVIEW MODAL CSS END */ /* CURATOR DASHBOARD NEW PAGE CSS END */ /* BECOME A INFLUENCER STEP 1 & STEP 2 PAGE CSS BEGIN */ .yellow-border-background {border-color: #FBBC04 !important;border: 5px solid #FBBC04 !important;} .influencers-steps-bg {background-color: #F8F8F8;} .influencer-steps-wizard .signup-step-container{padding: 35px 0px 60px;padding-bottom: 60px;} .influencer-steps-wizard span.round-tab i{color:#555555;} .influencer-steps-wizard .wizard li.active span.round-tab i{color: #5bc0de;} .influencer-steps-wizard .wizard .nav-tabs > li.active > a i{color: #262626;} .influencer-steps-wizard .wizard .nav-tabs > li a:hover {background: transparent;} .influencer-steps-wizard .wizard .tab-pane {position: relative;padding-top: 20px;} .influencer-steps-wizard .wizard h3 {margin-top: 0;} .influencer-steps-wizard .prev-step, .influencer-steps-wizard .next-step{font-size: 15px;padding: 15px 42px;border: none;border-radius: 25px;margin-top: 30px;font-weight: 400;color: #262626;text-transform: uppercase;font-family: 'Roboto', sans-serif;letter-spacing: 2px;} .influencer-steps-wizard .next-step{background-color: #FBBC04;} .influencer-steps-wizard .skip-btn{background-color: #cec12d;} .influencer-steps-wizard .step-head{font-size: 20px;text-align: center;font-weight: 500;margin-bottom: 20px;} .influencer-steps-wizard .term-check{font-size: 14px;font-weight: 400;} .influencer-steps-wizard .custom-file {position: relative;display: inline-block;width: 100%;height: 40px;margin-bottom: 0;} .influencer-steps-wizard .custom-file-input {position: relative;z-index: 2;width: 100%;height: 40px;margin: 0;opacity: 0;} .influencer-steps-wizard .custom-file-label {position: absolute;top: 0;right: 0;left: 0;z-index: 1;height: 40px;padding: .375rem .75rem;font-weight: 400;line-height: 2;color: #495057;background-color: #fff;border: 1px solid #ced4da;border-radius: .25rem;} .influencer-steps-wizard .custom-file-label::after {position: absolute;top: 0;right: 0;bottom: 0;z-index: 3;display: block;height: 38px;padding: .375rem .75rem;line-height: 2;color: #495057;content: "Browse";background-color: #e9ecef;border-left: inherit;border-radius: 0 .25rem .25rem 0;} .influencer-steps-wizard .footer-link{margin-top: 30px;} .influencer-steps-wizard .list-content{margin-bottom: 10px;} .influencer-steps-wizard .list-content a{padding: 10px 15px;width: 100%;display: inline-block;background-color: #f5f5f5;position: relative;color: #565656;font-weight: 400;border-radius: 4px;} .influencer-steps-wizard .list-content a[aria-expanded="true"] i{transform: rotate(180deg);} .influencer-steps-wizard .list-content a i{text-align: right;position: absolute;top: 15px;right: 10px;transition: 0.5s;} .influencer-steps-wizard .form-control[disabled], .influencer-steps-wizard .form-control[readonly], .influencer-steps-wizard fieldset[disabled] .form-control {background-color: #fdfdfd;} .influencer-steps-wizard .list-box{padding: 10px;} .influencer-steps-wizard .signup-logo-header .logo_area{width: 200px;} .influencer-steps-wizard .signup-logo-header .nav > li{padding: 0;} .influencer-steps-wizard .signup-logo-header .header-flex{display: flex;justify-content: center;align-items: center;} .influencer-steps-wizard .list-inline li{display: inline-block;} .influencer-steps-wizard .pull-right{float: right;} .influencer-steps-wizard input[type="checkbox"]{position: relative;display: inline-block;margin-right: 5px;} .influencer-steps-wizard input[type="checkbox"]::before, .influencer-steps-wizard input[type="checkbox"]::after {position: absolute;content: "";display: inline-block; } .influencer-steps-wizard input[type="checkbox"]::before{height: 16px;width: 16px;border: 1px solid #999;left: 0px;top: 0px;background-color: #fff;border-radius: 2px;} .influencer-steps-wizard input[type="checkbox"]::after{height: 5px;width: 9px;left: 4px;top: 4px;} .influencer-steps-wizard input[type="checkbox"]:checked::after{content: "";border-left: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(-45deg);} .influencer-steps-wizard input[type="checkbox"]:checked::before{background-color: #18ba60;border-color: #18ba60;} @media (max-width: 767px){ .influencer-steps-wizard .sign-content h3{font-size: 40px;} .influencer-steps-wizard .signup-logo-header .navbar-toggle{margin: 0;margin-top: 8px;} .influencer-steps-wizard .signup-logo-header .logo_area{margin-top: 0;} .influencer-steps-wizard .signup-logo-header .header-flex{display: block;} } .social-icon-selection .top-text-wrapper {margin: 20px 0 30px 0;} .social-icon-selection .top-text-wrapper h4 {font-size: 24px;margin-bottom: 10px;} .social-icon-selection .top-text-wrapper code {font-size: 0.85em;background: linear-gradient(90deg, #fce3ec, #ffe8cc);color: #ff2200;padding: 0.1rem 0.3rem 0.2rem;border-radius: 0.2rem;} .social-icon-selection .tab-section-wrapper {padding: 30px 0;} .social-icon-selection .grid-wrapper {display: grid;grid-gap: 30px;place-items: center;width: 100%;} .social-icon-selection .grid-col-auto {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 290px);} .social-icon-selection label.radio-card {cursor: pointer;width: 100%;} .social-icon-selection label.radio-card .card-content-wrapper {background: #fff;border-radius: 19px;max-width: 370px;min-height: 290px;padding: 15px;display: grid;box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);transition: 200ms linear;text-align: center;} .social-icon-selection label.radio-card .check-icon {width: 20px;height: 20px;display: inline-block;border: solid 2px #e3e3e3;border-radius: 5px;transition: 200ms linear;position: relative;} .social-icon-selection label.radio-card .check-icon:before {content: "";position: absolute;inset: 0; background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat;background-size: 12px;background-position: center center;transform: scale(1.6);transition: 200ms linear;opacity: 0;} .social-icon-selection label.radio-card input[type=radio] {appearance: none;-webkit-appearance: none;-moz-appearance: none;} .social-icon-selection label.radio-card input[type=radio]:checked + .card-content-wrapper {box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #FBBC04;} .social-icon-selection label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon {background: #FBBC04;border-color: #FBBC04;transform: scale(1.2);} .social-icon-selection label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon:before {transform: scale(1);opacity: 1;} .social-icon-selection label.radio-card input[type=radio]:focus + .card-content-wrapper .check-icon {border-color: #FBBC04;} .social-icon-selection label.radio-card .card-content img {margin-bottom: 10px;width: auto;} .social-icon-selection label.radio-card .card-content h4 {font-size: 24px;text-align: center;color: #262626;margin-bottom: 0px;font-weight: 700;font-family: 'Roboto', sans-serif;} .social-icon-selection label.radio-card .card-content h5 {font-size: 14px;line-height: 1.4;text-align: center;color: #686d73;} .social-icon-selection .card-content p {font-size: 15px;color: #535353;line-height: 21px;margin: 6px 0 0;} .social-icon-selection .card-content p span {display: block;} .double-img span {background-color: #F8F8F8;width: 58px;height: 58px;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 11px 0 #00000026;} .double-img span:last-child {margin-left: -10px;} .double-img {display: flex;align-items: center;justify-content: center;} .tiktok-fields .main {width: 100%;height: 100%;} .tiktok-fields .card {padding: 10px 0px;background-color: transparent;border: 0;} .tiktok-fields .card .title {font-size: 2em;margin: 15px;} .tiktok-fields .card .form {display: flex;align-items: center;gap: 15px;} .tiktok-fields .form label {cursor: pointer;} .tiktok-fields .card .form .input-radio {box-shadow: 0px 0px 0px 1px #6d6d6d;font-size: 3em;width: 12px;height: 12px;margin-right: 7px;border: 4px solid #fff;background-clip: border-box;border-radius: 50%;appearance: none;transition: background-color 0.3s, box-shadow 0.3s;} .tiktok-fields .card .form label {margin: 10px 0px;font-size: 15px;font-weight: 400;color: #808080;border: 1px solid #808080ad;display: flex;align-items: center;padding: 8px 32px 8px 20px;border-radius: 25px;} .tiktok-fields .input-radio.on:checked {background-color: #FBBC04;box-shadow: 0 0 3px 2px #FBBC04;} .tiktok-fields .input-radio.off:checked {background-color: #FBBC04;box-shadow: 0 0 3px 2px #FBBC04;} #step4 .list-inline {text-align: center;} .tiktok-fields {margin: 0 0 30px;position: relative;} .tiktok-fields label {font-size: 20px;font-weight: 700;color: #262626;} .tiktok-fields .form-control {font-size: 15px;font-weight: 400;color: #535353;height: auto;outline: none;box-shadow: none;padding: 15px 15px;font-family: 'Roboto', sans-serif;border-radius: 8px;background-color: transparent;resize: none;-webkit-appearance: auto !important;} .network-field {position: relative;} .network-field .form-control {padding-left: 125px;} .network-link-text p {font-size: 15px;color: #535353;} .network-link-text i {margin-right: 4px;} .network-link-text {position: absolute;top: 13px;left: 15px;} .network-link-text img {margin-right: 2px;width: 13px;} .link-both {margin-top: 10px;} /* BECOME A INFLUENCER STEP 1 & STEP 2 PAGE CSS END */ /* BECOME A CURATOR STEP 1 & STEP 2 PAGE CSS BEGIN */ .tiktok-fields select {width: 40%;} .signin-sec .panel {margin: 40px 0 40px;max-width: 250px;} .button_outer {background: transparent;border-radius: 30px;text-align: center;display: inline-block;transition: .2s;position: relative;overflow: hidden;border: 1px solid #0006;} .btn_upload {padding: 17px 30px 12px;color: #808080;text-align: center;position: relative;display: inline-block;overflow: hidden;z-index: 3;white-space: nowrap;font-size: 15px;font-weight: 400;} .btn_upload input {position: absolute; width: 100%; left: 0; top: 0; width: 100%; height: 105%; cursor: pointer; opacity: 0;} .file_uploading {width: 100%; height: 10px; margin-top: 20px; background: #ccc;} .file_uploading .btn_upload {display: none;} .processing_bar {position: absolute;left: 0;top: 0;width: 0;height: 100%;border-radius: 30px;background: #FBBC04;transition: 3s;} .file_uploading .processing_bar {width: 100%;} .success_box {display: none; width: 50px; height: 50px; position: relative;} .success_box:before {content: '';display: block;width: 9px;height: 18px;border-bottom: 6px solid #fff;border-right: 6px solid #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left: 20px;top: 14px;} .file_uploaded .success_box {display: inline-block;} .file_uploaded {margin-top: 0; width: 50px; background:#83ccd3; height: 50px;} .uploaded_file_view {max-width: 300px;margin: 0px 0 30px;text-align: center;position: relative;transition: .2s;opacity: 0;border: 2px solid #ddd;padding: 15px;} .file_remove {width: 30px;height: 30px;border-radius: 50%;display: block;position: absolute;background: #FBBC04;line-height: 30px;color: #fff;font-size: 12px;cursor: pointer;right: -15px;top: -15px;} .file_remove:hover {background: #222; transition: .2s;} .uploaded_file_view img {max-width: 100%;} .uploaded_file_view.show {opacity: 1;} .error_msg {text-align: center; color: #f00} .image-selection-pr p {font-size: 15px;color: #535353;} .btn_upload i {margin-right: 5px;} /* BECOME A CURATOR STEP 1 & STEP 2 PAGE CSS END */ /* BECOME A CURATOR PAGE CSS BEGIN */ .become-a-cur-bg {background-color: #EDF2F5;} .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(2, 140px);} .curator-main-cls .social-icon-selection label.radio-card .card-content-wrapper {max-width: 600px;min-height: 150px;display: flex;gap: 15px;align-items: baseline;} .curator-main-cls {margin-top: -110px;} .curator-main-cls .card-content {text-align: left;padding: 7px 0 20px;} .curator-main-cls .social-icon-selection label.radio-card .card-content h4 {text-align: left;color: #535353;} .new-curator-bg {height: 100vh;display: flex;align-items: center;} .curator-main-cls h2 {font-size: 32px;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 30px;} .cur-img-container {overflow: hidden;} .cur-img {max-width: 100%;opacity: 0;transform: scale(0.8);transition: opacity 0.6s, transform 0.6s;} .cur-img.show {opacity: 1;transform: scale(1);} .wizard-form-begin-tiktok .cur-img-container:not(:first-child), .wizard-form-begin-instagram .cur-img-container:not(:first-child) {display: none;} .main-images-wizard {position: relative;} .main-chap-wiz {position: absolute;top: 0;right: 0;} /* BECOME A CURATOR PAGE CSS END */ /* INFLUENCER PROFILE PAGE CSS BEGIN */ .banner-circle-content {margin-top: -23px;} .banner-circle-content small {font-size: 15px;color: #FFFFFF;font-weight: 400;font-family: 'Neue Haas Grotesk Display Pro';margin: 0 0 0 13px;} .khaby-banner {background-image: url("../images/khaby-banner.png");} .khaby-medal-box .shared-badge {padding: 20px 0;} .khaby-video-slide {position: relative;} .video-btn-icon {position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;transition: 0.6s all ease-in-out;overflow: hidden;} .video-btn-icon img {width: 60px;transition: 0.6s all ease-in-out;opacity: 0;transform: translateX(-140px);} .khaby-video-slide:hover .video-btn-icon img {opacity: 1;transform: translateX(0px);} .vid-chg-overlays {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000000ba;border-radius: 10px;opacity: 0;transition: 0.6s all ease-in-out;} .khaby-video-slide:hover .vid-chg-overlays {opacity: 1;} .khaby-video-slide .khb1 {width: 100%;} .khaby-shared-slider-box {margin: 0 5px;} /* INFLUENCER PROFILE PAGE CSS END */ /* MY WALLET PAGE CSS BEGIN */ .bank-sec-amt {background-color: #EDF2F5;padding: 20px 20px;border-radius: 15px;border: 1px solid #707070;display: flex;gap: 10px;} .bank-sec-amt-flex {display: flex;align-items: center;gap: 20px;border-bottom: 1px solid #70707038;padding: 0 0 15px;margin-bottom: 11px;} .wallet-pg-sec {padding: 70px 120px 70px;} .funds-flex {display: flex;gap: 20px;} .funds-inner-box {width: 100%;} .funds-inner-box h6 {font-size: 22px;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 18px;} .fund-amount-box {background-color: #fff;border-radius: 15px;padding: 16px 19px;height: 320px;} .fund-amount-box small {font-size: 15px;font-weight: 500;color: #808080;margin: 25px 0 0;display: block;} .fund-amount-box span {font-size: 30px;font-weight: 700;color: #262626;display: block;margin: 10px 0;} .fund-amount-box a {font-size: 15px;font-weight: 500;color: #fff;background-color: #FBBC04;padding: 10px 20px;border-radius: 6px;margin: 10px 0 10px;display: inline-block;} .fund-amount-box p {font-size: 14px;color: #808080;} .payment-inner-box {background-color: #fff;border-radius: 15px;padding: 16px 19px;} .bank-acc {display: flex;align-items: center;gap: 7px;margin-bottom: 10px;} .bank-acc p {font-size: 15px;font-weight: 500;color: #535353;} .bank-acc a {font-size: 12px;font-weight: 400;color: #106EEA;} .bank-acc img {margin-right: 3px;} .bank-img-icon span {display: flex;align-items: center;justify-content: center;border: 1px solid #262626;width: 38px;height: 38px;border-radius: 50%;} .bank-ic-cont h6 {font-size: 15px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .bank-ic-cont p {font-size: 14px;font-weight: 700;color: #535353;} .bank-ic-cont span {display: block;font-size: 14px;color: #808080;font-weight: 400;} .bank-ic-cont a {font-size: 12px;font-weight: 400;color: #106EEA;text-decoration: underline;} .payout-method-text h6 {font-size: 22px;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 18px;} .paypal-img-btn .btn-primary {background-color: #EDF2F5 !important;border: 1px solid #707070;padding: 10px 50px;text-align: center;display: inline-block;border-radius: 7px;border-color: #707070 !important;} .wallet-body-cls {background-color: #F2F3F7;} .transaction-table-sec h6 {font-size: 22px;color: #262626;font-family: 'Roboto', sans-serif;margin: 50px 0px 18px;} .transaction-box-bg {background-color: #fff;border-radius: 15px;padding: 26px 49px 70px;} .transaction-main-table .table .thead-light th {color: #272727;background-color: #EDF2F5;border-color: #EDF2F5;font-size: 15px;font-weight: 700;padding-left: 30px;} .pr-bar {width: 100%;} .pr-bar span.first-bar {position: relative;display: block;height: 7px;width: 100px;background-color: #E1E1E1;border-radius: 25px;overflow: hidden;} .pr-bar span.first-bar:before {content: "";position: absolute;top: 0;left: 0;width: 15%;height: 7px;background-color: #FBBC04;border-radius: 25px;} .pr-bar span.second-bar {position: relative;display: block;height: 7px;width: 100px;background-color: #E1E1E1;border-radius: 25px;overflow: hidden;} .pr-bar span.second-bar:before {content: "";position: absolute;top: 0;left: 0;width: 50%;height: 7px;background-color: #FBBC04;border-radius: 25px;} .pr-bar span.third-bar {position: relative;display: block;height: 7px;width: 100px;background-color: #E1E1E1;border-radius: 25px;overflow: hidden;} .pr-bar span.third-bar:before {content: "";position: absolute;top: 0;left: 0;width: 80%;height: 7px;background-color: #FBBC04;border-radius: 25px;} .activity-bar-flex {display: flex;align-items: center;gap: 10px;} .transaction-main-table .table td {padding: 0.75rem;vertical-align: middle;border-top: 1px solid #dee2e6;font-size: 14px;font-weight: 400;color: #272727;padding-left: 30px;} .trans-amount {font-size: 16px !important;font-weight: 600 !important;color: #535353 !important;} .trans-red {color: #FF0E0E !important;} .trans-green {color: #4DAA07 !important;} .clock-icon img {width: 10px;} .transaction-main-table .table tr:last-child {border-bottom: 1px solid #dee2e6;} .transaction-flex {display: flex;align-items: center;gap: 20px;} .transaction-first-select {overflow: hidden;} .tr-first-box a {font-size: 17px;font-weight: 500;color: #535353;display: inline-block;border: 1px solid #808080;padding: 13px 40px;border-radius: 7px;} .tr-first-box i {margin-left: 4px;} .tr-first-content {margin: 10px 0 0;display: inline-block;} .tr-box-text {border: 1px solid #808080a3;display: inline-block;padding: 16px 0px 12px;border-radius: 10px;background-color: #fff;display: none;position: absolute;z-index: 1;} .tr-box-text h6 {font-size: 20px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 15px;padding: 0px 25px;} .tr-select-class {display: flex;align-items: center;gap: 10px;margin-bottom: 13px;padding: 0px 25px;} .tr-select-class .form-control {font-size: 15px;font-weight: 400;color: #808080;font-family: 'Roboto', sans-serif;height: auto;outline: none;box-shadow: none;padding: 15px 20px;border-radius: 7px;} .tr-from {width: 100%;} .tr-from label {font-size: 15px;font-weight: 500;color: #262626;} .apply-tr-btn {text-align: end;padding: 10px 25px 0px;border-top: 1px solid #808080a3;margin: 20px 0 0;} .apply-tr-btn .btn-primary {font-size: 14px;font-weight: 500;color: #fff;background-color: #FBBC04 !important;font-family: 'Roboto', sans-serif;padding: 7px 16px;text-transform: uppercase;border-radius: 7px;} .slide-down {animation: slide-down 0.5s ease;} .slide-up {animation: slide-up 0.5s ease;} @keyframes slide-down {0% {transform: translateY(-30px);}100% {transform: translateY(0);}} @keyframes slide-up {0% {transform: translateY(0);}100% {transform: translateY(-20px);}} .container-checkbox {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 17px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: 500;color: #808080;display: flex;align-items: center;} .container-checkbox input {position: absolute;opacity: 0;cursor: pointer;} .container-checkbox .checkmark {position: absolute;top: 5px;left: 10px;height: 15px;width: 15px;background-color: transparent;border: 1px solid #0000006b;border-radius: 3px;} .container-checkbox:hover input ~ .checkmark {background-color: transparent;} .container-checkbox input:checked ~ .checkmark {background-color: #FBBC04;} .container-checkbox .checkmark:after {content: "";position: absolute;display: none;} .container-checkbox input:checked ~ .checkmark:after {display: block;} .container-checkbox .checkmark:after {left: 5px;top: 1px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .tr-second-text-toggle {width: 200px;} .activity-checkbox {padding-left: 15px;} .activity-clear {display: flex;align-items: center;justify-content: space-between;gap: 10px;} .activity-clear a {font-weight: 500;font-size: 15px;color: #262626;} .rotate-180 {transform: rotate(180deg);transition: 0.6s all ease-in-out;} .tr-first-box i {transition: 0.6s all ease-in-out;} /* MY WALLET PAGE CSS END */ /* TERMS & CONDITIONS PAGE CSS BEGIN */ .terms-conditions-sec {padding: 80px 15px 60px;background-color: #fff;margin: 0 140px 0;} .terms-conditions-heading {text-align: center;margin-bottom: 70px;} .terms-conditions-heading h4 {font-size: 30px;font-weight: 500;color: #262626;} .terms-conditions-heading p {color: #535353;} .terms-conditions-content h5 {font-size: 26px;color: #535353;font-family: 'Roboto', sans-serif;margin: 30px 0 20px;} .terms-conditions-content p {font-size: 15px;color: #808080;} /* TERMS & CONDITIONS PAGE CSS END */ /* LIST OF ARTIST PAGE CSS BEGIN */ .artist-welcome-content span {display: block;} section.list-of-artists-sec {padding: 60px 120px 40px;} .main-artist-dropdowns .form-control {font-size: 15px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;height: auto;outline: none;box-shadow: none;padding: 15px 15px;border-radius: 7px;} .main-artist-flex {display: flex;align-items: center;gap: 15px;} .main-artist-dropdowns {width: 100%;} .main-artist-searcbox {position: relative;} .main-artist-searcbox .form-control {font-size: 15px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;height: auto;outline: none;box-shadow: none;padding: 15px 35px 15px 15px;border-radius: 7px;} .artist-searchbox-icon {position: absolute;top: 15px;right: 15px;} .artist-searchbox-icon a {color: #000000;} .filter-row {margin-bottom: 40px;} .list-of-artists-sec .shape-img {width: 100%;} /* LIST OF ARTIST PAGE CSS END */ /* LIST OF CURATORS PAGE CSS BEGIN */ #progressCarousel .carousel-indicators {position: relative;font-size: 1.125rem;letter-spacing: 0;justify-content: inherit;margin-left: inherit;margin-right: inherit;margin-bottom: 30px;} #progressCarousel .carousel-indicators li {position: relative;flex: inherit;width: inherit;height: inherit;margin-right: 0;margin-left: 0;text-indent: inherit;letter-spacing: 0;background-color: inherit;font-size: 25px;color: #262626;font-weight: 500 !important;opacity: 1;} .img-flex-div {display: flex;gap: 10px;} .curator-round-img img {width: 76px;height: 76px;border-radius: 50%;} .curator-round-content h6 {font-size: 20px;color: #262626;font-weight: 500;font-family: 'Roboto', sans-serif;} .curator-round-content p {font-size: 15px;font-weight: 500;color: #535353;line-height: 18px;padding: 4px 0 2px;} .curator-round-content span {font-size: 15px;font-weight: 400;color: #808080;} .bx-main-flex {display: flex;align-items: center;gap: 10px;} .fr-box-cur {position: relative;background-color: #E9F0F5;border-radius: 10px;height: 100px;text-align: center;padding: 15px;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;} .fr-box-cur p {font-size: 15px;font-weight: 700;color: #535353;margin-bottom: 8px;} .fr-box-cur a {color: #000000;position: absolute;top: 4px;right: 6px;width: 10%;display: flex;align-items: flex-start;justify-content: flex-end;} .fr-box-cur span {display: block;font-size: 17px;font-weight: 700;color: #535353;line-height: 17px;} .curator-genre {padding: 10px 0 20px;border-bottom: 1px solid #7070705c;margin: 0 0 20px;} .curator-genre p {font-weight: 500;color: #535353;margin: 0 0 21px;} .curator-genre li {font-size: 14px;font-weight: 400;color: #808080;display: inline;padding: 12px 20px;border: 1px solid #808080;border-radius: 25px;margin-right: 5px;} .main-left-side-curator .row {align-items: flex-start;} .main-left-side-curator {background-color: #fff;padding: 30px 30px 30px;border-radius: 15px;margin-bottom: 25px;} .cr-hover-content {display: flex;align-items: center;gap: 10px;margin-bottom: 15px;} .cr-hover-content h6 {font-size: 18px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;} .cr-hover-content a {font-size: 14px;font-weight: 400;color: #106EEA;} .curator-hover-listing .col-lg-4 {padding: 0 0;} .filter-row-next {transition: 0.6s all ease-in-out;} .filter-row-overflow {margin-bottom: 20px;overflow: hidden;height: 57px;} .filter-row-overflow .filter-row {margin-bottom: 0;} #progressCarousel .progress {background-color: #fff;width: 10px;height: 10px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: 4px;left: 4px;} .progress-outer {width: 20px;height: 20px;border-radius: 50%;border: 1px solid #0000008f;position: absolute;top: 7px;left: -30px;background-color: #fff;z-index: 4;} #progressCarousel .carousel-indicators li.active .progress-outer .progress {width: 10px;height: 10px;background-color: #FBBC04;border-radius: 50%;} #progressCarousel .carousel-indicators li.active .progress-outer {border: 1px solid #0000008f;} .tooltip-inner-text {background-color: #000;padding: 10px 10px;position: absolute;top: -50px;right: 0px;width: 120px;transform: translateY(3px);opacity: 0;transition: 0.6s all ease-in-out;border-radius: 5px;} .tooltip-inner-text span {font-size: 12px;font-weight: 400;color: #fff;display: block;} #progressCarousel .carousel-item {padding: 30px 0 0;} .fr-box-cur a:hover .tooltip-inner-text {transform: translateY(-10px);opacity: 1;} .tooltip-inner-text:after {background: #000;border: 2px solid #000;border-right: 0;border-bottom: 0;content: '';height: 18px;position: absolute;bottom: -4px;right: 4px;transform: rotate(45deg);width: 18px;} .view-all-flex {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;} .view-all-listing-content li {font-size: 14px;color: #808080;display: inline;padding: 0 12px 0 0;} .view-all-listing-content img {margin-right: 3px;} .view-all-flex .cr-hover-content {margin-bottom: 0;} .filter-row, .filter-row-next {position: relative;overflow: hidden;transition: transform 0.6s ease;} .filter-row {transform: translateY(0);} .filter-row-next {transform: translateY(100%);} /* LIST OF CURATORS PAGE CSS END */ /* MY CAMPAIGN ARTIST SONGS PAGE CSS BEGIN */ .artist-song-dashboard .cur-dashboard-left-side {margin: 0 0 30px;} .campaign-artist-row {margin-top: 35px;} .artist-song-submission {background-color: #fff;padding: 20px 20px;border-radius: 15px;margin-bottom: 25px;box-shadow: 0 0 4px 0px #0000002e;} .artist-submission-flex {display: flex;align-items: center;justify-content: space-between;} .artist-submission-content {display: flex;align-items: center;gap: 10px;} .song-title-img {position: relative;} .song-title-btn-play {position: absolute;top: 0;left: 0;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;} .song-title-btn-play a {color: #fff;border: 4px solid #fff;border-radius: 50%;width: 30px;height: 30px;font-size: 15px;display: flex;align-items: center;justify-content: center;} .title-submission h6 {font-size: 17px;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 4px;} .title-submission p {font-size: 15px;color: #535353;line-height: 20px;} .title-submission a {font-size: 13px;color: #88849B;} .title-submission i {margin-right: 5px;} .artist-submission-btn a {font-size: 14px;color: #262626;text-transform: uppercase;background-color: #FBBC04;padding: 12px 30px;border-radius: 25px;} .submit-play-box {display: flex;align-items: center;gap: 12px;margin-top: 20px;width: 100%;} .submit-box-artist {background-color: #E9F0F5;text-align: center;padding: 13px 5px;border-radius: 5px;width: 100%;} .submit-box-artist p {font-size: 14px;color: #262626;} .submit-box-artist span {display: block;color: #FBBC04;font-size: 18px;font-weight: 700;} .song-title-img img {border-radius: 6px;} /* MY CAMPAIGN ARTIST SONGS PAGE CSS END */ /* MY CAMPAIGN ARTIST RESPONSES PAGE CSS END */ .rating-thumbs-content .rate {float: left;height: auto;padding: 0 10px;} .rating-thumbs-content .rate:not(:checked) > input {position:absolute;display: none;} .rating-thumbs-content .rate:not(:checked) > label {float:right;overflow:hidden;white-space:nowrap;cursor:pointer;font-size: 35px;color: #A6A6A6;margin-bottom: 0;} .rating-thumbs-content .rate:not(:checked) > label:before {content: '★ ';} .rating-thumbs-content .rate > input:checked ~ label {color: #ffc700; } .rating-thumbs-content .rate:not(:checked) > label:hover, .rating-thumbs-content .rate:not(:checked) > label:hover ~ label {color: #deb217;} .rating-thumbs-content .rate > input:checked + label:hover, .rating-thumbs-content .rate > input:checked + label:hover ~ label, .rating-thumbs-content .rate > input:checked ~ label:hover, .rating-thumbs-content .rate > input:checked ~ label:hover ~ label, .rating-thumbs-content .rate > label:hover ~ input:checked ~ label {color: #FBBC04;} .rating-thumbs-sign {display: flex;align-items: center;justify-content: space-between;background-color: #D3DEE6;padding: 7px 30px;border-radius: 10px;width: 70%;margin: 30px 0 0 -10px;} .raating-thumbs-text p {font-size: 15px;color: #106EEA;display: flex;align-items: center;gap: 7px;} .hiphop-cart {font-size: 14px;font-weight: 400;color: #106EEA;text-decoration: underline;} .thumbs-icon span {font-size: 25px;padding: 0 6px;color: #A6A6A6;} .thumbs-icon {font-size: 24px;} .thumbs-icon span {cursor: pointer;} .thumbs-icon .fa-thumbs-up.clicked {color: #FBBC04;} .thumbs-icon .fa-thumbs-down.clicked {color: #FF0E0E;} .responses-bg-flex {background-color: #E9F0F5;padding: 20px 30px 20px;border-radius: 15px;box-shadow: 0 0 5px 0 #00000029;} .responses-bg-flex img {width: 100%;border-radius: 8px;} .responses-inner-flex {display: flex;align-items: center;justify-content: space-between;margin: 20px 0 0;} .responses-avatr-flex {display: flex;align-items: center;gap: 10px;} .responses-avatar-content h6 {font-size: 17px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .responses-avatar-content p {font-size: 15px;color: #808080;line-height: 20px;} .responses-avatar-content span {display: block;font-size: 16px;font-weight: 400;color: #262626;line-height: 16px;} .responses-avatar-content a {display: block !important;font-size: 15px !important;color: #106EEA !important;text-decoration: underline;margin-bottom: 0 !important;} .responses-tab {margin: 20px 0 0;} .edit-upload-pencil {font-size: 14px;font-weight: 400;color: #808080 !important;display: table;margin: 0 0 12px auto;} .edit-upload-pencil i {margin-left: 5px;} .response-playicon {position: relative;} .response-playicon-btn {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} .response-playicon-btn a {color: #fff;width: 40px;height: 40px;border-radius: 50%;border: 4px solid #fff;display: flex;align-items: center;justify-content: center;} .submission-right-box {background-color: #E9F0F5;border-radius: 15px;padding: 10px 10px;} .submission-right-box p {font-size: 15px;font-weight: 500;color: #262626;border-bottom: 3px solid #707070;} .submission-right-box .submission-box-span {font-size: 15px;font-weight: 700;color: #262626;} .submission-right-box li {font-size: 14px;color: #535353;border-bottom: 1px solid #70707061;padding: 7px 0;} .submission-right-box .submission-box-inner-span {font-size: 14px;font-weight: 500;color: #535353;} .submission-right-box li:last-child {border-bottom: 0;} #profile-footer .jeff-mail {font-size: 14px;font-weight: 400;line-height: 18px;} .jeff-view-profile {font-size: 14px;color: #106EEA;text-decoration: underline;} /* MY CAMPAIGN ARTIST RESPONSES PAGE CSS END */ /* PLAY LISTING FLOOR PAGE CSS BEGIN */ .playlist-floor-heading h5 {font-size: 25px;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 30px;} .playlisting-floor-sec {padding: 80px 120px;} .playlisting-floor-slider {margin: 20px 0 0;} .playlisting-floor-slider .col-lg-3 {width: 20%;max-width: 20%;} .user-menu-link .credit-amount-content {float: right;display: inline;} .grid-wrapper a {width: 100%;display: block;} .curator-number {position: absolute;top: 10px;left: 10px;} .curator-number span {display: flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 700;color: #FBBC04;width: 34px;height: 34px;background-color: #181414;border-radius: 50%;background-image: linear-gradient(to bottom, #181414, #231e1e, #2e2929, #3b3434, #473f3f);box-shadow: 0 0 3px 0 #0000002b;} .curator-number-img {position: relative;} .playlisting-floor-slider .ang-left-arrow {background-image: linear-gradient(to bottom, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);} .playlisting-floor-slider .ang-right-arrow {background-image: linear-gradient(to bottom, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);} .weekly-performance {display: flex;align-items: center;justify-content: space-between;background-color: #E8E8E8;padding: 20px 40px;border-radius: 15px;} .performance-bar {text-align: center;width: 50%;} .weekly-content h4 {font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .weekly-achivement-bar span {background-color: #8080807d;height: 5px;width: 100%;display: block;border-radius: 25px;position: relative;} .weekly-bar-time {display: flex;align-items: center;justify-content: space-between;} .weekly-bar-time span {font-size: 14px;font-weight: 400;color: #262626;display: inline-block;margin: 7px 0 0;} .achievement-text-amount p {font-size: 14px;color: #262626;} .achievement-text-amount span {font-weight: 500;} .performance-amount {text-align: center;} .performance-amount h5 {font-weight: 400;color: #262626;font-family: 'Roboto', sans-serif;} .performance-amount span {font-size: 27px;font-weight: 500;color: #262626;display: block;} .weekly-achivement-bar span:after {content: "";position: absolute;top: 0;left: 0;width: 30px;height: 5px;background-color: #FBBC04;border-radius: 25px;} .playlisting-floor-mobile-slider {display: none;} /* PLAY LISTING FLOOR PAGE CSS END */ /* SELECT SUBMISSION PAGE CSS BEGIN */ .social-icon-selection label.radio-card .card-content-wrapper:hover {box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #FBBC04;} .select-submission-sec .social-icon-selection label.radio-card .card-content-wrapper {background-color: #E9F0F5;} .select-submission-sec .social-icon-selection label.radio-card .card-content-wrapper:hover {background-color: #fff;box-shadow: 0 2px 13px 6px rgba(219, 215, 215, 0.5), 0 0 0 2px #FBBC04;} .card-content .btn-primary {font-size: 15px;font-weight: 400;color: #262626;font-family: 'Roboto', sans-serif;text-transform: uppercase;background-color: #FBBC04 !important;border-radius: 7px;padding: 10px 15px;margin: 25px 0 0;width: 30%;letter-spacing: 2px;text-align: center;} .select-submission-sec .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-rows: repeat(3, 204px);} .select-submission-sec .curator-main-cls .card-content {padding: 7px 15px 20px;} .select-submission-sec .curator-main-cls h2 {margin-bottom: 40px;} .main-chap-wiz-playlist {position: absolute;top: 0;right: 0;} .credit-amount-content img {width: 15px;} .sub-curator, .sub-influencer, .sub-playlisting {display: none;animation-duration: 1s;} .sub-curator.SlideInUp, .sub-influencer.SlideInUp, .sub-playlisting.SlideInUp {display: block;animation-name: slideInUpAnimation;} @keyframes slideInUpAnimation {from {transform: translateY(100%);opacity: 0;}to {transform: translateY(0);opacity: 1;}} .select-submission-sec {padding: 30px 120px 0px;} /* SELECT SUBMISSION PAGE CSS END */ /* UPLOAD SONGS CURATOR & CHOOSE CURATOR PAGE CSS BEGIN */ .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 49%;} .upload-songs-curator .list-inline {display: flex;align-items: center;justify-content: space-between;margin-top: 50px;} .upload-song-tab h4 {font-size: 30px;color: #262626;font-family: 'Roboto', sans-serif;margin: 0 0 15px;} .upload-song-selection-field {display: flex;align-items: center;gap: 20px;} .upload-song-link-field {width: 81%;position: relative;} .upload-song-link-field .form-control {height: auto;outline: none;box-shadow: none;padding: 13px 15px 13px 42px;border: 1px solid #707070;border-radius: 25px;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;color: #808080;cursor: pointer;} .upload-song-mp3 .btn-primary {font-size: 18px;font-weight: 400;color: #808080 !important;border: 1px solid #000;border-color: #808080 !important;font-family: 'Roboto', sans-serif;padding: 12px 15px 12px 40px;border-radius: 25px;} .radio-upload-song {position: absolute;top: 15px;left: 18px;} .upload-song-mp3 {position: relative;} .radio-upload-song input[type="radio"] {appearance: none;-webkit-appearance: none;width: 15px;height: 15px;border: 1px solid #808080;border-radius: 50%;outline: none;margin-right: 5px;} .radio-upload-song input[type="radio"]:checked {border-color: #808080;position: relative;} .radio-upload-song input[type="radio"]:checked:before {content: '';position: absolute;top: 2px;left: 2px;width: 8px;height: 8px;background-color: #FBBC04;border-radius: 50%;} .upload-song-link-field .form-control.clicked {border-color: #FBBC04;box-shadow: 0 0 8px 0 #0000002b;} .upload-song-mp3 .btn-primary.clicked {border-color: #FBBC04 !important;box-shadow: 0 0 8px 0 #0000002b;} .is-song-text {margin: 30px 0 0;} .is-song-text h5 {color: #262626;margin-bottom: 18px;} .upload-song-yes-no {display: flex;align-items: center;gap: 20px;} .upload-song-yes-btn {position: relative;} .upload-song-yes-btn .btn-primary {position: relative;font-size: 17px;font-weight: 400;color: #808080 !important;border: 1px solid #808080;border-color: #808080 !important;padding: 12px 45px;border-radius: 25px;} .upload-song-no-btn {position: relative;} .upload-song-no-btn .btn-primary {position: relative;font-size: 17px;font-weight: 400;color: #808080 !important;border: 1px solid #808080;border-color: #808080 !important;padding: 12px 45px;border-radius: 25px;} .radio-upload-song-yes {position: absolute;top: 15px;left: 18px;z-index: 1;} .radio-upload-song-no {position: absolute;top: 15px;left: 18px;z-index: 1;} .radio-upload-song-yes input[type="radio"], .radio-upload-song-no input[type="radio"] {appearance: none;-webkit-appearance: none;width: 15px;height: 15px;border: 1px solid #707070;border-radius: 50%;outline: none;margin-right: 5px;background-color: transparent;} .radio-upload-song-yes input[type="radio"]:checked, .radio-upload-song-no input[type="radio"]:checked {border-color: #707070;position: relative;} .radio-upload-song-yes input[type="radio"]:checked:before, .radio-upload-song-no input[type="radio"]:checked:before {content: '';position: absolute;top: 2px;left: 2px;width: 8px;height: 8px;background-color: #FBBC04;border-radius: 50%;} .artist-song-name {margin: 30px 0 0;} .artist-song-name h5 {color: #262626;margin-bottom: 15px;} .artist-song-name .form-control {height: auto;padding: 12px 15px;box-shadow: none;outline: none;font-size: 15px;font-weight: 400;color: #535353;border-radius: 6px;border: 1px solid #707070;} .release-text {color: #262626;margin-bottom: 18px;margin-top: 35px;} .song-hide-box {background-color: #535353;padding: 9px 9px;border-radius: 12px;margin: 15px 0 0;display: flex;justify-content: space-between;align-items: center;} .song-hide-img-flex {display: flex;align-items: center;gap: 15px;} .song-hide-img img {border-radius: 10px;} .song-hide-content h6 {font-size: 16px;color: #FFFFFF;font-family: 'Roboto', sans-serif;line-height: 20px;} .song-hide-content p {font-size: 11px;font-weight: 500;color: #CCCCCC;font-family: 'Roboto', sans-serif;line-height: 18px;} .song-hide-content span {font-size: 10px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;background-color: #CCCCCC;padding: 4px 8px;border-radius: 2px;display: inline-block;text-transform: uppercase;} .dots-play-icon {display: flex;align-items: center;gap: 10px;} .dots-play-icon .upload-dots {display: inline-block;color: #CCCCCC;} .dots-play-icon .upload-play-icon {width: 30px;height: 30px;background-color: #FCFCFC;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .white-spotify-box {display: flex;align-items: end;justify-content: center;flex-direction: column;} .white-spotify-icon {margin-bottom: 8px;margin-right: 3px;} #previewContainer {display: block;margin: 20px 0 16px;} #previewContainer img {border: 0;padding: 10px 10px;background-color: #E9F0F5;border-radius: 5px;margin-right: 10px;} #previewContainer button {width: 24px;height: 24px;border: 1px solid #707070 !important;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #707070;} #previewContainer div {justify-content: space-between;} #previewContainer p {margin-left: -73px;} .image-thumbnail-selector a {position: relative;height: 300px;width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #E9F0F5;} .image-thumbnail-selector p {font-size: 14px;font-weight: 500;color: #808080;font-family: 'Roboto', sans-serif;margin-top: 10px;} .album-art-work {background-color: #fff;padding: 3px 7px;border-radius: 3px;box-shadow: 0 0 6px 0 #0000001f;position: absolute;top: 10px;left: 10px;z-index: 2;} .album-art-work span {font-size: 14px;font-weight: 400;color: #535353;display: inline-block;} .released-song-date {margin: 16px 0 0;} .released-song-date span {font-size: 14px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;display: block;margin: 0 0 9px;} .released-song-date .form-control {width: 27%;padding: 10px 15px;height: auto;outline: none;box-shadow: none;border: 1px solid #808080;} .song-hide-box {display: flex;opacity: 0;max-height: 0;overflow: hidden;transition: max-height 0.8s ease-in-out, opacity 0.4s ease-in-out, 0.8s all ease-in-out;} .song-hide-box.show {max-height: 500px;opacity: 1;transition: 0.8s all ease-in-out;} .show-hide-box-song {max-height: 0;overflow: hidden;transition: max-height 0.8s ease-in-out;} .released-song-date {max-height: 0;overflow: hidden;transition: max-height 0.8s ease;} .released-song-date.show {max-height: 100px;} .song-released-tab-text h5 {color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 20px;} .released-song-language {display: flex;align-items: flex-start;gap: 15px;margin: 16px 0 0;} .language-selection {width: 20%;} .language-selection .form-control {border: 1px solid #707070;padding: 12px 15px;height: auto;outline: none;box-shadow: none;font-size: 15px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;border-radius: 10px;} .upload-lyrics-btn .btn-primary {font-size: 15px;font-weight: 400;color: #535353 !important;display: flex;align-items: center;gap: 15px;border: 1px solid #707070;padding: 14px 25px;border-color: #707070 !important;border-radius: 10px;} .curator-song-options {margin: 25px 0 0;} .upload-song-tab {margin: 40px 0 0;} .song-info-tab {margin: 40px 0 0;} .lease-text {font-size: 17px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;margin: 25px 0px 15px;display: flex;align-items: center;gap: 12px;} .lease-text span {color: #808080;font-size: 14px;font-weight: 400;text-align: left;line-height: 23px;} .instrumental-btn .btn-primary {font-size: 17px;color: #808080 !important;font-weight: 400;border: 1px solid #808080;border-color: #808080 !important;padding: 12px 15px;border-radius: 25px;display: flex;font-family: 'Roboto', sans-serif;align-items: center;gap: 10px;} .curator-genres {margin: 35px 0 0;} .curator-genres h5 {margin-bottom: 7px;} .curator-genres p {color: #808080;font-family: 'Roboto', sans-serif;margin-bottom: 20px;} .select-dropdown-text .form-control {font-size: 15px;font-weight: 500;color: #535353;height: auto;box-shadow: none;padding: 12px 15px;border-radius: 8px;outline: none;font-family: 'Roboto', sans-serif;border: 1px solid #707070;} .select-dropdown-text {margin: 0 0 15px;} .pitch-curator {margin: 28px 0 0;} .pitch-curator p {color: #808080;margin: 10px 0 18px;font-family: 'Roboto', sans-serif;} .pitch-text-area {position: relative;} .pitch-text-area .form-control {height: auto;outline: none;box-shadow: none;padding: 33px 15px 12px 15px;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;color: #535353;resize: none;border-radius: 8px;border: 1px solid #707070;} .curator-song-options span {display: inline-block;font-size: 17px;} .curator-animate-text {position: absolute;top: 0;left: 17px;} .curator-animate-text p {font-size: 15px;color: #535353;} .round {position: relative;} .round label {background-color: #fff;border: 1px solid #707070;border-radius: 50%;cursor: pointer;height: 15px;width: 15px;margin-left: -19px;vertical-align: bottom;margin-right: 4px;} .round input[type="checkbox"] {visibility: hidden;} .round input[type="checkbox"]:checked + label {position: relative;} .round input[type="checkbox"]:checked + label:before {content: "";position: absolute;top: 2px;left: 2px;width: 8px;height: 8px;background-color: #FBBC04;border-radius: 50%;} .track-overview-box a {font-size: 14px;color: #808080;font-family: 'Roboto', sans-serif;display: flex;align-items: center;gap: 10px;justify-content: flex-end;margin-bottom: 20px;position: relative;z-index: 4;} .track-overview-box i {color: #808080;} .track-overview-box img {width: 100%;border-radius: 10px;} .track-overview-box {background-color: #E9F0F5;padding: 22px 40px;border-radius: 10px;} .track-overview-tab h4 {font-size: 30px;color: #262626;margin-bottom: 20px;font-family: 'Roboto', sans-serif;} .track-overview-tab {margin: 25px 0 0;} .song-lyrics-box {background-color: #E9F0F5;padding: 32px 40px 22px;border-radius: 10px;margin: 15px 0 0;} .songs-lyrics-text h5 {color: #262626;font-family: 'Roboto', sans-serif;} .songs-lyrics-text a {display: flex;align-items: center;gap: 10px;font-size: 14px;font-weight: 400;color: #808080;} .songs-lyrics-text i {color: #808080;} .songs-lyrics-text p {font-size: 17px;font-weight: 400;color: #707070;} .songs-lyrics-text li {font-size: 17px;color: #707070;display: inline-block;padding: 0 15px 0 0;} .songs-lyrics-text {margin: 0 0 20px;} .choose-an-option h4 {margin: 40px 0 0;} .choose-an-option p {color: #808080;margin: 0 0 30px;} .choose-curators-sec-bg {padding: 80px 120px;position: relative;} .choose-back-arrow a {font-size: 16px;font-weight: 700;color: #FBBC04;display: flex;align-items: center;gap: 12px;margin-bottom: 10px;} .choose-back-arrow h4 {font-size: 30px;color: #262626;font-family: 'Roboto', sans-serif;} .choose-curator-flex .select-header {padding: 12px 15px;border: 1px solid #808080;cursor: pointer;border-radius: 10px;} .choose-curator-flex .arrow {float: right;transition: transform 0.6s ease;} .choose-curator-flex .options {list-style: none;padding: 0;margin: 0;max-height: 0;overflow: hidden;/* transition: max-height 0.2s ease, opacity 0.2s ease; */padding: 7px 15px;margin: 11px 0 0;position: absolute;z-index: 2;width: 100%;background-color: #fff;} .choose-curator-flex .options.open {max-height: 300px;opacity: 1;border: 1px solid #FBBC04;border-radius: 10px;background-color: #fff;box-shadow: 0 0 4px 0 #0000003d;position: absolute;} .choose-curator-flex .visible {opacity: 1;} .choose-curator-flex .options li {padding: 7px 0;font-size: 15px;color: #535353;} .choose-curator-flex .selected-option {font-size: 15px;font-weight: 500;color: #535353;} .curator-search-dropdown {position: relative;} .curator-search-dropdown .form-control {padding: 12px 34px 12px 15px;border: 1px solid #808080;border-radius: 10px;height: auto;outline: none;box-shadow: none;font-size: 15px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;} .curator-search-icon {position: absolute;top: 12px;right: 12px;} .curator-search-icon a {color: #000000;} .curator-fav-btn a {font-size: 15px;font-weight: 500;color: #535353;padding: 12px 25px;border: 1px solid #808080;border-radius: 10px;display: inline-block;} .curator-fav-btn i {margin-right: 10px;} .choose-curator-flex .round {position: relative;cursor: pointer;} .choose-curator-flex .round label {background-color: #fff;border: 1px solid #ccc;border-radius: 50%;cursor: pointer;height: 12px;width: 12px;vertical-align: -webkit-baseline-middle;} .choose-curator-flex .round label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 6px;left: 7px;opacity: 0;position: absolute;top: 8px;transform: rotate(-45deg);width: 12px;} .choose-curator-flex .round input[type="checkbox"] {visibility: hidden;} .choose-curator-flex .round input[type="checkbox"]:checked + label:after {opacity: 1;} .choose-curator-flex .round input[type="checkbox"]:checked + label:before {content: "";position: absolute;top: 2px;left: 2px;width: 6px;height: 6px;background-color: #FBBC04;border-radius: 50%;} .choose-curator-flex .round span {display: block;margin-left: 18px;} .choose-curator-flex .others.open {max-height: 400px;} .choose-curator-flex .dropdown-tabs-content.open {max-height: 600px;max-width: 650px;width: 650px;z-index: 2;position: absolute;} .choose-curator-flex .dropdown-tabs-content {max-height: 0;max-width: 650px;width: 650px;padding: 7px 11px;position: absolute;} .tab-left-listing a {display: block;font-size: 15px;color: #535353;font-weight: 400;padding: 7px 9px 7px;display: flex;align-items: center;justify-content: space-between;} .tab-left-listing a:hover, .tab-left-listing a:focus {background-color: #EDF2F5;} .tab-left-listing i {color: #707070;font-weight: 300;font-size: 10px;transition: 0.6s all ease-in-out;} .options-listing-content .checkbox__input {display: none;} .options-listing-content .checkbox__inner {display: inline-block;width: 12px;height: 12px;border-radius: 50%;border: 1px solid #ccc;cursor: pointer;transition: background-color 0.6s, border-color 0.6s;margin-right: 4px;} .options-listing-content .checkbox__input:checked + .checkbox__inner {position: relative;} .options-listing-content .checkbox__input:checked + .checkbox__inner::before {content: "";position: absolute;top: 2px;left: 2px;width: 6px;height: 6px;border-radius: 50%;background-color: #FBBC04;} .options-listing-content li {padding: 1px 0 !important;cursor: pointer;} .tab-left-listing a.active {background-color: #EDF2F5;display: flex;} .dropdown-tabs {padding: 8px 0px;} .dropdown-tabs .left-panel {flex: 1;display: flex;flex-direction: column;background-color: #f0f0f0; } .dropdown-tabs .right-panel {flex: 2;display: flex;flex-direction: column;background-color: #e0e0e0;} .dropdown-tabs .tab-content {display: none;} .dropdown-tabs .active {display: flex;} .tab-left-listing a.active i {transform: rotate(136deg);} .dropdown-tabs .tab-content {display: none;position: relative;animation-duration: 0.8s;} .dropdown-tabs .active {display: block;animation-duration: 0.8s;} .dropdown-tabs .slideInRight {animation-name: slideInRight;} .dropdown-tabs .slideInLeft {animation-name: slideInLeft;} @keyframes slideInRight {from {transform: translateX(100%);}to {transform: translateX(0);}} @keyframes slideInLeft {from {transform: translateX(0);}to {transform: translateX(-100%);}} .choose-curator-flex {margin-bottom: 40px;} .choose-shadow {background-color: #fff;padding: 30px 35px 40px;box-shadow: 0 0 12px 2px #0000002b;position: relative;} .curator-round-content li {display: inline-block;font-size: 15px;color: #808080;} .curator-round-content i {color: #FBBC04;} .curator-round-content .curator-bar {vertical-align: revert;padding: 0px 2px;} .curator-bottom-selection-bar {display: flex;align-items: center;justify-content: space-between;position: fixed;bottom: 0;width: 100%;background-color: #fff;box-shadow: 0 0 11px 1px #0000002e;padding: 20px 120px;left: 0;z-index: 1;} .bottom-selection-left {display: flex;align-items: center;gap: 10px;} .display-curator-img img {width: 54px;height: 54px;border-radius: 50%;} .display-curator-img .curator-img-move {margin-left: -25px;} .curator-move-content p {font-weight: 500;color: #262626;line-height: 24px;} .curator-move-content span {font-size: 15px;font-weight: 500;color: #106EEA;} .bottom-selection-btn .btn-primary {background-color: #FBBC04 !important;font-size: 15px;font-weight: 400;color: #262626 !important;text-transform: uppercase;letter-spacing: 2px;padding: 12px 30px;border-radius: 25px;} .selection-f-box {background-image: linear-gradient(to bottom, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);padding: 15px 15px;display: flex;align-items: center;justify-content: space-between;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;position: absolute;bottom: 0;left: 0;width: 100%;} .selection-f-input p {font-size: 15px;font-weight: 500;color: #FFFFFF;display: flex;align-items: center;} .selection-f-input input {margin-right: 5px;vertical-align: inherit;} .selection-f-input i {color: #fff;margin-left: 10px;font-size: 30px;} .choose-shadow .curator-hover-listing {margin-bottom: 45px;} .curoator-boxes-listing {padding: 20px 0 0;} .choose-shadow .form-group {margin-bottom: 0;} .choose-shadow .form-group input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;} .choose-shadow .form-group label {position: relative;cursor: pointer;width: 24px;height: 24px;background-color: #fff;margin-bottom: 0;margin-right: 10px;border-radius: 3px;} .choose-shadow .form-group label:before {content:'';appearance: none;-webkit-appearance: none;background-color: transparent;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 10px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 5px;} .choose-shadow .form-group input:checked + label:after {content: '';display: block;position: absolute;top: 3px;left: 3px;width: 18px;height: 18px;border-width: 0 2px 2px 0;background-color: #FBBC04;} .released-song-language.show {max-height: 100px;} .released-song-language {max-height: 0;overflow: hidden;transition: max-height 0.8s ease;} #lyricsFileInput {display: none !important;} .file-preview {font-size: 15px;margin-top: 5px;} #lyricsFileInput-instrument {display: none !important;} .file-preview-instrument {font-size: 15px;margin-top: 5px;} .pitch-curator .round {display: block;width: auto;height: auto;background-color: transparent;border-radius: 0;cursor: pointer;transform: none;} .pitch-curator #checkbox {display: none;} .pitch-curator .curator-animate-text p {display: none;} .pitch-curator .round label {margin-left: 0;} .pitch-curator .curator-animate-text p.slide-down {animation: slideDown 0.6s ease;} .pitch-curator .curator-animate-text p.slide-up {animation: slideUp 0.6s ease;} @keyframes slideDown {from {opacity: 0;transform: translateY(-20px);}to {opacity: 1;transform: translateY(0);}} @keyframes slideUp {from {opacity: 1;transform: translateY(0);}to {opacity: 0;transform: translateY(-20px);}} .genre-msg-bar p {font-size: 15px;font-weight: 400;color: #808080;line-height: 22px;position: relative;background-color: #ff0e0e2b;border-radius: 10px;padding: 15px 30px;overflow: hidden;margin: 30px 0 0;} .genre-msg-bar p:before {content: "";position: absolute;top: 0;left: 0;width: 11px;height: 80px;background-color: #FF0E0E;} /* UPLOAD SONGS CURATOR & CHOOSE CURATOR PAGE CSS END */ /* PACKAGES PAGE CSS BEGIN */ .packages-pg-sec {padding: 50px 120px;width: 75%;margin: 0 auto;} .packages-msg p {border: 1px solid #FF0E0E;border-radius: 15px;padding: 15px 30px;font-size: 17px;font-weight: 700;color: #FF0E0E;line-height: 24px;box-shadow: 0 0 7px 0 #0000002e;} .packages-msg span {display: block;} .packages-selection-box {background-color: #fff;box-shadow: 0 0 16px 4px #00000030;padding: 20px 15px 20px;border-radius: 10px;border: 2px solid transparent;margin-bottom: 30px;transition: 0.6s all ease-in-out;} .packages-selection-box:hover {border: 2px solid #FBBC04;box-shadow: none;} .security-lock-text {display: flex;align-items: center;justify-content: space-between;} .security-lock-text p {font-size: 14px;color: #535353;display: flex;align-items: center;gap: 8px;} .security-lock-text a {font-size: 15px;font-weight: 400;color: #262626;border: 1px solid #707070;padding: 7px 22px;border-radius: 25px;} .packages-selection-box span {font-size: 55px;font-weight: 700;color: #535353;display: flex;align-items: center;gap: 15px;justify-content: center;} .packages-selection-box h5 {color: #262626;font-family: 'Roboto', sans-serif;text-align: center;margin-bottom: 50px;} .coins-heading {color: #262626;font-family: 'Roboto', sans-serif;border-bottom: 2px solid #FBBC04;display: table;margin: 40px auto;} .packages-selection-box:hover .security-lock-text a {background-color: #FBBC04;color: #262626;border: 1px solid #FBBC04;} /* PACKAGES PAGE CSS END */ /* CHECKOUT PAGE CSS BEGIN */ .box-bundle {background-color: #EDF2F5;padding: 14px 20px;display: flex;align-items: center;justify-content: space-between;border-radius: 8px;margin-bottom: 15px;} .coin-bundles-content {padding: 60px 200px 0;} .coin-bundles-content h5 {color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 30px;} .bundle-inner-text {display: flex;align-items: center;gap: 15px;} .bundle-inner-amount span {font-size: 40px;font-weight: 700;color: #262626;display: flex;align-items: center;gap: 5px;line-height: 52px;} .bundle-inner-amount img {width: 39px;height: 39px;} .bundle-inner-amount h6 {font-size: 20px;color: #535353;font-family: 'Roboto', sans-serif;} .coin-bundles-sec .col-lg-6.left-grey-bg {padding: 0 0 42px;background-color: #F7F6F9;height: auto;} .coin-bundle-payment h5 {color: #262626;font-family: 'Roboto', sans-serif;} .coin-bundle-payment p {font-size: 15px;font-weight: 500;color: #808080;} .payment-method-field p {font-weight: 700;color: #535353;margin-bottom: 12px;} .methods-selection {display: flex;align-items: center;gap: 20px;} .methods-cards-selection a {display: flex;align-items: center;gap: 8px;border: 1px solid #DBDBDB;border-radius: 10px;padding: 12px 20px 12px 10px;box-shadow: 0 0 6px 1px #0000002e;} .methods-cards-selection i {color: #808080;} .methods-cards-selection p {font-size: 15px;font-weight: 500;color: #808080;margin-bottom: 0;} .paypal-method-selection img {display: table;margin: 0 auto;} .paypal-method-selection a {padding: 17px 60px 17px 10px;display: flex;align-items: center;gap: 8px;border: 1px solid #DBDBDB;border-radius: 10px;box-shadow: 0 0 6px 1px #0000002e;} .coin-bundle-payment {padding: 60px 200px;} .payment-method-field {margin: 30px 0 0;} .slide-first-fields label {font-size: 15px;font-weight: 700;color: #535353;margin: 20px 0 11px;} .complete-field {display: flex;align-items: center;box-shadow: 0 0 4px 1px #0000002b;border-radius: 9px;padding: 3px 0px;} .card-inside {width: 100%;position: relative;} .card-inside-img {position: absolute;top: 0;left: 10px;} .card-inside-img i {color: #808080;font-size: 25px;} .complete-field .form-control {font-size: 15px;font-weight: 400;color: #808080;outline: none;resize: none;height: auto;padding: 12px 15px;font-family: 'Roboto', sans-serif;border: 0;width: 100%;} .card-inside .card-number-text {padding: 0 0 0 50px;} .month-field-cont {width: 33%;} .cvc-field-cont {width: 25%;padding: 0 3px 0 0;} .card-holder-name .form-control {font-size: 15px;font-weight: 400;color: #808080;outline: none;resize: none;height: auto;padding: 15px 15px;font-family: 'Roboto', sans-serif;border: 0;width: 100%;box-shadow: 0 0 4px 1px #0000002b;border-radius: 9px;} .slide-second-fields a {display: block;background-image: linear-gradient(to bottom, #106eea, #0e67da, #0e61ca, #0f5aba, #1154ab);text-align: center;padding: 10px 0 13px;border-radius: 10px;margin-top: 20px;} .slide-second-fields p {font-weight: 500;color: #808080;margin-top: 10px;} .billing-address label {font-weight: 700;color: #535353;margin-bottom: 12px;font-size: 15px;} .billing-address .form-control {font-size: 15px;font-weight: 400;color: #808080;outline: none;resize: none;height: auto;padding: 15px 15px;font-family: 'Roboto', sans-serif;border: 0;width: 100%;box-shadow: 0 0 4px 1px #0000002b;border-radius: 9px;} .state-zip-content {display: flex;align-items: center;} .country-form {border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;} .number-form {border-top-left-radius: 0 !important;border-bottom-right-radius: 0 !important;border-top-right-radius: 0 !important;} .state-form {border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;border-top-right-radius: 0 !important;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .billing-address {margin: 30px 0 0;} .promo-code-content {margin: 20px 0 0;} .subtotal-summary {margin: 16px 0 20px;} .subtotal-summary li {font-size: 15px;color: #535353;padding: 15px 0 0;} .paynow-end-btn a {font-size: 15px;font-weight: 700;color: #535353;background: #FBBC04;display: block;text-align: center;padding: 15px 10px;border-radius: 10px;} .slide-second-fields img {width: 100px;} .paynow-end-btn p {font-weight: 400;color: #808080;display: flex;align-items: center;gap: 10px;justify-content: center;margin: 10px 0 0;} .paynow-end-btn i {font-size: 22px;} .box-bundle {display: flex;align-items: center;cursor: pointer;padding: 10px;border: 1px solid #ccc;transition: background-color 0.3s;background-color: #EDF2F5;} .bundle-inner-selection {position: relative;width: 15px;height: 15px;border: 2px solid #ccc;border-radius: 50%;margin-right: 10px;} .bundle-inner-selection input[type="radio"] {opacity: 0;width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;} .bundle-inner-selection input[type="radio"]:checked + label:after {content: "";position: absolute;top: 51%;left: 51%;transform: translate(-56%, -58%);width: 8px;height: 8px;border-radius: 50%;background-color: #FBBC04;} .box-bundle.selected {background-color: #fff;border: 1px solid #FBBC04;} .methods-cards-selection {width: 50%;} .paypal-method-selection {width: 50%;position: relative;z-index: 999;} .cards-overflow-div {overflow: hidden;margin: 0 0px;padding: 2px 2px;} /* CHECKOUT PAGE CSS END */ /* SUCCESSFULLY SUBMITTED PAGE CSS BEGIN */ .successfully-submitted-sec {height: 100vh;display: flex;align-items: center;justify-content: center;width: 100%;} .successfully-text {width: 39%;text-align: center;margin: 0 auto;} .successfully-text h6 {display: flex;align-items: center;gap: 15px;margin: 35px 0;justify-content: center;} .successfully-text span {width: 40px;height: 40px;background-color: #E9F0F5;display: flex;align-items: center;justify-content: center;border-radius: 4px;} .successfully-text p {font-size: 20px;color: #808080;} .successfully-text a {font-weight: 700;color: #106EEA;text-decoration: underline;font-size: 20px;} .successful-header {position: absolute;box-shadow: 0 0 4px 1px #00000026;background-color: #fff;} /* SUCCESSFULLY SUBMITTED PAGE CSS END */ /* GROUND FLOOR TICKET PRICING PAGE CSS BEGIN */ .ground-floor-ticket-sec {padding: 160px 120px 80px;} .ground-floor-heading h4 {font-size: 30px;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 35px;} .ground-floor-box1 {border: 1px solid transparent;background-color: #fff;box-shadow: 0 0 9px 1px #0000002e;border-radius: 10px;padding: 31px 30px 20px;margin-bottom: 25px;transition: 0.6s all ease-in-out;} .ground-floor-box1:hover {border: 1px solid #FBBC04;box-shadow: none;} .run-days-flex {display: flex;align-items: center;justify-content: space-between;} .run-dasys-cls h6 {font-size: 20px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .run-dasys-cls p {font-size: 15px;color: #808080;} .amount-dy-cls span {font-size: 28px;font-weight: 700;color: #535353;display: block;line-height: 28px;} .top-rows-flex {display: flex;align-items: center;justify-content: space-between;margin: 26px 0 20px;} .top-rows-select {display: flex;gap: 8px;cursor: pointer;} .top-rows-radio-text h6 {font-size: 18px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;} .top-rows-radio-text p {font-size: 14px;color: #808080;} .top-rows-amount span {font-size: 18px;font-weight: 700;color: #808080;display: flex;align-items: center;gap: 4px;justify-content: center;} .top-rows-amount small {font-size: 14px;font-weight: 400;color: #535353;display: block;} .amount-dy-cls small {font-size: 14px;font-weight: 400;color: #535353;} .ground-floor-body {background-color: #FCFCFC;} .top-select-btn .btn-primary {font-size: 15px;font-weight: 400;color: #262626;text-transform: uppercase;background-color: #FBBC04 !important;border-radius: 5px;padding: 10px 33px;letter-spacing: 2px;} .ground-floor-ticket-sec .row {align-items: center;} .ground-floor-box .checkbox-custom, .ground-floor-box .radio-custom {opacity: 0;position: absolute;} .ground-floor-box .checkbox-custom, .ground-floor-box .checkbox-custom-label, .ground-floor-box .radio-custom, .ground-floor-box .radio-custom-label {display: inline-block;vertical-align: middle;margin: 0;cursor: pointer;} .ground-floor-box .checkbox-custom-label, .ground-floor-box .radio-custom-label {position: relative;} .ground-floor-box .checkbox-custom + .checkbox-custom-label:before, .ground-floor-box .radio-custom + .radio-custom-label:before {content: '';background: #fff;border: 2px solid #ddd;display: inline-block;vertical-align: super;width: 15px;height: 15px;padding: 2px;margin-right: 0;text-align: center;margin-top: 3px;} .ground-floor-box .checkbox-custom:checked + .checkbox-custom-label:before {content: "\f00c";font-family: 'FontAwesome';background: #FBBC04;color: #fff;font-size: 6px;} .ground-floor-box .radio-custom + .radio-custom-label:before {border-radius: 50%;} .ground-floor-box .radio-custom:checked + .radio-custom-label:before {content: "\f00c";font-family: 'FontAwesome';color: #bbb;} .top-rows-amount {text-align: center;} .top-rows-amount img {width: 13px;} /* GROUND FLOOR TICKET PRICING PAGE CSS END */ /* UPLOAD SONG PLAYLISTING FLOOR PAGE CSS BEGIN */ .upload-song-playlsiting-sec {padding: 120px 120px 70px;} .bottom-add-btn {display: flex;align-items: center;gap: 20px;justify-content: end;margin-top: 40px;} .bottom-add-btn .add-another-btn {font-size: 15px;font-weight: 400;color: #262626 !important;text-transform: uppercase;display: flex;align-items: center;gap: 6px;border: 1px solid #FBBC04;border-color: #FBBC04 !important;text-align: center;padding: 12px 30px;border-radius: 25px;letter-spacing: 2px;} .bottom-add-btn .add-next-pg-btn {font-size: 15px;font-weight: 400;color: #262626 !important;text-transform: uppercase;background-color: #FBBC04 !important;padding: 12px 30px;border-radius: 25px;display: flex;align-items: center;gap: 5px;letter-spacing: 2px;} .bottom-add-btn .add-another-btn i {color: #707070;} .add-another-curator-content p {font-size: 16px;font-weight: 400;color: #262626;line-height: 20px;margin-top: 0;} .add-another-curator-content span {font-size: 14px;font-weight: 400;color: #808080;} .add-another-curator-content a {position: absolute;top: 8px;right: 8px;border: 1px solid #535353;color: #535353;width: 14px;height: 14px;border-radius: 50%;font-size: 10px;display: flex;align-items: center;justify-content: center;} .add-another-content {margin-top: 20px;display: flex;align-items: flex-start;gap: 10px;background-color: #E9F0F5;border-radius: 10px;padding: 15px;width: 25%;position: relative;} .add-another-content img {border-radius: 10px;} /* UPLOAD SONG PLAYLISTING FLOOR PAGE CSS END */ /* TRACK OVERVIEW PLAYLISTING FLOOR PAGE CSS BEGIN */ .track-overview-playlisting-sec {padding: 140px 120px 80px;} .track-playlisting {margin: 90px 0 0;} .song-lyrics-btn {display: flex;align-items: center;justify-content: space-between;margin: 50px 0 0;} .song-lyrics-btn .songs-lyrics-back {font-size: 15px;font-weight: 400;color: #262626 !important;text-transform: uppercase;letter-spacing: 2px;display: flex;align-items: center;gap: 6px;border: 1px solid #000000;border-color: #000000 !important;padding: 12px 30px;border-radius: 25px;justify-content: center;} .song-lyrics-btn .song-lyrics-finish {font-size: 15px;font-weight: 400;color: #262626 !important;text-transform: uppercase;letter-spacing: 2px;display: flex;align-items: center;gap: 6px;border: 1px solid transparent;border-color: transparent !important;padding: 12px 30px;border-radius: 25px;justify-content: center;background-color: #FBBC04 !important;} /* TRACK OVERVIEW PLAYLISTING FLOOR PAGE CSS END */ /* DISPLAY MY SECTION PAGE CSS BEGIN */ .display-my-sec {padding: 170px 120px;} .display-sec-boxes {display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;} .selected-curator-remove span {font-size: 16px;font-weight: 700;color: #FBBC04;} .selected-curator-remove h5 {font-size: 24px;color: #262626;font-family: 'Roboto', sans-serif;} .selected-curator-cut a {width: 30px;height: 30px;border: 1px solid #707070;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #808080;} .display-my-sec-box {transition: 0.6s all ease-in-out;display: flex;align-items: center;justify-content: space-between;box-shadow: 0 0 14px 2px #0000002b;border-radius: 50px;padding: 10px 35px 10px 20px;background-color: #fff;margin-bottom: 25px;} .display-sec-img {display: flex;align-items: center;gap: 10px;} .display-box-img img {width: 76px;height: 76px;border-radius: 50%;} .display-box-sec-content h6 {font-size: 17px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .display-box-sec-content p {font-size: 15px;font-weight: 500;color: #535353;line-height: 20px;padding: 3px 0;} .display-box-sec-content span {font-size: 15px;font-weight: 400;color: #808080;line-height: 20px;} .credits-blog span {font-size: 17px;font-weight: 500;color: #262626;display: block;} .credits-blog a {margin: -26px 0 0 0;display: block;/* text-align: center; */opacity: 0;font-size: 17px;font-weight: 500;color: #FF0E0E;cursor: pointer;} .main-display-boxes-flex {margin: 0 120px 0;} .display-my-sec-box:hover .credits-blog a {cursor: pointer;position: relative;font-weight: 500;} .display-my-sec-box:hover {box-shadow: 0 0 20px 2px #00000047;transform: scale(1);} .delete-link {display: none;margin: -26px 0 0 0;text-align: center;font-size: 17px;font-weight: 500;color: #FF0E0E;cursor: pointer;} .credits-blog span {display: block;} .display-my-sec-box:hover .credits-blog span {display: none;} .display-my-sec-box:hover .delete-link {/* display: block !important; */opacity: 1;margin: 0px 0 0 0;transition: 0.3s all ease-in-out;} /* DISPLAY MY SECTION PAGE CSS END */ /* UPLOAD SONG INFLUENCER PAGE CSS BEGIN */ .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 31%;} .upload-songs-influencer-screen .list-inline {justify-content: space-between;display: flex;align-items: center;margin-top: 50px;} .upload-songs-influencer-screen .upload-song-yes-no {flex-wrap: wrap;margin-top: 22px;gap: 11px;} .upload-songs-influencer-screen .upload-song-yes-btn {margin-bottom: 4px;} .main-platform-div h5 {color: #262626;font-family: 'Roboto', sans-serif;} .upload-influencer-media span {font-size: 17px;font-weight: 400;color: #535353;margin: 6px 0 15px;display: block;} .upload-influencer-sound span {font-size: 17px;font-weight: 400;color: #535353;margin: 6px 0 15px;display: block;} .upload-influencer-language {width: 32%;} .upload-songs-influencer-screen .released-song-language {display: block;} .upload-songs-influencer-screen .released-song-language.show {max-height: 300px;} .released-song-language .form-control {height: auto;outline: none;box-shadow: none;padding: 15px 15px;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;color: #535353;resize: none;border-radius: 8px;border: 1px solid #707070;} .released-song-language p {color: #535353;margin: 14px 0 10px;} .released-song-tag p {color: #535353;margin: 14px 0 10px;} .released-song-tag .form-control {height: auto;outline: none;box-shadow: none;padding: 15px 15px;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;color: #535353;resize: none;border-radius: 8px;border: 1px solid #707070;} .released-song-hashtag .form-control {margin-top: 10px;height: auto;outline: none;box-shadow: none;padding: 15px 15px;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;color: #535353;resize: none;border-radius: 8px;border: 1px solid #707070;} .released-song-tag.show {max-height: 200px;} .released-song-tag {max-height: 0;overflow: hidden;transition: max-height 0.8s ease;display: block;margin: 20px 0 0;} .released-song-hashtag.show {max-height: 200px;} .released-song-hashtag {max-height: 0;overflow: hidden;transition: max-height 0.8s ease;display: block;margin: 27px 0 0;} .upload-influencer-media, .upload-influencer-sound {display: none;} .track-song-submission {display: flex;align-items: center;gap: 10px;margin-bottom: 35px;} .track-form-img img {width: 70px;height: 70px;border-radius: 50%;} .track-form-content h6 {font-size: 17px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .track-form-content p {font-size: 15px;color: #808080;} .follower-left-box {background-color: #FFFFFF;border-radius: 10px;padding: 12px;} .follower-img-box {display: flex;align-items: center;justify-content: space-between;} .follower-like-img img {width: 92px;height: 92px;} .follower-like-img h6 {font-size: 17px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;margin: 8px 0 0px;} .follower-like-img span {font-size: 14px;font-weight: 400;color: #808080;} .follower-bottom-img {display: flex;align-items: flex-start;gap: 5px;margin-top: 20px;box-shadow: 0 0 12px 2px #00000026;} .follower-middle-box {background-color: #FFFFFF;border-radius: 10px;padding: 12px;} .post-main-box-flex {display: flex;align-items: center;justify-content: space-between;} .post-img-box {display: flex;align-items: center;gap: 10px;} .post-like-img img {width: 48px;height: 48px;border-radius: 50%;} .post-like-jeff h6 {font-size: 15px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .post-insta-img img {width: 23px;height: 23px;} .post-listing-content {margin: 15px 0 15px;border-bottom: 1px solid #70707045;padding-bottom: 13px;} .post-listing-content li {font-size: 14px;color: #808080;display: inline-block;padding: 0 19px 0 0;text-align: center;line-height: 20px;} .post-listing-content span {font-size: 15px;font-weight: 700;color: #262626;display: block;} .post-new-boxes {padding: 0px 12px;} .post-new-boxes .col-lg-4 {padding: 0 3px;} .post-new-boxes img {border-radius: 0;margin-bottom: 6px;} .post-song-box {background-color: #FFFFFF;border-radius: 10px;padding: 12px;margin-bottom: 15px;} .post-tiktok-flex {display: flex;align-items: center;justify-content: space-between;} .post-song-flex {display: flex;align-items: center;gap: 10px;} .post-song-img-content img {width: 59px;height: 67px;} .post-song-img-text small {font-size: 14px;font-weight: 400;color: #262626;} .post-song-img-text p {font-size: 14px;font-weight: 500;color: #262626;line-height: 20px;} .post-song-img-text span {font-size: 14px;font-weight: 400;color: #808080;} .audio-song-btns {display: flex;align-items: center;gap: 5px;margin: 15px 0;} .audio-song-btns .btn-primary {background-color: #106EEA !important;font-size: 14px;font-weight: 400;color: #fff;justify-content: center;padding: 8px 10px;border-radius: 7px;width: 100%;margin-bottom: 0;} .audio-song-btns .lyrics-btn {background-color: #D9D9D9;padding: 10px 11px;display: flex;align-items: center;justify-content: center;border-radius: 7px;margin-bottom: 0;} .lyrics-btn img {width: 19px;} .post-song-audio-player {display: flex;align-items: center;justify-content: space-between;} .post-play-btn a {margin-bottom: 0;color: #000;} .post-play-bar {position: relative;} .post-play-bar .play-bar-line {background-color: #808080;width: 240px;height: 2px;display: inline-block;vertical-align: middle;} .post-play-bar-icon .play-bar-line-icon {display: inline-block;width: 10px;height: 10px;background-color: #535353;border-radius: 50%;position: absolute;top: 8px;left: 0;} .playbar-time .playbar-timeline {font-size: 12px;font-weight: 400;color: #808080;} /* UPLOAD SONG INFLUENCER PAGE CSS END */ /* CHOOSE CURATOR 1 PAGE CSS BEGIN */ .choose-influen-pg-boxes .col-lg-3 {padding: 0 0;} .influencer-social-media-icons li {font-size: 14px;color: #808080;display: inline-block;padding: 0 13px 0 0;} .influencer-social-media-icons span {margin-right: 3px;} .recent-video-insta-tiktok {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;} .recent-video-insta-tiktok .cr-hover-content {margin-bottom: 0;} .selection-influencer-group .selection-f-input span {display: block;} .selection-f-input {display: flex;align-items: center;gap: 5px;} .tiktok-credit .tk-icon {font-size: 14px;font-weight: 500;color: #000000;font-family: 'Roboto', sans-serif;line-height: 18px;display: block;} .tiktok-credit .tk-credit {color: #FFFFFF;font-weight: 500;font-size: 16px;font-family: 'Roboto', sans-serif;} .three-selections {display: flex;align-items: center;gap: 40px;} .email-form .form-control::placeholder {color: #fff;} .flex-checkbox-list ul {width: 50%;} .flex-checkbox-list span {display: block;margin-left: 25px;} /* CHOOSE CURATOR 1 PAGE CSS END */ /* AUTOMATED SUBMISSION PAGE CSS BEGIN */ .automated-submission-sec {padding: 80px 120px;} .choose-back-arrow h5 {color: #262626;font-family: 'Roboto', sans-serif;margin-top: 15px;} .automated-submission-checkboxes .container {display: inline;position: relative;padding-left: 23px;margin-bottom: 0;cursor: pointer;font-size: 17px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #808080;font-weight: 400;padding-top: 10px;padding-bottom: 10px;} .automated-submission-checkboxes .container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .automated-submission-checkboxes .checkmark {position: absolute;top: 13px;left: 0;height: 14px;width: 14px;border-color: #808080;border-radius: 50%;border: 1px solid #808080;} .automated-submission-checkboxes .checkmark:after {content: "";position: absolute;display: none;} .automated-submission-checkboxes .container input:checked ~ .checkmark:after {display: block;} .automated-submission-checkboxes .container .checkmark:after {left: 3px;top: 3px;width: 6px;height: 6px;border: transparent;background-color: #FBBC04;border-radius: 50%;} .checkbox-bor {border: 1px solid #808080;padding: 10px 8px;border-radius: 25px;} .automated-left-sec {display: flex;align-items: center;gap: 10px;margin: 0px 30px 0 0;position: relative;padding: 0 29px 0 0;} .automated-left-sec:after {content: "";top: 0;right: 0;position: absolute;background-color: #707070;width: 1px;height: 42px;} .checkbox-bor.clicked {border-color: #FBBC04;box-shadow: 0 0 9px 0 #00000024;} .checkbox-input {display: none;} .automated-search-box {display: flex;align-items: center;gap: 10px;width: 36%;} .automated-searchbar-submission {position: relative;width: 100%;} .automated-searchbar-submission .form-control {height: auto;outline: none;box-shadow: none;padding: 12px 35px 12px 15px;border-radius: 10px;font-size: 15px;color: #535353;font-weight: 400;font-family: 'Roboto', sans-serif;border: 1px solid #707070;} .automated-searchbar-submission-icon {position: absolute;top: 13px;right: 12px;} .automated-searchbar-submission-icon a {color: #000000;} .automated-searchbar-favourite a {font-size: 16px;font-weight: 500;color: #535353;display: flex;align-items: center;gap: 7px;border: 1px solid #707070;padding: 12px 15px;border-radius: 10px;} .automated-searchbar-favourite span {color: #000000;} .automated-submission-checkboxes {display: flex;align-items: center;margin: 20px 0 0;} .animated-map-left-content h5 {font-size: 22px;font-weight: 700;color: #262626;font-family: 'Roboto', sans-serif;} .animated-map-left-content p {font-size: 15px;color: #262626;line-height: 22px;} .animated-map-left-content span {display: block;} .range-finish-btn {margin: 40px 0 0;} .range-finish-btn .btn-primary {font-size: 15px;font-weight: 400;color: #262626 !important;text-transform: uppercase;letter-spacing: 2px;background-color: #FBBC04 !important;padding: 12px 28px;border-radius: 25px;} .row.animated-map-content {margin: 90px 0 0;} .yellow-range-bar {width: 409px;height: 10px;background-color: #FFFFFF;border-radius: 25px;display: block;box-shadow: 0 0 6px 0 #00000029;} .handle-item {width: 57px;height: 22px;background-color: #fff;border: 1px solid #FBBC04;border-radius: 25px;display: flex;align-items: center;justify-content: space-between;padding: 10px 8px;box-shadow: 0 0 8px 0 #00000021;font-size: 14px;color: #535353;font-weight: 500;} .handle-item i {color: #FBBC04;} .slider-handle-bar {position: absolute;top: -6px;left: 0;text-align: center;cursor: pointer;} .range-bar {position: relative;} .range-bar:after {content: "";position: absolute;top: -54px;right: -50px;width: 1px;height: 120px;background-color: #FBBC04;} .range-automated-slider {margin: 40px 0 10px;display: flex;align-items: center;gap: 30px;background-color: #EDF2F5;justify-content: space-between;padding: 30px 40px;border: 1px solid #FBBC04;border-radius: 10px;overflow: hidden;box-shadow: 0 0 8px 0 #0000001a;} .slider-handle-bar small {font-size: 14px;font-weight: 400;color: #535353;} .range-value {display: inline-block;text-align: center;} .range-value p {font-size: 14px;font-weight: 500;color: #808080;} .range-value span {font-size: 24px;font-weight: 700;color: #535353;} .submission-animated-world-map {position: relative;} .lines-svg-path {position: absolute;top: -32px;left: 0;width: 100%;display: flex;align-items: center;justify-content: center;} #path-line1 {display: none;} #path-line2 {display: none;} #path-line3 {display: none;} #path-line4 {display: none;} #path-line5 {display: none;} /* AUTOMATED SUBMISSION PAGE CSS END */ .methods-selection a input {accent-color: #ffb93d;border: 2px solid #ccc;appearance: none;width: 15px;height: 15px;border-radius: 50%;position: relative;} .methods-selection a input::before{content: "";position: absolute;top: 2px;left: 2px;width: 7px;height: 7px;opacity: 0;border-radius: 50%;background-color: #ffb93d;transition: .4s ease-in-out;} .methods-selection a input:checked:before{opacity: 1;} .methods-selection a:has(input:checked){border-color: #ffb93d;} .slide-second-fields a{display: flex;justify-content: center;align-items: center;} .slide-first-fields{width: 100%;height: 100%;padding: 0 3px 5px;} .slide-second-fields{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;} .methods-selection-slide .slick-track{display: flex !important;} .methods-selection-slide .slick-slide{height: inherit !important;} .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner:has(.nav-tabs li:nth-child(2).active) .connecting-line::before{width: 35%;} .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner:has(.nav-tabs li:nth-child(3).active) .connecting-line::before{width: 70%;} .upload-songs-influencer-screen .influencer-steps-wizard .wizard .wizard-inner:has(.nav-tabs li:nth-child(2).active) .connecting-line::before{width: 50%;} .upload-songs-influencer-screen .influencer-steps-wizard .wizard .wizard-inner:has(.nav-tabs li:nth-child(3).active) .connecting-line::before{width: 100%;} .influencer-steps-wizard .wizard .wizard-inner .nav-tabs > li:nth-child(1):not(.active) > a span::before, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(4).active) > li:nth-child(3) > a span::before, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(1).active) > li:nth-child(2).active > a span::before, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(3).active) > li:nth-child(2) > a span::before, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(4).active) > li:nth-child(2) > a span::before{ opacity: 1;} .influencer-steps-wizard .wizard .wizard-inner .nav-tabs > li:nth-child(1):not(.active) > a span, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(4).active) > li:nth-child(3) > a span, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(1).active) > li:nth-child(2).active > a span, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(3).active) > li:nth-child(2) > a span, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(4).active) > li:nth-child(2) > a span{border-color: #FBBC04 !important;} .influencer-steps-wizard .wizard .nav-tabs > li a::after{right: -35px;} .upload-songs-influencer .influencer-steps-wizard .connecting-line{width: 32%;} .upload-songs-influencer .influencer-steps-wizard .wizard .wizard-inner:has(.nav-tabs li:nth-child(2).active) .connecting-line::before{width: 50%;} .upload-songs-influencer .influencer-steps-wizard .wizard .wizard-inner:has(.nav-tabs li:nth-child(3).active) .connecting-line::before{width: 100%;} /*RESPONSIVE CSS BEGIN*/ @media only screen and (min-width: 320px) and (max-width: 529px) { .influencer-steps-wizard span.round-tab {left: -15px !important;} .influencer-steps-wizard span.round-tab-2 {left: -15px !important;} .lock-box-text .songs-lyrics-text {width: 100% !important;} .main-chap-wiz {top: 20px !important;} .banner-circle-img {display: none;} .cur-pro-ban .banner-circle-content {position: absolute;top: 150px;} .flex-user-content span {color: #fff !important;} .khaby-banner{background-image: url(../images/ct2.jpg) !important;height: 350px !important;margin: 0 0 0 !important;} .khaby-banner .banner-circle-content {position: absolute;top: 150px;} .artist-pg-banner {background-image: url(../images/ct3.jpg) !important;height: 350px !important;margin: 0 0 0 !important;} .artist-pg-banner .banner-circle-content {position: absolute;top: 180px;} .artist-pg-banner .border-line-circle {display: none;} .label-pg-banner {background-image: url(../images/ct4.jpg) !important;height: 350px !important;margin: 0 0 0 !important;} .label-pg-banner .banner-circle-content {position: absolute;top: 177px;background-color: #0000006b !important;} .label-pg-banner .border-line-circle {display: none;} .label-personal-view {background-image: url(../images/ct4.jpg) !important;height: 350px !important;margin: 0 0 0 !important;} .label-personal-view .banner-circle-content {position: absolute;top: 177px;background-color: #0000006b !important;} .label-personal-view .border-line-circle {display: none;} .artist-personal-view {background-image: url(../images/ct3.jpg) !important;height: 350px !important;margin: 0 0 0 !important;} .artist-personal-view .banner-circle-content {position: absolute;top: 177px;background-color: #0000006b !important;} .artist-personal-view .border-line-circle {display: none;} .mobile-boxes-show {display: block !important;} .genre-mobile-show {display: block !important;} .responsive-mobile-box .slick-list {padding: 60px 0 0;} .responsive-mobile-box {margin-top: -60px;} .playlist-mobile-show {display: block !important;} .playlist-mobile-hide {display: none;} .playlist-mobile-show-spacing {margin: 0 0 190px;} .popup-box-curator {position: relative;z-index: 1;} .tooltip-inner-text {z-index: 0;} .playlist-mobile-show-spc {margin: 0 0 70px;} .expired-tab-mobile-hide {display: none;} .expired-tab-mobile-show {display: block !important;} .artist-mobile-hide-slider {display: none;} .artist-mobile-show-slider {display: block !important;} .mobile-floor-playlisting {font-size: 35px;line-height: 40px;display: block !important;} .mobile-dev-hide {display: none;} .mobile-dev-show {display: block !important;} .mobile-dev-show .card-body {padding: 0 0;} .mobile-dev-show .chat-data-sec {padding: 22px 0px 0px;} .mobile-dev-show .inbox-content-txt {text-align: left;} .mobile-dev-show .img-chat-flex {padding: 0 0;} .mobile-dev-show .btn {padding: 0 0;} .mobile-dev-show .chat-data {padding: 22px 0px 20px;} .inbox-content-txt h6 {font-size: 18px;} #exampleModal-dreams .modal-dialog {max-width: 100% !important;} .released-song-date-no .form-control {width: 100% !important;} .In-box-text {margin: 29px 0 28px 30px !important;font-size: 22px !important;} .curator-filter {width: 50% !important;} .banner-sec-img .row {flex-direction: column-reverse;} .music-player-img .carousel-indicators {display: block !important;} .cur-pro-ban {margin: 0 0 0 !important;height: 350px !important;background-image: url("../images/ct1.jpg") !important;} .camp-art-res .cur-dashboard-left-side {display: none;} .influencer-steps-wizard .wizard .nav-tabs > li a i {left: 50% !important;font-size: 12px !important;} .genre-msg-bar {bottom: 200px !important;z-index: 1;} #exampleModal-mark-shared .modal-content {padding: 20px 10px !important;} #exampleModal-mark-shared .modal-footer .btn-primary {padding: 15px 25px !important;} #exampleModal-mark-shared .modal-footer .btn-secondary {padding: 15px 25px !important;} #myModal-pageload .modal-dialog {max-width: 100% !important;} .pl-modal-content {padding: 30px 10px 10px !important;} .pageload-content {margin-bottom: 30px !important;} .referral-curator-text {width: 100% !important;} .ref-des-content h2 {font-size: 35px;} .referral-description-sec {padding: 40px 15px 30px !important;} .ref-des-content p {width: 100% !important;font-size: 18px !important;} .invite-referral-row {margin: 0 0px 0 !important;} .invite-box-content p {width: 100% !important;} .invite-box-content {margin-bottom: 25px;} .timeline-sec-bg {padding: 20px 15px 10px !important;} .timeline-text li {width: 100% !important;} .timeline-text:before {height: 340px !important;} .tm-cond-content h2 {font-size: 30px !important;} .terms-conditions-sec-bg {padding: 20px 15px 10px !important;} .tm-cond-lft-content p {width: 100% !important;} .tm-cond-lft-content h4 {line-height: 30px !important;} .referral-modal-content {padding: 20px 10px !important;} .referral-social-icon {margin: 30px 0 0 0px !important;} .referral-modal-content p {width: 100% !important;} .wrap-feature41-box .f41-tab {padding: 0px 0 !important;overflow-y: scroll;height: 300px !important;} .chat-inbox-sec {padding: 0px 0px 0px !important;} .img-chat-flex {padding: 0px 15px;} .chat-data-time span {font-size: 11px !important;} .msg-content-data {padding-left: 40px !important;} .msg-content-data-sec {padding: 15px 0px !important;margin: 0 10px 0 37px !important;} .main-chat-text-box {padding: 20px 15px !important;} .mobile-hide-across {display: none;} .mobile-show-across {display: block !important;} .recently-shared-hide-mobile {display: none !important;} .recently-hide-show-mobile {display: block !important;} .artist-track-mobile-hide {display: none !important;} .artist-track-mobile-show {display: block !important;} .notable-medal-mobile-hide {display: none !important;} .notable-medal-mobile-show {display: block !important;margin-top: 20px;} .dashboard-right-content .tab-scroll {width: 330px;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;} .dashboard-right-content .tab-scroll .nav-tabs {width: 700px;max-width: none;} .dashboard-right-content .tab-scroll {width: 330px;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;} .mobile-animation-hide .zoom-in {-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s ease-in-out;transition: all .8s ease-in-out;} .verification-pg #form {max-width: 260px;text-align: center;} .account-setting-sec {padding: 40px 0 50px;} .about-network-sec .row {margin-top: 20px;} .banner-circle-content {margin-top: 0px;} .select-submission-sec .curator-main-cls {margin-top: 0;} .card-content .btn-primary {width: 50%;} .verification-pg {margin: 20px auto 30px !important;} .image-div-slider3 .imagesContainer {width: 60px !important;height: 60px !important;left: 130px;} .imagesContainer {width: 50px !important;height: 50px !important;} .image-shapes {width: 100%;margin: 70px 0;} .image-div-slider11 {width: 100px;height: 110px;bottom: -70px;right: 90px;} .image-div-slider2 .imagesContainer {left: -100px;top: -20px;} .image-div-slider .imagesContainer {left: 10px;top: 10px;} .image-div-slider4 .imagesContainer {left: 30px;top: 10px;} .image-div-slider5 .imagesContainer {left: -10px;top: -80px;} .image-div-slider8 .imagesContainer {left: -21px;top: -80px;} .image-div-slider6 .imagesContainer {left: -142px;top: -100px;} .image-div-slider10 .imagesContainer {left: 69px;top: 50px;} .image-div-slider9 .imagesContainer {left: -140px;top: 20px;} .image-div-slider7 .imagesContainer {left: 99px;top: -70px;} .image-div-slider8 {right: -26px;} .influencer-steps-wizard .signup-step-container {padding: 36px 0px 60px;} .new-top-cur-row .col-lg-3 {max-width: 100% !important;} .verification-pg .confirmm-btn .btn-primary {margin: 22px auto 0px;} .tooltip-text {background-color: #fff !important;left: -92px !important;} .tooltip-box {bottom: 30px !important;right: -16px !important;z-index: 1 !important;background-color: #fff !important;} .lines-svg-path {top: -14px;left: 58px;width: 67%;} .slider-move-heading {margin: 5px 0 0 31px !important;} .slider-move-heading h5 {font-size: 13px !important;} .automated-submission-sec {padding: 40px 0px 50px;} .submission-animated-world-map svg {width: 100%;} .yellow-range-bar {width: 100%;} .automated-left-sec {display: block;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-search-box {display: block;width: 100%;margin-top: 50px;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;flex-direction: column-reverse;} .automated-searchbar-submission {margin-bottom: 10px;} .range-value p {line-height: 20px;} #progressCarousel .carousel-indicators {z-index: 0;} .rating-thumbs-content .rate {justify-content: flex-end;float: none;display: flex;align-items: center;flex-direction: row-reverse;padding-left: 0;} .rating-thumbs-sign {display: block;width: 100%;padding: 13px 30px 4px;} .raating-thumbs-text p {display: block;line-height: 21px;} .rating-thumbs-content .rate:not(:checked) > label {font-size: 30px;} .genre-msg-bar p:before {height: 100vh;} .curator-bottom-selection-bar {padding: 20px 15px;display: block;width: 100%;} .bottom-selection-btn .btn-primary {margin: 15px auto 0 auto;display: block;} .mobile-header-logo img {width: 150px;} .mobile-header-navabr {position: initial;box-shadow: 0 0 4px 1px #00000026;background-color: #fff;} .mobile-header-navabr {display: block !important;} .main-nav > li:last-child {border-bottom: 0;} .choose-curator-flex .dropdown-tabs-content.open {max-height: 600px;max-width: 100%;width: 100%;left: 0;} .choose-curator-flex .options.open {z-index: 4;left: 0;position: initial;overflow-y: scroll;} .curator-fav-btn a {width: 100%;text-align: center;margin: 15px 0 0;} .choose-curator-flex .options {position: initial;margin: 0 0 0;width: 100%;} .three-selections {flex-wrap: wrap;gap: 10px;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .recent-video-insta-tiktok {display: block;} .influencer-social-media-icons {margin: 8px 0 0;} .selection-f-input p {line-height: 20px;} .submit-play-box {flex-wrap: wrap;} .artist-submission-flex {display: block;} .artist-submission-btn a {margin: 20px 0 0;display: block;text-align: center;} .packages-pg-sec {padding: 50px 15px;width: 100%;} .packages-msg span {display: inline;} .playlisting-floor-sec {padding: 40px 15px 80px;} .weekly-performance {display: block;padding: 20px 20px;} .performance-bar {width: 100%;} .weekly-content h4 {text-transform: capitalize;} .playlisting-floor-slider {display: none;} .playlisting-floor-mobile-slider {display: block;} #test-popup1 .time-box {left: auto;right: 10px;top: 47px;} #test-popup1 .time-box span {display: flex;align-items: center;gap: 3px;} .select-submission-sec .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-rows: repeat(3, 234px);} .cur-img-container img {width: 100%;} .successfully-submitted-sec {height: auto;padding: 130px 15px 0px;} .successfully-text {width: 100%;} .successfully-text h6 {text-align: left;font-size: 20px;} .successfully-text p {font-size: 17px;} .successfully-text a {font-size: 17px;} .track-overview-playlisting-sec {padding: 90px 15px 80px;} .track-overview-box {padding: 22px 20px;} .song-lyrics-box {padding: 32px 20px 22px;margin: 15px 0 0;} .songs-lyrics-text h5 {font-size: 19px;display: flex;align-items: center;gap: 7px;} .songs-lyrics-text p {font-size: 15px;} .songs-lyrics-text li {font-size: 15px;display: block;padding: 4px 15px 0 0;} .song-lyrics-btn {display: block;} .song-lyrics-btn .songs-lyrics-back {margin-bottom: 10px;} .track-playlisting {margin: 30px 0 0;} .upload-song-yes-no {flex-wrap: wrap;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a i {font-size: 12px;left: 100%;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 76%;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a {margin: 0;} .upload-song-tab h4 {font-size: 25px;} .upload-song-selection-field {display: block;} .upload-song-link-field {width: 100%;margin-bottom: 10px;} .upload-song-mp3 .btn-primary {width: 100%;} #previewContainer p {margin-left: -33px;} .upload-songs-curator .upload-song-yes-btn .btn-primary {width: 100%;} .upload-songs-curator .upload-song-yes-btn {width: 100%;} .upload-songs-curator .upload-song-no-btn .btn-primary {width: 100%;} .upload-songs-curator .upload-song-no-btn {width: 100%;} .upload-songs-curator .released-song-date .form-control {width: 100%;} .lease-text {display: block;} .upload-songs-curator .released-song-language {display: block;} .upload-songs-curator .language-selection {width: 100%;margin-bottom: 10px;} .upload-songs-curator .upload-lyrics-btn .btn-primary {width: 100%;} .upload-songs-influencer-screen .influencer-steps-wizard .wizard .nav-tabs > li {width: 32%;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 66%;} .artist-song-name h5 {font-size: 18px;} .upload-songs-influencer-screen .upload-influencer-language {width: 100%;} .upload-songs-influencer-screen .upload-influencer-media span {font-size: 15px;} .upload-songs-influencer-screen .released-song-language.show {max-height: 320px;} .track-overview-tab h4 {font-size: 24px;} .follower-bottom-img {flex-wrap: wrap;gap: 15px;} .follower-left-box {padding: 22px;margin-bottom: 15px;} .post-play-bar .play-bar-line {width: 200px;} .follower-middle-box {margin-bottom: 15px;} .upload-songs-influencer-screen .follower-bottom-img img {width: 30%;margin: 0 auto;} .post-listing-content li {padding: 0 6px 0 0;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 63%;} .post-play-bar .play-bar-line {width: 110px;} .upload-song-playlsiting-sec {padding: 70px 15px 70px;} .released-song-date .form-control {width: 100%;} .upload-song-playlsiting-sec .released-song-language {display: block;} .upload-song-playlsiting-sec .language-selection {width: 100%;margin-bottom: 10px;} .upload-song-playlsiting-sec .upload-lyrics-btn .btn-primary {width: 100%;} .upload-song-playlsiting-sec .released-song-language.show {max-height: 160px;} .bottom-add-btn {display: block;} .upload-song-playlsiting-sec .bottom-add-btn .add-next-pg-btn {justify-content: center;margin-top: 10px;} .responses-inner-flex {display: block;} .responses-avatr-flex {margin: 15px 0px;} .view-all-flex {display: block;} .view-all-listing-content {margin-top: 8px;} .khaby-shared-slider-box {margin: 0 5px 15px;} .cur-img-container {margin: 40px 0;} .header-inner .jeff-cont img {width: auto;} .profile {padding: 10px 0px;} .profiledropdown {width: auto;top: 63px;left: 0;z-index: 1;} .header-inner .not-img img {width: auto !important;} .brand img {width: 160px !important;} section.list-of-artists-sec {padding: 60px 15px 20px;} .artist-welcome-content span {display: inline;} .main-artist-flex {display: block;} .main-artist-dropdowns {margin-bottom: 10px;} .exo-click.mx-5 {margin-left: 70px !important;margin-right: 0 !important;} .filter-row-overflow {height: 240px;} .filter-row-next {margin-top: -180px;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .shared-slider-box {margin: 0 6px 20px;} .wallet-pg-sec {padding: 40px 15px 70px;} .funds-flex {display: block;} .funds-inner-box {margin-bottom: 25px;} .bank-sec-amt-flex {display: block;} .bank-sec-amt {margin-bottom: 15px;} .payment-inner-box {padding: 16px 15px;} .fund-amount-box {padding: 16px 15px;height: 260px;} .transaction-box-bg {padding: 26px 15px 20px;} .transaction-flex {display: block;} .tr-first-box a {font-size: 16px;padding: 13px 40px;display: block;text-align: center;} .tr-box-text {width: 100%;left: 0;} .tr-select-class {display: block;padding: 0px 15px;} .terms-conditions-sec {padding: 30px 0px 50px;margin: 0 15px 0;} .terms-conditions-heading h4 {font-size: 25px;margin-bottom: 0;} .terms-conditions-content h5 {font-size: 23px;} .terms-conditions-heading {text-align: left;margin-bottom: 40px;} .mobile-dropdown-accordian a {color: #000;font-size: 15px;} .mobile-dropdown .btn-primary {padding: 0 0;color: #262626;} .mobile-dropdown .btn-primary:hover, .mobile-dropdown .btn-primary:focus {color: #262626;} .mobile-dropdown .btn-primary:not(:disabled):not(.disabled):active {color: #262626;} .mobile-dropdown {display: block !important;min-width: 42%;padding: 0 0 0 0 !important;} .mobile-dropdown-hide {display: none;} .mobile-dropdown .dropdown-btn {padding: 0px 0px 0px 0px;font-size: 17px;color: #fff;} .header .menu-link:hover {color: #fff;} .dropdown-container a {color: #0C286D;font-size: 15px;display: block;} .dropdown-container {background-color: #fff !important;padding: 10px;} .header .menu {background-image: linear-gradient(to bottom, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);} .header .burger-line {background-color: #FBBC04;} .header .burger.is-active .burger-line {background-color: #262626;} .header {padding: 15px 0px;} .hide-mobile {display: none;} .show-mobile {display: block;} .header .menu-link {color: #262626;} .header .menu-link.active {color: #262626;} .header .contactus-btn:hover .ct-btn {color: #fff;} .header .arrow-icon img {background-color: transparent;filter: brightness(0) invert(1);} .header .divider {display: none;} .header .contactus-btn .contact-btn {color: #fff;} .header .arrow-icon span {border: 1px solid #fff;} .header .contactus-btn {margin-top: 25px;} .header .menu-inner {align-items: flex-start;padding: 0 0 0 25px;} .header .navbar {flex-direction: row-reverse;justify-content: space-between;gap: 0;width: 100%;max-width: 100%;} .brand img {width: 200px;} .banner-sec-img {height: auto;padding: 120px 15px 30px;z-index: 0;} .curator-mobile-show {display: flex !important;margin: 20px 10px 0;} .curator-mobile-hide {display: none;} .banner-content-text h1 {font-size: 35px;line-height: 40px;} .banner-content-text p {font-size: 20px;width: 100%;} .cur-banner-btns {display: block;} .cur-submit-btn .btn-primary {width: 100%;margin-bottom: 10px;} .cur-learn-btn .btn-primary {width: 100%;} .promote-music-sec {padding: 30px 15px;} .promote-music-content h2 {font-size: 30px;line-height: 35px;} .promote-music-content p {width: 100%;line-height: 30px;font-size: 15px;} .feedback-sec-bg {padding: 0 15px 20px;} .top-curator-sec {padding: 50px 15px 50px;clip-path: none;} .recently-shared-sec {padding: 40px 15px;} .top-curator-content h2 {font-size: 30px;line-height: 35px;} .feedback-div h4 {font-size: 23px;line-height: 28px;} .feedback-div p {font-size: 15px;width: 100%;} .header-inner {display: block;} .shared-flex {display: block;} .count-value span {font-size: 27px;} .user-sec-bg {padding: 60px 15px;} .user-sec-heading h2 {font-size: 30px;line-height: 35px;} .faq-sec-bg {padding: 40px 15px;} .faq-heading h2 {font-size: 30px;line-height: 35px;} .faq-heading p {font-size: 20px;} .faq-sec-bg .panel-title>a {font-size: 18px !important;line-height: 25px;} .faq-sec-bg .panel-body p {width: 100%;font-size: 15px;} .faq-sec-bg .panel-heading a:before {font-size: 20px;width: 28px;height: 28px;} .banner-right-design {display: none;} .banner-left-design {display: none;} .top-curator-design {display: none;} .slider-box-shadow {padding: 0 20px 40px;} .faq-design-img {top: 0;right: -80px;width: 200px;height: auto;} .faq-btns {display: block;margin-top: 60px;} .faq-btns .btn-primary {width: 100%;margin: 0 0 10px;} footer {padding: 50px 15px;} .footer-logo-content p {width: 100%;} .curator-links {margin-top: 30px;} .curator-links h6 {margin-bottom: 10px;} .recently-shared-sec .top-curator-content h2 {margin-bottom: 30px;} .feedback-div {margin-bottom: 30px;} .banner-submit-text {position: initial;margin-top: 30px;} .banner-submit-text h5 {line-height: 25px;font-size: 18px;} .banner-submit-text span {display: inline;} .cur-login-btn .btn-primary {border: 2px solid #000;border-color: #000 !important;} .cur-signup-btn .btn-primary {background-color: transparent !important;border: 2px solid #000;border-color: #000 !important;} .header .card {background-color: #fff;} .account-setting-box {height: auto;padding: 0 0 0 0;} .account-setting-heading h3 {font-size: 24px;} .account-right-side h3 {font-size: 22px;margin: 0 0 40px 15px;} .account-fields-flex {display: block;margin: 0 15px 0px;} .account-setting-field {margin-bottom: 15px;} .account-form-btn {margin: 50px 0 0 0px;justify-content: center;} .tabs-item-listing li {padding: 18px 15px;} .account-avatr-img h4 {font-size: 22px;text-align: center;} .artist-personal-view {margin: 0 0px 140px;padding: 50px 15px 0;height: auto;} .border-line-circle {border: 3px solid #FBBC04;border-radius: 50%;width: 246px;height: 246px;margin: 0 auto;display: flex;align-items: center;justify-content: center;} .banner-circle-content h2 {font-size: 23px;} .edit-bg-banner {bottom: 18px;right: 10px;} .main-flag-flex {margin: 0px 0 20px;} .pos-btn-flex .primary-submit {padding: 13px 22px;} .about-network-sec {padding: 10px 0px 50px;} .left-sec-box p {width: 100%;} .left-social-link li {padding: 0 12px 0 0;} .tr-box-img img {width: 100%;} .left-sec {margin-bottom: 20px;} .artist-welcome-banner-bg {padding: 40px 15px 10px;} .artist-welcome-content p {width: 100%;font-size: 15px;} .artist-welcome-content h3 {font-size: 25px;} .artist-welcome-btns {display: block;} .artist-welcome-btns .welcome-scr-submit {width: 100%;margin-bottom: 10px;} .artist-welcome-btns .welcome-scr-refer {width: 100%;margin-bottom: 25px;} .some-curator-sec {padding: 40px 15px 0px;} .some-curator-content h3 {font-size: 25px;} .some-curator-content p {font-size: 15px;} .some-curator-content span {display: inline;} .user-slider-div {margin: 0 0px 0;} .faq-heading {margin-bottom: 40px;} .artist-pg-banner {margin: 0 0px 140px;height: auto;padding: 60px 0 0;} .signin-sec {padding: 30px 15px 30px;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 48% !important;} .social-icon-selection .grid-col-auto {grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(3, 290px);} .header-logo-img {width: 160px;} .tiktok-fields label {font-size: 15px;} .tiktok-fields select {width: 100%;} .curator-steps .social-icon-selection .grid-col-auto {grid-template-rows: repeat(6, 290px);} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .curator-main-cls {margin-top: 40px;} .new-curator-bg {height: auto;} .curator-main-cls h2 {font-size: 25px;margin-bottom: 20px;} .curator-main-cls .card-content {width: fit-content;} .copyright-sec p {line-height: 20px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time {display: block;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .table-data-flex {display: block;text-align: center;} .tab-bar-flex {display: block;} .personal-note {right: 20px;top: 14px;} .content-text-tbr p {width: 100%;margin: 20px auto 20px auto;} .content-text-tbr.move-up p {transform: translateY(180px);} .col-tab-inner-effect {margin: 0 20px 40px;} .img-ct-text small {width: 100%;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .genres-box li {display: block;text-align: center;} .shared-slider-box img {width: 100%;} .info-icon {word-break: break-all;} .error-banner-sec {height: auto;padding: 130px 15px 80px;} .error-page-content h1 {font-size: 50px;} .error-page-content .number-span {font-size: 100px;line-height: 114px;} .error-page-content .text-span {display: inline;} .help-sec-banner {padding: 40px 15px;} .popular-topics-sec {padding: 40px 15px 30px;} .help-banner-content h2 {font-size: 25px;} .help-search-icon {display: BLOCK;margin: 24px 0 0;} .help-field {width: 100%;} .search-help-btn .btn-primary {margin: 10px 0 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;} .gradient-box {margin-bottom: 15px;} .recommended-sec-bg {padding: 30px 15px;} .still-need-sec {padding: 30px 15px 70px;} .still-need-sec .row {padding: 40px 15px 0;margin: 0 0px;} .still-need-text a {font-size: 15px;padding: 15px 24px;margin: 40px 0 40px;} .how-it-works-curator-sec {padding: 50px 15px;} .how-it-work-content h2 {font-size: 35px;line-height: 42px;} .how-it-work-content p {font-size: 20px;line-height: 32px;margin: 30px 0 30px;} .how-it-work-content {margin-bottom: 50px;} .how-work-sec {padding: 50px 15px 20px;} .ht-cont h2 {font-size: 35px;line-height: 42px;} .work-form h4 {font-size: 23px;line-height: 32px;} .work-form p {width: 100%;margin: 18px 0 30px;font-size: 15px;} .work-form {margin-bottom: 0px;} .artist-pg-tabs .nav-tabs .nav-link {font-size: 17px;} .hw-align-songs {flex-direction: column-reverse;} .hw-align-songs .work-form p {width: 100%;} .hw-align {margin: 60px 0 50px;} .label-playlist-flex {display: block;margin: 0 0 25px;} .label-view-all .btn-primary {align-items: center;justify-content: center;margin-top: 15px;} .lb-box-inner .shape-img {width: 100%;} .favorite-top-bar {display: block;} .main-curator-scr {display: block;height: auto;} .main-signin-box {width: 100%;padding: 40px 15px 30px;margin: 20px 0 10px;} .bar-line:before {left: -110px;width: 100px;} .bar-line:after {right: -110px;width: 100px;} .create-account span {display: inline;} .verification-pg #form input {margin: 0 2px;height:40px;font-size: 25px;width: 13%;} .white-popup {padding: 60px 15px 20px;max-width: 100%;} .playbar-volume-flex {display: block;} .volume-bar-flex {width: 100%;} .middle-volume-div {display: block;} .volume-play-btn {margin: 10px 0;} .volume-bar-flex {margin-bottom: 10px;} .mfp-close-btn-in .mfp-close {z-index: 0;} .menu-container2 {display: none;} .menu-container2.active {display: block;} .coin-bundles-content {padding: 40px 15px 0;} .coin-bundle-payment {padding: 60px 15px;} .bundle-inner-amount span {font-size: 30px;} .bundle-inner-amount img {width: 29px;height: 29px;} .methods-selection {display: block;} .methods-cards-selection {width: 100%;margin-bottom: 12px;} .paypal-method-selection {width: 100%;} .coin-bundle-payment p {line-height: 20px;} .card-inside {width: 80%;} .paypal-method-selection a {padding: 12px 60px 12px 10px;} .flex-checkbox-list span {display: inline;margin-left: 0;} .display-my-sec {padding: 120px 15px 100px;} .main-display-boxes-flex {margin: 0 15px 0;} .display-sec-img {display: block;} .display-my-sec-box {display: block;text-align: center;border-radius: 10px;} .display-box-sec-content {margin: 10px 0;} .choose-curators-sec-bg {padding: 40px 15px 80px;} .ground-floor-ticket-sec {padding: 120px 15px 40px;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} } @media only screen and (min-width: 375px) and (max-width: 424px) { .image-div-slider .imagesContainer {top: 30px !important;} .image-div-slider2 .imagesContainer {left: -90px !important;top: -10px !important;} .image-div-slider8 .imagesContainer {left: -11px !important;top: -60px !important;} .image-div-slider6 .imagesContainer {top: -80px !important;} .image-div-slider5 .imagesContainer {left: -20px !important;top: -70px !important;} .image-div-slider11 {bottom: -80px !important;right: 116px !important;} } @media only screen and (min-width: 400px) and (max-width: 424px) { .image-div-slider .imagesContainer {top: 30px !important;} .image-div-slider2 .imagesContainer {left: -90px !important;top: -10px !important;} .image-div-slider8 .imagesContainer {left: -11px !important;top: -60px !important;} .image-div-slider6 .imagesContainer {top: -80px !important;} .image-div-slider5 .imagesContainer {left: -20px !important;top: -50px !important;} .image-div-slider11 {bottom: -80px !important;right: 126px !important;} .image-div-slider3 .imagesContainer {left: 106px !important;} .image-div-slider7 .imagesContainer {left: 79px !important;top: -60px !important;} } @media only screen and (min-width: 530px) and (max-width: 767px) { .mobile-image-hide {display: none;} .desktop-image-hide {display: block !important;} .mobile-hide-across {display: none;} .mobile-show-across {display: block !important;} .recently-shared-hide-mobile {display: none !important;} .recently-hide-show-mobile {display: block !important;} .artist-track-mobile-hide {display: none !important;} .artist-track-mobile-show {display: block !important;} .notable-medal-mobile-hide {display: none !important;} .notable-medal-mobile-show {display: block !important;margin-top: 20px;} .tab-scroll .nav-tabs {width: 700px;max-width: none;} .mobile-animation-hide .zoom-in {-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s ease-in-out;transition: all .8s ease-in-out;} .wrap-feature41-box .f41-tab {padding: 0px 0 !important;overflow-y: scroll;height: 200px !important;} .chat-inbox-sec {padding: 0px 15px 0px !important;} .img-chat-flex {padding: 0px 15px;} .chat-data-time span {font-size: 11px !important;} .msg-content-data {padding-left: 40px !important;} .msg-content-data-sec {padding: 15px 0px !important;margin: 0 10px 0 37px !important;} .main-chat-text-box {padding: 20px 15px !important;} .tooltip-text {background-color: #fff !important;left: -2px !important;} .image-shapes {width: 100%;margin: 70px 0;} .image-div-slider8 .imagesContainer {left: 9px;top: -30px;} .image-div-slider8 {right: -16px;} .tooltip-box {bottom: 30px !important;right: 334px !important;z-index: 1 !important;background-color: #fff !important;} .lines-svg-path {top: -21px;left: 122px;width: 72%;} .slider-move-heading {margin: 25px 0 0 41px !important;} .new-top-cur-row .col-lg-3 {max-width: 100% !important;} .verification-pg {margin: 60px 0 0 !important;} .influencer-steps-wizard .signup-step-container {padding: 66px 0px 60px;} .slider-move-heading h5 {font-size: 13px !important;} .automated-submission-sec {padding: 50px 15px;} .submission-animated-world-map svg {width: 96%;margin: 0 auto;display: table;} .yellow-range-bar {width: 100%;} .automated-left-sec {display: block;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-search-box {display: block;width: 100%;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .automated-searchbar-submission {margin-bottom: 10px;} .range-value p {line-height: 20px;} .rating-thumbs-sign {width: 90%;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .selection-f-input p {line-height: 20px;} .mobile-header-logo img {width: 150px;} .mobile-header-navabr {position: initial;box-shadow: 0 0 4px 1px #00000026;background-color: #fff;} .mobile-header-navabr {display: block !important;} .main-nav > li:last-child {border-bottom: 0;} .choose-curator-flex .dropdown-tabs-content.open {max-height: 600px;max-width: 100%;width: 100%;left: 0;} .choose-curator-flex .options.open {z-index: 4;left: 0;position: initial;overflow-y: scroll;} .curator-fav-btn a {width: 100%;text-align: center;margin: 0px 0 0;} .choose-curator-flex .options {position: initial;margin: 0 0 0;width: 100%;} .choose-curators-sec-bg {padding: 80px 15px;} .curator-bottom-selection-bar {padding: 20px 15px;} .submit-play-box {flex-wrap: wrap;} .artist-submission-flex {display: block;} .artist-submission-btn a {margin: 20px 0 0;display: block;text-align: center;} .packages-pg-sec {padding: 50px 15px;width: 100%;} .packages-msg span {display: inline;} .playlisting-floor-sec {padding: 80px 15px;} .weekly-performance {display: block;padding: 20px 20px;} .performance-bar {width: 100%;} .weekly-content h4 {text-transform: capitalize;} .playlisting-floor-slider {display: none;} .playlisting-floor-mobile-slider {display: block;} #test-popup1 .time-box {left: auto;right: 10px;top: 47px;} #test-popup1 .time-box span {display: flex;align-items: center;gap: 3px;} .playlisting-floor-mobile-slider .slick-dots {display: none !important;} .select-submission-sec .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-rows: repeat(3, 234px);} .cur-img-container img {width: 100%;} .successfully-submitted-sec {height: auto;padding: 160px 15px 70px;} .successfully-text {width: 80%;} .successfully-text h6 {text-align: left;font-size: 20px;} .successfully-text p {font-size: 17px;} .successfully-text a {font-size: 17px;} .track-overview-playlisting-sec {padding: 140px 15px 80px;} .track-overview-box {padding: 22px 20px;} .song-lyrics-box {padding: 32px 20px 22px;margin: 15px 0 0;} .songs-lyrics-text h5 {font-size: 19px;display: flex;align-items: center;gap: 7px;justify-content: space-between;} .songs-lyrics-text p {font-size: 15px;} .songs-lyrics-text li {font-size: 15px;} .track-playlisting {margin: 30px 0 0;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a i {font-size: 15px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 17%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 50%;left: 10px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a {margin: 0;} .upload-song-tab h4 {font-size: 25px;} .upload-song-link-field {width: 70%;} .upload-song-mp3 .btn-primary {width: 100%;} #previewContainer p {margin-left: 7px;} .upload-songs-curator .upload-song-yes-btn .btn-primary {width: 100%;font-size: 16px;padding: 12px 35px;} .upload-songs-curator .upload-song-no-btn .btn-primary {width: 100%;font-size: 16px;padding: 12px 35px;} .lease-text {display: block;} .upload-songs-curator .released-song-language {padding: 10px 0 0;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .track-overview-tab h4 {font-size: 24px;} .upload-songs-influencer-screen .influencer-steps-wizard .wizard .nav-tabs > li {width: 22%;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 46%;left: -40px;} .artist-song-name h5 {font-size: 18px;} .upload-songs-influencer-screen .upload-influencer-language {width: 100%;} .upload-songs-influencer-screen .upload-influencer-media span {font-size: 15px;} .upload-songs-influencer-screen .released-song-language.show {max-height: 320px;} .track-overview-tab h4 {font-size: 24px;} .follower-left-box {padding: 22px;margin-bottom: 15px;} .post-play-bar .play-bar-line {width: 570px;} .follower-middle-box {margin-bottom: 15px;} .header-inner .jeff-cont img {width: auto;} .profile {padding: 10px 0px;} .profiledropdown {width: auto;top: 63px;left: 0;z-index: 1;} .header-inner .not-img img {width: auto !important;} .brand img {width: 160px !important;} section.list-of-artists-sec {padding: 60px 15px 20px;} .artist-welcome-content span {display: inline;} .main-artist-dropdowns {margin-bottom: 10px;} .exo-click.mx-5 {margin-left: 70px !important;margin-right: 0 !important;} .filter-row-next {margin-top: -7px;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .shared-slider-box {margin: 0 6px 20px;} .wallet-pg-sec {padding: 70px 15px 70px;} .funds-flex {display: block;} .funds-inner-box {margin-bottom: 25px;} .bank-sec-amt-flex {display: block;} .bank-sec-amt {margin-bottom: 15px;} .payment-inner-box {padding: 16px 15px;} .fund-amount-box {padding: 16px 15px;height: 260px;} .transaction-box-bg {padding: 26px 15px 20px;} .tr-first-box a {font-size: 16px;padding: 13px 40px;display: block;text-align: center;} .terms-conditions-sec {margin: 0 85px 0;} .terms-conditions-heading h4 {font-size: 25px;margin-bottom: 0;} .terms-conditions-content h5 {font-size: 23px;} .terms-conditions-heading {text-align: left;margin-bottom: 40px;} .mobile-dropdown-accordian a {color: #000;font-size: 15px;} .mobile-dropdown .btn-primary {padding: 0 0;color: #262626;} .mobile-dropdown .btn-primary:hover, .mobile-dropdown .btn-primary:focus {color: #262626;} .mobile-dropdown .btn-primary:not(:disabled):not(.disabled):active {color: #262626;} .mobile-dropdown {display: block !important;min-width: 42%;padding: 0 0 0 0 !important;} .mobile-dropdown-hide {display: none;} .mobile-dropdown .dropdown-btn {padding: 0px 0px 0px 0px;font-size: 17px;color: #fff;} .header .menu-link:hover {color: #fff;} .dropdown-container a {color: #0C286D;font-size: 15px;display: block;} .dropdown-container {background-color: #fff !important;padding: 10px;} .header .menu {background-image: linear-gradient(to bottom, #fbbc04, #f2b504, #eaaf03, #e1a803, #d9a203);overflow-y: scroll;} .header .burger-line {background-color: #FBBC04;} .header .burger.is-active .burger-line {background-color: #262626;} .header {padding: 15px 0px;} .hide-mobile {display: none;} .show-mobile {display: block;} .header .menu-link {color: #262626;} .header .menu-link.active {color: #262626;} .header .contactus-btn:hover .ct-btn {color: #fff;} .header .arrow-icon img {background-color: transparent;filter: brightness(0) invert(1);} .header .divider {display: none;} .header .contactus-btn .contact-btn {color: #fff;} .header .arrow-icon span {border: 1px solid #fff;} .header .contactus-btn {margin-top: 25px;} .header .menu-inner {align-items: flex-start;padding: 0 0 0 25px;} .header .navbar {flex-direction: row-reverse;justify-content: space-between;gap: 0;width: 100%;max-width: 100%;} .banner-sec-img {height: auto;padding: 120px 15px 30px;z-index: 0;} .curator-mobile-show {display: flex !important;} .curator-mobile-hide {display: none;} .banner-content-text h1 {font-size: 35px;line-height: 40px;} .banner-content-text p {font-size: 20px;width: 100%;} .cur-submit-btn .btn-primary {width: 100%;} .cur-learn-btn .btn-primary {width: 100%;} .promote-music-sec {padding: 30px 15px;} .promote-music-content h2 {font-size: 30px;line-height: 35px;} .promote-music-content p {width: 100%;line-height: 30px;font-size: 15px;} .feedback-sec-bg {padding: 0 15px 20px;} .top-curator-sec {padding: 50px 15px 50px;clip-path: none;} .recently-shared-sec {padding: 40px 15px;} .top-curator-content h2 {font-size: 30px;line-height: 35px;} .feedback-div h4 {font-size: 23px;line-height: 28px;} .feedback-div p {font-size: 15px;width: 100%;} .header-inner {display: block;} .count-value span {font-size: 27px;} .user-sec-bg {padding: 60px 15px;} .user-sec-heading h2 {font-size: 30px;line-height: 35px;} .faq-sec-bg {padding: 40px 15px;} .faq-heading h2 {font-size: 30px;line-height: 35px;} .faq-heading p {font-size: 20px;} .faq-sec-bg .panel-title>a {font-size: 18px !important;line-height: 25px;} .faq-sec-bg .panel-body p {width: 100%;font-size: 15px;} .faq-sec-bg .panel-heading a:before {font-size: 20px;width: 28px;height: 28px;} .banner-right-design {display: none;} .banner-left-design {display: none;} .top-curator-design {display: none;} .slider-box-shadow {padding: 0 20px 40px;} .faq-design-img {top: 0;right: -80px;width: 200px;height: auto;} footer {padding: 50px 15px;} .footer-logo-content p {width: 100%;} .curator-links h6 {margin-bottom: 10px;} .recently-shared-sec .top-curator-content h2 {margin-bottom: 30px;} .feedback-div {margin-bottom: 30px;} .banner-submit-text {position: initial;margin-top: 30px;} .banner-submit-text h5 {line-height: 25px;font-size: 18px;} .banner-submit-text span {display: inline;} .cur-login-btn .btn-primary {border: 2px solid #000;border-color: #000 !important;} .cur-signup-btn .btn-primary {background-color: transparent !important;border: 2px solid #000;border-color: #000 !important;} .header .card {background-color: #fff;} .footer-logo-content {margin-bottom: 30px;} .account-setting-box {height: auto;padding: 0 0 0 0;} .account-setting-heading h3 {font-size: 24px;} .account-right-side h3 {font-size: 22px;margin: 0 0 40px 15px;} .account-fields-flex {display: block;margin: 0 15px 0px;} .account-setting-field {margin-bottom: 15px;} .account-form-btn {margin: 50px 0 0 0px;justify-content: center;} .tabs-item-listing li {padding: 18px 15px;} .account-avatr-img h4 {font-size: 22px;text-align: center;} .artist-personal-view {margin: 0 0px 140px;padding: 50px 15px 0;height: auto;} .curator-banner-flex {display: block;top: 0;left: 0;position: initial;} .border-line-circle {border: 3px solid #FBBC04;border-radius: 50%;width: 246px;height: 246px;margin: 0 0;display: flex;align-items: center;justify-content: center;} .banner-circle-content h2 {font-size: 25px;} .edit-bg-banner {bottom: 18px;right: 10px;} .main-flag-flex {margin: 0px 0 20px;} .pos-btn-flex .primary-submit {padding: 13px 22px;} .about-network-sec {padding: 10px 0px 50px;} .left-sec-box p {width: 100%;} .left-social-link li {padding: 0 12px 0 0;} .tr-box-img img {width: 100%;} .left-sec {margin-bottom: 20px;} .artist-welcome-banner-bg {padding: 40px 15px 10px;} .artist-welcome-content p {width: 100%;font-size: 15px;} .artist-welcome-content h3 {font-size: 25px;} .artist-welcome-btns {display: block;} .artist-welcome-btns .welcome-scr-submit {width: 100%;margin-bottom: 10px;} .artist-welcome-btns .welcome-scr-refer {width: 100%;margin-bottom: 25px;} .some-curator-sec {padding: 40px 15px 0px;} .some-curator-content h3 {font-size: 25px;} .some-curator-content p {font-size: 15px;} .some-curator-content span {display: inline;} .user-slider-div {margin: 0 0px 0;} .faq-heading {margin-bottom: 40px;} .artist-pg-banner {margin: 0 0px 140px;height: auto;padding: 60px 0 0;} .signin-sec {padding: 10px 15px 40px;} .influencer-steps-wizard .connecting-line {height: 4px;width: 36%;margin: 0 auto;left: 30px;right: 0;top: 15px;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 48%;} .social-icon-selection .grid-col-auto {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 290px);} .header-logo-img {width: 160px;} .tiktok-fields label {font-size: 15px;} .tiktok-fields select {width: 100%;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .curator-main-cls {margin-top: 40px;} .new-curator-bg {height: auto;margin-bottom: 30px;} .curator-main-cls h2 {font-size: 25px;margin-bottom: 20px;} .curator-main-cls .card-content {width: fit-content;} .copyright-sec p {line-height: 20px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time {display: block;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .table-data-flex {display: block;text-align: center;} .tab-bar-flex {display: block;} .personal-note {right: 60px;} .content-text-tbr p {width: 100%;margin: 20px auto 20px auto;} .content-text-tbr.move-up p {transform: translateY(160px);} .col-tab-inner-effect {margin: 0 20px 40px;} .img-ct-text small {width: 100%;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .curator-profile-banner {padding: 60px 15px 0px;height: auto;margin: 0 0 120px;} .genres-box li {text-align: center;} .shared-slider-box img {width: 100%;} .info-icon {word-break: break-all;} .playlist-flex .slick-dots {display: none !important;} .error-banner-sec {height: auto;padding: 190px 15px 80px;} .error-page-content h1 {font-size: 50px;} .error-page-content .number-span {font-size: 100px;line-height: 114px;} .error-page-content .text-span {display: inline;} .help-sec-banner {padding: 120px 15px;} .popular-topics-sec {padding: 40px 15px 30px;} .help-banner-content h2 {font-size: 25px;} .help-search-icon {display: BLOCK;margin: 24px 0 0;} .help-field {width: 100%;} .search-help-btn .btn-primary {margin: 10px 0 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;} .gradient-box {margin-bottom: 15px;} .recommended-sec-bg {padding: 30px 15px;} .still-need-sec {padding: 30px 15px 70px;} .still-need-sec .row {padding: 40px 15px 0;margin: 0 0px;} .still-need-text a {font-size: 15px;padding: 15px 24px;margin: 40px 0 40px;} .how-it-works-curator-sec {padding: 50px 15px;} .how-it-work-content h2 {font-size: 35px;line-height: 42px;} .how-it-work-content p {font-size: 20px;line-height: 32px;margin: 30px 0 30px;} .how-it-work-content {margin-bottom: 50px;} .how-work-sec {padding: 50px 15px 20px;} .ht-cont h2 {font-size: 35px;line-height: 42px;} .work-form h4 {font-size: 23px;line-height: 32px;} .work-form p {width: 100%;margin: 18px 0 0;font-size: 15px;} .work-form {margin-bottom: 0px;} .artist-pg-tabs .nav-tabs .nav-link {font-size: 20px;} .hw-align-songs .work-form p {width: 100%;} .hw-align {margin: 60px 0 50px;} .how-it-work-content span {display: inline;} .lb-box-inner .shape-img {width: 100%;} .main-curator-scr {display: block;height: auto;} .main-signin-box {width: 100%;padding: 40px 55px 30px;margin: 60px 0 30px;} .bar-line:before {left: -260px;width: 250px;} .bar-line:after {right: -260px;width: 250px;} .white-popup {padding: 60px 15px 20px;max-width: 100%;} .playbar-volume-flex {display: block;} .volume-bar-flex {width: 100%;} .middle-volume-div {display: block;} .volume-play-btn {margin: 10px 0;} .volume-bar-flex {margin-bottom: 10px;} .mfp-close-btn-in .mfp-close {z-index: 0;} .dreams-box-content {bottom: -20px;} .coin-bundles-content {padding: 60px 15px 0;} .coin-bundle-payment {padding: 60px 15px;} .bundle-inner-amount span {font-size: 30px;} .bundle-inner-amount img {width: 29px;height: 29px;} .methods-selection {display: block;} .methods-cards-selection {width: 100%;margin-bottom: 12px;} .paypal-method-selection {width: 100%;} .coin-bundle-payment p {line-height: 20px;} .card-inside {width: 80%;} .paypal-method-selection a {padding: 12px 60px 12px 10px;} .main-display-boxes-flex {margin: 0 0px 0;} .ground-floor-ticket-sec {padding: 160px 15px 80px;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} .upload-song-playlsiting-sec {padding: 120px 15px 70px;} .released-song-date .form-control {width: 50%;} .upload-song-playlsiting-sec .language-selection {width: 40%;margin-bottom: 10px;} .upload-song-playlsiting-sec .released-song-language.show {max-height: 160px;} .upload-song-playlsiting-sec .upload-song-link-field {width: 50%;} .upload-song-playlsiting-sec .upload-song-yes-no {flex-wrap: wrap;} .upload-song-playlsiting-sec .released-song-language .form-control {padding: 12px 15px;} .add-another-content {width: 55%;} } @media only screen and (min-width:768px) and (max-width: 991px) { .lock-box-text .songs-lyrics-text {width: 100% !important;} .mobile-dev-hide {display: none;} .mobile-dev-show {display: block !important;} .mobile-dev-show .card-body {padding: 0 0;} .mobile-dev-show .chat-data-sec {padding: 22px 0px 0px;} .mobile-dev-show .inbox-content-txt {text-align: left;} .mobile-dev-show .img-chat-flex {padding: 0 0;} .mobile-dev-show .btn {padding: 0 0;} .mobile-dev-show .chat-data {padding: 22px 0px 20px;} .inbox-content-txt h6 {font-size: 18px;} #exampleModal-dreams {right: 0px !important;} .released-song-date-no .form-control {width: 40% !important;} .In-box-text {margin: 29px 0 28px 30px !important;font-size: 22px !important;} .curator-filter {width: 22% !important;} .cur-pro-ban {margin: 0 0 0 !important;} .genre-msg-bar {bottom: 40px !important;z-index: 1;} #myModal-pageload .modal-dialog {max-width: 100% !important;} .pl-modal-content {padding: 30px 10px 0px !important;} .pageload-content {margin-bottom: 30px !important;} .referral-curator-text {width: 100% !important;} .ref-des-content h2 {font-size: 35px;} .referral-description-sec {padding: 40px 15px 30px !important;} .ref-des-content p {width: 100% !important;font-size: 18px !important;} .invite-referral-row {margin: 0 0px 0 !important;} .invite-box-content p {width: 100% !important;} .invite-box-content {margin-bottom: 25px;} .timeline-sec-bg {padding: 20px 15px 10px !important;} .timeline-text li {width: 100% !important;} .timeline-text:before {height: 310px !important;} .tm-cond-content h2 {font-size: 30px !important;} .terms-conditions-sec-bg {padding: 20px 15px 10px !important;} .tm-cond-lft-content p {width: 100% !important;} .tm-cond-lft-content h4 {line-height: 30px !important;} .referral-modal-content {padding: 20px 10px !important;} .referral-social-icon {margin: 30px 0 0 0px !important;} .referral-modal-content p {width: 100% !important;} .image-shapes {width: 100%;margin: 70px 0;} .image-div-slider8 .imagesContainer {left: 9px;top: -30px;} .image-div-slider8 {right: -16px;} .tooltip-text {background-color: #fff !important;left: -2px !important;} .tooltip-box {bottom: 30px !important;right: -140px !important;z-index: 1 !important;background-color: #fff !important;} .lines-svg-path {top: -21px;left: 133px;width: 68%;} .slider-move-heading {margin: 25px 0 0 41px !important;} .new-top-cur-row .col-lg-3 {max-width: 100% !important;} .automated-submission-sec {padding: 50px 15px;} .submission-animated-world-map svg {width: 92%;display: table;margin: 0 auto;} .yellow-range-bar {width: 100%;} .automated-left-sec {display: block;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-search-box {display: block;width: 100%;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .automated-searchbar-submission {margin-bottom: 10px;} .range-value p {line-height: 20px;} .rating-thumbs-sign {width: 90%;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .selection-f-input p {line-height: 20px;} .choose-curators-sec-bg {padding: 80px 15px;} .ch-curator-dropdown {margin-bottom: 30px;} .choose-curator-flex .dropdown-tabs-content.open {left: -170px;} .curator-bottom-selection-bar {padding: 20px 15px;width: 100%;} .choose-curator-flex .dropdown-tabs-content {max-width: 100%;width: 100%;} .submit-play-box {flex-wrap: wrap;} .artist-submission-flex {display: block;} .artist-submission-btn a {margin: 20px 0 0;display: block;text-align: center;} .packages-pg-sec {padding: 50px 15px;width: 100%;} .playlisting-floor-sec {padding: 80px 15px;} .weekly-performance {display: block;padding: 20px 20px;} .performance-bar {width: 100%;} .weekly-content h4 {text-transform: capitalize;} .playlisting-floor-slider {display: none;} .playlisting-floor-mobile-slider {display: block;} #test-popup1 .time-box {left: auto;right: 10px;top: 47px;} #test-popup1 .time-box span {display: flex;align-items: center;gap: 3px;} .playlisting-floor-mobile-slider .slick-dots {display: none !important;} .select-submission-sec .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-rows: repeat(3, 224px);} .cur-img-container img {width: 100%;} .new-curator-bg {padding: 80px 0 0;} .successfully-text {width: 80%;} .successfully-text h6 {text-align: left;font-size: 20px;} .successfully-text p {font-size: 17px;} .successfully-text a {font-size: 17px;} .track-overview-playlisting-sec {padding: 140px 15px 80px;} .track-overview-box {padding: 22px 20px;} .song-lyrics-box {padding: 32px 20px 22px;margin: 15px 0 0;} .songs-lyrics-text p {font-size: 15px;} .track-playlisting {margin: 30px 0 0;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a i {font-size: 17px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 78%;left: 10px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a {margin: 0;} .upload-song-tab h4 {font-size: 25px;} .upload-song-link-field {width: 56%;} .upload-song-mp3 .btn-primary {width: 100%;} #previewContainer p {margin-left: 7px;} .upload-songs-curator .upload-song-yes-btn .btn-primary {width: 100%;font-size: 16px;padding: 12px 35px;} .upload-songs-curator .upload-song-no-btn .btn-primary {width: 100%;font-size: 16px;padding: 12px 35px;} .lease-text {display: block;font-size: 15px;} .upload-songs-curator .released-song-language {padding: 10px 0 0;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .track-overview-tab h4 {font-size: 24px;} .upload-songs-curator .released-song-date .form-control {width: 40%;} .upload-songs-curator .upload-song-yes-no {flex-wrap: wrap;} .upload-songs-curator .language-selection {width: 30%;} .upload-songs-curator .released-song-language.show {max-height: 120px;} .upload-songs-influencer-screen .influencer-steps-wizard .wizard .nav-tabs > li {width: 30%;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 56%;left: -40px;} .artist-song-name h5 {font-size: 18px;} .upload-songs-influencer-screen .upload-influencer-language {width: 100%;} .upload-songs-influencer-screen .upload-influencer-media span {font-size: 15px;} .upload-songs-influencer-screen .released-song-language.show {max-height: 320px;} .track-overview-tab h4 {font-size: 24px;} .follower-left-box {padding: 22px;margin-bottom: 15px;} .post-play-bar .play-bar-line {width: 357px;} .follower-middle-box {margin-bottom: 15px;} .mini-photo-wrapper img {margin-right: 13px;} section.list-of-artists-sec {padding: 60px 15px 20px;} .artist-welcome-content span {display: inline;} .main-artist-dropdowns {margin-bottom: 10px;} .exo-click.mx-5 {margin-left: 70px !important;margin-right: 0 !important;} .filter-row-next {margin-top: -7px;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .shared-slider-box {margin: 0 6px 20px;} .wallet-pg-sec {padding: 70px 15px 70px;} .funds-flex {display: block;} .funds-inner-box {margin-bottom: 25px;} .bank-sec-amt-flex {display: block;} .bank-sec-amt {margin-bottom: 15px;} .payment-inner-box {padding: 16px 15px;} .fund-amount-box {padding: 16px 15px;height: 260px;} .transaction-box-bg {padding: 26px 15px 20px;} .tr-first-box a {font-size: 16px;padding: 13px 40px;display: block;text-align: center;} .header {padding: 25px 15px;} .brand img {width: 110px;} .header .menu-item {padding: 0 2px 0 0;} .show-mobile {display: none;} .header .menu-inner {column-gap: 1rem;margin: 0 0;} .banner-sec-img {height: auto;padding: 120px 15px 30px;z-index: 0;} .curator-mobile-show {display: flex !important;gap: 10px;} .curator-mobile-hide {display: none;} .banner-content-text h1 {font-size: 35px;line-height: 40px;} .banner-content-text p {font-size: 20px;width: 100%;} .cur-submit-btn .btn-primary {width: 100%;} .cur-learn-btn .btn-primary {width: 100%;} .promote-music-sec {padding: 30px 15px;} .promote-music-content h2 {font-size: 30px;line-height: 35px;} .promote-music-content p {width: 100%;line-height: 30px;font-size: 15px;} .feedback-sec-bg {padding: 0 15px 20px;} .top-curator-sec {padding: 50px 15px 50px;clip-path: none;overflow: hidden;} .recently-shared-sec {padding: 40px 15px;} .top-curator-content h2 {font-size: 30px;line-height: 35px;} .feedback-div h4 {font-size: 23px;line-height: 28px;} .feedback-div p {font-size: 15px;width: 100%;} .header-inner {display: block;} .count-value span {font-size: 27px;} .user-sec-bg {padding: 60px 15px;} .user-sec-heading h2 {font-size: 30px;line-height: 35px;} .faq-sec-bg {padding: 40px 15px;} .faq-heading h2 {font-size: 30px;line-height: 35px;} .faq-heading p {font-size: 20px;} .faq-sec-bg .panel-title>a {font-size: 18px !important;line-height: 25px;} .faq-sec-bg .panel-body p {width: 100%;font-size: 15px;} .faq-sec-bg .panel-heading a:before {font-size: 20px;width: 28px;height: 28px;} .slider-box-shadow {padding: 0 20px 40px;} footer {padding: 50px 15px;} .footer-logo-content p {width: 100%;} .curator-links h6 {margin-bottom: 10px;} .recently-shared-sec .top-curator-content h2 {margin-bottom: 30px;} .feedback-div {margin-bottom: 30px;} .banner-submit-text {position: initial;margin-top: 30px;justify-content: flex-start;} .banner-submit-text h5 {line-height: 25px;font-size: 18px;text-align: left;} .header .card {background-color: #000;} .footer-logo-content {margin-bottom: 30px;} .header .navbar {width: 100%;max-width: 100%;} .cur-login-btn .btn-primary {font-size: 13px;padding: 8px 20px;} .cur-signup-btn .btn-primary {font-size: 13px;padding: 8px 20px;} .header .menu-link {font-size: 14px;} .banner-left-design {top: 80px;left: -310px;height: auto;} .banner-right-design {top: 110px;right: 0;height: auto;z-index: -1;} .curator-links span {display: inline;} .top-curator-design {top: 0;right: -130px;z-index: 0;width: 300px;} .top-curator-img {position: relative;z-index: 1;} .account-setting-pg {display: flex;} .account-setting-pg .curator-mobile-show {display: none !important;} .account-setting-pg .curator-mobile-hide {display: flex !important;gap: 0px;} .user-menu-wrap {text-align: center;} .account-setting-box {height: auto;padding: 0 0 0 0;} .account-setting-heading h3 {font-size: 24px;} .account-right-side h3 {font-size: 22px;margin: 0 0 40px 15px;} .account-fields-flex {display: block;margin: 0 15px 0px;} .account-setting-field {margin-bottom: 15px;} .account-form-btn {margin: 50px 0 0 0px;justify-content: center;} .tabs-item-listing li {padding: 18px 15px;} .account-avatr-img h4 {font-size: 22px;text-align: center;} .artist-personal-view {margin: 0 0px 140px;padding: 50px 15px 0;height: auto;} .curator-banner-flex {display: block;top: 0;left: 0;position: initial;} .border-line-circle {border: 3px solid #FBBC04;border-radius: 50%;width: 246px;height: 246px;display: flex;align-items: center;justify-content: center;} .banner-circle-content h2 {font-size: 25px;} .edit-bg-banner {bottom: 18px;right: 10px;} .main-flag-flex {margin: 0px 0 20px;} .pos-btn-flex {padding: 15px 15px 15px;height: auto;margin: -120px 0px 20px;justify-content: center;} .pos-btn-flex .primary-submit {padding: 13px 22px;} .about-network-sec {padding: 10px 0px 50px;} .left-sec-box p {width: 100%;} .left-social-link li {padding: 0 12px 0 0;} .tr-box-img img {width: 100%;} .left-sec {margin-bottom: 20px;} .mobile-dropdown-hide .dropdown-wrapper:after {top: 8px;} .artist-welcome-banner-bg {padding: 40px 15px 10px;} .artist-welcome-content p {width: 100%;font-size: 15px;} .artist-welcome-content h3 {font-size: 25px;} .artist-welcome-btns {display: block;} .artist-welcome-btns .welcome-scr-submit {width: 100%;margin-bottom: 10px;} .artist-welcome-btns .welcome-scr-refer {width: 100%;margin-bottom: 25px;} .some-curator-sec {padding: 40px 15px 0px;} .some-curator-content h3 {font-size: 25px;} .some-curator-content p {font-size: 15px;} .some-curator-content span {display: inline;} .user-slider-div {margin: 0 0px 0;} .faq-heading {margin-bottom: 40px;} .artist-pg-banner {margin: 0 0px 140px;height: auto;padding: 60px 0 0;} .signin-sec {padding: 30px 15px;} .influencer-steps-wizard .connecting-line {height: 4px;width: 31%;margin: 0 auto;left: 30px;right: 0;top: 15px;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 48%;} .social-icon-selection .grid-col-auto {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 290px);} .header-logo-img {width: 160px;} .tiktok-fields label {font-size: 15px;} .tiktok-fields select {width: 100%;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .curator-main-cls h2 {font-size: 25px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time {display: block;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .table-data-flex {display: block;text-align: center;} .tab-bar-flex {display: block;} .personal-note {right: 60px;} .content-text-tbr p {width: 100%;margin: 20px auto 20px auto;} .content-text-tbr.move-up p {transform: translateY(160px);} .col-tab-inner-effect {margin: 0 20px 40px;} .img-ct-text small {width: 100%;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .curator-profile-banner {padding: 60px 15px 0px;height: auto;margin: 0 0 120px;} .genres-box li {text-align: center;} .shared-slider-box img {width: 100%;} .info-icon {word-break: break-all;} .playlist-flex .slick-dots {display: none !important;} .error-banner-sec {height: auto;padding: 190px 15px 80px;} .error-page-content h1 {font-size: 50px;} .error-page-content .number-span {font-size: 100px;line-height: 114px;} .error-page-content .text-span {display: inline;} .help-sec-banner {padding: 120px 15px;} .popular-topics-sec {padding: 40px 15px 30px;} .help-banner-content h2 {font-size: 25px;} .gradient-box {margin-bottom: 15px;} .recommended-sec-bg {padding: 30px 15px;} .still-need-sec {padding: 30px 15px 70px;} .still-need-sec .row {padding: 40px 15px 0;margin: 0 0px;} .still-need-text a {font-size: 15px;padding: 15px 24px;margin: 40px 0 40px;} .how-it-works-curator-sec {padding: 50px 15px;} .how-it-work-content h2 {font-size: 35px;line-height: 42px;} .how-it-work-content p {font-size: 20px;line-height: 32px;margin: 30px 0 30px;} .how-it-work-content {margin-bottom: 50px;} .how-work-sec {padding: 50px 15px 20px;} .ht-cont h2 {font-size: 35px;line-height: 42px;} .work-form h4 {font-size: 23px;line-height: 32px;} .work-form p {width: 100%;margin: 18px 0 0;font-size: 15px;} .work-form {margin-bottom: 0px;} .artist-pg-tabs .nav-tabs .nav-link {font-size: 20px;} .hw-align-songs .work-form p {width: 100%;} .hw-align {margin: 60px 0 50px;} .how-it-work-content span {display: inline;} .lb-box-inner .shape-img {width: 100%;} .main-curator-scr {display: block;height: auto;} .main-signin-box {width: 100%;padding: 40px 55px 30px;margin: 70px 0 30px;} .bar-line:before {left: -260px;width: 250px;} .bar-line:after {right: -260px;width: 250px;} .white-popup {padding: 60px 15px 20px;max-width: 100%;} .playbar-volume-flex {display: block;} .volume-bar-flex {width: 100%;} .middle-volume-div {display: block;} .volume-play-btn {margin: 10px 0;} .volume-bar-flex {margin-bottom: 10px;} .mfp-close-btn-in .mfp-close {z-index: 0;} .dreams-box-content {bottom: -10px;} .coin-bundles-content {padding: 60px 15px 0;} .coin-bundle-payment {padding: 60px 15px;} .bundle-inner-amount span {font-size: 30px;} .bundle-inner-amount img {width: 29px;height: 29px;} .methods-selection {display: block;} .methods-cards-selection {width: 100%;margin-bottom: 12px;} .paypal-method-selection {width: 100%;} .coin-bundle-payment p {line-height: 20px;} .card-inside {width: 80%;} .paypal-method-selection a {padding: 12px 60px 12px 10px;} .main-display-boxes-flex {margin: 0 0px 0;} .ground-floor-ticket-sec {padding: 200px 15px 80px;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} .upload-song-playlsiting-sec {padding: 120px 15px 70px;} .released-song-date .form-control {width: 50%;} .upload-song-playlsiting-sec .language-selection {width: 40%;margin-bottom: 10px;} .upload-song-playlsiting-sec .released-song-language.show {max-height: 160px;} .upload-song-playlsiting-sec .upload-song-link-field {width: 50%;} .upload-song-playlsiting-sec .upload-song-yes-no {flex-wrap: wrap;} .upload-song-playlsiting-sec .released-song-language .form-control {padding: 12px 15px;} .add-another-content {width: 55%;margin-top: 50px;} .user-menu .user-menu-link div {text-align: left;} .user-menu .profile-highlight .details {text-align: left;} } @media only screen and (min-width:992px) and (max-width: 1199px) { .badge-sec img {width: 70px !important;margin-right: 5px !important;} .main-chap-wiz {top: 50px !important;} .playlisting-floor-sec {padding: 80px 15px !important;} .banner-circle-img img {margin-bottom: 30px;} .wrap-feature41-box .f41-tab {padding: 0px 0 !important;overflow-y: scroll;height: 820px !important;} .chat-inbox-sec {padding: 0px 15px 0px !important;} .img-chat-flex {padding: 0px 15px;} .chat-data-time span {font-size: 11px !important;} .msg-content-data {padding-left: 40px !important;} .msg-content-data-sec {padding: 15px 0px !important;margin: 0 10px 0 37px !important;} .main-chat-text-box {padding: 20px 15px !important;} .tooltip-text {background-color: #fff !important;left: -2px !important;} .tooltip-box {bottom: 30px !important;right: 240px !important;z-index: 1 !important;background-color: #fff !important;} .lines-svg-path {top: -20px;left: 105px;width: 70%;} .slider-move-heading {margin: 60px 0 0 70px !important;} .slider-move-heading h5 {font-size: 17px !important;} .automated-submission-sec {padding: 50px 15px;} .submission-animated-world-map svg {width: 100%;} .yellow-range-bar {width: 100%;} .automated-left-sec {flex-wrap: wrap;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .range-value p {line-height: 20px;} .rating-thumbs-sign {width: 90%;} .genre-msg-bar p:before {height: 100vh;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .selection-f-input p {line-height: 17px;font-size: 13px;} .choose-curator-flex .selected-option {font-size: 13px;} .tiktok-credit .tk-credit {font-size: 13px;line-height: 17px;display: block;} .tiktok-credit .tk-icon {font-size: 12px;line-height: 15px;margin-bottom: 2px;} .three-selections {gap: 25px;} .user-menu .user-menu-link div {text-align: left;} .user-menu .profile-highlight .details {text-align: left;} .choose-curators-sec-bg {padding: 80px 15px;} .ch-curator-dropdown {margin-bottom: 30px;} .choose-curator-flex .dropdown-tabs-content.open {left: -170px;} .curator-bottom-selection-bar {padding: 20px 15px;width: 100%;} .choose-curator-flex .dropdown-tabs-content {max-width: 100%;width: 100%;} .curator-fav-btn a {font-size: 13px;padding: 12px 9px;} .curator-fav-btn i {margin-right: 3px;} .submit-play-box {flex-wrap: wrap;} .artist-submission-flex {display: block;} .artist-submission-btn a {margin: 20px 0 0;display: block;text-align: center;} .packages-pg-sec {padding: 50px 15px;width: 100%;} .security-lock-text {display: block;} .security-lock-text p {margin-bottom: 12px;} .select-submission-sec .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-rows: repeat(3, 224px);} .cur-img-container img {width: 100%;} .new-curator-bg {padding: 80px 0 0;} .successfully-text {width: 80%;} .successfully-text h6 {text-align: left;font-size: 20px;} .successfully-text p {font-size: 17px;} .successfully-text a {font-size: 17px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a i {font-size: 17px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 50%;left: -48px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a {margin: 0;} .upload-song-tab h4 {font-size: 25px;} .upload-song-link-field {width: 56%;} .upload-song-mp3 .btn-primary {width: 100%;} #previewContainer p {margin-left: 7px;} .upload-songs-curator .upload-song-yes-btn .btn-primary {width: 100%;font-size: 16px;padding: 12px 35px;} .upload-songs-curator .upload-song-no-btn .btn-primary {width: 100%;font-size: 16px;padding: 12px 35px;} .lease-text {display: block;font-size: 15px;} .upload-songs-curator .released-song-language {padding: 10px 0 0;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .track-overview-tab h4 {font-size: 24px;} .upload-songs-curator .released-song-date .form-control {width: 40%;} .upload-songs-curator .upload-song-yes-no {flex-wrap: wrap;} .upload-songs-curator .language-selection {width: 30%;} .upload-songs-curator .released-song-language.show {max-height: 120px;} .upload-songs-influencer-screen .influencer-steps-wizard .wizard .nav-tabs > li {width: 30%;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 52%;left: -140px;} .artist-song-name h5 {font-size: 18px;} .upload-songs-influencer-screen .upload-influencer-language {width: 100%;} .upload-songs-influencer-screen .upload-influencer-media span {font-size: 15px;} .upload-songs-influencer-screen .released-song-language.show {max-height: 320px;} .track-overview-tab h4 {font-size: 24px;} .follower-left-box {padding: 22px;margin-bottom: 15px;} .post-play-bar .play-bar-line {width: 97px;} .follower-middle-box {margin-bottom: 15px;} .upload-songs-influencer-screen .upload-influencer-language {width: 52%;} .follower-bottom-img {flex-wrap: wrap;} .upload-songs-influencer-screen .follower-bottom-img img {width: 30%;} .choose-curators-sec-bg {padding: 80px 20px;} .dreams-box-content {bottom: -22px;} .mini-photo-wrapper2 img {display: block;} section.list-of-artists-sec {padding: 60px 15px 40px;} .artist-welcome-content span {display: inline;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .hover-text-chg {transform: translateY(-50px);} .hover-text-chg p {display: block;} .hover-text-chg span {display: block;} #progressCarousel .carousel-indicators {width: 200px;justify-content: center !important;margin: 0 auto 30px auto;} .wallet-pg-sec {padding: 70px 15px 70px;} .funds-flex {display: block;} .funds-inner-box {margin-bottom: 25px;} .bank-sec-amt-flex {flex-wrap: wrap;} .bank-sec-amt {margin-bottom: 15px;} .payment-inner-box {padding: 16px 15px;} .fund-amount-box {padding: 16px 15px;height: 260px;} .transaction-box-bg {padding: 26px 15px 20px;} .tr-first-box a {font-size: 16px;padding: 13px 40px;display: block;text-align: center;} .account-avatr-img h4 {font-size: 22px;text-align: center;} .mobile-dropdown-hide .dropdown-list {top: 47px;} .header {padding: 20px 15px;} .brand img {width: 160px;} .header .menu-item {padding: 0 2px 0 0;} .show-mobile {display: none;} .header .menu-inner {column-gap: 1rem;margin: 0 0px 0 0px;} .banner-sec-img {padding: 15px;overflow: hidden;} .banner-content-text p {font-size: 20px;line-height: 25px;padding: 20px 0 30px;width: 100%;} .cur-submit-btn .btn-primary {padding: 12px 24px;font-size: 15px;} .promote-music-sec {padding: 30px 15px;} .banner-content-text h1 {font-size: 40px;} .banner-submit-text h5 {font-size: 18px;line-height: 25px;} .feedback-sec-bg {padding: 0 15px 20px;} .cur-login-btn .btn-primary {font-size: 14px;padding: 10px 15px;} .cur-signup-btn .btn-primary {font-size: 14px;padding: 10px 18px;} .promote-music-content h2 {font-size: 35px;line-height: 40px;} .promote-music-content p {font-size: 18px;width: 100%;line-height: 35px;} .feedback-div p {width: 90%;font-size: 15px;line-height: 25px;} .feedback-div h4 {font-size: 23px;line-height: 24px;} .top-curator-sec {padding: 190px 15px 120px;overflow: hidden;} .top-curator-content h2 {font-size: 35px;line-height: 40px;} .recently-shared-sec {padding: 40px 15px 70px;} .count-value span {font-size: 30px;} .user-sec-heading h2 {font-size: 35px;line-height: 40px;} .slider-box-shadow {padding: 0 20px 20px;} .user-sec-bg {padding: 60px 15px;} .faq-heading h2 {font-size: 35px;line-height: 40px;} .faq-heading p {font-size: 20px;} .footer-logo-content p {width: 100%;} .faq-sec-bg {padding: 80px 15px;} footer {padding: 50px 15px;} .image-shapes {width: 100%;z-index: 1;} .imagesContainer {width: 60px;height: 60px;} .image-div-slider {top: -30px;left: -20px;} .image-div-slider2 {top: 0px;left: 120px;} .image-div-slider3 .imagesContainer {width: 100px;height: 100px;} .image-div-slider3 {right: 190px;} .image-div-slider4 {top: -20px;} .image-div-slider5 .imagesContainer {width: 110px;height: 110px;} .image-div-slider6 .imagesContainer {width: 100px;height: 100px;} .image-div-slider6 {top: 139px;left: 200px;} .image-div-slider7 {right: 120px;} .image-div-slider8 .imagesContainer {width: 100px;height: 100px;} .image-div-slider8 {top: 109px;right: -26px;} .image-div-slider11 {width: 100px;height: 100px;bottom: -50px;right: 210px;} .image-div-slider9 {bottom: 60px;left: 130px;} .image-div-slider10 {bottom: 80px;right: 90px;} .image-div-slider11 img {width: 50px;} .account-setting-pg {display: flex;} .account-setting-pg .curator-mobile-show {display: none !important;} .account-setting-pg .curator-mobile-hide {display: flex !important;gap: 0;} .user-menu-wrap {text-align: center;} .account-setting-box {height: auto;padding: 0 0 0 0;} .account-setting-heading h3 {font-size: 24px;} .account-right-side h3 {font-size: 22px;margin: 0 0 40px 15px;} .account-fields-flex {display: block;margin: 0 15px 0px;} .account-setting-field {margin-bottom: 15px;} .account-form-btn {margin: 50px 0 0 0px;justify-content: center;} .tabs-item-listing li {padding: 18px 15px;} .mini-photo-wrapper img {display: block;margin: 0 auto;} .artist-personal-view {margin: 0 0px 140px;padding: 50px 15px 0;height: auto;} .curator-banner-flex {display: block;top: 0;left: 0;position: initial;} .border-line-circle {border: 3px solid #FBBC04;border-radius: 50%;width: 246px;height: 246px;display: flex;align-items: center;justify-content: center;} .banner-circle-content h2 {font-size: 25px;} .edit-bg-banner {bottom: 18px;right: 10px;} .main-flag-flex {margin: 0px 0 20px;} .pos-btn-flex {padding: 15px 15px 15px;height: auto;margin: -120px 0px 20px;justify-content: center;} .pos-btn-flex .primary-submit {padding: 13px 22px;} .about-network-sec {padding: 10px 0px 50px;} .left-sec-box p {width: 100%;} .left-social-link li {padding: 0 12px 0 0;} .tr-box-img img {width: 100%;} .left-sec {margin-bottom: 20px;} .favorite-boxes-cont {word-break: break-all;} .artist-welcome-banner-bg {padding: 40px 15px 10px;} .artist-welcome-content p {width: 100%;font-size: 15px;} .artist-welcome-content h3 {font-size: 25px;} .artist-welcome-btns .welcome-scr-submit {width: 100%;} .artist-welcome-btns .welcome-scr-refer {width: 100%;} .some-curator-sec {padding: 40px 15px 0px;} .some-curator-content h3 {font-size: 25px;} .some-curator-content p {font-size: 15px;} .some-curator-content span {display: inline;} .user-slider-div {margin: 0 0px 0;} .faq-heading {margin-bottom: 40px;} .artist-pg-banner {margin: 0 0px 140px;height: auto;padding: 60px 0 0;} .signin-sec {padding: 30px 15px;} .influencer-steps-wizard .connecting-line {height: 4px;width: 31%;margin: 0 auto;left: 30px;right: 0;top: 15px;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 48%;} .social-icon-selection .grid-col-auto {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 290px);} .header-logo-img {width: 160px;} .tiktok-fields label {font-size: 15px;} .tiktok-fields select {width: 100%;} .social-icon-selection .card-content p span {display: inline;} .curator-main-cls h2 {font-size: 25px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time {display: block;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .table-data-flex {display: block;text-align: center;} .tab-bar-flex {display: block;} .personal-note {right: 60px;} .content-text-tbr p {width: 100%;margin: 20px auto 20px auto;} .content-text-tbr.move-up p {transform: translateY(160px);} .col-tab-inner-effect {margin: 0 20px 40px;} .img-ct-text small {width: 100%;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .cur-mike {display: block;text-align: center;} .cur-mike span {display: inline-block;} .cur-mike h6 {font-size: 18px;} .side-listing {display: block;} .side-listing a {margin-bottom: 10px;display: block;} .inbox-inner-cont {display: block;} .think-cont p {margin-top: 10px;} .curator-profile-banner {padding: 60px 15px 0px;height: auto;margin: 0 0 120px;} .genres-box li {text-align: center;} .shared-slider-box img {width: 100%;} .info-icon {word-break: break-all;} .playlist-flex .slick-dots {display: none !important;} .help-sec-banner {padding: 120px 15px;} .popular-topics-sec {padding: 40px 15px 30px;} .help-banner-content h2 {font-size: 25px;} .gradient-box {margin-bottom: 15px;} .recommended-sec-bg {padding: 30px 15px;} .still-need-sec {padding: 30px 15px 70px;} .still-need-sec .row {padding: 40px 15px 0;margin: 0 0px;} .still-need-text a {font-size: 15px;padding: 15px 24px;margin: 40px 0 40px;} .how-it-works-curator-sec {padding: 50px 15px;} .how-it-work-content h2 {font-size: 35px;line-height: 42px;} .how-it-work-content p {font-size: 20px;line-height: 32px;margin: 30px 0 30px;} .how-it-work-content {margin-bottom: 50px;} .how-work-sec {padding: 50px 15px 20px;} .ht-cont h2 {font-size: 35px;line-height: 42px;} .work-form h4 {font-size: 23px;line-height: 32px;} .work-form p {width: 100%;margin: 18px 0 0;font-size: 15px;} .work-form {margin-bottom: 0px;} .artist-pg-tabs .nav-tabs .nav-link {font-size: 20px;} .hw-align-songs .work-form p {width: 100%;} .hw-align {margin: 60px 0 50px;} .how-it-work-content span {display: inline;} .favorite-top-bar {display: block;} .label-view-all .btn-primary {justify-content: center;margin: 13px 0 0;} .main-curator-scr {display: block;height: auto;} .main-signin-box {width: 70%;padding: 40px 55px 30px;margin: 60px auto 30px;} .bar-line:before {left: -260px;width: 250px;} .bar-line:after {right: -260px;width: 250px;} .white-popup {padding: 60px 15px 20px;max-width: 100%;} .mfp-close-btn-in .mfp-close {z-index: 0;} .coin-bundles-content {padding: 60px 15px 0;} .coin-bundle-payment {padding: 60px 15px;} .bundle-inner-amount span {font-size: 30px;} .bundle-inner-amount img {width: 29px;height: 29px;} .methods-selection {display: block;} .methods-cards-selection {width: 100%;margin-bottom: 12px;} .paypal-method-selection {width: 100%;} .coin-bundle-payment p {line-height: 20px;} .card-inside {width: 80%;} .paypal-method-selection a {padding: 12px 60px 12px 10px;} .coin-bundles-content {padding: 60px 150px 0;} .error-page-content .text-span {display: inline;} .error-page-content .number-span {font-size: 130px;line-height: 130px;} .error-page-content h1 {font-size: 70px;} .ground-floor-ticket-sec {padding: 200px 15px 80px;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} .top-rows-radio-text p {line-height: 18px;} .top-rows-radio-text h6 {margin: 0 0 6px;} .upload-song-playlsiting-sec {padding: 120px 15px 70px;} .released-song-date .form-control {width: 50%;} .upload-song-playlsiting-sec .language-selection {width: 40%;margin-bottom: 10px;} .upload-song-playlsiting-sec .released-song-language.show {max-height: 160px;} .upload-song-playlsiting-sec .upload-song-link-field {width: 50%;} .upload-song-playlsiting-sec .upload-song-yes-no {flex-wrap: wrap;} .upload-song-playlsiting-sec .released-song-language .form-control {padding: 12px 15px;} .add-another-content {width: 40%;margin-top: 50px;} } @media only screen and (min-width:1260px) and (max-width: 1365px) { .badge-sec img {width: 80px !important;margin-right: 10px !important;} #exampleModal-dreams {right: -192px !important;} #exampleModal-dreams .modal-dialog {max-width: 34% !important;} #exampleModal-dreams .modal-content {padding: 40px 15px !important;} .released-song-date-no .form-control {width: 30% !important;} .timeline-text:before {height: 310px !important;} .invite-referral-row {margin: 0 30px 0 !important;} .lines-svg-path {top: -20px;left: 107px;width: 70%;} .packages-pg-sec {width: 100%;} .verification-pg {margin: 50px 0 0 !important;} .slider-move-heading {margin: 69px 0 0 75px !important;} .slider-move-heading h5 {font-size: 18px !important;} .submission-animated-world-map svg {width: 100%;} .yellow-range-bar {width: 100%;} .automated-left-sec {flex-wrap: wrap;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .range-value p {line-height: 20px;} .genre-msg-bar p:before {height: 100vh;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .selection-f-input p {line-height: 17px;font-size: 13px;} .tiktok-credit .tk-credit {font-size: 13px;line-height: 17px;display: block;} .tiktok-credit .tk-icon {font-size: 12px;line-height: 15px;margin-bottom: 2px;} .three-selections {gap: 25px;} .user-menu .user-menu-link div {text-align: left;} .user-menu .profile-highlight .details {text-align: left;} .curator-fav-btn a {padding: 12px 13px;} .submit-play-box {flex-wrap: wrap;} .artist-submission-flex {display: block;} .artist-submission-btn a {margin: 20px 0 0;display: block;text-align: center;} .security-lock-text {display: block;} .security-lock-text p {margin-bottom: 12px;} .cur-img-container img {width: 100%;} .new-curator-bg {height: auto;padding: 20px 0 60px;} .curator-main-cls {margin-top: 0;} .successfully-text {width: 50%;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 70%;} #previewContainer p {margin-left: 7px;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .upload-song-link-field {width: 68%;} .upload-songs-curator .upload-song-yes-no {flex-wrap: wrap;} .upload-songs-influencer-screen .follower-bottom-img img {width: 30%;margin: 0 auto;} .post-listing-content li {padding: 0 6px 0 0;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 40%;} .post-play-bar .play-bar-line {width: 110px;} .choose-curators-sec-bg {padding: 80px 60px;} .profile {padding: 0;} .artist-welcome-content span {display: inline;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .hover-text-chg {transform: translateY(-50px);} .hover-text-chg p {display: block;} .hover-text-chg span {display: block;} .bank-sec-amt-flex {flex-wrap: wrap;} .show-mobile {display: none;} .header .menu-item {padding: 0 14px 0 0;} .brand img {width: 160px;} .header .navbar {justify-content: flex-start;} .header {padding: 20px 60px;} .header .menu-inner {padding-left: 57px;column-gap: 1rem;} .mobile-dropdown-hide .dropdown-list {top: 58px;} .banner-sec-img {overflow: hidden;} .banner-content-text p {font-size: 20px;line-height: 25px;padding: 20px 0 30px;width: 100%;} .cur-submit-btn .btn-primary {padding: 12px 24px;font-size: 15px;} .banner-content-text h1 {font-size: 40px;} .banner-submit-text h5 {font-size: 18px;line-height: 25px;} .cur-login-btn .btn-primary {font-size: 14px;padding: 10px 18px;} .cur-signup-btn .btn-primary {font-size: 14px;padding: 10px 18px;} .promote-music-content h2 {font-size: 35px;line-height: 40px;} .promote-music-content p {font-size: 18px;width: 100%;line-height: 35px;} .feedback-div p {width: 90%;font-size: 15px;line-height: 25px;} .feedback-div h4 {font-size: 23px;line-height: 24px;} .top-curator-sec {padding: 180px 120px 110px;overflow: hidden;} .top-curator-content h2 {font-size: 35px;line-height: 40px;} .recently-shared-sec {padding: 40px 120px 70px;} .count-value span {font-size: 30px;} .user-sec-heading h2 {font-size: 35px;line-height: 40px;} .slider-box-shadow {padding: 0 20px 20px;} .user-sec-bg {padding: 60px 120px;} .faq-heading h2 {font-size: 35px;line-height: 40px;} .faq-heading p {font-size: 20px;} .footer-logo-content p {width: 100%;} .faq-sec-bg {padding: 80px 120px;} footer {padding: 50px 70px;} .curator-links a {font-size: 12px;} .image-shapes {width: 100%;z-index: 1;} .imagesContainer {width: 60px;height: 60px;} .image-div-slider {top: -30px;left: -20px;} .image-div-slider2 {top: 0px;left: 120px;} .image-div-slider3 .imagesContainer {width: 100px;height: 100px;} .image-div-slider3 {right: 220px;} .image-div-slider4 {top: -20px;} .image-div-slider5 .imagesContainer {width: 110px;height: 110px;} .image-div-slider6 .imagesContainer {width: 100px;height: 100px;} .image-div-slider6 {top: 139px;left: 200px;} .image-div-slider7 {right: 120px;} .image-div-slider8 .imagesContainer {width: 100px;height: 100px;} .image-div-slider8 {top: 109px;right: -26px;} .image-div-slider11 {width: 100px;height: 100px;bottom: -50px;right: 210px;} .image-div-slider9 {bottom: 60px;left: 130px;} .image-div-slider10 {bottom: 80px;right: 90px;} .image-div-slider11 img {width: 50px;} .shared-flex {gap: 10px;} .faq-sec-bg .panel-title>a, .faq-sec-bg .panel-title>a:active {font-size: 19px;} .curator-links span {display: inline;} .account-setting-pg {display: flex;} .account-setting-pg .curator-mobile-show {display: none !important;} .account-setting-pg .curator-mobile-hide {display: flex !important;gap:4px;} .user-menu-wrap {text-align: center;} .account-setting-heading h3 {font-size: 24px;} .account-right-side h3 {font-size: 22px;} .account-avatr-img h4 {font-size: 22px;text-align: center;} .favorite-boxes-cont {word-break: break-all;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 32%;} .influencer-steps-wizard .connecting-line {width: 21%;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .curator-main-cls h2 {font-size: 25px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .cur-mike h6 {font-size: 18px;} .side-listing a {margin-bottom: 10px;display: block;} .think-cont p {margin-top: 10px;} .content-text-tbr.move-up p {transform: translateY(110px);} .personal-note.move-down {transform: translateY(10px);} .previously-reviewed-tabs .panel-heading a:before {margin-top: 30px;} .curator-profile-banner {padding: 120px 50px 0px;} .about-network-sec {padding: 10px 60px 50px;} .how-it-work-content span {display: inline;} .favorite-top-bar {display: block;} .label-view-all .btn-primary {justify-content: center;margin: 13px 0 0;} .bar-line:before {left: -200px;width: 190px;} .bar-line:after {right: -200px;width: 190px;} .main-signin-box {width: 70%;margin: -10px 0 0;} .main-curator-scr {height: auto;margin: 50px 0 50px;} .white-popup {padding: 60px 15px 20px;max-width: 70%;} .mfp-close-btn-in .mfp-close {z-index: 0;} .coin-bundle-payment {padding: 60px 70px;} .coin-bundles-content {padding: 60px 70px 0;} .bundle-inner-amount span {font-size: 30px;} .bundle-inner-amount img {width: 29px;height: 29px;} .coin-bundle-payment p {line-height: 20px;} .card-inside {width: 80%;} .paypal-method-selection a {padding: 12px 60px 12px 10px;} .coin-bundles-content {padding: 60px 150px 0;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} .top-rows-radio-text p {line-height: 18px;} .top-rows-radio-text h6 {margin: 0 0 6px;} .upload-song-playlsiting-sec {padding: 120px 15px 70px;} .released-song-date .form-control {width: 30%;} .upload-song-playlsiting-sec .language-selection {width: 40%;margin-bottom: 10px;} .upload-song-playlsiting-sec .released-song-language.show {max-height: 160px;} .upload-song-playlsiting-sec .upload-song-link-field {width: 50%;} .upload-song-playlsiting-sec .upload-song-yes-no {flex-wrap: wrap;} .upload-song-playlsiting-sec .released-song-language .form-control {padding: 12px 15px;} .add-another-content {width: 33%;margin-top: 50px;} .tooltip-box {bottom: 30px !important;right: 270px !important;z-index: 1 !important;background-color: #fff !important;} } @media only screen and (min-width: 1366px) and (max-width: 1439px) { .curator-filter {width: 17% !important;} .playlisting-floor-sec {padding: 80px 70px !important;} .genre-msg-bar {bottom: 44px !important;z-index: 1;} .timeline-text:before {height: 280px !important;} .tooltip-box {bottom: 30px !important;right: 410px !important;z-index: 1 !important;background-color: #fff !important;} .lines-svg-path {top: -20px;left: 116px;width: 70%;} .packages-pg-sec {width: 100%;} .slider-move-heading {margin: 85px 0 0 85px !important;} .slider-move-heading h5 {font-size: 18px !important;} .submission-animated-world-map svg {width: 100%;} .yellow-range-bar {width: 100%;} .verification-pg {margin: 50px 0 0 !important;} .automated-left-sec {flex-wrap: wrap;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .range-value p {line-height: 20px;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .selection-f-input p {line-height: 17px;font-size: 13px;} .tiktok-credit .tk-credit {font-size: 13px;line-height: 17px;display: block;} .tiktok-credit .tk-icon {font-size: 12px;line-height: 15px;margin-bottom: 2px;} .three-selections {gap: 25px;} .user-menu .user-menu-link div {text-align: left;} .user-menu .profile-highlight .details {text-align: left;} .curator-fav-btn a {padding: 12px 13px;} .submit-play-box {flex-wrap: wrap;} .artist-submission-flex {display: block;} .artist-submission-btn a {margin: 20px 0 0;display: block;text-align: center;} .security-lock-text {display: block;} .security-lock-text p {margin-bottom: 12px;} .cur-img-container img {width: 100%;} .new-curator-bg {height: auto;padding: 20px 0 60px;} .curator-main-cls {margin-top: 0;} .successfully-text {width: 50%;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 70%;} #previewContainer p {margin-left: 7px;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .upload-song-link-field {width: 68%;} .upload-songs-curator .upload-song-yes-no {flex-wrap: wrap;} .upload-songs-influencer-screen .follower-bottom-img img {width: 30%;margin: 0 auto;} .post-listing-content li {padding: 0 6px 0 0;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 40%;} .post-play-bar .play-bar-line {width: 110px;} .choose-curators-sec-bg {padding: 80px 70px;} .profile {padding: 0px;} .artist-welcome-content span {display: inline;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .hover-text-chg {transform: translateY(-50px);} .hover-text-chg p {display: block;} .hover-text-chg span {display: block;} .bank-sec-amt-flex {flex-wrap: wrap;} .show-mobile {display: none;} .header .menu-item {padding: 0 14px 0 0;} .brand img {width: 160px;} .header .navbar {justify-content: flex-start;} .header {padding: 15px 60px;} .header .menu-inner {padding-left: 57px;column-gap: 1rem;} .mobile-dropdown-hide .dropdown-list {top: 58px;} .banner-sec-img {overflow: hidden;} .banner-content-text p {font-size: 16px;line-height: 25px;padding: 10px 0 30px;width: 80%;} .cur-submit-btn .btn-primary {padding: 12px 24px;font-size: 13px;} .cur-learn-btn .btn-primary {font-size: 13px;padding: 12px 35px;} .banner-content-text h1 {font-size: 40px;} .banner-submit-text h5 {font-size: 16px;line-height: 25px;} .cur-login-btn .btn-primary {font-size: 13px;padding: 10px 28px;} .cur-signup-btn .btn-primary {font-size: 13px;padding: 10px 28px;} .promote-music-content h2 {font-size: 35px;line-height: 40px;} .promote-music-content p {font-size: 15px;line-height: 30px;} .feedback-div p {width: 90%;font-size: 15px;line-height: 25px;} .feedback-div h4 {font-size: 23px;line-height: 24px;margin-top: 15px;} .top-curator-sec {padding: 180px 120px 110px;overflow: hidden;} .top-curator-content h2 {font-size: 35px;line-height: 40px;} .recently-shared-sec {padding: 40px 120px 70px;} .count-value span {font-size: 30px;} .user-sec-heading h2 {font-size: 35px;line-height: 40px;} .slider-box-shadow {padding: 0 20px 20px;} .user-sec-bg {padding: 60px 120px;} .faq-heading h2 {font-size: 35px;line-height: 40px;} .faq-heading p {font-size: 20px;} .footer-logo-content p {width: 100%;} .faq-sec-bg {padding: 80px 120px;} footer {padding: 50px 120px;} .image-shapes {width: 100%;z-index: 1;} .imagesContainer {width: 60px;height: 60px;} .image-div-slider {top: -30px;left: -20px;} .image-div-slider2 {top: 0px;left: 120px;} .image-div-slider3 .imagesContainer {width: 100px;height: 100px;} .image-div-slider3 {right: 220px;} .image-div-slider4 {top: -20px;} .image-div-slider5 .imagesContainer {width: 110px;height: 110px;} .image-div-slider6 .imagesContainer {width: 100px;height: 100px;} .image-div-slider6 {top: 139px;left: 200px;} .image-div-slider7 {right: 140px;} .image-div-slider8 .imagesContainer {width: 100px;height: 100px;} .image-div-slider8 {top: 109px;right: -26px;} .image-div-slider11 {width: 100px;height: 100px;bottom: -50px;right: 240px;} .image-div-slider9 {bottom: 60px;left: 150px;} .image-div-slider10 {bottom: 80px;right: 110px;} .image-div-slider11 img {width: 50px;} .shared-flex {gap: 10px;} .faq-sec-bg .panel-title>a, .faq-sec-bg .panel-title>a:active {font-size: 16px;} .curator-links span {display: inline;} .header .menu-link {font-size: 15px;} .top-curator-btn .btn-primary {font-size: 13px;} .recent-shared-text h6 {font-size: 14px;} .recent-shared-text p {font-size: 14px;line-height: 20px;margin-top: 8px;} .faq-sec-bg .panel-body p {font-size: 15px;line-height: 25px;} .faq-btns .btn-primary {font-size: 13px;} .email-form .btn-primary {font-size: 13px;} .account-setting-pg {display: flex;} .account-setting-pg .curator-mobile-show {display: none !important;} .account-setting-pg .curator-mobile-hide {display: flex !important;} .user-menu-wrap {text-align: center;} .account-setting-heading h3 {font-size: 24px;} .account-right-side h3 {font-size: 22px;} .account-avatr-img h4 {font-size: 22px;text-align: center;} .favorite-boxes-cont {word-break: break-all;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 32%;} .influencer-steps-wizard .connecting-line {width: 21%;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .curator-main-cls h2 {font-size: 25px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .cur-mike h6 {font-size: 18px;} .side-listing a {margin-bottom: 10px;display: block;} .think-cont p {margin-top: 10px;} .content-text-tbr.move-up p {transform: translateY(110px);} .personal-note.move-down {transform: translateY(10px);} .previously-reviewed-tabs .panel-heading a:before {margin-top: 30px;} .curator-profile-banner {padding: 120px 50px 0px;} .about-network-sec {padding: 10px 60px 50px;} .favorite-top-bar {display: block;} .label-view-all .btn-primary {justify-content: center;margin: 13px 0 0;} .bar-line:before {left: -220px;width: 210px;} .bar-line:after {right: -220px;width: 210px;} .main-signin-box {width: 70%;margin: 0px 0 0;} .main-curator-scr {height: auto;margin: 50px 0 50px;} .white-popup {padding: 60px 15px 20px;max-width: 70%;} .mfp-close-btn-in .mfp-close {z-index: 0;} .coin-bundle-payment {padding: 60px 70px;} .coin-bundles-content {padding: 60px 70px 0;} .bundle-inner-amount span {font-size: 30px;} .bundle-inner-amount img {width: 29px;height: 29px;} .coin-bundle-payment p {line-height: 20px;} .card-inside {width: 80%;} .paypal-method-selection a {padding: 12px 60px 12px 10px;} .coin-bundles-content {padding: 60px 150px 0;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} .top-rows-radio-text p {line-height: 18px;} .top-rows-radio-text h6 {margin: 0 0 6px;} .upload-song-playlsiting-sec {padding: 120px 15px 70px;} .released-song-date .form-control {width: 30%;} .upload-song-playlsiting-sec .language-selection {width: 40%;margin-bottom: 10px;} .upload-song-playlsiting-sec .released-song-language.show {max-height: 160px;} .upload-song-playlsiting-sec .upload-song-link-field {width: 50%;} .upload-song-playlsiting-sec .upload-song-yes-no {flex-wrap: wrap;} .upload-song-playlsiting-sec .released-song-language .form-control {padding: 12px 15px;} .add-another-content {width: 33%;margin-top: 50px;} } @media only screen and (min-width: 1440px) and (max-width: 1599px){ .genre-msg-bar {bottom: 20px !important;z-index: 1;} .timeline-text:before {height: 280px !important;} .badge-sec img {width: 90px !important;margin-right: 5px !important;} #exampleModal-dreams {right: -292px !important;} #exampleModal-dreams .modal-dialog {max-width: 34% !important;} #exampleModal-dreams .modal-content {padding: 40px 15px !important;} .main-chap-wiz {top: 60px !important;} .curator-filter {width: 16% !important;} .packages-pg-sec {width: 93%;} .tooltip-text {background-color: #fff !important;left: -2px !important;} .tooltip-box {bottom: 30px !important;right: 490px !important;z-index: 1 !important;background-color: #fff !important;} .lines-svg-path {top: -20px;left: 125px;width: 70%;} .slider-move-heading {margin: 90px 0 0 91px !important;} .slider-move-heading h5 {font-size: 20px !important;} .submission-animated-world-map svg {width: 100%;} .yellow-range-bar {width: 100%;} .automated-left-sec {flex-wrap: wrap;} .verification-pg {margin: 70px 0 0 !important;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .range-value p {line-height: 20px;} .genre-msg-bar p:before {height: 100vh;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .selection-f-input p {line-height: 17px;font-size: 13px;} .tiktok-credit .tk-credit {font-size: 13px;line-height: 17px;display: block;} .tiktok-credit .tk-icon {font-size: 12px;line-height: 15px;margin-bottom: 2px;} .three-selections {gap: 25px;} .curator-fav-btn a {padding: 12px 14px;} .submit-play-box {flex-wrap: wrap;} .security-lock-text {display: block;} .security-lock-text p {margin-bottom: 12px;} .select-submission-sec .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-rows: repeat(3, 190px);} .cur-img-container img {width: 100%;} .new-curator-bg {padding: 80px 0 0;} .upload-song-link-field {width: 73%;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 70%;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 40%;} .upload-songs-influencer-screen .follower-bottom-img {flex-wrap: wrap;} .post-play-bar .play-bar-line {width: 146px;} .upload-songs-influencer-screen .follower-bottom-img img {width: 30%;margin: 0 auto;} .post-listing-content li {padding: 0 6px 0 0;} .add-another-content {width: 33%;} .artist-welcome-content span {display: inline;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .hover-text-chg {transform: translateY(-50px);} .hover-text-chg p {display: block;} .hover-text-chg span {display: block;} .funds-inner-box {margin-bottom: 25px;} .bank-sec-amt-flex {flex-wrap: wrap;} .bank-sec-amt {margin-bottom: 15px;} .payment-inner-box {padding: 16px 15px;} .fund-amount-box {padding: 16px 15px;height: 260px;} .transaction-box-bg {padding: 26px 15px 20px;} .tr-first-box a {font-size: 16px;padding: 13px 40px;display: block;text-align: center;} .btns-flex {gap: 5px;} .social-icon-selection .card-content p {width: 87%;} .mobile-dropdown-hide .dropdown-list {top: 58px;} .show-mobile {display: none;} .header .menu-item {padding: 0 14px 0 0;} .brand img {width: 160px;} .header .navbar {justify-content: flex-start;} .header {padding: 17px 60px;} .header .menu-inner {padding-left: 0;} .cur-login-btn .btn-primary {padding: 12px 25px;} .cur-signup-btn .btn-primary {padding: 12px 25px;} .banner-sec-img {overflow: hidden;} .top-curator-sec {overflow: hidden;} .image-shapes {z-index: 1;} .banner-submit-text {z-index: 1;} .account-avatr-img h4 {text-align: center;} .favorite-boxes-cont {word-break: break-all;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 32%;} .influencer-steps-wizard .connecting-line {width: 21%;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .cur-mike {display: block;text-align: center;} .cur-mike span {display: inline-block;} .cur-mike h6 {font-size: 18px;} .side-listing {display: block;} .side-listing a {margin-bottom: 10px;display: block;} .inbox-inner-cont {display: block;} .think-cont p {margin-top: 10px;} .content-text-tbr.move-up p {transform: translateY(110px);} .favorite-top-bar {display: block;} .label-view-all .btn-primary {justify-content: center;margin: 13px 0 0;} .bar-line:before {left: -240px;width: 230px;} .bar-line:after {right: -240px;width: 230px;} .main-signin-box {width: 70%;margin: 10px 0 0;} .main-curator-scr {height: auto;margin: 50px 0 50px;} .white-popup {padding: 60px 15px 20px;max-width: 60%;} .mfp-close-btn-in .mfp-close {z-index: 0;} .coin-bundle-payment {padding: 60px 110px;} .coin-bundles-content {padding: 60px 110px 0;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} .top-rows-radio-text p {line-height: 18px;} .top-rows-radio-text h6 {margin: 0 0 6px;} } @media only screen and (min-width: 1600px) and (max-width: 1800px){ .tooltip-box {right: -140px !important;} .lines-svg-path {top: -27px;left: 145px;width: 70%;} .shared-box {margin-bottom: 28px;} .verification-pg {margin: 90px 0 0 !important;} .submission-animated-world-map svg {width: 100%;} .verification-pg .confirmm-btn .btn-primary {width: 48%;} .slider-move-heading {margin: 108px 0 0 111px !important;} .yellow-range-bar {width: 100%;} .automated-left-sec {flex-wrap: wrap;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .range-value p {line-height: 20px;} .submit-play-box {flex-wrap: wrap;} .cur-img-container img {width: 100%;} .upload-song-link-field {width: 73%;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 70%;} #previewContainer p {margin-left: 7px;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .upload-songs-influencer-screen .follower-bottom-img img {width: 32%;} .post-play-bar .play-bar-line {width: 185px;} .add-another-content {width: 28%;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .hover-text-chg {transform: translateY(-50px);} .artist-welcome-content span {display: inline;} .bank-sec-amt-flex {flex-wrap: wrap;} .content-text-tbr.move-up p {transform: translateY(110px);} .personal-note.move-down {transform: translateY(10px);} .social-icon-selection .card-content p {width: 87%;} .account-avatr-img h4 {text-align: center;} .show-mobile {display: none;} .header .menu-item {padding: 0 15px 0 0;} .header .menu-inner {padding-left: 28px;} .cur-login-btn .btn-primary {padding: 12px 25px;} .cur-signup-btn .btn-primary {padding: 12px 25px;} .banner-sec-img {overflow: hidden;} .top-curator-sec {overflow: hidden;} .image-shapes {z-index: 1;} .banner-submit-text {z-index: 1;} .favorite-boxes-cont {word-break: break-all;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 32%;} .influencer-steps-wizard .connecting-line {width: 21%;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .bar-line:before {left: -290px;width: 280px;} .bar-line:after {right: -290px;width: 280px;} .main-signin-box {width: 70%;margin: 30px 0 0;} .main-curator-scr {height: auto;margin: 50px 0 50px;} .coin-bundle-payment {padding: 60px 150px;} .coin-bundles-content {padding: 60px 150px 0;} } @media only screen and (min-width: 2560px) { .top-curator-sec {overflow: hidden;} .main-curator-scr {height: 80vh !important;} .signin-sec {height: 100vh;display: flex;align-items: center;justify-content: center;} .banner-sec-img {overflow: hidden;} } /*RESPONSIVE CSS END*/ .mobile-header-navabr nav {align-items: center;display: flex;justify-content: space-between;padding: 1rem 0rem;align-items: center;} .main-nav-holder {transition: 0.2s;} .main-nav {display: flex;} .main-nav > li {border: 0.1rem solid #e6e6e6;margin: 0 0.4rem 0 0;position: relative;} .main-nav > li > a, .main-nav > li > a:link, .main-nav > li > a:visited {display: block;padding: 0.8rem 1.5rem;color: #fff;} .main-nav > li > a:hover, .main-nav > li > a:link:hover, .main-nav > li > a:visited:hover {background: #000;} .main-nav > li.has-submenu > label {color: #fff;cursor: pointer;display: block;padding: 0.8rem 2.8rem 0.8rem 1.5rem;position: relative;} .main-nav > li.has-submenu > label:hover {background: #000;} .main-nav > li.close-nav {display: none;} .main-nav > li.active > a, .main-nav > li.active > a:link, .main-nav > li.active > a:visited, .main-nav > li.active > label {background: #e6e6e6;} .menu-caret {border-bottom: 0.6rem solid transparent;border-top: 0.6rem solid transparent;border-left: 0.6rem solid #fff;display: inline-block;line-height: 0;margin: 0 -0.3rem 0 1.2rem;position: absolute;right: 1.4rem;top: 1rem;transform-origin: 0.3rem 50%;transition: 0.2s;} .submenu {display: flex;padding: 1rem 0 0;opacity: 0;position: absolute;transition: 0.2s;visibility: hidden;transform: translateY(-5rem);white-space: nowrap;} .submenu > li {position: relative;} .submenu > li > a, .submenu > li > a:link, .submenu > li > a:visited {color: #fff;display: block;padding: 0.7rem 1.6rem;} .submenu > li > a:hover {color: #fff;} .submenu > li::after {content: "|";position: absolute;top: 0.7rem;right: -0.3rem;} .submenu > li:last-of-type::after {display: none;} .check-toggle {display: none;} .check-toggle:checked ~ label {background: #000;} .check-toggle:checked ~ .menu-caret {transform: rotate(90deg);} .check-toggle:checked ~ .submenu {opacity: 1;transform: translateY(0);visibility: visible;} .hamburger-menu, .menu-overlay {display: none;} .right-nav {display: flex;} .right-nav > li {align-items: center;display: flex;margin: 0 0.4rem 0 0;position: relative;} @media (max-width: 767px) { .hamburger-menu, .menu-overlay {display: block;} .menu-overlay {bottom: 0;left: 0;opacity: 0;position: fixed;right: 0;transition: 0.2s;transform: translateX(30%);visibility: hidden;top: 0;z-index: 2;} .main-nav-holder {background: white;bottom: 0;left: 0;overflow: hidden;position: fixed;top: 0;transform: translateX(-100%);width: 23rem;z-index: 3;} .main-nav {bottom: 0;display: block;left: 0;overflow-y: scroll;position: absolute;right: -1.5rem;top: 0;width: 100%;background-image: linear-gradient(to bottom, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);} .main-nav > li {border: none;border-bottom: 0.1rem solid #ffffff70;margin: 0;} .main-nav > li.close-nav {display: block;text-align: right;} .main-nav > li.close-nav > label {cursor: pointer;display: block;height: 4rem;position: relative;} .main-nav > li.close-nav > label::before, .main-nav > li.close-nav > label::after {background: #fff;content: "";height: 1.8rem;left: auto;position: absolute;top: 1rem;transform: translateX(-50%);width: 0.2rem;right: 30px;} .main-nav > li.close-nav > label::before {transform: rotate(-45deg);} .main-nav > li.close-nav > label::after {transform: rotate(45deg);} .main-nav > li.close-nav > label:hover::before, .main-nav > li.close-nav > label:hover::after {background: #fff;} .submenu li::after {display: none;} .check-toggle:checked ~ .main-nav-holder {opacity: 1;transform: translateX(0);visibility: visible;} .check-toggle:checked ~ .menu-overlay {background: rgba(0, 0, 0, 0.3);opacity: 1;transform: translateX(0);visibility: visible;} .check-toggle:checked ~ .submenu {height: auto;} .submenu {display: block;height: 0;padding: 0 0 0 1rem;position: static;}} .header {display: block;} .zoom-in {-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .8s ease-in-out;transition: all .8s ease-in-out;} .floating { animation-name: floating;animation-duration: 6s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;} @keyframes floating {from { transform: translate(0, 0px); }65% { transform: translate(0, 15px); }to { transform: translate(0, -0px); }} .music-player-img {position: relative;} .art-work-slider {position: absolute;top: 61px;left: 30px;display: inline-block;width: 44%;} .slider-move-heading {margin: 45px 0 0 111px;} .slider-move-heading h5 {font-size: 22px;font-weight: 600;color: #5B6B7E;font-family: 'Roboto', sans-serif;} .music-player-img .carousel-indicators {display: none;} #usa-id, #africa1, #iran-id, #mexico-id, #uk-id, #brazil-id, #africa2, #africa3, #africa4, #mauritius-id, #malaysia1, #malaysia2, #malaysia3{transition: 1s ease-in-out;} #path-line2, #path-line3, #path-line4, #path-line5, #path-line6{display: block;stroke-dasharray: 1000;stroke-dashoffset: 1000;pointer-events: none;transition: 1s ease-in-out;} #path-line2.active, #path-line3.active, #path-line4.active, #path-line5.active, #path-line6.active{stroke-dashoffset: 0;} .yellow-range-bar{position: relative;overflow: hidden;} .yellow-range-bar::before{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #FBBC04;} body:has(#path-line2.active) .yellow-range-bar::before{width:20%} body:has(#path-line3.active) .yellow-range-bar::before{width:40%} body:has(#path-line4.active) .yellow-range-bar::before{width:60%} body:has(#path-line5.active) .yellow-range-bar::before{width:80%} body:has(#path-line6.active) .yellow-range-bar::before{width:100%} .header .burger.is-active {position: fixed;} .tooltip-cur-click {position: relative;cursor: pointer;font-size: 17px !important;color: #535353 !important;} .tooltip-text {display: none;width: 330px;background-color: transparent;color: #fff;text-align: center;border-radius: 5px;padding: 10px 13px;position: absolute;z-index: 1;bottom: 100%;left: 50%;transform: translateX(-50%);border: 1px solid #00000094;border-radius: 10px;} .tooltip-close {position: absolute;top: 5px;right: 5px;cursor: pointer;width: 20px;height: 20px;border: 1px solid #808080;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .tooltip-text.active {display: block;} .heading-icon-tooltip {position: relative;display: inline-block;} .upload-songs-curator .tooltip-box {display: none;position: absolute;bottom: 100%;right: -160px;color: #808080;font-size: 14px;font-weight: 400;text-align: left;line-height: 23px;border: 1px solid #00000094;width: 330px;background-color: transparent;border-radius: 10px;padding: 19px 23px 19px 13px;} .close-tooltip {float: right;cursor: pointer;position: absolute;top: 5px;right: 5px;cursor: pointer;width: 20px;height: 20px;border: 1px solid #808080;border-radius: 50%;display: flex !important;align-items: center;justify-content: center;font-size: 14px !important;} .verification-pg {margin: 110px 0 0;} .add-new-header {box-shadow: 0 0 4px 1px #00000026;} .new-top-cur-row .col-lg-3 {max-width: 20%;} .account-border .profile-pic {color: transparent;transition: all 0.6s ease;display: flex;justify-content: center;/* align-items: center; */position: relative;transition: all 0.6s ease;padding: 30px 0 0px;} .account-border .profile-pic input {display: none;} .account-border .profile-pic img {position: absolute;object-fit: cover;width: 132px;height: 132px;box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.35);z-index: 0;border-radius: 50%;} .account-border .profile-pic .-label {cursor: pointer;height: 132px;width: 132px;margin-bottom: 0;} .account-border .profile-pic:hover .-label {display: flex;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.8);z-index: 10000;color: #fafafa;transition: background-color 0.6s ease-in-out;border-radius: 50%;margin-bottom: 0;} .account-border .profile-pic span {display: inline-flex;padding: 0.2em;height: 2em;} .account-border h4 {font-size: 25px;font-weight: 500;color: #333333;font-family: 'Roboto', sans-serif;text-align: center;margin-bottom: 20px;} .banner-circle-content svg {margin-left: 5px;} .denied-content {background-color: #FF0E0E !important;color: #fff !important;} .songs-lyrics-area {width: 50%;margin-top: 20px;} .notable-medal-mobile-hide {display: block;} .notable-medal-mobile-show {display: none;} .songs-lyrics-area .form-control {height: auto;outline: none;box-shadow: none;padding: 15px;resize: none;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;color: #535353;border-radius: 8px;border: 1px solid #707070; display: none;transition: all 0.6s;} .mobile-show-across {display: none;} .recently-shared-hide-mobile {display: block;} .recently-hide-show-mobile {display: none;} .artist-track-mobile-hide {display: block;} .artist-track-mobile-show {display: none;} .mobile-anime-show .zoom-in {webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s ease-in-out;transition: all .8s ease-in-out;} /* REFERRAL PROGRAM PAGE CSS BEGIN */ .referral-curator-text {width: 70%;} .referral-banner-img {margin: 0 auto;display: block;} .referral-description-sec {padding: 60px 120px 60px;} .ref-des-content {text-align: center;} .ref-des-content h2 {color: #4F200D;} .ref-des-content p {font-size: 22px;color: #808080;width: 40%;margin: 25px auto 70px auto;} .invite-referral-row {align-items: baseline;margin: 0 80px 0;} .invite-box-content h4 {color: #4F200D;margin: 15px 0 7px;} .invite-box-content p {color: #707070;width: 80%;} .timeline-sec-bg {padding: 40px 120px 10px;} .timeline-text li {color: #262626;font-size: 18px;padding: 13px 0 13px 40px;width: 70%;position: relative;} .timeline-text li:before {content: "";position: absolute;top: 17px;left: 0;width: 19px;height: 19px;border-radius: 50%;background-image: linear-gradient(to bottom, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);} .timeline-sec-bg .row {align-items: center;} .timeline-text {position: relative;overflow: hidden;} .timeline-text:before {content: "";position: absolute;top: 17px;left: 9px;width: 1px;height: 230px;background-color: #FBBC04;} .terms-conditions-sec-bg {padding: 20px 120px 70px;} .tm-cond-content h2 {color: #4F200D;margin-bottom: 40px;} .tm-cond-lft-content h4 {color: #262626;line-height: 40px;} .tm-cond-lft-content p {color: #4F200D;width: 80%;margin: 0 0 20px;} #exampleModal-referral-modal .modal-content {background-color: #E9F0F5;border-radius: 23px;box-shadow: 0 0 6px 2px #0000002e;} #exampleModal-referral-modal .modal-dialog {max-width: 710px;margin: 1.75rem auto;} .referral-modal-content {text-align: center;padding: 40px 40px;} .referral-modal-content h4 {font-weight: 500;color: #262626;} .referral-modal-content p {font-size: 18px;color: #535353;width: 73%;margin: 0 auto 20px auto;} .referral-box-search {position: relative;} .referral-box-search .form-control {font-size: 18px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;height: auto;outline: none;box-shadow: none;padding: 15px 133px 15px 28px;border-radius: 30px;border: 1px solid #7070705e;} .copy-text-btn {position: absolute;top: 7px;right: 7px;} .copy-text-btn .btn-primary {font-size: 15px;font-weight: 500;color: #262626 !important;font-family: 'Roboto', sans-serif;background-color: #E9F0F5 !important;border-radius: 32px;padding: 10px 30px;text-transform: uppercase;} .referral-social-icon {text-align: left;margin: 30px 0 0 30px;} .referral-social-icon li {display: inline-block;padding: 0 10px 0 0;} .referral-social-icon a {width: 72px;height: 72px;display: flex;background-color: #88849B;border-radius: 50%;align-items: center;justify-content: center;} .referral-social-icon ul {display: flex;} .fb-color {background-color: #3B5998 !important;} .twitter-color {background-color: #000000 !important;} .whatsapp-color {background-color: #000000 !important;} /* REFERRAL PROGRAM PAGE CSS END */ .add-all-checkbox .form-group {display: block;margin-bottom: 0;} .add-all-checkbox .form-group input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;} .add-all-checkbox .form-group label {position: relative;cursor: pointer;font-size: 18px;font-weight: 700;color: #535353;} .add-all-checkbox .form-group label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #0009;padding: 10px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 8px;} .add-all-checkbox .form-group input:checked + label:after {content: '';display: block;position: absolute;top: 6px;left: 5px;width: 15px;height: 15px;border: solid #FBBC04;background-color: #FBBC04;} .add-all-checkbox {text-align: end;} .add-all-checkbox .form-group input:checked + label:before {border: 2px solid #FBBC04;} @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap'); /*font-family: 'Roboto', sans-serif;*/ @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-BoldItalic.ttf') format('truetype');font-weight: bold;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-LightItalic.ttf') format('truetype');font-weight: 300;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-BlackItalic.ttf') format('truetype');font-weight: 900;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-Black.ttf') format('truetype');font-weight: 900;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-Light.ttf') format('truetype');font-weight: 300;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-ThinItalic.ttf') format('truetype');font-weight: 100;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-XThin.ttf') format('truetype');font-weight: 100;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-MediumItalic.ttf') format('truetype');font-weight: 500;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-XXThin.ttf') format('truetype');font-weight: 100;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-Mediu.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-XXThinItalic.ttf') format('truetype');font-weight: 100;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-Roman.ttf') format('truetype');font-weight: 500;font-style: normal;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-XThinItalic.ttf') format('truetype');font-weight: 100;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-RomanItalic.ttf') format('truetype');font-weight: 500;font-style: italic;font-display: swap;} @font-face {font-family: 'Neue Haas Grotesk Display Pro';src: url('../fonts/NeueHaasDisplay-Thin.ttf') format('truetype');font-weight: 100;font-style: normal;font-display: swap;} html {overflow-x: hidden;scroll-behavior: smooth;height: 100%;transition: 0.6s all ease-in-out;} body {font-family: 'Roboto', sans-serif;min-height: 100%;display: flex;flex-direction: column;} h1 {font-size: 55px;font-weight: 700;line-height: 65px;font-family: 'Neue Haas Grotesk Display Pro';} h2 {font-size: 50px;font-weight: 700;line-height: 51px;font-family: 'Neue Haas Grotesk Display Pro';} h3 {font-size: 35px;font-weight: 700;font-family: 'Neue Haas Grotesk Display Pro';} h4{font-size: 26px;font-weight: 700;line-height: 46px;font-family: 'Neue Haas Grotesk Display Pro';} h5{font-size: 22px;font-weight: 700;font-family: 'Neue Haas Grotesk Display Pro';} h6 {font-size: 24px;font-weight: 700;margin-bottom: 0;font-family: 'Neue Haas Grotesk Display Pro';} p {font-size: 17px;font-weight: 400;margin-bottom: 0;line-height: 29px;} ul {padding-left: 0;list-style: none;margin-bottom: 0;} li {font-size: 20px;font-weight: 400;} label {font-size: 17px;font-weight: 400;color: #fff;} input {outline: none;font-weight: 400;font-size: 15px;color: #000;} select {outline: none;font-weight: 400;font-size: 15px;color: #000;} span {transition: 0.6s all ease-in-out;} img {transition: 0.6s all ease-in-out;} a {outline: none;text-decoration: none;font-size: 17px;font-weight: 400;color: #1a1a1ab0;transition: 0.3s all ease-in-out;} a:hover, a:focus{text-decoration: none;} .btn-primary:hover, .btn-primary:focus {background-color: #EF5375;border-color: transparent;box-shadow: none;} .btn:not(:disabled):not(.disabled) {background-color: transparent;border-color: transparent;box-shadow: none;} .form-control:focus {color: #495057;background-color: #fff;border-color: #000;outline: 0;box-shadow: none;} .compensate-for-scrollbar {position: inherit !important;margin: 0 !important;padding: 0 !important;} .btn-primary:not(:disabled):not(.disabled):active {background-color: transparent;border-color: transparent;outline: none;box-shadow: none;} .screen-bg.modal-open {margin: 0 !important;padding: 0 !important;} .btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow: none;} .modal-open {padding-right: 0 !important;} /*HOME PAGE CSS BEGIN*/ /*HEADER SECTION CSS BEGIN*/ .new-menu-bar .mobile-dropdown-hide .dropdown-wrapper:after {display: none;} .curator-mobile-show {display: none !important;} .curator-mobile-hide {display: block;} .header {margin: 0 0;padding: 14px 120px;height: auto;position: absolute;width: 100%;z-index: 4;} .header .navbar {display: flex;align-items: center;justify-content: flex-start;width: 80%;height: auto;margin: 0 0;max-width: 80%;padding: 0 0;gap: 80px;} .header .menu {position: fixed;top: 0;left: -100%;z-index: 10;width: 100%;height: 100vh;color: var(--color-black-400);background-color: var(--color-white-100);box-shadow: var(--shadow-medium);transition: all 0.4s ease-in-out;} .header .menu.is-active {left: 0;} .header .menu-inner {display: flex;flex-direction: column;align-items: center;justify-content: center;row-gap: 1.25rem;margin-top: 7rem;} .header .menu-link {line-height: 1.5;color: #262626;transition: all 0.3s ease;} .header .menu-link.active {color: #FBBC04;font-weight: 700;} .header .menu-link:hover {color: #FBBC04;} @media only screen and (min-width: 48rem) { .header .menu {position: relative;top: 0;left: 0;width: auto;height: auto;padding: 0rem;background: none;box-shadow: none;transition: none;} .header .menu-inner {display: flex;flex-direction: row;-moz-column-gap: 2rem;column-gap: 2rem;margin: 0 auto;} .header .menu-link {text-transform: initial;display: flex;align-items: center;}} .header .burger {position: relative;display: block;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;order: -1;z-index: 12;width: 1.75rem;height: 1rem;margin-right: 1rem;border: none;outline: none;background: none;visibility: visible;transform: rotate(0deg);transition: 0.35s ease;} @media only screen and (min-width: 48rem) { .header .burger {display: none;visibility: hidden;}} .header .burger-line {position: absolute;display: block;right: 0;width: 100%;height: 2px;border: none;outline: none;opacity: 1;transform: rotate(0deg);background-color: #000;transition: 0.25s ease-in-out;} .header .darkmode .burger-line {background-color: var(--color-white-100);} .header .burger-line:nth-child(1) {top: 0px;} .header .burger-line:nth-child(2) {top: 0.5rem;} .header .burger-line:nth-child(3) {top: 1rem;} .header .burger.is-active .burger-line:nth-child(1) {top: 0.5rem;transform: rotate(135deg);} .header .burger.is-active .burger-line:nth-child(2) {right: -1.5rem;opacity: 0;visibility: hidden;} .header .burger.is-active .burger-line:nth-child(3) {top: 0.5rem;transform: rotate(-135deg);} .header .menu-item {padding: 0 10px 0 0;} .search-login-flex {display: flex;align-items: center;gap: 17px;} .searchbar-box {position: relative;} .searchbar-box .form-control {border-top: 0;border-left: 0;border-right: 0;font-size: 16px;font-weight: 400;color: #020202;font-family: 'Manrope', sans-serif;padding-right: 35px;border-bottom: 1px solid #707070;padding-left: 5px;} .searchbar-icon {position: absolute;top: 8px;right: 10px;} .searchbar-icon i {color: #8A8C93;transition: 0.6s all ease-in-out;} .searchbar-icon i:hover {color: #0C286D;} .contactus-btn .contact-btn {display: flex;align-items: center;gap: 20px;font-size: 14px;font-weight: 600;color: #000000;text-transform: uppercase;} .contactus-btn:hover .ct-btn {transform: translateX(10px);color: #0C286D;} .contactus-btn:hover .arrow-icon span img {transform: translateX(15px);background-color: transparent;filter: brightness(0) invert(1);} .contactus-btn:hover .arrow-icon span {background-color: #0C286D;} .arrow-icon span {display: flex;border: 1px solid #000;width: 50px;height: 50px;border-radius: 50%;align-items: center;} .arrow-icon img {margin-left: -7px;background-color: #fff;} .divider {padding: 0 0 0;color: #707070;} .mobile-dropdown {display: none;} .mobile-dropdown-hide .dropdown-wrapper {position: relative;width: auto;margin: 0;padding: 0px 0px;border-radius: 0;box-shadow: none;cursor: pointer;outline: none;transition: all 0.3s ease-out;display: flex;align-items: center;} .mobile-dropdown-hide .dropdown-wrapper:after {content: "\f107";width: 0;height: 0;position: absolute;top: 10px;right: -2px;margin-top: -3px;font: normal normal normal 14px/1 FontAwesome;} .mobile-dropdown-hide .dropdown-wrapper.is-active:after {border-color: #000 transparent;transform: rotate(180deg);top: 24px;right: -11px;} .mobile-dropdown-hide .dropdown-wrapper.is-active .dropdown-list {border: 0;max-height: 400px;background-color: #fff;box-shadow: 0 0 4px 0 #0000002e;} .mobile-dropdown-hide .dropdown-list {position: absolute;top: 59px;left: 0;right: 0;background: #fff;list-style: none;/* transition: all 0.6s ease-out; */max-height: 0;overflow: hidden;width: 200px;} .mobile-dropdown-hide .dropdown-list .menu-link {display: none;} .dropdown-list li {padding: 0 0px;transition: 0.6s all ease-in-out;} .dropdown-list li:hover {background-color: #FBBC04;} .dropdown-list li:hover a {color: #000;} .mobile-dropdown-hide .dropdown-list li:last-of-type a {border: none;} .mobile-dropdown-hide .dropdown-list a {display: block;text-decoration: none;color: #262626;padding: 10px 10px;transition: all 0.3s ease-out;border-bottom: 1px solid #26262638;font-size: 16px;text-transform: capitalize;} .header-inner {display: flex;align-items: center;justify-content: space-between;} .btns-flex {display: flex;align-items: center;gap: 20px;} .cur-login-btn .btn-primary {font-size: 16px;font-weight: 700;color: #262626 !important;text-transform: uppercase;border: 2px solid #FBBC04;border-color: #FBBC04 !important;border-radius: 50px;padding: 12px 35px;} .cur-login-btn .btn-primary:hover {background-color: #000;color: #fff !important;border: 2px solid #000 !important;border-color: #000 !important;} .cur-signup-btn .btn-primary {font-size: 16px;font-weight: 700;color: #262626 !important;text-transform: uppercase;background-color: #FBBC04 !important;border-radius: 50px;padding: 12px 35px;} .cur-signup-btn .btn-primary:hover {background-color: #000 !important;color: #fff !important;} /*HEADER SECTION CSS END*/ /*BANNER SECTION CSS BEGIN*/ .banner-sec-img {height: 100vh;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #E9F0F5;padding: 120px;position: relative;} .banner-content-text h1 {color: #262626;} .banner-content-text p {font-size: 25px;color:#808080;line-height: 33px;padding: 20px 0 30px;width: 80%;} .cur-banner-btns {display: flex;align-items: center;gap: 10px;} .cur-submit-btn .btn-primary {font-size: 17px;font-weight: 400;color: #262626 !important;text-transform: uppercase;background-color: #FBBC04 !important;padding: 12px 35px;border-radius: 7px;} .cur-submit-btn .btn-primary:hover {background-color: #000 !important;color: #fff !important;} .cur-learn-btn .btn-primary {font-size: 17px;font-weight: 400;color: #808080 !important;text-transform: uppercase;border: 2px solid #FBBC04;border-color: #FBBC04 !important;padding: 12px 35px;border-radius: 7px;} .cur-learn-btn .btn-primary:hover {background-color: #000 !important;color: #fff !important;border-color: #000 !important;} .banner-content-text {position: relative;z-index: 4;} .banner-left-design {position: absolute;top: 0;left: -260px;height: 100vh;display: flex;align-items: center;justify-content: flex-start;z-index: 0;} .banner-right-design {position: absolute;top: 0;right: -160px;height: 100vh;display: flex;align-items: center;justify-content: flex-start;z-index: 0;} .banner-submit-text {position: absolute;bottom: 40px;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;} .banner-submit-text h5 {font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;text-align: center;line-height: 30px;} .banner-submit-text span {display: block;} .image-shapes {text-align: end;width: 720px;margin: 0 0 0 auto;position: relative;} .banner-sec-img .row {align-items: center;} .imagesContainer {width: 80px;height: 80px;position: relative;} .imagesContainer img {width: 500px;position: absolute;top: 0;left: 0;} .imageDiv {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;} .image1 {background-image: url("../images/cur1.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image2 {background-image: url("../images/cur2.png");background-repeat:no-repeat;background-size:cover;background-position:center;} @keyframes fadeIn {0% { opacity: 0; }20% { opacity: 0; }60% { opacity: 1; }100% { opacity: 1; }} .fadeInClass {animation-name: fadeIn;animation-duration: 3s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: linear;} .image-div-slider {position: absolute;top: -50px;left: -20px;} .image-div-slider2 {position: absolute;top: 0px;left: 150px;} .image3 {background-image: url("../images/cur3.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image4 {background-image: url("../images/cur4.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider3 {position: absolute;top: -20px;right: 240px;} .image5 {background-image: url("../images/cur7.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image6 {background-image: url("../images/cur8.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider3 .imagesContainer {width: 120px;height: 120px;} .image-div-slider4 {position: absolute;top: -30px;right: 46px;} .image7 {background-image: url("../images/cur4.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image8 {background-image: url("../images/cur5.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider5 {position: absolute;top: 130px;left: 30px;} .image9 {background-image: url("../images/cur5.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image10 {background-image: url("../images/cur6.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider5 .imagesContainer {width: 130px;height: 130px;} .image-div-slider6 {position: absolute;top: 159px;left: 250px;} .image11 {background-image: url("../images/cur6.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image12 {background-image: url("../images/cur7.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider6 .imagesContainer {width: 120px;height: 120px;} .image-div-slider7 {position: absolute;top: 109px;right: 160px;} .image13 {background-image: url("../images/cur8.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image14 {background-image: url("../images/cur9.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider8 {position: absolute;top: 109px;right: -46px;} .image15 {background-image: url("../images/cur9.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image16 {background-image: url("../images/cur10.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider8 .imagesContainer {width: 120px;height: 120px;} .image-div-slider9 {position: absolute;bottom: 60px;left: 190px;} .image17 {background-image: url("../images/cur2.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image18 {background-image: url("../images/cur3.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider10 {position: absolute;bottom: 90px;right: 120px;} .image19 {background-image: url("../images/cur10.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image20 {background-image: url("../images/cur8.png");background-repeat:no-repeat;background-size:cover;background-position:center;} .image-div-slider11 {background-color: #FBBC04;width: 160px;height: 156px;border-radius: 15px;display: flex;align-items: center;justify-content: center;position: absolute;bottom: -70px;right: 250px;} /*BANNER SECTION CSS END*/ /*PROMOTE MUSIC SECTION CSS BEGIN*/ .promote-music-sec {padding: 30px 120px;} .promote-music-sec .row {align-items: center;} .promote-music-content h2 {color: #4F200D;} .promote-music-content span {display: block;} .promote-music-content p {font-size: 22px;color: #808080;width: 80%;line-height: 35px;padding: 20px 0 0;} /*PROMOTE MUSIC SECTION CSS END*/ /*FEEDBACK SECTION CSS BEGIN*/ .feedback-sec-bg {padding: 0 120px 20px;} .feedback-sec-bg .row {align-items: baseline;} .feedback-div h4 {color: #4F200D;margin-top: 10px;} .feedback-div p {color: #707070;width: 90%;} /*FEEDBACK SECTION CSS END*/ /*TOP CURATOR SECTION CSS BEGIN*/ .top-curator-sec {position: relative;padding: 182px 120px 110px;clip-path: polygon(0 12%, 100% 0%, 100% 86%, 0% 100%);background-color: #E9F0F5;} .top-curator-content h2 {color: #4F200D;margin-bottom: 40px;} .top-curator-img {margin-bottom: 25px;} .top-curator-img img {width: 100%;} .top-curator-img span {font-size: 17px;color: #535353;font-weight: 500;display: block;margin-top: 10px;} .top-curator-img li {font-size: 14px;font-weight: 500;color: #808080;} .top-curator-img .slash-icon {display: inline;vertical-align: unset;} .top-curator-btn {text-align: center;margin-top: 7px;} .top-curator-btn .btn-primary {font-size: 17px;font-weight: 400;color: #262626 !important;text-transform: uppercase;background-color: #FBBC04 !important;border-radius: 50px;padding: 12px 35px;} .top-curator-btn .btn-primary:hover {background-color: #000 !important;color: #fff !important;} .top-curator-design {position: absolute;top: 0;right: -390px;display: flex;align-items: center;height: 100%;z-index: -1;} .top-curator-hover {overflow: hidden;border-radius: 15px;} .top-curator-hover:hover img {transform: scale(1.1);} /*TOP CURATOR SECTION CSS END*/ /*RECENTLY SHARED SECTION CSS BEGIN*/ .recently-shared-sec {padding: 40px 120px 70px;} .shared-flex {display: flex;align-items: center;gap: 30px;margin-bottom: 17px;border-bottom: 1px solid #80808063;padding-bottom: 17px;} .count-value span {font-size: 40px;font-weight: 700;color: #535353;font-family: 'Neue Haas Grotesk Display Pro';display: inline-block;width: 60px;} .counter-main-flex {display: flex;align-items: center;gap: 20px;} .recent-shared-text h6 {font-size: 16px;font-weight: 500;color: #535353;} .recent-shared-text p {font-size: 14px;font-weight: 500;color: #808080;} .recently-shared-sec .top-curator-btn {margin-top: 30px;} .recently-shared-sec .top-curator-content h2 {margin-bottom: 70px;} /*RECENTLY SHARED SECTION CSS END*/ /*USERS SECTION CSS BEGIN*/ .slider-box-shadow img {width: 128px;height: 128px;border-radius: 50%;} .user-slider-div {margin: 0 70px 0;} .user-sec-bg {position: relative;padding: 60px 120px;background-color: #E9F0F5;} .user-sec-heading h2 {text-align: center;margin-bottom: 30px;} .user-sec-heading span {display: block;} .slider-box-shadow {background-color: #fff;padding: 0 50px 40px;display: flex;align-items: center;justify-content: center;flex-direction: column;margin: 15px;box-shadow: 0 0 20px 1px #00000021;} .slider-box-shadow img {margin-top: -70px;} .slider-box-shadow h6 {font-size: 20px;color: #7A2327;margin: 30px 0 10px;} .slider-box-shadow span {font-size: 14px;font-weight: 700;color: #707070;margin-bottom: 17px;} .slider-box-shadow p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 15px;color: #707070;text-align: center;padding: 0px 0;} .stars-flex {margin-top: 37px;} .stars-flex i {color: #FAD37C;} .user-slider-div .slick-track {padding: 90px 0 40px;} .user-slider-div .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .user-slider-div .slick-dots {display: inline-flex !important;gap: 5px;justify-content: center;align-items: end;width: 100%;} .user-slider-div .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .music-icon {position: absolute;top: 130px;left: 0;z-index: 0;} .user-slider-row {position: relative;z-index: 1;} /*USERS SECTION CSS END*/ /*FAQ SECTION CSS BEGIN*/ .faq-sec-bg {padding: 80px 120px;position: relative;overflow: hidden;} @media(max-width:992px){.faq-sec-bg .wrapper{width:100%;}} .faq-sec-bg .panel-heading {padding: 0;border:0;} .faq-sec-bg .panel-title>a, .faq-sec-bg .panel-title>a:active{display:block;padding: 0px;color: #262626;font-size: 22px;font-weight: 400;text-transform: capitalize;letter-spacing:1px;word-spacing: 0px;text-decoration:none;font-family: 'Roboto', sans-serif;} .faq-sec-bg .panel-heading a:before {content: "\f107";float: right;transition: all 0.5s;font: normal normal normal 14px/1 FontAwesome;color: #000000;font-size: 35px;width: 48px;height: 48px;background-color: #FBBC04;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .faq-sec-bg .panel-heading.active a:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);} .faq-btns {display: flex;align-items: center;gap: 15px;justify-content: center;margin-top: 110px;} .faq-btns .btn-primary {font-size: 17px;font-weight: 400;color: #262626 !important;text-transform: uppercase;background-color: #FBBC04 !important;border-radius: 50px;padding: 12px 35px;} .faq-btns .btn-primary:hover {background-color: #000 !important;color: #fff !important;} .faq-heading h2 {color: #4F200D;} .faq-heading span {display: block;} .verification-pg {margin: 110px auto 30px !important;} .faq-heading p {font-size: 24px;color: #535353;padding: 10px 0 0;} .faq-sec-bg .panel.panel-default {border-bottom: 1px solid #00000038;padding: 15px 0 15px;} .faq-sec-bg .panel-body {padding: 8px 0 10px;} .faq-sec-bg .panel-title {margin-bottom: 0;} .faq-sec-bg .panel-body p {width: 70%;} .faq-design-img {position: absolute;bottom: -50px;right: -297px;z-index: 0;width: 620px;} .faq-sec-bg .wrapper.center-block {position: relative;z-index: 1;} /*FAQ SECTION CSS END*/ /*FOOTER SECTION CSS BEGIN*/ footer {padding: 50px 120px;} .footer-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color:#262626;z-index:0;opacity:88%;} .footer-logo-content p {font-size: 15px;color: #fff;padding: 20px 0 0;width: 86%;} .curator-social-icon {margin-top: 15px;} .curator-social-icon li {display: inline;padding: 0 19px 0 0;} .curator-social-icon a {color: #FBBC04;font-size: 25px;} .curator-social-icon a:hover {color: #fff;} .curator-links h6 {font-size: 20px;color: #FBBC04;font-weight: 400;margin-top: 15px;} .curator-links li {padding: 4px 0 0;} .curator-links a {font-size: 15px;color: #FFFFFF;} .curator-links a:hover {color: #FBBC04;} .curator-links span {display: block;} .email-form {margin-top: 19px;} .email-form .form-control {background-color: #707070;height: auto;padding: 15px;border: 0;border-radius: 7px;margin-bottom: 10px;font-size: 14px;font-weight: 400;color: #fff;font-family: 'Roboto', sans-serif;} .email-form .btn-primary {transition: 0.6s all ease-in-out;font-size: 14px;font-weight: 400;color: #535353 !important;text-transform: uppercase;background-color: #FBBC04 !important;border-radius: 7px;padding: 15px 35px;width: 100%;} .email-form .btn-primary:hover {background-color: #fff !important;color: #000 !important;} /*FOOTER SECTION CSS END*/ /*COPYRIGHT SECTION CSS BEGIN*/ .copyright-sec-bg {border-top: 1px solid #ffffff59;padding: 15px 0;position: relative;} .copyright-sec-bg p {font-size: 14px;font-weight: 500;color: #fff;text-align: center;} .copyright-sec-bg a {font-size: 14px;font-weight: 500;color: #fff;} .bg-bottom-img {position: relative;background-image: url("../images/footer-banner.png");background-repeat: no-repeat;background-size: cover;background-position: center;} /*COPYRIGHT SECTION CSS END*/ /*HOME PAGE CSS END*/ /* SIGN UP PAGE CSS BEGIN */ .signin-body-bg {background-color: #EDF2F5;} .signin-sec {padding: 30px 120px 70px;} .main-curator-scr {display: flex;align-items: center;justify-content: center;/* height: 100vh; */} .main-smp-div {width: 30%;} .main-signin-box {width:40%;background-color: #fff;padding: 30px 50px 15px;border-radius: 30px;margin: 70px 0 0;} .create-account h5 {color: #262626;margin-bottom: 20px;} .create-account .form-control {height: auto;box-shadow: none;outline: none;font-size: 15px;font-weight: 400;color: #808080;font-family: 'Roboto', sans-serif;padding: 15px 15px;border: 1px solid #808080;border-radius: 8px;margin-bottom: 15px;} .create-account p {color: #808080;} .create-account .checkbox-item {width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 5px;} .create-account a {color: #128BD0;text-decoration: underline;} .confirmm-btn .btn-primary {font-size: 18px;font-weight: 500;color: #262626;background-color: #FBBC04 !important;padding: 15px 20px;border-radius: 9px;width: 100%;text-transform: uppercase;margin: 20px 0;} .bar-line {text-align: center;margin: 10px auto 0 auto;display: table;position: relative;} .bar-line span {font-size: 15px;font-weight: 500;color: #262626;width: 39px;height: 39px;background-color: #EDF2F5;display: flex;align-items: center;justify-content: center;border-radius: 50%;} .bar-line:before {content: "";position: absolute;top: 20px;left: -250px;width: 230px;height: 1px;background-color: #80808085;} .bar-line:after {content: "";position: absolute;top: 20px;right: -250px;width: 230px;height: 1px;background-color: #80808085;} .cur-social-icon {text-align: center;margin: 30px 0 20px;} .cur-social-icon li {padding: 0 10px 0;display: inline;} .cur-social-icon a {width: 58px;height: 58px;border-radius: 50%;color: #fff;display: inline-flex;align-items: center;justify-content: center;font-size: 24px;} .privacy-content {text-align: center;margin: 30px 0 10px;} .privacy-content p {font-weight: 500;color: #262626;} .privacy-content a {font-weight: 500;color: #128BD0;font-size: 17px;text-decoration: underline;} .google-icon {background-color: #F4511E;} .facebook-icon {background-color: #3B5998;} .apple-icon {background-color: #000000;} .copyright-sec {text-align: center;border-top: 1px solid #80808085;padding: 15px 0;margin-top: auto;} .copyright-sec p {font-size: 14px;font-weight: 500;color: #808080;} .copyright-sec a {color: #808080;font-size: 14px;font-weight: 500;font-family: 'Roboto', sans-serif;} #exampleModal .modal-inner-listing h5 {color: #262626;margin-bottom: 20px;} #exampleModal .modal-inner-listing li {color: #535353;font-size: 18px;padding: 9px 0;} #exampleModal .modal-footer {border-top: 0;} #exampleModal .modal-inner-listing input {margin-right: 3px;} #exampleModal .modal-footer .btn-secondary {color: #262626;font-size: 18px;font-family: 'Roboto', sans-serif;font-weight: 500;background-color: #FBBC04;text-transform: uppercase;border-radius: 7px;width: 100%;padding: 12px 15px;letter-spacing: 2px;} #exampleModal .modal-content {border: 0;padding: 20px 20px;border-radius: 25px;box-shadow: 0 0 9px 4px #ffffff38;} .modal-inner-listing .styled-checkbox {position: absolute;opacity: 0;} .modal-inner-listing .styled-checkbox + label {position: relative;cursor: pointer;padding: 0;font-size: 14px;color: #808080;margin-bottom: 0;} .modal-inner-listing .styled-checkbox + label:before {content: "";margin-right: 10px;display: inline-block;vertical-align: text-top;width: 14px;height: 15px;background: #808080;border-radius: 4px;} .modal-inner-listing .styled-checkbox:hover + label:before {background: #FF0E0E;} .modal-inner-listing .styled-checkbox:focus + label:before {box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);} .modal-inner-listing .styled-checkbox:checked + label:before {background: #FF0E0E;} .modal-inner-listing .styled-checkbox:disabled + label {color: #b8b8b8;cursor: auto;} .modal-inner-listing .styled-checkbox:disabled + label:before {box-shadow: none;background: #ddd;} .modal-inner-listing .styled-checkbox:checked + label:after {content: "";position: absolute;left: 2px;top: 8px;background: white;width: 2px;height: 2px;box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;transform: rotate(45deg);} #exampleModal .modal-inner-listing .styled-checkbox + label {font-size: 18px;color: #535353;} #exampleModal .modal-inner-listing .styled-checkbox + label:before {background: transparent;border-radius: 0px;border: 1px solid #808080;vertical-align: middle;} #exampleModal .modal-inner-listing .styled-checkbox:checked + label:before {background: #FBBC04;} #exampleModal .modal-inner-listing .styled-checkbox:checked + label:after {left: 2px;top: 13px;} /* SIGN UP PAGE CSS END */ /* VERIFICATION PAGE CSS BEGIN */ .create-account span {display: block;} .verification-account {text-align: center;} .verification-pg .confirmm-btn .btn-primary {padding: 15px 20px;display: block;width: 71%;margin: 22px auto;} .verification-pg .confirmm-btn {text-align: center;} .verification-pg #form {max-width: 390px;margin: 25px auto 0;border: 1px solid #808080;border-radius: 8px;padding: 10px 20px 20px;} .verification-pg #form input {margin: 0 5px;text-align: center;line-height: 50px;font-size: 50px;border-bottom: 1px solid #808080;box-shadow: none;outline: none;width: 16%;transition: all 0.2s ease-in-out;border-radius: 3px;border-top: 0;border-left: 0;border-right: 0;color: #808080;} .verification-pg #form input:focus {border: 1px solid #FBBC04;border-left: 0;border-right: 0;border-top: 0;} .verification-pg #form input::-moz-selection {background: transparent;} .verification-pg #form input::selection {background: transparent;} /* VERIFICATION PAGE CSS END */ /* SIGN IN PAGE CSS BEGIN */ /* SIGN IN PAGE CSS END */ /* ERROR PAGE CSS BEGIN */ .errorpage-header {box-shadow: 1px 5px 5px 1px #00000030;} .error-banner-sec {position: relative;height: 100vh;display: flex;align-items: center;padding: 190px 120px 80px;} .error-banner-sec .row {align-items: center;} .error-banner-sec img {width: 100%;} .error-page-content {text-align: center;} .error-page-content h1 {font-size: 100px;color: #FF8400;font-weight: 700;} .error-page-content .number-span {font-size: 200px;color: #FBBC04;font-weight: 700;font-family: 'Neue Haas Grotesk Display Pro';line-height: 194px;} .error-page-content h6 {font-size: 20px;font-weight: 400;color: #262626;font-family: 'Roboto', sans-serif;} .error-page-content p {font-size: 15px;color: #808080;margin: 15px 0;} .error-page-content .text-span {display: block;} .error-page-content a {font-size: 20px;color: #fff;background-color: #DEB769;text-transform: uppercase;padding: 12px 30px;border-radius: 25px;display: inline-block;} .social-icons-error {text-align: center;margin: 30px 0 0;} .social-icons-error li {display: inline;padding: 0px 0px 0 30px;} .social-icons-error a {color: #FBBC04;font-size: 30px;} /* ERROR PAGE CSS END */ /* HELP PAGE CSS BEGIN */ .popular-topics-sec .row {text-align: center;justify-content: center;} .help-header {position: initial;box-shadow: 0 0 7px 0 #0000002e;background: #fff;} .help-banner-content {text-align: center;} .help-sec-banner {background-color: #e9f0f5;padding: 120px 120px;} .help-banner-content h2 {font-size: 35px;font-weight: 500;color: #262626;} .help-search-icon {display: flex;align-items: center;justify-content: center;margin: 24px 0 0;} .help-field {position: relative;width: 40%;} .help-field .form-control {height: auto;box-shadow: none;outline: none;font-size: 15px;font-weight: 400;color: #808080;padding: 15px 15px 15px 55px;font-family: 'Roboto', sans-serif;border: 1px solid #FBBC04;border-radius: 8px;border-top-right-radius: 0;border-bottom-right-radius: 0;} .search-help-icon {position: absolute;top: 12px;left: 20px;} .search-help-icon a {font-size: 21px;} .search-help-btn .btn-primary {font-size: 15px;font-weight: 400;color: #262626;font-family: 'Roboto', sans-serif;background-color: #FBBC04 !important;padding: 15px 50px;border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;} .popular-topics-sec {padding: 80px 120px 30px;} .popular-content h6 {color: #4F200D;font-family: 'Roboto', sans-serif;margin-bottom: 20px;} .gradient-box {text-align: center;height: 310px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 15px 15px;border-radius: 5px;box-shadow: 0 0 13px 2px #0000002e;} .gradient-box h6 {font-size: 18px;font-weight: 500;color: #FFFFFF;font-family: 'Roboto', sans-serif;} .gradient-box p {font-size: 14px;color: #FFFFFF;line-height: 22px;margin: 10px 0 21px;} .gradient-box a {font-size: 14px;color: #FFFFFF;} .gradient-box span {display: block;} .gradient-blue {background-image: linear-gradient(to right bottom, #1154ab, #0f5aba, #0e61ca, #0e67da, #106eea);} .gradient-yellow {background-image: linear-gradient(to right bottom, #ff7b02, #ff9115, #ffa628, #ffb93d, #ffcb52);} .gradient-purple {background-image: linear-gradient(to right bottom, #8b54c1, #8046ba, #7537b2, #6927ab, #5d13a3);} .recommended-sec-bg {padding: 30px 120px;} .recommended-for-text h6 {color: #4F200D;font-family: 'Roboto', sans-serif;margin-bottom: 40px;} .bx-text {margin-bottom: 40px;} .bx-text h6 {font-size: 20px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;} .bx-text p {font-size: 14px;color: #535353;line-height: 22px;padding: 11px 0 0;} .bx-text a {font-size: 14px;color: #106EEA;} .bx-text span {display: block;} .recommended-for-text {border-top: 1px solid #80808047;padding-top: 45px;} .border-bt {border-bottom: 1px solid #80808047;padding-bottom: 10px;} .help-pg-faq {padding: 50px 120px;} .help-pg-faq .row {border-bottom: 1px solid #80808047;padding-bottom: 70px;} .still-need-sec {padding: 30px 120px 70px;} .still-need-text h4 {font-size: 30px;color: #262626;font-family: 'Roboto', sans-serif;} .still-need-text h6 {font-size: 20px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;} .still-need-text a {font-size: 18px;font-weight: 400;color: #262626;text-transform: uppercase;background-color: #FBBC04 !important;padding: 15px 50px;border-radius: 30px;margin: 40px 0 0;} .still-need-text img {margin-right: 6px;} .chat-img-fix img {display: table;margin: 0 auto;} .still-need-sec .row {background-color: #E9F0F5;padding: 40px 50px 0;border-radius: 15px;align-items: center;margin: 0 80px;} /* HELP PAGE CSS END */ /* HOW IT WORKS (CURATOR) & (INFLUENCER) PAGE CSS BEGIN */ .how-it-work-header {position: initial;box-shadow: 0 0 4px 1px #00000026;background-color: #fff;} .how-it-works-curator-sec {padding: 50px 120px;background-color: #EDF2F5;} .how-it-works-curator-sec .row {align-items: center;} .how-it-work-content h2 {color: #262626;font-family: 'Roboto', sans-serif;} .how-it-work-content span {display: block;} .how-it-work-content p {font-size: 24px;line-height: 32px;color: #808080;margin: 30px 0 30px;} .how-it-work-content .btn-primary {font-size: 18px;font-weight: 400;color: #262626;background-color: #FBBC04 !important;padding: 15px 50px;border-radius: 9px;text-transform: uppercase;} .how-work-sec {padding: 80px 120px 20px;} .ht-cont h2 {color: #262626;text-align: center;} .work-form h6 {font-size: 18px;color: #262626;text-transform: uppercase;display: inline-block;} .work-form h4 {font-size: 30px;color: #4F200D;line-height: 36px;display: inline-block;} .work-form p {color: #808080;width: 80%;margin: 18px 0 0;} .hw-align {align-items: center;margin: 60px 0 80px;} .hw-align-songs {align-items: center;margin: 0 0 70px;} .hw-align-songs .work-form p {width: 80%;} .profile {display: flex;padding: 10px;cursor: pointer;margin-left: 0;transition: 0.6s all ease-in-out;} .profile:hover .avatar {width: 50px;height: 50px;background-color: #F0EDED;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .profile i {line-height: 26px;padding-left: 0px;color: #8f8f8f;transition: color 100ms linear;} .profile:hover i {color: #434343;} .avatar {overflow: hidden;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .avatar img {width: 100%;} .profiledropdown {width: 300px;margin-top: -20px;font-size: 15px;font-weight: normal;padding: 0px 0;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 3px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);opacity: 0;position: absolute;top: 83px;left: -150px;z-index: 0;} .profiledropdown ul {list-style: none;margin: 0;padding: 0;} .profiledropdown ul .option {display: block;position: relative;padding: 5px 16px;color: #555;white-space: nowrap;overflow: hidden;border-bottom: 1px solid #00000026;padding: 10px 10px 10px;} .divider {height: 1px !important;margin: 8px;padding: 0;background-color: rgba(0, 0, 0, 0.1);} @keyframes fade {0% {opacity: 0;}100% {opacity: 1;}} @keyframes slide {0% {margin-top: -10px;}100% {margin-top: 0px;}} @keyframes fade_reverse {0% {opacity: 1;}100% {opacity: 0;}} @keyframes slide_reverse {0% {margin-top: 0px;}100% {margin-top: -10px;}} .fade {animation-name: fade, slide;/* animation-duration: 200ms, 400ms; */animation-fill-mode: forwards;/* animation-timing-function: linear, cubic-bezier(0.23, 1, 0.32, 1); */animation-delay: 200ms, 0;} .fade_reverse {animation-name: fade_reverse, slide_reverse;/* animation-duration: 100ms, 200ms; */animation-timing-function: linear, cubic-bezier(0.23, 1, 0.32, 1);animation-delay: 100ms, 0;} .cur-login-btn {position: relative;} .avatar i {color: #000;font-weight: 700;font-size: 25px;} .avatar-flex {display: flex;align-items: center;gap: 10px;} .avatr-flex-img img {width: 70px;height: 70px;border-radius: 50%;} .avatar-name span {font-size: 18px;font-weight: 500;color: #262626;} .cur-signup-btn {position: relative;} .cur-signup-btn .profiledropdown {top: 103px;left: 50px;} .not-flex {display: flex;align-items: center;gap: 15px;} .not-img img {width: 40px;height: 40px;border-radius: 50%;} .not-img {width: 40px;} .not-cont span {display: block;font-weight: 400;} .not-cont p {line-height: 21px;color: #000;font-weight: 500;font-size: 15px;} .option:last-child {border-bottom: 0 !important;} .option:hover {background-color: #FBBC04;} .user-menu-wrap {position: relative;width: auto;margin: 0px auto;} .menu-container {visibility: hidden;opacity: 0;} .menu-container.active {visibility: visible;opacity: 1;transition: all 0.2s ease-in-out;} .user-menu {position: absolute;right: -22px;background-color: #FFFFFF;width: 256px;border-radius: 2px;border: 1px solid rgba(0, 0, 0, 0.15);padding-top: 0px;padding-bottom: 0px;margin-top: 20px;} .user-menu .profile-highlight {display: flex;border-bottom: 1px solid #E0E0E0;padding: 12px 16px;margin-bottom: 0;align-items: center;} .user-menu .profile-highlight img {width: 48px;height: 48px;border-radius: 25px;-o-object-fit: cover;object-fit: cover;} .user-menu .profile-highlight .details {display: flex;flex-direction: column;margin: auto 12px;} .user-menu .profile-highlight .details #profile-name {font-weight: 600;font-size: 16px;} .user-menu .profile-highlight .details #profile-footer {font-weight: 300;font-size: 14px;margin-top: 0;} .user-menu .footer {border-top: 1px solid #E0E0E0;padding-top: 6px;margin-top: 6px;} .user-menu .footer .user-menu-link {font-size: 13px;} .user-menu .user-menu-link {display: flex;text-decoration: none;color: #333333;font-weight: 400;font-size: 14px;padding: 12px 16px;} .user-menu .user-menu-link div {margin: auto 10px;width: 100%;} .user-menu .user-menu-link:hover {background-color: #FBBC04;color: #000;} .user-menu:before {position: absolute;top: -16px;left: 120px;display: inline-block;content: "";border: 8px solid transparent;border-bottom-color: #E0E0E0;} .user-menu:after {position: absolute;top: -14px;left: 121px;display: inline-block;content: "";border: 7px solid transparent;border-bottom-color: #FFFFFF;} .mini-photo-wrapper {font-size: 17px;font-weight: 500;color: #262626;} .mini-photo-wrapper img {margin-right: 6px;width: 60px;height: 60px;border-radius: 50%;} .mini-photo-wrapper:hover {color: #262626;} /* HOW IT WORKS (CURATOR) & (INFLUENCER) PAGE CSS END */ /* HOW IT WORKS (ARTIST) PAGE CSS BEGIN */ .artist-pg-tabs .nav-tabs .nav-link.active {color: #262626;background-color: transparent;border-color: transparent;font-weight: 400;border-bottom: 2px solid #FF8000;transition: 0.6s all ease-in-out;} .artist-pg-tabs .nav-tabs {border-bottom: 0;justify-content: center;margin: 50px 0 70px;gap: 40px;} .artist-pg-tabs .nav-tabs .nav-link {margin-bottom: 0;border: 0;border-top-left-radius: 0;border-top-right-radius: 0;font-size: 22px;font-weight: 500;color: #808080;font-family: 'Neue Haas Grotesk Display Pro';padding: 0 0px 7px 0;} .artist-pg-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .work-form span {display: block;} /* HOW IT WORKS (ARTIST) PAGE CSS END */ /* CURATOR PROFILE PAGE CSS BEGIN */ .about-network-sec .row {margin-top:40px;} .curator-profile-banner {background-image: url("../images/cr-banner.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 120px 120px 0px;position: relative;height: 400px;margin: 0 0 120px;} .curator-banner-flex {display: flex;align-items: center;gap: 20px;position: absolute;top: 100px;left: 100px;} .banner-circle-img img {width: 246px;height: 246px;border-radius: 50%;} .banner-circle-content h2 {font-size: 35px;color: #FFFFFF;font-weight: 500;margin-bottom: 0;} .banner-circle-content span {font-size: 20px;} .banner-circle-content img {margin-left: 19px;} .rating-stars i {color: #FF8400;font-size: 22px;padding: 0 2px 0 0;} .main-flag-flex {display: flex;align-items: center;gap: 30px;margin: 10px 0 0;} .flag-flex {display: flex;align-items: center;gap: 10px;} .flag-flex img {margin-left: 0;height: 33px;width: 33px;border-radius: 50%;} .flag-flex p {font-size: 15px;font-weight: 500;color: #FFFFFF;} .user-flex-icon {display: flex;align-items: center;gap: 10px;} .flex-user-icon i {font-size: 20px;color: #fff;} .flex-user-content span {font-size: 12px;font-weight: 500;color: #ffffff7a;} .flex-user-content p {font-size: 15px;font-weight: 500;color: #FFFFFF;line-height: 18px;} .about-network-sec {background-color: #F6F6F6;padding: 10px 120px 50px;} .left-sec-box {background-color: #fff;padding: 20px 20px;border-radius: 10px;box-shadow: 0 0 20px 1px #00000029;} .left-sec-box h3 {font-size: 25px;color: #262626;font-weight: 500;} .left-sec-box p {font-size: 15px;color: #262626;width: 90%;margin: 18px 0 30px;} .left-social-link li {display: inline-block;padding: 0 15px 0 0;} .genres-box {background-color: #fff;padding: 20px 20px;border-radius: 10px;margin: 20px 0 0;box-shadow: 0 0 20px 1px #00000029;} .genres-box h3 {font-size: 25px;color: #262626;font-weight: 500;margin-bottom: 18px;} .genres-box li {font-size: 14px;color: #808080;display: inline-block;border: 1px solid #808080;border-radius: 25px;padding: 7px 20px;margin: 0 7px 10px 0;} .medals-box {background-color: #fff;padding: 30px 30px 20px;border-radius: 10px;box-shadow: 0 0 20px 1px #00000029;margin-bottom: 20px;} .medals-box h3 {font-size: 25px;color: #262626;font-weight: 500;} .badge-sec {border-bottom: 1px solid #80808080;padding: 0 0 15px;} .badge-inner-sec {display: flex;align-items: center;justify-content: space-between;padding: 13px 0 13px;border-bottom: 1px solid #80808080;} .inner-badge {display: flex;align-items: center;gap: 10px;} .inner-badge span {width: 36px;height: 36px;border-radius: 50%;background-color: #E9F0F5;display: flex;align-items: center;justify-content: center;} .inner-badge p {font-size: 15px;color: #808080;word-break: break-all;} .info-icon i {color: #666363;font-size: 20px;} .badge-inner-sec:last-child {border-bottom: 0;} .shared-box {display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;} .shared-box a {font-weight: 500;color: #808080;font-family: 'Neue Haas Grotesk Display Pro';} .medal-head-text {margin-bottom: 24px;} .info-icon p {font-weight: 500;color: #535353;line-height: 23px;} .info-icon span {font-size: 14px;font-weight: 500;color: #808080;} .shared-badge {justify-content: flex-start;gap: 11px;} /* .inner-badge span img {width: 36px;height: 35px;border-radius: 5px;} */ .playlist-slider {margin: 20px 0 0;} .playlist-flex {background-color: #fff;padding: 20px 20px 40px;border-radius: 10px;box-shadow: 0 0 20px 1px #00000029;position: relative;} .playlist-content {display: flex;align-items: center;gap: 20px;margin-bottom: 25px;} .playlist-content h3 {font-size: 25px;color: #262626;font-weight: 500;} .playlist-content span {font-size: 15px;font-weight: 400;color: #808080;} .shared-slider-box {background-color: #EDF2F5;padding: 0 0 13px;margin: 0 6px 0;border-top-right-radius: 12px;border-top-left-radius: 12px;} .shared-slider-box img {width: 246px;height: 246px;border-radius: 12px;} .shared-slider-box h6 {font-size: 18px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;margin: 13px 10px 5px;} .shared-slider-box li {font-size: 15px;color: #262626;display: inline-block;padding: 0 9px 0 0;} .shared-slider-box ul {margin: 0 10px 0;} .ang-right-arrow {background-image: linear-gradient(to right, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: -60px;right: 0;cursor: pointer;} .ang-left-arrow {background-image: linear-gradient(to right, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: -60px;right: 38px;cursor: pointer;} .img-hover-chg {position: relative;transition: 0.6s all ease-in-out;overflow: hidden;transform-origin: top left;} .img-chg-overlays {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000000ba;border-radius: 10px;opacity: 0;transition: 0.6s all ease-in-out;} .img-hover-chg:hover .img-chg-overlays {opacity: 1;} .play-icon-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;transition: 0.6s all ease-in-out;} .play-icon-img span {border: 6px solid #fff;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;} .img-hover-chg:hover .play-icon-img {opacity: 1;} .hover-text-chg {position: absolute;top: 6px;left: 10px;transform: translateY(-30px);transition: 0.6s all ease-in-out;} .hover-text-chg p {display: flex;align-items: center;font-size: 14px;font-weight: 500;color: #FFFFFF;gap: 6px;} .hover-text-chg i {width: 17px;height: 17px;border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;color: #262626;font-size: 12px;} .hover-text-chg span {font-size: 12px;font-weight: 400;color: #106EEA;} .img-hover-chg:hover .hover-text-chg {transform: translateY(0);opacity: 1;} /* CURATOR PROFILE PAGE CSS END */ /* LABEL PAGE CSS BEGIN */ .label-pg-banner {background-image: url("../images/label-banner.png");margin: 0 130px 140px;position: relative;padding: 120px 0 0;} .border-line-circle {border: 3px solid #FBBC04;border-radius: 50%;} .curator-label-flex .banner-circle-content {margin: 0px 0 0;} .bt-style-box {position: absolute;bottom: -110px;left: 0;height: 110px;width: 100%;background-color: #fff;z-index: -1;border-bottom-left-radius: 35px;border-bottom-right-radius: 35px;box-shadow: 0 0 9px 0px #00000026;} .label-bg-col {background-color: #f6f6f6;} .label-playlist-flex {display: flex;align-items: center;justify-content: space-between;margin: 0 0 25px;} .label-playlist-content h3 {font-size: 25px;color: #262626;font-weight: 500;margin-bottom: 0;} .label-view-all a {color: #808080;} .label-playlist-slider {background-color: #fff;padding: 20px 20px 5px;border-radius: 10px;box-shadow: 0 0 20px 1px #00000029;margin: 20px 0 0;} .lb-box-inner {margin: 0 0 25px;} .lb-box-inner h6 {font-size: 18px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;margin: 11px 0 2px;} .lb-box-inner span {font-size: 15px;color: #808080;font-weight: 400;} .favorites-box {background-color: #fff;padding: 20px 20px 5px;border-radius: 10px;box-shadow: 0 0 20px 1px #00000029;margin: 0 0 20px;} .favorite-top-bar {display: flex;align-items: center;justify-content: space-between;margin: 0 0 20px;} .favorite-top-heading h3 {font-size: 25px;color: #262626;font-weight: 500;margin-bottom: 0;} .favorite-top-link a {color: #808080;} .favorite-row-box {padding: 0 10px;} .favorite-row-box .col-lg-4 {padding: 0 5px 0;} .favorite-boxes-cont img {width: 100%;} .favorite-boxes-cont {margin: 0 0 20px;} .favorite-boxes-cont img {border-radius: 10px;} .favorite-boxes-cont p {font-size: 15px;color: #262626;line-height: 23px;margin: 7px 0 0 5px;} .favorite-boxes-cont span {font-weight: 400;font-size: 14px;color: #262626;margin-left: 5px;} .lb-box-inner img {border-radius: 10px;} /* LABEL PAGE CSS END */ /* LABEL PERSONAL VIEW PAGE CSS BEGIN */ /* Add some CSS to position the cross icon */ .avatar-upload {position: relative;border: 4px solid #FBBC04;border-radius: 50%;} .avatar-upload .avatar-edit {position: absolute;right: 14px;z-index: 1;bottom: 10px;box-shadow: 0 0 4px 0 #00000029;border-radius: 50%;} .avatar-upload .avatar-edit input {display: none;} .avatar-upload .avatar-edit input + label {display: flex;width: 44px;height: 44px;margin-bottom: 0;border-radius: 100%;background: #FFFFFF;border: 1px solid transparent;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;align-items: center;justify-content: center;} .avatar-upload .avatar-edit input + label:hover {background: #f1f1f1;border-color: #d6d6d6;} .avatar-upload .avatar-edit input + label:after {content: "\f030";font-family: 'FontAwesome';color: #535353;margin: auto;display: flex;align-items: center;justify-content: center;} .avatar-upload .avatar-preview {width: 246px;height: 246px;position: relative;border-radius: 50%;} .avatar-upload .avatar-preview > div {width: 246px;height: 246px;border-radius: 50%;background-size: contain;background-repeat: no-repeat;background-position: center;} #imagePreview {display: block !important;} .label-personal-view {background-image: url("../images/label-banner.png");margin: 0 130px 140px;position: relative;padding: 120px 0 0;} .label-personal-view .border-line-circle {border: 0;} .pos-btn-flex {padding: 0 120px 0px;background-color: #fff;height: 110px;margin: -140px 130px 20px;display: flex;align-items: center;justify-content: flex-end;border-bottom-left-radius: 35px;border-bottom-right-radius: 35px;gap: 10px;} .pos-btn-flex .primary-submit {font-size: 14px;font-weight: 400;color: #535353 !important;background-color: #FBBC04 !important;padding: 15px 35px;border-radius: 25px;text-transform: uppercase;} .pos-btn-flex .primary-edit {font-size: 14px;font-weight: 400;color: #262626 !important;background-color: #E9F0F5 !important;padding: 15px 35px;border-radius: 25px;text-transform: uppercase;} .label-playlist-content {display: flex;align-items: center;gap: 17px;} .label-playlist-content a {color: #808080;} .label-view-all .btn-primary {font-size: 14px;color: #535353 !important;font-weight: 400;background-color: #E9F0F5 !important;border-radius: 7px;padding: 15px 30px;text-transform: uppercase;display: flex;align-items: center;gap: 7px;} .label-view-all .btn-primary i {font-size: 25px;} .favorite-top-heading {display: flex;align-items: center;gap: 17px;} .favorite-top-heading a {font-size: 14px;font-weight: 400;color: #808080;} #add-artist .modal-header .close {border: 1px solid #000;width: 25px;height: 25px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 0 0 auto;} #add-artist .modal-header {border-bottom: 0;} #add-artist .modal-footer {border-top: 0;justify-content: center;} #add-artist .modal-title {font-family: 'Roboto', sans-serif;font-size: 25px;font-weight: 700;} .artist-fields .form-control {height: auto;padding: 15px 15px;border-radius: 5px;outline: none;box-shadow: none;margin-bottom: 10px;font-size: 15px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;resize: none;} #add-artist .modal-footer .btn-secondary {font-size: 14px;font-weight: 400;color: #262626 !important;background-color: #E9F0F5 !important;padding: 12px 35px;border-radius: 25px;text-transform: uppercase;} #add-artist .modal-footer .btn-primary {font-size: 14px;font-weight: 400;color: #535353 !important;background-color: #FBBC04 !important;padding: 12px 35px;border-radius: 25px;text-transform: uppercase;} .chg-avatar-circle wrapper {-webkit-animation: roll 1.5s;animation: roll 1.5s;position: relative;width: 160px;margin: 0 auto;} .chg-avatar-circle .wrapper:active #img-result {margin-top: 2px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);} .chg-avatar-circle .wrapper #img-result {cursor: pointer;margin: 0 auto 20px auto;position: relative;background: transparent;background-size: cover;background-position: center;display: block;width: 150px;height: 150px;border-radius: 50%;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);color: rgba(0, 0, 0, 0);transition: box-shadow 0.3s, margin 0.3s, background-image 1.5s;border: 4px solid #FBBC04;} .chg-avatar-circle .wrapper #img-result.no-image:before {font-family: 'FontAwesome';content: "\f030";position: absolute;left: 50%;top: 50%;color: #FBBC04;font-size: 48px;opacity: 0.8;transform: translate(-50%, -50%);text-shadow: 0 0px 5px rgba(0, 0, 0, 0.4);} .chg-avatar-circle .wrapper button {margin-top: 20px;display: block;background: #1abc9c;width: 100%;border: none;color: #fff;padding: 10px;letter-spacing: 1.3px;font-size: 1.05em;border-radius: 5px;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);outline: 0;transition: box-shadow 0.3s, margin-top 0.3s, padding 0.3s;} .chg-avatar-circle .wrapper button:active {box-shadow: none;margin-top: 24px;padding: 8px;} .show-button {background: #264974;border: none;color: #fff;padding: 10px 20px;float: right;display: none;} .upload-result {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff;overflow-y: auto;} .upload-result__content {word-break: break-all;overflow-wrap: break-word;} .chg-avatar-circle {margin: 20px auto 40px auto;position: relative;display: table;} .delete-img {position: absolute;top: 0;right: 22px;} .delete-img a {width: 25px;height: 25px;border: 1px solid #00000078;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #00000078;font-weight: 400;background-color: #fff;} /* LABEL PERSONAL VIEW PAGE CSS END */ /* ARTIST PAGE CSS BEGIN */ .artist-pg-banner {background-image: url("../images/ar-banner.png");margin: 0 130px 140px;position: relative;padding: 120px 0 0;} .tr-box-img img {border-radius: 0;} /* ARTIST PAGE CSS END */ /* ARTIST PROFILE PERSONAL VIEW PAGE CSS BEGIN */ .artist-personal-view {background-image: url("../images/ar-banner.png");margin: 0 130px 140px;position: relative;padding: 120px 0 0;position: relative;} .edit-bg-banner {position: absolute;bottom: 18px;right: 40px;} .edit-bg-banner a {width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 50%;font-size: 22px;color: #808080;} #newImageUpload {display: none;} .platlist-fl .mobile-dropdown-hide .dropdown-wrapper:after {display: none;} /* ARTIST PROFILE PERSONAL VIEW PAGE CSS END */ /* ARTIST WELCOME SCREEN PAGE CSS BEGIN */ .artist-welcome-banner-bg {background-color: #e9f0f5;padding: 40px 120px 10px;} .artist-welcome-banner-bg .row {align-items: center;} .artist-welcome-content h3 {font-weight: 500;color: #262626;} .artist-welcome-content p {color: #535353;width: 70%;margin: 20px 0;} .artist-welcome-btns {display: flex;align-items: center;gap: 15px;} .artist-welcome-btns .welcome-scr-submit {font-size: 15px;font-weight: 400;color: #262626 !important;background-color: #FBBC04 !important;padding: 15px 30px;border-radius: 25px;text-transform: uppercase;letter-spacing: 1px;} .artist-welcome-btns .welcome-scr-refer {font-size: 15px;font-weight: 400;color: #262626 !important;background-color: #FFFFFF !important;padding: 15px 30px;border-radius: 25px;border-color: #FBBC04 !important;text-transform: uppercase;letter-spacing: 1px;} .headphone-img img {display: block;margin: 0 auto;} .some-curator-sec {padding: 40px 120px 0px;} .some-curator-content h3 {color: #4F200D;text-align: center;} .some-curator-content span {display: block;} .some-curator-content p {color: #262626;text-align: center;margin: 24px 0 60px;} /* ARTIST WELCOME SCREEN PAGE CSS END */ /* ACCOUNT SETTING PAGE CSS BEGIN */ .account-setting-sec {padding: 50px 0 50px;} .account-setting-heading h3 {font-size: 30px;font-weight: 500;color: #4F200D;font-family: 'Roboto', sans-serif;margin: 0 0 30px;} .account-setting-box {background-color: #fff;padding: 0 50px 0 0;box-shadow: 0 0 12px 0 #00000030;height: 600px;} .content input{display: none;} .content{display: flex;justify-content: space-between;align-items: center;} .content .list{display: flex;flex-direction: column;position: relative;width: 30%;margin-right: 0;} .content .list label{cursor: pointer;height: 60px;line-height: 60px;font-size: 18px;font-weight: 400;color: #262626;padding-left: 25px;transition: all 0.5s ease;z-index: 10;border-top: 1px solid #F0F0F0;padding-top: 3px;} #home:checked ~ .list label.home, #blog:checked ~ .list label.blog, #help:checked ~ .list label.help, #code:checked ~ .list label.code, #about:checked ~ .list label.about{color: #FBBC04;font-weight: 700;} .content .slider{position: absolute;left: 0;top: 0;height: 60px;width: 100%;border-radius: 12px;transition: all 0.5s ease;} #home:checked ~ .list .slider{top: 0;} #blog:checked ~ .list .slider{top: 60px;} #help:checked ~ .list .slider{top: 120px;} #code:checked ~ .list .slider{top: 180px;} #about:checked ~ .list .slider{top: 240px;} .content .text-content{width: 80%;height: 100%;color: rgba(255, 255, 255, 0.7);} .content .text{display: none;} .content .text .title{font-size: 25px;margin-bottom: 10px;font-weight: 500;} .content .text-content .home{display: block;} #home:checked ~ .text-content .home, #blog:checked ~ .text-content .blog, #help:checked ~ .text-content .help, #code:checked ~ .text-content .code, #about:checked ~ .text-content .about{display: block;} #blog:checked ~ .text-content .home, #help:checked ~ .text-content .home, #code:checked ~ .text-content .home, #about:checked ~ .text-content .home{display: none;} .content .list label:hover{color: #BB86FC;} .account-box-shape {background-color: #fff;box-shadow: 0 0 5px 1px #0000002e;padding: 20px 0 20px;} .account-avatr-img {display: table;margin: 38px auto 20px;} .account-avatr-img h4 {font-size: 25px;font-weight: 500;color: #333333;font-family: 'Roboto', sans-serif;text-align: center;} .account-setting-field select {appearance: none;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';} .account-fields-flex {display: flex;align-items: center;justify-content: space-between;gap: 20px;margin: 0 0 20px 30px;} .account-setting-field {width: 100%;position: relative;z-index: 4;} .account-setting-field label {color: #333333;} .account-setting-field .form-control {font-size: 16px;color: #333333;font-weight: 400;font-family: 'Roboto', sans-serif;box-shadow: none;outline: none;height: auto;padding: 15px 38px 15px 15px;resize: none;border: 1px solid #D7D7D7;} .account-form-btn {display: flex;align-items: center;gap: 10px;margin: 50px 0 0 30px;} .account-form-btn .account-form-update {color: #535353 !important;font-size: 17px;font-weight: 400;font-family: 'Roboto', sans-serif;background-color: #FBBC04 !important;border-color: #007BFF !important;padding: 7px 20px;text-transform: uppercase;} .account-form-btn .account-form-cancel {color: #535353 !important;font-size: 17px;font-weight: 400;font-family: 'Roboto', sans-serif;background-color: #F6F8F9 !important;border-color: #F6F8F9 !important;padding: 7px 20px;text-transform: uppercase;} .tabs-item-listing li {border-top: 1px solid #F0F0F0;padding: 18px 30px;} .tabs-item-listing a {font-size: 18px;font-weight: 400;color: #262626;display: block;} .account-setting-box .col-lg-3 {border-right: 1px solid #F0F0F0;padding-right: 0;} .account-right-side h3 {font-size: 25px;font-weight: 500;color: #333333;font-family: 'Roboto', sans-serif;margin: 0 0 40px 30px;} .right-side-spacing {padding: 40px 0 50px 0px;} .account-setting-box .row {height: 100%;} .tabs-item-listing a.active {color: #FBBC04;font-weight: 700;} .input-eye-field {position: relative;} .account-eye-icon {position: absolute;top: 13px;right: 13px;} .account-eye-icon a {color: #33333394;font-weight: 400;} /* ACCOUNT SETTING PAGE CSS END */ /* CURATOR DASHBOARD NEW PAGE CSS BEGIN */ .curator-dashboard-sec {padding: 70px 120px 70px;} .cur-dashboard-left-side {background-color: #EDF2F5;padding: 30px 30px 16px;border-radius: 8px;margin: 0 0 90px;} .cur-mike-flex {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;} .cur-mike {display: flex;align-items: center;gap: 10px;} .cur-mike img {width: 58px;height: 58px;border-radius: 50%;} .cur-mike h6 {font-size: 22px;color: #FBBC04;font-weight: 500;} .cur-amount-cont span {display: inline-block;font-size: 15px;font-weight: 500;color: #FBBC04;background-color: #fff;padding: 6px 20px;border-radius: 25px;} .cur-mike span {width: 65px;height: 65px;border-radius: 50%;border: 1px solid #FBBC04;display: flex;align-items: center;justify-content: center;} .side-listing {padding: 12px 0;border-bottom: 1px solid #bebebe63;display: flex;align-items: center;justify-content: space-between;} .set-available-btn {font-size: 14px;font-weight: 500;color: #808080 !important;border: 1px solid #808080;border-color: #808080 !important;border-radius: 6px;padding: 5px 8px;} .side-listing a {color: #262627;} .side-listing i {margin-right: 5px;color: #808080;} .side-listing:last-child {border-bottom: 0;} .side-listing a.active {color: #FBBC04;} .side-listing a.active i {color: #FBBC04;} .inbox-cont-text {display: flex;align-items: flex-start;justify-content: space-between;margin: 0 0 12px;border-bottom: 1px solid #bebebe63;padding: 0 0 12px;} .inbox-inner-cont {display: flex;align-items: center;gap: 8px;} .inbox-list img {width: 48px;height: 48px;border-radius: 50%;} .think-cont p {font-size: 15px;font-weight: 500;color: #262626;line-height: 18px;} .think-cont span {font-size: 14px;font-weight: 400;color: #808080;display: block;} .time-cont span {display: block;font-size: 14px;font-weight: 500;color: #808080;} .inbox-bg {background-color: #EDF2F5;padding: 30px 30px 2px;border-radius: 8px;} .inbox-cont-text h6 {font-size: 16px;font-weight: 400;color: #262626;font-family: 'Roboto', sans-serif;} .inbox-cont-text a {font-size: 14px;color: #106EEA;text-decoration: underline;} .inbox-cont-text i {margin-right: 2px;} .inbox-cont-text:last-child {border-bottom: 0;} .songs-bar {border-bottom: 1px solid #70707042;padding-bottom: 10px;} .songs-bar h6 {font-size: 20px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;} .songs-bar i {color: #535353;margin-right: 4px;} .dashboard-new-tabs .nav-tabs .nav-link {margin-bottom: 0px;font-size: 15px;font-weight: 500;color: #808080;display: flex;align-items: center;gap: 15px;} .dashboard-new-tabs .nav-tabs .nav-link small {margin-bottom: 0px;font-size: 15px;font-weight: 500;color: #808080;display: flex;align-items: center;gap: 15px;} .dashboard-new-tabs .nav-tabs .nav-link.active small {position: relative;} .dashboard-new-tabs .nav-tabs .nav-link.active small:after {content: "";position: absolute;bottom: -17px;left: 0;width: 100%;height: 3px;background-color: #FBBC04;} .dashboard-new-tabs .nav-tabs .nav-link span {font-size: 10px;font-weight: 500;color: #535353;display: flex;align-items: center;justify-content: center;width: 14px;height: 14px;border-radius: 50%;background-color: #C7C7C7;} .dashboard-new-tabs .nav-tabs .nav-link.active {color: #535353 !important;background-color: transparent;border-color: transparent;} .dashboard-new-tabs .nav-tabs .nav-link.active span {background-color: #FBBC04;} .dashboard-new-tabs .nav-tabs .nav-link:hover {border-color: transparent;} .dashboard-new-tabs .nav-tabs {border-bottom: 1px solid #70707042;padding: 6px 0;margin: 0 0 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 20px 0 0;} .breams-box {position: relative;box-shadow: 0 0 7px 0 #00000029;margin: 0 0 40px;} .breams-box img {width: 100%;} .dreams-box-content {text-align: center;background-image: linear-gradient(to right bottom, #ffffff, #f5f5f5, #ebebeb, #e2e2e2, #d8d8d8);padding: 0 0 10px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;margin: 0px 0 0;position: absolute;bottom: -21px;left: 0;width: 100%;z-index: 1;} .dreams-box-content .submit-play-icon {color: #FBBC04;background-color: #fff;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 17px;margin: -20px auto 0 auto;box-shadow: 0 0 12px 0 #0000002b;} .dreams-box-content h6 {font-size: 15px;color: #262626;font-family: 'Roboto', sans-serif;margin: 10px 0 2px;} .dreams-box-content p {font-size: 14px;font-weight: 500;color: #535353;line-height: 14px;padding: 3px 0 2px;} .dreams-box-content .submit-cont {font-size: 12px;font-weight: 400;color: #808080;} .skip-btn {position: absolute;top: 10px;left: 5px;} .skip-btn a {font-size: 14px;font-weight: 500;color: #fff;background-color: #FF0E0E;padding: 7px 18px;border-radius: 25px;} .cur-amt {position: absolute;top: 10px;right: 5px;} .cur-amt p {background-color: #E9F0F5;padding: 0px 6px;border-radius: 25px;display: flex;align-items: center;gap: 7px;font-size: 14px;font-weight: 500;color: #262626;} .cur-amt span {width: 22px;height: 22px;border-radius: 50%;background-color: #FBBC04;display: flex;align-items: center;justify-content: center;} .cur-amt img {width: auto;} .time-box {position: absolute;top: 10px;left: 10px;} .time-box span {font-size: 10px;font-weight: 400;color: #262626;background-color: #e9f0f585;padding: 3px 6px;border-radius: 25px;} .time-box i {margin-right: 2px;} .table-data-flex {display: flex;align-items: center;gap: 10px;} .table-data-text {margin: 7px 0 0;} .table-data-text p {font-size: 14px;font-weight: 500;color: #262626;line-height: 11px;} .table-data-text span {font-size: 12px;font-weight: 400;color: #535353;} .table-data-field {text-align: center;} .table-data-field p {font-size: 12px;color: #535353;line-height: 14px;} .table-data-field span {font-size: 14px;font-weight: 400;color: #808080;} .table-data-field a {color: #808080;font-weight: 400;font-size: 15px;} .table-data-tab .table tbody td {border-top: 0;vertical-align: middle;} .table-data-tab .table tbody tr {background-color: #E9F0F5;border-bottom: 10px solid #f6f6f6;} .left-bdr {border-top-left-radius: 10px;border-bottom-left-radius: 17px;} .right-bdr {border-top-right-radius: 10px;border-bottom-right-radius: 17px;text-align: end;} .table-data-tab .show>.btn-primary.dropdown-toggle:focus {box-shadow: none;} .table-data-tab .btn-primary {color: #B4B4B4;} .table-data-tab .dropdown-toggle::after {display: none;} .table-data-tab .show>.btn-primary.dropdown-toggle {color: #B4B4B4;} .table-data-tab .btn-primary:not(:disabled):not(.disabled):active {color: #B4B4B4;} .table-data-tab .dropdown-item:focus, .table-data-tab .dropdown-item:hover {color: #16181b;background-color: #FBBC04;} .table-data-tab .dropdown-menu {padding: 0 0;left: 40px;min-width: 7rem;} .expired-tabs .time-box {position: absolute;top: 46px;right: 10px;left: auto;} .previously-reviewed-tabs .wrapper{width: 100%;} @media(max-width:992px){.previously-reviewed-tabs .wrapper{width:100%;}} .previously-reviewed-tabs .panel-heading {padding: 0;border:0;} .previously-reviewed-tabs .panel-title>a, .previously-reviewed-tabs .panel-title>a:active{display:block;padding: 11px 15px;color:#555;font-size:16px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;word-spacing:3px;text-decoration:none;} .previously-reviewed-tabs .panel-heading a:before {content: "\f107";float: right;transition: all 0.5s;font: normal normal normal 14px/1 FontAwesome;font-size: 32px;margin-top: 20px;} .previously-reviewed-tabs .panel-heading.active a:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);} .tab-bar-flex {display: flex;align-items: center;} .tab-bar-img-flex {display: flex;align-items: center;gap: 10px;width: 67%;} .tab-b-dg img {width: 48px;height: 48px;border-radius: 50%;} .tab-b-dg-cont {line-height: 12px;width: inherit;} .tab-b-dg-cont p {font-size: 14px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;text-transform: capitalize;line-height: 20px;} .tab-b-dg-cont span {font-size: 12px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;text-transform: capitalize;} .content-text-tbr p {font-size: 12px;color: #707070;font-style: italic;font-weight: 400;font-family: 'Roboto', sans-serif;text-transform: initial;width: 76%;margin: 0 auto 0 auto;line-height: 20px;transform: translateY(0px);} .approved-bar {margin: 0 30px 0 0;} .approved-bar span {font-size: 14px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;background-color: #FBBC04;padding: 15px 30px;border-radius: 7px;} .previously-reviewed-tabs .panel.panel-default {background-color: #E9F0F5;border-radius: 13px;margin-bottom: 10px;overflow: hidden;} .content-text-tbr {overflow: hidden;} .previously-reviewed-tabs .panel-collapse.collapse.show {margin: 0 0 10px;} .content-text-tbr p {transition: transform 0.6s ease;} .content-text-tbr.move-up p {transform: translateY(80px);} .personal-note {position: absolute;top: 29px;right: 221px;transform: translateY(-60px);} .personal-note span.personal-note-anchor {font-size: 14px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;text-transform: initial;} .previously-reviewed-tabs .panel-title {position: relative;} .personal-note {transition: transform 0.6s ease;} .personal-note.move-down {transform: translateY(0px);} .personal-note.move-up {transform: translateY(-60px);} .date-script-content {margin: 20px 0 0 -11px;} .date-script-content span {font-size: 10px;font-weight: 400;color: #535353;display: inline-block;padding: 3px 7px;background-color: #D8D7D7;border-radius: 25px;} .image-script-content {display: flex;align-items: center;gap: 10px;margin: 20px 0 0px;} .image-script-content p {font-size: 14px;color: #707070;} .image-script-content span {font-size: 10px;color: #ABA9A9;margin-left: 3px;} .image-script-new {display: flex;align-items: center;gap: 10px;margin: 20px 0 0;} .img-ct-text p {font-size: 14px;color: #707070;} .img-ct-text span {font-size: 10px;color: #ABA9A9;margin-left: 3px;} .img-ct-text small {font-size: 12px;color: #808080;font-style: italic;font-weight: 400;width: 70%;display: block;} .col-tab-inner-effect {margin: 0 70px 60px;position: relative;z-index: 7;} .images-left-bar-line {width: 1px;height: 100%;background-color: #70707091;position: absolute;top: 2px;left: 22px;z-index: -1;} .blue-underline {color: #106EEA;text-decoration: underline;} /* SET AVAILABILITY MODAL CSS BEGIN */ .checkboxes-selction input[type=checkbox] {position: relative;border: 1px solid #00000091;border-radius: 5px;background: none;cursor: pointer;line-height: 0;margin: 0 .6em 0 0;outline: 0;padding: 0 !important;vertical-align: text-top;height: 20px;width: 20px;appearance: none; -webkit-appearance: none;opacity: .5;} .checkboxes-selction input[type=checkbox]:hover {opacity: 1;} .checkboxes-selction input[type=checkbox]:checked {background-color: #FBBC04;opacity: 1;} .checkboxes-selction input[type=checkbox]:before {content: '';position: absolute;right: 50%;top: 50%;width: 4px;height: 10px;border: solid #000;border-width: 0;margin: -1px -1px 0 -1px;transform: rotate(45deg) translate(-50%, -50%);z-index: 2;} .comment-form-cookies-consent label {color: #808080;} .availability-modal-content h6 {color: #262626;font-family: 'Roboto', sans-serif;} .availability-modal-content p {font-size: 15px;color: #808080;line-height: 22px;margin: 17px 0 30px;} #set-availability-modal .modal-footer {border-top:0;justify-content: center;margin-bottom: 15px;} .ava-cancel {font-size: 15px;font-weight: 500;color: #262626 !important;background-color: #EFEFF0 !important;padding: 12px 35px;border-radius: 8px;text-transform: capitalize;} .ava-save {font-size: 15px;font-weight: 500;color: #262626 !important;background-color: #FBBC04 !important;padding: 12px 35px;border-radius: 8px;text-transform: capitalize;} #set-availability-modal .modal-content {border-radius: 18px;} #set-availability-modal .modal-body {padding: 30px 30px 10px;} .checkboxes-selction input[type=checkbox]:checked:before {border-width: 0 2px 2px 0;} .inner-toggle-time {display: flex;align-items: center;gap: 10px;} .inner-toggle-time .form-control {height: auto;outline: none;box-shadow: none;padding: 15px 15px;border: 1px solid #808080ad;font-size: 15px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;border-radius: 6px;} .toggle-cont-text p {color: #262626;font-size: 15px;margin: 0 0 8px;} .toggle-cont-text {margin-bottom: 15px;} .toggle-show-cls {margin-top: 12px;display: none;} /* SET AVAILABILITY MODAL CSS END */ /* CURATOR DASHBOARD SONG REVIEW MODAL CSS BEGIN */ .mfp-zoom-in .mfp-with-anim {opacity: 0;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;transform: scale(0.8);} .mfp-zoom-in.mfp-bg {opacity: 0;transition: all 0.3s ease-out;} .mfp-zoom-in.mfp-ready .mfp-with-anim {opacity: 1;transform: scale(1);} .mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-zoom-in.mfp-removing .mfp-with-anim {transform: scale(0.8);opacity: 0;} .mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;} .white-popup {position: relative;background: #EDF2F5;padding: 60px 40px 20px;width: auto;max-width: 55%;margin: 0 auto;border-radius: 25px;} .popup-animation {margin-right: 0 !important;overflow: auto !important;} #test-popup .time-box {top: 45px;right: 10px;left: auto;} #test-popup .time-box span {font-size: 10px;font-weight: 500;display: flex;align-items: center;gap: 2px;} .time-box small {width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;background-color: #C38C7A;border-radius: 50%;font-size: 15px;} #test-popup .dreams-box-content .submit-cont {color: #262626 !important;line-height: 15px !important;display: block;margin: 20px 15px;} .like-dislike li {padding: 0 2px 0 0;display: inline-block;} .like-dislike a {width: 42px;height: 42px;border-radius: 50%;background-color: #FBBC04;display: flex;align-items: center;justify-content: center;color: #fff;} .red-bg-dislike {background-color: #FF0E0E !important;} .modal-right-side {display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #808080a8;padding: 0 0 6px;} .modal-detail h6 {font-size: 20px;color: #000;font-family: 'Roboto', sans-serif;} .modal-detail-text p {font-size: 12px;color: #000;} .modal-detail-text span {color: #106EEA;text-decoration: underline;} .mfp-close-btn-in .mfp-close {color: #808080 !important;width: 31px;height: 31px;border: 2px solid #808080;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .mfp-close {right: 12px !important;top: 12px !important;} .revenue-listing {display: flex;align-items: center;gap: 40px;padding: 15px 0 50px;border-bottom: 1px solid #808080a8;} .revenue-listing li {font-size: 15px;color: #808080;padding: 5px 0;} .revenue-listing span {color: #106EEA;text-decoration: underline;font-size: 15px;} .modal-detail-text {position: fixed;right: 42px;} .timeline-modal-content .col-tab-inner-effect {margin: 0 10px 60px;z-index: 0;} .modal-overflow-timeline {height: 450px;overflow-y: scroll;} .modal-overflow-timeline::-webkit-scrollbar { display: none;} .playlsit-bar {border-top: 1px solid #808080a8;margin: 10px 0 0;} .volume-icon {display: block;text-align: end;color: #000 !important;font-size: 27px;} .step-back a {color: #000;} .volume-play-btn a {color: #fff;width: 34px;height: 34px;background-color: #FBBC04;display: flex;align-items: center;justify-content: center;border-radius: 50%;} .volume-bar-flex p {font-size: 14px;font-weight: 500;color: #000;line-height: 19px;} .start-time span {font-size: 12px;font-weight: 400;color: #000;} .playbar-volume-flex {display: flex;align-items: center;gap: 15px;justify-content: center;} .volume-bar-inner-flex {display: flex;align-items: center;gap: 7px;} .middle-volume-div {display: flex;align-items: center;gap: 10px;} .grey-main-bar .full-grey {position: relative;width: 650px;height: 5px;background-color: #ACACAC;border-radius: 25px;display: block;} .grey-main-bar {position: relative;overflow: hidden;} .half-yellow-bar {position: absolute;top: 0;left: 0;} .half-yellow-bar .half-yellow {display: block;width: 325px;height: 5px;background-color: #FBBC04;border-radius: 25px;} .like-sec-modal .modal-content {background-color: #535353;border-radius: 15px;padding: 0 20px;} .like-sec-modal .modal-header .close {color: #fff !important;width: 30px;height: 30px;border: 2px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;opacity: 1;font-size: 20px;padding: 0;margin: 0px -20px 0px auto;} .like-sec-modal .modal-header {border-bottom: 0;} .like-sec-modal .modal-footer {border-top: 0;justify-content: center;} .like-textbox-area p {font-size: 15px;font-weight: 500;color: #FEFEFD;text-align: left;margin-bottom: 13px;} .like-textbox-area .form-control {outline: none;box-shadow: none;height: auto;resize: none;font-size: 14px;font-weight: 400;color: #808080;font-family: 'Roboto', sans-serif;padding: 15px;} .like-sec-modal .modal-footer .btn-secondary {font-size: 15px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;background-color: #FBBC04;text-transform: uppercase;padding: 11px 35px;border-radius: 25px;} .like-sec-modal .btn-secondary:not(:disabled):not(.disabled):active:focus {box-shadow: none;} .like-sec-modal .btn-secondary:not(:disabled):not(.disabled):active{color: #535353;background-color: #FBBC04;border-color: #FBBC04;} .like-sec-modal .modal-dialog {max-width: 430px;margin: 0 auto;} .like-sec-modal .modal-body {padding: 7px 15px;} .like-sec-modal .modal-footer .btn-secondary.red-bg-decline {background-color: #FF0E0E;color: #fff;} .like-textbox-area span {color: #FF8000;display: inline;margin-left: 6px;} .highlight-body-bg p {font-size: 12px;font-weight: 400;color: #FF8000;} .highlight-body-bg {background-color: #ff840047;padding: 10px 11px;border-radius: 7px;text-align: left;margin-bottom: 10px;} .optional-feedback p {color: #FEFEFD;font-weight: 400;text-align: left;margin: 15px 0 12px;} .optional-feedback .styled-checkbox {position: absolute;opacity: 0;} .optional-feedback .styled-checkbox + label {position: relative;cursor: pointer;padding: 0;font-size: 14px;color:#FEFEFD;margin-bottom: 0;margin-top: 7px;} .optional-feedback .styled-checkbox + label:before {content: "";margin-right: 10px;display: inline-block;vertical-align: text-top;width: 14px;height: 15px;background: #808080;border-radius: 4px;} .optional-feedback .styled-checkbox:hover + label:before {background: #FF0E0E;} .optional-feedback .styled-checkbox:focus + label:before {box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);} .optional-feedback .styled-checkbox:checked + label:before {background: #FF0E0E;} .optional-feedback .styled-checkbox:disabled + label {color: #b8b8b8;cursor: auto;} .optional-feedback .styled-checkbox:disabled + label:before {box-shadow: none;background: #ddd;} .optional-feedback .styled-checkbox:checked + label:after {content: "";position: absolute;left: 2px;top: 8px;background: white;width: 2px;height: 2px;box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;transform: rotate(45deg);} .optional-feedback ul {text-align: left;} .optional-feedback li {display: block;} .flex-checkbox-list {display: flex;justify-content: space-between;gap: 15px;} .like-sec-modal::-webkit-scrollbar { display: none;} /* CURATOR DASHBOARD SONG REVIEW MODAL CSS END */ /* CURATOR DASHBOARD NEW PAGE CSS END */ /* BECOME A INFLUENCER STEP 1 & STEP 2 PAGE CSS BEGIN */ .yellow-border-background {border-color: #FBBC04 !important;border: 5px solid #FBBC04 !important;} .influencers-steps-bg {background-color: #F8F8F8;} .influencer-steps-wizard .signup-step-container{padding: 35px 0px 60px;padding-bottom: 60px;} .influencer-steps-wizard .wizard .nav-tabs {position: relative;margin-bottom: 0;border-bottom-color: transparent;justify-content: center;} .influencer-steps-wizard .wizard > div.wizard-inner {position: relative;margin-bottom: 50px;text-align: center;margin: 0 auto 80px auto;} .influencer-steps-wizard .connecting-line {height: 4px;background: #EEEEEE;position: absolute;width: 11%;margin: 0 auto;left: 30px;right: 0;top: 15px;z-index: 1;border-radius: 25px;} .influencer-steps-wizard .wizard .nav-tabs > li.active > a, .influencer-steps-wizard .wizard .nav-tabs > li.active > a:hover, .influencer-steps-wizard .wizard .nav-tabs > li.active > a:focus {color: #555555;cursor: default;border: 0;border-bottom-color: transparent;} .influencer-steps-wizard span.round-tab {width: 60px;height: 60px;line-height: 30px;display: flex;align-items: center;background: #fff;z-index: 2;position: absolute;left: 0;text-align: center;font-size: 25px;font-weight: 400;border: 5px solid #DDDDDD;justify-content: center;border-radius: 50%;} .influencer-steps-wizard span.round-tab {color: #262626;border-color: #808080;background-color: transparent;} .influencer-steps-wizard span.round-tab i{color:#555555;} .influencer-steps-wizard .wizard li.active span.round-tab i{color: #5bc0de;} .influencer-steps-wizard .wizard .nav-tabs > li.active > a i{color: #262626;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 18%;} .influencer-steps-wizard .wizard li:after {content: " ";position: absolute;left: 46%;opacity: 0;margin: 0 auto;bottom: 0px;border: 5px solid transparent;border-bottom-color: red;transition: 0.1s ease-in-out;} .influencer-steps-wizard .wizard .nav-tabs > li a {width: 30px;height: 30px;margin: 0px auto;border-radius: 100%;padding: 0;background-color: transparent;position: relative;top: 0;display: flex;align-items: center;justify-content: center;} .influencer-steps-wizard .wizard .nav-tabs > li a i{position: absolute;bottom: -65px;font-style: normal;white-space: nowrap;left: 100%;transform: translate(-50%, -50%);font-size: 18px;font-weight: 400;color: #808080;} .influencer-steps-wizard .wizard .nav-tabs > li a:hover {background: transparent;} .influencer-steps-wizard .wizard .tab-pane {position: relative;padding-top: 20px;} .influencer-steps-wizard .wizard h3 {margin-top: 0;} .influencer-steps-wizard .prev-step, .influencer-steps-wizard .next-step{font-size: 15px;padding: 15px 42px;border: none;border-radius: 25px;margin-top: 30px;font-weight: 400;color: #262626;text-transform: uppercase;font-family: 'Roboto', sans-serif;letter-spacing: 2px;} .influencer-steps-wizard .next-step{background-color: #FBBC04;} .influencer-steps-wizard .skip-btn{background-color: #cec12d;} .influencer-steps-wizard .step-head{font-size: 20px;text-align: center;font-weight: 500;margin-bottom: 20px;} .influencer-steps-wizard .term-check{font-size: 14px;font-weight: 400;} .influencer-steps-wizard .custom-file {position: relative;display: inline-block;width: 100%;height: 40px;margin-bottom: 0;} .influencer-steps-wizard .custom-file-input {position: relative;z-index: 2;width: 100%;height: 40px;margin: 0;opacity: 0;} .influencer-steps-wizard .custom-file-label {position: absolute;top: 0;right: 0;left: 0;z-index: 1;height: 40px;padding: .375rem .75rem;font-weight: 400;line-height: 2;color: #495057;background-color: #fff;border: 1px solid #ced4da;border-radius: .25rem;} .influencer-steps-wizard .custom-file-label::after {position: absolute;top: 0;right: 0;bottom: 0;z-index: 3;display: block;height: 38px;padding: .375rem .75rem;line-height: 2;color: #495057;content: "Browse";background-color: #e9ecef;border-left: inherit;border-radius: 0 .25rem .25rem 0;} .influencer-steps-wizard .footer-link{margin-top: 30px;} .influencer-steps-wizard .list-content{margin-bottom: 10px;} .influencer-steps-wizard .list-content a{padding: 10px 15px;width: 100%;display: inline-block;background-color: #f5f5f5;position: relative;color: #565656;font-weight: 400;border-radius: 4px;} .influencer-steps-wizard .list-content a[aria-expanded="true"] i{transform: rotate(180deg);} .influencer-steps-wizard .list-content a i{text-align: right;position: absolute;top: 15px;right: 10px;transition: 0.5s;} .influencer-steps-wizard .form-control[disabled], .influencer-steps-wizard .form-control[readonly], .influencer-steps-wizard fieldset[disabled] .form-control {background-color: #fdfdfd;} .influencer-steps-wizard .list-box{padding: 10px;} .influencer-steps-wizard .signup-logo-header .logo_area{width: 200px;} .influencer-steps-wizard .signup-logo-header .nav > li{padding: 0;} .influencer-steps-wizard .signup-logo-header .header-flex{display: flex;justify-content: center;align-items: center;} .influencer-steps-wizard .list-inline li{display: inline-block;} .influencer-steps-wizard .pull-right{float: right;} .influencer-steps-wizard input[type="checkbox"]{position: relative;display: inline-block;margin-right: 5px;} .influencer-steps-wizard input[type="checkbox"]::before, .influencer-steps-wizard input[type="checkbox"]::after {position: absolute;content: "";display: inline-block; } .influencer-steps-wizard input[type="checkbox"]::before{height: 16px;width: 16px;border: 1px solid #999;left: 0px;top: 0px;background-color: #fff;border-radius: 2px;} .influencer-steps-wizard input[type="checkbox"]::after{height: 5px;width: 9px;left: 4px;top: 4px;} .influencer-steps-wizard input[type="checkbox"]:checked::after{content: "";border-left: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(-45deg);} .influencer-steps-wizard input[type="checkbox"]:checked::before{background-color: #FBBC04;border-color: #FBBC04;} @media (max-width: 767px){ .influencer-steps-wizard .sign-content h3{font-size: 40px;} .influencer-steps-wizard .signup-logo-header .navbar-toggle{margin: 0;margin-top: 8px;} .influencer-steps-wizard .signup-logo-header .logo_area{margin-top: 0;} .influencer-steps-wizard .signup-logo-header .header-flex{display: block;} } .social-icon-selection .top-text-wrapper {margin: 20px 0 30px 0;} .social-icon-selection .top-text-wrapper h4 {font-size: 24px;margin-bottom: 10px;} .social-icon-selection .top-text-wrapper code {font-size: 0.85em;background: linear-gradient(90deg, #fce3ec, #ffe8cc);color: #ff2200;padding: 0.1rem 0.3rem 0.2rem;border-radius: 0.2rem;} .social-icon-selection .tab-section-wrapper {padding: 30px 0;} .social-icon-selection .grid-wrapper {display: grid;grid-gap: 30px;place-items: center;width: 100%;} .social-icon-selection .grid-col-auto {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 290px);} .social-icon-selection label.radio-card {cursor: pointer;width: 100%;} .social-icon-selection label.radio-card .card-content-wrapper {background: #fff;border-radius: 19px;max-width: 370px;min-height: 290px;padding: 15px;display: grid;box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);transition: 200ms linear;text-align: center;} .social-icon-selection label.radio-card .check-icon {width: 20px;height: 20px;display: inline-block;border: solid 2px #e3e3e3;border-radius: 5px;transition: 200ms linear;position: relative;} .social-icon-selection label.radio-card .check-icon:before {content: "";position: absolute;inset: 0; background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat;background-size: 12px;background-position: center center;transform: scale(1.6);transition: 200ms linear;opacity: 0;} .social-icon-selection label.radio-card input[type=radio] {appearance: none;-webkit-appearance: none;-moz-appearance: none;} .social-icon-selection label.radio-card input[type=radio]:checked + .card-content-wrapper {box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #FBBC04;} .social-icon-selection label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon {background: #FBBC04;border-color: #FBBC04;transform: scale(1.2);} .social-icon-selection label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon:before {transform: scale(1);opacity: 1;} .social-icon-selection label.radio-card input[type=radio]:focus + .card-content-wrapper .check-icon {border-color: #FBBC04;} .social-icon-selection label.radio-card .card-content img {margin-bottom: 10px;width: auto;} .social-icon-selection label.radio-card .card-content h4 {font-size: 24px;text-align: center;color: #262626;margin-bottom: 0px;font-weight: 700;font-family: 'Roboto', sans-serif;} .social-icon-selection label.radio-card .card-content h5 {font-size: 14px;line-height: 1.4;text-align: center;color: #686d73;} .social-icon-selection .card-content p {font-size: 15px;color: #535353;line-height: 21px;margin: 6px 0 0;} .social-icon-selection .card-content p span {display: block;} .double-img span {background-color: #F8F8F8;width: 58px;height: 58px;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 11px 0 #00000026;} .double-img span:last-child {margin-left: -10px;} .double-img {display: flex;align-items: center;justify-content: center;} .tiktok-fields .main {width: 100%;height: 100%;} .tiktok-fields .card {padding: 10px 0px;background-color: transparent;border: 0;} .tiktok-fields .card .title {font-size: 2em;margin: 15px;} .tiktok-fields .card .form {display: flex;align-items: center;gap: 15px;} .tiktok-fields .form label {cursor: pointer;} .tiktok-fields .card .form .input-radio {box-shadow: 0px 0px 0px 1px #6d6d6d;font-size: 3em;width: 12px;height: 12px;margin-right: 7px;border: 4px solid #fff;background-clip: border-box;border-radius: 50%;appearance: none;transition: background-color 0.3s, box-shadow 0.3s;} .tiktok-fields .card .form label {margin: 10px 0px;font-size: 15px;font-weight: 400;color: #808080;border: 1px solid #808080ad;display: flex;align-items: center;padding: 8px 32px 8px 20px;border-radius: 25px;} .tiktok-fields .input-radio.on:checked {background-color: #FBBC04;box-shadow: 0 0 3px 2px #FBBC04;} .tiktok-fields .input-radio.off:checked {background-color: #FBBC04;box-shadow: 0 0 3px 2px #FBBC04;} #step4 .list-inline {text-align: center;} .tiktok-fields {margin: 0 0 30px;position: relative;} .tiktok-fields label {font-size: 20px;font-weight: 700;color: #262626;} .tiktok-fields .form-control {font-size: 15px;font-weight: 400;color: #535353;height: auto;outline: none;box-shadow: none;padding: 15px 15px;font-family: 'Roboto', sans-serif;border-radius: 8px;background-color: transparent;resize: none;-webkit-appearance: auto !important;} .network-field {position: relative;} .network-field .form-control {padding-left: 125px;} .network-link-text p {font-size: 15px;color: #535353;} .network-link-text i {margin-right: 4px;} .network-link-text {position: absolute;top: 13px;left: 15px;} .network-link-text img {margin-right: 2px;width: 13px;} .link-both {margin-top: 10px;} .influencer-steps-wizard span.round-tab-2 {width: 60px;height: 60px;line-height: 30px;display: flex;align-items: center;background: #fff;z-index: 2;position: absolute;left: 0;text-align: center;font-size: 25px;color: #535353;font-weight: 400;border: 5px solid #DDDDDD;justify-content: center;border-radius: 50%;} /* BECOME A INFLUENCER STEP 1 & STEP 2 PAGE CSS END */ /* BECOME A CURATOR STEP 1 & STEP 2 PAGE CSS BEGIN */ .tiktok-fields select {width: 40%;} .signin-sec .panel {margin: 40px 0 40px;max-width: 250px;} .button_outer {background: transparent;border-radius: 30px;text-align: center;display: inline-block;transition: .2s;position: relative;overflow: hidden;border: 1px solid #0006;} .btn_upload {padding: 17px 30px 12px;color: #808080;text-align: center;position: relative;display: inline-block;overflow: hidden;z-index: 3;white-space: nowrap;font-size: 15px;font-weight: 400;} .btn_upload input {position: absolute; width: 100%; left: 0; top: 0; width: 100%; height: 105%; cursor: pointer; opacity: 0;} .file_uploading {width: 100%; height: 10px; margin-top: 20px; background: #ccc;} .file_uploading .btn_upload {display: none;} .processing_bar {position: absolute;left: 0;top: 0;width: 0;height: 100%;border-radius: 30px;background: #FBBC04;transition: 3s;} .file_uploading .processing_bar {width: 100%;} .success_box {display: none; width: 50px; height: 50px; position: relative;} .success_box:before {content: '';display: block;width: 9px;height: 18px;border-bottom: 6px solid #fff;border-right: 6px solid #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left: 20px;top: 14px;} .file_uploaded .success_box {display: inline-block;} .file_uploaded {margin-top: 0; width: 50px; background:#83ccd3; height: 50px;} .uploaded_file_view {max-width: 300px;margin: 0px 0 30px;text-align: center;position: relative;transition: .2s;opacity: 0;border: 2px solid #ddd;padding: 15px;} .file_remove {width: 30px;height: 30px;border-radius: 50%;display: block;position: absolute;background: #FBBC04;line-height: 30px;color: #fff;font-size: 12px;cursor: pointer;right: -15px;top: -15px;} .file_remove:hover {background: #222; transition: .2s;} .uploaded_file_view img {max-width: 100%;} .uploaded_file_view.show {opacity: 1;} .error_msg {text-align: center; color: #f00} .image-selection-pr p {font-size: 15px;color: #535353;} .btn_upload i {margin-right: 5px;} /* BECOME A CURATOR STEP 1 & STEP 2 PAGE CSS END */ /* BECOME A CURATOR PAGE CSS BEGIN */ .become-a-cur-bg {background-color: #EDF2F5;} .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(2, 140px);} .curator-main-cls .social-icon-selection label.radio-card .card-content-wrapper {max-width: 600px;min-height: 150px;display: flex;gap: 15px;align-items: baseline;} .curator-main-cls {margin-top: -110px;} .curator-main-cls .card-content {text-align: left;padding: 7px 0 20px;} .curator-main-cls .social-icon-selection label.radio-card .card-content h4 {text-align: left;color: #535353;} .new-curator-bg {height: 100vh;display: flex;align-items: center;} .curator-main-cls h2 {font-size: 32px;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 30px;} .cur-img-container {overflow: hidden;} .cur-img {max-width: 100%;opacity: 0;transform: scale(0.8);transition: opacity 0.6s, transform 0.6s;} .cur-img.show {opacity: 1;transform: scale(1);} .wizard-form-begin-tiktok .cur-img-container:not(:first-child), .wizard-form-begin-instagram .cur-img-container:not(:first-child) {display: none;} .main-images-wizard {position: relative;} .main-chap-wiz {position: absolute;top: 110px;right: 0;} /* BECOME A CURATOR PAGE CSS END */ /* INFLUENCER PROFILE PAGE CSS BEGIN */ .banner-circle-content {margin-top: -23px;} .banner-circle-content small {font-size: 15px;color: #FFFFFF;font-weight: 400;font-family: 'Neue Haas Grotesk Display Pro';margin: 0 0 0 13px;} .khaby-banner {background-image: url("../images/khaby-banner.png");} .khaby-medal-box .shared-badge {padding: 20px 0;} .khaby-video-slide {position: relative;} .video-btn-icon {position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;transition: 0.6s all ease-in-out;overflow: hidden;} .video-btn-icon img {width: 60px;transition: 0.6s all ease-in-out;opacity: 0;transform: translateX(-140px);} .khaby-video-slide:hover .video-btn-icon img {opacity: 1;transform: translateX(0px);} .vid-chg-overlays {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000000ba;border-radius: 10px;opacity: 0;transition: 0.6s all ease-in-out;} .khaby-video-slide:hover .vid-chg-overlays {opacity: 1;} .khaby-video-slide .khb1 {width: 100%;} .khaby-shared-slider-box {margin: 0 5px;} /* INFLUENCER PROFILE PAGE CSS END */ /* MY WALLET PAGE CSS BEGIN */ .bank-sec-amt {background-color: #EDF2F5;padding: 20px 20px;border-radius: 15px;border: 1px solid #707070;display: flex;gap: 10px;} .bank-sec-amt-flex {display: flex;align-items: center;gap: 20px;border-bottom: 1px solid #70707038;padding: 0 0 15px;margin-bottom: 11px;} .wallet-pg-sec {padding: 70px 120px 70px;} .funds-flex {display: flex;gap: 20px;} .funds-inner-box {width: 100%;} .funds-inner-box h6 {font-size: 22px;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 18px;} .fund-amount-box {background-color: #fff;border-radius: 15px;padding: 16px 19px;height: 320px;} .fund-amount-box small {font-size: 15px;font-weight: 500;color: #808080;margin: 25px 0 0;display: block;} .fund-amount-box span {font-size: 30px;font-weight: 700;color: #262626;display: block;margin: 10px 0;} .fund-amount-box a {font-size: 15px;font-weight: 500;color: #fff;background-color: #FBBC04;padding: 10px 20px;border-radius: 6px;margin: 10px 0 10px;display: inline-block;} .fund-amount-box p {font-size: 14px;color: #808080;} .payment-inner-box {background-color: #fff;border-radius: 15px;padding: 16px 19px;} .bank-acc {display: flex;align-items: center;gap: 7px;margin-bottom: 10px;} .bank-acc p {font-size: 15px;font-weight: 500;color: #535353;} .bank-acc a {font-size: 12px;font-weight: 400;color: #106EEA;} .bank-acc img {margin-right: 3px;} .bank-img-icon span {display: flex;align-items: center;justify-content: center;border: 1px solid #262626;width: 38px;height: 38px;border-radius: 50%;} .bank-ic-cont h6 {font-size: 15px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .bank-ic-cont p {font-size: 14px;font-weight: 700;color: #535353;} .bank-ic-cont span {display: block;font-size: 14px;color: #808080;font-weight: 400;} .bank-ic-cont a {font-size: 12px;font-weight: 400;color: #106EEA;text-decoration: underline;} .payout-method-text h6 {font-size: 22px;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 18px;} .paypal-img-btn .btn-primary {background-color: #EDF2F5 !important;border: 1px solid #707070;padding: 10px 50px;text-align: center;display: inline-block;border-radius: 7px;border-color: #707070 !important;} .wallet-body-cls {background-color: #F2F3F7;} .transaction-table-sec h6 {font-size: 22px;color: #262626;font-family: 'Roboto', sans-serif;margin: 50px 0px 18px;} .transaction-box-bg {background-color: #fff;border-radius: 15px;padding: 26px 49px 70px;} .transaction-main-table .table .thead-light th {color: #272727;background-color: #EDF2F5;border-color: #EDF2F5;font-size: 15px;font-weight: 700;padding-left: 30px;} .pr-bar {width: 100%;} .pr-bar span.first-bar {position: relative;display: block;height: 7px;width: 100px;background-color: #E1E1E1;border-radius: 25px;overflow: hidden;} .pr-bar span.first-bar:before {content: "";position: absolute;top: 0;left: 0;width: 15%;height: 7px;background-color: #FBBC04;border-radius: 25px;} .pr-bar span.second-bar {position: relative;display: block;height: 7px;width: 100px;background-color: #E1E1E1;border-radius: 25px;overflow: hidden;} .pr-bar span.second-bar:before {content: "";position: absolute;top: 0;left: 0;width: 50%;height: 7px;background-color: #FBBC04;border-radius: 25px;} .pr-bar span.third-bar {position: relative;display: block;height: 7px;width: 100px;background-color: #E1E1E1;border-radius: 25px;overflow: hidden;} .pr-bar span.third-bar:before {content: "";position: absolute;top: 0;left: 0;width: 80%;height: 7px;background-color: #FBBC04;border-radius: 25px;} .activity-bar-flex {display: flex;align-items: center;gap: 10px;} .transaction-main-table .table td {padding: 0.75rem;vertical-align: middle;border-top: 1px solid #dee2e6;font-size: 14px;font-weight: 400;color: #272727;padding-left: 30px;} .trans-amount {font-size: 16px !important;font-weight: 600 !important;color: #535353 !important;} .trans-red {color: #FF0E0E !important;} .trans-green {color: #4DAA07 !important;} .clock-icon img {width: 10px;} .transaction-main-table .table tr:last-child {border-bottom: 1px solid #dee2e6;} .transaction-flex {display: flex;align-items: center;gap: 20px;} .transaction-first-select {overflow: hidden;} .tr-first-box a {font-size: 17px;font-weight: 500;color: #535353;display: inline-block;border: 1px solid #808080;padding: 13px 40px;border-radius: 7px;} .tr-first-box i {margin-left: 4px;} .tr-first-content {margin: 10px 0 0;display: inline-block;} .tr-box-text {border: 1px solid #808080a3;display: inline-block;padding: 16px 0px 12px;border-radius: 10px;background-color: #fff;display: none;position: absolute;z-index: 1;} .tr-box-text h6 {font-size: 20px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 15px;padding: 0px 25px;} .tr-select-class {display: flex;align-items: center;gap: 10px;margin-bottom: 13px;padding: 0px 25px;} .tr-select-class .form-control {font-size: 15px;font-weight: 400;color: #808080;font-family: 'Roboto', sans-serif;height: auto;outline: none;box-shadow: none;padding: 15px 20px;border-radius: 7px;} .tr-from {width: 100%;} .tr-from label {font-size: 15px;font-weight: 500;color: #262626;} .apply-tr-btn {text-align: end;padding: 10px 25px 0px;border-top: 1px solid #808080a3;margin: 20px 0 0;} .apply-tr-btn .btn-primary {font-size: 14px;font-weight: 500;color: #fff;background-color: #FBBC04 !important;font-family: 'Roboto', sans-serif;padding: 7px 16px;text-transform: uppercase;border-radius: 7px;} .slide-down {animation: slide-down 0.5s ease;} .slide-up {animation: slide-up 0.5s ease;} @keyframes slide-down {0% {transform: translateY(-30px);}100% {transform: translateY(0);}} @keyframes slide-up {0% {transform: translateY(0);}100% {transform: translateY(-20px);}} .container-checkbox {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 17px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: 500;color: #808080;display: flex;align-items: center;} .container-checkbox input {position: absolute;opacity: 0;cursor: pointer;} .container-checkbox .checkmark {position: absolute;top: 5px;left: 10px;height: 15px;width: 15px;background-color: transparent;border: 1px solid #0000006b;border-radius: 3px;} .container-checkbox:hover input ~ .checkmark {background-color: transparent;} .container-checkbox input:checked ~ .checkmark {background-color: #FBBC04;} .container-checkbox .checkmark:after {content: "";position: absolute;display: none;} .container-checkbox input:checked ~ .checkmark:after {display: block;} .container-checkbox .checkmark:after {left: 5px;top: 1px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .tr-second-text-toggle {width: 200px;} .activity-checkbox {padding-left: 15px;} .activity-clear {display: flex;align-items: center;justify-content: space-between;gap: 10px;} .activity-clear a {font-weight: 500;font-size: 15px;color: #262626;} .rotate-180 {transform: rotate(180deg);transition: 0.6s all ease-in-out;} .tr-first-box i {transition: 0.6s all ease-in-out;} /* MY WALLET PAGE CSS END */ /* TERMS & CONDITIONS PAGE CSS BEGIN */ .terms-conditions-sec {padding: 80px 15px 60px;background-color: #fff;margin: 0 140px 0;} .terms-conditions-heading {text-align: center;margin-bottom: 70px;} .terms-conditions-heading h4 {font-size: 30px;font-weight: 500;color: #262626;} .terms-conditions-heading p {color: #535353;} .terms-conditions-content h5 {font-size: 26px;color: #535353;font-family: 'Roboto', sans-serif;margin: 30px 0 20px;} .terms-conditions-content p {font-size: 15px;color: #808080;} /* TERMS & CONDITIONS PAGE CSS END */ /* LIST OF ARTIST PAGE CSS BEGIN */ .artist-welcome-content span {display: block;} section.list-of-artists-sec {padding: 60px 120px 40px;} .main-artist-dropdowns .form-control {font-size: 15px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;height: auto;outline: none;box-shadow: none;padding: 15px 15px;border-radius: 7px;} .main-artist-flex {display: flex;align-items: center;gap: 15px;} .main-artist-dropdowns {width: 100%;} .main-artist-searcbox {position: relative;} .main-artist-searcbox .form-control {font-size: 15px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;height: auto;outline: none;box-shadow: none;padding: 15px 35px 15px 15px;border-radius: 7px;} .artist-searchbox-icon {position: absolute;top: 15px;right: 15px;} .artist-searchbox-icon a {color: #000000;} .filter-row {margin-bottom: 40px;} .list-of-artists-sec .shape-img {width: 100%;} /* LIST OF ARTIST PAGE CSS END */ /* LIST OF CURATORS PAGE CSS BEGIN */ #progressCarousel .carousel-indicators {position: relative;font-size: 1.125rem;letter-spacing: 0;justify-content: inherit;margin-left: inherit;margin-right: inherit;margin-bottom: 30px;} #progressCarousel .carousel-indicators li {position: relative;flex: inherit;width: inherit;height: inherit;margin-right: 0;margin-left: 0;text-indent: inherit;letter-spacing: 0;background-color: inherit;font-size: 25px;color: #262626;font-weight: 500 !important;opacity: 1;} .img-flex-div {display: flex;gap: 10px;} .curator-round-img img {width: 76px;height: 76px;border-radius: 50%;} .curator-round-content h6 {font-size: 20px;color: #262626;font-weight: 500;font-family: 'Roboto', sans-serif;} .curator-round-content p {font-size: 14px;font-weight: 500;color: #535353;line-height: 18px;padding: 4px 0 2px;} .curator-round-content span {font-size: 15px;font-weight: 400;color: #808080;} .bx-main-flex {display: flex;align-items: center;gap: 10px;} .fr-box-cur {position: relative;background-color: #E9F0F5;border-radius: 10px;height: 100px;text-align: center;padding: 15px;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;} .fr-box-cur p {font-size: 15px;font-weight: 700;color: #535353;margin-bottom: 8px;} .fr-box-cur a {color: #000000;position: absolute;top: 4px;right: 6px;width: 10%;display: flex;align-items: flex-start;justify-content: flex-end;} .fr-box-cur span {display: block;font-size: 17px;font-weight: 700;color: #535353;line-height: 17px;} .curator-genre {padding: 10px 0 20px;border-bottom: 1px solid #7070705c;margin: 0 0 20px;} .curator-genre p {font-weight: 500;color: #535353;margin: 0 0 21px;} .curator-genre li {font-size: 14px;font-weight: 400;color: #808080;display: inline;padding: 12px 20px;border: 1px solid #808080;border-radius: 25px;margin-right: 5px;} .main-left-side-curator .row {align-items: flex-start;} .main-left-side-curator {background-color: #fff;padding: 30px 30px 30px;border-radius: 15px;margin-bottom: 25px;} .cr-hover-content {display: flex;align-items: center;gap: 10px;margin-bottom: 15px;} .cr-hover-content h6 {font-size: 18px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;} .cr-hover-content a {font-size: 14px;font-weight: 400;color: #106EEA;} .curator-hover-listing .col-lg-4 {padding: 0 0;} .filter-row-next {transition: 0.6s all ease-in-out;} .filter-row-overflow {margin-bottom: 20px;overflow: hidden;height: 57px;} .filter-row-overflow .filter-row {margin-bottom: 0;} #progressCarousel .progress {background-color: #fff;width: 10px;height: 10px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: 4px;left: 4px;} .progress-outer {width: 20px;height: 20px;border-radius: 50%;border: 1px solid #0000008f;position: absolute;top: 7px;left: -30px;background-color: #fff;z-index: 4;} #progressCarousel .carousel-indicators li.active .progress-outer .progress {width: 10px;height: 10px;background-color: #FBBC04;border-radius: 50%;} #progressCarousel .carousel-indicators li.active .progress-outer {border: 1px solid #0000008f;} .tooltip-inner-text {background-color: #000;padding: 10px 10px;position: absolute;top: -50px;right: 0px;width: 120px;transform: translateY(3px);opacity: 0;transition: 0.6s all ease-in-out;border-radius: 5px;} .tooltip-inner-text span {font-size: 12px;font-weight: 400;color: #fff;display: block;} #progressCarousel .carousel-item {padding: 30px 0 0;} .fr-box-cur a:hover .tooltip-inner-text {transform: translateY(-10px);opacity: 1;} .tooltip-inner-text:after {background: #000;border: 2px solid #000;border-right: 0;border-bottom: 0;content: '';height: 18px;position: absolute;bottom: -4px;right: 4px;transform: rotate(45deg);width: 18px;} .view-all-flex {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;} .view-all-listing-content li {font-size: 14px;color: #808080;display: inline;padding: 0 12px 0 0;} .view-all-listing-content img {margin-right: 3px;} .view-all-flex .cr-hover-content {margin-bottom: 0;} .filter-row, .filter-row-next {position: relative;overflow: hidden;transition: transform 0.6s ease;} .filter-row {transform: translateY(0);} .filter-row-next {transform: translateY(100%);} /* LIST OF CURATORS PAGE CSS END */ /* MY CAMPAIGN ARTIST SONGS PAGE CSS BEGIN */ .artist-song-dashboard .cur-dashboard-left-side {margin: 0 0 30px;} .campaign-artist-row {margin-top: 35px;} .artist-song-submission {background-color: #fff;padding: 20px 20px;border-radius: 15px;margin-bottom: 25px;box-shadow: 0 0 4px 0px #0000002e;} .artist-submission-flex {display: flex;align-items: center;justify-content: space-between;} .artist-submission-content {display: flex;align-items: center;gap: 10px;} .song-title-img {position: relative;} .song-title-btn-play {position: absolute;top: 0;left: 0;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;} .song-title-btn-play a {color: #fff;border: 4px solid #fff;border-radius: 50%;width: 30px;height: 30px;font-size: 15px;display: flex;align-items: center;justify-content: center;} .title-submission h6 {font-size: 17px;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 4px;} .title-submission p {font-size: 15px;color: #535353;line-height: 20px;} .title-submission a {font-size: 13px;color: #88849B;} .title-submission i {margin-right: 5px;} .artist-submission-btn a {font-size: 14px;color: #262626;text-transform: uppercase;background-color: #FBBC04;padding: 12px 30px;border-radius: 25px;} .submit-play-box {display: flex;align-items: center;gap: 12px;margin-top: 20px;width: 100%;} .submit-box-artist {background-color: #E9F0F5;text-align: center;padding: 13px 5px;border-radius: 5px;width: 100%;} .submit-box-artist p {font-size: 14px;color: #262626;} .submit-box-artist span {display: block;color: #FBBC04;font-size: 18px;font-weight: 700;} .song-title-img img {border-radius: 6px;} /* MY CAMPAIGN ARTIST SONGS PAGE CSS END */ /* MY CAMPAIGN ARTIST RESPONSES PAGE CSS END */ .rating-thumbs-content .rate {float: left;height: auto;padding: 0 10px;} .rating-thumbs-content .rate:not(:checked) > input {position:absolute;display: none;} .rating-thumbs-content .rate:not(:checked) > label {float:right;overflow:hidden;white-space:nowrap;cursor:pointer;font-size: 35px;color: #A6A6A6;margin-bottom: 0;} .rating-thumbs-content .rate:not(:checked) > label:before {content: '★ ';} .rating-thumbs-content .rate > input:checked ~ label {color: #ffc700; } .rating-thumbs-content .rate:not(:checked) > label:hover, .rating-thumbs-content .rate:not(:checked) > label:hover ~ label {color: #deb217;} .rating-thumbs-content .rate > input:checked + label:hover, .rating-thumbs-content .rate > input:checked + label:hover ~ label, .rating-thumbs-content .rate > input:checked ~ label:hover, .rating-thumbs-content .rate > input:checked ~ label:hover ~ label, .rating-thumbs-content .rate > label:hover ~ input:checked ~ label {color: #FBBC04;} .rating-thumbs-sign {display: flex;align-items: center;justify-content: space-between;background-color: #D3DEE6;padding: 7px 30px;border-radius: 10px;width: 70%;margin: 30px 0 0 -10px;} .raating-thumbs-text p {font-size: 15px;color: #106EEA;display: flex;align-items: center;gap: 7px;} .hiphop-cart {font-size: 14px;font-weight: 400;color: #106EEA;text-decoration: underline;} .thumbs-icon span {font-size: 25px;padding: 0 6px;color: #A6A6A6;} .thumbs-icon {font-size: 24px;} .thumbs-icon span {cursor: pointer;} .thumbs-icon .fa-thumbs-up.clicked {color: #FBBC04;} .thumbs-icon .fa-thumbs-down.clicked {color: #FF0E0E;} .responses-bg-flex {background-color: #E9F0F5;padding: 20px 30px 20px;border-radius: 15px;box-shadow: 0 0 5px 0 #00000029;} .responses-bg-flex img {width: 100%;border-radius: 8px;} .responses-inner-flex {display: flex;align-items: center;justify-content: space-between;margin: 20px 0 0;} .responses-avatr-flex {display: flex;align-items: center;gap: 10px;} .responses-avatar-content h6 {font-size: 17px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .responses-avatar-content p {font-size: 15px;color: #808080;line-height: 20px;} .responses-avatar-content span {display: block;font-size: 16px;font-weight: 400;color: #262626;line-height: 16px;} .responses-avatar-content a {display: block !important;font-size: 15px !important;color: #106EEA !important;text-decoration: underline;margin-bottom: 0 !important;} .responses-tab {margin: 20px 0 0;} .edit-upload-pencil {font-size: 14px;font-weight: 400;color: #808080 !important;display: table;margin: 0 0 12px auto;} .edit-upload-pencil i {margin-left: 5px;} .response-playicon {position: relative;} .response-playicon-btn {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} .response-playicon-btn a {color: #fff;width: 40px;height: 40px;border-radius: 50%;border: 4px solid #fff;display: flex;align-items: center;justify-content: center;} .submission-right-box {background-color: #E9F0F5;border-radius: 15px;padding: 10px 10px;} .submission-right-box p {font-size: 15px;font-weight: 500;color: #262626;border-bottom: 3px solid #707070;} .submission-right-box .submission-box-span {font-size: 15px;font-weight: 700;color: #262626;} .submission-right-box li {font-size: 14px;color: #535353;border-bottom: 1px solid #70707061;padding: 7px 0;} .submission-right-box .submission-box-inner-span {font-size: 14px;font-weight: 500;color: #535353;} .submission-right-box li:last-child {border-bottom: 0;} #profile-footer .jeff-mail {font-size: 14px;font-weight: 400;line-height: 18px;} .jeff-view-profile {font-size: 14px;color: #106EEA;text-decoration: underline;} /* MY CAMPAIGN ARTIST RESPONSES PAGE CSS END */ /* PLAY LISTING FLOOR PAGE CSS BEGIN */ .playlist-floor-heading h5 {font-size: 25px;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 30px;} .playlisting-floor-sec {padding: 80px 120px;} .playlisting-floor-slider {margin: 20px 0 40px;} .playlisting-floor-slider .col-lg-3 {width: 20%;max-width: 20%;} .user-menu-link .credit-amount-content {float: right;display: inline;} .grid-wrapper a {width: 100%;display: block;} .curator-number {position: absolute;top: 10px;left: 10px;} .curator-number span {display: flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 700;color: #FBBC04;width: 34px;height: 34px;background-color: #181414;border-radius: 50%;background-image: linear-gradient(to bottom, #181414, #231e1e, #2e2929, #3b3434, #473f3f);box-shadow: 0 0 3px 0 #0000002b;} .curator-number-img {position: relative;} .playlisting-floor-slider .ang-left-arrow {background-image: linear-gradient(to bottom, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);} .playlisting-floor-slider .ang-right-arrow {background-image: linear-gradient(to bottom, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);} .weekly-performance {display: flex;align-items: center;justify-content: space-between;background-color: #E8E8E8;padding: 20px 40px;border-radius: 15px;} .performance-bar {text-align: center;width: 50%;} .weekly-content h4 {font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .weekly-achivement-bar span {background-color: #8080807d;height: 5px;width: 100%;display: block;border-radius: 25px;position: relative;} .weekly-bar-time {display: flex;align-items: center;justify-content: space-between;} .weekly-bar-time span {font-size: 14px;font-weight: 400;color: #262626;display: inline-block;margin: 7px 0 0;} .achievement-text-amount p {font-size: 14px;color: #262626;} .achievement-text-amount span {font-weight: 500;} .performance-amount {text-align: center;} .performance-amount h5 {font-weight: 400;color: #262626;font-family: 'Roboto', sans-serif;} .performance-amount span {font-size: 27px;font-weight: 500;color: #262626;display: block;} .weekly-achivement-bar span:after {content: "";position: absolute;top: 0;left: 0;width: 30px;height: 5px;background-color: #FBBC04;border-radius: 25px;} .playlisting-floor-mobile-slider {display: none;} /* PLAY LISTING FLOOR PAGE CSS END */ /* SELECT SUBMISSION PAGE CSS BEGIN */ .social-icon-selection label.radio-card .card-content-wrapper:hover {box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #FBBC04;} .select-submission-sec .social-icon-selection label.radio-card .card-content-wrapper {background-color: #E9F0F5;} .select-submission-sec .social-icon-selection label.radio-card .card-content-wrapper:hover {background-color: #fff;box-shadow: 0 2px 13px 6px rgba(219, 215, 215, 0.5), 0 0 0 2px #FBBC04;} .card-content .btn-primary {font-size: 15px;font-weight: 400;color: #262626;font-family: 'Roboto', sans-serif;text-transform: uppercase;background-color: #FBBC04 !important;border-radius: 7px;padding: 10px 15px;margin: 25px 0 0;width: 30%;letter-spacing: 2px;text-align: center;} .select-submission-sec .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-rows: repeat(3, 204px);} .select-submission-sec .curator-main-cls .card-content {padding: 7px 15px 20px;} .select-submission-sec .curator-main-cls h2 {margin-bottom: 40px;} .main-chap-wiz-playlist {position: absolute;top: 0;right: 0;} .credit-amount-content img {width: 15px;} .sub-curator, .sub-influencer, .sub-playlisting {display: none;animation-duration: 1s;} .sub-curator.SlideInUp, .sub-influencer.SlideInUp, .sub-playlisting.SlideInUp {display: block;animation-name: slideInUpAnimation;} @keyframes slideInUpAnimation {from {transform: translateY(100%);opacity: 0;}to {transform: translateY(0);opacity: 1;}} .select-submission-sec {padding: 30px 120px 0px;} /* SELECT SUBMISSION PAGE CSS END */ /* UPLOAD SONGS CURATOR & CHOOSE CURATOR PAGE CSS BEGIN */ .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 49%;} .upload-songs-curator .list-inline {display: flex;align-items: center;justify-content: space-between;margin-top: 50px;} .upload-song-tab h4 {font-size: 30px;color: #262626;font-family: 'Roboto', sans-serif;margin: 0 0 15px;} .upload-song-selection-field {display: flex;align-items: center;gap: 20px;} .upload-song-link-field {width: 81%;position: relative;} .upload-song-link-field .form-control {height: auto;outline: none;box-shadow: none;padding: 13px 15px 13px 42px;border: 1px solid #707070;border-radius: 25px;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;color: #808080;cursor: pointer;} .upload-song-mp3 .btn-primary {font-size: 18px;font-weight: 400;color: #808080 !important;border: 1px solid #000;border-color: #808080 !important;font-family: 'Roboto', sans-serif;padding: 12px 15px 12px 40px;border-radius: 25px;} .radio-upload-song {position: absolute;top: 15px;left: 18px;} .upload-song-mp3 {position: relative;} .radio-upload-song input[type="radio"] {appearance: none;-webkit-appearance: none;width: 15px;height: 15px;border: 1px solid #808080;border-radius: 50%;outline: none;margin-right: 5px;} .radio-upload-song input[type="radio"]:checked {border-color: #808080;position: relative;} .radio-upload-song input[type="radio"]:checked:before {content: '';position: absolute;top: 2px;left: 2px;width: 8px;height: 8px;background-color: #FBBC04;border-radius: 50%;} .upload-song-link-field .form-control.clicked {border-color: #FBBC04;box-shadow: 0 0 8px 0 #0000002b;} .upload-song-mp3 .btn-primary.clicked {border-color: #FBBC04 !important;box-shadow: 0 0 8px 0 #0000002b;} .is-song-text {margin: 30px 0 0;} .is-song-text h5 {color: #262626;margin-bottom: 18px;} .upload-song-yes-no {display: flex;align-items: center;gap: 20px;} .upload-song-yes-btn {position: relative;} .upload-song-yes-btn .btn-primary {position: relative;font-size: 17px;font-weight: 400;color: #808080 !important;border: 1px solid #808080;border-color: #808080 !important;padding: 12px 45px;border-radius: 25px;} .upload-song-no-btn {position: relative;} .upload-song-no-btn .btn-primary {position: relative;font-size: 17px;font-weight: 400;color: #808080 !important;border: 1px solid #808080;border-color: #808080 !important;padding: 12px 45px;border-radius: 25px;} .radio-upload-song-yes {position: absolute;top: 15px;left: 18px;z-index: 1;} .radio-upload-song-no {position: absolute;top: 15px;left: 18px;z-index: 1;} .radio-upload-song-yes input[type="radio"], .radio-upload-song-no input[type="radio"] {appearance: none;-webkit-appearance: none;width: 15px;height: 15px;border: 1px solid #707070;border-radius: 50%;outline: none;margin-right: 5px;background-color: transparent;} .radio-upload-song-yes input[type="radio"]:checked, .radio-upload-song-no input[type="radio"]:checked {border-color: #707070;position: relative;} .radio-upload-song-yes input[type="radio"]:checked:before, .radio-upload-song-no input[type="radio"]:checked:before {content: '';position: absolute;top: 2px;left: 2px;width: 8px;height: 8px;background-color: #FBBC04;border-radius: 50%;} .artist-song-name {margin: 30px 0 0;} .artist-song-name h5 {color: #262626;margin-bottom: 15px;} .artist-song-name .form-control {height: auto;padding: 12px 15px;box-shadow: none;outline: none;font-size: 15px;font-weight: 400;color: #535353;border-radius: 6px;border: 1px solid #707070;} .release-text {color: #262626;margin-bottom: 18px;margin-top: 35px;} .song-hide-box {background-color: #535353;padding: 9px 9px;border-radius: 12px;margin: 15px 0 0;display: flex;justify-content: space-between;align-items: center;} .song-hide-img-flex {display: flex;align-items: center;gap: 15px;} .song-hide-img img {border-radius: 10px;} .song-hide-content h6 {font-size: 16px;color: #FFFFFF;font-family: 'Roboto', sans-serif;line-height: 20px;} .song-hide-content p {font-size: 11px;font-weight: 500;color: #CCCCCC;font-family: 'Roboto', sans-serif;line-height: 18px;} .song-hide-content span {font-size: 10px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;background-color: #CCCCCC;padding: 4px 8px;border-radius: 2px;display: inline-block;text-transform: uppercase;} .dots-play-icon {display: flex;align-items: center;gap: 10px;} .dots-play-icon .upload-dots {display: inline-block;color: #CCCCCC;} .dots-play-icon .upload-play-icon {width: 30px;height: 30px;background-color: #FCFCFC;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .white-spotify-box {display: flex;align-items: end;justify-content: center;flex-direction: column;} .white-spotify-icon {margin-bottom: 8px;margin-right: 3px;} #previewContainer {display: block;margin: 20px 0 16px;} #previewContainer img {border: 0;padding: 10px 10px;background-color: #E9F0F5;border-radius: 5px;margin-right: 10px;} #previewContainer button {width: 24px;height: 24px;border: 1px solid #707070 !important;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #707070;} #previewContainer div {justify-content: space-between;} #previewContainer p {margin-left: -73px;} .image-thumbnail-selector a {position: relative;height: 300px;width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #E9F0F5;} .image-thumbnail-selector p {font-size: 14px;font-weight: 500;color: #808080;font-family: 'Roboto', sans-serif;margin-top: 10px;} .album-art-work {background-color: #fff;padding: 3px 7px;border-radius: 3px;box-shadow: 0 0 6px 0 #0000001f;position: absolute;top: 10px;left: 10px;z-index: 2;} .album-art-work span {font-size: 14px;font-weight: 400;color: #535353;display: inline-block;} .released-song-date {margin: 16px 0 0;} .released-song-date span {font-size: 14px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;display: block;margin: 0 0 9px;} .released-song-date .form-control {width: 27%;padding: 10px 15px;height: auto;outline: none;box-shadow: none;border: 1px solid #808080;} .song-hide-box {display: flex;opacity: 0;max-height: 0;overflow: hidden;transition: max-height 0.8s ease-in-out, opacity 0.4s ease-in-out, 0.8s all ease-in-out;} .song-hide-box.show {max-height: 500px;opacity: 1;transition: 0.8s all ease-in-out;} .show-hide-box-song {max-height: 0;overflow: hidden;transition: max-height 0.8s ease-in-out;} .released-song-date {max-height: 0;overflow: hidden;transition: max-height 0.8s ease;} .released-song-date.show {max-height: 100px;} .song-released-tab-text h5 {color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 20px;} .released-song-language {display: flex;align-items: flex-start;gap: 15px;margin: 16px 0 0;} .language-selection {width: 20%;} .language-selection .form-control {border: 1px solid #707070;padding: 12px 15px;height: auto;outline: none;box-shadow: none;font-size: 15px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;border-radius: 10px;} .upload-lyrics-btn .btn-primary {font-size: 15px;font-weight: 400;color: #535353 !important;display: flex;align-items: center;gap: 15px;border: 1px solid #707070;padding: 14px 25px;border-color: #707070 !important;border-radius: 10px;} .curator-song-options {margin: 25px 0 0;} .upload-song-tab {margin: 40px 0 0;} .song-info-tab {margin: 40px 0 0;} .lease-text {font-size: 17px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;margin: 25px 0px 15px;display: flex;align-items: center;gap: 12px;} .lease-text span {color: #808080;font-size: 14px;font-weight: 400;text-align: left;line-height: 23px;} .instrumental-btn .btn-primary {font-size: 17px;color: #808080 !important;font-weight: 400;border: 1px solid #808080;border-color: #808080 !important;padding: 12px 15px;border-radius: 25px;display: flex;font-family: 'Roboto', sans-serif;align-items: center;gap: 10px;} .curator-genres {margin: 35px 0 0;} .curator-genres h5 {margin-bottom: 7px;} .curator-genres p {color: #808080;font-family: 'Roboto', sans-serif;margin-bottom: 20px;} .select-dropdown-text .form-control {font-size: 15px;font-weight: 500;color: #535353;height: auto;box-shadow: none;padding: 12px 15px;border-radius: 8px;outline: none;font-family: 'Roboto', sans-serif;border: 1px solid #707070;} .select-dropdown-text {margin: 0 0 15px;position: relative;} .pitch-curator {margin: 28px 0 0;} .pitch-curator p {color: #808080;margin: 10px 0 18px;font-family: 'Roboto', sans-serif;} .pitch-text-area {position: relative;} .pitch-text-area .form-control {height: auto;outline: none;box-shadow: none;padding: 33px 15px 12px 15px;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;color: #535353;resize: none;border-radius: 8px;border: 1px solid #707070;} .curator-song-options span {display: inline-block;font-size: 17px;} .curator-animate-text {position: absolute;top: 0;left: 17px;} .curator-animate-text p {font-size: 15px;color: #535353;} .round {position: relative;} .round label {background-color: #fff;border: 1px solid #707070;border-radius: 50%;cursor: pointer;height: 15px;width: 15px;margin-left: -19px;vertical-align: bottom;margin-right: 4px;} .round input[type="checkbox"] {visibility: hidden;} .round input[type="checkbox"]:checked + label {position: relative;} .round input[type="checkbox"]:checked + label:before {content: "";position: absolute;top: 2px;left: 2px;width: 8px;height: 8px;background-color: #FBBC04;border-radius: 50%;} .track-overview-box a {font-size: 14px;color: #808080;font-family: 'Roboto', sans-serif;display: flex;align-items: center;gap: 10px;justify-content: flex-end;margin-bottom: 20px;position: relative;z-index: 4;} .track-overview-box i {color: #808080;} .track-overview-box img {width: 100%;border-radius: 10px;} .track-overview-box {background-color: #E9F0F5;padding: 22px 40px;border-radius: 10px;} .track-overview-tab h4 {font-size: 30px;color: #262626;margin-bottom: 20px;font-family: 'Roboto', sans-serif;} .track-overview-tab {margin: 25px 0 0;} .song-lyrics-box {background-color: #E9F0F5;padding: 32px 40px 22px;border-radius: 10px;margin: 15px 0 0;} .songs-lyrics-text h5 {color: #262626;font-family: 'Roboto', sans-serif;} .songs-lyrics-text a {display: flex;align-items: center;gap: 10px;font-size: 14px;font-weight: 400;color: #808080;} .songs-lyrics-text i {color: #808080;} .songs-lyrics-text a {font-size: 17px;font-weight: 400;color: #106EEA;text-decoration: underline;} .songs-lyrics-text p {font-size: 17px;font-weight: 400;color: #707070;} .songs-lyrics-text li {font-size: 17px;color: #707070;display: inline-block;padding: 0 15px 0 0;} .songs-lyrics-text {margin: 0 0 20px;} .choose-an-option h4 {margin: 40px 0 0;} .choose-an-option p {color: #808080;margin: 0 0 30px;} .choose-curators-sec-bg {padding: 50px 120px;position: relative;} .choose-back-arrow a {font-size: 16px;font-weight: 700;color: #FBBC04;display: flex;align-items: center;gap: 12px;margin-bottom: 10px;} .choose-back-arrow h4 {font-size: 30px;color: #262626;font-family: 'Roboto', sans-serif;} .choose-curator-flex .select-header {padding: 12px 15px;border: 1px solid #808080;cursor: pointer;border-radius: 10px;} .choose-curator-flex .arrow {float: right;transition: transform 0.6s ease;} .choose-curator-flex .options {list-style: none;padding: 0;margin: 0;max-height: 0;overflow: hidden;/* transition: max-height 0.2s ease, opacity 0.2s ease; */padding: 7px 15px;margin: 11px 0 0;position: absolute;z-index: 2;width: 100%;background-color: #fff;} .choose-curator-flex .options.open {max-height: 300px;opacity: 1;border: 1px solid #FBBC04;border-radius: 10px;background-color: #fff;box-shadow: 0 0 4px 0 #0000003d;position: absolute;} .choose-curator-flex .visible {opacity: 1;} .choose-curator-flex .options li {padding: 7px 0;font-size: 15px;color: #535353;} .choose-curator-flex .selected-option {font-size: 15px;font-weight: 500;color: #535353;} .curator-search-dropdown {position: relative;} .curator-search-dropdown .form-control {padding: 12px 34px 12px 15px;border: 1px solid #808080;border-radius: 10px;height: auto;outline: none;box-shadow: none;font-size: 15px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;} .curator-search-icon {position: absolute;top: 12px;right: 12px;} .curator-search-icon a {color: #000000;} .curator-fav-btn a {font-size: 15px;font-weight: 500;color: #535353;padding: 12px 25px;border: 1px solid #808080;border-radius: 10px;display: inline-block;} .curator-fav-btn i {margin-right: 10px;} .choose-curator-flex .round {position: relative;cursor: pointer;} .choose-curator-flex .round label {background-color: #fff;border: 1px solid #ccc;border-radius: 50%;cursor: pointer;height: 12px;width: 12px;vertical-align: -webkit-baseline-middle;} .choose-curator-flex .round label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 6px;left: 7px;opacity: 0;position: absolute;top: 8px;transform: rotate(-45deg);width: 12px;} .choose-curator-flex .round input[type="checkbox"] {visibility: hidden;} .choose-curator-flex .round input[type="checkbox"]:checked + label:after {opacity: 1;} .choose-curator-flex .round input[type="checkbox"]:checked + label:before {content: "";position: absolute;top: 2px;left: 2px;width: 6px;height: 6px;background-color: #FBBC04;border-radius: 50%;} .choose-curator-flex .round span {display: block;margin-left: 18px;} .choose-curator-flex .others.open {max-height: 400px;} .choose-curator-flex .dropdown-tabs-content.open {max-height: 600px;max-width: 650px;width: 650px;z-index: 2;position: absolute;} .choose-curator-flex .dropdown-tabs-content {max-height: 0;max-width: 650px;width: 650px;padding: 7px 11px;position: absolute;} .tab-left-listing a {display: block;font-size: 15px;color: #535353;font-weight: 400;padding: 7px 9px 7px;display: flex;align-items: center;justify-content: space-between;} .tab-left-listing a:hover, .tab-left-listing a:focus {background-color: #EDF2F5;} .tab-left-listing i {color: #707070;font-weight: 300;font-size: 10px;transition: 0.6s all ease-in-out;} .options-listing-content .checkbox__input {display: none;} .options-listing-content .checkbox__inner {display: inline-block;width: 12px;height: 12px;border-radius: 50%;border: 1px solid #ccc;cursor: pointer;transition: background-color 0.6s, border-color 0.6s;margin-right: 4px;} .options-listing-content .checkbox__input:checked + .checkbox__inner {position: relative;} .options-listing-content .checkbox__input:checked + .checkbox__inner::before {content: "";position: absolute;top: 2px;left: 2px;width: 6px;height: 6px;border-radius: 50%;background-color: #FBBC04;} .options-listing-content li {padding: 1px 0 !important;cursor: pointer;} .tab-left-listing a.active {background-color: #EDF2F5;display: flex;} .dropdown-tabs {padding: 8px 0px;} .dropdown-tabs .left-panel {flex: 1;display: flex;flex-direction: column;background-color: #f0f0f0; } .dropdown-tabs .right-panel {flex: 2;display: flex;flex-direction: column;background-color: #e0e0e0;} .dropdown-tabs .tab-content {display: none;} .dropdown-tabs .active {display: flex;} .tab-left-listing a.active i {transform: rotate(136deg);} .dropdown-tabs .tab-content {display: none;position: relative;animation-duration: 0.8s;} .dropdown-tabs .active {display: block;animation-duration: 0.8s;} .dropdown-tabs .slideInRight {animation-name: slideInRight;} .dropdown-tabs .slideInLeft {animation-name: slideInLeft;} @keyframes slideInRight {from {transform: translateX(100%);}to {transform: translateX(0);}} @keyframes slideInLeft {from {transform: translateX(0);}to {transform: translateX(-100%);}} .choose-curator-flex {margin-bottom: 40px;} .choose-shadow {background-color: #fff;padding: 20px 20px 25px;box-shadow: 0 0 12px 2px #0000002b;position: relative;} .curator-round-content li {display: inline-block;font-size: 15px;color: #808080;} .curator-round-content i {color: #FBBC04;} .curator-round-content .curator-bar {vertical-align: revert;padding: 0px 2px;} .curator-bottom-selection-bar {display: flex;align-items: center;justify-content: space-between;position: fixed;bottom: 0;width: 100%;background-color: #fff;box-shadow: 0 0 11px 1px #0000002e;padding: 20px 120px;left: 0;z-index: 1;} .bottom-selection-left {display: flex;align-items: center;gap: 10px;} .display-curator-img img {width: 54px;height: 54px;border-radius: 50%;} .display-curator-img .curator-img-move {margin-left: -25px;} .curator-move-content p {font-weight: 500;color: #262626;line-height: 24px;} .curator-move-content span {font-size: 15px;font-weight: 500;color: #106EEA;} .bottom-selection-btn .btn-primary {background-color: #FBBC04 !important;font-size: 15px;font-weight: 400;color: #262626 !important;text-transform: uppercase;letter-spacing: 2px;padding: 12px 30px;border-radius: 25px;} .selection-f-box {background-image: linear-gradient(to bottom, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);padding: 15px 15px;display: flex;align-items: center;justify-content: space-between;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;position: absolute;bottom: 0;left: 0;width: 100%;} .selection-f-input p {font-size: 15px;font-weight: 500;color: #FFFFFF;display: flex;align-items: center;} .selection-f-input input {margin-right: 5px;vertical-align: inherit;} .selection-f-input i {color: #fff;margin-left: 10px;font-size: 30px;} .choose-shadow .curator-hover-listing {margin-bottom: 55px;} .curoator-boxes-listing {padding: 20px 0 0;} .choose-shadow .form-group {margin-bottom: 0;} .choose-shadow .form-group input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;} .choose-shadow .form-group label {position: relative;cursor: pointer;width: 24px;height: 24px;background-color: #fff;margin-bottom: 0;margin-right: 10px;border-radius: 3px;} .choose-shadow .form-group label:before {content:'';appearance: none;-webkit-appearance: none;background-color: transparent;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 10px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 5px;} .choose-shadow .form-group input:checked + label:after {content: '';display: block;position: absolute;top: 3px;left: 3px;width: 18px;height: 18px;border-width: 0 2px 2px 0;background-color: #FBBC04;} .released-song-language.show {max-height: 150px;} .released-song-language {max-height: 0;overflow: hidden;transition: max-height 0.8s ease;} #lyricsFileInput {display: none !important;} .file-preview {font-size: 15px;margin-top: 5px;} #lyricsFileInput-instrument {display: none !important;} .file-preview-instrument {font-size: 15px;margin-top: 5px;} .pitch-curator .round {display: block;width: auto;height: auto;background-color: transparent;border-radius: 0;cursor: pointer;transform: none;} .pitch-curator #checkbox {display: none;} .pitch-curator .curator-animate-text p {display: none;} .pitch-curator .round label {margin-left: 0;} .pitch-curator .curator-animate-text p.slide-down {animation: slideDown 0.6s ease;} .pitch-curator .curator-animate-text p.slide-up {animation: slideUp 0.6s ease;} @keyframes slideDown {from {opacity: 0;transform: translateY(-20px);}to {opacity: 1;transform: translateY(0);}} @keyframes slideUp {from {opacity: 1;transform: translateY(0);}to {opacity: 0;transform: translateY(-20px);}} .genre-msg-bar p {font-size: 15px;font-weight: 400;color: #808080;line-height: 22px;position: relative;background-color: #fff;border-radius: 10px;padding: 15px 30px;overflow: hidden;margin: 3px 0 0;border: 1px solid #FF0E0E;} .genre-msg-bar p:before {content: "";position: absolute;top: 0;left: 0;width: 11px;height: 80px;background-color: #FF0E0E;} /* UPLOAD SONGS CURATOR & CHOOSE CURATOR PAGE CSS END */ /* PACKAGES PAGE CSS BEGIN */ .packages-pg-sec {padding: 50px 120px;width: 75%;margin: 0 auto;} .packages-msg p {border: 1px solid #FF0E0E;border-radius: 15px;padding: 15px 30px;font-size: 17px;font-weight: 700;color: #FF0E0E;line-height: 24px;box-shadow: 0 0 7px 0 #0000002e;} .packages-msg span {display: block;} .packages-selection-box {background-color: #fff;box-shadow: 0 0 16px 4px #00000030;padding: 20px 15px 20px;border-radius: 10px;border: 2px solid transparent;margin-bottom: 30px;transition: 0.6s all ease-in-out;} .packages-selection-box:hover {border: 2px solid #FBBC04;box-shadow: none;} .security-lock-text {display: flex;align-items: center;justify-content: space-between;} .security-lock-text p {font-size: 14px;color: #535353;display: flex;align-items: center;gap: 8px;} .security-lock-text a {font-size: 15px;font-weight: 400;color: #262626;border: 1px solid #707070;padding: 7px 22px;border-radius: 25px;} .packages-selection-box span {font-size: 55px;font-weight: 700;color: #535353;display: flex;align-items: center;gap: 15px;justify-content: center;} .packages-selection-box h5 {color: #262626;font-family: 'Roboto', sans-serif;text-align: center;margin-bottom: 50px;} .coins-heading {color: #262626;font-family: 'Roboto', sans-serif;border-bottom: 2px solid #FBBC04;display: table;margin: 40px auto;} .packages-selection-box:hover .security-lock-text a {background-color: #FBBC04;color: #262626;border: 1px solid #FBBC04;} /* PACKAGES PAGE CSS END */ /* CHECKOUT PAGE CSS BEGIN */ .box-bundle {background-color: #EDF2F5;padding: 14px 20px;display: flex;align-items: center;justify-content: space-between;border-radius: 8px;margin-bottom: 15px;} .coin-bundles-content {padding: 60px 200px 0;} .coin-bundles-content h5 {color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 30px;} .bundle-inner-text {display: flex;align-items: center;gap: 15px;} .bundle-inner-amount span {font-size: 40px;font-weight: 700;color: #262626;display: flex;align-items: center;gap: 5px;line-height: 52px;} .bundle-inner-amount img {width: 39px;height: 39px;} .bundle-inner-amount h6 {font-size: 20px;color: #535353;font-family: 'Roboto', sans-serif;} .coin-bundles-sec .col-lg-6.left-grey-bg {padding: 0 0 42px;background-color: #F7F6F9;height: auto;} .coin-bundle-payment h5 {color: #262626;font-family: 'Roboto', sans-serif;} .coin-bundle-payment p {font-size: 15px;font-weight: 500;color: #808080;} .payment-method-field p {font-weight: 700;color: #535353;margin-bottom: 12px;} .methods-selection {display: flex;align-items: center;gap: 20px;} .methods-cards-selection a {display: flex;align-items: center;gap: 8px;border: 1px solid #DBDBDB;border-radius: 10px;padding: 12px 20px 12px 10px;box-shadow: 0 0 6px 1px #0000002e;} .methods-cards-selection i {color: #808080;} .methods-cards-selection p {font-size: 15px;font-weight: 500;color: #808080;margin-bottom: 0;} .paypal-method-selection img {display: table;margin: 0 auto;} .paypal-method-selection a {padding: 17px 60px 17px 10px;display: flex;align-items: center;gap: 8px;border: 1px solid #DBDBDB;border-radius: 10px;box-shadow: 0 0 6px 1px #0000002e;} .coin-bundle-payment {padding: 60px 200px;} .payment-method-field {margin: 30px 0 0;} .slide-first-fields label {font-size: 15px;font-weight: 700;color: #535353;margin: 20px 0 11px;} .complete-field {display: flex;align-items: center;box-shadow: 0 0 4px 1px #0000002b;border-radius: 9px;padding: 3px 0px;} .card-inside {width: 100%;position: relative;} .card-inside-img {position: absolute;top: 0;left: 10px;} .card-inside-img i {color: #808080;font-size: 25px;} .complete-field .form-control {font-size: 15px;font-weight: 400;color: #808080;outline: none;resize: none;height: auto;padding: 12px 15px;font-family: 'Roboto', sans-serif;border: 0;width: 100%;} .card-inside .card-number-text {padding: 0 0 0 50px;} .month-field-cont {width: 33%;} .cvc-field-cont {width: 25%;padding: 0 3px 0 0;} .card-holder-name .form-control {font-size: 15px;font-weight: 400;color: #808080;outline: none;resize: none;height: auto;padding: 15px 15px;font-family: 'Roboto', sans-serif;border: 0;width: 100%;box-shadow: 0 0 4px 1px #0000002b;border-radius: 9px;} .slide-second-fields a {display: block;background-image: linear-gradient(to bottom, #106eea, #0e67da, #0e61ca, #0f5aba, #1154ab);text-align: center;padding: 10px 0 13px;border-radius: 10px;margin-top: 20px;} .slide-second-fields p {font-weight: 500;color: #808080;margin-top: 10px;} .billing-address label {font-weight: 700;color: #535353;margin-bottom: 12px;font-size: 15px;} .billing-address .form-control {font-size: 15px;font-weight: 400;color: #808080;outline: none;resize: none;height: auto;padding: 15px 15px;font-family: 'Roboto', sans-serif;border: 0;width: 100%;box-shadow: 0 0 4px 1px #0000002b;border-radius: 9px;} .state-zip-content {display: flex;align-items: center;} .country-form {border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;} .number-form {border-top-left-radius: 0 !important;border-bottom-right-radius: 0 !important;border-top-right-radius: 0 !important;} .state-form {border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;border-top-right-radius: 0 !important;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .billing-address {margin: 30px 0 0;} .promo-code-content {margin: 20px 0 0;} .subtotal-summary {margin: 16px 0 20px;} .subtotal-summary li {font-size: 15px;color: #535353;padding: 15px 0 0;} .paynow-end-btn a {font-size: 15px;font-weight: 700;color: #535353;background: #FBBC04;display: block;text-align: center;padding: 15px 10px;border-radius: 10px;} .slide-second-fields img {width: 100px;} .paynow-end-btn p {font-weight: 400;color: #808080;display: flex;align-items: center;gap: 10px;justify-content: center;margin: 10px 0 0;} .paynow-end-btn i {font-size: 22px;} .box-bundle {display: flex;align-items: center;cursor: pointer;padding: 10px;border: 1px solid #ccc;transition: background-color 0.3s;background-color: #EDF2F5;} .bundle-inner-selection {position: relative;width: 15px;height: 15px;border: 2px solid #ccc;border-radius: 50%;margin-right: 10px;} .bundle-inner-selection input[type="radio"] {opacity: 0;width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;} .bundle-inner-selection input[type="radio"]:checked + label:after {content: "";position: absolute;top: 51%;left: 51%;transform: translate(-56%, -58%);width: 8px;height: 8px;border-radius: 50%;background-color: #FBBC04;} .box-bundle.selected {background-color: #fff;border: 1px solid #FBBC04;} .methods-cards-selection {width: 50%;} .paypal-method-selection {width: 50%;position: relative;z-index: 999;} .cards-overflow-div {overflow: hidden;margin: 0 0px;padding: 2px 2px;} /* CHECKOUT PAGE CSS END */ /* SUCCESSFULLY SUBMITTED PAGE CSS BEGIN */ .successfully-submitted-sec {height: 100vh;display: flex;align-items: center;justify-content: center;width: 100%;} .successfully-text {width: 39%;text-align: center;margin: 0 auto;} .successfully-text h6 {display: flex;align-items: center;gap: 15px;margin: 35px 0;justify-content: center;} .successfully-text span {width: 40px;height: 40px;background-color: #E9F0F5;display: flex;align-items: center;justify-content: center;border-radius: 4px;} .successfully-text p {font-size: 20px;color: #808080;} .successfully-text a {font-weight: 700;color: #106EEA;text-decoration: underline;font-size: 20px;} .successful-header {position: absolute;box-shadow: 0 0 4px 1px #00000026;background-color: #fff;} /* SUCCESSFULLY SUBMITTED PAGE CSS END */ /* GROUND FLOOR TICKET PRICING PAGE CSS BEGIN */ .ground-floor-ticket-sec {padding: 160px 120px 80px;} .ground-floor-heading h4 {font-size: 30px;color: #262626;font-family: 'Roboto', sans-serif;margin-bottom: 35px;} .ground-floor-box1 {border: 1px solid transparent;background-color: #fff;box-shadow: 0 0 9px 1px #0000002e;border-radius: 10px;padding: 31px 30px 20px;margin-bottom: 25px;transition: 0.6s all ease-in-out;} .ground-floor-box1:hover {border: 1px solid #FBBC04;box-shadow: none;} .run-days-flex {display: flex;align-items: center;justify-content: space-between;} .run-dasys-cls h6 {font-size: 20px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .run-dasys-cls p {font-size: 15px;color: #808080;} .amount-dy-cls span {font-size: 28px;font-weight: 700;color: #535353;display: block;line-height: 28px;} .top-rows-flex {display: flex;align-items: center;justify-content: space-between;margin: 26px 0 20px;} .top-rows-select {display: flex;gap: 8px;cursor: pointer;} .top-rows-radio-text h6 {font-size: 18px;font-weight: 500;color: #535353;font-family: 'Roboto', sans-serif;} .top-rows-radio-text p {font-size: 14px;color: #808080;} .top-rows-amount span {font-size: 18px;font-weight: 700;color: #808080;display: flex;align-items: center;gap: 4px;justify-content: center;} .top-rows-amount small {font-size: 14px;font-weight: 400;color: #535353;display: block;} .amount-dy-cls small {font-size: 14px;font-weight: 400;color: #535353;} .ground-floor-body {background-color: #FCFCFC;} .top-select-btn .btn-primary {font-size: 15px;font-weight: 400;color: #262626;text-transform: uppercase;background-color: #FBBC04 !important;border-radius: 5px;padding: 10px 33px;letter-spacing: 2px;} .ground-floor-ticket-sec .row {align-items: center;} .ground-floor-box .checkbox-custom, .ground-floor-box .radio-custom {opacity: 0;position: absolute;} .ground-floor-box .checkbox-custom, .ground-floor-box .checkbox-custom-label, .ground-floor-box .radio-custom, .ground-floor-box .radio-custom-label {display: inline-block;vertical-align: middle;margin: 0;cursor: pointer;} .ground-floor-box .checkbox-custom-label, .ground-floor-box .radio-custom-label {position: relative;} .ground-floor-box .checkbox-custom + .checkbox-custom-label:before, .ground-floor-box .radio-custom + .radio-custom-label:before {content: '';background: #fff;border: 2px solid #ddd;display: inline-block;vertical-align: super;width: 15px;height: 15px;padding: 2px;margin-right: 0;text-align: center;margin-top: 3px;} .ground-floor-box .checkbox-custom:checked + .checkbox-custom-label:before {content: "\f00c";font-family: 'FontAwesome';background: #FBBC04;color: #fff;font-size: 6px;} .ground-floor-box .radio-custom + .radio-custom-label:before {border-radius: 50%;} .ground-floor-box .radio-custom:checked + .radio-custom-label:before {content: "\f00c";font-family: 'FontAwesome';color: #bbb;} .top-rows-amount {text-align: center;} .top-rows-amount img {width: 13px;} /* GROUND FLOOR TICKET PRICING PAGE CSS END */ /* UPLOAD SONG PLAYLISTING FLOOR PAGE CSS BEGIN */ .upload-song-playlsiting-sec {padding: 120px 120px 70px;} .bottom-add-btn {display: flex;align-items: center;gap: 20px;justify-content: end;margin-top: 40px;} .bottom-add-btn .add-another-btn {font-size: 15px;font-weight: 400;color: #262626 !important;text-transform: uppercase;display: flex;align-items: center;gap: 6px;border: 1px solid #FBBC04;border-color: #FBBC04 !important;text-align: center;padding: 12px 30px;border-radius: 25px;letter-spacing: 2px;} .bottom-add-btn .add-next-pg-btn {font-size: 15px;font-weight: 400;color: #262626 !important;text-transform: uppercase;background-color: #FBBC04 !important;padding: 12px 30px;border-radius: 25px;display: flex;align-items: center;gap: 5px;letter-spacing: 2px;} .bottom-add-btn .add-another-btn i {color: #707070;} .add-another-curator-content p {font-size: 16px;font-weight: 400;color: #262626;line-height: 20px;margin-top: 0;} .add-another-curator-content span {font-size: 14px;font-weight: 400;color: #808080;} .add-another-curator-content a {position: absolute;top: 8px;right: 8px;border: 1px solid #535353;color: #535353;width: 14px;height: 14px;border-radius: 50%;font-size: 10px;display: flex;align-items: center;justify-content: center;} .add-another-content {margin-top: 20px;display: flex;align-items: flex-start;gap: 10px;background-color: #E9F0F5;border-radius: 10px;padding: 15px;width: 25%;position: relative;} .add-another-content img {border-radius: 10px;} /* UPLOAD SONG PLAYLISTING FLOOR PAGE CSS END */ /* TRACK OVERVIEW PLAYLISTING FLOOR PAGE CSS BEGIN */ .track-overview-playlisting-sec {padding: 140px 120px 80px;} .track-playlisting {margin: 90px 0 0;} .song-lyrics-btn {display: flex;align-items: center;justify-content: space-between;margin: 50px 0 0;} .song-lyrics-btn .songs-lyrics-back {font-size: 15px;font-weight: 400;color: #262626 !important;text-transform: uppercase;letter-spacing: 2px;display: flex;align-items: center;gap: 6px;border: 1px solid #000000;border-color: #000000 !important;padding: 12px 30px;border-radius: 25px;justify-content: center;} .song-lyrics-btn .song-lyrics-finish {font-size: 15px;font-weight: 400;color: #262626 !important;text-transform: uppercase;letter-spacing: 2px;display: flex;align-items: center;gap: 6px;border: 1px solid transparent;border-color: transparent !important;padding: 12px 30px;border-radius: 25px;justify-content: center;background-color: #FBBC04 !important;} /* TRACK OVERVIEW PLAYLISTING FLOOR PAGE CSS END */ /* DISPLAY MY SECTION PAGE CSS BEGIN */ .display-my-sec {padding: 170px 120px;} .display-sec-boxes {display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;} .selected-curator-remove span {font-size: 16px;font-weight: 700;color: #FBBC04;} .selected-curator-remove h5 {font-size: 24px;color: #262626;font-family: 'Roboto', sans-serif;} .selected-curator-cut a {width: 30px;height: 30px;border: 1px solid #707070;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #808080;} .display-my-sec-box {transition: 0.6s all ease-in-out;display: flex;align-items: center;justify-content: space-between;box-shadow: 0 0 14px 2px #0000002b;border-radius: 50px;padding: 10px 35px 10px 20px;background-color: #fff;margin-bottom: 25px;} .display-sec-img {display: flex;align-items: center;gap: 10px;} .display-box-img img {width: 76px;height: 76px;border-radius: 50%;} .display-box-sec-content h6 {font-size: 17px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .display-box-sec-content p {font-size: 15px;font-weight: 500;color: #535353;line-height: 20px;padding: 3px 0;} .display-box-sec-content span {font-size: 15px;font-weight: 400;color: #808080;line-height: 20px;} .credits-blog span {font-size: 17px;font-weight: 500;color: #262626;display: block;} .credits-blog a {margin: -26px 0 0 0;display: block;/* text-align: center; */opacity: 0;font-size: 17px;font-weight: 500;color: #FF0E0E;cursor: pointer;} .main-display-boxes-flex {margin: 0 120px 0;} .display-my-sec-box:hover .credits-blog a {cursor: pointer;position: relative;font-weight: 500;} .display-my-sec-box:hover {box-shadow: 0 0 20px 2px #00000047;transform: scale(1);} .delete-link {display: none;margin: -26px 0 0 0;text-align: center;font-size: 17px;font-weight: 500;color: #FF0E0E;cursor: pointer;} .credits-blog span {display: block;} .display-my-sec-box:hover .credits-blog span {display: none;} .display-my-sec-box:hover .delete-link {/* display: block !important; */opacity: 1;margin: 0px 0 0 0;transition: 0.3s all ease-in-out;} /* DISPLAY MY SECTION PAGE CSS END */ /* UPLOAD SONG INFLUENCER PAGE CSS BEGIN */ .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 31%;} .upload-songs-influencer-screen .list-inline {justify-content: space-between;display: flex;align-items: center;margin-top: 50px;} .upload-songs-influencer-screen .upload-song-yes-no {flex-wrap: wrap;margin-top: 22px;gap: 11px;} .upload-songs-influencer-screen .upload-song-yes-btn {margin-bottom: 4px;} .main-platform-div h5 {color: #262626;font-family: 'Roboto', sans-serif;} .upload-influencer-media span {font-size: 17px;font-weight: 400;color: #535353;margin: 6px 0 15px;display: block;} .upload-influencer-sound span {font-size: 17px;font-weight: 400;color: #535353;margin: 6px 0 15px;display: block;} .upload-influencer-language {width: 32%;} .upload-songs-influencer-screen .released-song-language {display: block;} .upload-songs-influencer-screen .released-song-language.show {max-height: 300px;} .released-song-language .form-control {height: auto;outline: none;box-shadow: none;padding: 15px 15px;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;color: #535353;resize: none;border-radius: 8px;border: 1px solid #707070;} .released-song-language p {color: #535353;margin: 14px 0 10px;} .released-song-tag p {color: #535353;margin: 14px 0 10px;} .released-song-tag .form-control {height: auto;outline: none;box-shadow: none;padding: 15px 15px;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;color: #535353;resize: none;border-radius: 8px;border: 1px solid #707070;} .released-song-hashtag .form-control {margin-top: 10px;height: auto;outline: none;box-shadow: none;padding: 15px 15px;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;color: #535353;resize: none;border-radius: 8px;border: 1px solid #707070;} .released-song-tag.show {max-height: 200px;} .released-song-tag {max-height: 0;overflow: hidden;transition: max-height 0.8s ease;display: block;margin: 20px 0 0;} .released-song-hashtag.show {max-height: 200px;} .released-song-hashtag {max-height: 0;overflow: hidden;transition: max-height 0.8s ease;display: block;margin: 27px 0 0;} .upload-influencer-media, .upload-influencer-sound {display: none;} .track-song-submission {display: flex;align-items: center;gap: 10px;margin-bottom: 35px;} .track-form-img img {width: 70px;height: 70px;border-radius: 50%;} .track-form-content h6 {font-size: 17px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .track-form-content p {font-size: 15px;color: #808080;} .follower-left-box {background-color: #FFFFFF;border-radius: 10px;padding: 12px;} .follower-img-box {display: flex;align-items: center;justify-content: space-between;} .follower-like-img img {width: 92px;height: 92px;} .follower-like-img h6 {font-size: 17px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;margin: 8px 0 0px;} .follower-like-img span {font-size: 14px;font-weight: 400;color: #808080;} .follower-bottom-img {display: flex;align-items: flex-start;gap: 5px;margin-top: 20px;box-shadow: 0 0 12px 2px #00000026;} .follower-middle-box {background-color: #FFFFFF;border-radius: 10px;padding: 12px;} .post-main-box-flex {display: flex;align-items: center;justify-content: space-between;} .post-img-box {display: flex;align-items: center;gap: 10px;} .post-like-img img {width: 48px;height: 48px;border-radius: 50%;} .post-like-jeff h6 {font-size: 15px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;} .post-insta-img img {width: 23px;height: 23px;} .post-listing-content {margin: 15px 0 15px;border-bottom: 1px solid #70707045;padding-bottom: 13px;} .post-listing-content li {font-size: 14px;color: #808080;display: inline-block;padding: 0 19px 0 0;text-align: center;line-height: 20px;} .post-listing-content span {font-size: 15px;font-weight: 700;color: #262626;display: block;} .post-new-boxes {padding: 0px 12px;} .post-new-boxes .col-lg-4 {padding: 0 3px;} .post-new-boxes img {border-radius: 0;margin-bottom: 6px;} .post-song-box {background-color: #FFFFFF;border-radius: 10px;padding: 12px;margin-bottom: 15px;} .post-tiktok-flex {display: flex;align-items: center;justify-content: space-between;} .post-song-flex {display: flex;align-items: center;gap: 10px;} .post-song-img-content img {width: 59px;height: 67px;} .post-song-img-text small {font-size: 14px;font-weight: 400;color: #262626;} .post-song-img-text p {font-size: 14px;font-weight: 500;color: #262626;line-height: 20px;} .post-song-img-text span {font-size: 14px;font-weight: 400;color: #808080;} .audio-song-btns {display: flex;align-items: center;gap: 5px;margin: 15px 0;} .audio-song-btns .btn-primary {background-color: #106EEA !important;font-size: 14px;font-weight: 400;color: #fff;justify-content: center;padding: 8px 10px;border-radius: 7px;width: 100%;margin-bottom: 0;} .audio-song-btns .lyrics-btn {background-color: #D9D9D9;padding: 10px 11px;display: flex;align-items: center;justify-content: center;border-radius: 7px;margin-bottom: 0;} .lyrics-btn img {width: 19px;} .post-song-audio-player {display: flex;align-items: center;justify-content: space-between;} .post-play-btn a {margin-bottom: 0;color: #000;} .post-play-bar {position: relative;} .post-play-bar .play-bar-line {background-color: #808080;width: 240px;height: 2px;display: inline-block;vertical-align: middle;} .post-play-bar-icon .play-bar-line-icon {display: inline-block;width: 10px;height: 10px;background-color: #535353;border-radius: 50%;position: absolute;top: 8px;left: 0;} .playbar-time .playbar-timeline {font-size: 12px;font-weight: 400;color: #808080;} /* UPLOAD SONG INFLUENCER PAGE CSS END */ /* CHOOSE CURATOR 1 PAGE CSS BEGIN */ .choose-influen-pg-boxes .col-lg-3 {padding: 0 0;} .influencer-social-media-icons li {font-size: 14px;color: #808080;display: inline-block;padding: 0 13px 0 0;} .influencer-social-media-icons span {margin-right: 3px;} .recent-video-insta-tiktok {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;} .recent-video-insta-tiktok .cr-hover-content {margin-bottom: 0;} .selection-influencer-group .selection-f-input span {display: block;} .selection-f-input {display: flex;align-items: center;gap: 5px;} .tiktok-credit .tk-icon {font-size: 14px;font-weight: 500;color: #000000;font-family: 'Roboto', sans-serif;line-height: 18px;display: block;} .tiktok-credit .tk-credit {color: #FFFFFF;font-weight: 500;font-size: 16px;font-family: 'Roboto', sans-serif;} .three-selections {display: flex;align-items: center;gap: 40px;} .email-form .form-control::placeholder {color: #fff;} .flex-checkbox-list ul {width: 50%;} .flex-checkbox-list span {display: block;margin-left: 25px;} /* CHOOSE CURATOR 1 PAGE CSS END */ /* AUTOMATED SUBMISSION PAGE CSS BEGIN */ .automated-submission-sec {padding: 80px 120px;} .choose-back-arrow h5 {color: #262626;font-family: 'Roboto', sans-serif;margin-top: 15px;} .automated-submission-checkboxes .container {display: inline;position: relative;padding-left: 23px;margin-bottom: 0;cursor: pointer;font-size: 17px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #808080;font-weight: 400;padding-top: 10px;padding-bottom: 10px;} .automated-submission-checkboxes .container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .automated-submission-checkboxes .checkmark {position: absolute;top: 13px;left: 0;height: 14px;width: 14px;border-color: #808080;border-radius: 50%;border: 1px solid #808080;} .automated-submission-checkboxes .checkmark:after {content: "";position: absolute;display: none;} .automated-submission-checkboxes .container input:checked ~ .checkmark:after {display: block;} .automated-submission-checkboxes .container .checkmark:after {left: 3px;top: 3px;width: 6px;height: 6px;border: transparent;background-color: #FBBC04;border-radius: 50%;} .checkbox-bor {border: 1px solid #808080;padding: 10px 8px;border-radius: 25px;} .automated-left-sec {display: flex;align-items: center;gap: 10px;margin: 0px 30px 0 0;position: relative;padding: 0 29px 0 0;} .automated-left-sec:after {content: "";top: 0;right: 0;position: absolute;background-color: #707070;width: 1px;height: 42px;} .checkbox-bor.clicked {border-color: #FBBC04;box-shadow: 0 0 9px 0 #00000024;} .checkbox-input {display: none;} .automated-search-box {display: flex;align-items: center;gap: 10px;width: 36%;} .automated-searchbar-submission {position: relative;width: 100%;} .automated-searchbar-submission .form-control {height: auto;outline: none;box-shadow: none;padding: 12px 35px 12px 15px;border-radius: 10px;font-size: 15px;color: #535353;font-weight: 400;font-family: 'Roboto', sans-serif;border: 1px solid #707070;} .automated-searchbar-submission-icon {position: absolute;top: 13px;right: 12px;} .automated-searchbar-submission-icon a {color: #000000;} .automated-searchbar-favourite a {font-size: 16px;font-weight: 500;color: #535353;display: flex;align-items: center;gap: 7px;border: 1px solid #707070;padding: 12px 15px;border-radius: 10px;} .automated-searchbar-favourite span {color: #000000;} .automated-submission-checkboxes {display: flex;align-items: center;margin: 20px 0 0;} .animated-map-left-content h5 {font-size: 22px;font-weight: 700;color: #262626;font-family: 'Roboto', sans-serif;} .animated-map-left-content p {font-size: 15px;color: #262626;line-height: 22px;} .animated-map-left-content span {display: block;} .range-finish-btn {margin: 40px 0 0;} .range-finish-btn .btn-primary {font-size: 15px;font-weight: 400;color: #262626 !important;text-transform: uppercase;letter-spacing: 2px;background-color: #FBBC04 !important;padding: 12px 28px;border-radius: 25px;} .row.animated-map-content {margin: 90px 0 0;} .yellow-range-bar {width: 409px;height: 10px;background-color: #FFFFFF;border-radius: 25px;display: block;box-shadow: 0 0 6px 0 #00000029;} .handle-item {width: 57px;height: 22px;background-color: #fff;border: 1px solid #FBBC04;border-radius: 25px;display: flex;align-items: center;justify-content: space-between;padding: 10px 8px;box-shadow: 0 0 8px 0 #00000021;font-size: 14px;color: #535353;font-weight: 500;} .handle-item i {color: #FBBC04;} .slider-handle-bar {position: absolute;top: -6px;left: 0;text-align: center;cursor: pointer;} .range-bar {position: relative;} .range-bar:after {content: "";position: absolute;top: -54px;right: -50px;width: 1px;height: 120px;background-color: #FBBC04;} .range-automated-slider {margin: 40px 0 10px;display: flex;align-items: center;gap: 30px;background-color: #EDF2F5;justify-content: space-between;padding: 30px 40px;border: 1px solid #FBBC04;border-radius: 10px;overflow: hidden;box-shadow: 0 0 8px 0 #0000001a;} .slider-handle-bar small {font-size: 14px;font-weight: 400;color: #535353;} .range-value {display: inline-block;text-align: center;} .range-value p {font-size: 14px;font-weight: 500;color: #808080;} .range-value span {font-size: 24px;font-weight: 700;color: #535353;} .submission-animated-world-map {position: relative;} .lines-svg-path {position: absolute;top: -32px;left: 0;width: 100%;display: flex;align-items: center;justify-content: center;} #path-line1 {display: none;} #path-line2 {display: none;} #path-line3 {display: none;} #path-line4 {display: none;} #path-line5 {display: none;} /* AUTOMATED SUBMISSION PAGE CSS END */ .methods-selection a input {accent-color: #ffb93d;border: 2px solid #ccc;appearance: none;width: 15px;height: 15px;border-radius: 50%;position: relative;} .methods-selection a input::before{content: "";position: absolute;top: 2px;left: 2px;width: 7px;height: 7px;opacity: 0;border-radius: 50%;background-color: #ffb93d;transition: .4s ease-in-out;} .methods-selection a input:checked:before{opacity: 1;} .methods-selection a:has(input:checked){border-color: #ffb93d;} .slide-second-fields a{display: flex;justify-content: center;align-items: center;} .slide-first-fields{width: 100%;height: 100%;padding: 0 3px 5px;} .slide-second-fields{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;} .methods-selection-slide .slick-track{display: flex !important;} .methods-selection-slide .slick-slide{height: inherit !important;} .influencer-steps-wizard .wizard .wizard-inner .connecting-line::before{content: "";width: 0;height: 100%;position: absolute;top: 0;left: 0;background-color: #FBBC04;transition: 0.6s all ease-in-out;} .influencer-steps-wizard .wizard .wizard-inner:has(.nav-tabs > li:nth-child(1):not(.active)) .connecting-line::before{width: 100%;} .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner:has(.nav-tabs li:nth-child(2).active) .connecting-line::before{width: 35%;} .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner:has(.nav-tabs li:nth-child(3).active) .connecting-line::before{width: 70%;} .upload-songs-influencer-screen .influencer-steps-wizard .wizard .wizard-inner:has(.nav-tabs li:nth-child(2).active) .connecting-line::before{width: 50%;} .upload-songs-influencer-screen .influencer-steps-wizard .wizard .wizard-inner:has(.nav-tabs li:nth-child(3).active) .connecting-line::before{width: 100%;} .influencer-steps-wizard .wizard .wizard-inner .nav-tabs > li > a span::before{width: 100%;height: 100%;content: "";position: absolute;top: 0;left: 0;border-radius: 50%;background: url("../images/check.png"), #fff;background-repeat: no-repeat;background-position: center;background-size: 20px;opacity: 0;transition: 0.6s all ease-in-out;} .influencer-steps-wizard .wizard .wizard-inner .nav-tabs > li.active > a span{border-color: #808080 !important;} .influencer-steps-wizard .wizard .wizard-inner .nav-tabs > li:nth-child(1):not(.active) > a span::before, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(4).active) > li:nth-child(3) > a span::before, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(1).active) > li:nth-child(2).active > a span::before, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(3).active) > li:nth-child(2) > a span::before, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(4).active) > li:nth-child(2) > a span::before{ opacity: 1;} .influencer-steps-wizard .wizard .wizard-inner .nav-tabs > li:nth-child(1):not(.active) > a span, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(4).active) > li:nth-child(3) > a span, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(1).active) > li:nth-child(2).active > a span, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(3).active) > li:nth-child(2) > a span, .upload-songs-curator .influencer-steps-wizard .wizard .wizard-inner .nav-tabs:has(li:nth-child(4).active) > li:nth-child(2) > a span{border-color: #FBBC04 !important;} .influencer-steps-wizard .wizard .nav-tabs > li a::before, .influencer-steps-wizard .wizard .nav-tabs > li a::after{content: "";width: 5px;height: 10px;position: absolute;top: 50%;transform: translateY(-50%);background-color: transparent;z-index: 3;pointer-events: none;} .influencer-steps-wizard .wizard .nav-tabs > li a::before{left: -5px;} .influencer-steps-wizard .wizard .nav-tabs > li a::after{right: -35px;} .upload-songs-influencer .influencer-steps-wizard .connecting-line{width: 32%;} .upload-songs-influencer .influencer-steps-wizard .wizard .wizard-inner:has(.nav-tabs li:nth-child(2).active) .connecting-line::before{width: 50%;} .upload-songs-influencer .influencer-steps-wizard .wizard .wizard-inner:has(.nav-tabs li:nth-child(3).active) .connecting-line::before{width: 100%;} /*RESPONSIVE CSS BEGIN*/ @media only screen and (min-width: 320px) and (max-width: 529px) { .mobile-image-hide {display: none;} .desktop-image-hide {display: block !important;} .badge-sec img {width: 80px !important;margin-right: 5px !important;} .mobile-hide-across {display: none;} .mobile-show-across {display: block !important;} .recently-shared-hide-mobile {display: none !important;} .recently-hide-show-mobile {display: block !important;} .artist-track-mobile-hide {display: none !important;} .artist-track-mobile-show {display: block !important;} .notable-medal-mobile-hide {display: none !important;} .notable-medal-mobile-show {display: block !important;margin-top: 20px;} .tab-scroll {/* width: 330px; *//* overflow-y: hidden; *//* overflow-x: auto; */-webkit-overflow-scrolling: touch;} .tab-scroll .nav-tabs {width: 700px;max-width: none;} .artist-pg-tabs .tab-scroll {/* width: 330px; *//* overflow-y: hidden; *//* overflow-x: auto; */-webkit-overflow-scrolling: touch;} .artist-pg-tabs .tab-scroll .nav-tabs {width: auto;max-width: none;margin: 40px 0px 17px;justify-content: space-around;gap: 0;} .mobile-animation-hide .zoom-in {-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s ease-in-out;transition: all .8s ease-in-out;} .verification-pg #form {max-width: 260px;text-align: center;} .account-setting-sec {padding: 40px 0 50px;} .about-network-sec .row {margin-top: 20px;} .banner-circle-content {margin-top: 0px;} .select-submission-sec .curator-main-cls {margin-top: 0;} .card-content .btn-primary {width: 50%;} .verification-pg {margin: 20px auto 30px !important;} .image-div-slider3 .imagesContainer {width: 60px !important;height: 60px !important;left: 130px;} .imagesContainer {width: 50px !important;height: 50px !important;} .image-shapes {width: 100%;margin: 70px 0 100px;} .image-div-slider11 {width: 100px;height: 110px;bottom: -70px;right: 100px;} .image-div-slider2 .imagesContainer {left: -100px;top: -20px;} .image-div-slider .imagesContainer {left: 10px;top: 10px;} .image-div-slider4 .imagesContainer {left: 30px;top: 10px;} .image-div-slider5 .imagesContainer {left: -10px;top: -80px;} .image-div-slider8 .imagesContainer {left: -21px;top: -80px;} .image-div-slider6 .imagesContainer {left: -142px;top: -100px;} .image-div-slider10 .imagesContainer {left: 69px;top: 50px;} .image-div-slider9 .imagesContainer {left: -140px;top: 20px;} .image-div-slider7 .imagesContainer {left: 99px;top: -70px;} .image-div-slider8 {right: -26px;} .influencer-steps-wizard .signup-step-container {padding: 36px 0px 60px;} .new-top-cur-row .col-lg-3 {max-width: 100% !important;} .verification-pg .confirmm-btn .btn-primary {margin: 22px auto 0px;} .tooltip-text {background-color: #fff !important;left: -92px !important;} .tooltip-box {bottom: 30px !important;right: -16px !important;z-index: 1 !important;background-color: #fff !important;} .lines-svg-path {top: -14px;left: 58px;width: 67%;} .slider-move-heading {margin: 5px 0 0 31px !important;} .slider-move-heading h5 {font-size: 13px !important;} .automated-submission-sec {padding: 40px 0px 50px;} .submission-animated-world-map svg {width: 100%;} .yellow-range-bar {width: 100%;} .automated-left-sec {display: block;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-search-box {display: block;width: 100%;margin-top: 50px;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;flex-direction: column-reverse;} .automated-searchbar-submission {margin-bottom: 10px;} .range-value p {line-height: 20px;} #progressCarousel .carousel-indicators {z-index: 0;} .rating-thumbs-content .rate {justify-content: flex-end;float: none;display: flex;align-items: center;flex-direction: row-reverse;padding-left: 0;} .rating-thumbs-sign {display: block;width: 100%;padding: 13px 30px 4px;} .raating-thumbs-text p {display: block;line-height: 21px;} .rating-thumbs-content .rate:not(:checked) > label {font-size: 30px;} .genre-msg-bar p:before {height: 100vh;} .curator-bottom-selection-bar {padding: 20px 15px;display: block;width: 100%;} .bottom-selection-btn .btn-primary {margin: 15px auto 0 auto;display: block;} .mobile-header-logo img {width: 150px;} .mobile-header-navabr {position: initial;box-shadow: 0 0 4px 1px #00000026;background-color: #fff;} .mobile-header-navabr {display: block !important;} .main-nav > li:last-child {border-bottom: 0;} .choose-curator-flex .dropdown-tabs-content.open {max-height: 600px;max-width: 100%;width: 100%;left: 0;} .choose-curator-flex .options.open {z-index: 4;left: 0;position: initial;overflow-y: scroll;} .curator-fav-btn a {width: 100%;text-align: center;margin: 15px 0 0;} .choose-curator-flex .options {position: initial;margin: 0 0 0;width: 100%;} .three-selections {flex-wrap: wrap;gap: 10px;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .recent-video-insta-tiktok {display: block;} .influencer-social-media-icons {margin: 8px 0 0;} .selection-f-input p {line-height: 20px;} .submit-play-box {flex-wrap: wrap;} .artist-submission-flex {display: block;} .artist-submission-btn a {margin: 20px 0 0;display: block;text-align: center;} .packages-pg-sec {padding: 50px 15px;width: 100%;} .packages-msg span {display: inline;} .playlisting-floor-sec {padding: 40px 15px 80px;} .weekly-performance {display: block;padding: 20px 20px;} .performance-bar {width: 100%;} .weekly-content h4 {text-transform: capitalize;} .playlisting-floor-slider {display: none;} .playlisting-floor-mobile-slider {display: block;} #test-popup1 .time-box {left: auto;right: 10px;top: 47px;} #test-popup1 .time-box span {display: flex;align-items: center;gap: 3px;} .select-submission-sec .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-rows: repeat(3, 234px);} .cur-img-container img {width: 100%;} .successfully-submitted-sec {height: auto;padding: 130px 15px 0px;} .successfully-text {width: 100%;} .successfully-text h6 {text-align: left;font-size: 20px;} .successfully-text p {font-size: 17px;} .successfully-text a {font-size: 17px;} .track-overview-playlisting-sec {padding: 90px 15px 80px;} .track-overview-box {padding: 22px 20px;} .song-lyrics-box {padding: 32px 20px 22px;margin: 15px 0 0;} .songs-lyrics-text h5 {font-size: 19px;display: flex;align-items: center;gap: 7px;} .songs-lyrics-text p {font-size: 15px;} .songs-lyrics-text li {font-size: 15px;display: block;padding: 4px 15px 0 0;} .song-lyrics-btn {display: block;} .song-lyrics-btn .songs-lyrics-back {margin-bottom: 10px;} .track-playlisting {margin: 30px 0 0;} .upload-song-yes-no {flex-wrap: wrap;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a i {font-size: 12px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25% !important;padding-left: 0;display: flex;align-items: center;justify-content: center;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 59%;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a {margin: 0;} .upload-song-tab h4 {font-size: 25px;} .upload-song-selection-field {display: block;} .upload-song-link-field {width: 100%;margin-bottom: 10px;} .upload-song-mp3 .btn-primary {width: 100%;} #previewContainer p {margin-left: -33px;} .upload-songs-curator .upload-song-yes-btn .btn-primary {width: 100%;} .upload-songs-curator .upload-song-yes-btn {width: 100%;} .upload-songs-curator .upload-song-no-btn .btn-primary {width: 100%;} .upload-songs-curator .upload-song-no-btn {width: 100%;} .upload-songs-curator .released-song-date .form-control {width: 100%;} .lease-text {display: block;} .upload-songs-curator .released-song-language {display: block;} .upload-songs-curator .language-selection {width: 100%;margin-bottom: 10px;} .upload-songs-curator .upload-lyrics-btn .btn-primary {width: 100%;} .upload-songs-curator .released-song-language.show {max-height: 210px;} .upload-songs-influencer-screen .influencer-steps-wizard .wizard .nav-tabs > li {width: 32% !important;padding-left: 0;display: flex;align-items: center;justify-content: center;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 66%;} .artist-song-name h5 {font-size: 18px;} .upload-songs-influencer-screen .upload-influencer-language {width: 100%;} .upload-songs-influencer-screen .upload-influencer-media span {font-size: 15px;} .upload-songs-influencer-screen .released-song-language.show {max-height: 320px;} .track-overview-tab h4 {font-size: 24px;} .follower-bottom-img {flex-wrap: wrap;gap: 15px;} .follower-left-box {padding: 22px;margin-bottom: 15px;} .post-play-bar .play-bar-line {width: 200px;} .follower-middle-box {margin-bottom: 15px;} .upload-songs-influencer-screen .follower-bottom-img img {width: 100%;margin: 0 auto;} .post-listing-content li {padding: 0 6px 0 0;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 47%;} .post-play-bar .play-bar-line {width: 110px;} .upload-song-playlsiting-sec {padding: 70px 15px 70px;} .released-song-date .form-control {width: 100%;} .upload-song-playlsiting-sec .released-song-language {display: block;} .upload-song-playlsiting-sec .language-selection {width: 100%;margin-bottom: 10px;} .upload-song-playlsiting-sec .upload-lyrics-btn .btn-primary {width: 100%;} .upload-song-playlsiting-sec .released-song-language.show {max-height: 210px;} .bottom-add-btn {display: block;} .upload-song-playlsiting-sec .bottom-add-btn .add-next-pg-btn {justify-content: center;margin-top: 10px;} .responses-inner-flex {display: block;} .responses-avatr-flex {margin: 15px 0px;} .view-all-flex {display: block;} .view-all-listing-content {margin-top: 8px;} .khaby-shared-slider-box {margin: 0 5px 15px;} .cur-img-container {margin: 40px 0;} .header-inner .jeff-cont img {width: auto;} .profile {padding: 10px 0px;} .profiledropdown {width: auto;top: 63px;left: 0;z-index: 1;} .header-inner .not-img img {width: auto !important;} .brand img {width: 160px !important;} section.list-of-artists-sec {padding: 60px 15px 20px;} .artist-welcome-content span {display: inline;} .main-artist-flex {display: block;} .main-artist-dropdowns {margin-bottom: 10px;} .exo-click.mx-5 {margin-left: 70px !important;margin-right: 0 !important;} .filter-row-overflow {height: 240px;} .filter-row-next {margin-top: -180px;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .shared-slider-box {margin: 0 6px 20px;} .wallet-pg-sec {padding: 40px 15px 70px;} .funds-flex {display: block;} .funds-inner-box {margin-bottom: 25px;} .bank-sec-amt-flex {display: block;} .bank-sec-amt {margin-bottom: 15px;} .payment-inner-box {padding: 16px 15px;} .fund-amount-box {padding: 16px 15px;height: 260px;} .transaction-box-bg {padding: 26px 15px 20px;} .transaction-flex {display: block;} .tr-first-box a {font-size: 16px;padding: 13px 40px;display: block;text-align: center;} .tr-box-text {width: 100%;left: 0;} .tr-select-class {display: block;padding: 0px 15px;} .terms-conditions-sec {padding: 30px 0px 50px;margin: 0 15px 0;} .terms-conditions-heading h4 {font-size: 25px;margin-bottom: 0;} .terms-conditions-content h5 {font-size: 23px;} .terms-conditions-heading {text-align: left;margin-bottom: 40px;} .mobile-dropdown-accordian a {color: #000;font-size: 15px;} .mobile-dropdown .btn-primary {padding: 0 0;color: #262626;} .mobile-dropdown .btn-primary:hover, .mobile-dropdown .btn-primary:focus {color: #262626;} .mobile-dropdown .btn-primary:not(:disabled):not(.disabled):active {color: #262626;} .mobile-dropdown {display: block !important;min-width: 42%;padding: 0 0 0 0 !important;} .mobile-dropdown-hide {display: none;} .mobile-dropdown .dropdown-btn {padding: 0px 0px 0px 0px;font-size: 17px;color: #fff;} .header .menu-link:hover {color: #fff;} .dropdown-container a {color: #0C286D;font-size: 15px;display: block;} .dropdown-container {background-color: #fff !important;padding: 10px;} .header .menu {background-image: linear-gradient(to bottom, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);} .header .burger-line {background-color: #FBBC04;} .header .burger.is-active .burger-line {background-color: #262626;} .header {padding: 15px 0px;box-shadow: 0 0 7px 0 #0000002e;background-color: #fff;} .hide-mobile {display: none;} .show-mobile {display: block;} .header .menu-link {color: #262626;} .header .menu-link.active {color: #262626;} .header .contactus-btn:hover .ct-btn {color: #fff;} .header .arrow-icon img {background-color: transparent;filter: brightness(0) invert(1);} .header .divider {display: none;} .header .contactus-btn .contact-btn {color: #fff;} .header .arrow-icon span {border: 1px solid #fff;} .header .contactus-btn {margin-top: 25px;} .header .menu-inner {align-items: flex-start;padding: 0 0 0 25px;} .header .navbar {flex-direction: row-reverse;justify-content: space-between;gap: 0;width: 100%;max-width: 100%;} .brand img {width: 200px;} .banner-sec-img {height: auto;padding: 120px 15px 30px;z-index: 0;} .curator-mobile-show {display: flex !important;margin: 20px 10px 0;} .curator-mobile-hide {display: none;} .banner-content-text h1 {font-size: 35px;line-height: 40px;display: none;} .banner-content-text p {font-size: 20px;width: 100%;} .cur-banner-btns {display: block;} .cur-submit-btn .btn-primary {width: 100%;margin-bottom: 10px;} .cur-learn-btn .btn-primary {width: 100%;} .promote-music-sec {padding: 30px 15px;} .promote-music-content h2 {font-size: 30px;line-height: 35px;} .promote-music-content p {width: 100%;line-height: 30px;font-size: 15px;} .feedback-sec-bg {padding: 0 15px 20px;} .top-curator-sec {padding: 50px 15px 50px;clip-path: none;} .recently-shared-sec {padding: 40px 15px;} .top-curator-content h2 {font-size: 30px;line-height: 35px;} .feedback-div h4 {font-size: 23px;line-height: 28px;} .feedback-div p {font-size: 15px;width: 100%;} .header-inner {display: block;} .shared-flex {display: block;} .count-value span {font-size: 27px;} .user-sec-bg {padding: 60px 15px;} .user-sec-heading h2 {font-size: 30px;line-height: 35px;} .faq-sec-bg {padding: 40px 15px;} .faq-heading h2 {font-size: 30px;line-height: 35px;} .faq-heading p {font-size: 20px;} .faq-sec-bg .panel-title>a {font-size: 18px !important;line-height: 25px;} .faq-sec-bg .panel-body p {width: 100%;font-size: 15px;} .faq-sec-bg .panel-heading a:before {font-size: 20px;width: 28px;height: 28px;} .banner-right-design {display: none;} .banner-left-design {display: none;} .top-curator-design {display: none;} .slider-box-shadow {padding: 0 20px 40px;} .faq-design-img {top: 0;right: -80px;width: 200px;height: auto;} .faq-btns {display: block;margin-top: 60px;} .faq-btns .btn-primary {width: 100%;margin: 0 0 10px;} footer {padding: 50px 15px;} .footer-logo-content p {width: 100%;} .curator-links {margin-top: 30px;} .curator-links h6 {margin-bottom: 10px;} .recently-shared-sec .top-curator-content h2 {margin-bottom: 30px;} .feedback-div {margin-bottom: 30px;} .banner-submit-text {position: initial;margin-top: 30px;} .banner-submit-text h5 {line-height: 25px;font-size: 18px;} .banner-submit-text span {display: inline;} .cur-login-btn .btn-primary {border: 2px solid #000;border-color: #000 !important;} .cur-signup-btn .btn-primary {background-color: transparent !important;border: 2px solid #000;border-color: #000 !important;} .header .card {background-color: #fff;} .account-setting-box {height: auto;padding: 0 0 0 0;} .account-setting-heading h3 {font-size: 24px;} .account-right-side h3 {font-size: 22px;margin: 0 0 40px 15px;} .account-fields-flex {display: block;margin: 0 15px 0px;} .account-setting-field {margin-bottom: 15px;} .account-form-btn {margin: 50px 0 0 0px;justify-content: center;} .tabs-item-listing li {padding: 18px 15px;} .account-avatr-img h4 {font-size: 22px;text-align: center;} .artist-personal-view {margin: 0 0px 140px;padding: 50px 15px 0;height: auto;} .curator-banner-flex {display: block;top: 0;left: 0;position: initial;} .border-line-circle {border: 3px solid #FBBC04;border-radius: 50%;width: 246px;height: 246px;margin: 0 auto;display: flex;align-items: center;justify-content: center;} .banner-circle-content h2 {font-size: 23px;} .edit-bg-banner {bottom: 18px;right: 10px;} .main-flag-flex {margin: 0px 0 20px;} .pos-btn-flex {padding: 15px 15px 15px;height: auto;margin: 0px 0px 0px;justify-content: center;} .pos-btn-flex .primary-submit {padding: 13px 22px;} .about-network-sec {padding: 10px 0px 50px;} .left-sec-box p {width: 100%;} .left-social-link li {padding: 0 12px 0 0;} .tr-box-img img {width: 100%;} .left-sec {margin-bottom: 20px;} .artist-welcome-banner-bg {padding: 40px 15px 10px;} .artist-welcome-content p {width: 100%;font-size: 15px;} .artist-welcome-content h3 {font-size: 25px;} .artist-welcome-btns {display: block;} .artist-welcome-btns .welcome-scr-submit {width: 100%;margin-bottom: 10px;} .artist-welcome-btns .welcome-scr-refer {width: 100%;margin-bottom: 25px;} .some-curator-sec {padding: 40px 15px 0px;} .some-curator-content h3 {font-size: 25px;} .some-curator-content p {font-size: 15px;} .some-curator-content span {display: inline;} .user-slider-div {margin: 0 0px 0;} .faq-heading {margin-bottom: 40px;} .artist-pg-banner {margin: 0 0px 140px;height: auto;padding: 60px 0 0;} .signin-sec {padding: 30px 15px 30px !important;} .influencer-steps-wizard .connecting-line {height: 4px;width: 27%;margin: 0 auto;left: 0px;right: 0;top: 15px;} .social-icon-selection .grid-col-auto {grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(3, 290px);} .header-logo-img {width: 160px;} .tiktok-fields label {font-size: 15px;} .tiktok-fields select {width: 100%;} .curator-steps .social-icon-selection .grid-col-auto {grid-template-rows: repeat(6, 290px);} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .curator-main-cls {margin-top: 40px;} .new-curator-bg {height: auto;} .curator-main-cls h2 {font-size: 25px;margin-bottom: 20px;} .curator-main-cls .card-content {width: fit-content;} .copyright-sec p {line-height: 20px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time {display: block;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;} .camp-art-res .inbox-bg {display: none;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .table-data-flex {display: block;text-align: center;} .tab-bar-flex {display: block;} .personal-note {right: 20px;top: 14px;width: 140px;line-height: 20px;} .content-text-tbr p {width: 100%;margin: 20px auto 20px auto;} .content-text-tbr.move-up p {transform: translateY(180px);} .col-tab-inner-effect {margin: 0 20px 40px;} .img-ct-text small {width: 100%;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .curator-profile-banner {padding: 60px 15px 0px;height: auto;margin: 0 0 120px;} .genres-box li {display: block;text-align: center;} .shared-slider-box img {width: 100%;} .info-icon {word-break: break-all;} .error-banner-sec {height: auto;padding: 130px 15px 80px;} .error-page-content h1 {font-size: 50px;} .error-page-content .number-span {font-size: 100px;line-height: 114px;} .error-page-content .text-span {display: inline;} .help-sec-banner {padding: 40px 15px;} .popular-topics-sec {padding: 40px 15px 30px;} .help-banner-content h2 {font-size: 25px;} .help-search-icon {display: BLOCK;margin: 24px 0 0;} .help-field {width: 100%;} .search-help-btn .btn-primary {margin: 10px 0 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;} .gradient-box {margin-bottom: 15px;} .recommended-sec-bg {padding: 30px 15px;} .still-need-sec {padding: 30px 15px 70px;} .still-need-sec .row {padding: 40px 15px 0;margin: 0 0px;} .still-need-text a {font-size: 15px;padding: 15px 24px;margin: 40px 0 40px;} .how-it-works-curator-sec {padding: 50px 15px;} .how-it-work-content h2 {font-size: 35px;line-height: 42px;} .how-it-work-content p {font-size: 20px;line-height: 32px;margin: 30px 0 30px;} .how-it-work-content {margin-bottom: 50px;} .how-work-sec {padding: 50px 15px 20px;} .ht-cont h2 {font-size: 35px;line-height: 42px;} .work-form h4 {font-size: 23px;line-height: 32px;} .work-form p {width: 100%;margin: 18px 0 30px;font-size: 15px;} .work-form {margin-bottom: 0px;} .artist-pg-tabs .nav-tabs .nav-link {font-size: 14px;} .hw-align-songs {flex-direction: column-reverse;} .hw-align-songs .work-form p {width: 100%;} .hw-align {margin: 60px 0 50px;} .label-playlist-flex {display: block;margin: 0 0 25px;} .label-view-all .btn-primary {align-items: center;justify-content: center;margin-top: 15px;} .lb-box-inner .shape-img {width: 100%;} .favorite-top-bar {display: block;} .main-curator-scr {display: block;height: auto;} .main-signin-box {width: 100%;padding: 40px 15px 30px;margin: 20px 0 10px;} .bar-line:before {left: -110px;width: 100px;} .bar-line:after {right: -110px;width: 100px;} .create-account span {display: inline;} .verification-pg #form input {margin: 0 2px;height:40px;font-size: 25px;width: 13%;} .white-popup {padding: 60px 15px 20px;max-width: 100%;} .playbar-volume-flex {display: block;} .volume-bar-flex {width: 100%;} .middle-volume-div {display: block;} .volume-play-btn {margin: 10px 0;} .volume-bar-flex {margin-bottom: 10px;} .mfp-close-btn-in .mfp-close {z-index: 0;} .menu-container2 {display: none;} .menu-container2.active {display: block;} .coin-bundles-content {padding: 40px 15px 0;} .coin-bundle-payment {padding: 60px 15px;} .bundle-inner-amount span {font-size: 30px;} .bundle-inner-amount img {width: 29px;height: 29px;} .methods-selection {display: block;} .methods-cards-selection {width: 100%;margin-bottom: 12px;} .paypal-method-selection {width: 100%;} .coin-bundle-payment p {line-height: 20px;} .card-inside {width: 80%;} .paypal-method-selection a {padding: 12px 60px 12px 10px;} .flex-checkbox-list span {display: inline;margin-left: 0;} .display-my-sec {padding: 120px 15px 100px;} .main-display-boxes-flex {margin: 0 15px 0;} .display-sec-img {display: block;} .display-my-sec-box {display: block;text-align: center;border-radius: 10px;} .display-box-sec-content {margin: 10px 0;} .choose-curators-sec-bg {padding: 40px 15px 80px;} .ground-floor-ticket-sec {padding: 120px 15px 40px;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} } @media only screen and (min-width: 530px) and (max-width: 767px) { .lock-box-text .songs-lyrics-text {width: 100% !important;} .banner-circle-img {display: none;} .cur-pro-ban .banner-circle-content {position: absolute;top: 150px;} .flex-user-content span {color: #fff !important;} .khaby-banner{background-image: url(../images/ct2.jpg) !important;height: 350px !important;margin: 0 0 0 !important;} .khaby-banner .banner-circle-content {position: absolute;top: 150px;} .artist-pg-banner {background-image: url(../images/ct3.jpg) !important;height: 350px !important;margin: 0 0 0 !important;} .artist-pg-banner .banner-circle-content {position: absolute;top: 180px;} .artist-pg-banner .border-line-circle {display: none;} .label-pg-banner {background-image: url(../images/ct4.jpg) !important;height: 350px !important;margin: 0 0 0 !important;} .label-pg-banner .banner-circle-content {position: absolute;top: 177px;background-color: #0000006b !important;} .label-pg-banner .border-line-circle {display: none;} .label-personal-view {background-image: url(../images/ct4.jpg) !important;height: 350px !important;margin: 0 0 0 !important;} .label-personal-view .banner-circle-content {position: absolute;top: 177px;background-color: #0000006b !important;} .label-personal-view .border-line-circle {display: none;} .artist-personal-view {background-image: url(../images/ct3.jpg) !important;height: 350px !important;margin: 0 0 0 !important;} .artist-personal-view .banner-circle-content {position: absolute;top: 177px;background-color: #0000006b !important;} .artist-personal-view .border-line-circle {display: none;} .released-song-language.show {max-height: 150px;} .mobile-boxes-show {display: block !important;} .genre-mobile-show {display: block !important;} .responsive-mobile-box .slick-list {padding: 60px 0 0;} .responsive-mobile-box {margin-top: -60px;} .playlist-mobile-show {display: block !important;} .playlist-mobile-hide {display: none;} .playlist-mobile-show-spacing {margin: 0 0 100px;} .popup-box-curator {position: relative;z-index: 1;} .tooltip-inner-text {z-index: 0;} .playlist-mobile-show-spc {margin: 0 0 70px;} .expired-tab-mobile-hide {display: none;} .expired-tab-mobile-show {display: block !important;} .artist-mobile-hide-slider {display: none;} .artist-mobile-show-slider {display: block !important;} .mobile-floor-playlisting {font-size: 35px;line-height: 40px;display: none;} #exampleModal-dreams {right: 0px !important;} .mobile-dev-hide {display: none;} .mobile-dev-show {display: block !important;} .mobile-dev-show .card-body {padding: 0 0;} .mobile-dev-show .chat-data-sec {padding: 22px 0px 0px;} .mobile-dev-show .inbox-content-txt {text-align: left;} .mobile-dev-show .img-chat-flex {padding: 0 0;} .mobile-dev-show .btn {padding: 0 0;} .mobile-dev-show .chat-data {padding: 22px 0px 20px;} .inbox-content-txt h6 {font-size: 18px;} .cur-pro-ban {margin: 0 0 0 !important;height: 330px !important;background-image: url("../images/ct1.jpg");} .released-song-date-no .form-control {width: 50% !important;} .curator-filter {width: 24% !important;} .In-box-text {margin: 29px 0 28px 30px !important;font-size: 22px !important;} .artist-song-dashboard .cur-dashboard-left-side {display: none;} .genre-msg-bar {bottom: 40px !important;z-index: 1;} #myModal-pageload .modal-dialog {max-width: 100% !important;} .pl-modal-content {padding: 30px 10px 0px !important;} .pageload-content {margin-bottom: 30px !important;} .referral-curator-text {width: 100% !important;} .ref-des-content h2 {font-size: 35px;} .referral-description-sec {padding: 40px 15px 30px !important;} .ref-des-content p {width: 100% !important;font-size: 18px !important;} .invite-referral-row {margin: 0 0px 0 !important;} .invite-box-content p {width: 100% !important;} .invite-box-content {margin-bottom: 25px;} .timeline-sec-bg {padding: 20px 15px 10px !important;} .timeline-text li {width: 100% !important;} .timeline-text:before {height: 310px !important;} .tm-cond-content h2 {font-size: 30px !important;} .terms-conditions-sec-bg {padding: 20px 15px 10px !important;} .tm-cond-lft-content p {width: 100% !important;} .tm-cond-lft-content h4 {line-height: 30px !important;} .referral-modal-content {padding: 20px 10px !important;} .referral-social-icon {margin: 30px 0 0 0px !important;} .referral-modal-content p {width: 100% !important;} .mobile-hide-across {display: none;} .mobile-show-across {display: block !important;} .recently-shared-hide-mobile {display: none !important;} .recently-hide-show-mobile {display: block !important;} .artist-track-mobile-hide {display: none !important;} .artist-track-mobile-show {display: block !important;} .notable-medal-mobile-hide {display: none !important;} .notable-medal-mobile-show {display: block !important;margin-top: 20px;} .tab-scroll {-webkit-overflow-scrolling: touch;} .artist-pg-tabs .tab-scroll {-webkit-overflow-scrolling: touch;} .mobile-animation-hide .zoom-in {-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s ease-in-out;transition: all .8s ease-in-out;} .tooltip-text {background-color: #fff !important;left: -2px !important;} .image-shapes {width: 100%;margin: 70px 0;} .image-div-slider8 .imagesContainer {left: 9px;top: -30px;} .image-div-slider8 {right: -16px;} .tooltip-box {bottom: 30px !important;right: 334px !important;z-index: 1 !important;background-color: #fff !important;} .lines-svg-path {top: -21px;left: 122px;width: 72%;} .slider-move-heading {margin: 25px 0 0 41px !important;} .new-top-cur-row .col-lg-3 {max-width: 100% !important;} .verification-pg {margin: 60px 0 0 !important;} .influencer-steps-wizard .signup-step-container {padding: 66px 0px 60px;} .slider-move-heading h5 {font-size: 13px !important;} .automated-submission-sec {padding: 50px 15px;} .submission-animated-world-map svg {width: 96%;margin: 0 auto;display: table;} .yellow-range-bar {width: 100%;} .automated-left-sec {display: block;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-search-box {display: block;width: 100%;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .automated-searchbar-submission {margin-bottom: 10px;} .range-value p {line-height: 20px;} .rating-thumbs-sign {width: 90%;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .selection-f-input p {line-height: 20px;} .mobile-header-logo img {width: 150px;} .mobile-header-navabr {position: initial;box-shadow: 0 0 4px 1px #00000026;background-color: #fff;} .mobile-header-navabr {display: block !important;} .main-nav > li:last-child {border-bottom: 0;} .choose-curator-flex .dropdown-tabs-content.open {max-height: 600px;max-width: 100%;width: 100%;left: 0;} .choose-curator-flex .options.open {z-index: 4;left: 0;position: initial;overflow-y: scroll;} .curator-fav-btn a {width: 100%;text-align: center;margin: 0px 0 0;} .choose-curator-flex .options {position: initial;margin: 0 0 0;width: 100%;} .choose-curators-sec-bg {padding: 40px 15px;} .curator-bottom-selection-bar {padding: 20px 15px;} .submit-play-box {flex-wrap: wrap;} .artist-submission-flex {display: block;} .artist-submission-btn a {margin: 20px 0 0;display: block;text-align: center;} .packages-pg-sec {padding: 50px 15px;width: 100%;} .packages-msg span {display: inline;} .playlisting-floor-sec {padding: 80px 15px;} .weekly-performance {display: block;padding: 20px 20px;} .performance-bar {width: 100%;} .weekly-content h4 {text-transform: capitalize;} .playlisting-floor-slider {display: none;} .playlisting-floor-mobile-slider {display: block;} #test-popup1 .time-box {left: auto;right: 10px;top: 47px;} #test-popup1 .time-box span {display: flex;align-items: center;gap: 3px;} .playlisting-floor-mobile-slider .slick-dots {display: none !important;} .select-submission-sec .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-rows: repeat(3, 234px);} .cur-img-container img {width: 100%;} .successfully-submitted-sec {height: auto;padding: 160px 15px 70px;} .successfully-text {width: 80%;} .successfully-text h6 {text-align: left;font-size: 20px;} .successfully-text p {font-size: 17px;} .successfully-text a {font-size: 17px;} .track-overview-playlisting-sec {padding: 140px 15px 80px;} .track-overview-box {padding: 22px 20px;} .song-lyrics-box {padding: 32px 20px 22px;margin: 15px 0 0;} .songs-lyrics-text h5 {font-size: 19px;display: flex;align-items: center;gap: 7px;justify-content: space-between;} .songs-lyrics-text p {font-size: 15px;} .songs-lyrics-text li {font-size: 15px;} .track-playlisting {margin: 30px 0 0;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a i {font-size: 15px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 17%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 50%;left: 10px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a {margin: 0;} .upload-song-tab h4 {font-size: 25px;} .upload-song-link-field {width: 70%;} .upload-song-mp3 .btn-primary {width: 100%;} #previewContainer p {margin-left: 7px;} .upload-songs-curator .upload-song-yes-btn .btn-primary {width: 100%;font-size: 16px;padding: 12px 35px;} .upload-songs-curator .upload-song-no-btn .btn-primary {width: 100%;font-size: 16px;padding: 12px 35px;} .lease-text {display: block;} .upload-songs-curator .released-song-language {padding: 10px 0 0;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .track-overview-tab h4 {font-size: 24px;} .upload-songs-influencer-screen .influencer-steps-wizard .wizard .nav-tabs > li {width: 22%;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 46%;left: -40px;} .artist-song-name h5 {font-size: 18px;} .upload-songs-influencer-screen .upload-influencer-language {width: 100%;} .upload-songs-influencer-screen .upload-influencer-media span {font-size: 15px;} .upload-songs-influencer-screen .released-song-language.show {max-height: 320px;} .track-overview-tab h4 {font-size: 24px;} .follower-left-box {padding: 22px;margin-bottom: 15px;} .post-play-bar .play-bar-line {width: 570px;} .follower-middle-box {margin-bottom: 15px;} .header-inner .jeff-cont img {width: auto;} .profile {padding: 10px 0px;} .profiledropdown {width: auto;top: 63px;left: 0;z-index: 1;} .header-inner .not-img img {width: auto !important;} .brand img {width: 160px !important;} section.list-of-artists-sec {padding: 60px 15px 20px;} .artist-welcome-content span {display: inline;} .main-artist-dropdowns {margin-bottom: 10px;} .exo-click.mx-5 {margin-left: 70px !important;margin-right: 0 !important;} .filter-row-next {margin-top: -7px;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .shared-slider-box {margin: 0 6px 20px;} .wallet-pg-sec {padding: 70px 15px 70px;} .funds-flex {display: block;} .funds-inner-box {margin-bottom: 25px;} .bank-sec-amt-flex {display: block;} .bank-sec-amt {margin-bottom: 15px;} .payment-inner-box {padding: 16px 15px;} .fund-amount-box {padding: 16px 15px;height: 260px;} .transaction-box-bg {padding: 26px 15px 20px;} .tr-first-box a {font-size: 16px;padding: 13px 40px;display: block;text-align: center;} .terms-conditions-sec {margin: 0 85px 0;} .terms-conditions-heading h4 {font-size: 25px;margin-bottom: 0;} .terms-conditions-content h5 {font-size: 23px;} .terms-conditions-heading {text-align: left;margin-bottom: 40px;} .mobile-dropdown-accordian a {color: #000;font-size: 15px;} .mobile-dropdown .btn-primary {padding: 0 0;color: #262626;} .mobile-dropdown .btn-primary:hover, .mobile-dropdown .btn-primary:focus {color: #262626;} .mobile-dropdown .btn-primary:not(:disabled):not(.disabled):active {color: #262626;} .mobile-dropdown {display: block !important;min-width: 42%;padding: 0 0 0 0 !important;} .mobile-dropdown-hide {display: none;} .mobile-dropdown .dropdown-btn {padding: 0px 0px 0px 0px;font-size: 17px;color: #fff;} .header .menu-link:hover {color: #fff;} .dropdown-container a {color: #0C286D;font-size: 15px;display: block;} .dropdown-container {background-color: #fff !important;padding: 10px;} .header .menu {background-image: linear-gradient(to bottom, #fbbc04, #f2b504, #eaaf03, #e1a803, #d9a203);overflow-y: scroll;} .header .burger-line {background-color: #FBBC04;} .header .burger.is-active .burger-line {background-color: #262626;} .header {padding: 15px 0px;} .hide-mobile {display: none;} .show-mobile {display: block;} .header .menu-link {color: #262626;} .header .menu-link.active {color: #262626;} .header .contactus-btn:hover .ct-btn {color: #fff;} .header .arrow-icon img {background-color: transparent;filter: brightness(0) invert(1);} .header .divider {display: none;} .header .contactus-btn .contact-btn {color: #fff;} .header .arrow-icon span {border: 1px solid #fff;} .header .contactus-btn {margin-top: 25px;} .header .menu-inner {align-items: flex-start;padding: 0 0 0 25px;} .header .navbar {flex-direction: row-reverse;justify-content: space-between;gap: 0;width: 100%;max-width: 100%;} .banner-sec-img {height: auto;padding: 120px 15px 30px;z-index: 0;} .curator-mobile-show {display: flex !important;} .curator-mobile-hide {display: none;} .banner-content-text h1 {font-size: 35px;line-height: 40px;} .banner-content-text p {font-size: 20px;width: 100%;} .cur-submit-btn .btn-primary {width: 100%;} .cur-learn-btn .btn-primary {width: 100%;} .promote-music-sec {padding: 30px 15px;} .promote-music-content h2 {font-size: 30px;line-height: 35px;} .promote-music-content p {width: 100%;line-height: 30px;font-size: 15px;} .feedback-sec-bg {padding: 0 15px 20px;} .top-curator-sec {padding: 50px 15px 50px;clip-path: none;} .recently-shared-sec {padding: 40px 15px;} .top-curator-content h2 {font-size: 30px;line-height: 35px;} .feedback-div h4 {font-size: 23px;line-height: 28px;} .feedback-div p {font-size: 15px;width: 100%;} .header-inner {display: block;} .count-value span {font-size: 27px;} .user-sec-bg {padding: 60px 15px;} .user-sec-heading h2 {font-size: 30px;line-height: 35px;} .faq-sec-bg {padding: 40px 15px;} .faq-heading h2 {font-size: 30px;line-height: 35px;} .faq-heading p {font-size: 20px;} .faq-sec-bg .panel-title>a {font-size: 18px !important;line-height: 25px;} .faq-sec-bg .panel-body p {width: 100%;font-size: 15px;} .faq-sec-bg .panel-heading a:before {font-size: 20px;width: 28px;height: 28px;} .banner-right-design {display: none;} .banner-left-design {display: none;} .top-curator-design {display: none;} .slider-box-shadow {padding: 0 20px 40px;} .faq-design-img {top: 0;right: -80px;width: 200px;height: auto;} footer {padding: 50px 15px;} .footer-logo-content p {width: 100%;} .curator-links h6 {margin-bottom: 10px;} .recently-shared-sec .top-curator-content h2 {margin-bottom: 30px;} .feedback-div {margin-bottom: 30px;} .banner-submit-text {position: initial;margin-top: 30px;} .banner-submit-text h5 {line-height: 25px;font-size: 18px;} .banner-submit-text span {display: inline;} .cur-login-btn .btn-primary {border: 2px solid #000;border-color: #000 !important;} .cur-signup-btn .btn-primary {background-color: transparent !important;border: 2px solid #000;border-color: #000 !important;} .header .card {background-color: #fff;} .footer-logo-content {margin-bottom: 30px;} .account-setting-box {height: auto;padding: 0 0 0 0;} .account-setting-heading h3 {font-size: 24px;} .account-right-side h3 {font-size: 22px;margin: 0 0 40px 15px;} .account-fields-flex {display: block;margin: 0 15px 0px;} .account-setting-field {margin-bottom: 15px;} .account-form-btn {margin: 50px 0 0 0px;justify-content: center;} .tabs-item-listing li {padding: 18px 15px;} .account-avatr-img h4 {font-size: 22px;text-align: center;} .artist-personal-view {margin: 0 0px 140px;padding: 50px 15px 0;height: auto;} .curator-banner-flex {display: block;top: 0;left: 0;position: initial;} .border-line-circle {border: 3px solid #FBBC04;border-radius: 50%;width: 246px;height: 246px;margin: 0 0;display: flex;align-items: center;justify-content: center;} .banner-circle-content h2 {font-size: 25px;} .edit-bg-banner {bottom: 18px;right: 10px;} .main-flag-flex {margin: 0px 0 20px;} .pos-btn-flex {padding: 15px 15px 15px;height: auto;margin: 0px 0px 20px;justify-content: center;} .pos-btn-flex .primary-submit {padding: 13px 22px;} .about-network-sec {padding: 10px 0px 50px;} .left-sec-box p {width: 100%;} .left-social-link li {padding: 0 12px 0 0;} .tr-box-img img {width: 100%;} .left-sec {margin-bottom: 20px;} .artist-welcome-banner-bg {padding: 40px 15px 10px;} .artist-welcome-content p {width: 100%;font-size: 15px;} .artist-welcome-content h3 {font-size: 25px;} .artist-welcome-btns {display: block;} .artist-welcome-btns .welcome-scr-submit {width: 100%;margin-bottom: 10px;} .artist-welcome-btns .welcome-scr-refer {width: 100%;margin-bottom: 25px;} .some-curator-sec {padding: 40px 15px 0px;} .some-curator-content h3 {font-size: 25px;} .some-curator-content p {font-size: 15px;} .some-curator-content span {display: inline;} .user-slider-div {margin: 0 0px 0;} .faq-heading {margin-bottom: 40px;} .artist-pg-banner {margin: 0 0px 140px;height: auto;padding: 60px 0 0;} .signin-sec {padding: 10px 15px 40px !important;} .influencer-steps-wizard .connecting-line {height: 4px;width: 36%;margin: 0 auto;left: 30px;right: 0;top: 15px;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 48%;} .social-icon-selection .grid-col-auto {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 290px);} .header-logo-img {width: 160px;} .tiktok-fields label {font-size: 15px;} .tiktok-fields select {width: 100%;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .curator-main-cls {margin-top: 40px;} .new-curator-bg {height: auto;margin-bottom: 30px;} .curator-main-cls h2 {font-size: 25px;margin-bottom: 20px;} .curator-main-cls .card-content {width: fit-content;} .copyright-sec p {line-height: 20px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time {display: block;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;display: none;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .table-data-flex {display: block;text-align: center;} .tab-bar-flex {display: block;} .personal-note {right: 60px;} .content-text-tbr p {width: 100%;margin: 20px auto 20px auto;} .content-text-tbr.move-up p {transform: translateY(160px);} .col-tab-inner-effect {margin: 0 20px 40px;} .img-ct-text small {width: 100%;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .curator-profile-banner {padding: 60px 15px 0px;height: auto;margin: 0 0 120px;} .genres-box li {text-align: center;} .shared-slider-box img {width: 100%;} .info-icon {word-break: break-all;} .playlist-flex .slick-dots {display: none !important;} .error-banner-sec {height: auto;padding: 190px 15px 80px;} .error-page-content h1 {font-size: 50px;} .error-page-content .number-span {font-size: 100px;line-height: 114px;} .error-page-content .text-span {display: inline;} .help-sec-banner {padding: 120px 15px;} .popular-topics-sec {padding: 40px 15px 30px;} .help-banner-content h2 {font-size: 25px;} .help-search-icon {display: BLOCK;margin: 24px 0 0;} .help-field {width: 100%;} .search-help-btn .btn-primary {margin: 10px 0 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;} .gradient-box {margin-bottom: 15px;} .recommended-sec-bg {padding: 30px 15px;} .still-need-sec {padding: 30px 15px 70px;} .still-need-sec .row {padding: 40px 15px 0;margin: 0 0px;} .still-need-text a {font-size: 15px;padding: 15px 24px;margin: 40px 0 40px;} .how-it-works-curator-sec {padding: 50px 15px;} .how-it-work-content h2 {font-size: 35px;line-height: 42px;} .how-it-work-content p {font-size: 20px;line-height: 32px;margin: 30px 0 30px;} .how-it-work-content {margin-bottom: 50px;} .how-work-sec {padding: 50px 15px 20px;} .ht-cont h2 {font-size: 35px;line-height: 42px;} .work-form h4 {font-size: 23px;line-height: 32px;} .work-form p {width: 100%;margin: 18px 0 0;font-size: 15px;} .work-form {margin-bottom: 0px;} .artist-pg-tabs .nav-tabs .nav-link {font-size: 20px;} .hw-align-songs .work-form p {width: 100%;} .hw-align {margin: 60px 0 50px;} .how-it-work-content span {display: inline;} .lb-box-inner .shape-img {width: 100%;} .main-curator-scr {display: block;height: auto;} .main-signin-box {width: 100%;padding: 40px 55px 30px;margin: 60px 0 30px;} .bar-line:before {left: -260px;width: 250px;} .bar-line:after {right: -260px;width: 250px;} .white-popup {padding: 60px 15px 20px;max-width: 100%;} .playbar-volume-flex {display: block;} .volume-bar-flex {width: 100%;} .middle-volume-div {display: block;} .volume-play-btn {margin: 10px 0;} .volume-bar-flex {margin-bottom: 10px;} .mfp-close-btn-in .mfp-close {z-index: 0;} .dreams-box-content {bottom: -20px;} .coin-bundles-content {padding: 60px 15px 0;} .coin-bundle-payment {padding: 60px 15px;} .bundle-inner-amount span {font-size: 30px;} .bundle-inner-amount img {width: 29px;height: 29px;} .methods-selection {display: block;} .methods-cards-selection {width: 100%;margin-bottom: 12px;} .paypal-method-selection {width: 100%;} .coin-bundle-payment p {line-height: 20px;} .card-inside {width: 80%;} .paypal-method-selection a {padding: 12px 60px 12px 10px;} .main-display-boxes-flex {margin: 0 0px 0;} .ground-floor-ticket-sec {padding: 160px 15px 80px;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} .upload-song-playlsiting-sec {padding: 120px 15px 70px;} .released-song-date .form-control {width: 50%;} .upload-song-playlsiting-sec .language-selection {width: 40%;margin-bottom: 10px;} .upload-song-playlsiting-sec .released-song-language.show {max-height: 160px;} .upload-song-playlsiting-sec .upload-song-link-field {width: 50%;} .upload-song-playlsiting-sec .upload-song-yes-no {flex-wrap: wrap;} .upload-song-playlsiting-sec .released-song-language .form-control {padding: 12px 15px;} .add-another-content {width: 55%;} } @media only screen and (min-width:768px) and (max-width: 991px) { .main-chap-wiz {top: 40px;} .banner-circle-img img {margin-bottom: 30px;} .wrap-feature41-box .f41-tab {padding: 0px 0 !important;overflow-y: scroll;height: 200px !important;} .chat-inbox-sec {padding: 0px 15px 0px !important;} .img-chat-flex {padding: 0px 15px;} .chat-data-time span {font-size: 11px !important;} .msg-content-data {padding-left: 40px !important;} .msg-content-data-sec {padding: 15px 0px !important;margin: 0 10px 0 37px !important;} .main-chat-text-box {padding: 20px 15px !important;} .image-shapes {width: 100%;margin: 70px 0;} .image-div-slider8 .imagesContainer {left: 9px;top: -30px;} .image-div-slider8 {right: -16px;} .tooltip-text {background-color: #fff !important;left: -2px !important;} .tooltip-box {bottom: 30px !important;right: -140px !important;z-index: 1 !important;background-color: #fff !important;} .lines-svg-path {top: -21px;left: 133px;width: 68%;} .slider-move-heading {margin: 25px 0 0 41px !important;} .new-top-cur-row .col-lg-3 {max-width: 100% !important;} .automated-submission-sec {padding: 50px 15px;} .submission-animated-world-map svg {width: 92%;display: table;margin: 0 auto;} .yellow-range-bar {width: 100%;} .automated-left-sec {display: block;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-search-box {display: block;width: 100%;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .automated-searchbar-submission {margin-bottom: 10px;} .range-value p {line-height: 20px;} .rating-thumbs-sign {width: 90%;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .selection-f-input p {line-height: 20px;} .choose-curators-sec-bg {padding: 40px 15px;} .ch-curator-dropdown {margin-bottom: 30px;} .choose-curator-flex .dropdown-tabs-content.open {left: -170px;} .curator-bottom-selection-bar {padding: 20px 15px;width: 100%;} .choose-curator-flex .dropdown-tabs-content {max-width: 100%;width: 100%;} .submit-play-box {flex-wrap: wrap;} .artist-submission-flex {display: block;} .artist-submission-btn a {margin: 20px 0 0;display: block;text-align: center;} .packages-pg-sec {padding: 50px 15px;width: 100%;} .playlisting-floor-sec {padding: 80px 15px;} .weekly-performance {display: block;padding: 20px 20px;} .performance-bar {width: 100%;} .weekly-content h4 {text-transform: capitalize;} .playlisting-floor-slider {display: none;} .playlisting-floor-mobile-slider {display: block;} #test-popup1 .time-box {left: auto;right: 10px;top: 47px;} #test-popup1 .time-box span {display: flex;align-items: center;gap: 3px;} .playlisting-floor-mobile-slider .slick-dots {display: none !important;} .select-submission-sec .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-rows: repeat(3, 224px);} .cur-img-container img {width: 100%;} .new-curator-bg {padding: 80px 0 0;} .successfully-text {width: 80%;} .successfully-text h6 {text-align: left;font-size: 20px;} .successfully-text p {font-size: 17px;} .successfully-text a {font-size: 17px;} .track-overview-playlisting-sec {padding: 140px 15px 80px;} .track-overview-box {padding: 22px 20px;} .song-lyrics-box {padding: 32px 20px 22px;margin: 15px 0 0;} .songs-lyrics-text p {font-size: 15px;} .track-playlisting {margin: 30px 0 0;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a i {font-size: 17px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25%;padding-left: 30px;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 66%;left: 10px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a {margin: 0;} .upload-song-tab h4 {font-size: 25px;} .upload-song-link-field {width: 56%;} .upload-song-mp3 .btn-primary {width: 100%;} #previewContainer p {margin-left: 7px;} .upload-songs-curator .upload-song-yes-btn .btn-primary {width: 100%;font-size: 16px;padding: 12px 35px;} .upload-songs-curator .upload-song-no-btn .btn-primary {width: 100%;font-size: 16px;padding: 12px 35px;} .lease-text {display: block;font-size: 15px;} .upload-songs-curator .released-song-language {padding: 10px 0 0;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .track-overview-tab h4 {font-size: 24px;} .upload-songs-curator .released-song-date .form-control {width: 40%;} .upload-songs-curator .upload-song-yes-no {flex-wrap: wrap;} .upload-songs-curator .language-selection {width: 30%;} .upload-songs-curator .released-song-language.show {max-height: 150px;} .upload-songs-influencer-screen .influencer-steps-wizard .wizard .nav-tabs > li {width: 30%;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 56%;left: -40px;} .artist-song-name h5 {font-size: 18px;} .upload-songs-influencer-screen .upload-influencer-language {width: 100%;} .upload-songs-influencer-screen .upload-influencer-media span {font-size: 15px;} .upload-songs-influencer-screen .released-song-language.show {max-height: 320px;} .track-overview-tab h4 {font-size: 24px;} .follower-left-box {padding: 22px;margin-bottom: 15px;} .post-play-bar .play-bar-line {width: 357px;} .follower-middle-box {margin-bottom: 15px;} .mini-photo-wrapper img {margin-right: 13px;} section.list-of-artists-sec {padding: 60px 15px 20px;} .artist-welcome-content span {display: inline;} .main-artist-dropdowns {margin-bottom: 10px;} .exo-click.mx-5 {margin-left: 70px !important;margin-right: 0 !important;} .filter-row-next {margin-top: -7px;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .shared-slider-box {margin: 0 6px 20px;} .wallet-pg-sec {padding: 70px 15px 70px;} .funds-flex {display: block;} .funds-inner-box {margin-bottom: 25px;} .bank-sec-amt-flex {display: block;} .bank-sec-amt {margin-bottom: 15px;} .payment-inner-box {padding: 16px 15px;} .fund-amount-box {padding: 16px 15px;height: 260px;} .transaction-box-bg {padding: 26px 15px 20px;} .tr-first-box a {font-size: 16px;padding: 13px 40px;display: block;text-align: center;} .header {padding: 25px 15px;} .brand img {width: 110px;} .header .menu-item {padding: 0 2px 0 0;} .show-mobile {display: none;} .header .menu-inner {column-gap: 1rem;margin: 0 0;} .banner-sec-img {height: auto;padding: 120px 15px 30px;z-index: 0;} .curator-mobile-show {display: flex !important;gap: 10px;} .curator-mobile-hide {display: none;} .banner-content-text h1 {font-size: 35px;line-height: 40px;} .banner-content-text p {font-size: 20px;width: 100%;} .cur-submit-btn .btn-primary {width: 100%;} .cur-learn-btn .btn-primary {width: 100%;} .promote-music-sec {padding: 30px 15px;} .promote-music-content h2 {font-size: 30px;line-height: 35px;} .promote-music-content p {width: 100%;line-height: 30px;font-size: 15px;} .feedback-sec-bg {padding: 0 15px 20px;} .top-curator-sec {padding: 50px 15px 50px;clip-path: none;overflow: hidden;} .recently-shared-sec {padding: 40px 15px;} .top-curator-content h2 {font-size: 30px;line-height: 35px;} .feedback-div h4 {font-size: 23px;line-height: 28px;} .feedback-div p {font-size: 15px;width: 100%;} .header-inner {display: block;} .count-value span {font-size: 27px;} .user-sec-bg {padding: 60px 15px;} .user-sec-heading h2 {font-size: 30px;line-height: 35px;} .faq-sec-bg {padding: 40px 15px;} .faq-heading h2 {font-size: 30px;line-height: 35px;} .faq-heading p {font-size: 20px;} .faq-sec-bg .panel-title>a {font-size: 18px !important;line-height: 25px;} .faq-sec-bg .panel-body p {width: 100%;font-size: 15px;} .faq-sec-bg .panel-heading a:before {font-size: 20px;width: 28px;height: 28px;} .slider-box-shadow {padding: 0 20px 40px;} footer {padding: 50px 15px;} .footer-logo-content p {width: 100%;} .curator-links h6 {margin-bottom: 10px;} .recently-shared-sec .top-curator-content h2 {margin-bottom: 30px;} .feedback-div {margin-bottom: 30px;} .banner-submit-text {position: initial;margin-top: 30px;justify-content: flex-start;} .banner-submit-text h5 {line-height: 25px;font-size: 18px;text-align: left;} .header .card {background-color: #000;} .footer-logo-content {margin-bottom: 30px;} .header .navbar {width: 100%;max-width: 100%;} .cur-login-btn .btn-primary {font-size: 13px;padding: 8px 20px;} .cur-signup-btn .btn-primary {font-size: 13px;padding: 8px 20px;} .header .menu-link {font-size: 14px;} .banner-left-design {top: 80px;left: -310px;height: auto;} .banner-right-design {top: 110px;right: 0;height: auto;z-index: -1;} .curator-links span {display: inline;} .top-curator-design {top: 0;right: -130px;z-index: 0;width: 300px;} .top-curator-img {position: relative;z-index: 1;} .account-setting-pg {display: flex;} .account-setting-pg .curator-mobile-show {display: none !important;} .account-setting-pg .curator-mobile-hide {display: flex !important;gap: 0px;} .user-menu-wrap {text-align: center;} .account-setting-box {height: auto;padding: 0 0 0 0;} .account-setting-heading h3 {font-size: 24px;} .account-right-side h3 {font-size: 22px;margin: 0 0 40px 15px;} .account-fields-flex {display: block;margin: 0 15px 0px;} .account-setting-field {margin-bottom: 15px;} .account-form-btn {margin: 50px 0 0 0px;justify-content: center;} .tabs-item-listing li {padding: 18px 15px;} .account-avatr-img h4 {font-size: 22px;text-align: center;} .artist-personal-view {margin: 0 0px 140px;padding: 50px 15px 0;height: auto;} .curator-banner-flex {display: block;top: 0;left: 0;position: initial;} .border-line-circle {border: 3px solid #FBBC04;border-radius: 50%;width: 246px;height: 246px;display: flex;align-items: center;justify-content: center;} .banner-circle-content h2 {font-size: 25px;} .edit-bg-banner {bottom: 18px;right: 10px;} .main-flag-flex {margin: 0px 0 20px;} .pos-btn-flex {padding: 15px 15px 15px;height: auto;margin: -120px 0px 20px;justify-content: center;} .pos-btn-flex .primary-submit {padding: 13px 22px;} .about-network-sec {padding: 10px 0px 50px;} .left-sec-box p {width: 100%;} .left-social-link li {padding: 0 12px 0 0;} .tr-box-img img {width: 100%;} .left-sec {margin-bottom: 20px;} .mobile-dropdown-hide .dropdown-wrapper:after {top: 8px;} .artist-welcome-banner-bg {padding: 40px 15px 10px;} .artist-welcome-content p {width: 100%;font-size: 15px;} .artist-welcome-content h3 {font-size: 25px;} .artist-welcome-btns {display: block;} .artist-welcome-btns .welcome-scr-submit {width: 100%;margin-bottom: 10px;} .artist-welcome-btns .welcome-scr-refer {width: 100%;margin-bottom: 25px;} .some-curator-sec {padding: 40px 15px 0px;} .some-curator-content h3 {font-size: 25px;} .some-curator-content p {font-size: 15px;} .some-curator-content span {display: inline;} .user-slider-div {margin: 0 0px 0;} .faq-heading {margin-bottom: 40px;} .artist-pg-banner {margin: 0 0px 140px;height: auto;padding: 60px 0 0;} .signin-sec {padding: 30px 15px !important;} .influencer-steps-wizard .connecting-line {height: 4px;width: 31%;margin: 0 auto;left: 30px;right: 0;top: 15px;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 48%;} .social-icon-selection .grid-col-auto {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 290px);} .header-logo-img {width: 160px;} .tiktok-fields label {font-size: 15px;} .tiktok-fields select {width: 100%;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .curator-main-cls h2 {font-size: 25px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time {display: block;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .table-data-flex {display: block;text-align: center;} .tab-bar-flex {display: block;} .personal-note {right: 60px;} .content-text-tbr p {width: 100%;margin: 20px auto 20px auto;} .content-text-tbr.move-up p {transform: translateY(160px);} .col-tab-inner-effect {margin: 0 20px 40px;} .img-ct-text small {width: 100%;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .curator-profile-banner {padding: 60px 15px 0px;height: auto;margin: 0 0 120px;} .genres-box li {text-align: center;} .shared-slider-box img {width: 100%;} .info-icon {word-break: break-all;} .playlist-flex .slick-dots {display: none !important;} .error-banner-sec {height: auto;padding: 190px 15px 80px;} .error-page-content h1 {font-size: 50px;} .error-page-content .number-span {font-size: 100px;line-height: 114px;} .error-page-content .text-span {display: inline;} .help-sec-banner {padding: 120px 15px;} .popular-topics-sec {padding: 40px 15px 30px;} .help-banner-content h2 {font-size: 25px;} .gradient-box {margin-bottom: 15px;} .recommended-sec-bg {padding: 30px 15px;} .still-need-sec {padding: 30px 15px 70px;} .still-need-sec .row {padding: 40px 15px 0;margin: 0 0px;} .still-need-text a {font-size: 15px;padding: 15px 24px;margin: 40px 0 40px;} .how-it-works-curator-sec {padding: 50px 15px;} .how-it-work-content h2 {font-size: 35px;line-height: 42px;} .how-it-work-content p {font-size: 20px;line-height: 32px;margin: 30px 0 30px;} .how-it-work-content {margin-bottom: 50px;} .how-work-sec {padding: 50px 15px 20px;} .ht-cont h2 {font-size: 35px;line-height: 42px;} .work-form h4 {font-size: 23px;line-height: 32px;} .work-form p {width: 100%;margin: 18px 0 0;font-size: 15px;} .work-form {margin-bottom: 0px;} .artist-pg-tabs .nav-tabs .nav-link {font-size: 20px;} .hw-align-songs .work-form p {width: 100%;} .hw-align {margin: 60px 0 50px;} .how-it-work-content span {display: inline;} .lb-box-inner .shape-img {width: 100%;} .main-curator-scr {display: block;height: auto;} .main-signin-box {width: 100%;padding: 40px 55px 30px;margin: 70px 0 30px;} .bar-line:before {left: -260px;width: 250px;} .bar-line:after {right: -260px;width: 250px;} .white-popup {padding: 60px 15px 20px;max-width: 100%;} .playbar-volume-flex {display: block;} .volume-bar-flex {width: 100%;} .middle-volume-div {display: block;} .volume-play-btn {margin: 10px 0;} .volume-bar-flex {margin-bottom: 10px;} .mfp-close-btn-in .mfp-close {z-index: 0;} .dreams-box-content {bottom: -10px;} .coin-bundles-content {padding: 60px 15px 0;} .coin-bundle-payment {padding: 60px 15px;} .bundle-inner-amount span {font-size: 30px;} .bundle-inner-amount img {width: 29px;height: 29px;} .methods-selection {display: block;} .methods-cards-selection {width: 100%;margin-bottom: 12px;} .paypal-method-selection {width: 100%;} .coin-bundle-payment p {line-height: 20px;} .card-inside {width: 80%;} .paypal-method-selection a {padding: 12px 60px 12px 10px;} .main-display-boxes-flex {margin: 0 0px 0;} .ground-floor-ticket-sec {padding: 200px 15px 80px;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} .upload-song-playlsiting-sec {padding: 120px 15px 70px;} .released-song-date .form-control {width: 50%;} .upload-song-playlsiting-sec .language-selection {width: 40%;margin-bottom: 10px;} .upload-song-playlsiting-sec .released-song-language.show {max-height: 160px;} .upload-song-playlsiting-sec .upload-song-link-field {width: 50%;} .upload-song-playlsiting-sec .upload-song-yes-no {flex-wrap: wrap;} .upload-song-playlsiting-sec .released-song-language .form-control {padding: 12px 15px;} .add-another-content {width: 55%;margin-top: 50px;} .user-menu .user-menu-link div {text-align: left;} .user-menu .profile-highlight .details {text-align: left;} } @media only screen and (min-width:992px) and (max-width: 1199px) { #exampleModal-dreams {right: 0px !important;} .genre-msg-bar {bottom: -10px !important;z-index: 1;} .curator-filter {width: 22% !important;} .cur-pro-ban {margin: 0 0 0 !important;} .In-box-text {margin: 29px 0 28px 30px !important;font-size: 22px !important;} .released-song-date-no .form-control {width: 40% !important;} #myModal-pageload .modal-dialog {max-width: 100% !important;} .pl-modal-content {padding: 30px 10px 0px !important;} .pageload-content {margin-bottom: 30px !important;} .referral-curator-text {width: 100% !important;} .ref-des-content h2 {font-size: 35px;} .referral-description-sec {padding: 40px 15px 30px !important;} .ref-des-content p {width: 100% !important;font-size: 18px !important;} .invite-referral-row {margin: 0 0px 0 !important;} .invite-box-content p {width: 100% !important;} .invite-box-content {margin-bottom: 25px;} .timeline-sec-bg {padding: 20px 15px 10px !important;} .timeline-text li {width: 100% !important;} .timeline-text:before {height: 230px !important;} .tm-cond-content h2 {font-size: 30px !important;} .terms-conditions-sec-bg {padding: 20px 15px 10px !important;} .tm-cond-lft-content p {width: 100% !important;} .tm-cond-lft-content h4 {line-height: 30px !important;} .referral-modal-content {padding: 20px 10px !important;} .referral-social-icon {margin: 30px 0 0 0px !important;} .referral-modal-content p {width: 100% !important;} .tooltip-text {background-color: #fff !important;left: -2px !important;} .tooltip-box {bottom: 30px !important;right: 240px !important;z-index: 1 !important;background-color: #fff !important;} .lines-svg-path {top: -20px;left: 105px;width: 70%;} .slider-move-heading {margin: 60px 0 0 70px !important;} .slider-move-heading h5 {font-size: 17px !important;} .automated-submission-sec {padding: 50px 15px;} .submission-animated-world-map svg {width: 100%;} .yellow-range-bar {width: 100%;} .automated-left-sec {flex-wrap: wrap;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .range-value p {line-height: 20px;} .rating-thumbs-sign {width: 90%;} .genre-msg-bar p:before {height: 100vh;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .selection-f-input p {line-height: 17px;font-size: 13px;} .choose-curator-flex .selected-option {font-size: 13px;} .tiktok-credit .tk-credit {font-size: 13px;line-height: 17px;display: block;} .tiktok-credit .tk-icon {font-size: 12px;line-height: 15px;margin-bottom: 2px;} .three-selections {gap: 25px;} .user-menu .user-menu-link div {text-align: left;} .user-menu .profile-highlight .details {text-align: left;} .choose-curators-sec-bg {padding: 80px 15px;} .ch-curator-dropdown {margin-bottom: 30px;} .choose-curator-flex .dropdown-tabs-content.open {left: -170px;} .curator-bottom-selection-bar {padding: 20px 15px;width: 100%;} .choose-curator-flex .dropdown-tabs-content {max-width: 100%;width: 100%;} .curator-fav-btn a {font-size: 13px;padding: 12px 9px;} .curator-fav-btn i {margin-right: 3px;} .submit-play-box {flex-wrap: wrap;} .artist-submission-flex {display: block;} .artist-submission-btn a {margin: 20px 0 0;display: block;text-align: center;} .packages-pg-sec {padding: 50px 15px;width: 100%;} .security-lock-text {display: block;} .security-lock-text p {margin-bottom: 12px;} .select-submission-sec .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-rows: repeat(3, 224px);} .cur-img-container img {width: 100%;} .new-curator-bg {padding: 80px 0 0;} .successfully-text {width: 80%;} .successfully-text h6 {text-align: left;font-size: 20px;} .successfully-text p {font-size: 17px;} .successfully-text a {font-size: 17px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a i {font-size: 17px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 50%;left: -48px;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li a {margin: 0;} .upload-song-tab h4 {font-size: 25px;} .upload-song-link-field {width: 56%;} .upload-song-mp3 .btn-primary {width: 100%;} #previewContainer p {margin-left: 7px;} .upload-songs-curator .upload-song-yes-btn .btn-primary {width: 100%;font-size: 16px;padding: 12px 35px;} .upload-songs-curator .upload-song-no-btn .btn-primary {width: 100%;font-size: 16px;padding: 12px 35px;} .lease-text {display: block;font-size: 15px;} .upload-songs-curator .released-song-language {padding: 10px 0 0;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .track-overview-tab h4 {font-size: 24px;} .upload-songs-curator .released-song-date .form-control {width: 40%;} .upload-songs-curator .upload-song-yes-no {flex-wrap: wrap;} .upload-songs-curator .language-selection {width: 30%;} .upload-songs-curator .released-song-language.show {max-height: 150px;} .upload-songs-influencer-screen .influencer-steps-wizard .wizard .nav-tabs > li {width: 30%;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 52%;left: -140px;} .artist-song-name h5 {font-size: 18px;} .upload-songs-influencer-screen .upload-influencer-language {width: 100%;} .upload-songs-influencer-screen .upload-influencer-media span {font-size: 15px;} .upload-songs-influencer-screen .released-song-language.show {max-height: 320px;} .track-overview-tab h4 {font-size: 24px;} .follower-left-box {padding: 22px;margin-bottom: 15px;} .post-play-bar .play-bar-line {width: 97px;} .follower-middle-box {margin-bottom: 15px;} .upload-songs-influencer-screen .upload-influencer-language {width: 52%;} .follower-bottom-img {flex-wrap: wrap;} .upload-songs-influencer-screen .follower-bottom-img img {width: 30%;} .choose-curators-sec-bg {padding: 40px 20px;} .dreams-box-content {bottom: -22px;} .mini-photo-wrapper2 img {display: block;} section.list-of-artists-sec {padding: 60px 15px 40px;} .artist-welcome-content span {display: inline;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .hover-text-chg {transform: translateY(-50px);} .hover-text-chg p {display: block;} .hover-text-chg span {display: block;} #progressCarousel .carousel-indicators {width: 200px;justify-content: center !important;margin: 0 auto 30px auto;} .wallet-pg-sec {padding: 70px 15px 70px;} .funds-flex {display: block;} .funds-inner-box {margin-bottom: 25px;} .bank-sec-amt-flex {flex-wrap: wrap;} .bank-sec-amt {margin-bottom: 15px;} .payment-inner-box {padding: 16px 15px;} .fund-amount-box {padding: 16px 15px;height: 260px;} .transaction-box-bg {padding: 26px 15px 20px;} .tr-first-box a {font-size: 16px;padding: 13px 40px;display: block;text-align: center;} .account-avatr-img h4 {font-size: 22px;text-align: center;} .mobile-dropdown-hide .dropdown-list {top: 47px;} .header {padding: 20px 15px;} .brand img {width: 160px;} .header .menu-item {padding: 0 2px 0 0;} .show-mobile {display: none;} .header .menu-inner {column-gap: 1rem;margin: 0 0px 0 0px;} .banner-sec-img {padding: 15px;overflow: hidden;} .banner-content-text p {font-size: 20px;line-height: 25px;padding: 20px 0 30px;width: 100%;} .cur-submit-btn .btn-primary {padding: 12px 24px;font-size: 15px;} .promote-music-sec {padding: 30px 15px;} .banner-content-text h1 {font-size: 40px;} .banner-submit-text h5 {font-size: 18px;line-height: 25px;} .feedback-sec-bg {padding: 0 15px 20px;} .cur-login-btn .btn-primary {font-size: 14px;padding: 10px 15px;} .cur-signup-btn .btn-primary {font-size: 14px;padding: 10px 18px;} .promote-music-content h2 {font-size: 35px;line-height: 40px;} .promote-music-content p {font-size: 18px;width: 100%;line-height: 35px;} .feedback-div p {width: 90%;font-size: 15px;line-height: 25px;} .feedback-div h4 {font-size: 23px;line-height: 24px;} .top-curator-sec {padding: 190px 15px 120px;overflow: hidden;} .top-curator-content h2 {font-size: 35px;line-height: 40px;} .recently-shared-sec {padding: 40px 15px 70px;} .count-value span {font-size: 30px;} .user-sec-heading h2 {font-size: 35px;line-height: 40px;} .slider-box-shadow {padding: 0 20px 20px;} .user-sec-bg {padding: 60px 15px;} .faq-heading h2 {font-size: 35px;line-height: 40px;} .faq-heading p {font-size: 20px;} .footer-logo-content p {width: 100%;} .faq-sec-bg {padding: 80px 15px;} footer {padding: 50px 15px;} .image-shapes {width: 100%;z-index: 1;} .imagesContainer {width: 60px;height: 60px;} .image-div-slider {top: -30px;left: -20px;} .image-div-slider2 {top: 0px;left: 120px;} .image-div-slider3 .imagesContainer {width: 100px;height: 100px;} .image-div-slider3 {right: 190px;} .image-div-slider4 {top: -20px;} .image-div-slider5 .imagesContainer {width: 110px;height: 110px;} .image-div-slider6 .imagesContainer {width: 100px;height: 100px;} .image-div-slider6 {top: 139px;left: 200px;} .image-div-slider7 {right: 120px;} .image-div-slider8 .imagesContainer {width: 100px;height: 100px;} .image-div-slider8 {top: 109px;right: -26px;} .image-div-slider11 {width: 100px;height: 100px;bottom: -50px;right: 210px;} .image-div-slider9 {bottom: 60px;left: 130px;} .image-div-slider10 {bottom: 80px;right: 90px;} .image-div-slider11 img {width: 50px;} .account-setting-pg {display: flex;} .account-setting-pg .curator-mobile-show {display: none !important;} .account-setting-pg .curator-mobile-hide {display: flex !important;gap: 0;} .user-menu-wrap {text-align: center;} .account-setting-box {height: auto;padding: 0 0 0 0;} .account-setting-heading h3 {font-size: 24px;} .account-right-side h3 {font-size: 22px;margin: 0 0 40px 15px;} .account-fields-flex {display: block;margin: 0 15px 0px;} .account-setting-field {margin-bottom: 15px;} .account-form-btn {margin: 50px 0 0 0px;justify-content: center;} .tabs-item-listing li {padding: 18px 15px;} .mini-photo-wrapper img {display: block;margin: 0 auto;} .artist-personal-view {margin: 0 0px 140px;padding: 50px 15px 0;height: auto;} .curator-banner-flex {display: block;top: 0;left: 0;position: initial;} .border-line-circle {border: 3px solid #FBBC04;border-radius: 50%;width: 246px;height: 246px;display: flex;align-items: center;justify-content: center;} .banner-circle-content h2 {font-size: 25px;} .edit-bg-banner {bottom: 18px;right: 10px;} .main-flag-flex {margin: 0px 0 20px;} .pos-btn-flex {padding: 15px 15px 15px;height: auto;margin: -120px 0px 20px;justify-content: center;} .pos-btn-flex .primary-submit {padding: 13px 22px;} .about-network-sec {padding: 10px 0px 50px;} .left-sec-box p {width: 100%;} .left-social-link li {padding: 0 12px 0 0;} .tr-box-img img {width: 100%;} .left-sec {margin-bottom: 20px;} .favorite-boxes-cont {word-break: break-all;} .artist-welcome-banner-bg {padding: 40px 15px 10px;} .artist-welcome-content p {width: 100%;font-size: 15px;} .artist-welcome-content h3 {font-size: 25px;} .artist-welcome-btns .welcome-scr-submit {width: 100%;} .artist-welcome-btns .welcome-scr-refer {width: 100%;} .some-curator-sec {padding: 40px 15px 0px;} .some-curator-content h3 {font-size: 25px;} .some-curator-content p {font-size: 15px;} .some-curator-content span {display: inline;} .user-slider-div {margin: 0 0px 0;} .faq-heading {margin-bottom: 40px;} .artist-pg-banner {margin: 0 0px 140px;height: auto;padding: 60px 0 0;} .signin-sec {padding: 30px 15px !important;} .influencer-steps-wizard .connecting-line {height: 4px;width: 31%;margin: 0 auto;left: 30px;right: 0;top: 15px;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 48%;} .social-icon-selection .grid-col-auto {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 290px);} .header-logo-img {width: 160px;} .tiktok-fields label {font-size: 15px;} .tiktok-fields select {width: 100%;} .social-icon-selection .card-content p span {display: inline;} .curator-main-cls h2 {font-size: 25px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time {display: block;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .table-data-flex {display: block;text-align: center;} .tab-bar-flex {display: block;} .personal-note {right: 60px;} .content-text-tbr p {width: 100%;margin: 20px auto 20px auto;} .content-text-tbr.move-up p {transform: translateY(160px);} .col-tab-inner-effect {margin: 0 20px 40px;} .img-ct-text small {width: 100%;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .cur-mike {display: block;text-align: center;} .cur-mike span {display: inline-block;} .cur-mike h6 {font-size: 18px;} .side-listing {display: block;} .side-listing a {margin-bottom: 10px;display: block;} .inbox-inner-cont {display: block;} .think-cont p {margin-top: 10px;} .curator-profile-banner {padding: 60px 15px 0px;height: auto;margin: 0 0 120px;} .genres-box li {text-align: center;} .shared-slider-box img {width: 100%;} .info-icon {word-break: break-all;} .playlist-flex .slick-dots {display: none !important;} .help-sec-banner {padding: 120px 15px;} .popular-topics-sec {padding: 40px 15px 30px;} .help-banner-content h2 {font-size: 25px;} .gradient-box {margin-bottom: 15px;} .recommended-sec-bg {padding: 30px 15px;} .still-need-sec {padding: 30px 15px 70px;} .still-need-sec .row {padding: 40px 15px 0;margin: 0 0px;} .still-need-text a {font-size: 15px;padding: 15px 24px;margin: 40px 0 40px;} .how-it-works-curator-sec {padding: 50px 15px;} .how-it-work-content h2 {font-size: 35px;line-height: 42px;} .how-it-work-content p {font-size: 20px;line-height: 32px;margin: 30px 0 30px;} .how-it-work-content {margin-bottom: 50px;} .how-work-sec {padding: 50px 15px 20px;} .ht-cont h2 {font-size: 35px;line-height: 42px;} .work-form h4 {font-size: 23px;line-height: 32px;} .work-form p {width: 100%;margin: 18px 0 0;font-size: 15px;} .work-form {margin-bottom: 0px;} .artist-pg-tabs .nav-tabs .nav-link {font-size: 20px;} .hw-align-songs .work-form p {width: 100%;} .hw-align {margin: 60px 0 50px;} .how-it-work-content span {display: inline;} .favorite-top-bar {display: block;} .label-view-all .btn-primary {justify-content: center;margin: 13px 0 0;} .main-curator-scr {display: block;height: auto;} .main-signin-box {width: 70%;padding: 40px 55px 30px;margin: 60px auto 30px;} .bar-line:before {left: -260px;width: 250px;} .bar-line:after {right: -260px;width: 250px;} .white-popup {padding: 60px 15px 20px;max-width: 100%;} .mfp-close-btn-in .mfp-close {z-index: 0;} .coin-bundles-content {padding: 60px 15px 0 !important;} .coin-bundle-payment {padding: 60px 15px;} .bundle-inner-amount span {font-size: 30px;} .bundle-inner-amount img {width: 29px;height: 29px;} .methods-selection {display: block;} .methods-cards-selection {width: 100%;margin-bottom: 12px;} .paypal-method-selection {width: 100%;} .coin-bundle-payment p {line-height: 20px;} .card-inside {width: 80%;} .paypal-method-selection a {padding: 12px 60px 12px 10px;} .coin-bundles-content {padding: 60px 150px 0;} .error-page-content .text-span {display: inline;} .error-page-content .number-span {font-size: 130px;line-height: 130px;} .error-page-content h1 {font-size: 70px;} .ground-floor-ticket-sec {padding: 200px 15px 80px;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} .top-rows-radio-text p {line-height: 18px;} .top-rows-radio-text h6 {margin: 0 0 6px;} .upload-song-playlsiting-sec {padding: 120px 15px 70px;} .released-song-date .form-control {width: 50%;} .upload-song-playlsiting-sec .language-selection {width: 40%;margin-bottom: 10px;} .upload-song-playlsiting-sec .released-song-language.show {max-height: 160px;} .upload-song-playlsiting-sec .upload-song-link-field {width: 50%;} .upload-song-playlsiting-sec .upload-song-yes-no {flex-wrap: wrap;} .upload-song-playlsiting-sec .released-song-language .form-control {padding: 12px 15px;} .add-another-content {width: 40%;margin-top: 50px;} } @media only screen and (min-width:1260px) and (max-width: 1365px) { .curator-filter {width: 18% !important;} .playlisting-floor-sec {padding: 80px 70px !important;} .genre-msg-bar {bottom: 24px !important;z-index: 1;} .chat-inbox-sec {padding: 0 140px 0px !important;} .lines-svg-path {top: -20px;left: 107px;width: 70%;} .packages-pg-sec {width: 100%;} .verification-pg {margin: 50px 0 0 !important;} .slider-move-heading {margin: 69px 0 0 75px !important;} .slider-move-heading h5 {font-size: 18px !important;} .submission-animated-world-map svg {width: 100%;} .yellow-range-bar {width: 100%;} .automated-left-sec {flex-wrap: wrap;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .range-value p {line-height: 20px;} .genre-msg-bar p:before {height: 100vh;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .selection-f-input p {line-height: 17px;font-size: 13px;} .tiktok-credit .tk-credit {font-size: 13px;line-height: 17px;display: block;} .tiktok-credit .tk-icon {font-size: 12px;line-height: 15px;margin-bottom: 2px;} .three-selections {gap: 25px;} .user-menu .user-menu-link div {text-align: left;} .user-menu .profile-highlight .details {text-align: left;} .curator-fav-btn a {padding: 12px 13px;} .submit-play-box {flex-wrap: wrap;} .artist-submission-flex {display: block;} .artist-submission-btn a {margin: 20px 0 0;display: block;text-align: center;} .security-lock-text {display: block;} .security-lock-text p {margin-bottom: 12px;} .cur-img-container img {width: 100%;} .new-curator-bg {height: auto;padding: 20px 0 60px;} .curator-main-cls {margin-top: 0;} .successfully-text {width: 50%;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 70%;} #previewContainer p {margin-left: 7px;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .upload-song-link-field {width: 68%;} .upload-songs-curator .upload-song-yes-no {flex-wrap: wrap;} .upload-songs-influencer-screen .follower-bottom-img img {width: 30%;margin: 0 auto;} .post-listing-content li {padding: 0 6px 0 0;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 40%;} .post-play-bar .play-bar-line {width: 110px;} .choose-curators-sec-bg {padding: 50px 60px;} .profile {padding: 0;} .artist-welcome-content span {display: inline;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .hover-text-chg {transform: translateY(-50px);} .hover-text-chg p {display: block;} .hover-text-chg span {display: block;} .bank-sec-amt-flex {flex-wrap: wrap;} .show-mobile {display: none;} .header .menu-item {padding: 0 14px 0 0;} .brand img {width: 160px;} .header .navbar {justify-content: flex-start;} .header {padding: 20px 60px;} .header .menu-inner {padding-left: 57px;column-gap: 1rem;} .mobile-dropdown-hide .dropdown-list {top: 58px;} .banner-sec-img {overflow: hidden;} .banner-content-text p {font-size: 20px;line-height: 25px;padding: 20px 0 30px;width: 100%;} .cur-submit-btn .btn-primary {padding: 12px 24px;font-size: 15px;} .banner-content-text h1 {font-size: 40px;} .banner-submit-text h5 {font-size: 18px;line-height: 25px;} .cur-login-btn .btn-primary {font-size: 14px;padding: 10px 18px;} .cur-signup-btn .btn-primary {font-size: 14px;padding: 10px 18px;} .promote-music-content h2 {font-size: 35px;line-height: 40px;} .promote-music-content p {font-size: 18px;width: 100%;line-height: 35px;} .feedback-div p {width: 90%;font-size: 15px;line-height: 25px;} .feedback-div h4 {font-size: 23px;line-height: 24px;} .top-curator-sec {padding: 180px 120px 110px;overflow: hidden;} .top-curator-content h2 {font-size: 35px;line-height: 40px;} .recently-shared-sec {padding: 40px 120px 70px;} .count-value span {font-size: 30px;} .user-sec-heading h2 {font-size: 35px;line-height: 40px;} .slider-box-shadow {padding: 0 20px 20px;} .user-sec-bg {padding: 60px 120px;} .faq-heading h2 {font-size: 35px;line-height: 40px;} .faq-heading p {font-size: 20px;} .footer-logo-content p {width: 100%;} .faq-sec-bg {padding: 80px 120px;} footer {padding: 50px 70px;} .curator-links a {font-size: 12px;} .image-shapes {width: 100%;z-index: 1;} .imagesContainer {width: 60px;height: 60px;} .image-div-slider {top: -30px;left: -20px;} .image-div-slider2 {top: 0px;left: 120px;} .image-div-slider3 .imagesContainer {width: 100px;height: 100px;} .image-div-slider3 {right: 220px;} .image-div-slider4 {top: -20px;} .image-div-slider5 .imagesContainer {width: 110px;height: 110px;} .image-div-slider6 .imagesContainer {width: 100px;height: 100px;} .image-div-slider6 {top: 139px;left: 200px;} .image-div-slider7 {right: 120px;} .image-div-slider8 .imagesContainer {width: 100px;height: 100px;} .image-div-slider8 {top: 109px;right: -26px;} .image-div-slider11 {width: 100px;height: 100px;bottom: -50px;right: 210px;} .image-div-slider9 {bottom: 60px;left: 130px;} .image-div-slider10 {bottom: 80px;right: 90px;} .image-div-slider11 img {width: 50px;} .shared-flex {gap: 10px;} .faq-sec-bg .panel-title>a, .faq-sec-bg .panel-title>a:active {font-size: 19px;} .curator-links span {display: inline;} .account-setting-pg {display: flex;} .account-setting-pg .curator-mobile-show {display: none !important;} .account-setting-pg .curator-mobile-hide {display: flex !important;gap:4px;} .user-menu-wrap {text-align: center;} .account-setting-heading h3 {font-size: 24px;} .account-right-side h3 {font-size: 22px;} .account-avatr-img h4 {font-size: 22px;text-align: center;} .favorite-boxes-cont {word-break: break-all;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 32%;} .influencer-steps-wizard .connecting-line {width: 21%;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .curator-main-cls h2 {font-size: 25px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .cur-mike h6 {font-size: 18px;} .side-listing a {margin-bottom: 10px;display: block;} .think-cont p {margin-top: 10px;} .content-text-tbr.move-up p {transform: translateY(110px);} .personal-note.move-down {transform: translateY(10px);} .previously-reviewed-tabs .panel-heading a:before {margin-top: 30px;} .curator-profile-banner {padding: 120px 50px 0px;} .about-network-sec {padding: 10px 60px 50px;} .how-it-work-content span {display: inline;} .favorite-top-bar {display: block;} .label-view-all .btn-primary {justify-content: center;margin: 13px 0 0;} .bar-line:before {left: -200px;width: 190px;} .bar-line:after {right: -200px;width: 190px;} .main-signin-box {width: 70%;margin: -10px 0 0;} .main-curator-scr {height: auto;margin: 50px 0 50px;} .white-popup {padding: 60px 15px 20px;max-width: 70%;} .mfp-close-btn-in .mfp-close {z-index: 0;} .coin-bundle-payment {padding: 60px 70px;} .coin-bundles-content {padding: 60px 70px 0 !important;} .bundle-inner-amount span {font-size: 30px;} .bundle-inner-amount img {width: 29px;height: 29px;} .coin-bundle-payment p {line-height: 20px;} .card-inside {width: 80%;} .paypal-method-selection a {padding: 12px 60px 12px 10px;} .coin-bundles-content {padding: 60px 150px 0;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} .top-rows-radio-text p {line-height: 18px;} .top-rows-radio-text h6 {margin: 0 0 6px;} .upload-song-playlsiting-sec {padding: 120px 15px 70px;} .released-song-date .form-control {width: 30%;} .upload-song-playlsiting-sec .language-selection {width: 40%;margin-bottom: 10px;} .upload-song-playlsiting-sec .released-song-language.show {max-height: 160px;} .upload-song-playlsiting-sec .upload-song-link-field {width: 50%;} .upload-song-playlsiting-sec .upload-song-yes-no {flex-wrap: wrap;} .upload-song-playlsiting-sec .released-song-language .form-control {padding: 12px 15px;} .add-another-content {width: 33%;margin-top: 50px;} .tooltip-box {bottom: 30px !important;right: 270px !important;z-index: 1 !important;background-color: #fff !important;} } @media only screen and (min-width: 1366px) and (max-width: 1439px) { #exampleModal-dreams {right: -192px !important;} #exampleModal-dreams .modal-dialog {max-width: 34% !important;} #exampleModal-dreams .modal-content {padding: 40px 15px !important;} .released-song-date-no .form-control {width: 30% !important;} .badge-sec img {width: 80px !important;margin-right: 10px !important;} .chat-inbox-sec {padding: 0 140px 0px !important;} .tooltip-box {bottom: 30px !important;right: 410px !important;z-index: 1 !important;background-color: #fff !important;} .lines-svg-path {top: -20px;left: 116px;width: 70%;} .packages-pg-sec {width: 100%;} .slider-move-heading {margin: 85px 0 0 85px !important;} .slider-move-heading h5 {font-size: 18px !important;} .submission-animated-world-map svg {width: 100%;} .yellow-range-bar {width: 100%;} .verification-pg {margin: 50px 0 0 !important;} .automated-left-sec {flex-wrap: wrap;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .range-value p {line-height: 20px;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .selection-f-input p {line-height: 17px;font-size: 13px;} .tiktok-credit .tk-credit {font-size: 13px;line-height: 17px;display: block;} .tiktok-credit .tk-icon {font-size: 12px;line-height: 15px;margin-bottom: 2px;} .three-selections {gap: 25px;} .user-menu .user-menu-link div {text-align: left;} .user-menu .profile-highlight .details {text-align: left;} .curator-fav-btn a {padding: 12px 13px;} .submit-play-box {flex-wrap: wrap;} .artist-submission-flex {display: block;} .artist-submission-btn a {margin: 20px 0 0;display: block;text-align: center;} .security-lock-text {display: block;} .security-lock-text p {margin-bottom: 12px;} .cur-img-container img {width: 100%;} .new-curator-bg {height: auto;padding: 20px 0 60px;} .curator-main-cls {margin-top: 0;} .successfully-text {width: 50%;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 70%;} #previewContainer p {margin-left: 7px;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .upload-song-link-field {width: 68%;} .upload-songs-curator .upload-song-yes-no {flex-wrap: wrap;} .upload-songs-influencer-screen .follower-bottom-img img {width: 30%;margin: 0 auto;} .post-listing-content li {padding: 0 6px 0 0;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 40%;} .post-play-bar .play-bar-line {width: 110px;} .choose-curators-sec-bg {padding: 50px 70px;} .profile {padding: 0px;} .artist-welcome-content span {display: inline;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .hover-text-chg {transform: translateY(-50px);} .hover-text-chg p {display: block;} .hover-text-chg span {display: block;} .bank-sec-amt-flex {flex-wrap: wrap;} .show-mobile {display: none;} .header .menu-item {padding: 0 14px 0 0;} .brand img {width: 160px;} .header .navbar {justify-content: flex-start;} .header {padding: 15px 60px;} .header .menu-inner {padding-left: 57px;column-gap: 1rem;} .mobile-dropdown-hide .dropdown-list {top: 58px;} .banner-sec-img {overflow: hidden;} .banner-content-text p {font-size: 16px;line-height: 25px;padding: 10px 0 30px;width: 80%;} .cur-submit-btn .btn-primary {padding: 12px 24px;font-size: 13px;} .cur-learn-btn .btn-primary {font-size: 13px;padding: 12px 35px;} .banner-content-text h1 {font-size: 40px;} .banner-submit-text h5 {font-size: 16px;line-height: 25px;} .cur-login-btn .btn-primary {font-size: 13px;padding: 10px 28px;} .cur-signup-btn .btn-primary {font-size: 13px;padding: 10px 28px;} .promote-music-content h2 {font-size: 35px;line-height: 40px;} .promote-music-content p {font-size: 15px;line-height: 30px;} .feedback-div p {width: 90%;font-size: 15px;line-height: 25px;} .feedback-div h4 {font-size: 23px;line-height: 24px;margin-top: 15px;} .top-curator-sec {padding: 180px 120px 110px;overflow: hidden;} .top-curator-content h2 {font-size: 35px;line-height: 40px;} .recently-shared-sec {padding: 40px 120px 70px;} .count-value span {font-size: 30px;} .user-sec-heading h2 {font-size: 35px;line-height: 40px;} .slider-box-shadow {padding: 0 20px 20px;} .user-sec-bg {padding: 60px 120px;} .faq-heading h2 {font-size: 35px;line-height: 40px;} .faq-heading p {font-size: 20px;} .footer-logo-content p {width: 100%;} .faq-sec-bg {padding: 80px 120px;} footer {padding: 50px 120px;} .image-shapes {width: 100%;z-index: 1;} .imagesContainer {width: 60px;height: 60px;} .image-div-slider {top: -30px;left: -20px;} .image-div-slider2 {top: 0px;left: 120px;} .image-div-slider3 .imagesContainer {width: 100px;height: 100px;} .image-div-slider3 {right: 220px;} .image-div-slider4 {top: -20px;} .image-div-slider5 .imagesContainer {width: 110px;height: 110px;} .image-div-slider6 .imagesContainer {width: 100px;height: 100px;} .image-div-slider6 {top: 139px;left: 200px;} .image-div-slider7 {right: 140px;} .image-div-slider8 .imagesContainer {width: 100px;height: 100px;} .image-div-slider8 {top: 109px;right: -26px;} .image-div-slider11 {width: 100px;height: 100px;bottom: -50px;right: 240px;} .image-div-slider9 {bottom: 60px;left: 150px;} .image-div-slider10 {bottom: 80px;right: 110px;} .image-div-slider11 img {width: 50px;} .shared-flex {gap: 10px;} .faq-sec-bg .panel-title>a, .faq-sec-bg .panel-title>a:active {font-size: 16px;} .curator-links span {display: inline;} .header .menu-link {font-size: 15px;} .top-curator-btn .btn-primary {font-size: 13px;} .recent-shared-text h6 {font-size: 14px;} .recent-shared-text p {font-size: 14px;line-height: 20px;margin-top: 8px;} .faq-sec-bg .panel-body p {font-size: 15px;line-height: 25px;} .faq-btns .btn-primary {font-size: 13px;} .email-form .btn-primary {font-size: 13px;} .account-setting-pg {display: flex;} .account-setting-pg .curator-mobile-show {display: none !important;} .account-setting-pg .curator-mobile-hide {display: flex !important;} .user-menu-wrap {text-align: center;} .account-setting-heading h3 {font-size: 24px;} .account-right-side h3 {font-size: 22px;} .account-avatr-img h4 {font-size: 22px;text-align: center;} .favorite-boxes-cont {word-break: break-all;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 32%;} .influencer-steps-wizard .connecting-line {width: 21%;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .curator-main-cls h2 {font-size: 25px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .cur-mike h6 {font-size: 18px;} .side-listing a {margin-bottom: 10px;display: block;} .think-cont p {margin-top: 10px;} .content-text-tbr.move-up p {transform: translateY(110px);} .personal-note.move-down {transform: translateY(10px);} .previously-reviewed-tabs .panel-heading a:before {margin-top: 30px;} .curator-profile-banner {padding: 120px 50px 0px;} .about-network-sec {padding: 10px 60px 50px;} .favorite-top-bar {display: block;} .label-view-all .btn-primary {justify-content: center;margin: 13px 0 0;} .bar-line:before {left: -220px;width: 210px;} .bar-line:after {right: -220px;width: 210px;} .main-signin-box {width: 70%;margin: 0px 0 0;} .main-curator-scr {height: auto;margin: 50px 0 50px;} .white-popup {padding: 60px 15px 20px;max-width: 70%;} .mfp-close-btn-in .mfp-close {z-index: 0;} .coin-bundle-payment {padding: 60px 70px;} .coin-bundles-content {padding: 60px 70px 0 !important;} .bundle-inner-amount span {font-size: 30px;} .bundle-inner-amount img {width: 29px;height: 29px;} .coin-bundle-payment p {line-height: 20px;} .card-inside {width: 80%;} .paypal-method-selection a {padding: 12px 60px 12px 10px;} .coin-bundles-content {padding: 60px 150px 0;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} .top-rows-radio-text p {line-height: 18px;} .top-rows-radio-text h6 {margin: 0 0 6px;} .upload-song-playlsiting-sec {padding: 120px 15px 70px;} .released-song-date .form-control {width: 30%;} .upload-song-playlsiting-sec .language-selection {width: 40%;margin-bottom: 10px;} .upload-song-playlsiting-sec .released-song-language.show {max-height: 160px;} .upload-song-playlsiting-sec .upload-song-link-field {width: 50%;} .upload-song-playlsiting-sec .upload-song-yes-no {flex-wrap: wrap;} .upload-song-playlsiting-sec .released-song-language .form-control {padding: 12px 15px;} .add-another-content {width: 33%;margin-top: 50px;} } @media only screen and (min-width: 1440px) and (max-width: 1599px){ .packages-pg-sec {width: 93%;} .tooltip-text {background-color: #fff !important;left: -2px !important;} .tooltip-box {bottom: 30px !important;right: 490px !important;z-index: 1 !important;background-color: #fff !important;} .lines-svg-path {top: -20px;left: 125px;width: 70%;} .slider-move-heading {margin: 90px 0 0 91px !important;} .slider-move-heading h5 {font-size: 20px !important;} .submission-animated-world-map svg {width: 100%;} .yellow-range-bar {width: 100%;} .automated-left-sec {flex-wrap: wrap;} .verification-pg {margin: 70px 0 0 !important;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .range-value p {line-height: 20px;} .genre-msg-bar p:before {height: 100vh;} .curator-round-content {margin-top: 10px;} .display-curator-img {display: flex;} .selection-f-input p {line-height: 17px;font-size: 13px;} .tiktok-credit .tk-credit {font-size: 13px;line-height: 17px;display: block;} .tiktok-credit .tk-icon {font-size: 12px;line-height: 15px;margin-bottom: 2px;} .three-selections {gap: 25px;} .curator-fav-btn a {padding: 12px 14px;} .submit-play-box {flex-wrap: wrap;} .security-lock-text {display: block;} .security-lock-text p {margin-bottom: 12px;} .select-submission-sec .curator-main-cls .social-icon-selection .grid-col-auto {grid-template-rows: repeat(3, 190px);} .cur-img-container img {width: 100%;} .new-curator-bg {padding: 80px 0 0;} .upload-song-link-field {width: 73%;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 70%;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .upload-songs-influencer-screen .influencer-steps-wizard .connecting-line {width: 40%;} .upload-songs-influencer-screen .follower-bottom-img {flex-wrap: wrap;} .post-play-bar .play-bar-line {width: 146px;} .upload-songs-influencer-screen .follower-bottom-img img {width: 30%;margin: 0 auto;} .post-listing-content li {padding: 0 6px 0 0;} .add-another-content {width: 33%;} .artist-welcome-content span {display: inline;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .hover-text-chg {transform: translateY(-50px);} .hover-text-chg p {display: block;} .hover-text-chg span {display: block;} .funds-inner-box {margin-bottom: 25px;} .bank-sec-amt-flex {flex-wrap: wrap;} .bank-sec-amt {margin-bottom: 15px;} .payment-inner-box {padding: 16px 15px;} .fund-amount-box {padding: 16px 15px;height: 260px;} .transaction-box-bg {padding: 26px 15px 20px;} .tr-first-box a {font-size: 16px;padding: 13px 40px;display: block;text-align: center;} .btns-flex {gap: 5px;} .social-icon-selection .card-content p {width: 87%;} .mobile-dropdown-hide .dropdown-list {top: 58px;} .show-mobile {display: none;} .header .menu-item {padding: 0 14px 0 0;} .brand img {width: 160px;} .header .navbar {justify-content: flex-start;} .header {padding: 17px 60px;} .header .menu-inner {padding-left: 0;} .cur-login-btn .btn-primary {padding: 12px 25px;} .cur-signup-btn .btn-primary {padding: 12px 25px;} .banner-sec-img {overflow: hidden;} .top-curator-sec {overflow: hidden;} .image-shapes {z-index: 1;} .banner-submit-text {z-index: 1;} .account-avatr-img h4 {text-align: center;} .favorite-boxes-cont {word-break: break-all;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 32%;} .influencer-steps-wizard .connecting-line {width: 21%;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .curator-dashboard-sec {padding: 40px 0px 40px;} .comment-form-cookies-consent label {font-size: 15px;line-height: 21px;} .inner-toggle-time .form-control {margin-bottom: 10px;} .cur-dashboard-left-side {margin: 0 0 20px;} .inbox-bg {margin-bottom: 30px;} .dashboard-new-tabs .nav-tabs .nav-item {padding: 0 0px 0 0;} .tab-b-dg-cont p {font-size: 14px;line-height: 18px;margin-bottom: 6px;} .cur-mike {display: block;text-align: center;} .cur-mike span {display: inline-block;} .cur-mike h6 {font-size: 18px;} .side-listing {display: block;} .side-listing a {margin-bottom: 10px;display: block;} .inbox-inner-cont {display: block;} .think-cont p {margin-top: 10px;} .content-text-tbr.move-up p {transform: translateY(110px);} .favorite-top-bar {display: block;} .label-view-all .btn-primary {justify-content: center;margin: 13px 0 0;} .bar-line:before {left: -240px;width: 230px;} .bar-line:after {right: -240px;width: 230px;} .main-signin-box {width: 70%;margin: 10px 0 0;} .main-curator-scr {height: auto;margin: 50px 0 50px;} .white-popup {padding: 60px 15px 20px;max-width: 60%;} .mfp-close-btn-in .mfp-close {z-index: 0;} .coin-bundle-payment {padding: 60px 110px;} .coin-bundles-content {padding: 60px 110px 0;} .ground-floor-heading h4 {font-size: 25px;line-height: 30px;} .run-dasys-cls p {font-size: 15px;line-height: 20px;margin-top: 8px;} .amount-dy-cls span {font-size: 28px;display: flex;align-items: center;gap: 3px;} .top-rows-radio-text p {line-height: 18px;} .top-rows-radio-text h6 {margin: 0 0 6px;} } @media only screen and (min-width: 1600px) and (max-width: 1800px){ .genre-msg-bar {bottom: 54px !important;z-index: 1;} #exampleModal-dreams {right: -361px !important;} .curator-filter {width: 17% !important;} .tooltip-box {right: -140px !important;} .lines-svg-path {top: -27px;left: 145px;width: 70%;} .shared-box {margin-bottom: 28px;} .verification-pg {margin: 90px 0 0 !important;} .submission-animated-world-map svg {width: 100%;} .verification-pg .confirmm-btn .btn-primary {width: 48%;} .slider-move-heading {margin: 108px 0 0 111px !important;} .yellow-range-bar {width: 100%;} .automated-left-sec {flex-wrap: wrap;} .automated-submission-checkboxes {display: block;} .checkbox-bor {text-align: center;margin-bottom: 10px;} .automated-left-sec:after {display: none;} .automated-left-sec {margin: 40px 0px 0 0;padding: 0 0px 0 0;} .range-automated-slider {display: block;} .handle-item {height: 2px;} .range-value {display: block;margin-top: 30px;} .row.animated-map-content {margin: 40px 0 0;} .range-value p {line-height: 20px;} .submit-play-box {flex-wrap: wrap;} .cur-img-container img {width: 100%;} .upload-song-link-field {width: 73%;} .upload-songs-curator .influencer-steps-wizard .wizard .nav-tabs > li {width: 25%;} .upload-songs-curator .influencer-steps-wizard .connecting-line {width: 70%;} #previewContainer p {margin-left: 7px;} .upload-songs-curator .released-song-language .form-control {padding: 12px 15px;} .upload-songs-influencer-screen .follower-bottom-img img {width: 32%;} .post-play-bar .play-bar-line {width: 185px;} .add-another-content {width: 28%;} .img-flex-div {display: block;text-align: center;margin-bottom: 25px;} .bx-main-flex {display: block;} .fr-box-cur {margin-bottom: 10px;} .curator-genre li {margin-right: 0px;text-align: center;margin-bottom: 10px;display: block;} .hover-text-chg {transform: translateY(-50px);} .artist-welcome-content span {display: inline;} .bank-sec-amt-flex {flex-wrap: wrap;} .content-text-tbr.move-up p {transform: translateY(110px);} .personal-note.move-down {transform: translateY(10px);} .social-icon-selection .card-content p {width: 87%;} .account-avatr-img h4 {text-align: center;} .show-mobile {display: none;} .header .menu-item {padding: 0 15px 0 0;} .header .menu-inner {padding-left: 28px;} .cur-login-btn .btn-primary {padding: 12px 25px;} .cur-signup-btn .btn-primary {padding: 12px 25px;} .banner-sec-img {overflow: hidden;} .top-curator-sec {overflow: hidden;} .image-shapes {z-index: 1;} .banner-submit-text {z-index: 1;} .favorite-boxes-cont {word-break: break-all;} .influencer-steps-wizard .wizard .nav-tabs > li {width: 32%;} .influencer-steps-wizard .connecting-line {width: 21%;} .social-icon-selection .card-content p span {display: inline;} .social-icon-selection label.radio-card .card-content h4 {line-height: 28px;font-size: 20px;} .bar-line:before {left: -290px;width: 280px;} .bar-line:after {right: -290px;width: 280px;} .main-signin-box {width: 70%;margin: 30px 0 0;} .main-curator-scr {height: auto;margin: 50px 0 50px;} .coin-bundle-payment {padding: 60px 150px;} .coin-bundles-content {padding: 60px 150px 0;} } @media only screen and (min-width: 2560px) { .top-curator-sec {overflow: hidden;} .main-curator-scr {height: 80vh !important;} .signin-sec {height: 100vh;display: flex;align-items: center;justify-content: center;} .banner-sec-img {overflow: hidden;} } /*RESPONSIVE CSS END*/ .mobile-header-navabr nav {align-items: center;display: flex;justify-content: space-between;padding: 1rem 0rem;align-items: center;} .main-nav-holder {transition: 0.2s;} .main-nav {display: flex;} .main-nav > li {border: 0.1rem solid #e6e6e6;margin: 0 0.4rem 0 0;position: relative;} .main-nav > li > a, .main-nav > li > a:link, .main-nav > li > a:visited {display: block;padding: 0.8rem 1.5rem;color: #fff;} .main-nav > li > a:hover, .main-nav > li > a:link:hover, .main-nav > li > a:visited:hover {background: #000;} .main-nav > li.has-submenu > label {color: #fff;cursor: pointer;display: block;padding: 0.8rem 2.8rem 0.8rem 1.5rem;position: relative;} .main-nav > li.has-submenu > label:hover {background: #000;} .main-nav > li.close-nav {display: none;} .main-nav > li.active > a, .main-nav > li.active > a:link, .main-nav > li.active > a:visited, .main-nav > li.active > label {background: #e6e6e6;} .menu-caret {border-bottom: 0.6rem solid transparent;border-top: 0.6rem solid transparent;border-left: 0.6rem solid #fff;display: inline-block;line-height: 0;margin: 0 -0.3rem 0 1.2rem;position: absolute;right: 1.4rem;top: 1rem;transform-origin: 0.3rem 50%;transition: 0.2s;} .submenu {display: flex;padding: 1rem 0 0;opacity: 0;position: absolute;transition: 0.2s;visibility: hidden;transform: translateY(-5rem);white-space: nowrap;} .submenu > li {position: relative;} .submenu > li > a, .submenu > li > a:link, .submenu > li > a:visited {color: #fff;display: block;padding: 0.7rem 1.6rem;} .submenu > li > a:hover {color: #fff;} .submenu > li::after {content: "|";position: absolute;top: 0.7rem;right: -0.3rem;} .submenu > li:last-of-type::after {display: none;} .check-toggle {display: none;} .check-toggle:checked ~ label {background: #000;} .check-toggle:checked ~ .menu-caret {transform: rotate(90deg);} .check-toggle:checked ~ .submenu {opacity: 1;transform: translateY(0);visibility: visible;} .hamburger-menu, .menu-overlay {display: none;} .right-nav {display: flex;} .right-nav > li {align-items: center;display: flex;margin: 0 0.4rem 0 0;position: relative;} @media (max-width: 767px) { .hamburger-menu, .menu-overlay {display: block;} .menu-overlay {bottom: 0;left: 0;opacity: 0;position: fixed;right: 0;transition: 0.2s;transform: translateX(30%);visibility: hidden;top: 0;z-index: 2;} .main-nav-holder {background: white;bottom: 0;left: 0;overflow: hidden;position: fixed;top: 0;transform: translateX(-100%);width: 23rem;z-index: 3;} .main-nav {bottom: 0;display: block;left: 0;overflow-y: scroll;position: absolute;right: -1.5rem;top: 0;width: 100%;background-image: linear-gradient(to bottom, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);} .main-nav > li {border: none;border-bottom: 0.1rem solid #ffffff70;margin: 0;} .main-nav > li.close-nav {display: block;text-align: right;} .main-nav > li.close-nav > label {cursor: pointer;display: block;height: 4rem;position: relative;} .main-nav > li.close-nav > label::before, .main-nav > li.close-nav > label::after {background: #fff;content: "";height: 1.8rem;left: auto;position: absolute;top: 1rem;transform: translateX(-50%);width: 0.2rem;right: 30px;} .main-nav > li.close-nav > label::before {transform: rotate(-45deg);} .main-nav > li.close-nav > label::after {transform: rotate(45deg);} .main-nav > li.close-nav > label:hover::before, .main-nav > li.close-nav > label:hover::after {background: #fff;} .submenu li::after {display: none;} .check-toggle:checked ~ .main-nav-holder {opacity: 1;transform: translateX(0);visibility: visible;} .check-toggle:checked ~ .menu-overlay {background: rgba(0, 0, 0, 0.3);opacity: 1;transform: translateX(0);visibility: visible;} .check-toggle:checked ~ .submenu {height: auto;} .submenu {display: block;height: 0;padding: 0 0 0 1rem;position: static;}} .header {display: block;} .zoom-in {-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .8s ease-in-out;transition: all .8s ease-in-out;} .floating { animation-name: floating;animation-duration: 6s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;} @keyframes floating {from { transform: translate(0, 0px); }65% { transform: translate(0, 15px); }to { transform: translate(0, -0px); }} .music-player-img {position: relative;} .art-work-slider {position: absolute;top: 61px;left: 30px;display: inline-block;width: 44%;} .slider-move-heading {margin: 45px 0 0 111px;} .slider-move-heading h5 {font-size: 22px;font-weight: 600;color: #5B6B7E;font-family: 'Roboto', sans-serif;} .music-player-img .carousel-indicators {display: block;width: 160px;text-align: center;bottom: -140px;} #usa-id, #africa1, #iran-id, #mexico-id, #uk-id, #brazil-id, #africa2, #africa3, #africa4, #mauritius-id, #malaysia1, #malaysia2, #malaysia3{transition: 1s ease-in-out;} #path-line2, #path-line3, #path-line4, #path-line5, #path-line6{display: block;stroke-dasharray: 1000;stroke-dashoffset: 1000;pointer-events: none;transition: 1s ease-in-out;} #path-line2.active, #path-line3.active, #path-line4.active, #path-line5.active, #path-line6.active{stroke-dashoffset: 0;} .yellow-range-bar{position: relative;overflow: hidden;} .yellow-range-bar::before{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #FBBC04;} body:has(#path-line2.active) .yellow-range-bar::before{width:20%} body:has(#path-line3.active) .yellow-range-bar::before{width:40%} body:has(#path-line4.active) .yellow-range-bar::before{width:60%} body:has(#path-line5.active) .yellow-range-bar::before{width:80%} body:has(#path-line6.active) .yellow-range-bar::before{width:100%} .header .burger.is-active {position: fixed;} .tooltip-cur-click {position: relative;cursor: pointer;font-size: 17px !important;color: #535353 !important;} .tooltip-text {display: none;width: 330px;background-color: transparent;color: #fff;text-align: center;border-radius: 5px;padding: 10px 13px;position: absolute;z-index: 1;bottom: 100%;left: 50%;transform: translateX(-50%);border: 1px solid #00000094;border-radius: 10px;} .tooltip-close {position: absolute;top: 5px;right: 5px;cursor: pointer;width: 20px;height: 20px;border: 1px solid #808080;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .tooltip-text.active {display: block;} .heading-icon-tooltip {position: relative;display: inline-block;} .upload-songs-curator .tooltip-box {display: none;position: absolute;bottom: 100%;right: -160px;color: #808080;font-size: 14px;font-weight: 400;text-align: left;line-height: 23px;border: 1px solid #00000094;width: 330px;background-color: transparent;border-radius: 10px;padding: 19px 23px 19px 13px;} .close-tooltip {float: right;cursor: pointer;position: absolute;top: 5px;right: 5px;cursor: pointer;width: 20px;height: 20px;border: 1px solid #808080;border-radius: 50%;display: flex !important;align-items: center;justify-content: center;font-size: 14px !important;} .verification-pg {margin: 110px 0 0;} .add-new-header {box-shadow: 0 0 4px 1px #00000026;} .new-top-cur-row .col-lg-3 {max-width: 20%;} .account-border .profile-pic {color: transparent;transition: all 0.6s ease;display: flex;justify-content: center;/* align-items: center; */position: relative;transition: all 0.6s ease;padding: 30px 0 0px;} .account-border .profile-pic input {display: none;} .account-border .profile-pic img {position: absolute;object-fit: cover;width: 132px;height: 132px;box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.35);z-index: 0;border-radius: 50%;} .account-border .profile-pic .-label {cursor: pointer;height: 132px;width: 132px;margin-bottom: 0;} .account-border .profile-pic:hover .-label {display: flex;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.8);z-index: 10000;color: #fafafa;transition: background-color 0.6s ease-in-out;border-radius: 50%;margin-bottom: 0;} .account-border .profile-pic span {display: inline-flex;padding: 0.2em;height: 2em;} .account-border h4 {font-size: 25px;font-weight: 500;color: #333333;font-family: 'Roboto', sans-serif;text-align: center;margin-bottom: 20px;} .banner-circle-content svg {margin-left: 5px;} .denied-content {background-color: #FF0E0E !important;color: #fff !important;} .songs-lyrics-area {width: 50%;margin-top: 20px;} .notable-medal-mobile-hide {display: block;} .notable-medal-mobile-show {display: none;} .songs-lyrics-area .form-control {height: auto;outline: none;box-shadow: none;padding: 15px;resize: none;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;color: #535353;border-radius: 8px;border: 1px solid #707070; display: none;transition: all 0.6s;} .mobile-show-across {display: none;} .recently-shared-hide-mobile {display: block;} .recently-hide-show-mobile {display: none;} .artist-track-mobile-hide {display: block;} .artist-track-mobile-show {display: none;} .mobile-anime-show .zoom-in {webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s ease-in-out;transition: all .8s ease-in-out;} /* REFERRAL PROGRAM PAGE CSS BEGIN */ .referral-curator-text {width: 70%;} .referral-banner-img {margin: 0 auto;display: block;} .referral-description-sec {padding: 60px 120px 60px;} .ref-des-content {text-align: center;} .ref-des-content h2 {color: #4F200D;} .ref-des-content p {font-size: 22px;color: #808080;width: 40%;margin: 25px auto 70px auto;} .invite-referral-row {align-items: baseline;margin: 0 80px 0;} .invite-box-content h4 {color: #4F200D;margin: 15px 0 7px;} .invite-box-content p {color: #707070;width: 80%;} .timeline-sec-bg {padding: 40px 120px 10px;} .timeline-text li {color: #262626;font-size: 18px;padding: 13px 0 13px 40px;width: 70%;position: relative;} .timeline-text li:before {content: "";position: absolute;top: 17px;left: 0;width: 19px;height: 19px;border-radius: 50%;background-image: linear-gradient(to bottom, #fbbc04, #fdaf00, #fea100, #ff9300, #ff8400);} .timeline-sec-bg .row {align-items: center;} .timeline-text {position: relative;overflow: hidden;} .timeline-text:before {content: "";position: absolute;top: 17px;left: 9px;width: 1px;height: 230px;background-color: #FBBC04;} .terms-conditions-sec-bg {padding: 20px 120px 70px;} .tm-cond-content h2 {color: #4F200D;margin-bottom: 40px;} .tm-cond-lft-content h4 {color: #262626;line-height: 40px;} .tm-cond-lft-content p {color: #4F200D;width: 80%;margin: 0 0 20px;} #exampleModal-referral-modal .modal-content {background-color: #E9F0F5;border-radius: 23px;box-shadow: 0 0 6px 2px #0000002e;} #exampleModal-referral-modal .modal-dialog {max-width: 710px;margin: 1.75rem auto;} .referral-modal-content {text-align: center;padding: 40px 40px;} .referral-modal-content h4 {font-weight: 500;color: #262626;} .referral-modal-content p {font-size: 18px;color: #535353;width: 73%;margin: 0 auto 20px auto;} .referral-box-search {position: relative;} .referral-box-search .form-control {font-size: 18px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;height: auto;outline: none;box-shadow: none;padding: 15px 133px 15px 28px;border-radius: 30px;border: 1px solid #7070705e;} .copy-text-btn {position: absolute;top: 7px;right: 7px;} .copy-text-btn .btn-primary {font-size: 15px;font-weight: 500;color: #262626 !important;font-family: 'Roboto', sans-serif;background-color: #E9F0F5 !important;border-radius: 32px;padding: 10px 30px;text-transform: uppercase;} .referral-social-icon {text-align: left;margin: 30px 0 0 30px;} .referral-social-icon li {display: inline-block;padding: 0 10px 0 0;} .referral-social-icon a {width: 72px;height: 72px;display: flex;background-color: #88849B;border-radius: 50%;align-items: center;justify-content: center;} .referral-social-icon ul {display: flex;} .fb-color {background-color: #3B5998 !important;} .twitter-color {background-color: #000000 !important;} .whatsapp-color {background-color: #000000 !important;} /* REFERRAL PROGRAM PAGE CSS END */ .add-all-checkbox .form-group {display: block;margin-bottom: 0;} .add-all-checkbox .form-group input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;} .add-all-checkbox .form-group label {position: relative;cursor: pointer;font-size: 18px;font-weight: 700;color: #535353;} .add-all-checkbox .form-group label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #0009;padding: 10px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 8px;} .add-all-checkbox .form-group input:checked + label:after {content: '';display: block;position: absolute;top: 6px;left: 5px;width: 15px;height: 15px;border: solid #FBBC04;background-color: #FBBC04;} .add-all-checkbox {text-align: end;} .add-all-checkbox .form-group input:checked + label:before {border: 2px solid #FBBC04;} .popup-box-curator i {margin-left: 5px;color:#fff;} .popup-box-curator a {padding: 9px 15px;border-radius: 25px;font-size: 12px;font-weight: 400;color: #fff;background-color: #FF0E0E;display: inline-block;align-items: center;margin-top: 6px;} .position-item-flex {position:relative;} .genre-msg-bar {position: absolute;bottom: -80px;left: 0;} .genre-msg-bar {display: none;} .spotify-playlist {margin: 0 0 26px;} .spotify-playlist h6 {display: flex;align-items: center;gap: 15px;font-size: 18px;font-weight: 500;color: #FEFEFD;margin: 10px 0 8px;} .spotify-playlist a {width: auto;height: auto;background-color: transparent;} .spotify-playlist .form-control {height: auto;outline: none;box-shadow: none;padding: 15px 15px;font-size: 14px;font-weight: 400;color: #808080;border-radius: 4px;font-family: 'Roboto', sans-serif;} .share-checkbox {margin-bottom: 10px;} .share-checkbox h6 {text-align: left;font-size: 18px;font-weight: 500;color: #FEFEFD;margin: 10px 0 18px;} .share-checkbox [type="radio"]:checked, .share-checkbox [type="radio"]:not(:checked) {position: absolute;left: -9999px;} .share-checkbox [type="radio"]:checked + label, .share-checkbox [type="radio"]:not(:checked) + label{position: relative;padding-left: 28px;cursor: pointer;line-height: 20px;display: inline-block;color: #666;font-size: 14px;font-weight: 400;color: #FEFEFD;} .share-checkbox [type="radio"]:checked + label:before, .share-checkbox [type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #FEFEFD;border-radius: 100%;background: transparent;} .share-checkbox [type="radio"]:checked + label:after, .share-checkbox [type="radio"]:not(:checked) + label:after {content: '';width: 10px;height: 10px;background: #FBBC04;position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} .share-checkbox [type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);} .share-checkbox [type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} .share-checkbox form {text-align: left;} #exampleModal-dreams .modal-header {border-bottom: 0;} #exampleModal-dreams .modal-dialog {max-width: 41%;margin: 0rem 0rem 0rem auto;} #exampleModal-dreams .modal-content {border-radius: 21px;padding: 40px 40px;background-color: #edf2f5;} #exampleModal-dreams .modal-header .close {margin: 0rem 0rem -1rem auto;} .songs-lyrics-text li {display: block;font-size: 14px;font-weight: 500;color: #808080;padding: 4px 0;} .songs-lyrics-text::-webkit-scrollbar {display: none;} .mark-shared-btn .btn-primary {font-size: 12px;font-weight: 400;color: #535353 !important;border-radius: 6px;background-color: #FBBC04 !important;padding: 12px 27px;} #exampleModal-mark-shared .modal-footer {border-top: 0;} .mark-shared-content .form-control {height: auto;outline: none;box-shadow: none;padding: 15px 15px 15px 31px;border: 1px solid #808080;border-radius: 7px;resize: none;font-size: 14px;font-weight: 400;color: #808080;font-family: 'Roboto', sans-serif;} .link-script {margin-top: 15px;} .mark-shared-content p {font-size: 16px;font-weight: 500;color: #262626;margin-bottom: 10px;} #exampleModal-mark-shared .modal-footer {justify-content: center;} #exampleModal-mark-shared .modal-footer .btn-secondary {font-size: 14px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;background-color: #DAD4D4;border-radius: 8px;padding: 15px 39px;outline: none !important;box-shadow: none !important;text-transform: uppercase;} #exampleModal-mark-shared .modal-footer .btn-primary { font-size: 14px;font-weight: 400;color: #535353;font-family: 'Roboto', sans-serif;background-color: #FBBC04;border-radius: 8px;text-transform: uppercase;padding: 15px 39px;outline: none !important;box-shadow: none !important;} #exampleModal-mark-shared .modal-dialog {max-width: 620px;} #exampleModal-mark-shared .modal-content {padding: 50px 60px;border-radius: 14px;} .tab-b-dg {position: relative;} .dream-play-btn {position: absolute;top:0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} .dream-play-btn span {color: #FBBC04;font-size: 22px;width: 100%;display: block;text-align: center;} #myModal-pageload .modal-dialog {max-width: 55%;} #myModal-pageload .modal-content {border-radius: 13px;} #myModal-pageload .modal-header {border-bottom: 0;} #myModal-pageload .modal-header .close {margin: 0 0 0 auto;border: 1px solid #000000;width: 11px;height: 11px;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .pl-modal-content {align-items: center;padding: 10px 0px 0px;width: fit-content;} .pageload-content span {font-size: 14px;font-weight: 700;color: #847878;text-transform: uppercase;font-family: 'Neue Haas Grotesk Display Pro';} .pageload-content h2 {color: #262626;margin: 5px 0 10px;font-size: 25px;line-height: 30px;} .pageload-content p {font-weight: 500;color: #808080;font-size: 14px;line-height: 20px;} .pageload-content .btn-primary {font-size: 14px;font-weight: 400;color: #262626 !important;background-color: #FBBC04 !important;border-radius: 10px;padding: 12px 10px;text-transform: uppercase;letter-spacing: 2px;margin: 19px 0 0;} .paperclip-link {position: absolute;top: 15px;left: 9px;} .paperclip-link a {color: #808080;} .ls-link {position: relative;} .chat-inbox-sec {padding: 0 210px 0px;background-color: #FAFAFA;} .wrap-feature41-box .f41-tab {display: block;background-color: #EDF2F5;padding: 30px 0;height: 824px;overflow-y: scroll;} .wrap-feature41-box .f41-tab li a {margin-bottom: 0px;padding: 25px;} .wrap-feature41-box .f41-tab li a .t-icon {margin-right: 25px;color: #8d97ad;} .wrap-feature41-box .f41-tab li a h5 {font-weight: 500;} .wrap-feature41-box .f41-tab li a h6 {font-size: 16px;margin-bottom: 0px;font-weight: 500;color: #000000;font-family: 'Roboto', sans-serif;} .wrap-feature41-box .f41-tab li a.active, .wrap-feature41-box .f41-tab li a:hover {background: #ffffff;box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);} .wrap-feature41-box .f41-tab li a.active .t-icon, .wrap-feature41-box .f41-tab li a:hover .t-icon {background: #00b4ff;background: -webkit-linear-gradient(legacy-direction(to right), #00b4ff 0%, #00b4ff 100%);background: linear-gradient(to right, #00b4ff 0%, #00b4ff 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;} .main-img-inbox {display: flex;justify-content: space-between;} .inbox-cont {display: flex;align-items: center;gap: 15px;} .inbox-content-img img {width: 58px;height: 58px;border-radius: 50%;} .inbox-content-txt p {font-size: 14px;color: #808080;} .content-inbox-time span {font-size: 14px;font-weight: 500;color: #808080;} .chat-bg-col {background-color: #fff;padding: 0 0;} .wrap-feature41-box .col-lg-4 {padding: 0 0;} .img-chat-flex {display: flex;align-items: center;gap: 13px;padding: 0px 30px;border-bottom: 1px solid #13131314;padding-bottom: 28px;} .img-chat-flex img {width: 58px;height: 58px;border-radius: 50%;} .img-chat-flex h6 {font-size: 18px;font-weight: 500;color: #000000;font-family: 'Roboto', sans-serif;} .first-chat-box {padding: 30px 0px 0px;} .chat-data {display: flex;align-items: center;gap: 16px;padding: 22px 30px 20px;} .chat-data-img img {width:44px;height: 44px;border-radius: 50%;} .chat-data-title h6 {font-size: 16px;font-weight: 500;color: #000000;font-family: 'Roboto', sans-serif;} .chat-data-time span {font-size: 14px;font-weight: 400;color: #000000;font-family: 'Roboto', sans-serif;} .msg-content-data {padding-left: 90px;border-bottom: 1px solid #13131314;padding-bottom: 27px;} .msg-content-data small {font-size: 14px;font-weight: 400;color: #000000;} .msg-content-data p {font-size: 14px;color: #000000;margin: 12px 0 12px;padding-right: 15px;} .msg-content-data span {display: block;font-size: 14px;font-weight: 400;color: #000000;} .chat-data-sec {padding: 22px 30px 0px;} .msg-content-data-sec {padding: 15px 20px;background-color: #FAFAFA;border-radius: 10px;margin: 0 30px 0 34px;border-bottom: 0;} .new-chat-border {border-bottom: 1px solid #13131314;padding-bottom: 27px;} .main-chat-text-box {display: flex;align-items: center;gap: 10px;padding: 20px 35px;} .write-text {width: 100%;} .write-text .form-control {resize: none;height: auto;outline: none;box-shadow: none;padding: 15px 15px;font-size: 15px;font-weight: 400;color: #000;font-family: 'Roboto', sans-serif;border: 0;} .send-paper-plane a {width: 30px;height: 30px;background-color: #FBBC04;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .wrap-feature41-box .f41-tab::-webkit-scrollbar {display: none;} .new-scollbarbar-hide {overflow-y: scroll;height: 610px;} .new-scollbarbar-hide::-webkit-scrollbar {display: none;} .write-text .form-control::-webkit-scrollbar {display: none;} #file-preview-container img {width: 80px;margin-left: 30px;} .ppaper-clip label {margin-bottom: 0;} .badge-sec img {width: 100px;margin-right: 10px;} .favourite-flex {display: flex;align-items: center;justify-content: space-between;} .like-sec-modal {height: auto;} #exampleModal-dreams {right: -450px;left: auto;} .revenue-listing svg {width: 30px;margin-left: 10px;} .song-site-links {margin: 10px 0 0;} .song-site-links a {font-size: 14px;font-weight: 400;color: #262626;margin-bottom: 10px} .song-site-links .view-sad-all {color: blue;text-decoration: underline;} .In-box-text {line-height: 32px;margin: 0 0 28px 30px;text-transform: uppercase;} .sholpub-text p {font-size: 14px;font-weight: 500;color: #535353;line-height: 18px;padding: 4px 0 2px;} .sholpub-text li {display: inline-block;font-size: 15px;color: #808080;} .sholpub-text i {color: #FBBC04;} .sholpub-text span {vertical-align: revert;padding: 0px 2px;} .signin-become-curator .new-curator-bg {height: auto;} .signin-become-curator {padding: 0px 120px 0px;} .zoom-in-out {-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .8s ease-in-out;transition: all .8s ease-in-out;} .curator-filter {width: 13%;margin: 0 0 15px auto;} .curator-filter .form-control {height: auto;outline: auto;padding: 15px;border-radius: 7px;font-size: 15px;font-weight: 400;color: #000000a8;border: 1px solid #00000038;box-shadow: none;} .lyrics-areatext .form-control{height: auto;outline: none;box-shadow: none;padding: 15px 33px 15px 15px;font-size: 15px;font-weight: 400;font-family: 'Roboto', sans-serif;color: #535353;border-radius: 8px;border: 1px solid #707070;resize: none;} .lyrics-areatext {width: 100%;position: relative;overflow: visible;} .lyrics-areatext .form-control::-webkit-scrollbar {display: none;} .txt-info-icon {position: absolute;top: 15px;right: 11px;} .hover-curator-tooltip {position: absolute;top: -11px;right: 0;border: 1px solid #000;padding: 3px 20px;width: 121px;opacity: 0;transition: 0.6s all ease-in-out;transform: translateY(20px);} .hover-curator-tooltip span {display: block;font-size: 14px;color: #000;font-weight: 400;border-radius: 5px;} .txt-info-icon:hover .hover-curator-tooltip {opacity: 1;transform: translateY(0px);} .song-lyrics-new {height: 400px;overflow-y: scroll;} #pagination-demo li {border: 1px solid #fff;} #pagination-demo .page-item.active .page-link {color: #fff;background-color: #fbbc04;border-color: #fbbc04;} #pagination-demo .page-link:hover {color: #000;background-color: transparent;border-color: transparent;} #pagination-demo .page-link {color: #000;} .dashboard-pagination {margin: 20px 0 0;} .user-slider-div .slick-dots li {margin: 0 0;} .user-slider-div .slick-dots li button:before {color:transparent} .top-curator-mobile-responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .top-curator-mobile-responsive .slick-dots li {margin: 0 0;} .top-curator-mobile-responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .top-curator-mobile-responsive .slick-dots li button:before {color:transparent} .top-curator-mobile-responsive .slick-dots {bottom:-16px;} .recently-show-mobile-responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .recently-show-mobile-responsive .slick-dots li {margin: 0 0;} .recently-show-mobile-responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .recently-show-mobile-responsive .slick-dots li button:before {color:transparent} .recently-show-mobile-responsive .slick-dots {bottom:-16px;} .art-work-slider .carousel-indicators li.active {width: 12px;height: 32px;background-color: #4F200D;} .art-work-slider .carousel-indicators li {display: inline-block;font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .music-player-img .carousel-indicators {display: none;} .released-song-date-no {display: none;transition: max-height 0.5s ease-in-out;max-height: 0;overflow: hidden;} .released-song-date-no.show {display: block;} .released-song-date-no span {font-size: 14px;font-weight: 500;color: #262626;font-family: 'Roboto', sans-serif;display: block;margin: 0 0 9px;} .released-song-date-no .form-control {width: 27%;padding: 10px 15px;height: auto;outline: none;box-shadow: none;border: 1px solid #808080;} .released-song-date-no.show {max-height: 100px;} #main {margin: 50px 0;} #main #faq .card {margin-bottom: 30px;border: 0;} #main #faq .card .card-header {border: 0;-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);border-radius: 2px;padding: 0;} #main #faq .card .collapsing {line-height: 30px;} #main #faq .card .collapse {border: 0;} .mobile-dev-show {display: none;} .top-curator-mobile-responsive .slick-dots li.slick-active button:before {color: transparent;} .recently-show-mobile-responsive .slick-dots li.slick-active button:before {color: transparent;} .slider .slick-dots li.slick-active button:before {color: transparent;} .artist-page-mobile-responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .artist-page-mobile-responsive .slick-dots li {margin: 0 0;} .artist-page-mobile-responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .artist-page-mobile-responsive .slick-dots li button:before {color:transparent} .artist-page-mobile-responsive .slick-dots {bottom:-16px;} .artist-top-view-responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .artist-top-view-responsive .slick-dots li {margin: 0 0;} .artist-top-view-responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .artist-top-view-responsive .slick-dots li button:before {color:transparent} .artist-top-view-responsive .slick-dots {bottom:-16px;} .artist-track-mobile-responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .artist-track-mobile-responsive .slick-dots li {margin: 0 0;} .artist-track-mobile-responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .artist-track-mobile-responsive .slick-dots li button:before {color:transparent} .artist-track-mobile-responsive .slick-dots {bottom:-16px;} .artist-favourite-slider-responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .artist-favourite-slider-responsive .slick-dots li {margin: 0 0;} .artist-favourite-slider-responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .artist-favourite-slider-responsive .slick-dots li button:before {color:transparent} .artist-favourite-slider-responsive .slick-dots {bottom:-16px;} .curator-dashboard-slider-responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .curator-dashboard-slider-responsive .slick-dots li {margin: 0 0;} .curator-dashboard-slider-responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .curator-dashboard-slider-responsive .slick-dots li button:before {color:transparent} .curator-dashboard-slider-responsive .slick-dots {bottom:-16px;} .responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .responsive .slick-dots li {margin: 0 0;} .responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .responsive .slick-dots li button:before {color:transparent} .responsive .slick-dots {bottom:-16px;} .label-track-slider-responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .label-track-slider-responsive .slick-dots li {margin: 0 0;} .label-track-slider-responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .label-track-slider-responsive .slick-dots li button:before {color:transparent} .label-track-slider-responsive .slick-dots {bottom:-16px;} .label-favourite-slider-responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .label-favourite-slider-responsive .slick-dots li {margin: 0 0;} .label-favourite-slider-responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .label-favourite-slider-responsive .slick-dots li button:before {color:transparent} .label-favourite-slider-responsive .slick-dots {bottom:-16px;} .label-mobile-slider-responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .label-mobile-slider-responsive .slick-dots li {margin: 0 0;} .label-mobile-slider-responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .label-mobile-slider-responsive .slick-dots li button:before {color:transparent} .label-mobile-slider-responsive .slick-dots {bottom:-16px;} .label-personal-mobile-responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .label-personal-mobile-responsive .slick-dots li {margin: 0 0;} .label-personal-mobile-responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .label-personal-mobile-responsive .slick-dots li button:before {color:transparent} .label-personal-mobile-responsive .slick-dots {bottom:-16px;} .label-personal-slider-responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .label-personal-slider-responsive .slick-dots li {margin: 0 0;} .label-personal-slider-responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .label-personal-slider-responsive .slick-dots li button:before {color:transparent} .label-personal-slider-responsive .slick-dots {bottom:-16px;} .label-view-track-responsive .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .label-view-track-responsive .slick-dots li {margin: 0 0;} .label-view-track-responsive .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .label-view-track-responsive .slick-dots li button:before {color:transparent} .label-view-track-responsive .slick-dots {bottom:-16px;} .mobile-boxes-show {display: none;} .responsive-mobile-box .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .responsive-mobile-box .slick-dots li {margin: 0 0;} .responsive-mobile-box .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .responsive-mobile-box .slick-dots li button:before {color:transparent} .responsive-mobile-box .slick-dots {bottom:-30px;} .genre-mobile-show {display: none;} .genre-mobile-show .form-control {height: auto;outline:none;box-shadow: none;padding: 15px;border-radius: 7px;border: 1px solid #0000003b;font-size: 15px;font-weight: 400;color: #000;font-family: 'Roboto', sans-serif;} .playlist-mobile-show {display: none;} .responsive-playlist-mobile-show .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .responsive-playlist-mobile-show .slick-dots li {margin: 0 0;} .responsive-playlist-mobile-show .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .responsive-playlist-mobile-show .slick-dots li button:before {color:transparent} .responsive-playlist-mobile-show .slick-dots {bottom:-30px;} .expired-tab-mobile-show {display: none;} .responsive-expired-tab-slider .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .responsive-expired-tab-slider .slick-dots li {margin: 0 0;} .responsive-expired-tab-slider .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .responsive-expired-tab-slider .slick-dots li button:before {color:transparent} .responsive-expired-tab-slider .slick-dots {bottom:-30px;} .artist-mobile-show-slider {display: none;} .responsive-artist-profile-res .slick-dots li.slick-active button {width: 12px;height: 32px;background-color: #4F200D;} .responsive-artist-profile-res .slick-dots li {margin: 0 0;} .responsive-artist-profile-res .slick-dots li button {font-size: 0;width: 12px;height: 14px;background-color: #ACAEAE;border-color: transparent;} .responsive-artist-profile-res .slick-dots li button:before {color:transparent} .responsive-artist-profile-res .slick-dots {bottom:-30px;} .mobile-floor-playlisting {display: none;} .curator-filter .select {position: relative;margin-bottom: 15px;width: 100%;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);} .curator-filter .select .selectBtn {background: var(--bg1);padding: 10px 14px;box-sizing: border-box;border-radius: 7px;width: 100%;cursor: pointer;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: #fff;border: 1px solid #00000052;text-align: center;} .curator-filter .select .selectBtn:after {content: "";position: absolute;top: 48%;right: 12px;width: 6px;height: 6px;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);border-right: 2px solid #666;border-bottom: 2px solid #666;transition: 0.2s ease;} .curator-filter .select .selectBtn.toggle {border-radius: 3px 3px 0 0;} .curator-filter .select .selectBtn.toggle:after {-webkit-transform: translateY(-50%) rotate(-135deg);transform: translateY(-50%) rotate(-135deg);} .curator-filter .select .selectDropdown {position: absolute;top: 100%;width: 100%;border-radius: 0 0 3px 3px;overflow: hidden;background: var(--bg1);border-top: 1px solid #eee;z-index: 1;background: #fff;-webkit-transform: scale(1, 0);transform: scale(1, 0);-webkit-transform-origin: top center;transform-origin: top center;visibility: hidden;transition: 0.2s ease;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);} .curator-filter .select .selectDropdown .option {padding: 10px;box-sizing: border-box;cursor: pointer;} .curator-filter .select .selectDropdown .option:hover {background: #f0b404;} .curator-filter .select .selectDropdown.toggle {visibility: visible;-webkit-transform: scale(1, 1);transform: scale(1, 1);} .songs-lyrics-text-doc {margin: 0 0 20px;display: none;} .songs-lyrics-text-doc .form-control {height: auto;outline: none;box-shadow: none;resize: none;font-size: 15px;font-weight: 400;color: #000;border: 1px solid #00000052;border-radius: 7px;font-family: 'Roboto', sans-serif;padding: 15px;} .songs-lyrics-text-doc2 {margin: 0 0 20px;display: none;} .songs-lyrics-text-doc2 .form-control {height: auto;outline: none;box-shadow: none;resize: none;font-size: 15px;font-weight: 400;color: #000;border: 1px solid #00000052;border-radius: 7px;font-family: 'Roboto', sans-serif;padding: 15px;} .white-popup .dreams-box-content {bottom: -130px;} .desktop-image-hide {display: none;} .toggle-lyrics2 .svg-pencil-icon {width: 30px;margin: 15px 0 0;} .toggle-lyrics .svg-pencil-icon {width: 30px;margin: 15px 0 0;} .lock-box-text .songs-lyrics-text {padding: 20px 20px;border-radius: 7px;width: 50%;background-color: #fff;} .curator-genres .custom-multiselect {width: 100%;} .curator-genres .selectBox {position: relative;} .curator-genres .selectBox select {width: 100%;} .curator-genres .selectWrapper {position: absolute;left: 0;right: 0;top: 0;bottom: 0;} .curator-genres #selectOptions {display: none;border: 1px #dddddd solid;box-shadow: 0 0 12px 0 rgba(0,0,0,.12);position: absolute;z-index: 1;width: 100%;background-color: #fff;padding: 10px 0px;} .curator-genres #selectOptions label {display: block;color: #000;padding: 2px 10px;} .curator-genres #selectOptions label:hover {background-color: #000000;color: #fff;} .curator-genres .singleOption{position: relative;}
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0.1 |
proxy
|
phpinfo
|
Настройка