.filterGallery1 .tabs-wrapper{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  margin:30px 0px 0px 0px;
}

.filterGallery1 .tabs{
  display:flex;
  gap:10px;
      flex-wrap: wrap;
    justify-content: center;
}

.filterGallery1 .tab{
  border-radius:25px;
}

/* arrows beside tabs */
.filterGallery1 .tab-arrow{
  background:#111;
  border:none;
  color:#fff;
  width:45px;
  height:45px;
  border-radius:50%;
  font-size:22px;
  cursor:pointer;
}

.filterGallery1 .tab-arrow:hover{
  background:#fff;
  color:#000;
}
/* COVERFLOW AREA */

.filterGallery1 .coverflow{
  position:relative;
  height:100vh;
  perspective:1400px;
  display:flex;
  justify-content:center;
  align-items:center;
}

/* card wrapper */

.filterGallery1 .coverflow-item{
  position:absolute;
  top:50%;
  left:50%;
  transform-style:preserve-3d;
  transition:all .6s cubic-bezier(.25,.8,.25,1);
}

/* card */

.filterGallery1 .card-box{
  width:auto;
  border-radius:16px;
  overflow:hidden;
}

.filterGallery1 .card-box img{
    border-radius:12px;
  max-width:50%;
  height:auto;
  display:block;
}

/* CENTER IMAGE */

.filterGallery1 .coverflow .active{
  transform:translate(-50%,-50%) scale(1) rotateY(0deg);
  z-index:5;
  opacity:1;
}

/* LEFT IMAGE */

.filterGallery1 .left{
  transform:translate(-100%,-50%) scale(.75) rotateY(45deg);
  z-index:3;
  opacity:.6;
}

/* RIGHT IMAGE */

.filterGallery1 .right{
  transform:translate(35%,-50%) scale(.75) rotateY(-45deg);
  z-index:3;
  opacity:.6;
}

.filterGallery1 .coverflow-item.active .card-box img{max-width:80%; margin:0px auto;    border: solid 2px #fff;}
.filterGallery1 .coverflow-item .card-box{background-color:initial !important;}
/* HIDDEN IMAGES */

.filterGallery1 .hidden{
  transform:translate(-50%,-50%) scale(.5);
  opacity:0;
  pointer-events:none;
}

    .coverflow-item {
  pointer-events: none;
  cursor: default;
}

.coverflow-item.active {
  pointer-events: auto;
  cursor: pointer;
}

@media (max-width: 768px) {
    .filterGallery1 .tab-arrow{display:none;}
 .filterGallery1 .coverflow{
    height: 60vh;
  }
  .filterGallery1 .left, .filterGallery1 .right{display: none;}
  .filterGallery1 .coverflow-item.active .card-box img{max-width:100%}
  .filterGallery1 .coverflow .active{width:90%;}
}