/* ===========================================================
   LG RECRUITMENT TESTIMONIAL SLIDER
=========================================================== */

.lgr-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 60px auto;
}

.lgr-track {
  display: flex;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  will-change: transform;
}

.lgr-slide {
  flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3);
  box-sizing: border-box;
  padding: 15px;
  transition: transform .35s ease;
}

.lgr-slide:hover {
  transform: translateY(-8px);
}

/* ===========================================================
   DESKTOP
=========================================================== */

@media (min-width:992px) {
  .lgr-slide {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
}

/* ===========================================================
   TABLET
=========================================================== */

@media (max-width:991px) {
  .lgr-slide {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* ===========================================================
   MOBILE
=========================================================== */

@media (max-width:767px) {
  .lgr-slide {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px;
  }
}

/* ===========================================================
   DOTS
=========================================================== */

.lgr-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 40px;
}

.lgr-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #d6d6d6;
  cursor: pointer;
  transition: all .35s ease;
}

.lgr-dot:hover {
  background: #8ea89d;
  transform: scale(1.15);
}

.lgr-dot.active {
  width: 34px;
  height: 12px;
  border-radius: 30px;
  background: #064731;
}

/* ===========================================================
   CARD ANIMATION
=========================================================== */

.lgr-slide {
  transition: transform .35s ease, opacity .35s ease;
}

.lgr-slide:hover {
  transform: translateY(-6px);
}

/* ===========================================================
   IMAGES
=========================================================== */

.lgr-slide img {
  display: block;
  width: 100%;
  user-select: none;
  -webkit-user-drag: none;
}

/* ===========================================================
   SMOOTH PERFORMANCE
=========================================================== */

.lgr-slider, .lgr-track, .lgr-slide {
  user-select: none;
  -webkit-user-select: none;
}

.lgr-track {
  backface-visibility: hidden;
  transform-style: preserve-3d;
}