.bgc-wrapper{
  background:transparent;
  padding:40px;
  }
  
  .bgc-tabs{
  text-align:center;
  margin-bottom:25px;
  }
  
  .bgc-tab{
  background:none;
  border:none;
  color:#aaa;
  font-size:14px;
  margin:0 12px;
  cursor:pointer;
  }
  .bgc-tab:hover{
  color:#ffa500;
  }
  
  .bgc-tab.active{
  color:#fff;
  border-bottom:2px solid orange;
  }
  
  /* .bgc-carousel{
  overflow-x:auto;
  display:flex;
  scroll-behavior:smooth;
  } */
  /* hide scrollbar */

.bgc-carousel{
  overflow-x:auto;
  scrollbar-width:none;        /* Firefox */
  -ms-overflow-style:none;     /* IE */
  }
  
  .bgc-carousel::-webkit-scrollbar{
  display:none;                /* Chrome / Safari */
  }
  
  .bgc-track{
  display:flex;
  gap:20px;
  }
  
  /*.bgc-item{*/
  /*min-width:280px;*/
  /*border-radius:18px;*/
  /*overflow:hidden;*/
  /*}*/
  
  /*.bgc-item img{*/
  /*width:100%;*/
  /*display:block;*/
  /*}*/
.bgc-item{
min-width:280px;
max-width:280px;
height:160px;
border-radius:18px;
overflow:hidden;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
background:#000;
}

.bgc-item img{
width:100%;
height:100%;
object-fit:contain;
}

/*.bgc-item{*/
/*min-width:500px;*/
/*max-width:600px;*/
/*height:340px;*/
/*border-radius:18px;*/
/*overflow:hidden;*/
/*flex-shrink:0;*/
/*}*/

/*.bgc-item img{*/
/*width:100%;*/
/*height:100%;*/
/*object-fit:cover;*/
/*display:block;*/
/*}*/
@media (max-width: 768px) {
  .bgc-item{
min-width:280px;
max-width:280px;
height:160px;
border-radius:18px;
overflow:hidden;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
background:#000;
}

.bgc-item img{
width:100%;
height:100%;
object-fit:contain;
}
 .bgc-carousel{
    position:relative; /* important */
  }

  .bgc-arrow{
    top:50%;                 /* center vertically */
    transform:translateY(-50%);
  }
  @media (max-width:768px){

  /* FULL WIDTH ITEM */
  .bgc-item{
    min-width:100%;   /* 🔥 full screen */
    max-width:100%;
    aspect-ratio:16/9; /* 🔥 maintain 768x432 ratio */
    height:auto;
  }

  /* IMAGE FIT */
  .bgc-item img{
    width:100%;
    height:100%;
    object-fit:cover; /* better than contain here */
  }

  /* SNAP SCROLL (smooth + exact) */
  .bgc-carousel{
    scroll-snap-type:x mandatory;
  }

  .bgc-item{
    scroll-snap-align:start;
  }
  .bgc-arrow.left{
    left:20px !important;
    top: 290px;
    }
    
    .bgc-arrow.right{
    right:20px !important;
    top: 290px;
    }

}

}
  .bgc-wrapper{
    background:#0f0f0f;
    padding:40px;
    position:relative;
    }
    
    .bgc-arrow{
    position:absolute;
    top:60%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:50%;
    border:none;
    background:rgba(255,255,255,0.6);
    color:#000000;
    font-size:28px;
    cursor:pointer;
    z-index:100;
    }
    
    .bgc-arrow.left{
    left:10px;
    }
    
    .bgc-arrow.right{
    right:10px;
    }
    
    .bgc-arrow:hover{
    background:#fff;
    }