.friendly {
    margin: 0 auto;
    max-width: 1200px;
    padding: 50px 20px;

    .title { font: bold 36px; margin-bottom: 15px; }
    .subtitle { font: bold 28px; margin-bottom: 30px; }

    .image-container {
      gap: 20px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;

      .image-card {
        max-width: 300px;
        text-align: center;

        img { width: 100%; border-radius: 12px; }
        p { font: bold 16px; margin-top: 10px; }
      }
    }

    .description {
      font: 18px;
      line-height: 1.5;
      max-width: 800px;
      margin: 30px auto;

      .highlight { font-weight: bold; }
    }

    .disclaimer { font: 14px; color: #555; margin-top: 15px; }

    .explore-button {
      color: black;
      font: bold 16px;
      margin-top: 20px;
      padding: 12px 20px;
      border-radius: 30px;
      display: inline-block;
      text-decoration: none;
      border: 2px solid black;
    }

    @media (max-width: 768px) {
      .image-container { flex-direction: column; align-items: center; }
    }
  }