.join-us {
  overflow: hidden;
  position: relative;
  background: #fdfdfd;
}
@media (max-width: 992px) {
  .join-us {
    margin-top: 14.11290323vw;
  }
}
@media (max-width: 750px) {
  .join-us {
    margin-top: 18.66666667vw;
  }
}
@media (min-width: 993px) {
  .join-us {
    margin-top: 7.29166667vw;
  }
}
@media (max-width: 992px) {
  .join-us {
    height: 40.32258065vw;
  }
}
@media (max-width: 750px) {
  .join-us {
    height: 53.33333333vw;
  }
}
@media (min-width: 993px) {
  .join-us {
    height: 20.83333333vw;
  }
}
@media (max-width: 992px) {
  .join-us {
    margin-top: 0;
  }
}
.join-us .bg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 0;
  width: 100%;
}
@media (min-width: 1201px) {
  .join-us .bg {
    -webkit-animation: join-us-bg 100s linear 0s infinite;
            animation: join-us-bg 100s linear 0s infinite;
  }
}
.join-us::before {
  content: "";
  width: 0;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.join-us .text {
  display: inline-block;
  width: 99%;
  font-size: 0;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
@media (max-width: 992px) {
  .join-us .text {
    width: 98%;
    padding: 0 40px;
  }
}
.join-us .text p {
  color: #333333;
  font-size: 28px;
  font-family: ebg-font-bold;
  z-index: 1;
}
@media (max-width: 992px) {
  .join-us .text p {
    font-size: 2.82258065vw;
  }
}
@media (max-width: 750px) {
  .join-us .text p {
    font-size: 3.73333333vw;
  }
}
@media (min-width: 993px) {
  .join-us .text p {
    font-size: 1.45833333vw;
  }
}
.join-us .text .btn-text-red {
  margin-top: 20px;
}