body, html { overflow: hidden; }
.mt15 { margin-top: 8%; }
.counter { padding: 20px 0; text-align: center; position: relative; opacity: 0.9; }
.counter .counter-content { width: 180px; height: 180px; border-radius: 50%; background: #fff; padding: 30px 0; margin: 0 auto 30px; z-index: 1; position: relative; transition: all 0.3s ease 0s; }
.counter .counter-content:before { content: ""; width: 122%; height: 122%; border-radius: 50%; border: 20px solid #185693; border-bottom: 20px solid transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.counter .counter-content:after { content: ""; border-top: 16px solid #185693; border-left: 16px solid transparent; border-right: 16px solid transparent; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); }
.counter .counter-icon { display: block; font-size: 50px; color: #185693; line-height: 50px; }
.counter .counter-value { font-size: 50px; font-weight: 700; color: rgba(0,0,0,0.7); line-height: 70px; }
.counter em{ font-size:20px; padding-left:5px}
.counter .title { display: inline-block; background: #185693; border-radius: 4px; font-size: 18px; color: #fff; text-transform: capitalize; margin: 0; width: 180px; padding-top:15px; padding-bottom:15px }
.counter.red .counter-content:before { border-color: #39b792; border-bottom-color: transparent; }
.counter.red .counter-content:after { border-top-color: #39b792; }
.counter.red .counter-icon { color: #39b792; }
.counter.red .title { background: #39b792; }
.counter.blue .counter-content:before { border-color: #ebb91c; border-bottom-color: transparent; }
.counter.blue .counter-content:after { border-top-color: #ebb91c; }
.counter.blue .counter-icon { color: #ebb91c; }
.counter.blue .title { background: #ebb91c; }
.counter.purple .counter-content:before { border-color: #eb2b52; border-bottom-color: transparent; }
.counter.purple .counter-content:after { border-top-color: #eb2b52; }
.counter.purple .counter-icon { color: #eb2b52; }
.counter.purple .title { background: #eb2b52; }

@media screen and (max-width:600px){
	.mt15 { margin-top: 0%;  padding-top:40px;
}
.counter .counter-content { width: 180px; height: 180px; border-radius: 50%; background: #fff; padding: 20px 0; margin: 0 auto 20px; z-index: 1; position: relative; transition: all 0.3s ease 0s; }
.counter .counter-content:before { content: ""; width: 111%; height: 111%; border-radius: 50%; border: 10px solid #185693; border-bottom: 10px solid transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }	
.counter .title { display: inline-block; background: #185693; border-radius: 4px; font-size: 18px; color: #fff; text-transform: capitalize; margin: 0; width: 100%; padding-top:10px; padding-bottom:10px }	
}