body {
  background: #06013a;
}
.mt146 {
  margin-top: 146px;
}
.mt54 {
  margin-top: 54px;
}
.mt26 {
  margin-top: 26px;
}
.banner {
  overflow: auto;
  height: 852px;
  text-align: center;
  background: url(../img/leafletV3.0/bg1.svg) no-repeat center top, url(../img/leafletV3.0/bg2.svg) no-repeat center top;
}
.banner .vid {
  margin: 54px auto 0 auto;
  width: 880px;
  height: 530px;
  background: url(../img/leafletV3.0/banner-vid-bg.svg) no-repeat center center;
}
.banner .vid video {
  width: 796px;
  height: 445px;
  margin-top: 43px;
}
.sameh {
  height: 796px;
  text-align: center;
}
.bg3 {
  background: url(../img/leafletV3.0/bg3.svg) no-repeat center center;
}
.haspat4 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-content: space-between;
          align-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 1085px;
  height: 480px;
  margin: 54px auto 0 auto;
}
.haspat4 img {
  width: 518px;
}
.bg4 {
  background: url(../img/leafletV3.0/bg4.svg) no-repeat center -5px;
}
.lastpart {
  height: 840px;
  text-align: center;
}
.lastpart .haspat3 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.lastpart .haspat3 img {
  width: 329px;
}
.lastpart .haspat3 img + img {
  margin-left: 44px;
}
.lastpart .doing {
  width: 1152px;
  margin: 40px 0 330px 0;
}