.write-blog-category {
    border: 2px solid #ea580c;
    border-radius: 6px;
    color: #ea580c;
    width: 100%;
    padding: 2px;
    transition: all 0.3s ease;
    font-weight: 600;
}
.write-blog-category:hover {
  background-color: #ffeee6;
  border: 2px solid #ea580c;
  color: #ea580c;
}
.write-blog-category.active {
  background: linear-gradient(90deg, #ff6a00, #e52e2e); 
  color: #fff;
  border: none;
  height: 38px;
}
/* 🖥️ Desktop Reddit-style media appearance */
@media (min-width: 1024px) {
  .user-posts-box-listing .bmedia-lightbox-img,
  .user-posts-box-listing .media-lightbox-img {
      /*background-color: #000 !important;*/
      border-radius: 12px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      /*max-height: 80vh;*/
      max-height: 60vh;
      margin: 0 auto;
      width: 100%;
      /*width: 70%;*/
  }
  
  .slider-img-video{
        width: 100% !important;
        margin: 0 auto;
  }
   .user-posts-box-listing .slider-img-video .bmedia-lightbox-img{
          width: 100%;
      }
  
  .user-posts-box-listing .carousel-item {
      display: none; 
      transition: transform 0.6s ease, opacity 0.6s ease;
      justify-content: center;
      align-items: center;
  }

  .user-posts-box-listing .carousel-item.active {
      display: flex; 
  }
}

/*Scroller*/
    .sidebar-custom-scroll {
        overflow-y: auto;
        scrollbar-gutter: stable; /* Content ko jump karne se rokta hai */
    }

    /* 2. Scrollbar ki width (Patla karne ke liye) */
    .sidebar-custom-scroll::-webkit-scrollbar {
        width: 5px; /* Bilkul patla */
    }

    /* 3. Track (Background) - Isko transparent rakhenge */
    .sidebar-custom-scroll::-webkit-scrollbar-track {
        background: transparent;
    }

    /* 4. Thumb (Jo chalti hui line dikhti hai) */
    .sidebar-custom-scroll::-webkit-scrollbar-thumb {
        background: #e2e8f0; /* Light Gray color */
        border-radius: 20px;
        transition: all 0.3s ease;
    }

    /* 5. Hover karne par thumb thoda dark ho jaye */
    .sidebar-custom-scroll:hover::-webkit-scrollbar-thumb {
        background: #0ea5e9; /* Thoda sa highlight */
    }

    /* Firefox ke liye minimal styling */
    .sidebar-custom-scroll {
        scrollbar-width: thin;
        scrollbar-color: #e2e8f0 transparent;
    }