.compliance-list {
  background: #FBFBFB;
  padding-left: 340px !important;
  border-radius: 20px;
  min-height: 340px;
}
.compliance-list .list-details .content {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.compliance-list .list-details p {
  margin: 0 !important;
}
.compliance-list .list-details img {
  display: none !important;
}
.compliance-list .list-img {
  width: 300px;
  position: absolute;
  left: 20px;
  top: 20px;
  padding: 25px 0px;
  background-color: #F3F3F3;
  height: 300px;
}
.compliance-list .list-img img {
  max-height: 250px;
  margin: auto;
  display: table;
  position: relative;
  transform: translateY(-50%);
  top: 50%;
}
.compliance-list h2 {
  font-family: "Gordita-Bold";
  font-size: 26px;
}
.compliance-list .know-more {
  border: 1px solid #A181DD;
  display: inline-block;
  padding: 5px 20px;
  font-family: "Archivo-SemiBold";
  font-size: 12px;
  letter-spacing: 2px;
  background: linear-gradient(66.22deg, #5CAEEE 0%, #8D92E4 34.61%, #8171E6 63.03%, #AE88DA 94.85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media (max-width: 767px) {
  .compliance-list {
    padding-left: 240px !important;
    min-height: 222px;
  }
  .compliance-list h2 {
    font-size: 21px;
  }
  .compliance-list .list-img {
    width: 200px;
    height: 184px;
  }
  .compliance-list .list-details .content {
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 480px) {
  .compliance-list {
    padding-left: 1.5rem !important;
  }
  .compliance-list img {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .compliance-list .list-img {
    width: 100%;
    position: initial;
    margin-bottom: 10px;
  }
  .compliance-list .list-img img {
    max-height: 150px;
  }
}