.cta-banners {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}

.cta-banner:hover {
  background: #ffffff;
  filter: drop-shadow(0px 4px 14px #00000026);
}

@media(min-width: 992px){
  .cta-banners {
    grid-template-columns: repeat(2, 1fr);
  }
}

.cta-banner__img-box {
  flex: 1;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  transition: .3s all ease-in-out;
}



@media(min-width: 992px){
  .cta-banner:hover img.cta-banner__img {
    transform: translateY(43%);
  }
}

.cta-banner {
  background: #EFF2F7;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  gap: 19px;
}

.cta-banner__content {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px;
  flex: 2;
}

.cta-banners .cta-banner__text.custom-rich-text * {
  color: #172D65!important;
}

img.cta-banner__img {
  border-radius: 0 8px 0 8px;
  width: 240px;
  max-width: 240px;
  transition: .3s all ease-in-out;
}

@media(max-width: 992px){
  .cta-banner__content {
    flex: 1;
  }

  .cta-banner__content {
    order: 1;
  }

  .cta-banner {
    flex-flow: column;
  }

  .cta-banner__img-box {
    order: 0;
    text-align: right;
    flex-flow: row;
    justify-content: flex-end;
  }

  img.cta-banner__img {
    width: 190px;
  }  
}
}

.cta-banner__text.custom-rich-text h4 {
  font-weight: 600;
}

@media(max-width: 992px) {
  .cta-banner__text.custom-rich-text h4 {
    font-size: 20px!important;
  }
}