/* section-real-footage css */
.section-real-footage {
  padding-inline: 1.5rem;
  padding-bottom: 10rem;
}
.real-footage-wrap {
  --gap: 3rem;
  gap: var(--gap);
  overflow: hidden;
  max-height: 61rem;
  transition: max-height .5s ease-in-out;
}
.heightAuto.real-footage-wrap {
  max-height: initial;
  transition: max-height .5s ease-in-out;
}
.footage-card-video {
  width: calc(calc(100% - (var(--gap) * 2)) / 3);
  min-height: 29rem;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}
.hide-btn.footage-see-btn-wrap {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.footage-see-btn-wrap {
  margin-top: 6rem;
}
@media only screen and (max-width: 1050px) {
  .section-real-footage {
    padding-bottom: 6rem;
  }
  .real-footage-wrap {
    --gap: 2rem;
  }
  .footage-see-btn-wrap {
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 991px) {
  .footage-card-video {
    width: calc(calc(100% - (var(--gap) * 1)) / 2);
    min-height: 28rem;
  }
}
@media only screen and (max-width: 768px) {
  .section-real-footage {
    padding-bottom: 5rem;
  }
  .real-footage-wrap {
    --gap: 1.5rem;
  }
}
@media only screen and (max-width: 520px) {
  .footage-card-video {
    width: 100%;
  }
}