#hero { background: #eff6ff; }
table.table .product-title { width: 15%; text-align: center; }
table.table td { vertical-align: top; }
#compare-versions, #compression-methods, #supported-formats, #sharing-section { background: #EEF6FF; }
#compression-methods .item { position: relative; padding-top: .5rem; padding-bottom: .5rem; }
#compression-methods .item img.icon { position: absolute; top: .5rem; top: .875rem; max-width: 25px }
#compression-methods .item .details { padding-left: 3rem; }
#backup-automation .item, #supported-formats .item { position: relative; padding-top: .5rem; padding-bottom: .5rem; }
#backup-automation .item img.icon, #supported-formats .item img.icon { position: absolute; top: 0; top: .875rem; max-width: 70px }
#backup-automation .item .details, #supported-formats .item .details { padding-left: 6.5rem; }
.check-list { list-style: none; padding-left: 0; }
.check-list li { position: relative; padding-left: 1.75rem; padding-top: .25rem; padding-bottom: .25rem; }
.check-list .bi { font-size: 2rem; position: absolute; left: -.25rem; filter: invert(75%) sepia(60%) saturate(1735%) hue-rotate(179deg) brightness(98%) contrast(100%) }
.check { display: inline-block; transform: rotate(45deg) translate(5px, 0); height: 10px; width: 5px; border-bottom: 3px solid #005e9c; border-right: 3px solid #005e9c; }
.winzip, .seven-zip, .winrar { text-align: center; }
.table-hdr { background: #055D9A; color: #fff; padding: 1rem 1.25rem; font-size: 1.25rem; font-weight: 500; }
#compare-versions .table .feature-group-header { background-color: #dedede; }
#compare-versions .accordion-button { color: #fff; background-color: #2E7CB0; box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%); }
#compare-versions .accordion-button:not(.collapsed) { color: #fff; background-color: #609BC4; box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%); }
#compare-versions .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out; }
#compare-versions .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(180deg); }
#sharing-section ul li { margin: 0 10px 10px 10px; }

@media (min-width: 992px) {
#sharing-section ul { columns: 2; }
#sharing-section ul li { break-inside: avoid-column; }
#sharing-section ul li:nth-child(odd) { margin-right: 5px; }
#sharing-section ul li:nth-child(even) { margin-left: 5px; }
}
