<script>
document.addEventListener("DOMContentLoaded", function() {
(function () {
const accordBlock = document.querySelector(".uc-acc-two-column");
if(accordBlock!=null){
const leftColumnCounts = 4;
accordBlock.classList.add('twoColAcc');
const accordContainer = accordBlock.querySelector(".t-container");
const accordElements = accordBlock.querySelectorAll(".t-col");
const leftCol = document.createElement("div");
leftCol.className = "leftColumn Column";
accordContainer.append(leftCol);
const rightCol = document.createElement("div");
rightCol.className = "rightColumn Column";
accordContainer.append(rightCol);
for(let i=0; i<accordElements.length; i++){
if(i<leftColumnCounts){
accordElements[i].classList.add('leftaccord');
leftCol.append(accordElements[i]);
}else{
accordElements[i].classList.add('rightaccord');
rightCol.append(accordElements[i]);
};
};
};
})();
});
</script>
<style>
.twoColAcc .t585 .t-col:not(:last-child) .t585__border {
display: none;
}
@media screen and (min-width: 960px){
.twoColAcc .t585 .t-col {
float: none;
display: block;
}
.twoColAcc .Column {
width: 50%;
float: left;
}
.twoColAcc .leftaccord:last-child {
border-bottom: 1px solid #c4c4c4;
}
}
</style>