<ul class="nav nav-pills mb-3 office-type-details" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link" id="office365-tab" data-toggle="pill" href="#office365" role="tab" aria-controls="office365" aria-selected="false"><strong>New Order/Service</strong> <br><span>Creating a new order or adding a new<br> service to an existing CSP order.</span></a>
</li>
<li class="nav-item">
<a class="nav-link active" id="office365-tab" data-toggle="pill" href="#office365" role="tab" aria-controls="office365" aria-selected="true"><strong>Transition</strong> <br><span>Creating a new order orTransitioning an<br> Advisor or Open subscription to CSP.</span></a>
</li>
</ul>
<ul class="nav nav-pills mb-3 end-user" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="office365-tab" data-toggle="pill" href="#office365" role="tab" aria-controls="office365" aria-selected="true">Commercial</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">Academic</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">Commercial Trial</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">Charity</a>
</li>
</ul>
<ul class="nav nav-pills mb-3 subs" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="office365-tab" data-toggle="pill" href="#office365" role="tab" aria-controls="office365" aria-selected="true">CSP Monthly</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">CSP Annually</a>
</li>
<li class="nav-item hide-for-gov">
<a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">Yearly (Open)</a>
</li>
<li class="nav-item hide-for-gov">
<a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">CSP Trial</a>
</li>
</ul>