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

:global(.ecological-partner) .partnerRightsContent {
  background: linear-gradient(359.4deg, $grey-light 0.58%, $white 99.54%);
}

.partnerRights {
  color: $black;
  padding-bottom: $hl-4;

  [data-role="list-content"] {
    margin-top: 0;
  }

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

.inner {
  i {
    color: $blue;
    font-size: 2.5rem;
  }

  h4 {
    margin-top: $hl-10;
  }

  p {
    @include p2();
    opacity: 0.6;
  }
}

:global(.solution-partner) .inner p {
  max-width: 9.75rem;
}

@media screen and (max-width: $wide) {
  .partnerRights [data-role="list-content"] [data-role="list-loop"] {
    min-width: initial;
    max-width: initial;
  }
}

@media screen and (max-width: 767px) {
  .partnerRights [data-role="list-content"] [data-role="list-loop"] {
    min-width: 50%;
    max-width: 50%;
  }
}