* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: 0;
}
body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #000;
  position: relative;
  display: flex;
  justify-content: center;
}

.screen {
  width: 1024px;
  height: 725px;
  background: #fff;
  position: relative;
  overflow: hidden;
  background-size: contain;
  display: flex;
  justify-content: center;
}

.screen-1 {
  background: url(./../media/images/banner.png) center right no-repeat, #fff; 
}
.screen-2 {
  background: url(./../media/images/banner2.png) center right no-repeat, #fff; 
}
.screen-3 {
  background: url(./../media/images/banner3.png) center right no-repeat, #fff; 
}
.screen-4 {
  background: url(./../media/images/banner4.png) center right no-repeat, #fff; 
}
.screen-5 {
  background: url(./../media/images/banner5.png) center right no-repeat, #fff; 
}
.box {
  width: 100%;
  float: left;
position: relative;
}
.screen-1-text-1 {
width: 100%;
position: absolute;
  top: 9%;	
}
.screen-4-text-1 {
  position: relative;
  top: 14%;
}
.screen-1-text-1 img, .screen-2-text-1 img, .screen-4-text-1 img, .screen-5-text-1 img{
 margin: 0 auto;
 display: block;
}
.screen-2-text-1 {
width: 100%;
  position: absolute;
  top: 20%;  
}
.screen-3-text-1 {
  width: 100%;
  position: absolute;
  top:20%;
}
.screen-3-text-1 img{
  margin: 0 auto;
  display: block;
}
.screen-3-text-2 {
  display: flex;
  align-items: end;
  height: 100%;
  padding-left: 30px;
  position: relative;
  z-index: 999;
}

.screen-4-text-2 {
position: absolute;
  bottom: -50px;
  z-index: 9999;
  left: 33%;
  width: 100%;
}
.screen-5-text-1
{
  position: relative;
  top: 14%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.ani-wrap{ position:absolute;left:0; bottom:0;  height:351px; animation:reveal 1s 0s ease-in alternate; overflow:hidden;}

/* .img-wrap{height:100%; top:0; right:0;} */
.img-wrap img{right:0;}

@keyframes reveal{
0%{width:0;}
100%{width:100%;}
}

.leader2 {
position: relative;
  left: -57px;
}

.leader3 {
  position: relative;
  left: -140px;
  z-index: 99;
}

.leader4 {
  position: relative;
  left: -269px;
  z-index: 9;
}

.leader5 {
  position: relative;
  left: -370px;
}

.men1 {
position: relative;
  left: 180px;
}
.men3 {
position: relative;
  left: -160px;
}

.hand6 {
position: absolute;
  bottom: 40px;
  left: 50px;
  z-index: 1;
}

.section {
  display: none; /* Hide all sections by default */
  }
  .visible {
  display: flex; /* Display the section with this class */
  }

  .btn {
    position: absolute;
    right: 0;
    top: 45%;
    z-index: 999;
    transform: translateY(-50%);
  }

  .btn2 {
    position: absolute;
    left: 0;
    top: 45%;
    z-index: 999;
    transform: translateY(-50%);
  }

/* .screen-2 .btn {
  position: absolute;
  right: 30px;
  bottom: 36%;
  z-index: 999;
}

.screen-3 .btn {
  position: absolute;
  right: 30px;
  bottom: 36%;
  z-index: 999;
}

.screen-4 .btn {
  position: absolute;
  right: 30px;
  bottom: 36%;
  z-index: 999;
} */

/* .btn {
  position: absolute;
  left:50%;
  transform: translate(-50%);
  bottom: 5px;
  z-index: 999;
} */

#addClassButton button {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  color: #fff;
  border: 0;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  background: #2e72b9;
  border: 5px solid #459fcc;
}

#circle {
  position: relative;
  margin: 0 auto;
  width: 330px;
  height: 330px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }
  #circle canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }
  
  #circle img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }
  
  #js-debug-cursor {
  position: absolute;
  top: 0;
  left: 0;
  background-color: yellow;
  width: 50px;
  height: 50px; 
  z-index: 99;
  will-change: transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  }

  #myAudio{
    opacity: 0;
    position: relative;
    z-index: -9;
  }