.culture-container {
  padding: .8rem 0 .6rem;
}

.culture-lists-div {
  padding: .4rem 0 0;
}

.culture-lists-div .row {
  margin: 0 -0.2rem;
}

.culture-lists-div .row>div {
  padding: 0 .2rem;
  margin-bottom: .4rem;
}

.culture-lists-div .desc {
  position: relative;
  height: 2.2rem;
  padding: .5rem .4rem;
  overflow: hidden;
  background: #edf1f2;
}

.culture-lists-div .desc::before {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  content: '';
  transform: rotate(-45deg) translate(-0.13rem,-0.08rem);
  border-top: .6rem solid #edf1f2;
  border-right: .4rem solid #edf1f2;
}


.culture-lists-div .desc::after {
  position: absolute;
  top: 0;
  right: 0;
  width: .4rem;
  height: .4rem;
  content: '';
  background: #258ca6;
}

.culture-lists-div .desc h3 {
  color: #2d2d2d;
  font-size: 24px;
  margin-bottom: 10px;
  font-family: 'Hind-Bold';
}

.culture-lists-div .desc p {
  max-width: 4.2rem;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.culture-lists-div .img-div {
  position: relative;
  max-width: 5rem;
  width: 100%;
  display: block;
}

.culture-lists-div .img-div .img {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.culture-lists-div .img-div .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: all 0.4s;
}

.culture-lists-div .img-div::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  content: '';
  background: #1b677a20;
  transition: all 0.4s;
}

.culture-lists-div .item:hover .desc h3 a {
  color: #258ca6;
}

.culture-lists-div .item:hover .img-div::after {
  opacity: 1;
  transition: all 0.4s;
}

.culture-lists-div .item:hover .img-div img {
  transform: scale(1.1);
  transition: all 0.4s;
}


@media(max-width: 1279px) {
  .culture-lists-div .img-div,
  .culture-lists-div .desc p {
    max-width: 100%;
  }

  .culture-lists-div .desc {
    height: 2.4rem;
  }
}

@media(max-width: 1023px) {
  .culture-container {
    padding: .6rem 0 .4rem;
  }

  .culture-lists-div .item {
    height: 100%;
  }

  .culture-lists-div .desc {
    padding: .4rem .2rem;
    height: 2.5rem;
  }
}

@media (max-width: 767px) {
  .culture-container {
    padding: .4rem 0 0;
  }


  .culture-lists-div .row {
    margin: 0 -0.15rem;
  }

  .culture-lists-div .row>div {
    padding: 0 .15rem;
  }

  .culture-lists-div .desc {
    padding: .3rem .15rem;
    height: auto;
  }

  .culture-lists-div .item .desc h3 {
    font-size: 20px;
  }

  .culture-lists-div .desc p {
    max-width: 100%;
    -webkit-line-clamp: initial;
  }
}