@charset "UTF-8";
/* CSS Document */
.usage-screen{
width: 100%;
height: auto;
}
.swiper-usagebtn-prev{
position: absolute;
width: 15px;
height: 100%;
left: 0px;
top: 0;
background: url("../images/dot-arrow-prev.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 15px auto;
cursor: pointer;
z-index: 10;
}
.swiper-usagebtn-next{
position: absolute;
width: 15px;
height: 100%;
right: 0;
top: 0;
background: url("../images/dot-arrow-next.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 15px auto;
cursor: pointer;
z-index: 10;
}
.swiper-usagebtn-prev.swiper-button-disabled,
.swiper-usagebtn-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-thumbnail-container{
position: relative;
margin-top: 20px;
}

.swiper {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
	  padding: 0 20px;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
      width: 100%;
      margin-top: 30px
    }

    .mySwiper {
      box-sizing: border-box;
      width: 100%;
    }



    .mySwiper .swiper-slide {
      width: 100%;
      padding: 20px;
      height: 100%;
      opacity: 1;
      transition: transform 0.3s;
      cursor: pointer;
	  margin: auto;
    }



    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
	  border-radius: 10px;
    }

.concert-tab-container{
width: 100%;
margin: 30px;
}
.concert-tab-flex{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.concert-tab img{
width: 100%;
max-width: 240px;
}

.concert-tab{
transition: transform 0.3s;
cursor: point;
}

.concert-tab:hover{
transform: scale(1.05);
}

.concert-tab.tabActive{
filter: drop-shadow(2px 2px 4px rgb(16, 175, 255, 1))
drop-shadow(-2px -2px 4px rgb(16, 175, 255, 1));
background: none !important;
transform: scale(1.05);
}
.tab-con-new {
  display: none;
}
/* Display active selection block override */
.tab-con-new.conActive {
  display: block;
}

@media (max-width: 768px) {
  .mobile .swiper-slide-next, .mobile .swiper-slide-prev {
    opacity: 1 !important;
  }
}
#swiper6 .swiper-wrapper {
  pointer-events: none !important;
}

/* Re-enable and force click registration exclusively on the slides */
#swiper6 .swiper-slide {
  pointer-events: auto !important;
  cursor: pointer;
  padding: 20px 22px;
}
@media (max-width: 768px) {
#swiper6 .swiper-slide {
padding: 20px 10px;
}
}