/** @format */

.event-experience-main swiper-slide {
  border-radius: 20px;
  overflow: hidden;
}
.event-experience-main {
  padding-left: 50px;
}
@media only screen and (max-width: 768px) {
  .event-experience-main {
    padding: 10px;
  }
}

/* home new flip card style */

.flip-card {
  perspective: 1000px;
  width: 100%;
  height: 460px;
  border-radius: 20px;
  position: relative;
}
@media only screen and (max-width: 500px) {
  .flip-card {
    height: 630px;
  }
}
@media only screen and (max-width: 425px) {
  .flip-card {
    height: 530px;
  }
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  border-radius: 20px;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 20px;
  overflow: hidden;
}

.flip-card-back {
  transform: rotateY(180deg);
}

/* facility overlay */
/* .facility-overlay-one:hover {
}
@media only screen and (max-width: 1600px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 53px !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -53px !important;
  }
}

@media only screen and (max-width: 1536px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 10px !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -10px !important;
  }
}
@media only screen and (max-width: 1300px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 40px !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -44px !important;
  }
}
@media only screen and (max-width: 1280px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 5px !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -5px !important;
  }
}
@media only screen and (max-width: 575px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 60% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -60% !important;
  }
}

@media only screen and (max-width: 570px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 56% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -56% !important;
  }
}
@media only screen and (max-width: 550px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 53% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -53% !important;
  }
}
@media only screen and (max-width: 540px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 50% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -50% !important;
  }
}
@media only screen and (max-width: 530px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 47% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -47% !important;
  }
}
@media only screen and (max-width: 520px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 44% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -44% !important;
  }
}
@media only screen and (max-width: 510px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 41% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -41% !important;
  }
}
@media only screen and (max-width: 500px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 38% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -38% !important;
  }
}
@media only screen and (max-width: 490px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 35% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -35% !important;
  }
}
@media only screen and (max-width: 480px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 32% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -32% !important;
  }
}
@media only screen and (max-width: 470px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 29% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -29% !important;
  }
}
@media only screen and (max-width: 460px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 26% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -26% !important;
  }
}
@media only screen and (max-width: 450px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 23% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -23% !important;
  }
}
@media only screen and (max-width: 440px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 20% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -20% !important;
  }
}
@media only screen and (max-width: 430px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 17% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -17% !important;
  }
}
@media only screen and (max-width: 420px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 14% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -14% !important;
  }
}
@media only screen and (max-width: 410px) {
  .facility-overlay-main:hover .facility-overlay-one {
    left: 11% !important;
  }
  .facility-overlay-main:hover .facility-overlay-two {
    left: -11% !important;
  }
} */