#public-section-5 .section-title{
  text-align: center;
  margin: 0 auto;
  font: 32px Arimo-Bold;
  line-height: 40px;
  color: var(--blue-color);
}

#public-section-5 .steps-section{
  background: url('../assets/images/public-section-5-dotted-bg.png') no-repeat;
  max-width: 1010px;
  margin: 80px auto;
}

#public-section-5 .disk{
  display: flex;
  margin-bottom: 35px;
}

#public-section-5 .disk.right{
  flex-direction: row-reverse;
  margin-top: -45px;
}
#public-section-5 .disk.right .step-details{
  text-align: right;
}

#public-section-5 .img-step{
  width: 280px;
  height: 280px;
  border-radius: 100%;
}

#public-section-5 .step-details{
  width: 300px;
}

#public-section-5 .step-details{
  margin-left: 35px;
}

#public-section-5 .disk.right .step-details{
  margin: 0 35px 0 0;
}

#public-section-5 .step-details img{
  width: 40px;
  height: 40px;
}

#public-section-5 .step-details h2{
  font: 24px Arimo-Bold;
  line-height: 32px;
  color: var(--blue-color);
  margin: 15px 0;
}

#public-section-5 .step-details p{
  font: 14px Arimo;
  line-height: 20px;
  color: var(--blue-color);
}


@media screen and (max-width: 1040px){
  #public-section-5 .steps-section{
    background: none;
  }
}

@media screen and (max-width: 600px){
  #public-section-5 .disk,
  #public-section-5 .disk.right{
    flex-direction: column;
  }

  #public-section-5 .steps-section{
    max-width: 90% !important;
    margin: 0 auto !important;
  }

  #public-section-5 .disk .img-step,
  #public-section-5 .disk.right .img-step{
    width: 200px;
    height: 200px;
    margin: 0 auto;
  }

  #public-section-5 .disk .step-details,
  #public-section-5 .disk.right .step-details{
    margin: 20px auto;
    text-align: center;
    width: inherit;
  }

  #public-section-5 .disk .dots,
  #public-section-5 .disk.right .dots{
    background: url('../assets/images/public-section-5-dots.jpeg') no-repeat center;
    height: 45px;
    width: 5px;
    background-size: contain;
    margin: 0 auto;
  }
}