.panel {
            display: block !important;
              
        }
        .cross-icon{
            display:none;
        }
.studio-img{
    
     transition: .3s;
}
section.muso-home-bot .musicbot-filter {
    border: 0;
}
section.muso-home-bot {
    position: fixed;
        overflow: auto;
    top: 75px;
    right: 0;
    width: 84%;
    z-index: 111;
    background: #1c183a;
    height: 100%;
}
.cross-icon {
    text-align: right;
    margin-bottom: 30px;
    cursor:pointer;
    margin-top: 10px;
    font-size: 20px;
}
h4.click-filter {
    border: 1px solid #9401b9;
    padding: 10px 20px;
    font-size: 15px;
    border-radius:23px;
    text-align: right;
    float: right;
    width: 100%;
}

h4.click-filter i {
    padding-right: 10px;
}

.webnone .filter-head {
    display: block;
    float: right;
    margin: 20px 0;
}

h4.click-filter i {
    padding-right: 10px;
}

.webnone .filter-head {
    display: block;
    float: right;
    margin: 20px 0;
}
.webnone {
    display: none;
}
.muso-home-bot{
    display:none
}
.studio-img11 {
    position: relative;
    overflow: hidden;
}

.studio-img11 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); /* Dark color */
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    border-radius: inherit;
}

.studio-img11:hover .overlay {
    opacity: 1;
}
.course-tales {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.serch-input input {
    border-radius: 23px;
    background: white;
    height: 40px;
    padding: 17px;
    border: 0;
    position: relative;
}

.serch-input i {
    position: absolute;
    top: 12px;
    right: 11px;
    color: black;
}

.serch-input {
    position: relative;
}

.course-tale h4 {
    margin-bottom: 0;
}
.btn-design-filter a {
    background: linear-gradient(90deg, #FB0046 0%, #7002E1 100%);
    width: 100%;
    border-radius: 23px;
    padding: 12px;
}

.btn-design-filter {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
ul#pills-tab-amount {
    /* justify-content: flex-start; */
    /* display: inline-flex
; */
    margin: 0 0 15px;
    width: 100%;
}
ul#pills-tab-amount {
    background: white;
    border-radius: 34px;
    align-items: center;
    padding: 0;
    border-bottom: 0 !important;
}

ul#pills-tab-amount li {
    padding: 0px !important;
    width: 50%;
}

ul#pills-tab-amount li .active {
    background: #F2004E !important;
    border-radius: 23px;
    color: white;
}

ul#pills-tab-amount li button {
    color: black;
    display:block;
}

ul#pills-tab-amount li button {
    text-transform: capitalize;
    padding: 10px;
        font-weight: 500;
    width: 100%;
}

ul#pills-tab-amount:before {
    border-bottom: 0;
}
.custom--checkbox label {
    padding-top: 3px;
}
.inner-filter-design {
    margin-top: 20px;
}

.inner-filter-design label {
    margin-bottom: 15px;
    font-size:14px;
    text-transform:capitalize;
}

.inner-filter-design .nice-select {
    width: 100%;
        border-radius: 23px;
        margin-bottom: 20px;
    background: white;
    color: black !important;
}

.inner-filter-design .nice-select span {
    color: black !important;
}
.musicbot-filter {
    background: #1C183A;
    border: 1px solid #560F59;
    padding: 15px;
    display:grid;
        margin-bottom: 30px;
    border-radius: 12px;
}

.filter-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-head h4 {
    margin-bottom: 0;
    font-size: 18px;
}

.filter-head a {
    color: #DA0168;
    font-size: 13px;
}
 .heart-icon p {
    background: #F5014D;
     color: #fff;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 23px;
    text-transform: capitalize;
}
.studio-img:hover{
        transform: translateY(-5px);
}
        .header-bg i {
            background: #564B7769;
        }

        .icon-plays i {
            color: #7A02D7;
            background: white;
            padding: 13px 14px;
            margin-right: 20px;
            border-radius: 100%;
        }

        .icon-plays {
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .icon-plays a {
            background: linear-gradient(93.95deg, #7602DB 4.51%, #FC0146 91.83%);
            padding: 13px 20px 14px;
            border-radius: 23px;
            font-family: "Poppins", sans-serif;
        }

        .modal-dialog.bg-dailog .modal-content {
            border: 1px solid #8638A5;
            border-radius: 20px;
        }

        .body-list ul {
            margin: 0 auto;
            text-align: left;
            display: grid;
            justify-content: center;
            width: 100%;
            align-items: center;
        }

        .body-list ul li {
            width: 100%;
            line-height: 2;
        }

        .body-list ul li i {
            color: #3EE759;
            padding-right: 10px;
        }

        .body-list h5 {
            margin-bottom: 10px;
        }

        .modal-header.bg-head {
            border-top-right-radius: 20px;
            border-top-left-radius: 20px;
            border-bottom: 1px solid #8638A5;
        }



        .modal-body.body-bg {
            padding-top: 40px;
            border-bottom-right-radius: 20px;
            border-bottom-left-radius: 20px;
        }



        .body-list {
            text-align: center;
        }

        .body-bg {
            background: #0F0C27;

        }

        .header-bg .heart-icon {
            left: 15px !important;
            text-align: left;
            width:50%;
        }

        .header-img img {
            width: 200px;
            height: 200px;
            margin: 0 auto;
            text-align: center;
        }

        .header-bg {
            text-align: center;
            margin: 0 auto;
        }

        .header-img {
            text-align: center;
        }



        .modal-header.bg-head button.btn-close {
            margin: 0 !important;
            position: absolute;
            right: 15px;

            top: 15px;
            border-radius: 100%;

            color: white !important;
        }

        .card-slid1.slider-des-1 h2 {
            margin-bottom: 5px;
        }

        img.about__photo.in-stud {
            position: relative;
        }

        h5.showall {
            text-align: right;
        }

        h5.showall a {
            color: #ffe400;
            text-decoration: underline;
        }

        .studio-img {
            position: relative;
            height: 100%;
        }

        .studio-img11 {
            position: relative;
        }

        .amount-icon p {
            font-size: 15px;
            color:white;
        }

        .heart-icon i {
            padding: 10px;
            border-radius: 100%;
            background: rgb(0 0 0 / 75%);
        }

        .heart-icon {
            position: absolute;
            top: 15px;
            right: 15px;
            z-index:1;
        }

        .amount-icon {
            position: absolute;
            margin-top: -15px;
            background: linear-gradient(90deg, #FB0045 0%, #7D02D5 100%);
            border-radius: 20px;
            padding: 4px 17px;
            margin-left: 12px;
            z-index:1;
            border: 1px solid #FFFFFF;
        }

        .line-line {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding-top: 50px;
        }

        .mb-50 {
            margin-bottom: 50px;
        }

        ul.list-desi.sec-slide li {
            font-weight: 400;
            font-size: 15px;
        }

        ul.list-desi.sec-slide p {
            font-size: 15px;
            font-weight: 400;
        }

        .video-thumb {
            width: 75%;
        }

        .youtube-content {
            width: 90%;
        }

        img.dis-none.one-none {
            width: 25px;
            height: 25px;
            visibility: hidden;
            margin-right: 10px;
        }

        .studio-img:hover {
            box-shadow: none !important;
            background: #140D2F !important;
            border: 0.86px solid #560F59 !important;
        }

        .right-des p i {
            color: #3EE759;
            font-size: 10px;
        }

        .studio-img {
            padding: 0px !important;
            border-radius: 9px;
            border: 0.86px solid #560F59;
            background: #140D2F;
        }

        .right-des p {
            font-size: 12px;
                margin-left: 35px;
        }

        .m-0 {
            margin: 0 !important;
        }

        a.studio-link {
            display: block;
            height: 100%;
        }

        ul.list-desi.sec-slide p {
            margin-bottom: 10px;
        }

        img.thum-frame {
            width: 800px;
            height: 550px;
            border-radius: 10px;
        }

        .right-des a {
            display: contents;
        }

        .studio-img h6 {
            font-size: 16px;
            color: #fff;
            display: flex;
            margin-bottom: 5px;

        }

        ::-webkit-input-placeholder {
            /* WebKit, Blink, Edge */
            color: #000;
        }

        :-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #000;
            opacity: 1;
        }

        ::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #000;
            opacity: 1;
        }

        :-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #000;
        }

        ::-ms-input-placeholder {
            /* Microsoft Edge */
            color: #000;
        }

        ::placeholder {
            /* Most modern browsers support this now. */
            color: #000;
        }

        .input--group.search-card input {
            height: 36px;
            background: #fff;
            color: black;
            border: 1px solid #fff;
        }

        .fas.fa-search.search-detail {
            position: absolute;
            right: 20px;
            z-index: 3;
            cursor: pointer;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #000;
        }

        .plan-tit h5 {
            text-align: center;
            font-size: 33px;
            text-transform: capitalize;
            margin-bottom: 40px;
        }

        /* div#record-container {
                                                                                                                width: 90%;
                                                                                                                margin: 0 auto;
                                                                                                            } */

        .studio-img {
            padding: 0px !important;
        }

        .music-icon1 {
            width: 25px !important;
            height: 25px !important;
            object-fit: cover;
            margin-right: 10px;
        }

        span.fa.fa-check {
            display: none;
        }

        .tab-list-wrapper.style-two {
            width: 100%;

        }

        .right-des {
            text-align: left;
            padding: 15px;
                margin-top: 20px;
        }

        .right-des ul {
            padding-left: 30px;
        }

        .right-des ul li i {
            color: #68d768;
            padding-right: 10px;
        }

        .mb-20 {
            margin-bottom: 20px;
        }

        .mb-40 {
            margin-bottom: 40px;
        }

        button.nav-link.active span.fa.fa-check {
            display: block;
        }

        button.nav-link.active span.fa.fa-plus {
            display: none;
        }

        img.music-imgg {
            width: 100%;
            height: 150px;
            object-fit: cover;
        }

        p.youtube-content__desc {
            margin-bottom: 20px;
        }

        a.buy-now-design {
            background: linear-gradient(to right, #ff0042, #6d02e5, #ff0042, #ff0042);
            padding: 16px;
            display: block;
            border-radius: 23px;
            text-align: center;
            color: #fff;
            font-weight: 600;
            background-size: 300% 100%;
            -webkit-transition: background .4s ease;
            transition: background .4s ease;
        }

        a.buy-now-design:hover {
            color: white;
            background-position: 100% 100%;
        }

        .drop-design1 ul li.active {
            color: #ec0057;
            border-color: #ec0057;
        }

        .drop-design1 ul li {
            padding: 10px 30px;
            display: inline-block;
            border: 1px solid #fff;
            border-radius: .25rem;
            text-align: center;
            margin: 0 15px;
            color: #fff;
        }

        .drop-design1 {
            text-align: center;
            margin-bottom: 30px;
            border-bottom: 1px solid #fff;
            padding-bottom: 30px;
        }

        section.mystud {
            text-align: center;
        }

        section.mystud h4 {
            color: #fff;
            font-size: 35px;
        }

        section.mystud p {
            line-height: 2;
            color: #fff;
            font-size: 18px;
        }

        .difficut {
            text-align: center;
            width: 83%;
        }

        .youtube-content h2 {
            font-size: 22px !important;
            line-height: 1.8;
        }

        .youtube-content h2 img {
            display: initial;
            width: 30px !important;
        }

        .uk-card.video {
            text-align: left;
            border: 5px solid #fff;
            border-radius: 10px;
        }

        .tab-design-title h3 {
            font-size: 22px;
            border-bottom: 1px solid #fff;
            display: inline-block;
            margin-bottom: 37px;
            text-transform: uppercase;
            line-height: 1.7;
        }

        li.vis-hid {
            visibility: hidden;
        }

        .right-des ul {
            display: block;
        }

        img.about__photo.in-stud {
            position: relative;
            width: 100%;
            height: 235px;
            object-fit: cover;
        }

        img.about__photo.in-stud {
            border-top-right-radius: 9px;
            border-top-left-radius: 9px;
        }

        .uk-card-body.old-release {
            padding: 10px 0;
        }

        .green-tab.active {
            background: transparent !important;

            border-color: #3ee759 !important;
            color: #3ee759 !important;
        }

        .green-tab:hover {
            background: transparent !important;

            border-color: #3ee759 !important;
            color: #3ee759 !important;
        }

        .green-tab i {
            color: #3ee759;
        }

        .green-tab {
            border: 1px solid !important;
            color: #fff;
        }

        .tab-diffio li span {
            font-size: 12px !important;
            margin-left: 10px;
        }

        .tab-diffio li i {
            font-size: 12px;
            margin-right: 10px;
        }

        .tab-diffio li {
            margin-right: 20px;
        }


        .yellow-tab.active {
            background: transparent !important;

            border-color: #ffd541;
            color: #ffd541 !important;
        }

        .yellow-tab:hover {
            background: transparent !important;

            border-color: #ffd541;
            color: #ffd541 !important;
        }

        .yellow-tab i {
            color: #ffd541;
        }

        .yellow-tab {
            border: 1px solid !important;
            color: #fff;
        }

        .red-tab.active {
            background: transparent !important;

            border-color: #ff2222;
            color: #ff2222 !important;
        }

        .red-tab:hover {
            background: transparent !important;

            border-color: #ff2222;
            color: #ff2222 !important;
        }

        .red-tab i {
            color: #ff2222;
        }

        .red-tab {
            border: 1px solid !important;
            color: #fff;
        }

        .flex-drop {
            display: flex;
            margin: 10px;
        }

        .tab-design-title {
            text-align: center;
        }

        .difficut h4 {
            margin-bottom: 21px;
            text-transform: uppercase;
        }

        .release-old li {
            margin-top: 0px !important
        }

        .tab-diffio {
            margin-bottom: 30px;
            text-align: center;
            display: inline-flex;

        }

        .nice-select {
            width: 170px;
            background: linear-gradient(151.1deg, #1F1434 13.75%, #130E20 47.15%, #271841 97.68%);
        }

        .nice-select.open .list {
            width: 100%;
            background: #080618;
            border: 1px solid #fff;
        }

        .nice-select .option:hover,
        .nice-select .option.focus,
        .nice-select .option.selected.focus {
            background: transparent;
            color: #fff;
        }

        .nice-select.open .list li {
            color: #fff;
            border-bottom: 1px solid #727272;
        }

        .nice-select span {
            color: #fff !important;
        }

        .nice-select.open .list {
            width: 100%;
        }

        .design-drop {
            width: 17%;
        }

        .drop-design label {
            font-weight: 500;
            font-size: 20px;
            display: block;
            margin-bottom: 25px;
        }

        .youtube-content h5 {
            color: #fff;
            font-size: 23px;
        }

        ul.list-desi li {
            color: #fff;
            line-height: 2;
        }

        ul.list-desi {
            margin-bottom: 0px;
        }

        ul.list-desi li i {
            /* font-size: 5px; */
            padding-right: 10px;
            vertical-align: middle;
            color: #68d768;
        }

        .drop-design span {
            color: #000;
            font-weight: 600;
        }

        .drop-design ul li {
            color: #000;
        }

        .release-old .uk-card.video {
            border: 5px solid #fff;
            border-radius: 10px;
        }

        .old-release ul li {
            list-style: inside;
            line-height: 1.7;
        }

        .uk-container.uk-container-large.padd-des {
            padding-left: 50px;
            padding-right: 50px;
        }

        h3.news__title.music-title {
            line-height: 1.7;
        }

        img.music-icon {
            width: 20px;
            margin-right: 10px;
        }

        .m-10 {
            margin: 10px;
        }

        .lock-design {
            text-align: center;
        }


        a.buy-now {
            background: linear-gradient(90deg, #FF00FE 0%, #E30060 100%);
            padding: 12px 40px;
            border-radius: 23px;
            color: #fff;
            font-weight: 600;
            margin-top: 15px;
        }

        .premi-des p {
            --ribbon-size: 30px;
            --ribbon-padding: 9px 56px;
            padding: var(--ribbon-padding);
            /* padding-inline-start: calc(var(--ribbon-size) + var(--ribbon-padding)); */
            border-radius: 0px;
            background-color: #ffe400;
            color: #000;
            width: fit-content;
            clip-path: polygon(0 0, var(--ribbon-size) 50%, 0 100%, 100% 100%, 100% 0);
            border-top-right-radius: 23px;
        }

        .premi-des {
            text-align: right;
            float: right;
            margin-top: -28px;
            margin-right: -30px;
        }

        .modal-header {
            border: 0;
        }

        .modal-footer {
            border: 0;
        }

        .modal-header .btn-close {
            color: #ffff !important;
        }

        button.btn-close {
            filter: invert(1);
            color: #fff !important;
        }

        .lock-design p {
            font-size: 18px;
            color: #fff;
            margin-top: 20px;
        }

        .lock-content {
            background: linear-gradient(360deg, #181945 0%, #222471 100%);
            border-radius: 23px
        }

        .plan-tit h5 span {
            color: #f6004c;
        }

        .plan-des {
            border: 1px solid #B5AAFF;
            height: 100%;
            border-radius: 23px;
            box-shadow: 4px 4px 4px 0px #00000040;
            background: linear-gradient(180deg, #17123B 0%, #201A4C 100%);
            //border-image-source: linear-gradient(180deg, #B5AAFF 0%, #3D3194 100%);

        }

        section.event .slick-dots li.slick-active button {
            background: #ffe400;
        }

        .slick-dots li button {
            background: transparent;
            width: 25px;
            height: 25px;
            border-radius: 100%;
        }

        section.event .slick-dots li button {
            color: #FFF !important;
            font-size: 17px;
        }

        section.event .slick-dots li button:before {
            display: none;
        }

        section.event.slick-dots li button {
            color: transparent;
        }

        .slick-dots li.slick-active button {
            background: transparent !important;
            border: 1px solid #f6004c !important;
        }

        .des-plan-det h5 {
            color: #fff;
            font-size: 30px;
            text-transform: capitalize;
            margin-bottom: 4px;
        }

        .des-plan-det h6 {
            color: #ffe400;
            font-size: 32px;
            text-transform: capitalize;
            margin-bottom: 0;
        }

        .video-thumb iframe {
            width: 500px;
            height: 550px;
        }

        .des-plan-det {
            border-bottom: 1px solid #ccc;
            padding: 30px;
            background: linear-gradient(180deg, #17123B 0%, #201A4C 100%);
            border-top-right-radius: 23px;
            border-top-left-radius: 23px;
        }

        .list-data {
            padding: 30px;
            /* background: linear-gradient(180deg, #17123B 0%, #201A4C 100%);
                                                                                                                                                                border-bottom-left-radius: 23px;
                                                                                                                                                                border-bottom-right-radius: 23px; */
        }

        .list-data h4 {
            color: #fff;
            text-transform: capitalize;
            font-size: 18px;
        }

        .list-data ul li i {
            padding-right: 8px;
        }

        .list-data ul li {
            line-height: 2.7;
            color: #fff;
            font-size: 15px;
        }

        .des-plan-det h6 span {
            color: #fff;
            font-size: 15px;
        }

        h5.rs-sym {
            color: #ffe400;
            font-size: 35px;
        }

        p.youtube-content__desc.h-0 {
            height: 0;
            visibility: hidden;
        }

        .botón {
            align-items: center;
            display: flex;
            justify-content: center;
        }

        .musi-lat h4 {
            text-align: center;
            font-size: 30px;
            margin-top: 30px;
            margin-bottom: 0
        }

        .pt-80 {
            padding-top: 80px;
        }

        .fondo {
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 1px 2.2px rgba(0, 0, 0, 0.051),
                0 2.3px 5.3px rgba(0, 0, 0, 0.059), 0 4.4px 10px rgba(0, 0, 0, 0.06),
                0 7.8px 17.9px rgba(0, 0, 0, 0.059), 0 14.6px 33.4px rgba(0, 0, 0, 0.059),
                0 35px 80px rgba(0, 0, 0, 0.07);
            cursor: pointer;
            height: 50px;
            position: absolute;
            width: 50px;
        }

        .botón:active .fondo {
            background: #fff;
        }

        .icono {
            height: 100px;
            transform: rotate(-120deg);
            transition: transform 500ms;
            width: 100px;
        }

        .parte {
            background: #FC0146;
            height: 100px;
            position: absolute;
            width: 100px;
        }

        .izquierda {
            clip-path: polygon(43.77666% 55.85251%,
                    43.77874% 55.46331%,
                    43.7795% 55.09177%,
                    43.77934% 54.74844%,
                    43.77855% 54.44389%,
                    43.77741% 54.18863%,
                    43.77625% 53.99325%,
                    43.77533% 53.86828%,
                    43.77495% 53.82429%,
                    43.77518% 53.55329%,
                    43.7754% 53.2823%,
                    43.77563% 53.01131%,
                    43.77585% 52.74031%,
                    43.77608% 52.46932%,
                    43.7763% 52.19832%,
                    43.77653% 51.92733%,
                    43.77675% 51.65633%,
                    43.77653% 51.38533%,
                    43.7763% 51.11434%,
                    43.77608% 50.84334%,
                    43.77585% 50.57235%,
                    43.77563% 50.30136%,
                    43.7754% 50.03036%,
                    43.77518% 49.75936%,
                    43.77495% 49.48837%,
                    44.48391% 49.4885%,
                    45.19287% 49.48865%,
                    45.90183% 49.48878%,
                    46.61079% 49.48892%,
                    47.31975% 49.48906%,
                    48.0287% 49.4892%,
                    48.73766% 49.48934%,
                    49.44662% 49.48948%,
                    50.72252% 49.48934%,
                    51.99842% 49.4892%,
                    53.27432% 49.48906%,
                    54.55022% 49.48892%,
                    55.82611% 49.48878%,
                    57.10201% 49.48865%,
                    58.3779% 49.4885%,
                    59.6538% 49.48837%,
                    59.57598% 49.89151%,
                    59.31883% 50.28598%,
                    58.84686% 50.70884%,
                    58.12456% 51.19714%,
                    57.11643% 51.78793%,
                    55.78697% 52.51828%,
                    54.10066% 53.42522%,
                    52.02202% 54.54581%,
                    49.96525% 55.66916%,
                    48.3319% 56.57212%,
                    47.06745% 57.27347%,
                    46.11739% 57.79191%,
                    45.42719% 58.14619%,
                    44.94235% 58.35507%,
                    44.60834% 58.43725%,
                    44.37066% 58.41149%,
                    44.15383% 58.27711%,
                    43.99617% 58.0603%,
                    43.88847% 57.77578%,
                    43.82151% 57.43825%,
                    43.78608% 57.06245%,
                    43.77304% 56.66309%,
                    43.773% 56.25486%);
            transition: clip-path 500ms;
        }

        .derecha {
            clip-path: polygon(43.77666% 43.83035%,
                    43.77874% 44.21955%,
                    43.7795% 44.59109%,
                    43.77934% 44.93442%,
                    43.77855% 45.23898%,
                    43.77741% 45.49423%,
                    43.77625% 45.68961%,
                    43.77533% 45.81458%,
                    43.77495% 45.85858%,
                    43.77518% 46.12957%,
                    43.7754% 46.40056%,
                    43.77563% 46.67156%,
                    43.77585% 46.94255%,
                    43.77608% 47.21355%,
                    43.7763% 47.48454%,
                    43.77653% 47.75554%,
                    43.77675% 48.02654%,
                    43.77653% 48.29753%,
                    43.7763% 48.56852%,
                    43.77608% 48.83952%,
                    43.77585% 49.11051%,
                    43.77563% 49.38151%,
                    43.7754% 49.65251%,
                    43.77518% 49.9235%,
                    43.77495% 50.1945%,
                    44.48391% 50.19436%,
                    45.19287% 50.19422%,
                    45.90183% 50.19408%,
                    46.61079% 50.19394%,
                    47.31975% 50.1938%,
                    48.0287% 50.19366%,
                    48.73766% 50.19353%,
                    49.44662% 50.19338%,
                    50.72252% 50.19353%,
                    51.99842% 50.19366%,
                    53.27432% 50.1938%,
                    54.55022% 50.19394%,
                    55.82611% 50.19408%,
                    57.10201% 50.19422%,
                    58.3779% 50.19436%,
                    59.6538% 50.1945%,
                    59.57598% 49.79136%,
                    59.31883% 49.39688%,
                    58.84686% 48.97402%,
                    58.12456% 48.48572%,
                    57.11643% 47.89493%,
                    55.78697% 47.16458%,
                    54.10066% 46.25764%,
                    52.02202% 45.13705%,
                    49.96525% 44.01371%,
                    48.3319% 43.11074%,
                    47.06745% 42.4094%,
                    46.11739% 41.89096%,
                    45.42719% 41.53667%,
                    44.94235% 41.3278%,
                    44.60834% 41.24561%,
                    44.37066% 41.27137%,
                    44.15383% 41.40575%,
                    43.99617% 41.62256%,
                    43.88847% 41.90709%,
                    43.82151% 42.24461%,
                    43.78608% 42.62041%,
                    43.77304% 43.01978%,
                    43.773% 43.428%);
            transition: clip-path 500ms;
        }

        .puntero {
            border-radius: 50%;
            color: #FC0146;
            cursor: pointer;
            height: 50px;
            position: absolute;
            -webkit-tap-highlight-color: transparent;
            width: 50px;
        }

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

        .active .izquierda {
            clip-path: polygon(56.42249% 57.01763%,
                    54.93283% 57.0175%,
                    53.00511% 57.01738%,
                    50.83554% 57.01727%,
                    48.62036% 57.01718%,
                    46.55585% 57.01709%,
                    44.83822% 57.01702%,
                    43.66373% 57.01698%,
                    43.22863% 57.01696%,
                    42.86372% 57.01904%,
                    42.56988% 57.01621%,
                    42.3402% 56.99486%,
                    42.16778% 56.94152%,
                    42.0457% 56.84267%,
                    41.96705% 56.68478%,
                    41.92493% 56.45432%,
                    41.91246% 56.13777%,
                    41.91258% 55.76282%,
                    41.9129% 55.37058%,
                    41.91335% 54.96757%,
                    41.91387% 54.56032%,
                    41.91439% 54.15537%,
                    41.91485% 53.75926%,
                    41.91517% 53.3785%,
                    41.91529% 53.01965%,
                    41.94275% 52.72355%,
                    42.02117% 52.51653%,
                    42.14465% 52.38328%,
                    42.30727% 52.30854%,
                    42.50308% 52.27699%,
                    42.72619% 52.27341%,
                    42.97065% 52.28248%,
                    43.23056% 52.2889%,
                    43.94949% 52.28896%,
                    45.45083% 52.28912%,
                    47.47445% 52.28932%,
                    49.76027% 52.28957%,
                    52.04818% 52.28981%,
                    54.07805% 52.29003%,
                    55.5898% 52.29019%,
                    56.32332% 52.29024%,
                    56.58221% 52.28816%,
                    56.83726% 52.28948%,
                    57.07897% 52.30593%,
                    57.29794% 52.34898%,
                    57.48468% 52.43029%,
                    57.62978% 52.56146%,
                    57.72375% 52.7541%,
                    57.75718% 53.01981%,
                    57.75713% 53.37763%,
                    57.75699% 53.81831%,
                    57.75679% 54.31106%,
                    57.75657% 54.82507%,
                    57.75635% 55.32958%,
                    57.75615% 55.79377%,
                    57.75601% 56.18684%,
                    57.75596% 56.47801%,
                    57.7549% 56.50122%,
                    57.74034% 56.5624%,
                    57.6955% 56.64887%,
                    57.60334% 56.748%,
                    57.44691% 56.84712%,
                    57.20925% 56.93358%,
                    56.87342% 56.99471%);
        }

        .active .derecha {
            clip-path: polygon(56.42249% 42.44625%,
                    54.93283% 42.44637%,
                    53.00511% 42.44649%,
                    50.83554% 42.4466%,
                    48.62036% 42.4467%,
                    46.55585% 42.44679%,
                    44.83822% 42.44685%,
                    43.66373% 42.4469%,
                    43.22863% 42.44691%,
                    42.86372% 42.44483%,
                    42.56988% 42.44767%,
                    42.3402% 42.46902%,
                    42.16778% 42.52235%,
                    42.0457% 42.6212%,
                    41.96705% 42.77909%,
                    41.92493% 43.00956%,
                    41.91246% 43.32611%,
                    41.91258% 43.70105%,
                    41.9129% 44.0933%,
                    41.91335% 44.49631%,
                    41.91387% 44.90355%,
                    41.91439% 45.3085%,
                    41.91485% 45.70462%,
                    41.91517% 46.08537%,
                    41.91529% 46.44422%,
                    41.94275% 46.74032%,
                    42.02117% 46.94735%,
                    42.14465% 47.0806%,
                    42.30727% 47.15534%,
                    42.50308% 47.18688%,
                    42.72619% 47.19047%,
                    42.97065% 47.1814%,
                    43.23056% 47.17497%,
                    43.94949% 47.17491%,
                    45.45083% 47.17476%,
                    47.47445% 47.17455%,
                    49.76027% 47.1743%,
                    52.04818% 47.17406%,
                    54.07805% 47.17384%,
                    55.5898% 47.17369%,
                    56.32332% 47.17363%,
                    56.58221% 47.17571%,
                    56.83726% 47.17439%,
                    57.07897% 47.15795%,
                    57.29794% 47.1149%,
                    57.48468% 47.03359%,
                    57.62978% 46.90242%,
                    57.72375% 46.70977%,
                    57.75718% 46.44406%,
                    57.75713% 46.08625%,
                    57.75699% 45.64557%,
                    57.75679% 45.15282%,
                    57.75657% 44.6388%,
                    57.75635% 44.1343%,
                    57.75615% 43.6701%,
                    57.75601% 43.27703%,
                    57.75596% 42.98586%,
                    57.7549% 42.96265%,
                    57.74034% 42.90148%,
                    57.6955% 42.815%,
                    57.60334% 42.71587%,
                    57.44691% 42.61675%,
                    57.20925% 42.53029%,
                    56.87342% 42.46916%);
        }
        @media(max-width:1366px) {
            .slider-design {
    height: 400px;
    width: 100%;
}

.images-thumb {
    width: 100%;
}

.images-thumb img {
    height: 400px;
    object-fit: cover;
    width: 100%;
}
        }
        @media(max-width:991px) {
            .flex-drop {
                display: block;
            }
            .slider-design {
    height: inherit;
}
.images-thumb img {
        height: inherit;
        object-fit: cover;
        width: 100%;
    }

            .dis-none {
                display: none;
            }

            div#record-container {
                width: 100%;
            }

            .premi-des {
                margin-top: -20px;
                margin-right: -20px;
            }

            .tab-list-wrapper.style-two {
                width: 100%;
            }

            .flex-drop {
                margin: 0;
            }

            .design-drop {
                width: 100%;
                text-align: center;
            }

            .tab-diffio li {
                border-bottom: 0 !important;
            }

            .difficut {
                width: 100%;
            }


            .nice-select {
                margin-bottom: 30px;
            }
        }

        @media(max-width:767px) {
.mob-none{
    display:none;
}
 .cross-icon{
            display:block;
        }
.musicbot-filter{
     display:none;
}
.musicbot-filter.mob-des {
        position: fixed;
        top: 50px;
        right: 0;
        z-index: 1111;
        width: 100%;
        background: #1d1146;
        border-radius: 0;
        height: 100%;
        overflow: auto;
                padding-bottom: 50px;
    
    }
    ul#pills-tab-amount li button{
        font-weight:400
    }
.webnone {
    display: block;
}
.muso-home-bot{
    display:block;
}
        }

        @media(max-width:550px) {
            h2.news__title.music-title {
                margin-top: 35px;
            }

            .youtube-content {
                width: 100%;
            }
.course-tales {
    display: block;
}

.course-tales h4 {
    margin-bottom: 15px;
}
.serch-input input {
    width: 100%;
}
.serch-input {
    text-align: right;
}
            li.vis-hid {
                display: none;
            }

            .plan-des {
                margin-bottom: 40px;
                height: initial;
            }
            ul#pills-tab-amount li button{
                margin-bottom:0 !important
            }
        }

        @media(max-width:480px) {
            .tab-diffio li {
                margin: 0 auto;
            }

            .difficut {
                margin-top: 30px;
            }

            .difficut h4 {
                margin-bottom: 20px;
            }
        }






        @media(max-width:414px) {
            .premi-des p {
                font-size: 13px;
                --ribbon-size: 25px;
                --ribbon-padding: 9px 35px;
            }

            .youtube-content h2 {
                font-size: 18px !important;
            }

            h5.rs-sym {
                font-size: 30px;
            }

            ul.list-desi li {
                font-size: 13px;
            }

            .youtube-content h6 {
                margin-top: 10px;
                line-height: 2;
                font-size: 15px;
            }

            ul.list-desi.sec-slide p {
                font-size: 13px;
            }

            ul.list-desi.sec-slide li {
                font-size: 13px;
            }

            .card-slid {
                width: 99%;
            }

            .card-slid1 {
                width: 99%;
            }

            .card-slid2 {
                width: 99%;
            }

            .mob-none {
                display: none;
            }

            .bg-img {
                margin-top: 35px;
            }

            .slick-prev:before,
            .slick-next:before {
                font-size: 14px;
            }
        }