.main-content {
  margin-bottom: 30px;
}

.talent-img {
  display: block;
  width: 100%;
}

.navnone {
  padding-left: 0px;
}

.navblock {
  display: block;
}

.currentDds {
  /* background-color: #277fc2; */
  color: #277fc2;
}

.currentDds a {
  color: #277fc2 !important;
}

p.showhave {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 31px;
  color: #222222;
  padding: 0;
  padding-left: 15px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.p-title {
  padding-left: 15px;
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #333333;
}

.subNavBox {
  width: 266px;
  /* height: 500px; */
  box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);
  margin-bottom: 100px;
}



.manager {
  position: absolute;
  margin-top: 40px;
  left: 100px;
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  color: #222560;
}

.join_usman {
  width: 806px;
  height: 400px;
  display: flex;
}

.join_left {
  width: 650px;
  height: 400px;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);
}

.join_right {
  width: 156px;
  height: 400px;
  background: #222560;
}

.join_much {
  margin-left: 86px;
  /* margin-top: 20px; */
}

.peoplecolor {
  color: #333;
}

@media (max-width: 767px) {

  p.showhave {
    text-align: center;
    margin: 0;
    padding: 15px 0;
  }

  .job-content {
    width: 100%;
    height: auto;
  }

  .joinus-img {
    display: block;
    width: 100%;
  }

  #title {
    text-align: center;
  }

  .menu-box {
    padding: 0 20px;
  }

  .subNavBox {
    width: 95%;
    margin: 0 auto 20px;
  }

  .manager {
    margin: 0;
    padding: 10px 0;
    left: 50px;
    font-size: 18px;
  }

  .join_usman {
    width: 100%;
    height: auto;
    display: flex;
  }

  .join_left,
  .join_right {
    height: auto;
    padding-bottom: 20px;
  }

  .join_much {
    margin: 0;
    padding: 0 35px;
  }
}