.pills {

	margin-left: 0;
	
	list-style: none;
	
	counter-reset: li;
	
	font-family: calibri;
	
	}
	
	.pills li {
	
	padding: 10px 0;
	
	position: relative;
	
	left: 1.5em;
	
	margin-bottom: 0.75em;
	
	padding-left: 1em;
	
	background: #E3DEDC;
	
	color:#2A4D9C;
	
	font-weight: bold;
	}
	
	.pills li:before {
	
	padding: 10px 0;
	
	position: absolute;
	
	top: 0;
	
	bottom: 0;
	
	left: -1.5em;
	
	width: 1.875em;
	
	text-align: center;
	
	color:white;
	
	font-weight: bold;
	
	background:#83B0DA;
	
	border-bottom-left-radius: 70em;
	
	border-top-left-radius: 70em;
	
	counter-increment: li;
	
	content: counter(li);
	}
	.collapsible {
	  background-color:#83B0DA;
	  color: white;
	  cursor: pointer;
	  padding: 18px;
	  width: 100%;
	  border: none;
	  text-align: left;
	  outline: none;
	  font-size: 15px;
	}
	
	.active, .collapsible:hover {
	  background-color:#2A4D9C;
	}
	
	.content {
	  padding: 0 18px;
	  display: none;
	  overflow: hidden;
	  background-color: #f1f1f1;
	}