.architecture-section {
      text-align: center;
    }

    .layer-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      margin-bottom: 42px;
      padding-inline: 65px;
    }

    .layer-card {
      background: #fff;
      border: 1px solid #d9d9d9;
      border-radius: 12px;
      padding: 14px;
    }



    .layer-top {

      display: flex;
      align-items: center;

      gap: 14px;

      margin-bottom: 16px;
    }

    .layer-icon {

      width: 40px;
      height: 40px;

      border-radius: 10px;

      background: #eef5ff;

      display: flex;
      align-items: center;
      justify-content: center;

      flex-shrink: 0;
    }

    .layer-icon i {

      font-size: 22px;

      background: linear-gradient(135deg, #2563eb, #d946ef);

      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .layer-title {

      font-size: 17px;
      font-weight: 500;
    }

    .layer-description {

      font-size: 14px;
      line-height: 1.8;

      color: #555;
    }

    /* Section Heading */

    .sub-heading {

      text-align: center;

      font-size: 20px;
      font-weight: 700;

      margin-bottom: 28px;

      color: #222;
    }

    /* Identity Types */

    .identity-grid {

      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 22px;

      margin-bottom: 42px;
    }

    .identity-card {
      background: #fff;
      border: 1px solid #d9d9d9;
      border-radius: 12px;
      padding: 34px 20px;
      text-align: center;
    }



    .identity-icon {
      width: 46px;
      height: 46px;
      margin: auto;
      margin-bottom: 18px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #eef5ff;
    }

    .identity-icon i {

      font-size: 24px;

      background: linear-gradient(135deg, #2563eb, #d946ef);

      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .identity-title {

      font-size: 20px;
      font-weight: 500;

      margin-bottom: 10px;
    }

    .identity-description {

      font-size: 14px;
      color: #555;
    }

    /* Security Capabilities */

    .capabilities-grid {

      display: flex;
      justify-content: center;
      flex-wrap: wrap;

      gap: 16px;
    }

    .capability-card {

      width: 260px;

      background: #fff;

      border: 1.5px solid #9ec5ff;
      border-radius: 12px;

      text-align: center;

      padding: 22px 20px;

      transition:
        transform .35s ease,
        box-shadow .35s ease;
    }

    .capability-card:hover {

      transform: translateY(-5px);

      box-shadow:
        0 10px 25px rgba(13, 110, 253, .08);
    }

    .capability-title {

      font-size: 22px;
      font-weight: 500;

      margin-bottom: 10px;

      background: linear-gradient(135deg, #2563eb, #d946ef);

      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .capability-description {

      font-size: 15px;
      color: #444;
    }




    @media(max-width:992px) {

      .layer-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .identity-grid {
        grid-template-columns: 1fr;
      }

    }

    @media(max-width:768px) {
      .layer-grid {
        grid-template-columns: 1fr;
      }

    }