.recru-work .re-content-box {
  border-radius: 20px;
  padding: 40px 20px 39px;
  position: relative;
}
.recru-work .re-content-box .image-box {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 100px;
  border: 7px solid #10BEF0;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.recru-work {
  position: relative;
}
.recru-work  .outer{
  padding :10px;
  border-radius: 50%;
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
}
.recru-work .re-content-box .image-box img {
  width: 100%;
  max-width: max-content;
  margin: 0 auto;
  text-align: center;
  height: auto;

}
.recru-work .re-content-box .descr {
  margin-top: 49px;
}
.recru-work .re-content-box .descr h5{
  margin-bottom: 11px;
}
.recru-work .re-content-box .descr p{
  margin-bottom: 0px;
}
.outer .icon-box svg,
.outer .image-box img,
section.recru-work:hover .outer .image-box img{
  transition: .3s all ease-in-out 0s;
  -webkit-transition: .3s all ease-in-out 0s;
  -o-transition: .3s all ease-in-out 0s;
}
section.recru-work:hover .outer .icon-box svg,
section.recru-work:hover .outer .image-box img {
  transform: rotateY(180deg);
}