.text-gray-500 {
    	color: var(--color-gray);
	  }
      .section {
        margin-bottom: var(--space-5);
      }
      .mb-0 {
        margin-bottom: 0;
      }
      .mb-2 {
        margin-bottom: var(--space-2);
      }


      .grid {
        display: grid;
        grid-gap: 0;
        gap: 0;
      }
      @media (min-width: 768px) {
        .grid {
          grid-gap: 2rem;
          gap: 2rem;
        }
      }
      .grid-layout {
        grid-template-columns: 1fr;
      }
      @media (min-width: 768px) {
        .grid-layout {
          grid-template-columns: 9rem 1fr;
        }
      }
      .text-center {
        text-align: center;
      }
      .text-right {
        text-align: left;
      }
      @media (min-width: 768px) {
        .text-right {
          text-align: right;
        }
      }
      .page-title {
        text-align: center;
      }
      @media (min-width: 768px) {
        .page-title {
          text-align: left;
          margin-top: 2rem;
        }
      }