.banner {
  width: 100%;
  height: 90vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.progress-bar {
  position: absolute;
  margin-top: 7.5vh;
  left: 0;
  height: 0.7vh;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  z-index: 1000;
}

.progress-bar-inner {
  height: 100%;
  width: 0;
  background-color: rgb(32, 109, 43);
  transition: width linear;
}

.list {
  height:90vh;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  transition: 1.3s;
  z-index: 100;
}

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

.item {
  position: relative;
}

.buttons {
  position: absolute;
  top: 82%;
  left: 4%;
  z-index: 100;
  width: 22vw;
  max-width: 30%;
  display: flex;
  gap: 1vw;
  align-items: center;
}

.buttons button {
  width: 2.93vw;
  height: 5.2vh;
  border-radius: 20%;
  font-size: (3 * (1vw + 1vh)/2);
  background-color: rgba(255, 255, 255, 0.808);
  color: rgb(0, 0, 0);
  border: none;
  outline: none;
  font-family: monospace;
  transition: 0.5s;
  font-weight: bold;
  cursor: pointer;
}