.lpa-panel-grid .lpa-panel-grid-content {
  display: grid;
  grid-gap: 2rem;
}

.lpa-panel-grid .lpa-panel-item {
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
  background-color: #fff;
}

.lpa-panel-grid .lpa-panel-item .lpa-panel-image {
  aspect-ratio: 16 / 9;
  background-size: cover;
}

.lpa-panel-grid .lpa-panel-item .lpa-panel-body {
  padding: 1.5rem;
}

.lpa-panel-grid .lpa-panel-item .lpa-panel-body .lpa-panel-title {
  margin-bottom: 1rem;
}

.lpa-panel-grid .lpa-panel-grid-content.col-2 {
  grid-template-columns: 1fr 1fr;
}

.lpa-panel-grid .lpa-panel-grid-content .lpa-panel-icon {
  margin-bottom: 1rem;
}

.lpa-panel-grid .lpa-panel-grid-content .lpa-panel-icon img {
  max-height: 3rem;
  max-width: 100%;
  width: auto;
}

@media screen and (min-width: 768px) {

  .lpa-panel-grid .lpa-panel-grid-content {
    grid-gap: 3rem;
  }

  .lpa-panel-grid .lpa-panel-grid-content.col-2-desktop {
    grid-template-columns: 1fr 1fr;
  }

  .lpa-panel-grid .lpa-panel-grid-content.col-3-desktop {
    grid-template-columns: repeat(3, 1fr);
  }

  .lpa-panel-grid .lpa-panel-grid-content.col-4-desktop {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .lpa-panel-grid .lpa-panel-grid-content .lpa-panel-button:hover {
    color:#fff;
    background-color:#262B65;
  }

  .lpa-panel-grid .lpa-panel-item .lpa-panel-body {
    padding: 2rem;
  }
}


@media screen and (min-width: 1201px) {

  .lpa-panel-grid .lpa-panel-item .lpa-panel-body .lpa-panel-title {
    max-width:80%;
  }

  .lpa-panel-grid .lpa-panel-grid-content .lpa-panel-icon img {
    max-height: 4rem;
  }

}