.services_others {
  position: relative;
  overflow: hidden;
}
.grey-bg {
  background-color: #F5F3F2;
}
.beige-bg {
  background-color: #F4ECE8;
}
.services_others svg {
  position: absolute;
  right: -30%;
  top: -78%;
}
.services_others .cards {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.services_others.three .cards {
  grid-template-columns: 1fr 1fr 1fr;
}
.services_others.four .cards {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.services_others .cards .card {
  color: #FFF;
  padding: 30px;
  border-radius: 20px;
}
.services_others .cards .card.white {
  color: #404041;
  background: #FFF;
}
.services_others .card img {
  width: 60px;
  height: 60px;
  margin-bottom: 40px;
}
.services_others .card .content h4 {
  color: #FFF;
}
.services_others .card.white .content h4 {
  color: #404041;
}

body.single-cca .services_others .card .content ul {
    padding-left: 8px;
}
body.single-cca .services_others .card .content li {
    margin-bottom: 6px;
    position: relative;
}

body.single-cca .services_others .card .content li::marker {
    content: "";
}
body.single-cca .services_others .card .content li::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='42' height='42' stroke='white' stroke-width='4'/%3E%3Cpath d='M11 25.5L21 35.5L34 9' stroke='white' stroke-width='4'/%3E%3C/svg%3E%0A");    background-size: contain;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 6px;
    left: -20px;
}

@media only screen and (max-width: 768px) {
  .services_others.three .cards {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }
  .services_others.four .cards {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }
}