html{font-size:calc(1 / var(--design-size-pc) * 100vw); font-size:1px; --grid-num:24rem; --idt-num:16rem;}
body{margin:0; padding:0; color:var(--font-color-base); font-family:'Aeonik'; overflow-x:hidden; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}
a{text-decoration:none; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; color:var(--font-color-base); font-family:'Aeonik';}
svg{-webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}
a:hover{text-decoration:none; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; cursor:pointer;}
a:focus,a:hover{border:none;text-decoration:none}
button:focus{outline:0 dotted;}
h1,h2,h3,h4,h5,h6{font-family:'Aeonik'; margin:0; color:#000; line-height:125%;}
p{font-family:'Aeonik'; font-weight:300; line-height:115%; letter-spacing:0.08rem; font-size:16rem; margin:0;}
ul{list-style:none; padding:0; margin:0;}
img{width:100%; height:auto;}
figure{margin:0;}

body{height: 100%;background:var(--bg-color-base);}
.navbar__top{padding:var(--spacing-16) var(--spacing-24); background-color:var(--bg-color-base);}
.navbar__brand{max-width:120rem;}
#layoutSidenav #layoutSidenav_nav{flex-basis:clamp(240px, 14vw, 280px);}
.layout__sidenav__nav{background-color:var(--bg-color-base); padding-left:var(--spacing-16); padding-right:var(--spacing-16); border-right:1px solid rgba(255, 255, 255, 0.08); padding-top:85px; position: sticky; top: 0; height: 100vh; overflow-y: auto;scrollbar-width:thin; scrollbar-color:#888 transparent;}
.layout__sidenav__nav::-webkit-scrollbar{width:6px;   /* change width here */}
.layout__sidenav__nav::-webkit-scrollbar-track{background:transparent;}
.layout__sidenav__nav::-webkit-scrollbar-thumb{background:#888; border-radius:10px;}
.layout__sidenav__nav::-webkit-scrollbar-thumb:hover{background:#555;}
.layout__sidenav .nav__sidebar{flex-direction:column;}
.layout__sidenav .sidenav__menu__heading{font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md)); text-transform:var(--text-transform); color:var(--font-color-white); margin-bottom:var(--spacing-12);}
.layout__sidenav .nav__link{color:var(--font-color-secondary); font-size:clamp(var(--link-font-size), 1.1vw, var(--body-copy-lg)); padding:var(--spacing-08); border-radius:var(--corner-radious-12);}
.layout__sidenav .nav__link:hover, .layout__sidenav .nav__link.active{background-color:#343434; color:var(--font-color-white); font-weight:var(--font-weight-bold); letter-spacing:0.5px;}
.layout__sidenav .nav__link:hover svg circle, .layout__sidenav .nav__link.active svg circle{stroke:var(--font-color-white); stroke-opacity: 1;}

.layout__sidenav .nav__link .nav__link__icon{margin-right:var(--spacing-08);}
.layout__sidenav .nav__link .nav__link__icon svg{width:20px; height:20px; flex:0 0 20px;}
.layout__sidenav .nav__link:hover .nav__link__icon svg g rect, .layout__sidenav .nav__link.active .nav__link__icon svg g rect{stroke:var(--font-color-white); stroke-opacity:1; fill-opacity:1;}
.layout__sidenav .nav__link:hover .nav__link__icon svg rect, .layout__sidenav .nav__link.active .nav__link__icon svg path, .layout__sidenav .nav__link:hover .nav__link__icon svg path{stroke:var(--font-color-white); stroke-opacity:1; fill-opacity:1;}
.layout__sidenav .sidebar__menu__card{border-radius:8px; border:1px solid rgba(255, 255, 255, 0.08); background:linear-gradient(104deg, #2D2D2E 6.89%, #303030 30.89%, #000 101.27%); padding:var(--spacing-12);}
.layout__sidenav .sidebar__menu__card h3{font-size:clamp(var(--md-heading-font-size), 1.1vw, var(--lgmd-heading-font-size)); font-weight:var(--font-weight-bold); color:var(--font-color-white);}
.layout__sidenav .sidebar__menu__card p{color:rgba(255, 255, 255, 0.55);}
.layout__sidenav .sidebar__linear__bg__card{border-radius:8px; border:1px solid rgba(255, 255, 255, 0.10); border-top:0; background:radial-gradient(61.16% 67.61% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.35) 100%), linear-gradient(144deg, #5E1A52 0.98%, #572350 26.81%, #160E15 56.91%, #0E0E0E 98.67%); padding:0;}

.navbar__top .input__group{border-radius:36px; border:1px solid rgba(255, 255, 255, 0.08); background:#1A1A1A; padding-left:var(--spacing-12); width:330px;}
.navbar__top .input__group .form__control{border:0px; background:transparent; font-size:clamp(var(--body-copy-sm), 1.1vw, var(--body-copy-lg));  color:#B3B3B3; padding:var(--spacing-12) var(--spacing-12);}
.navbar__top .input__group .form__control .search__btn svg{width:20rem; height:20rem;}
/* .navbar__top .navbar__nav{} */
.navbar__nav a{margin-left:var(--spacing-20);}
.navbar__nav a.download__btn{display:flex; align-items:center; justify-content:center; gap:var(--spacing-08); font-size:clamp(var(--body-copy-sm), 1.1vw, var(--body-copy-lg)); font-weight:var(--font-weight-bold); color:var(--font-color-white); height:44px;}
.navbar__nav a.download__btn i.icon__box img{width:18px; height:18px; }

.form__bg{min-height: 100vh; background: radial-gradient(100% 100% at 50% 0%, #512760 0%, #311C38 26.38%, #111 53.57%, #101010 100%); background-attachment: fixed; background-repeat: no-repeat; background-size: cover;}
.form__page{height:100vh; display:flex; align-items:center;}
.form__bg .form__wrap{background-color:transparent; border:0px; box-shadow:none; outline:none; max-width:25%; width:100%; margin:0 auto;}
.form__bg .form__wrap .card-header{padding-bottom:var(--spacing-16); background-color:transparent; border-bottom:0px; }
.form__bg .form__wrap .navbar__brand{margin:0 auto;}
.form__bg .form__wrap h2{color:var(--font-color-white); width:100%; text-align:center; margin-left:auto; margin-right:auto; font-size:var(--xxl-heading-font-size);}
.form__bg .form__wrap h2 span{display:block; background:linear-gradient(90deg, #FFF 4.19%, #AD59E9 55.75%, #B567A7 96.65%); background-clip:text; -webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.form__wrap .form-floating > label{font-size:var(--md-heading-font-size); color:var(--font-color-white); margin-bottom:var(--spacing-08); position:relative;}
.form__wrap .form-floating .form__control{font-size:var(--md-heading-font-size); color:rgba(255, 255, 255, 0.70); border-radius:var(--corner-radious-08); border:1px solid rgba(255, 255, 255, 0.25); background:rgba(26, 19, 28, 0.09); padding:var(--spacing-16); height:100%;}
.form__wrap .form-floating input.form__control::placeholder{font-size:var(--md-heading-font-size); color:rgba(255, 255, 255, 0.70);}
.form__bg .form__wrap .card-footer{padding:0; background-color:transparent; border-bottom:0px; }
.form__bg .form__wrap .f__sml{color:rgba(255, 255, 255, 0.70);}
.form__bg .form__wrap .f__sml span{color:#AD59E9; font-weight:var(--font-weight-bold);}
.form__bg .form__wrap .f__sml a:hover{color:var(--font-color-white);}
.form__bg .form__wrap p{text-align:center; color:var(--font-color-white);}

a.btn__wrap{border-radius:var(--corner-radious-88); background:linear-gradient(90deg, #AD59E9 -1.25%, #F14E85 99.85%); display:flex; padding:var(--spacing-12) var(--spacing-24); justify-content:center; align-items:center; gap:10px; color:var(--font-color-white); font-size:var(--md-heading-font-size); text-transform:capitalize; line-height:1; height:44rem;}
a.btn__wrap:hover{background:var(--bg-color-accent); color:var(--font-color-white);}
a.btn__white{background:var(--font-color-white); color:#000000;}
a.trans__bg__btn{border-radius:36px; background:var(--bg-color-secondary);}
a.btn__purple{background:var(--bg-color-accent); color:var(--font-color-white);}
a.btn__purple:hover{background:linear-gradient(90deg, #AD59E9 -1.25%, #F14E85 99.85%);}
.btn__wrap i.icon__box{width:auto;}
.btn__wrap i.icon__box img{width:20rem; height:18rem;}
a.btn__wrap:hover i.icon__box svg path{fill:#fff;}


button.btn__wrap{border-radius:var(--corner-radious-88); background:linear-gradient(90deg, #AD59E9 -1.25%, #F14E85 99.85%); display:flex; padding:var(--spacing-12) var(--spacing-24); justify-content:center; align-items:center; gap:10px; color:var(--font-color-white); font-size:clamp(var(--md-heading-font-size), 1.1vw, var(--lgmd-heading-font-size)); text-transform:capitalize; line-height:1; height:44rem; margin-right:110rem; border:0;}
button.btn__wrap:hover{background:var(--bg-color-accent); color:var(--font-color-white);}
button.btn__white{background:var(--font-color-white); color:#000000;}
button.trans__bg__btn{border-radius:36px; background:var(--bg-color-secondary);}
button.btn__purple{background:var(--bg-color-accent); color:var(--font-color-white);}
button.btn__purple:hover{background:linear-gradient(90deg, #AD59E9 -1.25%, #F14E85 99.85%);}
button.btn__wrap i.icon__box{width:18rem;}
button.btn__wrap i.icon__box img{width:20rem; height:18rem;}
button.btn__wrap:hover i.icon__box svg path{fill:#fff;}

button.btn__wrap{width:280rem;}
/* button.btn__wrap:hover{background:var(--bg-color-accent); color:var(--font-color-white);} */
button.btn__wrap.btn__white{background:transparent; color:var(--font-color-white); text-transform:capitalize; border:1px solid #fff;  margin-left:auto; margin-right:0; width:max-content;}
button.btn__wrap.submit__btn{margin-left:auto; width:200rem !important;}
button.btn__wrap.delete__btn{width:200rem !important; background:transparent; border:1px solid #4C4C4C;}

.form__group{ width:100%; margin-top:var(--spacing-40);}
.form__bg .form__wrap .otp__form .otp__field{display:inline-block; width:48rem; height:48rem; font-size:var(--lg-heading-font-size);  text-align:center; outline:none; margin:0 var(--spacing-08); border-radius:var(--corner-radious-08); border:1px solid rgba(255, 255, 255, 0.25); background:rgba(26, 19, 28, 0.09); color:var(--font-color-white);}
.form__bg .form__wrap form.otp__form{margin:var(--spacing-32) auto; text-align:center;}
.form__bg .form__wrap .otp__form .otp-field:focus{ border-color:var(--font-color-white);}

.step__wraper{display:flex;}
.content__title{ margin-bottom:var(--spacing-40); font-size:var(--lg-heading-font-size); text-align:center;}
/* .content__title--m-sm{ margin-bottom:var(--spacing-10);} */

.multisteps__progress__btn{ transition-property:all; transition-duration:0.15s; transition-timing-function:linear; transition-delay:0s; position:relative; padding-top:var(--spacing-20); color:rgba(108, 117, 125, 0.7); text-indent:-9999px; border:none; background-color:transparent; outline:none !important; cursor:pointer; }
@media (min-width:500px){
.multisteps__progress__btn{text-indent:0;}
}
.multisteps__progress__btn:before{ position:absolute; top:0; left:50%; width:13px; height:13px; content:''; -webkit-transform:translateX(-50%); transform:translateX(-50%); transition:all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; transition:all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; transition:all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; z-index:3;}
.multisteps__progress__btn:first-child:after{display:none;}
.multisteps__progress__btn.js-active{ color:#B257E3;}
.multisteps__form{ position:relative; width:100%;}
.multisteps__form__panel{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden;}
.multisteps__form__panel.js-active{ height:auto; opacity:1; visibility:visible;}
.multisteps__form__panel[data-animation="fade"]{-webkit-animation:fadeInRight 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation:fadeInRight 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.multisteps__form__panel[data-animation="fade"].js-active{-webkit-animation:fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation:fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}


.multisteps__form__panel a.close__btn{position:relative; display:flex; justify-content:end; margin:var(--spacing-40) var(--spacing-40) 0 0;}
.multisteps__form__panel a.close__btn i.icon__box{margin:0;}
.multisteps__form__panel a.close__btn i.icon__box img{width:40rem; height:40rem;}
.step__wraper .multisteps__progress{background-color:#101010; display:flex; flex-direction:column; max-width:240px; width:100%; padding:var(--spacing-24); height:100%;}
.step__wraper .multisteps__progress .navbar__brand{margin-bottom:var(--spacing-56);}
.step__wraper .multisteps__progress__btn{font-size:var(--body-copy-md); font-family:'Aeonik'; margin-bottom:var(--spacing-24); counter-increment:css-counter 1; text-align:left; color:rgba(255, 255, 255, 0.55);}
.step__wraper .multisteps__progress__btn::before{left:5%; display:flex; background-image:url(../assets/images/step-btn.svg); background-size:auto; background-repeat:no-repeat; width:17px; height:17px;}
.step__wraper .multisteps__progress__btn::after{ position:absolute; top:0; left:15%; content:"Step 0"counter(css-counter) "/03"; font-family:'Aeonik'; font-size:var(--body-copy-md); font-weight:var(--font-weight-bold); color:var(--font-color-white);}
.step__wraper .multisteps__progress__btn.js-active{color:var(--font-color-white);}
.step__wraper .multisteps__progress__btn.js-active::after{color:#b257e3;}
/* .step__wraper .multisteps__progress__btn.completed::after{color:#00BE4F;} */
.step__wraper .multisteps__progress__btn.js-active::before{background-image:url(../assets/images/step-btn-active.svg);}
.fadeInRight{-webkit-animation:fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation:fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

@-webkit-keyframes fadeInRight {
    0% {-webkit-transform:translateX(50px); transform:translateX(50px);   opacity:0; }

    100% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1;  }
}
@keyframes fadeInRight {
  0% {-webkit-transform:translateX(50px); transform:translateX(50px); opacity:0;  }

  100% {-webkit-transform:translateX(0); transform:translateX(0); opacity:1;}
}
.fadeInLeft {-webkit-animation:fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;  animation:fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

@-webkit-keyframes fadeInLeft {
  0% {-webkit-transform:translateX(-50px); transform:translateX(-50px); opacity:0; }

  100% {-webkit-transform:translateX(0); transform:translateX(0); opacity:1;}
}
@keyframes fadeInLeft {
  0% {-webkit-transform:translateX(-50px); transform:translateX(-50px); opacity:0; }

  100% { -webkit-transform:translateX(0);  transform:translateX(0); opacity:1; }
}



.multisteps__form__content{position:relative;   max-width:64%; width:100%; margin:auto;}
.multisteps__form__title{max-width:330px; width:100%; margin:0 auto; text-align:center; font-family:'Aeonik'; color:var(--font-color-white);}
.multisteps__form__panel:last-child .multisteps__form__title{margin-top:var(--spacing-56);}
.multisteps__form__content p, .multisteps__form__content span{font-size:var(--md-heading-font-size); color:var(--font-color-white); margin-top:var(--spacing-24); text-align:center; font-family:'Aeonik';}
.checkbox__group { display:flex; flex-wrap:wrap; justify-content:center; width:100%; margin-top:var(--spacing-32); & > * { 	margin:var(--spacing-20) 0rem; }}
/* .checkbox__wrapper{} */
.checkbox__wrapper h3{font-size:var(--body-copy-md); color:var(--font-color-white); text-align:center; font-family:'Aeonik'; margin-top:var(--spacing-16); text-transform:capitalize;}
.checkbox__input{position:absolute; width:0px; white-space:nowrap;}
.checkbox__input:checked + .checkbox__tile .checkbox__label{color:var(--font-color-white); position:relative;}
.checkbox__input:checked + .checkbox__tile .checkbox__label::after{content:"Selected"; color:var(--font-color-white); position:absolute; top:0; left:0; width:100%; text-align:center;font-family:'Aeonik'; font-size:inherit; transition:all 0.2s ease;}
.checkbox__input:focus + .checkbox__tile::before {  transform:scale(1);  opacity:1;}
.checkbox__tile{width:220px; min-height:200rem; background-color:transparent; flex-direction:column; border-radius:0px; display:flex; align-items:center; justify-content:Center;transition:0.15s ease; cursor:pointer; position:relative;}
.checkbox__tile:hover {border-color:#2260ff;}
.checkbox__tile:hover::before {transform:scale(1);opacity:1;}
.checkbox__tile::before{position:absolute; content:""; display:block; top:unset; bottom:var(--spacing-12); left:var(--spacing-56); width:20rem; height:20rem; border-radius:50%; opacity:1; transform:scale(1); background-size:12px; background-image:none; background-repeat:no-repeat; background-position:50% 50%; border:2px solid #fff; background-color:transparent;}
.checkbox__input:checked + .checkbox__tile::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E"); opacity:1; transform:scale(1); background-color:var(--bg-color-accent); border-color:var(--font-color-white); }
.checkbox__input:checked + .checkbox__tile .checkbox__label__box{background-color:var(--bg-color-accent);}
.checkbox__input:checked .checkbox__tile::before{background-color:var(--bg-color-accent);}
.checkbox__tile .image__box{width:100%; max-width:140px; height:140px; overflow:hidden; aspect-ratio:1/1;}
.checkbox__tile .image__box img{width:100%; height:100%; object-fit:cover; border-radius:150rem;}
.checkbox__input:checked + .checkbox__tile .image__box{border:2px solid #D34AB9; border-radius:150px; background:linear-gradient(90deg,#AD59E9 -1.25%,#F14E85 99.85%);}
.checkbox__label__box{border-radius:8px; border:1px solid rgba(255, 255, 255, 0.08); background:#1A1A1A; width:73%; display:flex; padding:var(--spacing-10) var(--spacing-10) var(--spacing-10) var(--spacing-56); margin-top:var(--spacing-10); }
/* .checkbox__label__box.active, .checkbox__label__box:hover, .checkbox__label__box:focus{background:var(--bg-color-accent);} */
.checkbox__input:checked .checkbox__label__box.active{background:var(--bg-color-accent);}
.checkbox__label{font-size:clamp(var(--md-heading-font-size), 1.1vw, var(--lgmd-heading-font-size)); color:var(--font-color-white);}

.button__row{display:flex; margin-top:var(--spacing-40); gap:var(--spacing-40);}


.layout__sidenav .layout__sidenav__content{background:radial-gradient(100% 100% at 50% 0%, #512760 0%, #311C38 10.9%, #111 40.91%, #101010 100%); padding:var(--spacing-26) var(--spacing-32); padding-top:100rem;}
.main__banner{width:100%; height:300rem; border-radius:32px; border:1px solid rgba(255, 255, 255, 0.10); background:linear-gradient(90deg, #3F2241 0%, #2A192A 16.03%, #0E0E10 57.38%, #0D0D0F 100%); position:relative;}
.main__banner .main__banner__content{display:flex; flex-direction:column; gap:var(--spacing-16); padding:var(--spacing-24) var(--spacing-30) var(--spacing-24) var(--spacing-36);}
.main__banner .main__banner__content h2{font-size:var(--xxl-heading-font-size); color:var(--font-color-white);}
.main__banner .main__banner__content h2 span{background:linear-gradient(90deg, #FFF 0%, #FAF5FE 42.79%, #B81699 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:var(--font-weight-bold); display:table;}
.main__banner .main__banner__content p{font-size:clamp(var(--body-copy-lg), 1.1vw, var(--lgmd-heading-font-size)); line-height:145%; color:rgba(255, 255, 255, 0.75);}
.main__banner .main__banner__content a.btn__wrap{width:fit-content;}

.main__banner::before{position:absolute; top:0; right:0; content:''; background-image:url(../assets/images/Group-music.svg); background-repeat:no-repeat; background-size:cover; width:317px; height:100%;}



.body__content{margin:0px;}
.content__one{margin:0;}
.heading__section{display:flex; align-items:center;}
.heading__section h2{color:var(--font-color-white);}
.heading__section a.view__all__btn{color:var(--font-color-white); font-size:clamp(var(--body-copy-sm), 1.1vw, var(--body-copy-lg));}
.heading__section a:last-child{margin-left:auto;}
.heading__section a.view__all__btn:hover{color:#ec4f8c;}
.heading__section .btn__wrap{margin-left:var(--spacing-20);}
.silder__section{display:flex;}
.silder__section .swiper{overflow:visible;}
.slider__slide{margin:0; width:100%; border:0px;}
.slider__slide .image__box{height:auto;}
.slider__slide .image__box img{width:100%; height:100%; object-fit:cover;}
.slider__slide .card__footer{margin:0;}
.slider__slide .card__footer h3{color:var(--font-color-white); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.slider__slide .card__footer p{color:var(--font-color-gray); font-size:clamp(var(--body-copy-sm), 1.1vw, var(--body-copy-lg));}
.slide__container{ width:100%; position:relative;}
.slide__content{ overflow:hidden;}
.card{ border-radius:25px; background:transparent;}
.button{ border:none; font-size:16px; color:#FFF; padding:8px 16px; background-color:#4070F4; border-radius:6px; margin:14px; cursor:pointer; transition:all 0.3s ease;}
.button:hover{ background:#265DF2;}

/* .swiper__nav__btn{ color:#6E93f7; transition:color 0.3s ease;} */
.swiper__nav__btn:hover{ color:#4070F4;}
.swiper__button__next, .swiper__button__prev{top:-15%; width:30px; height:30px; color:#AFAFB6; margin-top:0px; border-radius:30px; background:#1A1A1A;}
.swiper__button__next::after, .swiper__button__prev::after{font-size:var(--body-copy-lg);}
.swiper__button__next{right:5%;}
.swiper__button__prev{left:90%;}
.swiper-button-disabled{opacity:0.75; pointer-events:none; /* optional but recommended */}
.swiper-pagination-bullet{ background-color:#6E93f7; opacity:1;}
.swiper-pagination-bullet-active{ background-color:#4070F4;}

@media screen and (max-width:768px) {
.swiper__nav__btn{display:none;}
}
.slider__card__header{background-color:#BA4DC4; padding:var(--spacing-12); border-radius:var(--corner-radious-12); overflow:hidden;}
.card__img__box{height:230px; position:relative;}
.card__img__box img{width:100%; height:100%; object-fit:cover; border-radius:var(--corner-radious-08);}
.card__img__box .card__title__wrap{position:absolute; bottom:0; left:0; max-width:82%;  width:100%;}
.card__img__box .card__title{overflow:unset; background-color:#BA4DC4; padding-right:10px; border-radius:0 var(--corner-radious-12) 0 0; position:relative;}
.card__img__box .card__title h3{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:rgba(255, 255, 255, 0.6); font-size:var(--xxl-heading-font-size); font-weight:var(--font-weight-bold); letter-spacing:2px;}

.card__img__box .card__title:before{content:''; position:absolute;  top:-20px; left:0; height:20px;  width:20px;  border-bottom-left-radius:10px; box-shadow:-5px 5px 0 5px #ba4dc4;}
.card__img__box .card__title:after{content:''; position:absolute;  bottom:0px; right:-20px; height:20px;  width:20px;  border-bottom-left-radius:10px; box-shadow:-4px 4px 0 4px #ba4dc4;}
.img__footer{display:flex; gap:var(--spacing-06); margin-top:var(--spacing-12); align-items:center;}
.img__footer span svg{width:15px; height:15px;}

.slider__slide:nth-child(2) .slider__card__header{background-color:#6F76A0;}
.slider__slide:nth-child(2) .slider__card__header .card__img__box .card__title{ background-color:#6F76A0;}
.slider__slide:nth-child(2) .slider__card__header .card__img__box .card__title:before{box-shadow:-5px 5px 0 5px #6F76A0;}
.slider__slide:nth-child(2) .slider__card__header .card__img__box .card__title:after{box-shadow:-4px 4px 0 4px #6F76A0;}
.slider__slide:nth-child(2) .slider__card__header .img__footer span svg path{fill:#38406D;}
.slider__slide:nth-child(2) .slider__card__header .img__footer svg rect{fill:#38406D;}

.slider__slide:nth-child(3) .slider__card__header{background-color:#41B146;}
.slider__slide:nth-child(3) .slider__card__header .card__img__box .card__title{ background-color:#41B146;}
.slider__slide:nth-child(3) .slider__card__header .card__img__box .card__title:before{box-shadow:-5px 5px 0 5px #41B146;}
.slider__slide:nth-child(3) .slider__card__header .card__img__box .card__title:after{box-shadow:-4px 4px 0 4px #41B146;}
.slider__slide:nth-child(3) .slider__card__header .img__footer span svg path{fill:#0B590E;}
.slider__slide:nth-child(3) .slider__card__header .img__footer svg rect{fill:#0B590E;}

.slider__slide:nth-child(4) .slider__card__header{background-color:#AD59E9;}
.slider__slide:nth-child(4) .slider__card__header .card__img__box .card__title{ background-color:#AD59E9;}
.slider__slide:nth-child(4) .slider__card__header .card__img__box .card__title:before{box-shadow:-5px 5px 0 5px #AD59E9;}
.slider__slide:nth-child(4) .slider__card__header .card__img__box .card__title:after{box-shadow:-4px 4px 0 4px #AD59E9;}
.slider__slide:nth-child(4) .slider__card__header .img__footer span svg path{fill:#65139F;}
.slider__slide:nth-child(4) .slider__card__header .img__footer svg rect{fill:#65139F;}

.slider__slide:nth-child(5) .slider__card__header{background-color:#7B00FF;}
.slider__slide:nth-child(5) .slider__card__header .card__img__box .card__title{ background-color:#7B00FF;}
.slider__slide:nth-child(5) .slider__card__header .card__img__box .card__title:before{box-shadow:-5px 5px 0 5px #7B00FF;}
.slider__slide:nth-child(5) .slider__card__header .card__img__box .card__title:after{box-shadow:-4px 4px 0 4px #7B00FF;}
.slider__slide:nth-child(5) .slider__card__header .img__footer span svg path{fill:#370072;}
.slider__slide:nth-child(5) .slider__card__header .img__footer svg rect{fill:#370072;}

.heading__section p{font-size:clamp(var(--lg-heading-font-size), 1.1vw, var(--xl-heading-font-size)); color:var(--font-color-white); font-weight:var(--font-weight-bold);}
.heading__section p span{display:inline-block; font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size)); color:rgba(255, 255, 255, 0.5);}
.item__list__wrap{display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--spacing-20); }
.item__list__wrap .item__card{border-top:1px solid #313131; padding-top:var(--spacing-16); display:flex;}
.item__list__wrap .item__card a{display:flex; gap:var(--spacing-10);}
.item__list__wrap .item__card .thumnail__box{width:70px; height:70px; position:relative;}
.item__list__wrap .item__card .thumnail__box img{width:100%; height:100%; object-fit:cover;}
.item__list__wrap .item__card .thumnail__box i.icon__box{display:none;}
.item__list__wrap .item__card a:hover .thumnail__box i.icon__box{display:block; position:absolute; top:50%; left:50%; content:''; transform:translate(-50% , -50%); margin:0px; padding:0px;}
.item__list__wrap .item__card a:hover .thumnail__box i.icon__box img{width:28rem; height:28rem;}
.item__list__wrap .item__card .content__box{margin-left:var(--spacing-08); display:flex; flex-direction:column; justify-content:space-around;}
.item__list__wrap .item__card .content__box h3{font-size:clamp(var(--md-heading-font-size), 1.1vw, var(--lgmd-heading-font-size)); color:var(--font-color-white); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.item__list__wrap .item__card .content__box p{font-size:clamp(var(--body-copy-sm), 1.1vw, var(--body-copy-lg)); color:var(--font-color-gray);}
.item__list__wrap .item__card i.icon__box{padding-top:var(--spacing-10); margin-left:var(--spacing-30);}
/*.item__list__wrap .item__card i.icon__box img{width:20rem; height:20rem;}*/
.item__list__wrap .item__card a.item__details{margin-left:auto;}
.item__list__wrap .item__card a.item__details i.icon__box img{width:24rem; height:24rem;}

.slick__swiper{overflow:visible;}
.slider__card{border:1px solid #fff; border-radius:var(--corner-radious-152); max-width:160px; width:100%; height:160px; margin:0 auto;}
.slider__card .card__image{width:100%; height:100%;}

.card__image img{width:100%; height:100%; object-fit:cover; border-radius:var(--corner-radious-152);}
.swiper__slide{margin:auto; border:1px solid #82828278; padding:var(--spacing-16) 0 var(--spacing-20);}
.swiper__slide a.btn__wrap{margin-top:10px;}
.swiper__slide .card__footer{margin:0 auto;}
.swiper__slide .card__footer a h3{text-align:center; font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size)); color:var(--font-color-white) !important;}
.swiper__slide .card__footer a p{text-align:center; font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md)); color:var(--font-color-gray) !important;}
.swiper__slide .card__footer a.trans__bg__btn{border:1px solid rgba(255, 255, 255, 0.08);}
.slide__container__two{width:100%;}

.slide__content__two{overflow:hidden;}
.slider__slide__two{margin:0; border:0px;}
.slider__card__two{border-radius:var(--corner-radious-12); position:relative; height:300px; max-width: 300rem; width: 100%;}
.slider__card__two img{width:100%; height:100%; border-radius:var(--corner-radious-12); object-fit:cover;}
.slider__card__two .price__tag{position:absolute; top:var(--spacing-08); right:var(--spacing-08); width:max-content; height:auto; padding:var(--spacing-08) var(--spacing-20); font-size:var(--body-copy-sm); color:var(--font-color-white); border:1px solid rgba(255, 255, 255, 0.24); background:rgba(0, 0, 0, 0.75); box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.25); backdrop-filter:blur(2.1500000953674316px); border-radius:var(--corner-radious-24);}
.slider__slide__two .card__footer h3{color:var(--font-color-white); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.slider__slide__two .card__footer p{font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md)); color:var(--font-color-gray);}
.slide__content__three{overflow:hidden;}

.content__two{display:flex; align-items:start; gap:var(--spacing-32);}
.profile__detail{height:100%; width:100%; max-width:100%; position:relative;}
.content__detail{position:relative;}
.content__detail h2{color:#fff; font-weight:var(--font-weight-bold); text-transform: capitalize;}
.content__detail p{color:var(--font-color-gray);}
.content__detail h4{color:rgba(255, 255, 255, 0.55); font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size));}
.content__detail h4 span{color:var(--font-color-white); font-weight:var(--font-weight-bold);}
.profile__links{display:flex; align-items:center; justify-content:space-between;}
.links__wrap{display:flex; align-items:center; gap:var(--spacing-20);}
.btn__link__wrap{margin:0;}
.btn__link__wrap a{width:max-content !important; display:flex; align-items:center; justify-content:center; gap:var(--spacing-08); font-size:var(--sx-heading-font-size); color:var(--font-color-white);}

.list__table{border-top:1px solid #353535; }
.list__table table thead tr th{color:#AFAFB6; font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size)); font-weight:var(--font-weight-bold); padding:var(--spacing-10) 0; text-transform:var(--link-text-transform); border:0px;}
.list__table table{border:0px;}
.list__table table tbody tr td{color:var(--font-color-white); font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size)); font-weight:var(--font-weight-bold); text-transform:capitalize; padding:var(--spacing-10) 0; border:0px; vertical-align:middle;}

.list__table table tbody tr td .thumnail__box{width:64px; height:64px; position:relative;}
.list__table table tbody tr td .thumnail__box img{width:100%; height:100%; object-fit:cover;}
.list__table table tbody tr td .thumnail__box i.icon__box{padding-top:var(--spacing-10); margin-left:var(--spacing-30); display:block; position:absolute; top:50%; left:50%; content:''; transform:translate(-50% , -50%); margin:0px; padding:0px !important; background:transparent !important; border:0px !important;}
.list__table table tbody tr td .thumnail__box i.icon__box img{width:30rem !important; height:30rem !important;}
.list__table table tbody tr td:nth-child(1){width:100rem;}
.list__table table tbody tr td:nth-child(2) , .list__table table tbody tr td:nth-child(3) , .list__table table tbody tr td:nth-child(4){width:300rem;}
.list__table table tbody tr td.flex__data{display:flex; align-items:center; gap:var(--spacing-12);}
.list__table table tbody tr td.flex__data a{margin-left:var(--spacing-30); max-width:160px;}
.list__table table tbody tr td.flex__data a i.icon__box{border-radius:var(--corner-radious-08); border:1px solid rgba(255, 255, 255, 0.08); background:#1A1A1A; padding:var(--spacing-06); display:flex; align-items:center; justify-content:center;}
.list__table table tbody tr td.flex__data a i.icon__box img{width:16rem; height:auto;}
.content__two .slider__card{width:100%; max-width:250rem; height:250rem;}
.content__two .slider__card img{width:100%; height:100%; object-fit:cover; border-radius:var(--corner-radious-152);}
.content__detail .img__wrap{display:flex; gap:var(--spacing-12); width:max-content; display:flex; align-items:center; justify-content:center; font-size:clamp(var(--md-heading-font-size), 1.1vw, var(--lgmd-heading-font-size)); color:var(--font-color-gray);}
.content__detail .img__wrap .thumb__img{width:40rem; height:40rem;}
.content__detail .img__wrap .thumb__img img{width:100%; height:100%; border-radius:var(--corner-radious-32); object-fit:cover;}
.content__detail .flex__data{font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size)); color:var(--font-color-white); font-weight:var(--font-weight-bold); gap:var(--spacing-12);}
.content__detail .flex__data span{border-radius:var(--corner-radious-32); background:var(--bg-color-accent); font-size:clamp(var(--body-copy-sm), 1.1vw, var(--body-copy-lg)); color:var(--font-color-white); padding:var(--spacing-04) var(--spacing-12); margin-left:var(--spacing-12);}

.content__four{display:flex; gap:var(--spacing-24);}
.content__wrap{width:100%;}
.content__three h2, .song__detail__wrap h2, .lyrics__detail__wrap h2{font-size:clamp(var(--lg-heading-font-size), 1.1vw, var(--xl-heading-font-size)); color:var(--font-color-white); font-weight:var(--font-weight-bold);}
.song__detail__wrap{max-width:65%; width:100%;}
.song__detail, .lyrics__detail{border-radius:8px; border:1px solid #2C2C2C; padding:var(--spacing-24);}
.song__detail table tr td{border:0px; font-size:clamp(var(--md-heading-font-size), 1.1vw, var(--lgmd-heading-font-size)); color:var(--font-color-white); padding:var(--spacing-16) 0;}
.song__detail table tbody tr{border-bottom:1px solid #2C2C2C;}
.song__detail table tbody tr:last-child{border-bottom:0px;}
.song__detail table tbody tr td.flex__data{display:flex; align-items:center; gap:var(--spacing-12);}
.song__detail table tbody tr td.flex__data .thumb__img{width:60rem; height:60rem;}
.song__detail table tbody tr td.flex__data .thumb__img img{width:100%; height:100%; border-radius:var(--corner-radious-32);}
.song__detail table tbody tr td.flex__data p{font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size)); color:var(--font-color-white); font-weight:var(--font-weight-bold);}
.song__detail table tbody tr td.flex__data p span{font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md)); color:var(--font-color-gray); display:block; margin-top:var(--spacing-08);}

.lyrics__detail__wrap{max-width:35%; width:100%;}
.lyrics__detail .side__nav{color:var(--font-color-white); max-width:60%; width:100%; font-size:clamp(var(--body-copy-sm), 1.1vw, var(--md-heading-font-size)); text-transform:capitalize;}
.lyrics__detail{overflow-y:scroll; height:420rem;}

/* .layout__sidenav .layout__sidenav__content.image__layout__sidenav{background-image:url(../assets/images/image29.webp); background-repeat:no-repeat; width:100%; height:100%;} */

.slide__content__three .slider__slide .slider__card{max-width:300px; width:100%; height:300px; overflow:hidden; border-radius:var(--corner-radious-08); border:0px;}
.slide__content__three .slider__slide .slider__card img{width:100%; height:100%; object-fit:cover;}

.heading__wrap{margin:0px;}
.heading__wrap h2{color:var(--font-color-white);}
.heading__wrap p{color:rgba(255, 255, 255, 0.80); font-size:var(--body-copy-md);}
.pagination__section{width:100%; display:grid; column-gap:var(--spacing-16); row-gap:var(--spacing-32); grid-template-columns:repeat(6, 1fr);}
.pagination__section .item__card{margin:0;}
.pagination__section .item__card .image__box{max-width:300px; width:100%; height:300px; position:relative;}
.pagination__section .item__card .image__box img{width:100%; height:100%; object-fit:cover; border-radius:var(--corner-radious-12);}
.pagination__section .item__card .card__footer{margin:0;}
.pagination__section .item__card .card__footer h3{color:var(--font-color-white); font-size:clamp(var(--md-heading-font-size), 1.1vw, var(--lgmd-heading-font-size)); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.pagination__section .item__card .card__footer p{color:#B3B3B3; font-size:clamp(var(--body-copy-sm), 1.1vw, var(--body-copy-lg));}

/*  */

#demo{width:200px; height:41px; padding:15px; margin-left:auto;}
.clear_btn{padding:var(--spacing-10); width:50px; background:#ff7979; cursor:pointer; font-size:var(--body-copy-sm);}
.clear_btn:hover{border-radius:0px;}
.clear_btn:active{background:red;}
.date__picker__wrap{margin-right:140rem;}
.date__picker__wrap input, .btn-sm{font-size:var(--body-copy-sm);}
.daterangepicker .calendar th, .daterangepicker .calendar td{font-size:var(--sx-heading-font-size);}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect{font-size:var(--sx-heading-font-size);}
.daterangepicker .input-mini{font-size:var(--sx-heading-font-size);}
.fa.fa-calendar.glyphicon.glyphicon-calendar::before, .fa.fa-clock-o.glyphicon.glyphicon-time::before{font-size:var(--body-copy-sm);}

.links__wrap a i.icon__box img{width:30rem; height:30rem;}

.modal__warp .modal__dialog{max-width:536rem; display:flex; align-items:center; justify-content:center; height:100%;}
.modal__warp .modal__dialog .modal__content{padding:0; position:relative; border:0; background-color:transparent;}
.modal__warp .modal__dialog .modal__content .btn__close{position:absolute; right:var(--spacing-10); top:var(--spacing-10); opacity:1; z-index:1; background-color:transparent; height:25rem; width:25rem; border-radius:var(--corner-radious-36); font-size:var(--sx-heading-font-size); background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}
.modal__warp .modal__dialog .modal__content .modal__body{border:0;}
.modal__form{border-radius:32px; border:1px solid rgba(255, 255, 255, 0.25); background:rgba(26, 26, 26, 0.60); box-shadow:0 10px 4px 0 rgba(0, 0, 0, 0.25); backdrop-filter:blur(101px); padding:var(--spacing-20); display: flex; flex-direction: column; align-items: center; row-gap: var(--spacing-20);}
.modal__form .form__group label{color:var(--font-color-white); font-size:clamp(var(--body-copy-sm), 1.1vw, var(--body-copy-lg)); margin-bottom:var(--spacing-10);}
.modal__form .input__group{background:rgba(26, 26, 26, 0.60); backdrop-filter:blur(101px);  flex-direction:column; align-content:center;}
.modal__form .form__control{padding:var(--spacing-16); border-radius:var(--corner-radious-08); border:1px solid rgba(255, 255, 255, 0.25); background:#262525; color:var(--font-color-white); width:100%; font-size:var(--body-copy-md);}
.modal__form input{font-size:clamp(var(--body-copy-sm), 1.1vw, var(--body-copy-lg)); }
.modal__form .browse.btn.btn-primary.px-4{font-size:clamp(var(--body-copy-sm), 1.1vw, var(--body-copy-lg));}
.file__upload .image__box{margin:0 auto; height:120em; width:120em; cursor:pointer; overflow:hidden; border-radius:12px; border:1.5px dashed rgba(255, 255, 255, 0.13); background-color:#2A2A2A; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column; row-gap: var(--spacing-08); position:relative;}
.file__upload .image__box img{height:100%; width:100%; object-fit:cover; display:none; position:absolute;}
.file__upload .image__box i.icon__box{height:24rem; width:24rem;}
.file__upload .image__box i.icon__box img{display:block; position:unset;}
.file__upload .image__box p{color:#fff; font-size:var(--sx-heading-font-size);}

.pagination__section .item__card .image__box .price__tag{position:absolute; top:var(--spacing-08); right:var(--spacing-08); width:max-content; height:auto; padding:var(--spacing-08) var(--spacing-20); font-size:var(--body-copy-sm); color:var(--font-color-white); border:1px solid rgba(255, 255, 255, 0.24); background:rgba(0, 0, 0, 0.75); box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.25); backdrop-filter:blur(2.1500000953674316px); border-radius:var(--corner-radious-24);}
.content__detail .flex__data svg{width:20rem; height:20rem;}
.content__detail .img__wrap a:hover{color:var(--font-color-white);}
.content__two a.image{width:100%; max-width:250rem; height:250rem;}
.content__lock__screen{display:flex; flex-direction:column; align-content:center; justify-content:center; height:420rem; background:linear-gradient(180deg, rgba(24, 24, 27, 0.50) 0%, rgba(9, 9, 11, 0.90) 100%); border:1px solid #3F3F46; border-radius:var(--corner-radious-12);}
.content__lock__screen i.icon__box{border-radius:var(--corner-radious-36); border:1px solid #3F3F46; background:rgba(39, 39, 42, 0.80); display:flex; align-content:center; justify-content:center; width:72rem; height:72rem; margin:0 auto; padding:var(--spacing-20);}
.content__lock__screen h2{text-align:center; color:var(--font-color-white);}
.content__lock__screen p{text-align:center; color:var(--font-color-gray);}
.btn__col__wrap{display:flex; flex-direction:column; align-content:center; justify-content:center; gap:var(--spacing-20);}
.btn__col__wrap a{width:380rem; margin:0 auto; }
.btn__col__wrap p{color:var(--font-color-gray); text-align:center;}

.pagination__section.pagination__section__round{grid-template-columns:repeat(7, 1fr);}
.pagination__section .round__item__card{margin: 0 auto;}
.round__item__card a{width:200rem; display:block;}
.pagination__section .round__item__card .image__box{max-width:160rem; width:100%; height:160rem; position:relative;}
.pagination__section .round__item__card .image__box img{width:100%; height:100%; object-fit:cover; border-radius:var(--corner-radious-152);}
.pagination__section .round__item__card .card__footer{margin:0 auto;}
.pagination__section .round__item__card .card__footer h3{text-align:center; color:var(--font-color-white); font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size)); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.pagination__section .round__item__card .card__footer p{text-align:center; color:#B3B3B3; font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md));}
.pagination__section .round__item__card .card__footer a.btn__wrap{margin: 20rem auto 0; width:fit-content; font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md));}
.pagination__section .round__item__card .card__footer a.btn__wrap[data-is-following="true"]{background: linear-gradient(90deg, #AD59E9 -1.25%, #F14E85 99.85%); color:#fff;}
.content__full{display:flex; gap:var(--spacing-56);}
.card__content{max-width:320rem; width:100%; margin:0 auto;}
.card__content .image__box{width:100%; height:300rem; overflow:hidden;}
.card__content .image__box img{ width:100%; height:100%; object-fit:cover; border-radius:var(--corner-radious-12);}
.card__content .card__footer{margin:0;}
.card__content .card__footer h3{color:var(--font-color-white); text-align:center;}
.card__content .card__footer p{color:#B3B3B3; text-align:center;}
.content__wrap h3{color:var(--font-color-white);}
.content__wrap .song__detail{background-color:#000000;}
.content__wrap .lyrics__detail__wrap{max-width:100%;}
.scroll__section{border-radius:8px; border:1px solid #2C2C2C; padding:var(--spacing-20); height:320rem;}
.long__enough { color:var(--font-color-white); width:100%; font-size:clamp(var(--body-copy-sm), 1.1vw, var(--md-heading-font-size));}
.content__four .scroll__section{height:422rem;}
.content__four .longEnough{max-height:370rem; max-width:70%; width:350px; overflow:auto;}

#paginationContainer a.pagination-btn {padding:var(--spacing-04) var(--spacing-10) !important; font-size:var(--sx-heading-font-size);}
.stats__wrapper .item__card__wrap{display:flex; flex-direction:column; align-content:center; justify-content:center; position:relative; padding-right:var(--spacing-20);}
.stats__wrapper .item__card__wrap .card__header{display:flex; gap:var(--spacing-08); align-items:center;}
.stats__wrapper .item__card__wrap .card__header i.icon__box img{width:18rem; height:18rem; flex:0 0 18rem;}
.stats__wrapper .item__card__wrap .card__header h3{color:#FAFAFA;}
.stats__wrapper .item__card__wrap p{color:var(--font-color-gray);}
.stats__wrapper .item__card__wrap::after{position:absolute; top:0; right:0; content:''; width:2rem; height:100%; background-color:#313131; }
.stats__wrapper .item__card__wrap:last-child::after{display:none;}
.dashboard__stats__wrap{display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--spacing-24);}
.dashboard__stats__wrap .single__item__card__wrap{border-radius:var(--spacing-20); border:1px solid rgba(255, 255, 255, 0.08); background:var(--bg-color-secondary); padding:var(--spacing-20); box-shadow:0 1px 2px 0 rgba(10, 13, 20, 0.03);}
/* .dashboard__stats__wrap .single__item__card__wrap a{} */
.dashboard__stats__wrap .single__item__card__wrap .card__header{display:flex; justify-content:space-between;}
.dashboard__stats__wrap .single__item__card__wrap .card__header i.icon__box{border-radius:var(--corner-radious-32); background:#0C0C0C; padding:var(--spacing-10);}
.dashboard__stats__wrap .single__item__card__wrap .card__header i.icon__box img{height:auto;}
.dashboard__stats__wrap .single__item__card__wrap .card__header .card__trend{display:flex; gap:var(--spacing-08);}
.dashboard__stats__wrap .single__item__card__wrap .card__header .card__trend i.icon__box{background:transparent; padding:0;}
.dashboard__stats__wrap .single__item__card__wrap .card__header .card__trend i.icon__box img{width:15rem; height:15rem; flex:0 0 15rem;}
.dashboard__stats__wrap .single__item__card__wrap .card__header .card__trend p{font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md)); color:var(--font-color-green);}
.dashboard__stats__wrap .single__item__card__wrap .card__body{margin-top:var(--spacing-40);}
.dashboard__stats__wrap .single__item__card__wrap .card__body p{color:var(--font-color-gray); font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size));}
.dashboard__stats__wrap .single__item__card__wrap .card__body h3{color:var(--font-color-white); font-size:28rem; font-weight:var(--font-weight-bold);}

.overview__wrap, .single__item__card{border-radius:var(--corner-radious-12); border:1px solid rgba(255, 255, 255, 0.08); background:linear-gradient(110deg, rgba(25, 25, 25, 0.80) 0%, rgba(26, 26, 26, 0.60) 100%); backdrop-filter:blur(10px); height:200rem; padding:var(--spacing-24);}
.overview__wrap h2{color:var(--font-color-white);}

.links__wrap a.view__all__btn{color:#998FA3;}
.content__five{display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--spacing-24);}
.single__item__card .heading__section i.icon__box{padding:var(--spacing-12); background:var(--bg-color-accent); border-radius:var(--corner-radious-12);}
.single__item__card .heading__section i.icon__box img{width:20rem; height:20rem; flex:0 0 20rem;}
.single__item__card .heading__section .content{margin-left:var(--spacing-16);}
.single__item__card .heading__section .content p{font-size:var(--body-copy-md) !important; color:var(--font-color-gray); font-weight:var(--font-weight-medium);}
.single__item__card .heading__section .content h3{font-size:var(--lgmd-heading-font-size); color:var(--font-color-white);}
.single__item__card .links__wrap a i.icon__box img{width:20rem; height:20rem;}
.single__item__card .links__wrap a.trans__bg__btn{background-color:#33293D;}
.single__item__card .links__wrap a.trans__bg__btn:hover{background-color:var(--bg-color-accent);}
.single__item__card:last-child .heading__section i.icon__box{background:linear-gradient(135deg, #EB4799 0%, rgba(235, 71, 153, 0.60) 100%);}

.flex__data button{font-size:var(--body-copy-sm);}
.list__table table tbody tr td.flex__data a.dropdown__item{font-size:var(--body-copy-sm); color:var(--font-color-white); display:flex; padding:var(--spacing-10); gap:var(--spacing-06); margin-left:0; border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.list__table table tbody tr td.flex__data a.dropdown__item:last-child{border-bottom:0px;}
.list__table table tbody tr td.flex__data a.dropdown__item i.icon__box{border:0px; background:transparent; padding:0;}
.list__table table tbody tr td.flex__data .dropdown-menu.show{border-radius:8px; border:1px solid rgba(255, 255, 255, 0.08); background:#1A1A1A; color:var(--font-color-white);}
.list__table table tbody tr td.flex__data .dropdown__item:hover{background:transparent; color:var(--font-color-white);}
.list__table table tbody tr td.flex__data .dropdown-toggle::after{display:none;}
.list__table table tbody tr td.flex__data .dropdown{margin-left:var(--spacing-30); background:transparent;}
#songs__wrap .list__table table tbody tr td.flex__data .dropdown{margin-left:0rem;}
.songs__wrap .list__table table tbody tr td.flex__data .dropdown{margin-left:0rem;}
.list__table table tbody tr td.flex__data button:focus{border:0rem;}
.list__table table tbody tr td.flex__data .dropdown i.icon__box{border-radius:var(--corner-radious-08); border:1px solid rgba(255, 255, 255, 0.08); background:#1A1A1A; padding:var(--spacing-06); display:flex; align-items:center; justify-content:center;}

.item__list__wrap .two__col__wrap{margin-left: auto;}
.two__col__wrap .card__actions .dropdown__wrap{margin:0;}

.pagination__section.pagination__section__wrap{display:grid; grid-template-columns:repeat(5, 1fr);}
.pagination__section .item__card .image__box a{ position:absolute; top:var(--spacing-12); right:var(--spacing-12);  content:'';}
.pagination__section .item__card .image__box a i.icon__box img{width:32rem; height:32rem; border-radius:unset;}
.pagination__section .item__card .card__footer p span{color:var(--font-color-white);}
.content__six{max-width:70%; width:100%; margin:0 auto;}
.content__six h2{text-align:center;}
.content__six h3{font-size:clamp(var(--lgmd-heading-font-size), 1.1vw, var(--lg-heading-font-size)); color:var(--font-color-white); position:relative; padding-left:var(--spacing-12);}
.content__six h3::before{position:absolute; top:0; left:0; content:''; width:4rem; height:100%; border-radius:0 12px 12px 0; background:#0055FE;}
.links__wrap a i.ico__box{border-radius:var(--corner-radious-08); border:1px solid rgba(255, 255, 255, 0.08); background:#1A1A1A; padding:var(--spacing-06); display:flex; align-items:center; justify-content:center;}
.links__wrap a i.ico__box img{width:auto;}
button.btn__wrap:hover i.icon__box svg path{stroke:#fff;}
a.btn__wrap:hover i.icon__box svg path{stroke:#fff;}
.links__wrap a.btn__wrap:hover{gap:var(--spacing-08);}
.content__six .form__section{border-radius:var(--corner-radious-08); border:1px solid rgba(255, 255, 255, 0.08); background:#291E2C;}
.form__section .heading__section{padding:var(--spacing-16);}
.form__section p{color:var(--font-color-white); font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size)); font-weight:var(--font-weight-regular);}
.form__section p span{color:#D34AB9;}
.form__wrapper .heading__section .input__group{width:82%;}
/* .form__wrapper form{max-width:85%; width:100%;} */

.form__wrapper .input__group{border:1px solid rgba(255, 255, 255, 0.25); border-radius:var(--corner-radious-08); background:rgba(26, 19, 28, 0.99); padding:var(--spacing-12);}
.form__wrapper .input__group .form__control{font-size:clamp(var(--body-copy-sm), 1.1vw, var(--md-heading-font-size)); border:0px; background:transparent; padding-left:var(--spacing-10); color:var(--font-color-white);}
.form__wrapper .input__group .form__control:focus{box-shadow:none;}
/* .radio__group {display:flex;  gap:20px;}
.radio__item {display:flex; align-items:center; gap:6px; cursor:pointer; font-size:clamp(var(--body-copy-sm), 1.1vw, var(--md-heading-font-size));} */
.form__wrapper .radio__group{display:inline-flex; background:#2b2b2b; padding:6px; border-radius:14px; gap:6px;}
.form__wrapper .radio__group input{display:none;}
.form__wrapper .radio__group label{padding:10px 28px; border-radius:10px; cursor:pointer; font-size:16px; color:#aaa; transition:all 0.3s ease;}
.form__wrapper .radio__group input:checked + label{background:linear-gradient(135deg, #7b2cff, #a020f0); color:#fff;}
.form__wrapper .list__table table thead tr{border-top:1px solid rgba(255, 255, 255, 0.18); border-bottom:1px solid rgba(255, 255, 255, 0.18); background:#50325D;}
.form__wrapper .list__table table thead tr th{color:var(--font-color-white); padding:var(--spacing-10) var(--spacing-16);}
.form__wrapper .list__table table tbody tr td{padding:var(--spacing-10) var(--spacing-16);}
.form__wrapper .flex__data .checkbox__group{margin-top:0;}
.form__wrapper .flex__data .checkbox{margin:0;}
.form__wrapper .flex__data .checkbox__tile{width:fit-content; min-height:fit-content;}
.form__wrapper .flex__data .checkbox__label__box{width:140rem; margin-top:0; padding:var(--spacing-10);}
.form__wrapper .flex__data .checkbox__tile::before{left:var(--spacing-12);}
.form__wrapper .flex__data .checkbox__label{padding-left:var(--spacing-30)}
.form__wrapper .flex__data .checkbox__input:checked + .form__wrapper .flex__data .checkbox__tile .checkbox__label::after{left:var(--spacing-30);}
.form__wrapper .flex__data .checkbox__wrapper .checkbox__input:checked + .checkbox__tile .checkbox__label{visibility:hidden;}
.form__wrapper .flex__data .checkbox__input:checked + .checkbox__tile .checkbox__label::after{visibility:visible; left:var(--spacing-26);}
.content__six .links__wrap a.btn__wrap{width:200rem;}
.form__section.form__section__wo__bg{border:0px; border-radius:unset; background:transparent;}
.form__section.form__section__wo__bg form{max-width:unset;}
.form__wrapper .upload__wrapper{display:grid; grid-template-columns:320px 1fr; gap:40px; align-items:flex-start;}
.form__wrapper .upload__box{border:2px dashed #4b4b4b; border-radius:var(--corner-radious-12); min-height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; background:#1c1c1c; text-align:center;}
#coverPreview{max-width: 180px !important; max-height: 180px !important;}
.form__wrapper .upload__label{display:flex; flex-direction:column; gap:var(--spacing-10); cursor:pointer; color:#aaa; align-items:center;}
.form__wrapper i.upload__icon{background-color:#D34AB9; width:30rem; height:30rem; display:flex; align-items:center; justify-content:center; border-radius:var(--corner-radious-08);}
.form__wrapper .upload__btn{display:inline-block; color:#D34AB9; font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size));}
.form__wrapper .upload__label p{font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size)); opacity:0.7;}
.form__wrapper .upload__info h4{margin-bottom:var(--spacing-12); font-size:clamp(var(--body-copy-lg), 1.1vw, var(--lgmd-heading-font-size)); color:var(--font-color-white);}
.form__wrapper .upload__info ul{padding-left:var(--spacing-16); margin-bottom:var(--spacing-12); list-style-type:disc;}
.form__wrapper .upload__info li{font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md)); margin-bottom:6px; color:rgba(255, 255, 255, 0.88);}
.form__wrapper .upload__info .note{font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md)); color:rgba(255, 255, 255, 0.88);}
/* ------------27/01/2026------------------------- */
.form__bg .form__wrap button#submitBtn{width:100%;}
.multisteps__form .button__row{justify-content: end;margin-bottom:var(--spacing-20);}
.multisteps__form .checkbox__group{display:flex !important; flex-wrap:wrap; justify-content:start; width:100%; margin-top:var(--spacing-32); & > * {  margin:var(--spacing-20) 0rem; }}
.form__wrapper h2{font-size:var(--xl-heading-font-size); color:var(--font-color-white);}
.review__icon {display:block; width:100%; max-width:fit-content; margin:0 auto;}
.review__icon i.icon__box{display:flex; align-items:center; justify-content:center; border-radius:var(--corner-radious-08); background-color:#AD59E9; padding:var(--spacing-08);}
.review__icon i.icon__box img{width:32rem; height:auto;}
.album__details__section{border-radius:var(--corner-radious-08); background:rgba(61, 40, 67, 0.99); padding:var(--spacing-16); display:flex; flex-direction:column;}
.album__details__section .top__detail__wrap{display:flex; gap:var(--spacing-24);}
.album__details__section .top__detail__wrap .image__box{width:100%; max-width:250rem; height:250rem; }
.album__details__section .top__detail__wrap .image__box img{width:100%; height:100%; object-fit:cover; border-radius:var(--corner-radious-12);}
.album__details__section .top__detail__wrap .profile__detail .content__detail h2{text-align:start;}
.album__details__section .top__detail__wrap .profile__detail .content__detail a{position:absolute; top:0; right:0; content:'';}
.album__details__section .top__detail__wrap .profile__detail .content__detail a i.icon__box img{width:30rem; height:auto;}
.album__details__section .top__detail__wrap .profile__detail .stats__detail{display:flex; }
.album__details__section .top__detail__wrap .profile__detail .stats__detail .item__card__wrap{margin:0; position:relative; padding-right:var(--spacing-20); padding:0 var(--spacing-20);}
.album__details__section .top__detail__wrap .profile__detail .stats__detail .item__card__wrap:first-child{padding:0 var(--spacing-20) 0 0;}
.album__details__section .top__detail__wrap .profile__detail .stats__detail .item__card__wrap p{font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md)); color:var(--font-color-gray);}
.album__details__section .top__detail__wrap .profile__detail .stats__detail .item__card__wrap p span{display:block; font-weight:var(--font-weight-bold); margin-top:var(--spacing-08); color:var(--font-color-white);}

.album__details__section .top__detail__wrap .profile__detail .stats__detail .item__card__wrap::after{position:absolute; top:50%; right:0; content:''; transform:translate(-50% , -50%); width:2rem; height:54rem; background:rgba(255, 255, 255, 0.12);}
.album__details__section .top__detail__wrap .profile__detail .stats__detail .item__card__wrap:last-child::after{display:none;}
.album__details__section .list__table{border-top:1px solid rgba(255, 255, 255, 0.12);}
button.btn__wrap.submit__btn{margin-right:0rem;}
#submitBtn{margin-right:50rem; height:48rem;}
.form__wrapper .list__table table tbody tr td a{margin:0;}
.form__wrapper .list__table table tbody tr td a i.icon__box{display:flex; align-items:center;}
.form__wrapper .list__table table tbody tr td a i.icon__box img{width:30rem; height:auto;}
.form__wrapper .album__details__section h2{text-align:left;}
.form__wrapper .checkbox__unique{appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 2px solid #AD59E9; background-color:transparent; border-radius: 4px; cursor: pointer; position: relative; margin-right: 10px;}
.form__wrapper .checkbox__unique:checked{background-color: #AD59E9; border-color: #AD59E9;}
.form__wrapper .checkbox__unique:checked::after{content: ""; position: absolute; top: 2px; left: 6px; width: 4px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.form__section .content__four p{color: rgba(255, 255, 255, 0.70);}
.content__six .heading__wrap p{text-align:center; max-width: 50%; width:100%; margin:var(--spacing-16) auto;}
.two__col__wrap{display:flex; gap:var(--spacing-10);}
.two__col__wrap a i.icon__box{padding:var(--spacing-12); display:flex; align-items:center; justify-content:center; border-radius:var(--corner-radious-08); border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(26, 19, 28, 0.99);}
.two__col__wrap a i.icon__box img{width:24rem;}
button.btn__wrap.submit__btn.right__auto{margin-left:0;}
.pending__status{background:linear-gradient(180deg, #714F26 0%, #000 100%); border-radius:var(--corner-radious-08); padding:var(--spacing-30) var(--spacing-56); margin-top:var(--spacing-40);}
.pending__status h2{text-align:center; margin:var(--spacing-24) auto; color:var(--font-color-white); }
.pending__status i.icon__box{display:flex; align-items:center; justify-content:center; border-radius:var(--corner-radious-08); padding:var(--spacing-10); border: 1px solid rgba(255, 255, 255, 0.25); background: linear-gradient(180deg, #FCA62B 0%, #E69727 38.94%, #4D2900 100%); width: 48rem; margin: 0 auto;}
.pending__status i.icon__box img{width:30rem; height:auto;}
.pending__status p{text-align:center; margin:var(--spacing-24) auto; max-width: 55%; width:100%; color: rgba(255, 255, 255, 0.88); line-height: 145%;}

.content__detail a.btn__wrap{width:max-content; position:absolute; top:0; right:0; }
.content__detail .btn__wrap.trans__bg__btn{border:1px solid #fff;}
/* ------------28/01/2026------------------------- */
.hover__linear__btn__wrap{display: flex; align-items: center; gap: var(--spacing-20);}
a.trans__bg__btn.hover__linear__btn{color:#626262; width:max-content !important;}
a.trans__bg__btn.hover__linear__btn:hover{color:var(--font-color-white); background: linear-gradient(89deg, #D34AB9 0.56%, #AD59E9 95.91%);}

#bio__wrap p{color:rgba(255, 255, 255, 0.8); line-height:165%;}
#bio__wrap h2{color:var(--font-color-white);}

#album__wrap .slider__card__two .price__tag, #podcast__wrap .slider__card__two .price__tag{padding:var(--spacing-08); border-radius: var(--corner-radious-08);}
#album__wrap .slider__card__two .price__tag i.icon__box img, #podcast__wrap .slider__card__two .price__tag i.icon__box img{border-radius:0;}
.three__col__bg{border-radius:var(--corner-radious-12); border: 1px solid rgba(255, 255, 255, 0.08); background: #191919; backdrop-filter: blur(10px); padding:var(--spacing-24);}
.three__col__bg .subscription__card__left{display:flex; gap:var(--spacing-20);}
.three__col__bg .subscription__card__left .thumnail__image{max-width:120rem; width:100%; height:120rem; overflow:hidden;}
.three__col__bg .subscription__card__left .thumnail__image img{width:100%; height:100%; object-fit:cover; border-radius:var(--corner-radious-12);}
.three__col__bg .subscription__card__left .card__content{margin:0;}
.three__col__bg .subscription__card__left .card__content h4, .three__col__bg .subscription__card__left .card__content p{font-size:clamp(var(--body-copy-lg), 1.1vw, var(--lgmd-heading-font-size)); color:var(--font-color-white);}
.three__col__bg .subscription__card__left .card__content h4 span{font-size:clamp(var(--body-copy-sm), 1.1vw, var(--body-copy-lg)); color:var(--font-color-gray); font-weight:var(--font-weight-bold); margin-top:var(--spacing-08); }
.three__col__bg .subscription__card__left .card__content h4{display:-webkit-box; -webkit-box-orient:vertical; max-width:200px; overflow:hidden;}
.three__col__bg .subscription__card__left .card__content p span{border-radius:var(--corner-radious-16); border: 1px solid rgba(34, 195, 142, 0.30); background: rgba(34, 195, 142, 0.20); padding:var(--spacing-04) var(--spacing-12); font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size)); font-weight:var(--font-weight-bold);}
.three__col__bg .subscription__card__left .card__content p{margin-top:var(--spacing-30); font-weight:var(--font-weight-medium);}
.three__col__bg .card__cat, .three__col__bg .card__meta{margin:0;}
.three__col__bg .card__cat p, .three__col__bg .card__meta p{font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md)); color:var(--font-color-gray);}
.three__col__bg .card__cat p span, .three__col__bg .card__meta p span{font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size)); color:var(--font-color-white); font-weight:var(--font-weight-bold); margin-top:var(--spacing-08); display:block;}
.two__col__wrap .card__actions{display: flex; flex-direction:column; gap:var(--spacing-20);}
.two__col__wrap .card__actions a{width:max-content;}
.two__col__wrap .card__actions a:hover{width:max-content;}

.two__col__wrap .card__actions a.dropdown__item{font-size:var(--body-copy-sm); color:var(--font-color-white); display:flex; padding:var(--spacing-10); gap:var(--spacing-06); margin-left:0; border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.two__col__wrap .card__actions a.dropdown__item:last-child{border-bottom:0px;}
.two__col__wrap .card__actions a.dropdown__item i.icon__box{border:0px; background:transparent; padding:0;}
.two__col__wrap .card__actions .dropdown-menu.show{border-radius:8px; border:1px solid rgba(255, 255, 255, 0.08); background:#1A1A1A; color:var(--font-color-white);}
.two__col__wrap .card__actions .dropdown__item:hover{background:transparent; color:var(--font-color-white);}
.two__col__wrap .card__actions .dropdown-toggle::after{display:none;}
.two__col__wrap .card__actions .dropdown{margin-left:var(--spacing-30); background:transparent;}
.two__col__wrap .card__actions button:focus{border:0rem;}
.two__col__wrap .card__actions .dropdown i.icon__box{border-radius:var(--corner-radious-08); border:1px solid rgba(255, 255, 255, 0.08); background:#1A1A1A; padding:var(--spacing-06); display:flex; align-items:center; justify-content:center; margin-left:0;}

.form__wrapper .radio__grp{display: inline-flex; gap:var(--spacing-20);}
.form__wrapper .radio__grp .radio__item{display: flex; align-items: center; gap: 8px; color: #fff; font-size: 14px; cursor: pointer;}
.form__wrapper .radio__grp .radio__item input{display: none;}
.form__wrapper .radio__grp .radio__custom{width: 14px; height: 14px; border: 2px solid #a855f7; /* purple */ border-radius: 50%; position: relative;}
.form__wrapper .radio__grp .radio__item input:checked +  .radio__custom::after{content: ""; width: 6px; height: 6px; background: #a855f7; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.song__detail__form{border-radius:var(--corner-radious-12); border: 1px solid rgba(255, 255, 255, 0.08); background: #291E2C; padding:var(--spacing-16);}
.song__detail__form .form__group:first-child{margin:0rem;}
.song__detail__form .form__group, .form__wrapper .form__group{margin-top:var(--spacing-30);}
.form__wrapper .upload__box{background:rgba(26, 19, 28, 0.99);}
.form__wrapper .form__group label{font-size:clamp(var(--md-heading-font-size), 1.1vw, var(--lgmd-heading-font-size)); font-weight:var(--font-weight-medium); text-transform: capitalize; margin-bottom:10rem; color:var(--font-color-white);}
.form__wrapper .form__group label span{font-weight:var(--font-weight-light); color: rgba(255, 255, 255, 0.5); font-style: italic;}
.form__wrapper .upload__wrapper.upload__wrapper__grid{grid-template-columns:700rem 1fr;}



.two__col__wrap .form__group{width: 100%; margin:0rem;}
.two__col__wrap .form__group label{display: block; margin-bottom:var(--spacing-08); color: rgba(255, 255, 255, 0.8);}
.form__group .form__control__unique{width: 100%; height: 52px; padding: 0 var(--spacing-10); background:transparent; border:0; color: rgba(255, 255, 255, 0.8); font-size:clamp(var(--md-heading-font-size), 1.1vw, var(--lgmd-heading-font-size)); appearance: none;}
/* Dropdown arrow */
.form__group select.form__control__unique{height:auto; background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; cursor: pointer;}
/* Placeholder option color */
.form__group select.form__control__unique option{background:var(--bg-color-secondary);}
.form__group select.form__control__unique option.option__unique{font-family: 'Aeonik' !important;}
/* Focus state */
.form__group select.form__control__unique:focus{outline: none; border:none; box-shadow:none;}
.album__details__section .top__detail__wrap .profile__detail .stats__detail .item__card__wrap{padding-right:var(--spacing-32); padding:0 var(--spacing-32);}
.album__details__section .top__detail__wrap .profile__detail .stats__detail .item__card__wrap:first-child{padding:0 var(--spacing-32) 0 0;}
.album__details__section .top__detail__wrap .profile__detail .stats__detail .item__card__wrap p span{font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size));}
.album__details__section .song__detail__info{display:flex; gap:var(--spacing-30);}
.album__details__section .song__detail__info .item__card__wrap{margin:0; position:relative; padding-right:var(--spacing-32); padding:0 var(--spacing-32) 0 0;}
.album__details__section .song__detail__info .item__card__wrap:first-child{padding:0 var(--spacing-32) 0 0; min-width: 140px;}
.album__details__section .song__detail__info .item__card__wrap p{font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md)); color:var(--font-color-gray);}
.album__details__section .song__detail__info .item__card__wrap p span{display:block; font-weight:var(--font-weight-bold); margin-top:var(--spacing-08); color:var(--font-color-white);
font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size));}
.album__details__section .song__detail__info .item__card__wrap p span.status__badge{display: flex; align-items: center; justify-content: center; padding:var(--spacing-04) var(--spacing-12) var(--spacing-08);}
.album__details__section .song__detail__info .item__card__wrap::after{position:absolute; top:50%; right:0; content:''; transform:translate(-50% , -50%); width:2rem; height:100%; background:rgba(255, 255, 255, 0.12);}
.album__details__section .song__detail__info .item__card__wrap:last-child::after{display:none;}
.content__six h3{text-transform:var(--text-transform);}
.form__wrapper .form__group span.upload__btn{color:#D34AB9 !important; font-style:unset !important; font-weight:var(--font-weight-medium);}
.form__wrapper .note{color:rgba(255, 255, 255, 0.7) !important;}
.form__wrapper label.checkbox__label{text-transform:unset; font-weight:var(--font-weight-regular);}
.main__banner .main__banner__content p span{display: block;}
/*------------------------------------------------------------------------ 31/01/2026 ---------------------------------------------------------------------------*/
#sidebarToggle{border-radius:var(--corner-radious-32); border: 1px solid rgba(255, 255, 255, 0.5); background: #1A1A1A; padding:var(--spacing-14) var(--spacing-12); display: flex; align-items: center; justify-content: center;}
.responsive__btn{display:none;}
.social__full__wrap ul.social__links li a:hover i.icon__box svg path{fill:#fff;}
.navbar__top{position: fixed; top: 0; left: 0; width: 100%; z-index:1040;}
.list__table .table-responsive{overflow:unset;}
.links__wrap a.btn__wrap{width:160rem; gap:var(--spacing-08);}
/* .links__wrap a.btn__white{gap:0;} */
.content__wrap .scroll__section{height:322rem;}
.content__wrap .longEnough{max-height:280rem; max-width:80%; width:100%; overflow:auto;}

.sidebar__linear__bg__card .card__header{padding:var(--spacing-12); display:flex; align-items:center; gap:var(--spacing-12); position:relative;}
.sidebar__linear__bg__card .card__header h3{font-size:clamp(var(--md-heading-font-size), 1.1vw, var(--lgmd-heading-font-size)); font-weight:var(--font-weight-bold); color:var(--font-color-white);}
.sidebar__linear__bg__card .card__header i.icon__box{width:36rem; border-radius:var(--corner-radious-12); background-color:#240A1F; padding:var(--spacing-08); display:flex; align-items:center; justify-content:center;}
.sidebar__linear__bg__card .card__header p span{color:#8F778C; font-weight:normal; font-size:clamp(var(--body-copy-sm), 1.1vw, var(--body-copy-lg)); }
.sidebar__linear__bg__card .card__header .plan__card{position:absolute; top:0; right:0; width:fit-content; padding:var(--spacing-06); height:fit-content; content:''; font-size:var(--body-copy-sm); background-color:#007004; border-radius: 0 var(--corner-radious-08) 0 var(--corner-radious-16); color:var(--font-color-white);}
.sidebar__linear__bg__card .card__body{border-top:1px solid rgba(255, 255, 255, 0.16); padding:var(--spacing-12);}
.sidebar__linear__bg__card .card__body .plan__card__usage{display:flex; gap:var(--spacing-20); align-items: center; justify-content:space-between;}
.sidebar__linear__bg__card .card__body .plan__card__usage .plan__card__usage__label{display:flex; gap:var(--spacing-08);}
.sidebar__linear__bg__card .card__body .plan__card__usage .plan__card__usage__label span, .sidebar__linear__bg__card .card__body .plan__card__usage .count{font-size:var(--body-copy-sm); color:var(--font-color-white); text-transform:capitalize;}
.heading__section p span{font-weight:var(--font-weight-regular); margin-top:var(--spacing-14);}
.plan__usage__card{border-radius:var(--corner-radious-16); border: 2px solid rgba(255, 255, 255, 0.20); background: linear-gradient(180deg, #1A1520 0%, #0F0A1A 100%); padding:var(--spacing-32); }
.plan__usage__card .card__header{display:flex; align-items:center; gap:var(--spacing-12); position:relative;}
.plan__usage__card .card__header i.icon__box{border-radius:var(--corner-radious-12); background: rgba(255, 255, 255, 0.10); padding:var(--spacing-14); display:flex; align-items:center; justify-content:center;}
.plan__usage__card .card__header .plan__card{position:absolute; top:0; right:0; width:fit-content; padding:var(--spacing-06) var(--spacing-22); height:fit-content; content:''; font-size:var(--body-copy-sm); background-color:#007004; border-radius:var(--corner-radious-36); color:var(--font-color-white);}
.plan__usage__card .card__header .plan__wrap h3{color:var(--font-color-white);}
.plan__usage__card .card__header .plan__wrap p span{color:var(--font-color-gray);}

.progress__bar__wrap{padding:0;}
.progress__bar__wrap p{font-size:var(--body-copy-md); color:var(--font-color-white);}
.progress__bar__wrap .progress__bar{height:var(--spacing-08); border-radius:var(--corner-radious-12); margin-top:var(--spacing-14);}
.progress__bar__wrap .progress__bar .progress-bar{position:relative; background: linear-gradient(90deg, #AD46FF 0%, #F6339A 100%); height:8px !important;}

.plan__grid__wrap{ display:grid; grid-template-columns:repeat(3, 1fr); gap:clamp(var(--spacing-20), 1.1vw, var(--spacing-24));}
.plan__grid__wrap .item__card{padding:var(--spacing-16); border-radius:var(--corner-radious-16); border: 1px solid rgba(255, 255, 255, 0.10); background: linear-gradient(180deg, #1A1520 0%, #0F0A1A 100%); display: flex; flex-direction: column; justify-content: space-between;}
.plan__grid__wrap .item__card .price__card__header{display:flex; align-items:center; gap:var(--spacing-12);}
.plan__grid__wrap .item__card .price__card__header i.icon__box{border-radius:var(--corner-radious-12); background: rgba(255, 255, 255, 0.10); padding:var(--spacing-10); display:flex; align-items:center; justify-content:center;}
.plan__grid__wrap .item__card .price__card__header .plan__wrap h3{color:var(--font-color-white);}
.plan__grid__wrap .item__card .price__card__header .plan__wrap p span{color:var(--font-color-gray);}
.plan__grid__wrap .item__card ul{margin-top:var(--spacing-24);}
.plan__grid__wrap .item__card ul li{font-size:var(--body-copy-md); color:var(--font-color-white); display:flex; align-items:center; gap:var(--spacing-08); margin-bottom:var(--spacing-12);}
.plan__grid__wrap .item__card .price__tag{color:var(--font-color-white);}
.plan__grid__wrap .item__card .price__tag span{ font-size:var(--body-copy-sm); color:var(--font-color-gray);}
.plan__grid__wrap .item__card .btn__wrap{background:#2B2633; height:48rem; margin-right: 0rem; width: 100%;}
.plan__grid__wrap .item__card:nth-child(2){border: 1px solid #8B4513; background: linear-gradient(180deg, #372504 0%, #0F0C11 100%);}
.plan__grid__wrap .item__card:nth-child(2) .btn__wrap{background:#8B4513;}
.plan__grid__wrap .item__card:nth-child(3){border: 1px solid rgba(255, 255, 255, 0.38); background:linear-gradient(180deg, #2A1A3F 0%, #1A1530 100%);}
.plan__grid__wrap .item__card:nth-child(3) .btn__wrap{background:linear-gradient(90deg, #AD59E9 -1.25%, #F14E85 99.85%);}

.billing__table{border: 1px solid rgba(255, 255, 255, 0.05); border-radius:var(--corner-radious-16);}
.billing__table table thead tr{border-radius:var(--corner-radious-16); }
.billing__table table thead th{font-size:var(--body-copy-md); color:var(--font-color-white); padding:var(--spacing-16) var(--spacing-20); border-bottom: 1px solid rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05); font-weight:var(--font-weight-regular); text-transform:capitalize;}
.billing__table table thead th:first-child{border-radius:var(--corner-radious-16) 0 0 0; }
.billing__table table thead th:last-child{border-radius:0 var(--corner-radious-16) 0 0; }
.billing__table table tbody td{font-size:var(--body-copy-md); color:var(--font-color-white); padding:var(--spacing-20); border-bottom: 1px solid rgba(255, 255, 255, 0.05); vertical-align: middle;}
.billing__table table tbody td:nth-child(1), .billing__table table tbody td:nth-child(2){font-weight:var(--font-weight-bold);}
.billing__table table tbody td:nth-child(4) span{padding:var(--spacing-02) var(--spacing-14) var(--spacing-04); border-radius:var(--corner-radious-36); border: 1px solid rgba(34, 195, 142, 0.30); background: rgba(34, 195, 142, 0.20); color:#22C38E; width: max-content;}
.billing__table table tbody td:nth-child(5) span a{color:#C27AFF; display:flex; align-items:center; gap:var(--spacing-08);}
.billing__table table tbody td:nth-child(5) span a:hover{color:var(--bg-color-accent);}

.billing__table table tbody td span{color:rgba(255, 255, 255, 0.7); display:block; margin-top:var(--spacing-06); font-weight:var(--font-weight-regular);}
.billing__table table tbody tr:last-child td{border-bottom:0px;}
/*------------------------------------------------------------------ 05/02/2026 --------------------------------------------------------------------------*/
.three__col__bg a.download__file{margin:0;}
.three__col__bg a.download__file span{display:flex; gap:var(--spacing-10); font-size:var(--body-copy-md); color:#C27AFF;}
.three__col__bg a.download__file:hover{color:var(--font-color-white);}
/*------------------------------------------------------------------ 06/02/2026 --------------------------------------------------------------------------*/
.plan__grid__wrap .item__card:nth-child(2), .plan__grid__wrap .item__card:nth-child(3){position:relative; padding:var(--spacing-26) var(--spacing-16) var(--spacing-16);}
.plan__grid__wrap .item__card:nth-child(2) .comparison__plan, .plan__grid__wrap .item__card:nth-child(3) .comparison__plan{position:absolute; top:-7%; left:50%; content:''; transform:translateX(-50%); width:max-content; height:max-content; border-radius: 40px; background: #8B4513; display: flex; gap:var(--spacing-06); align-items:center; justify-content:center; padding:var(--spacing-10) var(--spacing-12);}
.plan__grid__wrap .item__card:nth-child(2) .comparison__plan i.icon__box, .plan__grid__wrap .item__card:nth-child(3) .comparison__plan i.icon__box{background:transparent; padding:0;}
.plan__grid__wrap .item__card:nth-child(2) .comparison__plan i.icon__box svg, .plan__grid__wrap .item__card:nth-child(3) .comparison__plan i.icon__box svg{width: 20rem; height: 20rem;}
.plan__grid__wrap .item__card:nth-child(2) .comparison__plan p, .plan__grid__wrap .item__card:nth-child(3) .comparison__plan p{color:var(--font-color-white);}
.plan__grid__wrap .item__card:nth-child(3) .comparison__plan{background: #9810FA;}

.content__detail .video__wrap video{height:100%; object-fit:cover;}
#aboutSection{margin-top: 30rem; }
.single__item__card .links__wrap a.btn__wrap, .single__item__card .links__wrap a.btn__wrap.btn__purple,.single__item__card .links__wrap a.btn__wrap.trans__bg__btn{width: max-content !important;}
.multisteps__form__content span.checkbox__label{margin-top:0 !important;}
.empty__state p{color:var(--font-color-white);}
.empty__state a.btn__wrap.btn__white{max-width:max-content !important;}
.alert__msg{color:var(--font-color-white); font-size:var(--body-copy-md); background:transparent;}
.album__stats{padding:var(--spacing-20) !important;}

.footer__main{border-top:1px solid #353535;}
.footer__menu__wrapper{display:flex; justify-content:space-between; padding:var(--spacing-32) 0 var(--spacing-20);}
.widget__links__wrap{margin:0;}
.widget__links__wrap h3.title{color:#787887; font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size)); font-weight:var(--font-weight-bold);}
.widget__links__wrap ul{margin-top:var(--spacing-20); padding:0;}
.widget__links__wrap ul li{margin-bottom:var(--spacing-20); padding:0;}
.widget__links__wrap ul li a{color:var(--font-color-white); font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size));}
.widget__links__wrap ul li a:hover{color:#787887;}
.footer__bottom__wrapper{border-top:1px solid #353535; padding:var(--spacing-24) 0;}
.social__full__wrap{display:flex;}
.social__full__wrap p{max-width:60%; width:100%; color:#787887; font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md)); line-height:133%;}
.social__full__wrap ul.social__links{margin-left:auto; padding:0; display:flex; align-items:center; justify-content:center; gap:var(--spacing-24);}
.social__full__wrap ul.social__links li{margin:0;}
.social__full__wrap ul.social__links li a{margin:0;}
.social__full__wrap ul.social__links li a i.icon__box{width:20rem;}
.social__full__wrap ul.social__links li a i.icon__box img{width:20rem; height:20rem; flex:0 0 20rem;}

.copyright__wrapper{display:flex; align-items:center; justify-content:space-between;}
.copyright__wrapper p{color:#787887;}
.footer__legal__links{display:flex; align-items:center;}
.footer__legal__links ul{display:flex; align-items:center; gap:var(--spacing-24);}
/* .footer__legal__links ul li{} */
.footer__legal__links ul li a{color:#787887; font-size:clamp(var(--sx-heading-font-size), 1.1vw, var(--body-copy-md));}
.footer__legal__links ul li a:hover{color:var(--font-color-white);}
.footer__legal__links .language{padding:var(--spacing-10); border-radius:var(--corner-radious-08); background:#18181B; color:var(--font-color-white); font-size:var(--sx-heading-font-size); margin-left:20px;}



/* Upload Type Tabs */
.upload__type__tabs{display:inline-flex; background:#1A1A1A; border:1px solid rgba(255, 255, 255, 0.08); padding:5px; border-radius:14px; gap:4px; margin-top:var(--spacing-24); margin-bottom:var(--spacing-08);}
.upload__type__tab{display:flex; align-items:center; gap:8px; padding:10px 28px; border-radius:10px; font-size:clamp(var(--body-copy-md), 1.1vw, var(--md-heading-font-size)); color:rgba(255, 255, 255, 0.55); transition:all 0.3s ease; cursor:pointer; text-decoration:none; white-space:nowrap;}
.upload__type__tab:hover{color:rgba(255, 255, 255, 0.85); background:rgba(255, 255, 255, 0.05);}
.upload__type__tab.active{background:linear-gradient(135deg, #AD59E9, #D34AB9); color:#fff; font-weight:var(--font-weight-bold);}
.upload__type__tab.active:hover{color:#fff;}
.upload__type__tab .tab__icon{display:flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 18px;}
.upload__type__tab .tab__icon svg{width:18px; height:18px;}

/* Collaborator Section */
.collaborator__section{border-radius:var(--corner-radious-12); border:1px solid rgba(255, 255, 255, 0.08); background:#291E2C; padding:var(--spacing-20);}
.collaborator__group{margin-bottom:var(--spacing-24);}
.collaborator__group:last-child{margin-bottom:0;}
.collaborator__group__header{display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--spacing-12);}
.collaborator__group__header label{font-size:clamp(var(--md-heading-font-size), 1.1vw, var(--lgmd-heading-font-size)); font-weight:var(--font-weight-medium); color:var(--font-color-white); margin:0; padding:0;}
.add__field__btn{display:flex; align-items:center; gap:6px; background:transparent; border:1px solid rgba(255, 255, 255, 0.2); border-radius:var(--corner-radious-08); padding:6px 14px; color:#D34AB9; font-size:clamp(var(--body-copy-sm), 1.1vw, var(--body-copy-lg)); cursor:pointer; transition:all 0.3s ease;}
.add__field__btn:hover{background:rgba(211, 74, 185, 0.1); border-color:#D34AB9;}
.add__field__btn svg{width:12px; height:12px;}
.dynamic__fields__container{display:flex; flex-direction:column; gap:var(--spacing-10);}
.dynamic__field__row{display:flex; align-items:center; gap:var(--spacing-10);}
.dynamic__field__row .input__group{flex:1;}
.remove__field__btn{display:flex; align-items:center; justify-content:center; width:40px; height:40px; flex:0 0 40px; background:transparent; border:1px solid rgba(255, 255, 255, 0.15); border-radius:var(--corner-radious-08); color:#ff5c5c; cursor:pointer; transition:all 0.3s ease;}
.remove__field__btn:hover{background:rgba(255, 92, 92, 0.1); border-color:#ff5c5c;}

/* Date & Time Input Icons */
.date__time__input__group{position:relative; display:flex; align-items:center;}
.date__time__input__group .dt__icon{display:flex; align-items:center; justify-content:center; flex:0 0 18px; width:18px; height:18px; margin-left:var(--spacing-04); pointer-events:none;}
.date__time__input__group .dt__icon svg{width:18px; height:18px;}
.date__time__input__group input[type="date"],
.date__time__input__group input[type="time"]{flex:1; color-scheme:dark;}
.date__time__input__group input[type="date"]::-webkit-calendar-picker-indicator,
.date__time__input__group input[type="time"]::-webkit-calendar-picker-indicator{filter: brightness(0) invert(1); cursor:pointer; opacity:1; transition:opacity 0.2s ease;}
.date__time__input__group input[type="date"]::-webkit-calendar-picker-indicator:hover,
.date__time__input__group input[type="time"]::-webkit-calendar-picker-indicator:hover{opacity:1;}

.add__song__section{padding: 0 var(--spacing-20) var(--spacing-20) var(--spacing-20);}
button.btn__wrap.btn__sm, button.btn__wrap.add__song__btn{width:160rem;}
button.btn__wrap.btn__danger{width:160rem;}
button.btn__unlink{border-radius:var(--corner-radious-08); border: 1px solid rgba(255, 255, 255, 0.08); background:#1A1A1A; display:flex; padding:var(--spacing-12) var(--spacing-24); justify-content:center; align-items:center; gap:10px; color:var(--font-color-white); font-size:var(--md-heading-font-size); text-transform:capitalize; line-height:1; height:44rem; width: 160rem;}
#followedArtistsSwiper .slider__card__two{height: 200px; max-width: 200rem; margin:auto !important;}
#artistsContainer .round__item__card .image__box{margin: auto;}
.checkbox__wrap{display:flex; gap:10rem; margin-top:20rem;}
.add__song__row .add__song__select__wrap select option{color: #000;}
.artwork__tips{background:transparent !important;}
.artwork__tips h5{font-size:var(--body-copy-lg); color:var(--font-color-white) !important;}
.artwork__tips ul li{font-size:var(--body-copy-sm); color:var(--font-color-gray) !important;}
#upload__icon svg{width:24rem; height:auto;}
#upload__icon svg path{stroke-opacity: 1;}
#biggestHitsAlbumsContainer .card__img__box{height: 300rem;}
#loginForm a.btn__wrap{height:48rem;}
.profile__links .links__wrap:last-of-type{margin-right:100rem;}
.upload__box__wrap label{margin-bottom:var(--spacing-10);}
.max-controls .album-control-btn .ico__box svg{width:22px; height:22px; stroke: #fff;}
.max-controls .album-control-btn:hover .ico__box svg{stroke-opacity:0.5; transform: scale(1.1);}
.list__table table tbody tr td:last-child.flex__data a{margin-left:0rem;}
#shuffle-btn, #prev-btn, #next-btn, #repeat-btn{display:none;}
 .sidenav__menu {transition: padding-bottom 0.3s ease;}
.player-active .sidenav__menu {padding-bottom: 105px;}
.navbar-expand .navbar-nav{align-items: baseline;}
.navbar__nav .dropdown .dropdown__toggle .icon__box svg{stroke:#fff;}
.dropdown__menu .dropdown-header{padding:10px !important;}
.dropdown__menu .dropdown-header span, .dropdown__menu .dropdown__item span, .dropdown__menu .dropdown__item small{font-size:var(--body-copy-sm) !important;}
.dropdown__menu .dropdown__item{font-size:var(--body-copy-md) !important;}

/* ====== Search Results Page ====== */
.searcr__wrap__body .nav__tabs{border:0; margin-bottom:var(--spacing-40); column-gap:var(--spacing-08); row-gap: var(--spacing-14);}
.searcr__wrap__body .nav__tabs .nav__item .nav__link{border-radius:var(--corner-radious-24); border:1px solid rgba(255, 255, 255, 0.08); background:var(--bg-color-secondary); padding:var(--spacing-04) var(--spacing-16); color:var(--font-color-white); font-weight:500; letter-spacing:normal;}
.searcr__wrap__body .nav__tabs .nav__item .nav__link.active{background-color:var(--font-color-white); color:#000;}

.top__result{max-width:416px; width:100%;}
.top__result h2{color:var(--font-color-white);}
.top__result__inner{border-radius:var(--spacing-20); border:1px solid rgba(255, 255, 255, 0.08); background:var(--bg-color-secondary); padding:var(--spacing-20); box-shadow:0 1px 2px 0 rgba(10, 13, 20, 0.03); position:relative; height:340px;}
.top__result__inner .image__box{border-radius:var(--spacing-10); overflow: hidden; max-width:210rem; height:210rem;}
.top__result__inner .image__box img{width:100%; height:100%; object-fit:cover;}
.top__result__inner h4 a{color:var(--font-color-white);}
.top__result__inner .song__details{display:flex; column-gap:var(--spacing-06);}
.top__result__inner .song__details p{color:var(--font-color-secondary); display:flex; align-items:center; column-gap:var(--spacing-06); font-size:var(--body-copy-md);}
.top__result__inner .song__details p:after{content:''; height:4rem; width:4rem; background-color:var(--font-color-secondary); border-radius:var(--corner-radious-12); margin-top:var(--spacing-06);}
.top__result__inner .song__details a{font-size:var(--body-copy-md); color:var(--font-color-white); margin-top:var(--spacing-06);  display:flex; align-items:center; column-gap:var(--spacing-06);}
.top__result__inner .song__details a:after{content:''; height:4rem; width:4rem; background-color:var(--font-color-secondary); border-radius:var(--corner-radious-12); margin-top:var(--spacing-06);}
.top__result__inner .song__details a:last-child:after{display:none;}

.top__result__inner .play__btn__wrap{opacity:0; pointer-events:none; z-index:2; bottom:30rem; border-radius:500rem; transition:transform .3s,opacity .3s; position:absolute; inset-inline-end:20rem; transform:translateY(8rem); box-shadow:0 8rem 8rem #0000004d; height:35rem; width:35rem; display:flex; align-items:center; justify-content:center;}
.top__result__inner:hover .play__btn__wrap{opacity:1; pointer-events:auto;}
.top__result__inner .play__btn__wrap .play__btn{border:0; background-color:transparent; padding:0; margin:0; padding:0; width:100%;}

.song__list__wrap{width:100%;}
.song__list__wrap h2 a{color:var(--font-color-white);}

.song__list__wrap .song__list ul{list-style:none; display:flex; flex-direction:column;}
.song__list__wrap .song__list ul li{display:flex; align-items:center; column-gap:20rem; transition:all .3s ease 0s; padding:var(--spacing-10);}
.song__list__wrap .song__list ul li .image__box{height:40rem; width:40rem;}
.song__list__wrap .song__list ul li .image__box a{border-radius:var(--spacing-04); overflow:hidden;}
.song__list__wrap .song__list ul li .image__box a img{width:100%; height:100%; object-fit:cover;}

.song__list__wrap .song__list ul li .song__details a{font-size:14rem; color:var(--font-color-white); font-weight:500;}

.song__list__wrap .song__list ul li .song__details .song__details__inner{display:flex; column-gap:var(--spacing-06);}
.song__list__wrap .song__list ul li .song__details .song__details__inner a{font-size:12rem; color:var(--font-color-white); display:flex; align-items:center; column-gap:5rem; border:none;}
.song__list__wrap .song__list ul li .song__details .song__details__inner a:after{content:''; height:4rem; width:4rem; background-color:var(--font-color-secondary); border-radius:10rem; margin-top:2rem;}
.song__list__wrap .song__list ul li .song__details .song__details__inner a:last-child:after{display:none;}

.song__list__wrap .song__list ul li .song__info{display:flex; column-gap:10rem; margin-left:auto;}
.song__list__wrap .song__list ul li .song__info i.icon__box{border-radius:var(--corner-radious-08); border:1px solid rgba(255, 255, 255, 0.08); background:#1A1A1A; padding:var(--spacing-06); display:flex; align-items:center; justify-content:center;}
.song__list__wrap .song__list ul li .song__info i.icon__box img{width:16rem; height:auto;}
.song__list__wrap .song__list ul li .song__info a{display:flex;}

.search__loading{padding:var(--spacing-40) 0; text-align:center; color:var(--font-color-secondary); font-size:14rem;}
.search__empty{padding:var(--spacing-40) 0; text-align:center; color:var(--font-color-secondary); font-size:14rem;}
.searcr__wrap__body .f__h2{color:var(--font-color-white);}
.searcr__wrap__body .round__item__card a{display:contents;}
.searcr__wrap__body .pagination__section .item__card .card__footer h3 a{color:var(--font-color-white); text-decoration:none;}
.searcr__wrap__body .pagination__section .round__item__card .card__footer h3 a{color:var(--font-color-white); text-decoration:none;}

.notification-badge {
   font-size: 10px;
   min-width: 18px;
   height: 18px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 0 6px;
   box-shadow: 0 0 0 2px #11131b;
}

.notification-dropdown {
   width: min(360px, calc(100vw - 24px));
   min-width: 280px;
   max-width: calc(100vw - 24px);
   max-height: 460px;
   overflow-y: auto;
   overflow-x: hidden;
   scrollbar-width: thin;
   scrollbar-color: rgba(173, 89, 233, 0.55) rgba(255, 255, 255, 0.04);
   border: 1px solid rgba(255, 255, 255, 0.08);
   border-radius: 14px;
   background: #171a24;
   padding: 0;
}

.notification-dropdown::-webkit-scrollbar {
   width: 8px;
}

.notification-dropdown::-webkit-scrollbar-track {
   background: rgba(255, 255, 255, 0.04);
   border-radius: 999px;
   margin: 8px 0;
}

.notification-dropdown::-webkit-scrollbar-thumb {
   background: linear-gradient(180deg, rgba(173, 89, 233, 0.85), rgba(241, 78, 133, 0.75));
   border-radius: 999px;
   border: 2px solid rgba(23, 26, 36, 1);
}

.notification-dropdown::-webkit-scrollbar-thumb:hover {
   background: linear-gradient(180deg, rgba(173, 89, 233, 1), rgba(241, 78, 133, 0.9));
}

.notification-dropdown .dropdown-header {
   color: #fff;
   padding: 14px 16px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
   background: rgba(255, 255, 255, 0.02);
}

.notification-mark-read-btn {
   color: #4ade80 !important;
   font-size: 12px;
   font-weight: 600;
}

.notification-item {
   padding: 12px 14px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
   color: #e9ecf7;
   transition: background-color .2s ease;
   white-space: normal !important;
}

.notification-item:hover {
   background: rgba(255, 255, 255, 0.04);
}

.notification-item.read {
   opacity: .72;
}

.notification-row {
   display: flex;
   align-items: flex-start;
   gap: 10px;
}

.notification-dot {
   width: 8px;
   height: 8px;
   border-radius: 999px;
   margin-top: 6px;
   background: #ad59e9;
   flex-shrink: 0;
}

.notification-body {
   min-width: 0;
   flex: 1;
}

.notification-message {
   display: block;
   line-height: 1.45;
   color: inherit;
   white-space: normal !important;
   word-break: break-word;
   overflow-wrap: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   margin-bottom: 3px;
}

.notification-time {
   font-size: 12px;
   color: #9da6c3;
}

.notification-empty {
   padding: 22px 16px;
   text-align: center;
   color: #9da6c3;
}

.notification-footer {
   border-top: 1px solid rgba(255, 255, 255, 0.08);
   background: rgba(255, 255, 255, 0.02);
}

.notification-view-all {
   text-align: center;
   color: #4ade80;
   font-weight: 600;
   padding: 12px 14px;
}

@media (max-width: 576px) {
   .navbar__top .navbar__nav .notification-dropdown {
      position: fixed;
      top: 64px;
      right: 12px;
      left: 12px;
      width: auto;
      max-width: none;
      min-width: 0;
      max-height: min(70vh, 460px);
   }
}