html,
body  {
   color: #ececf1!important;
			background: #3f1d78!important;
    background: -moz-linear-gradient(45deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%);
			background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%);
			background: linear-gradient(45deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%);
}
 .bgnew {
     background:transparent;
 }
/*** Link ***/

a  {
    color: #d1d1d1;
}

a:hover  {
    color: white;
}

/*** Header ***/

header  {
    background: #3f1d78;
    
}

/*** Logo ***/

.logo  {
    color: #e8e8e8;
}

.logo span  {
    color: #db12a2;
}


/*** Navigasi Header ***/

.nav-link  {
    color: #f2edfb;
}

.nav-link:hover, .nav-link.active  {
    color: white;
    background: #db12a2;
}



/*** Pencarian ***/

.search-input  {
    background: #31165D;
    border: none;
    color: #e2e2e6 !important;
}

.search-input::placeholder  {
    color: #bec0d1;
    opacity: 1;
}

.search-input:focus  {
    background: #29124d;
    color: #d5d6e1;
    border: 1px solid #db12a2;
}

button.btn-custom {
    color:#fff;
    background:#db12a2 !important;
}
button.btn-custom:hover {
    background:#b70f87 !important;
}


.mobile-search-btn  {
    color: #dedede;
    background: none;
}

.mobile-search-btn:hover  {
    color: #db12a2;
}

/*** Deskripsi Halaman ***/
.hero {
    background:#31165D;
}
.hero h1  {
    color:#F4F3F6;
}

.hero p  {
    color: #b2b5c8;
}


/*** Sortir ***/

.sort-box label  {
    color: #b2b5c8;
}

.form-select  {
    background: #31165D;
    border: none;
    color: #e0e1e9;
}

.form-select:focus  {
    border: 1px solid #db12a2;
}

/*** VideoList ***/


.video-card  {
    /* Gradient dari bawah (warna lebih terang) ke atas (warna utama #251145) */
  background: linear-gradient(to top, #4f258f 0%, #251145 100%);
  
  /* Border tipis transparan untuk memberikan efek kaca/elegan */
  border: 0px solid rgba(255, 255, 255, 0.1);
  border-bottom: 0px solid rgba(255, 255, 255, 0.2); /* Sedikit lebih terang di bawah */
  
  /* Bayangan lembut untuk memberikan kesan 3D (melayang) */
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 
              inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.video-card:hover  {
    background: #361964;
}

.thumb  {
    background: #271551;
}

.play-icon  {
    opacity: .7;
    color: white;
}

.thumb:hover .play-icon  {
    opacity: 1;
}

.duration  {
    color:#e9e3f7;
    background: #090512;
}

.video-content h2  {
    color:#e5d9f2;
}

.meta  {
    color: #bfa8e6;
}

/*** Pagination ***/
.trending a  {
    color: #ede6f9;
    background: #2d1555;
    border: 1px solid #2d1555;
}
.trending a:hover  {
    background: #db12a2;
    border: 1px solid #db12a2;
    color: #fff;
}



ul.pagination-custom li.page-item-custom a.page-link-custom  {
    color: #f8f5fd;
    background: #251145;
    border: 1px solid #251145;
}

ul.pagination-custom li.page-item-custom a.page-link-custom:hover  {
    background: #db12a2;
    border: 1px solid #db12a2;
    color: #fff;
}

ul.pagination-custom li.page-item-custom.prevnext a.page-link-custom  {
    background: #361964;
    border: 1px solid #361964;
    color: #fff;
}

ul.pagination-custom li.page-item-custom.active a.page-link-custom  {
    background: #db12a2;
    border: 1px solid #db12a2;
    color: #fff;
}

ul.pagination-custom li.page-item-custom span.page-link-custom.dot  {
    color: #e2d6f5;
    background: #462184;
    border: 0;
}

/*** Footer ***/

footer  {
    color:#efe9fa;
    background:transparent;
    
}

.footer-links a  {
    color: #cdb9ee;
}
.footer-links a:hover {
    
color:#faf9fd
}