<style>

header {
background: #E7E2DE;
}
body{
background: #E7E2DE !important
}
.checkout-step.enabled .holder-icon {

background: url(https://rawartsites.neocities.org/img/Yampi/dados.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 67%;
background-color: #19a5fc;
border: 2px solid #19a5fc;
padding: 7px;
margin: -6px 0 11px 0;
font-size: 0;
width: 29px;
height: 28px;
border-radius: 50%;

.checkout-step:nth-child(2).enabled .holder-icon {

background: url(https://rawartsites.neocities.org/img/Yampi/truck.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 67%;
background-color: #19a5fc;
border: 2px solid #19a5fc;
padding: 7px;
margin: -6px 0 11px 0;
font-size: 0;
width: 29px;
height: 28px;
border-radius: 50%;

.checkout-step:nth-child(3).enabled .holder-icon {

background: url(https://rawartsites.neocities.org/img/Yampi/card.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 67%;
background-color: #19a5fc;
border: 2px solid #19a5fc;
padding: 7px;
margin: -6px 0 11px 0;
font-size: 0;
width: 29px;
height: 28px;
border-radius: 50%;

.checkout-step.disabled:nth-child(2) .holder-icon {
 background: url(https://rawartsites.neocities.org/img/Yampi/truck.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 67%;
background-color: #bdbdbd;
border-radius: 0 0 6px 6px;
border: 2px solid #bdbdbd;
padding: 7px;
margin: -6px 0 11px 0;
font-size: 0;
border-radius: 50%;
width: 29px;
height: 28px;
}

.checkout-step.disabled:nth-child(3) .holder-icon {
background: url(https://rawartsites.neocities.org/img/Yampi/card.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 67%;
background-color: #bdbdbd;
border-radius: 0 0 6px 6px;
border: 2px solid #bdbdbd;
padding: 7px;
margin: -6px 0 11px 0;
font-size: 0;
border-radius: 50%;
width: 29px;
height: 28px;
}

.checkout-step:nth-child(3) .holder-icon {
background: url(https://rawartsites.neocities.org/img/Yampi/card.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 67%;
background-color: #bdbdbd;
border-radius: 0 0 6px 6px;
border: 2px solid #bdbdbd;
padding: 7px;
margin: -6px 0 11px 0;
font-size: 0;
border-radius: 50%;
width: 29px;
height: 28px;
}

.checkout-step.enabled .connect, .checkout-step.enabled .holder-icon {

background-color: #19a5fc;
}

/* Emissão Nota Fiscal */

label[for=cpf]::after {
content: ' (Emissão Nota Fiscal)';
}

.holder-countdown{
 padding: 9px 0 !important;

font-size: 16px !important;

.holder-countdown::after {
content: "";
display: block;
background: linear-gradient(to right, #EB8900 0, #EB8900 4%, #B8900 5%, #EA9D31
50%, #CB8900 84%, #EB8900 119%);
height: 5px;
width: 100%;
position: relative;
top: 10px;
}

.holder-cols-checkout .box-checkout.active .title {

color: #2f2f2f!important;
}

.holder-cols-checkout .box-checkout .steps .holder-icon{

background-color: #92a8d1

}
.checkout-step .connect {

background-color: #adadad
}

.mt10 {

margin-top:6px;

margin-right:16px;

.holder-cols-checkout .box-checkout .box-title .desc {

font-family: 'Roboto', sans-serif;

line-height: 1.4;

font-size: 13.5px;

.checkout-step.enabled .connect, .checkout-step.enabled .holder-icon{

background-color:#19a5fc

}
/* ULTIMO DIA DE PROMOÇÃO */

.holder-cols-checkout .holder-container-resume .item-holder-quantity-price::after {

content: "Ultimas unidades em promoção";
font-size: 11px;
padding: 3px 5px;
color: #1db912;
font-weight: 600;
background: #fff;
border-radius: 5px;
display: inline-block;
align-self: end;
}

/* 12x no Cartão */
.holder-cols-checkout .cart-resume .detail.total .value:after {
content: 'em até 12x no cartão';
color: #4b4b4b !important;
display: block;
font-weight: 400;
font-size: 12px;
}

/* Adicionar Icone dos Correios */

.option.clearfix {
background-image:
url(https://www.propeg.com.br/ad-viewer/Correios/Integrada/macbook.png)!important;
background-size: 27px!important;
content: ""!important;
background-repeat: no-repeat!important;
background-position-x: 145px!important;
background-position-y: 90%!important;
}

/* Adicionar Icone dos Correios */

.option.clearfix {
background-image:
url(https://www.propeg.com.br/ad-viewer/Correios/Integrada/macbook.png)!important;
background-size: 27px!important;
content: ""!important;
background-repeat: no-repeat!important;
background-position-x: 145px!important;
background-position-y: 90%!important;
}

.holder-countdown{

padding: 9px 0 !important;

font-size: 16px;

.holder-cols-checkout .box-checkout.active .box-title .holder-number {

background-color: #19a5fc;
}

/* Tamanho do Preço */
.holder-cols-checkout .cart-resume .detail.total .value {
font-size: 22px;
}

.holder-cols-checkout .box-checkout.active {

cursor: default;

border-color: #f4f6f8;

.btn-text.btn-purple {

color:#4d4d4d

.holder-cols-checkout .box-checkout .btn-create-address {

color:#4d4d4d

.yellow {

color: #ffc926;

.mb5{

margin-bottom: 4px !important;

.mt5{

margin-top:0px !important;

.f14 {

font-size: 14px;
 margin-right: 15px;

margin-left: 15px;

.payments .payment.pix,
.payments .payment.credit-card {
border-color: #15b358;
}

.payments .payment > label {

position: relative;
display: flex;
}

.payments .payment > label[for="payment-billet"]:after {

background: #a2a2a2;
display: block;
line-height: inherit;
color: #FFF;
padding: 4px 5px;
border-radius: 3px;
position: absolute;
font-weight: bold;
font-size: 9px;
right: 3px;
letter-spacing: 0.03em;
top: 26%;
content: 'APROVAÇÃO EM 3 DIAS';
}

.payments .payment > label[for="payment-pix"]:after,

.payments .payment > label[for="payment-credit-card"]:after
{
background: #15b358;
display: block;
line-height: inherit;
color: #FFF;
padding: 4px 5px;
border-radius: 3px;
position: absolute;
font-weight: bold;
font-size: 9px;
right: 3px;
letter-spacing: 0.03em;
top: 26%;
content: 'APROVAÇÃO IMEDIATA';
}

.payments .payment > label[for="payment-credit-card"]:after {

top: 13%;
}
/* Rodapé - ALTERAR INFORMAÇÕES */

span.f11.black-50::after {
content: 'ajuda@xxxxxxxxxxx.com \A Seg a Sex - 09h às 17h30min. \A\A ©️Todos os
direitos reservados.';
display: block;
 margin-top: 15px;
white-space: pre-wrap;
line-height: 1.8;
}

.jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-shiny {

width: 50px;
height: 35px;
border-radius: 5px;
background: #CCC;
position: relative;
opacity: 0;
}

.jp-card .jp-card-front {
background: url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/card-
front.png?v=1618002695") no-repeat !important;
}

.jp-card .jp-card-back {
background: url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/card-
back.png?v=1618002712") no-repeat !important;
background-size:100% !important;
}

.jp-card .jp-card-back::after {
opacity:0 !important;
}

.jp-card .jp-card-back .jp-card-bar {

opacity:0 !important;
}

.jp-card .jp-card-back .jp-card-cvc {

top: 52% !important;
left:80% !important;
color:#000 !important;
}

.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front::before, .jp-card.jp-

card-mastercard.jp-card-identified .jp-card-back::before {
background:transparent !important;
}

.jp-card.jp-card-safari.jp-card-identified .jp-card-front::before, .jp-card.jp-

card-safari.jp-card-identified .jp-card-back::before {
background-image:none !important;
}

.jp-card.jp-card-identified .jp-card-front::before, .jp-card.jp-card-

identified .jp-card-back::before {
background-image:none !important;
}

.jp-card.jp-card-identified .jp-card-back, .jp-card.jp-card-identified .jp-card-

front {
background-color:transparent !important;
}

.box-customer > div:nth-child(1) > div:nth-child(1) {

text-indent:-9999px;
}
.box-customer > div:nth-child(1) > div:nth-child(1):after {
content:
url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/user_white.png?
v=1618002619");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -18px;
margin-left: 0px;
}

div.box-checkout:nth-child(2) > div:nth-child(1) > div:nth-child(1) {

text-indent:-9999px;
}
div.box-checkout:nth-child(2) > div:nth-child(1) > div:nth-child(1):after {
content:
url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/truck_mini.png?
v=1618002639");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -16px;
margin-left: 1px;
}

.box-payment > div:nth-child(1) > div:nth-child(1) {

text-indent:-9999px;
}
.box-payment > div:nth-child(1) > div:nth-child(1):after {
content:
url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/dolar_mini.png?
v=1618002657");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -16px;
margin-left: 1px;
}

.holder-cols-checkout .box-checkout .box-title {

position: relative;
padding: 0 30px 0 28px;
box-sizing: border-box;
margin-bottom: 10px;
}

.holder-cols-checkout .box-checkout.active .box-title .holder-number {

background-color: #292929;
}
.holder-cols-checkout .box-checkout.active .title {
color: 2f2f2f !important;
}

.btn-text.btn-purple /* COR DO BOTÃO DE CUPOM - ALTERAR SE PREFEIR */ {

color: #ffffff;
background: #bdbdbd;
border-radius: 25PX;
}

.col-checkout:not(.col-3) .box-checkout.active:not(.upsell) {
width: auto;
margin: 0 -11px 18px;
padding-left: 14px;
padding-right: 14px;
border: 0;
box-shadow: none;
border-radius: 6PX;
box-shadow: 0 1px 4px 0 rgb(0 0 0 / 17%);
}
.container-testimonials .testimonials {
padding: 20px 21px;
background: #FFF;
border-radius: 6PX;
box-shadow: 0 1px 4px 0 rgb(0 0 0 / 17%);
width: auto;
margin: 0 -8px 20px;
padding-left: 14px;
padding-right: 14px;
box-sizing: border-box;
}
.container-testimonials {
max-width: 680px!important;
box-shadow: 0 4px 12px rgb(244 246 248);
}
.holder-cols-checkout .cart-resume .detail.total .value {
font-size: 22px;
color: #1db912;
}
/* Cor do OrderBump */

.holder-recomm {
border: 2px dashed var(--main-color);
}

.orderbump {
background-color: #fff5ee;
}

.owl-orderbumps .owl-dots .owl-dot.active span {

background-color: var(--main-color) !important;
}

.orderbumps_offer-title, .orderbumps_offer-total {
color: var(--main-color) !important;
background-color: #FFF;
}
.orderbump_price {
color: #1db912 !important;
}

.orderbump_button {
background-color: #f79f1a !important;
}

.orderbump_disclaimer {
padding-top: 18px;
display: none;
}

.orderbump_button {
padding: 13px 10px 9px;
width: 61%;
}

.orderbump {
border-radius: 15px;