<turbo-stream action="replace" target="company_profile_product_lines_mobile_sort"><template>
  
<div id="company_profile_product_lines_mobile_sort"
     class="visible-tablet dropdown m-4"
     data-controller="toggle-class"
     data-toggle-class-css-class="is-active"
     data-toggle-class-target="el">
  <div class="dropdown-trigger full-width">
    <button class=" button full-width has-text-align-left is-justify-content-flex-start"
            
            data-action="click->toggle-class#toggle">
      <span>Sort: Reporting Segment [A-Z]</span>
      <span class="icon ml-auto mr-2">
        <i class="fas fa-angle-down"></i>
      </span>
    </button>
  </div>
  <div class="dropdown-menu-wrapper full-width">
    <div class="dropdown-menu full-width">
      <div class="dropdown-content">
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22675&amp;sort%5Breporting_segment_name%5D=asc">Reporting Segment [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22675&amp;sort%5Breporting_segment_name%5D=desc">Reporting Segment [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22675&amp;sort%5Bname%5D=asc">Product Line [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22675&amp;sort%5Bname%5D=desc">Product Line [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22675&amp;sort%5Bmetric_amount_raw%5D=desc">Product Line Amount High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22675&amp;sort%5Bmetric_amount_raw%5D=asc">Product Line Amount Low to High</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22675&amp;sort%5Bmetric_percentage%5D=desc">Product Line Percentage High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22675&amp;sort%5Bmetric_percentage%5D=asc">Product Line Percentage Low to High</a>
      </div>
    </div>
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_header"><template>
  
<table id="company_profile_product_lines_table_header"
       class="table is-hoverable">
  <thead class="visible-non-tablet">
    <tr class="is-black ">
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22675&amp;sort%5Breporting_segment_name%5D=desc"><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5">arrow_drop_up</span></a></th>
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22675&amp;sort%5Bname%5D=asc"><span>Product Line</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22675&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount (USD)</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right has-text-white" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22675&amp;sort%5Bmetric_percentage%5D=asc"><span>Percentage</span><span class="material-symbols-outlined is-size-5"></span></a></th>
    </tr>
  </thead>

  <thead class="visible-tablet">
    <tr class="is-black">
      <th class="is-vcentered">
        <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
          keyboard_arrow_right
        </span>
      </th>
      <th class="is-vcentered">
        Reporting Segment &amp; Product Line
      </th>
      <th class="is-vcentered has-text-right">
        Amount (USD)
      </th>
      <th class="is-vcentered has-text-right">
        Percentage
      </th>
    </tr>
  </thead>
</table>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_body"><template>
  
<div class="table-container"
     id="company_profile_product_lines_table_body">
  <table class="table is-hoverable ">
    <tbody class="visible-non-tablet ">

        <tr class="">
          <td class="is-vcentered">
            Aggregates
          </td>

          <td class="is-vcentered">
            <div>
              Construction Aggregates
            </div>
            <div class="is-size-7 has-text-grey">
              These companies extract resources from the earth in order to produce the base materials (aggregates) used in the production of concrete and other construction materials, like slate, granite, sand, gravel, and clay.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            547.87M
          </td>

          <td class="has-text-right is-vcentered">
              <span>15.82%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Asphalt
          </td>

          <td class="is-vcentered">
            <div>
              Asphalt for Highways, Roads, and Bridges; sold to contractors
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture asphalt for highway, road, and bridge construction and sell directly to construction contractors.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            452.42M
          </td>

          <td class="has-text-right is-vcentered">
              <span>13.06%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Contracting Services
          </td>

          <td class="is-vcentered">
            <div>
              Highway, Road, and Bridge Construction
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are contracted to build transportation infrastructure, such as highways, roads, and bridges.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            862.82M
          </td>

          <td class="has-text-right is-vcentered">
              <span>24.91%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Contracting Services
          </td>

          <td class="is-vcentered">
            <div>
              Building and Infrastructure Construction for Businesses (with subcontractors)
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are contracted to build real estate for the businesses. They subcontract certain aspects of the construction process.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            117.66M
          </td>

          <td class="has-text-right is-vcentered">
              <span>3.40%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Contracting Services
          </td>

          <td class="is-vcentered">
            <div>
              Office Space Construction (with subcontractors)
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are used to construct office buildings. They subcontract certain aspects of the construction process.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            104.58M
          </td>

          <td class="has-text-right is-vcentered">
              <span>3.02%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Contracting Services
          </td>

          <td class="is-vcentered">
            <div>
              Single-Family Residential Home Developer (with subcontractors)
            </div>
            <div class="is-size-7 has-text-grey">
              These companies develop single-family residential homes. They subcontract certain aspects of the construction process.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            78.44M
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.26%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Contracting Services
          </td>

          <td class="is-vcentered">
            <div>
              Government Infrastructure Construction (with subcontractors)
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are contracted to build public buildings and infrastructure, such as airports and roads. They subcontract certain aspects of the construction process.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            65.37M
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.89%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Contracting Services
          </td>

          <td class="is-vcentered">
            <div>
              Airport Construction for Governments
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are contracted by governments to build airports.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            52.29M
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.51%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Contracting Services
          </td>

          <td class="is-vcentered">
            <div>
              Channel and Port Dredging for Governments
            </div>
            <div class="is-size-7 has-text-grey">
              These companies dredge channels and ports for governments to maintain their navigability. 
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            26.15M
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.75%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Liquid Asphalt
          </td>

          <td class="is-vcentered">
            <div>
              Asphalt for Highways, Roads, and Bridges; sold to contractors
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture asphalt for highway, road, and bridge construction and sell directly to construction contractors.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            253.2M
          </td>

          <td class="has-text-right is-vcentered">
              <span>7.31%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Other
          </td>

          <td class="is-vcentered">
            <div>
              Construction Aggregates for Public Buildings and Infrastructure
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce aggregates used for construction projects paid for and maintained by governments. Examples include bridges, buildings, and highways.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            249.03M
          </td>

          <td class="has-text-right is-vcentered">
              <span>7.19%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Ready-mix concrete
          </td>

          <td class="is-vcentered">
            <div>
              Concrete
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture concrete that is combined and shaped into usable components for real estate and sell directly to construction contractors.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            653.94M
          </td>

          <td class="has-text-right is-vcentered">
              <span>18.88%</span>
          </td>
        </tr>
    </tbody>

    <tbody class="visible-tablet ">

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Aggregates
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Construction Aggregates
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            547.87M
          </td>

          <td class="has-text-right is-vcentered">
              <span>15.82%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies extract resources from the earth in order to produce the base materials (aggregates) used in the production of concrete and other construction materials, like slate, granite, sand, gravel, and clay.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Asphalt
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Asphalt for Highways, Roads, and Bridges; sold to contractors
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            452.42M
          </td>

          <td class="has-text-right is-vcentered">
              <span>13.06%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture asphalt for highway, road, and bridge construction and sell directly to construction contractors.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Contracting Services
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Highway, Road, and Bridge Construction
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            862.82M
          </td>

          <td class="has-text-right is-vcentered">
              <span>24.91%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies are contracted to build transportation infrastructure, such as highways, roads, and bridges.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Contracting Services
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Building and Infrastructure Construction for Businesses (with subcontractors)
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            117.66M
          </td>

          <td class="has-text-right is-vcentered">
              <span>3.40%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies are contracted to build real estate for the businesses. They subcontract certain aspects of the construction process.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Contracting Services
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Office Space Construction (with subcontractors)
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            104.58M
          </td>

          <td class="has-text-right is-vcentered">
              <span>3.02%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies are used to construct office buildings. They subcontract certain aspects of the construction process.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Contracting Services
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Single-Family Residential Home Developer (with subcontractors)
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            78.44M
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.26%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies develop single-family residential homes. They subcontract certain aspects of the construction process.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Contracting Services
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Government Infrastructure Construction (with subcontractors)
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            65.37M
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.89%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies are contracted to build public buildings and infrastructure, such as airports and roads. They subcontract certain aspects of the construction process.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Contracting Services
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Airport Construction for Governments
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            52.29M
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.51%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies are contracted by governments to build airports.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Contracting Services
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Channel and Port Dredging for Governments
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            26.15M
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.75%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies dredge channels and ports for governments to maintain their navigability. 
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Liquid Asphalt
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Asphalt for Highways, Roads, and Bridges; sold to contractors
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            253.2M
          </td>

          <td class="has-text-right is-vcentered">
              <span>7.31%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture asphalt for highway, road, and bridge construction and sell directly to construction contractors.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Other
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Construction Aggregates for Public Buildings and Infrastructure
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            249.03M
          </td>

          <td class="has-text-right is-vcentered">
              <span>7.19%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies produce aggregates used for construction projects paid for and maintained by governments. Examples include bridges, buildings, and highways.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Ready-mix concrete
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Concrete
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            653.94M
          </td>

          <td class="has-text-right is-vcentered">
              <span>18.88%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture concrete that is combined and shaped into usable components for real estate and sell directly to construction contractors.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>