/* Test Box Block Styles */

/* Editor styles */
.step-circle-wrapper {
    position:relative;
}
.step-circle-image {
    border:2px dashed #D7D7D7;
    border-radius:50%;
    width:263px;
    height:263px;
    display:flex;
    align-items:center;
    justify-content: center;
    margin:0 auto 46px auto;
}
.step-circle-image figure {
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100%;
}
.step-circle-image-container {
    display:flex;
    justify-content:center;
    align-items:center;
    width:72px;
    height:72px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:225px;
    border:2px solid #D90077;
    border-radius:50%;
    background-color:#FFFFFF;
    z-index:3;
}
.step-number-text {
    font-weight:700;
    font-size:30px;
    line-height:1.1;
}
.step-circle-heading {
    font-size:18px;
    margin-bottom:4px;
    line-height:1.1;
}
.step-circle-content {
    padding:0 35px;
    font-size:16px;
}


/* Hide number when showNumber is false */
.hide-number .step-circle-image-container {
    display: none;
}

@media screen and (min-width:1100px) and (max-width:1250px) {
  .step-circle-image {
    width:210px;
    height:210px;
    padding:30px;
  }
  .step-circle-image-container {
    top:172px;
  }
}
@media screen and (min-width:1024px) and (max-width:1099px) {
  .step-circle-image {
    width:210px;
    height:210px;
    padding:30px;
  }
  .step-circle-image-container {
    top:172px;
  }
}