/**
* Paragraph services-wrapper
*/

.services-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.services-wrapper__col-1 .service {
  max-height: 305px;
  overflow: hidden;
}
.services-wrapper__col-2 .service {
  max-height: 193px;
  overflow: hidden;
}
.services-wrapper__item {
  display: flex;
  justify-content: center;
}
@media all and (min-width:700px) {
  .services-wrapper {
    flex-direction: row;
  }
  .services-wrapper__col-1,
  .services-wrapper__col-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .services-wrapper .col-1__row-1 {
    margin: 0 .5rem .5rem 0;
  }
  .services-wrapper .col-1__row-2 {
    margin: .5rem .5rem 0 0;
  }
  .services-wrapper .col-2__row-1 {
    margin: 0 0 .5rem .5rem;
  }
  .services-wrapper .col-2__row-2 {
    margin: .5rem 0 .5rem .5rem;
  }
  .services-wrapper .col-2__row-3 {
    margin: .5rem 0 0 .5rem;
  }
}
@media all and (min-width:1000px) {
  .services-wrapper {
    justify-content: inherit;
  }
}

/**
* Paragraph service
*/

.service {
  position: relative;
  max-width: 305px;
  border-radius: 10px;
  margin-bottom: 2rem;
}
.service__link {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  z-index: 5;
  background: rgba(0, 0, 0, 0.3);
  transition: 0.2s ease-in-out;
}
.service__link:hover {
  background: rgba(0, 0, 0, 0);
}
.service__title {
  margin: 0;
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--color-neutral-4);
  position: absolute;
  left: 1rem;
  bottom: 1.3rem;
  text-transform: uppercase;
  transition: 0.2s ease-in-out;
}
.service__link:hover .service__title {
  text-shadow: 0 0 10px var(--color-neutral-1);
}
@media all and (min-width:1000px) {
  .service {
    margin-bottom: 0;
  }
}