Sindbad~EG File Manager

.valeur-block {
  padding: 60px 0;

  background: url("../assets/star-bg.svg"),
    linear-gradient(254.32deg, #560bab 0%, #7209b5 100%);

  overflow: hidden;
  position: relative;

  .valeur-block__shape {
    position: absolute;
    bottom: -100px;
    left: -100px;
    width: 100%;
    max-width: 400px;
  }
  .valeur-block__container {
    display: flex;
    color: var(--neutre50);
    gap: 134px;

    @media (max-width: 768px) {
      flex-direction: column;
      gap: 24px;
    }
    .valeur-block__subcontainer {
      flex: 1;
      z-index: 2;
      position: relative;
      &:nth-child(2) {
        flex: 1.2;
        @media (max-width: 768px) {
          flex: 1;
        }
      }

      .valeur-block__content {
        line-height: 1.5;
      }

      .valeur-block__items-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        border-radius: 8px;
        overflow: hidden;
        background: var(--white);

        .valeur-block__item {
          padding: 32px;

          @media (max-width: 768px) {
            padding: 24px;
          }

          &:nth-child(1),
          &:nth-child(3) {
            border-right: 1px solid var(--purple100);
          }

          &:nth-child(1),
          &:nth-child(2) {
            border-bottom: 1px solid var(--purple100);
          }

          .valeur-block__item-icon-container {
            width: 40px;
            height: 40px;
            background: var(--purple300);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 8px;
          }
          .valeur-block__item-title {
            color: var(--purple500);
          }

          .valeur-block__item-content {
            color: var(--purple800);
            line-height: 1.4;
          }
        }
      }
    }
  }
}