/* TABLE: INCLUSION & EXCLUSION styles */

.criteria-wrap {
	display: flex;
    justify-content: center;
}

    .criteria-card {
      background-color: #f0f5f9;
      width: 100%;
      max-width: 1000px;
      border-bottom: 12px solid #007cc3;
      border-radius: 4px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      overflow: hidden;
    }

    .criteria-container {
      display: flex;
      flex-direction: row;
      padding: 20px 20px;
      position: relative;
    }

    .column {
      flex: 1;
      padding: 0 25px;
    }

    /* Vertical Divider between columns */
    .column-inclusion {
      border-right: 1px solid #d0dbe5;
    }

    .criteria-title {
      color: #0b2545;
      font-size: 1.1rem;
      font-weight: 800;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      margin-bottom: 30px;
      padding-left: 42px; /* Align with text below icons */
    }

    .criteria-list {
      list-style: none;
	  padding-left: 0;
    }

    .criteria-list li {
      display: flex;
      align-items: flex-start;
      margin-bottom: 20px;
      color: #011329;
      font-size: 0.95rem;
      font-weight: 600;
      line-height: 1.4;
    }

    .criteria-list li:last-child {
      margin-bottom: 0;
    }

	.criteria-list .svg-inline--fa,
    .criteria-list i {
      font-size: 1.4rem;
      margin-right: 18px;
      margin-top: 2px;
      flex-shrink: 0;
    }

    .criteria-container .column p {
      padding-left: 42px;
    }

    /* Inclusion styling */
	.inclusion .svg-inline--fa,
    .inclusion i {
      color: #00bfa5;
    }

    /* Exclusion styling */
	.exclusion .svg-inline--fa,
    .exclusion i {
      color: #f05a36;
    }

    /* Responsive adjustment for narrow screens */
    @media (max-width: 768px) {
      .criteria-container {
        flex-direction: column;
        padding: 30px 20px;
      }

      .column {
        width: 100%;
        padding: 0;
      }

      .column-inclusion {
        border-right: none;
        border-bottom: 1px solid #d0dbe5;
        padding-bottom: 30px;
        margin-bottom: 30px;
      }

      .criteria-title {
        padding-left: 0;
      }

      .criteria-container .column p {
        padding-left: 0;
      }

    }