How to make Handsome Checkout Trust Points horizontal, move them from sidebar to the bottom of checkout page?

Put the snippet below into Custom CSS field of your Handsome Checkout page:

#wrap { margin-bottom: 0; }

.brown-box.condition-default { width: 33.3%; float: left; background: transparent; }
.brown-box.condition-default > div > img { display: block; margin: 0 auto 10px auto; min-width: 30px; max-width: 50px; }
.brown-box.condition-default > div > h4 { margin: .8rem 0; color: #666; font-weight: 400; font-size: 1.3rem; text-align: center; }
.brown-box.condition-default > div > p { margin: 0; font-size: .9rem; line-height: 1.2rem; text-align: center; color: #888; }

.contacts { max-width: 280px; margin: auto; }
.contacts p.phone { font-size: 17px; }

.footer-component > h5,
.footer-component > p { display: none; }

@media screen and (max-width:600px) {
 .brown-box.condition-default { width: 100%; float: none; }
}

#wrap { margin-bottom: 0; }

.brown-box.condition-default { width: 33.3%; float: left; background: transparent; }

.brown-box.condition-default > div > img { display: block; margin: 0 auto 10px auto; min-width: 30px; max-width: 50px; }

.brown-box.condition-default > div > h4 { margin: .8rem 0; color: #666; font-weight: 400; font-size: 1.3rem; text-align: center; }

.brown-box.condition-default > div > p { margin: 0; font-size: .9rem; line-height: 1.2rem; text-align: center; color: #888; }

.contacts { max-width: 280px; margin: auto; }

.contacts p.phone { font-size: 17px; }

.footer-component > h5,

.footer-component > p { display: none; }

@media screen and (max-width:600px) {

.brown-box.condition-default { width: 100%; float: none; }

}

2. Put the snippet below to the Custom JS field of your Handsome Checkout page:

jQuery(document).ready(function(){

 jQuery('<div class="clear"></div>').appendTo('#wrap');
 jQuery('<div class="clear"></div>').appendTo('.trustpoints');

 jQuery('.column .trustpoints').appendTo('#wrap');
 jQuery('.column .contacts').appendTo('#wrap');
 jQuery('.brown-box h4').each(function(){
  var $this = jQuery(this);
  $this.insertAfter( $this.parent().find('div img') );
 });

});

jQuery(document).ready(function(){

jQuery('<div class="clear"></div>').appendTo('#wrap');

jQuery('<div class="clear"></div>').appendTo('.trustpoints');

jQuery('.column .trustpoints').appendTo('#wrap');

jQuery('.column .contacts').appendTo('#wrap');

jQuery('.brown-box h4').each(function(){

var $this = jQuery(this);

$this.insertAfter( $this.parent().find('div img') );

});