/* [project]/components/custome.css [app-client] (css) */
.slick-list {
  max-width: 520px;
  margin: auto;
  overflow: visible;
}

.slick-slide {
  opacity: 1;
  transition: all .4s;
  transform: scale(.85);
}

.slick-center {
  opacity: 1;
  z-index: 10;
  transform: scale(1.1);
}

.slick-slider.slick-initialized {
  margin-top: 30px;
}

ul.slick-dots {
  bottom: -57px;
}

.slick-dots li button:before {
  opacity: 2;
  color: rgba(0, 0, 0, 0);
  background: #dbdeff;
  border-radius: 11px;
  width: 11px;
  height: 11px;
  margin-top: 11px;
}

.slick-dots li.slick-active button:before {
  color: rgba(0, 0, 0, 0);
  background: #212fff;
  width: 44px;
}

li.slick-active {
  width: 44px;
}

.absolute.bottom-0.left-0.p-4.text-white {
  background: rgba(255, 255, 255, .15);
  border-radius: 30px;
  width: calc(100% - 32px);
  padding: 30px 25px;
  bottom: 16px;
  left: 16px;
}

span.bg-white\/20.backdrop-blur-md.text-white.px-3.py-1.rounded-full.text-xs {
  background: none;
  border: 1px solid;
  padding: 10px 12px;
}

.slick-slide.slick-center.slick-cloned span.bg-white\/20.backdrop-blur-md.text-white.px-3.py-1.rounded-full.text-xs {
  background: #fff;
}

.slick-slide.slick-active.slick-center.slick-current button.bg-white\/20.backdrop-blur-md.text-white.px-3.py-1.rounded-full.text-xs {
  color: #212fff;
  background: #fff;
  border-radius: 12px;
  padding: 10px 28px;
  font-size: 18px;
  font-weight: 700;
}

section {
  overflow: hidden;
}

.box-play.absolute.w-\[760px\].h-\[330px\] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: max-content !important;
}

.slick-prev, .slick-next {
  display: none !important;
}

/*# sourceMappingURL=components_custome_0d396ef3.css.map*/