h1{
  cursor: pointer;
}
.lver_top{
  height: 8vw !important;
}
.miss{
  margin: 0% auto;
  width: 70%;
  display: grid
;
  overflow: hidden;
  height: 30vw;

  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
  margin-bottom: 5%;
}
.miss_img{
  width: 400%;
  height: 15vw;
  margin-bottom: 2.5%;
  animation: moveSlideup 40s linear infinite;
}

.img_two{
  animation-direction: reverse;
}
.miss_img img{
 height: 100%;
 margin-right: 1%;
}
.miss_tit{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-transform: uppercase;
  font-family: inter;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.miss_tit h1{
  font-size: 4vw;
  font-weight: 600;
}
@keyframes moveSlideup {
  100% {
      transform:translateX(-30%)
  }
}
.story{
  margin-top: 2%;
  margin-bottom: 5%;
  overflow: hidden;
}
.story_tit{
  margin-left: 8%;
  color: #000;
  font-family: inter;
  text-transform: uppercase;
  margin-bottom: 3%;
}
.story_tit h1{
  font-size: 3vw;
  font-weight: 550;
}
.story_tit h2{
  font-size: 0.9vw;
}
.story_info{
  display: flex;
  background: url(/uploads/allimg/hypenotic/story.jpg) no-repeat;
  background-size: cover;
  height: 23vw;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-family: inter;
}
.story_info h3{
  font-size: 1.35vw;
  line-height: 2.3;
}
.story_info h4{
  font-size: 1vw;
  line-height: 1.3;
}
.teams_info{
  display: flex;
  width: 78%;
  margin: 4% auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.teams_li{
  width: 25%;
}
.teams_li_img {
  height: 25vw;
  overflow: hidden;
  border-radius: 1vw;
  cursor: pointer;
}
.teams_li_img img{
  width: 100%;
  transition: transform 0.6s ease;
}
.teams_li_img:hover img{
  transform: scale(1.2);
}
.teams_li_tit{
  margin-top: 6%;
  font-family: inter;
}
.teams_li_tit h3{
  color: #000;
  
  font-size: 1.5vw;
  text-transform: uppercase;

} 
.teams_li_tit h4{
  color: #8C8C8C;
  font-size: 1vw;
}
.cor{
  margin: 3% auto;
  
}
.cor_info{
  width: 94%;
  margin: 1% 4%;
  
}
.cor_left{
  padding: 1%;
  position: relative;
  height: 29vw;
}
.cor_left img{
  width: 100%;
}
.cor_left_tet{
  position: absolute;
  left: 7%;
  bottom: 14%;
  font-family: inter;
}
.cor_left_tet h1{
  color: #56D873;
  text-transform: uppercase;
  font-size: 1.5vw;
  margin-bottom: 7%;
  line-height: 1.2;
}
.cor_left_tet h2{
  width: 70%;
  color: #fff;
  font-size: 0.8vw;
  font-weight: 400;
}
.cor_right{
  display: flex;
  height: 29vw;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  padding: 1% 0;
 
}
.cor_right_li{
  width: 32%;
  height: 100%;
  background: #222627;
  border-radius: 0.6vw;
  position: relative;
}
.cor_right_in{
  position: absolute;
  left: 10%;
  top: 45%;
  color: #fff;
  font-family: inter;
  text-transform: uppercase;
  
}
.cor_right_in img{
  width: 2vw;
  margin-bottom: 20%;
}
.cor_right_in h1{
  font-size: 1.2vw;
}
.cus{
  margin-bottom: 2%;
  margin-top: 5%;
 
}
.customer_list{
  width: 200%;
  margin: 5% auto;
  display: flex;
  animation: moveSlideup 15s linear infinite;
  overflow: hidden;
}
.bg1{
  background: url('/uploads/allimg/hypenotic/bg1.png') no-repeat;
}
.bg2{
  background: url('/uploads/allimg/hypenotic/bg2.png') no-repeat;
}
.customer_li{
  margin-right: 0.5%;
  height: 25vw;
  border-radius: 1vw;
  padding: 0.5%;
  background-size: cover;
}
.tag{
  padding: 1% 5%;
  background: #56D873;
  border-radius: 4vw;
  color: #000;
  margin-bottom: 5%;
}
.tag h1{
  text-transform: uppercase;
  font-size: 1vw;
  font-weight: 600;
  font-family: inter;
}
.customer_info{
  padding: 0 7%;
  padding-right: 10%;
}
.customer_img img{
  width: 90%;
}
.customer_con{
  padding-left: 6%;
  color: #fff;
  font-family: inter;
}
.customer_con h1{
  font-size: 1.25vw;
  margin-bottom: 8%;
}
.customer_con h2{
  font-size: 0.6vw;
  line-height: 1.6;
}