/**
 * @file
 * services-wrapper paragraph
 * Use in paragraph--services-wrapper.html.twig
 */


.services-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 36px;
  flex-wrap: wrap;
}
@media all and (min-width: 750px){
  .services-wrapper {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
  }
  .services-wrapper .service {
    flex: 1 1 33%
  }
  .services-wrapper .service:last-child {
    max-width: 50%;
  }
}
@media all and (min-width: 1200px){
  .services-wrapper .service {
    flex: 0 1 33%
  }
  .services-wrapper {
    flex-wrap: nowrap;
  }
  .services-wrapper .service:last-child {
    max-width: unset;
  }
}