Deixar Checkout Yampi mais Bonito – Script Yampi

Script

/* INICIO - CODIGO CSS */
.holder-countdown {
padding: 9px 0 !important;
}
.logo {
position: absolute;
top: 40px;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.item-security {
visibility: hidden;
}
.holder-cols-checkout .cart-resume .detail.total {
color: #00a801;
padding-top: 12px;
padding-bottom: 6px;
}
.holder-cols-checkout .box-checkout.box-resume .cart_total {
color: #00a801;
}
.form-horizontal .holder-input.valid:after {
position: absolute;
top: 14px;
right: 15px;
font-family: FontAwesome;
color: #00a801;
content: "\f00c";
}
.holder-cols-checkout .box-checkout.active .box-title .holder-number {
background: #00b1ea;
border-color: #00b1ea!important;
color: #fff;
}
.checkout-step.enabled .connect, .checkout-step.enabled .holder-icon {
background: #00b1ea;
}
a {
text-decoration: none;
color: #00b1ea;
}
.holder-cols-checkout .box-checkout.active {
cursor: default;
border-color: #00b1ea;
}
.c-green-2 {
color: #00a801!important;
}
.holder-cols-checkout .box-checkout:not(.active):not(.disabled):not(.box-resume):not(.box-payment)
.title {
color: #00a801!important;
}
.holder-cols-checkout .box-checkout:not(.active):not(.disabled):not(.box-resume):not(.box-payment)
.holder-number {
background-color: #00a801;
}
.green {
color: #00a801!important;
}
/* FIM - CODIGO CSS */
Esse tutorial foi util?