Собственно нужен такой элемент:
Пытался сделать так, но не получилось, линия полукруга не доходит до нужного момента:
.complex {
padding: 100px 0;
}
.line-box {
border-bottom: 2px solid #3962b5;
position: relative;
}
.ico-complex-box {
width: 130px;
height: 130px;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
background-color: #fff;
}
.ico-complex-box:before {
content: "";
width: 130px;
height: 130px;
border-radius: 50%;
border: 2px solid #3962b5;
position: absolute;
border-bottom: 2px solid transparent;
border-right: 2px solid transparent;
border-left: 2px solid transparent;
transform: rotate(46deg);
}
.ico-complex-box:after {
content: "";
width: 130px;
height: 133px;
border-radius: 50%;
border: 1px solid #3962b5;
position: absolute;
border-top: 2px solid transparent;
border-right: 2px solid transparent;
border-left: 2px solid transparent;
transform: rotate(145deg);
}
<section class="complex">
<div class="top-line-box">
<div class="line-box">
<div class="ico-complex-box">
</div>
</div>
</div>
</section>