.sch-style-3.container {
  position: relative;
  height: 300px;
  margin: 0 auto;
  text-align: center;
}
.sch-style-3.container .mainDiv{
	position: absolute;
  height: 100%;
  top: auto;
  bottom: 0;  
}
.sch-style-3.container .mainDiv0 {
  left: 0;
  z-index: 0;
  position: absolute;
  height: 100%;
  top: auto;
  bottom: 0;
}
.sch-style-3.container .mainDiv1 {
  left: 18%;
  z-index: 0;
}
.sch-style-3.container .mainDiv2 {
  left: 36%;
  z-index: 0;
}
.sch-style-3.container .mainDiv3 {
  left: 54%;
  z-index: 0;
}
.sch-style-3.container .mainDiv4 {
  left: 72%;
  z-index: 0;
}
.sch-style-3.container .mainDiv0 .square2,
.sch-style-3.container .mainDiv0 .square,.mainDiv0 .square3,
.sch-style-3.container .mainDiv0 .sch-percent{
	background: linear-gradient(to right, rgb(195, 20, 50), rgb(36, 11, 54));
}
.sch-style-3.container .mainDiv1 .square2,
.sch-style-3.container .mainDiv1 .square,
.sch-style-3.container .mainDiv1 .square3,
.sch-style-3.container .mainDiv1 .sch-percent{
	background: linear-gradient(to right, rgb(255, 0, 153), rgb(73, 50, 64));
}
.sch-style-3.container .mainDiv2 .square2,
.sch-style-3.container .mainDiv2 .square,
.sch-style-3.container .mainDiv2 .square3,
.sch-style-3.container .mainDiv2 .sch-percent{
	background: linear-gradient(to right, rgb(15, 32, 39), rgb(32, 58, 67), rgb(44, 83, 100));
}
.sch-style-3.container .mainDiv3 .square2,
.sch-style-3.container .mainDiv3 .square,
.sch-style-3.container .mainDiv3 .square3,
.sch-style-3.container .mainDiv3 .sch-percent{
	background: linear-gradient(to right, rgb(62, 81, 81), rgb(222, 203, 164));
}
.sch-style-3.container .mainDiv4 .square2,
.sch-style-3.container .mainDiv4 .square,
.sch-style-3.container .mainDiv4 .square3,
.sch-style-3.container .mainDiv4 .sch-percent{
	background: linear-gradient(to right, rgb(55, 59, 68), rgb(66, 134, 244));
}
.sch-style-3.container .mainDiv0 .square,
.sch-style-3.container .mainDiv0 .square2,
.sch-style-3.container .mainDiv1 .square,
.sch-style-3.container .mainDiv1 .square2,
.sch-style-3.container .mainDiv2 .square,
.sch-style-3.container .mainDiv2 .square2,
.sch-style-3.container .mainDiv3 .square,
.sch-style-3.container .mainDiv3 .square2,
.sch-style-3.container .mainDiv4 .square,
.sch-style-3.container .mainDiv4 .square2{
  width: 55px;
}
.sch-style-3.container .mainDiv0 .square3, 
.sch-style-3.container .mainDiv2 .square3,
.sch-style-3.container .mainDiv1 .square3,
.sch-style-3.container .mainDiv3 .square3, 
.sch-style-3.container .mainDiv4 .square3 {
  width: 50px;
  height: 50px;
}
.sch-style-3.container .mainDiv0 .square,
.sch-style-3.container .mainDiv0 .square2{
  height: 50%;
}
.sch-style-3.container .mainDiv1 .square,
.sch-style-3.container .mainDiv1 .square2{
  height: 30%;
}
.sch-style-3.container .mainDiv2 .square,
.sch-style-3.container .mainDiv2 .square2{
  height: 70%;
}
.sch-style-3.container .mainDiv3 .square,
.sch-style-3.container .mainDiv3 .square2{
  height: 90%;
}
.sch-style-3.container .mainDiv4 .square,
.sch-style-3.container .mainDiv4 .square2{
  height: 75%;
}
.sch-style-3.container .square{
float: left;
transform: skew(180deg,200deg);
position: absolute;
bottom: 5px;
left: 20px;
}
.sch-style-3.container .square2{
float: left;
transform: skew(180deg,160deg);
position: absolute;
left: 76px;
bottom: 5px;
}
.sch-style-3.container .square3 {
  float: left;
  transform: rotate(45deg) skew(-27deg, -27deg);
  position: absolute;
  left: 50px;
}
.sch-style-3.container .mainDiv0 .square3 {
  bottom: 47%;
}
.sch-style-3.container .mainDiv1 .square3 {
  bottom: 27%;
}
.sch-style-3.container .mainDiv2 .square3 {
  bottom: 67%;
}
.sch-style-3.container .mainDiv3 .square3 {
  bottom: 87%;
}
.sch-style-3.container .mainDiv4 .square3 {
  bottom: 72%;
}
.sch-style-3.container .square:before{
width: 100%;
height: 8px;
content:"";
position:absolute;
top:15px;
left:0;background:#fff;
}
.sch-style-3.container .square2:before{
width: 100%;
height: 8px;
content:"";
position:absolute;
top:15px;
left:0;background:#fff;
}
.sch-style-3.container .mainDiv.mainDiv0 .sch-percent {
  background: linear-gradient(to right, rgb(195, 20, 50), rgb(36, 11, 54));
}
.sch-style-3.container .mainDiv.mainDiv0 .sch-percent::before {
  border-top: 10px solid red;
}
.sch-style-3.container .mainDiv0 .sch-percent {
  bottom:67%;
}
.sch-style-3.container .mainDiv1 .sch-percent {
  bottom:47%;
}
.sch-style-3.container .mainDiv2 .sch-percent {
  bottom:87%;
}
.sch-style-3.container .mainDiv3 .sch-percent {
  bottom:107%;
}
.sch-style-3.container .mainDiv4 .sch-percent {
  bottom:92%;
}
.sch-style-3.container .sch-percent {
  position: absolute;
  left: 51px;
  color: #fff;
  text-shadow: 1px 1px 2px pink;
  z-index: 2;
  padding: 5px 10px;
  border-radius: 6px;
}
.sch-style-3.container .sch-percent::before {
  bottom: -20px;
  left: calc(50% - 10px);
  border-top: 10px solid red;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  position: absolute;
  transition: all 0.3s ease-in;
}
.sch-style-3.container .sch-year {
  position: absolute;
  top: 50%;
  left: 0;
  right: auto;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  color: #fff;
}
.sch-style-3.container .sch-div {
  display: inline-block;
  width: 570px;
  margin: 0 auto;
  position: relative;
  height: 300px;
  margin-top:30px;
}
@media (min-width: 480px) and (max-width: 639px) {
.sch-style-3.container .sch-div {
  width: 400px;
}
.sch-style-3.container .square {
  left: 0;
}
.sch-style-3.container .square3 {
  left: 30px;
}
.sch-style-3.container .square2 {
  left: 55px;
}
.sch-style-3.container .sch-percent {
  left: 24px;
}
}
@media (min-width: 375px) and (max-width: 479px) {
.sch-style-3.container .sch-div {
  width: 300px;
}
.sch-style-3.container .square {
  left: 0;
}
.sch-style-3.container .square3 {
  left: 23px;
}
.sch-style-3.container .square2 {
  left: 40px;
}
.sch-style-3.container .sch-percent {
  left: 24px;
}
.sch-style-3.container .mainDiv0 .square, .sch-style-3.container .mainDiv0 .square2, .sch-style-3.container .mainDiv1 .square, .sch-style-3.container .mainDiv1 .square2, .sch-style-3.container .mainDiv2 .square, .sch-style-3.container .mainDiv2 .square2, .sch-style-3.container .mainDiv3 .square, .sch-style-3.container .mainDiv3 .square2, .sch-style-3.container .mainDiv4 .square, .sch-style-3.container .mainDiv4 .square2 {
  width: 40px;
}
.sch-style-3.container .mainDiv0 .square3, .sch-style-3.container .mainDiv2 .square3, .sch-style-3.container .mainDiv1 .square3, .sch-style-3.container .mainDiv3 .square3, .sch-style-3.container .mainDiv4 .square3 {
  width: 36px;
  height: 38px;
}
.sch-style-3.container .mainDiv0 .square3 {
  bottom: 48%;
}
.sch-style-3.container .mainDiv1 .square3 {
  bottom: 28%;
}
.sch-style-3.container .mainDiv2 .square3 {
  bottom: 68%;
}
.sch-style-3.container .mainDiv3 .square3 {
  bottom: 88%;
}
.sch-style-3.container .mainDiv4 .square3 {
  bottom: 73%;
}
}
@media (min-width: 320px) and (max-width: 374px) {
.sch-style-3.container .sch-div {
  width: 280px;
}
.sch-style-3.container .square {
  left: 0;
}
.sch-style-3.container .square3 {
  left: 23px;
}
.sch-style-3.container .square2 {
  left: 40px;
}
.sch-style-3.container .sch-percent {
  left: 10px;
}
.sch-style-3.container .mainDiv0 .square, .sch-style-3.container .mainDiv0 .square2, .sch-style-3.container .mainDiv1 .square, .sch-style-3.container .mainDiv1 .square2, .sch-style-3.container .mainDiv2 .square, .sch-style-3.container .mainDiv2 .square2, .sch-style-3.container .mainDiv3 .square, .sch-style-3.container .mainDiv3 .square2, .sch-style-3.container .mainDiv4 .square, .sch-style-3.container .mainDiv4 .square2 {
  width: 40px;
}
.sch-style-3.container .mainDiv0 .square3, .sch-style-3.container .mainDiv2 .square3, .sch-style-3.container .mainDiv1 .square3, .sch-style-3.container .mainDiv3 .square3, .sch-style-3.container .mainDiv4 .square3 {
  width: 36px;
  height: 38px;
}
.sch-style-3.container .mainDiv0 .square3 {
  bottom: 48%;
}
.sch-style-3.container .mainDiv1 .square3 {
  bottom: 28%;
}
.sch-style-3.container .mainDiv2 .square3 {
  bottom: 68%;
}
.sch-style-3.container .mainDiv3 .square3 {
  bottom: 88%;
}
.sch-style-3.container .mainDiv4 .square3 {
  bottom: 73%;
}
}