1 Column 6

<div class="blocks-sc-1col-06 wrapper bg-color-ui-01">
  <div class="spacer x-large"></div>
  <div class="grid-container">
    <div class="grid-x gutter grid-padding-x align-center">
      <div class="large-12 medium-12 small-12 cell">
        <div class="faqs-holder">
          <ins-accordion>
            <ins-accordion-item open-icon="icon-plus" close-icon="icon-minus"
              heading="How do I track my order status?">
              This is just a single accordion element.
            </ins-accordion-item>
            <ins-accordion-item open-icon="icon-plus" close-icon="icon-minus"
              heading="Do we offer student discount?">
              This is just a single accordion element.
            </ins-accordion-item>
            <ins-accordion-item open-icon="icon-plus" close-icon="icon-minus"
              heading="Can I change or cancel my order?">
              This is just a single accordion element.
            </ins-accordion-item>            
          </ins-accordion>
        </div>

        <div class="spacer xxxx-large"></div>
        <div class="pageinations grid-x align-right align-middle">
          <div class="shrink cell">
            <span class="per__page color-font-head form-label"><strong>Rows per page:</strong></span>
            <ins-select id="page-size-select" placeholder="Select Size" small>
              <ins-select-option label="10" value="12" default></ins-select-option>
              <ins-select-option label="15" value="15"></ins-select-option>
              <ins-select-option label="30" value="30"></ins-select-option>
            </ins-select>
          </div>

          <div class="shrink cell">
            <div class="paginate">
              <span>1</span>
              <span>-</span>
              <span>10</span>
              <span>of</span>
              <span>15</span>
              <div>
                <ins-button id="previousPage" label="" icon="icon-angle-left">
                </ins-button>
              </div>
              <div>
                <ins-button id="nextPage" label="" icon="icon-angle-right">
                </ins-button>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>



  </div>
  <div class="spacer x-large"></div>
</div>

/* 1col-06 */
.blocks-sc-1col-06 .pageinations .ins-select-value-wrap{
  width: 56px;
  border: none;
}

.blocks-sc-1col-06 .paginate button:not([disabled]):hover {
  background-color: var(--color-ui-01);
}

.blocks-sc-1col-06 .paginate button:not([disabled]):hover {
  background-color: var(--color-ui-01);
}

.blocks-sc-1col-06 .paginate button:not([disabled]):hover .btn__icon.action {
  color: var(--color-hover-main, #0964B8);
}

.blocks-sc-1col-06 .paginate button{
  min-width: initial;
  width: 25px;
  height: auto;
  border-radius: 0px;
  margin-left: 8px;
  vertical-align: text-bottom;
  color: var(--color-font-body);
}

.blocks-sc-1col-06 .paginate > span, 
.blocks-sc-1col-06 .paginate > div{
  display: inline-block;
  font-family: var(--font-family-03);
  font-weight: 400;
  font-size: var(--typography-small);
  line-height: var(--typography-small);
  color: var(--color-font-body);
}

.blocks-sc-1col-06 .ins-accordion-item_header > .inner-head {
  padding: 16px;
}

.blocks-sc-1col-06 .ins-accordion-item_content .inner-content{
  border: var(--ins-border-style) var(--ins-border-thickness) var(--ins-border-color);
}

.blocks-sc-1col-06 .ins-accordion-item_content .inner-content .inner-head{
  border: var(--ins-border-style) var(--ins-border-thickness) var(--ins-border-color);
}

.blocks-sc-1col-06 .faqs-holder > ins-accordion > .ins-accordion > ins-accordion-item:first-child .ins-accordion-item_header{
  padding-top: 0px;
}

.blocks-sc-1col-06 .faqs-holder ins-accordion-item span.heading {
  font-family: var(--font-family-01, 'Lato', sans-serif);
  font-weight: 700;
  line-height: var(--typography-medium, 1rem);
}

.blocks-sc-1col-06 .faqs-holder ins-accordion-item.open span.heading {
  color: var(--color-font-inv, #FFFFFF);
}

.blocks-sc-1col-06 .faqs-holder ins-accordion-item.closed span.heading {
  color: var(--color-font-head, #2B2B2B);
}
/* end 1col-06 */