@import "@/styles/mixins.scss";
@import "@/styles/variables.scss";

.chosenSolution {
  background: $white;
  padding: $hl-2 0;

  h1 {
    text-align: center;
    color: $black;
    margin-bottom: $hl-4;
  }
}

.inner {
  cursor: pointer;

  h4 {
    margin: $hl-8 0 $hl-9 0;
    @include h4();
  }

  p {
    color: $font-color-8;
    @include p1;
    @include multi-line-ellipsis(3);
  }
}

.imgContent {
  background: $grey-light;
  border-radius: $radius;
}

@media screen and (max-width: $wide) {
  .chosenSolution [data-role="list-content"] {
    margin-top: -3rem;
  }

  .chosenSolution [data-role="list-loop"] {
    margin-top: $hl-5;
  }
}