.e-con.e-parent:nth-of-type(n + 4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n + 4):not(.e-lazyloaded):not(.e-no-lazyload) * {
  background-image: none !important;
}

@media screen and (max-height: 1024px) {
  .e-con.e-parent:nth-of-type(n + 3):not(.e-lazyloaded):not(.e-no-lazyload),
  .e-con.e-parent:nth-of-type(n + 3):not(.e-lazyloaded):not(.e-no-lazyload) * {
    background-image: none !important;
  }
}

@media screen and (max-height: 640px) {
  .e-con.e-parent:nth-of-type(n + 2):not(.e-lazyloaded):not(.e-no-lazyload),
  .e-con.e-parent:nth-of-type(n + 2):not(.e-lazyloaded):not(.e-no-lazyload) * {
    background-image: none !important;
  }
}
/* Add a continuous, dynamic animation with fade-in, scale, and rotation */
.animated-image {
  opacity: 1;
  transform: scale(0.8) rotate(-30deg);
  animation: animateImage 3s ease-in-out infinite;
}

/* Define the keyframes for the continuous animation */
@keyframes animateImage {
  0% {
    transform: scale(0.8) rotate(-30deg);
  }
  25% {
    transform: scale(1.1) rotate(10deg);
  }
  50% {
    transform: scale(1) rotate(0deg);
  }
  75% {
    transform: scale(0.9) rotate(-10deg);
  }
  100% {
    transform: scale(0.8) rotate(-30deg);
  }
}

.summer_splash-icon.menu_close {
  display: none;
}

.dialog-type-lightbox .summer_splash-icon.menu_close {
  display: block;
}

.menu_view {
  visibility: hidden;
  bottom: -100%;
  position: fixed;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}

.menu_view.dialog-type-lightbox {
  position: fixed;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: visible;
  opacity: 1;
  transition: 0.3s all ease-in-out;
}
.swiper-slide {
  flex-shrink: 0;
  width: 470px !important;
  height: 100%;
  position: relative;
  transition-property: transform;
}

@media (max-width: 768px) {
  .swiper-slide {
    width: 100% !important;
  }
}