.piewrapper{
position: relative;
  border: 0px solid black;
  padding: 0;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  padding-top:7px;
  padding-right:35px;
  list-style: none;
  overflow: hidden;
  background-image:url(../images/eng_circle.SVG);background-size:91% 91%;background-repeat:no-repeat;	
}
.piewrapper_hindi{
position: relative;
  border: 0px solid black;
  padding: 0;
  width: 320px;
  height: 320px;
 padding-top:5px;
  padding-right:25px;
  list-style: none;
  overflow: hidden;
  background-image:url(../images/hindi_circle.SVG);background-size:91% 91%;background-repeat:no-repeat;	
}
.sliceWrapper {
  position: relative;
  border: 0px solid black;
  padding: 0;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  list-style: none;
  overflow: hidden;
}
.slice {
  position: absolute;
  left: -100%;
  width: 200%;
  height: 200%;
}
.sliceWrapper li {
  overflow: hidden;
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 100%;
  transform-origin: 0% 100%;
  background-color:gray;
}

.sliceWrapper li:first-child {
  transform: rotate(0deg) skewY(129deg);
}

.sliceWrapper li:nth-child(2) {
  transform: rotate(40deg) skewY(129deg);
}

.sliceWrapper li:nth-child(3) {
  transform: rotate(80deg) skewY(129deg);
}
.sliceWrapper li:nth-child(4) {
  transform: rotate(120deg) skewY(129deg);
}

.sliceWrapper li:nth-child(5) {
  transform: rotate(160deg) skewY(129deg);
}
.sliceWrapper li:nth-child(6) {
  transform: rotate(200deg) skewY(129deg);
}
.sliceWrapper li:nth-child(7) {
  transform: rotate(240deg) skewY(129deg);
}
.sliceWrapper li:nth-child(8) {
  transform: rotate(280deg) skewY(129deg);
}
.sliceWrapper li:nth-child(9) {
  transform: rotate(320deg) skewY(129deg);
}