.call-out-image{
  padding: 18px 170px 96px 170px;
}
.call-out-title{
  position: relative;
}
.call-out-title:after{
  content: "";
  height: 6px;
  width: 64px;
  background: var(--primary);
  position: absolute;
  top: 0;
  left: 0;
}
.call-out-title h3 {
    padding-top: 37px;
}
.call-out-img{
  position: relative;

}
.call-out-img:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 304px;
  height: 264px;
  background: url('../../images/img-dna.png') no-repeat;
  background-size: cover;
  z-index: -1;
}
.call-out-img div{
  width: 397px;
  height: 397px;
  padding: 18px;
  background: url('../../images/slide-bg.png') no-repeat;
  background-size: 100% 100%;
  margin-left: 94px;
}
.call-out-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

@media(max-width: 1279px){
  .call-out-image{
    padding: 18px 0px 96px 0px;
  }
  .call-out-img div{
    width: 345px;
    height: 345px;
  }
  .call-out-img:after{
    width: 259px;
    height: 226px;
  }
}
@media(max-width: 767px){
  .call-out-image{
    padding: 18px 0 96px 0;
  }
  .call-out-img div{
    width: 304px;
    height: 304px;
  }
  .call-out-img:after{
    width: 225px;
    height: 196px;
  }
  .call-out-img div{
    margin-left: 65px;
  }
  .call-out-title{
    margin: 0 24px;
  }
}