body{
font-family: 'Open Sans', sans-serif;
font-size:14px
}
h4{
font-weight:normal;
font-size:20px;
margin:0px;
/*padding-bottom: 10px;*/
/*border-bottom: 1px dashed #ffffff;*/
}
p{
font-size:13px
}
ul{
margin:0px;
padding:0px
}
ul li{
list-style-type:none
}
.infographic{
margin:0px auto;
display:table;
color:#ffffff;
width:260px;
position:relative;
}
.infographic ul li{
border:15px solid #ffffff;
box-shadow:0px 2px 13px rgba(0, 0, 0, 0.25098039215686274);
padding:25px;
width:130px;
text-align:justify;
position:relative
}
.infographic ul li:nth-child(1){
float:left;
border-radius:0px 100px 0px 100px;
background: #11998e;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #38ef7d, #11998e);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #38ef7d, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.infographic ul li:nth-child(2){
top:100px;
float:right;
border-radius:100px 0px 100px 0px;
background: #11998e;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #38ef7d, #11998e);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #38ef7d, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.infographic ul li:nth-child(3){
float:left;
border-radius:0px 100px 0px 100px;
background: #11998e;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #38ef7d, #11998e);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #38ef7d, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.infographic ul li:nth-child(4){
top:100px;
float:right;
border-radius:100px 0px 100px 0px;
background: #11998e;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #38ef7d, #11998e);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #38ef7d, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.infographic ul li:nth-child(5){
float:left;
border-radius:0px 100px 0px 100px;
background: #B6C900;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #38ef7d, #B6C900);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #38ef7d, #B6C900); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.infographic ul li .step{
width:50px;
height:50px;
line-height:23px;
font-size:13px;
border-radius:100px;
text-align:center;
display:block;
background:#ffffff;
position:absolute;
display: table;
color:#000000;
border:5px solid #dddddd
}
.infographic ul li:nth-child(1) .step,
.infographic ul li:nth-child(3) .step,
.infographic ul li:nth-child(5) .step{
left:-45px;
}
.infographic ul li:nth-child(2) .step,
.infographic ul li:nth-child(4) .step{
right:-45px
}
.infographic ul li:nth-child(1) .step{
color: #11998e;
}
.infographic ul li:nth-child(2) .step{
color:#11998e;
}
.infographic ul li:nth-child(3) .step{
color:#11998e;
}
.infographic ul li:nth-child(4) .step{
color:#11998e;
}
.infographic ul li:nth-child(5) .step{
color:#B6C900;
}
.infographic ul li .step span{
display:block;
font-size:20px;
font-weight:bold;
position:relative;
top:-3px
}