.team_grid_wrap .animated-media-wrapper {
  height: 100%;
}

.team_grid_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mt-100 {
  margin-top: calc(100 / 1440 * 100vw);
}

@media (max-width: 1180px) {
  .mt-100 {
    margin-top: 100px;
  }
}

@media (max-width: 1180px) {
  .mt-64-tablet {
    margin-top: 64px !important;
  }
}

.isview {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.isview.visible {
  visibility: visible;
}

@media (min-width: 993px) {
  .isview.visible.trd00 {
    transition-delay: 0s;
  }
  .isview.visible.trd02 {
    transition-delay: 0.2s;
  }
  .isview.visible.trd03 {
    transition-delay: 0.3s;
  }
  .isview.visible.trd04 {
    transition-delay: 0.4s;
  }
  .isview.visible.trd06 {
    transition-delay: 0.6s;
  }
  .isview.visible.trd08 {
    transition-delay: 0.8s;
  }
  .isview.visible.trd09 {
    transition-delay: 0.9s;
  }
}

.isview.slidetop {
  transform: translateY(5px);
}

.isview.slidetop.visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 992px) {
  .pc-visible {
    display: none !important;
  }
}

.animated-media-wrapper.visible .animated-media {
  clip-path: inset(0 round 12px);
  transform: rotate(0);
}

.animated-media-wrapper.visible .animated-media.trd00 {
  transition-delay: 0s;
}

.animated-media-wrapper.visible .animated-media.trd02 {
  transition-delay: 0.2s;
}

.animated-media-wrapper.visible .animated-media.trd03 {
  transition-delay: 0.3s;
}

.animated-media-wrapper.visible .animated-media.trd04 {
  transition-delay: 0.4s;
}

.animated-media-wrapper.visible .animated-media.trd06 {
  transition-delay: 0.6s;
}

.animated-media-wrapper.visible .animated-media.trd08 {
  transition-delay: 0.8s;
}

.animated-media-wrapper.visible .animated-media.trd09 {
  transition-delay: 0.9s;
}

.animated-media-wrapper .animated-media {
  clip-path: inset(50% round 12px);
  transform: rotate(-15deg);
  transition: clip-path 0.8s ease, transform 0.8s ease;
  will-change: clip-path, transform;
}

.radius-12 {
  border-radius: calc(12 / 1440 * 100vw);
}

.grid {
  display: grid;
}

.grid.span-2 {
  grid-column: span 2;
}

@media (max-width: 992px) {
  .grid.span-1-mob {
    grid-column: span 1;
  }
}

.grid .span-2 {
  grid-column: span 2;
}

@media (max-width: 992px) {
  .grid .span-1-mob {
    grid-column: span 1;
  }
}

.grid.col-4 {
  grid-template-columns: repeat(4, 1fr);
  width: unset !important;
}

@media (max-width: 992px) {
  .grid.col-1-mob {
    grid-template-columns: repeat(1, 1fr);
  }
}

.gap-20 {
  gap: calc(20 / 1440 * 100vw);
}