.lidorShitSection {
  position: absolute;
  top: 520vh;
  width: 100%;
  height: 80vh;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1;
  z-index: 50;
  display: grid;
  grid-template-columns: 40% 30% 25%;

}

.footSec {
  display: flex;
  height: 80%;
  justify-content: center;
  flex-direction: column;


}

.subSec {
  width: 80%;
  display: flex;
  opacity: 90%;



}


.subSec img {
  width: 20%;
}

.subSec .subText {
  color: white;
  width: 80%;
  /* padding-top: 9%; */
  padding-left: 10px;

}

.doorImg {
  position: relative;
  width: 25vw;
  transform: rotate(0.3deg);

}

.doorGIF {
  position: relative;
  width: 25vw;
  transform: rotate(0.3deg);

}

.doorButtons {
  width: 100px;
  height: 100px;
  position: relative;
  top: -300px;
  left: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}



.doorButtons img {
  width: 100%;
  margin: 10px;

  transition: transform 1s ease;
}

.doorButtons img:hover {
  transform: scale(1.3);

}

.doorButtons .imgButton {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.6s ease, transform 1s ease;
}

/* Trigger fade-in with stagger */
.doorButtons.fade-in .imgButton {
  opacity: 1;
  transform: translateY(0px);
}

/* Individual delays */
.doorButtons.fade-in .imgButton:nth-child(1) {
  transition-delay: 0.5s;
}

.doorButtons.fade-in .imgButton:nth-child(2) {
  transition-delay: 1s;
}

.doorButtons.fade-in .imgButton:nth-child(3) {
  transition-delay: 1.5s;
}