.frame {
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    line-height: 0px;
  }
  
  .frame .div {
    background-color: #ffffff;
    width: 100%;
    position: relative;
  }
  
  .frame .overlap-group {
    /* background-image: url(./img/VN123-01.png); */
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom:190px;
    height:2710px;
  }
  
  .frame .element {
    width: 100%;
    padding-top:100px;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  .frame .download-btn{
    display: flex;
  }
  .frame .img {
    width: 100%;
    object-fit: cover;
  }
  
  .frame .overlap {
    background-size: 100% 100%;
    background-image: url(./img/ph-04.png);
    width: 100%;
    left: 0;
  }
  
  .frame .ezgif {
    width: 100%;
    object-fit: cover;
    padding: 10px 0 ;
  }
  
  .frame .PH {
    width: 100%;
    height: 389px;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  
  .frame .element-2 {
    padding-bottom:160px;
    width: 93%;
    top: 1184px;
    left: 25px;
    object-fit: cover;
  }
  
  .frame .PH-2 {
    /* position: fixed; */
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  .frame .PH-22{
    position:absolute;
    width: 100%;
    top: 200px;
    left: 0;
    object-fit: cover;
    z-index:90;
  }
  .frame .PH-23{
    position:absolute;
    width: 100%;
    top: 200px;
    left: 0;
    object-fit: cover;
  }
  .frame .PH-20 {
    position: absolute;
    width: 400px;
    top: 1250px;
    right: 30%;
    z-index:99;
    object-fit: cover;
  }
  
  .frame .PH-3 {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    object-fit: cover;
  }
  
  .frame .video-frame{
    position: absolute;
    left: 6.5%;
    width: 87.5%;
    top: 8.3%;
  }
  .frame video {
   width: 100%;
  }