<div class="pdp-popup ow-preferred-shade-top">
    <h2>Explore which shade orientation best suits you</h2>
</div>

<div class="pdp-popup ow-preferred-shade">
    <div class="orientation-table">
        <div class="table-widget">
            <div class="left title"><h3>Bottom to top</h3></div>
            <div class="right title"><h3>Top to bottom</h3></div>
        </div>
        <div class="table-widget">
            <div class="left">
                <h3>Mount type compatibility</h3>
                <ul>
                    <li>Not supported for outside mount shades.</li>
                </ul>
            </div>
            <div class="right">
                <h3>Mount type compatibility</h3>
                <ul>
                    <li>Supported for both inside and outside mount shades.</li>
                </ul>
            </div>
        </div>
        <div class="table-widget">
            <div class="left">
                <h3>Window size compatibility</h3>
<p>Inside Mount Only</p>
<h3>Manual Shades</h3>
                <ul>
                    <li>Width: 8" to 24"</li>
                    <li>
                        Height: 16" to 100”
                    </li>
                </ul>

<h3>Motorized Shades</h3>
                <ul>
                    <li>Width: 22" to 60"</li>
                    <li>
                        Height: 16" to 100"
                    </li>
                </ul>
            </div>

            <div class="right">
                <h3>Window size compatibility</h3>
<h3>Manual Shades</h3>
<p>Inside Mount</p>
                <ul>
                    <li>Width: 8" to 98"</li>
                    <li>
                        Height: 16" to 100"
                    </li>
                </ul>

<p>Outside Mount</p>
                <ul>
                    <li>Width: 8" to 96"</li>
                    <li>
                        Height: 16" to 96"
                    </li>
                </ul>

<h3>Motorized Shades</h3>
<p>Inside Mount</p>
                <ul>
                    <li>Width: 22" to 98"</li>
                    <li>
                        Height: 16" to 100"
                    </li>
                </ul>

<p>Outside Mount</p>
                <ul>
                    <li>Width: 22" to 96"</li>
                    <li>
                        Height: 16" to 96"
                    </li>
                </ul>
            </div>
        </div>
        <div class="table-widget">
            <div class="left">
                <ul>
                    <li>Best privacy while letting light in through the top - most suitable for bedrooms and bathrooms</li>
                </ul>
            </div>

            <div class="right">
                <ul>
                    <li>Added privacy from neighbors who can look down and into your home</li>
                </ul>
            </div>
        </div>
        <div class="table-widget">
            <div class="left">
                <ul>
                    <li>More seamless look as the heading frame blends into the window sill</li>
                </ul>
            </div>

            <div class="right">
                <ul>
                    <li>Block out the warm afternoon sun by opening the bottom half</li>
                </ul>
            </div>
        </div>
        <div class="table-widget">
            <div class="left">
                <ul>
                    <li>Keep things cool in the heat of summer and warm in the depths of winter.</li>
                </ul>
            </div>

            <div class="right">
                <ul>
                    <li>Keep things cool in the heat of summer and warm in the depths of winter.</li>
                </ul>
            </div>
        </div>
    </div>
</div>

Preferred shade orientation