/* .num_list1 creates numeric list with multicolored numbered circles */
  ul.tk-numlist1 {
    list-style-type: none;
    counter-reset: list;
  }

  ul.tk-numlist1 li {
    counter-increment: list;
    margin: 10px;
    position: relative;
  }

  ul.tk-numlist1 li:before {
    display: inline-block;

    --l: 62%;
    --h: calc((var(--i) - 1) * (180 / var(--length)));
    --c1: hsl(var(--h), 71%, var(--l));
    content: counter(list);
    background-color: var(--c1);
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 5px;
    margin: auto 5px;
    text-align: center;
    line-height: 18px;
    position: absolute;
    left: -40px;
    top: -0.15em;
  }

  /* Standard bullet list with green 3d bullet points */
  ul.tk-stdlist {
    list-style: none;
    padding: 0;
  }

  ul.tk-stdlist li {
    margin: 5px 0px 17px 20px;
    padding: 0 10px;
    position: relative;
    text-indent: 0px;
  }

  ul.tk-stdlist li::before {
    display: inline-block;

    --c1: hsl(108, 71%, 62%);
    background-color: var(--c1);
    border-radius: 50%;
    box-shadow: inset 0px 0px 3px 2px rgba(31,59, 25, 0.6);
    width: 5px;
    height: 5px;
    padding: 3px;
    margin: 0 0 0 10px; 
    content: ' ';
    position: absolute;
    left: -18px;
    top: 6px;
  }

  .tk-grid-2-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    gap: 10px;
    margin: auto;
  }

  .tk-grid-2-col .tk-grid-top-span2 {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 1;
  }

  .tk-grid-2-col .tk-grid-row2-left {
    grid-column-start: 1;
    grid-row-start: 2;
  }

  .tk-grid-2-col .tk-grid-row2-right {
    grid-column-start: 2;
    grid-row-start: 2;
  }

  .tk-grid-2-col .tk-grid-row3-span2 {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 3;
  }

  .tk-grid-2-col .tk-grid-row4-span2 {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 4;
  }

  .tk-grid-2-col .tk-grid-row5-span2 {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 5;
  }

  .tk-grid-2-col .tk-grid-row6-span2 {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 6;
  }

  .tk-grid-2-col.quote-grid {
    width: 600px;
  }

  .tk-separator-green {
    background: linear-gradient(90deg, rgba(18,101,21,1) 0%, rgba(47,207,51,1) 19%, rgba(47,207,51,1) 100%);
    height: 10px;
    content: ' ';
    width: 100%;
  }

  .tk-surv-q ul {
    list-style-type: none;
  }

  @media screen and (max-width: 767px) {
    .tk-grid-2-col {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      margin: auto;
    }

    
    .tk-grid-2-col .tk-grid-top-span2 {
      grid-column-start: 1;
      grid-row-start: 1;
    }

    .tk-grid-2-col .tk-grid-row2-left {
      grid-column-start: 1;
      grid-row-start: 2;
    }

    .tk-grid-2-col .tk-grid-row2-right {
      grid-column-start: 1;
      grid-row-start: 3;
    }

    .tk-grid-2-col .tk-grid-row3-span2 {
      grid-column-start: 1;
      grid-row-start: 4;
    }

    .tk-grid-2-col .tk-grid-row4-span2 {
      grid-column-start: 1;
      grid-column-end: span 2;
      grid-row-start: 5;
    }

    .tk-grid-2-col .tk-grid-row5-span2 {
      grid-column-start: 1;
      grid-column-end: span 2;
      grid-row-start: 6;
    }

    .tk-grid-2-col .tk-grid-row6-span2 {
      grid-column-start: 1;
      grid-row-start: 7;
    }

    .tk-grid-2-col.quote-grid {
      width: 100%;
    }

    textarea {
      width: 90% !important;
    }
  }