<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Try 1 ----------------------------------------------------------- */

.product-selection .nav-tabs { 
    border-bottom: 2px solid #DDD; 

}

.product-selection .nav-tabs &gt; li.active &gt; a, .product-selection .nav-tabs &gt; li.active &gt; a:focus, .nav-tabs &gt; li.active &gt; a:hover { 
    border-width: 0;
}

.product-selection .nav-tabs &gt; li &gt; a {
     border: none; color: #666; 
}

.product-selection .nav-tabs &gt; li.active &gt; a, .product-selection .nav-tabs &gt; li &gt; a:hover { 
    border: none; 
    color: #4285F4 !important; 
    background: transparent; 
}

.product-selection .nav-tabs &gt; li &gt; a::after { 
    content: ""; 
    background: #4285F4; 
    height: 2px; 
    position: absolute; 
    width: 100%; 
    left: 0px; 
    bottom: -1px; 
    transition: all 250ms ease 0s; 
    transform: scale(0); 
}

.product-selection .nav-tabs &gt; li.active &gt; a::after, .product-selection .nav-tabs &gt; li:hover &gt; a::after { 
    transform: scale(1); 
}

.product-selection .tab-nav &gt; li &gt; a::after { 
    background: #21527d none repeat scroll 0% 0%; 
    color: #fff; 
}

.product-selection .subcategory-tabs &gt; li &gt; a {
    font-size:0.9em;
}
.product-selection .tab-pane { 
    padding: 15px 0; 
}
.product-selection .tab-content{
    /*padding:20px*/
}
</pre></body></html>