.villa-slider-ready {
  position: relative;
  width: 100%;
  overflow: hidden !important;
}

.villa-slider-ready .slider-wrapper {
  display: flex !important;
  align-items: stretch;
  cursor: grab;
  transition: transform 560ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: transform;
}

.villa-slider-ready .slider-slide {
  flex: 0 0 calc((100% - 30px) / 3);
  width: auto !important;
  margin-right: 15px !important;
  opacity: 1 !important;
}

.villa-slider-ready .slider-slide img {
  display: block;
  width: 100%;
  height: clamp(320px, 31vw, 570px);
  object-fit: cover;
}

.villa-slider-ready + .swiper-notification,
.villa-slider-ready .swiper-notification {
  display: none !important;
}

.villa-slider-control-ready .slider_prev,
.villa-slider-control-ready .slider_next {
  cursor: pointer;
}

.villa-tabs-ready .e-n-tab-title {
  cursor: pointer;
  user-select: none;
  transition:
    background-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.villa-tabs-ready .e-n-tab-title:hover {
  transform: translateY(-1px);
}

.villa-tabs-ready .e-n-tabs-content > [role="tabpanel"] {
  display: none !important;
}

.villa-tabs-ready .e-n-tabs-content > [role="tabpanel"].e-active,
.villa-tabs-ready .e-n-tabs-content > [role="tabpanel"].villa-tab-active {
  display: flex !important;
  animation: villaTabEnter 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes villaTabEnter {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 1024px) {
  .villa-slider-ready .slider-slide {
    flex-basis: calc((100% - 15px) / 2);
  }
}

@media (max-width: 767px) {
  .villa-slider-ready .slider-slide {
    flex-basis: 100%;
    margin-right: 0 !important;
  }

  .villa-slider-ready .slider-slide img {
    height: 320px;
  }
}