.case-page-list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 180px;
}
@media (max-width: 768px) {
  .case-page-list {
    padding-top: 0px;
  }
}
.case-page-list li {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .case-page-list li:nth-child(3n+2) {
    margin-top: -180px;
    margin-left: -80px;
    margin-right: -80px;
  }
}
li:nth-child(1) .case-page-list-item {
  background-color: #22A80D;
}
li:nth-child(2) .case-page-list-item {
  background-color: #FF516C;
}
li:nth-child(3) .case-page-list-item {
  background-color: #3553A8;
}
li:nth-child(4) .case-page-list-item {
  background-color: #FFBA34;
}
li:nth-child(5) .case-page-list-item {
  background-color: #5FBFF5;
}
li:nth-child(6) .case-page-list-item {
  background-color: #7F83F0;
}
li:nth-child(8) .case-page-list-item {
  background-color: #FD694E;
}
.case-page-list-item {
  height: 330px;
  background-color: #FF516C;
  padding: 0 20%;
  text-align: justify;
  clip-path: polygon(25% 0, 75% 0, 100% 51%, 76% 100%, 25% 100%, 0 50%);
  position: relative;
  color: #FFf;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  transition: all .5s;
}
.case-page-list-item .icon,
.case-page-list-item .title,
.case-page-list-item .text {
  margin-bottom: 20px;
}
.case-page-list-item .text {
  text-align: left;
}
.case-page-list-item:hover {
  color: #FFF;
  background-color: #eb3d58 !important;
}
/*# sourceMappingURL=solution.less.map */<!--ºÄʱ1763856545.1104Ãë-->