body {
	font-family: Roboto;
    color: #141a1e;
    background: #f2f2f2;
	margin: 0;
	padding: 0;
}

div,a{
-webkit-tap-highlight-color: transparent;
}

.swal2-container.swal2-shown {
    background-color: rgba(255,255,255,.9)!important;
    z-index: 9999!important;
}

.fundo{
	width: 100%;
}

.container{
	max-width: 450px;
	margin:0 auto;
}

.container_boleto{
	max-width: 700px;
	margin:0 auto;

}

.checkout{
	background-color: #ffffff;
	padding:2px 20px 20px 20px;
	margin-top: -6px;
	-webkit-box-shadow: 3px 7px 5px -3px rgba(0,0,0,0.05);
	-moz-box-shadow: 3px 7px 5px -3px rgba(0,0,0,0.05);
	box-shadow: 3px 7px 5px -3px rgba(0,0,0,0.05);
}

.footer{
	font-family: Roboto;
	font-size: 13px;
	color:#96a3ad;
	margin-top: 20px;
	text-align: center;
}


.compra_segura{
	font-family: Roboto;
	font-size: 13px;
	color:#96a3ad;
	text-align: center;
}


.compra_segura i{
	margin-right: 5px;
}

button i {
	float: right;
	margin-right: 10px;
	margin-top: 3px;
}

button {
    font: 18px Roboto;
    font-weight: 400;
    color: #fff;
    padding: 12px 40px;
    border: none;
    border-radius: 4px;
    background: #016fff;
    background: -moz-linear-gradient(left, #016fff 58%, #016fff 100%);
    background: -webkit-linear-gradient(left, #016fff 58%, #016fff 100%);
    background: linear-gradient(to right, #016fff 58%, #016fff 100%);
    margin-top: 20px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 20px;
    z-index: 9999;
    outline: 0;
	height: 54px!important;
}

input {   
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    outline: none;    
}


select {   
	cursor:pointer!important;
    background: transparent;
    outline: none;
    background: #ffffff;
    outline: none; 
}

input:focus {
	outline: 0!important;
}

input {
    border: 1px solid #dadfe3;
	padding: 12px 20px;
	border-radius: 5px;
	width:100%;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 300;
	color:#1d1d1d;
	margin-top: 5px;
	height: 54px!important;
}

select {
    font: 16px Roboto;
    font-weight: 300;
    height: 43px !important;
    border:none;
    border: 1px solid #dadfe3;
    color:#1d1d1d;
    background-color: #ffffff;
    border-radius: 5px;
    width: 100%;
    text-indent: 1px;
    text-overflow: '';
    padding: 10px;
    padding-left: 15px;
    margin-top:5px;
	height: 54px!important;
}



select:focus {
    outline: 0;
}

label{
	display: block;
	font-family: Roboto;
	font-size: 13px;
	color:#1d1d1d;
	text-transform: uppercase;
	margin-top: 10px;
}

ul{
	padding-inline-start: 0px;
}
.header img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
.header{
	color:#000000;
	font-size: 14px;
	font-weight: 400;
	padding-top: 15px;
}

.header b{
	font-weight: 400;
	font-size: 14px;
	text-transform: capitalize;
	color:#000000;
}

.pagamento-conteudo{
	color:#3f3f3f;
	font-size: 14px;
	font-weight: 400;
	font-family: Roboto;
	text-align: justify;
}

#info{
	display: none;
}


.terceiros label{
	font-family: Roboto;
	font-size: 16px;
	color:#00528a;
}

.terceiros input[type=checkbox]{
    display:none; 
}
 
.terceiros .form-check-label {
    font-family: Roboto;
    font-size: 14px;
    color: #3f3f3f;
    font-weight: 400;
}
.terceiros input[type="checkbox"] + label:before {
    border: 1px solid #dadfe3;
    content: "\00a0";
    display: inline-block;
    font: 16px Roboto;
    height: 20px;
    margin: 0 .25em 0 0;
    vertical-align: middle;
    width: 20px;
    font-weight: bold;
    color: #FFF!important;
    border-radius: 4px;
    cursor: pointer;
}
 
.terceiros input[type="checkbox"]:checked + label:before{
	border: 1px solid #016fff;
    background: #016fff;
    color: #FFF!important;
    content: "X";
    text-align: center;
}



.steps{
	text-align: center;
	padding-bottom: 10px;
}

.step{
	display: inline-block;
	list-style: none;
	padding-left: 5px;
	padding-right: 5px;

}

.step a{
	color:#dfe0e1;
	font-size: 11px;
	font-weight: 400;
	font-family: Roboto;
	border-bottom:1px solid #dfe0e1;
	padding-bottom: 10px;
	text-decoration: none;
}	

.step a:hover{
	text-decoration: none;
}

.step i{
	display: block;
	font-size: 28px;
}


.active a{
	color:#3f3f3f;
	font-size: 12px;
	font-weight: 400;
	font-family: Roboto;
	border-bottom:1px solid #016fff;
	padding-bottom: 10px;
}

.active a:active{
    text-decoration: none;
}

.frete{
	display: block;
	font-family: Roboto;
	font-size: 11px;
	color:#1d1d1d;
	margin-top: 10px;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 5px;
}


.campo-frete{
	border:1px solid #dfe0e1;
	border-radius: 5px;
	padding: 15px;
    color:#3f3f3f;
	font-size: 16px;
	font-weight: 300;
	font-family: Roboto;
	display: inline-block;
	width: calc(100% - 30px);
}


.campo-frete span{
	font-size: 12px;
}

.campo-frete i {
	font-size: 16px;
	color: #016fff;
	margin-right: 5px;
}

.pagamento{
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	width: 260px;
	margin-bottom: 10px;
}

.cartao-campos select{
	width: 100%;
    margin-left: 0px;
}

.input_left{
	margin-left: 20px;
}

.botao{
    color:#3f3f3f;
	font-size: 14px;
	font-weight: 400;
	font-family: Roboto;
	display: block;
	cursor: pointer;
	text-align: center;
	border: 1px solid #eceff2;
	border-radius: 5px;
	width: 70px;
	padding: 5px;
	display: inline-block;
	margin: 0 auto;
}

.botao:hover{
    color:#3f3f3f;
    background-color: #f0f8fd;
	border: 1px solid #9ed3f1;
}

.botao_ativo{
    color:#3f3f3f;
    background-color: #f0f8fd;
	border: 1px solid #9ed3f1;
}

.botao i{
	display: block;
	font-size: 28px;
	padding-bottom: 3px;
}


.opcoes {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    text-align: center;
}

.opcoes li {
    display: inline-block;
    margin: 0 8px;
}

.opcoes li a {
    display: inline-block;
    margin: 0 10px;
}

.opcoes li img {
    height: 50px;
}

.error {
	display: none;
	color:#da0202;
	font-size: 11px;
	font-weight: 500;
	font-family: Roboto;
	margin-top:3px;
	text-align: right;
}


.boleto-campo {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px #EAEAEA solid;

}

.boleto-campo a{
	color: blue;
	text-decoration: none;
}
.boleto-campo a:hover {
	color: red;
	text-decoration: none;
}

.boleto-label {
	display: block;
	font-weight: 200;
	color: #000000;
	margin-bottom: 4px;
}
.boleto-titulo {
	font-weight: 600;
	font-size: 20px;
}

.boleto-info {
	display: block;
	margin-bottom: 4px;
}

.boleto-valor {
    color: #368628;
	font-size: 16px;
	font-weight: 400;
}

	.boleto-barras > div {
		max-width: 500px !important;
		margin: 0 auto;
		height: 35px !important;
	}

.icone-bar,
.icone-email,
.icone-data {
	padding-left: 45px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-size: 20px;
}

.icone-bar {
	background-image: url(../assets/img/barcode.png);
}

.icone-email {
	background-image: url(../assets/img/email.png);
}

.icone-data {
	background-image: url(../assets/img/date.png);
}


.panel-body{
	margin-top:20px;
	padding: 20px;
	background-color: #ffffff;
}



/* CONFIRMAÇÃO CARTÂO */

.confirmacao_cartao{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	color:#ffffff;
	top: 0;
	left: 0;
	text-align: center;
}

.confirmacao_cartao .fal{
	font-size: 90px!important;
	display: block;
	margin-top: 100px;
}

.confirmacao_cartao .fa{
	font-size: 90px!important;
	display: block;
	margin-top: 100px;
}


.confirmacao_cartao h2{
    color:#ffffff;
	font-size: 28px;
	font-weight: 500;
	font-family: Roboto;
	margin-top: 50px;
}


.confirmacao_cartao p{
	color:#ffffff;
	font-size: 14px;
	font-weight: 400;
	font-family: Roboto;
	text-align: center;
}

.confirmacao_boleto_iframe{
	position: absolute;
	display: block;
	width: 100%;
	height: 100vh;
	color:#ffffff;
	top: 0;
	left: 0;
	text-align: center;
}

.confirmacao_boleto_iframe .fal{
	font-size: 40px!important;
	display: block;
	margin-top: 10px;
	color:#ffffff;
}

.confirmacao_boleto_iframe .fa{
	font-size: 40px!important;
	display: block;
	margin-top: 10px;
	color:#ffffff;
}


.confirmacao_boleto_iframe h2{
    color:#ffffff;
	font-size: 22px;
	font-weight: 500;
	font-family: Roboto;
	margin-top: 10px;
}


.confirmacao_boleto_iframe p{
	color:#ffffff;
	font-size: 14px;
	font-weight: 400;
	font-family: Roboto;
	text-align: center;
	line-height: 10px;
}



.confirmacao_cartao_iframe{
	position: absolute;
	display: block;
	width: 100%;
	height: 180px;
	color:#ffffff;
	top: 0;
	left: 0;
	text-align: center;
}

.confirmacao_cartao_iframe .fal{
	font-size: 40px!important;
	display: block;
	margin-top: 10px;
	color:#ffffff;
}

.confirmacao_cartao_iframe .fa{
	font-size: 40px!important;
	display: block;
	margin-top: 10px;
	color:#ffffff;
}


.confirmacao_cartao_iframe h2{
    color:#ffffff;
	font-size: 22px;
	font-weight: 500;
	font-family: Roboto;
	margin-top: 10px;
}


.confirmacao_cartao_iframe p{
	color:#ffffff;
	font-size: 14px;
	font-weight: 400;
	font-family: Roboto;
	text-align: center;
	line-height: 10px;
}


.botao_boleto{
	background-color: #ffffff;
	font-size: 18px;
	color: #000000;
	padding:8px;
	padding-left:12px;
	padding-right:12px;
	text-decoration: none;
	border-radius: 8px;
}


.aprovado{
	background-color: #1ebb54;

}

.pendente{
	background-color: #d98b1c;

}

.recusado{
	background-color: #d60707;
}

.processando{
	background-color: #3590db;
}


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9990;
}

/* Aplica a opacidade ao fundo sem afetar o conteúdo */
#preloader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.4; /* Apenas a opacidade no background */
    z-index: 9989; /* Mantém o fundo abaixo do conteúdo */
}

#preloader .content {
    position: relative;
    text-align: center;
    z-index: 9999;
    background-color: #ffffff;
    opacity: 1;
    border-radius: 10px;
    width: 90%;
    max-width: 290px;
    height: 290px;
    padding: 25px;
}

#preloader img {
    width: 120px;
    height: 120px;
    opacity: 1;
    z-index: 9999;
    position: relative;
}

#preloader .title {
    margin-top: 10px;
    font-size: 28px;
    color: #000;
    font-weight: 600;
    opacity: 1;
}

#preloader p {
    margin-top: 10px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    opacity: 1;
}

/* --------------------- */
#preloader_error {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9990;
}

/* Aplica a opacidade ao fundo sem afetar o conteúdo */
#preloader_error::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.4; /* Apenas a opacidade no background */
    z-index: 9989; /* Mantém o fundo abaixo do conteúdo */
}

#preloader_error .content {
    position: relative;
    text-align: center;
    z-index: 9999;
    background-color: #ffffff;
    opacity: 1;
    border-radius: 10px;
    width: 90%;
    max-width: 290px;
    height: 290px;
    padding: 25px;
}

#preloader_error img {
    width: 120px;
    height: 120px;
    opacity: 1;
    z-index: 9999;
    position: relative;
}

#preloader_error .title {
    margin-top: 10px;
    font-size: 28px;
    color: #000;
    font-weight: 600;
    opacity: 1;
}

#preloader_error p {
    margin-top: 10px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    opacity: 1;
}


.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    z-index: 10000; /* Garantindo que o botão fique sempre no topo */
}

.close-btn:hover {
    color: #333; /* Muda a cor ao passar o mouse */
}


@media (max-width: 480px) {

	.boleto-barras > div {
		text-transform: scale(0.7);
		max-width: 300px !important;
		margin: 0 auto;
		height: 35px !important;
	}


	.boleto-campo {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px #EAEAEA solid;
	}


	
}


.checkbox {
	display: block;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	font-size: 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
  }

  .checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #eee;
  }

  .checkbox:hover input ~ .checkmark {
	background-color: #ccc;
	border-radius: 3px;
  }
  
  .checkbox input:checked ~ .checkmark {
	background-color: #19c221;
	border-radius: 3px;
  }
  
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
 
  .checkbox input:checked ~ .checkmark:after {
	display: block;
  }
  
  .checkbox .checkmark:after {
	left: 6px;
	top: 1px;
	width: 3px;
	height: 8px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  

  .seguro{
	background-color: #19c221;
	color: #ffffff;
	text-align: center;
	height: 30px;
	padding-top:8px;
	border:0;
	font-size: 18px;
  }

  .pix__modal {
	background: #f6f6f8;
	height: 100vh;
	left: 0;
	min-width: 320px;
	overflow: auto;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 9999;
}

.pix__wrapper {
	margin: auto;
	max-width: 873px;
	padding: 20px 20px 65px 20px;
}

.pix__container {
	display: inline-block;
	width: 100%;
}

.pix__titulo {
	color: #5d6f78;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	letter-spacing: 0.64px;
	line-height: 1.3;
	padding: 38px 0 28px 0;
}

.pix__lista {
	counter-reset: contador;
	list-style: none;
	padding-left: 0;
}

.pix__lista_item  {
	counter-increment: contador;
	margin-bottom: 24px;
	min-height: 27px;
	padding-left: 38px;
	position: relative;
}

.pix__lista_item::before {
	background: #5d6f78;
	border-radius: 100%;
	color: white;
	content: counter(contador);
	font-weight: bold;
	height: 23px;
	left: 0;
	line-height: 23px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 23px;
}

.pix__lista_item--texto {
	display: block;
	color: #5d6f78;
	font-size: 14px;
	letter-spacing: 0.45px;
	line-height: 1.3;
}

.pix__copiar-codigo { max-width: 585px; }

.pix__copiar-codigo--input {
	background-color: #ffffff;
	border: solid 1px #cccccc;
	border-radius: 4px;
	color: #000000;
	height: 43px;
	margin: 3px 0 0;
	padding: 12px 8px 12px 6px;
	width: 100%;
}

.pix__copiar-codigo--input:focus { outline-color: #4d92e3; }

.pix__copiar-codigo .pix__copiar-codigo--copy {
	background-color: #4d92e3;
	color:#ffffff;
}

.pix__copiar-codigo .pix__copiar-codigo--qrcode {
	background-color: #4d92e3;
	color:#ffffff;
}

.pix__qrcode-mobile {
	align-items: center;
	display: none;
	flex-direction: column;
	margin-bottom: 24px;
	padding-top: 3px;
}

.pix__qrcode-mobile--imagem {
	height: 256px;
	width: 256px;
}

.pix__qrcode--img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.pix__qrcode-mobile--btn,
.pix__qrcode--btn {
	background: transparent;
	color: #4d92e3;
}
.pix__qrcode-mobile--btn:hover,
.pix__qrcode-mobile--btn:focus,
.pix__qrcode--btn:hover,
.pix__qrcode--btn:focus {
	color: #4d92e3;
	text-decoration: underline;
}

.pix__footer {
	background: #ededed;
	display: flex;
	flex-direction: column;
}

.pix__footer--texto {
	color: #4a4a4a;
	font-size: 12px;
	letter-spacing: 0.39px;
	line-height: 1.5;
}
.pix__footer--valor {
	align-items: flex-end;
	color: #59bb4f;
	display: flex;
	flex-direction: column;
}

.pix__footer--valor .--texto {
	font-size: 13px;
	line-height: 0.9;
}

.pix__footer--valor .--valor {
	font-size: 22px;
	line-height: 1.4;
}

.pix__fechar {
	display: flex;
	justify-content: center;
}

.pix__fechar .pix__fechar--btn {
	background: transparent;
	color: #4d92e3;
	font-size: 16px;
	text-decoration: underline;
	transition: all 0.3s linear;
}

.pix__fechar .pix__fechar--btn:hover { color: #59bb4f; }

@media (min-width: 768px) {
	.--show-codigo .pix__lista {
		padding-top: 0;
		width: 100%;
	}
	.--show-codigo .pix__lista_item:not(:last-child) { margin-bottom: 40px; }
	.--show-codigo .pix__lista_item { padding-top: 2px; }
	.--show-codigo .pix__lista_item::before { top: 0; }
	.--show-codigo .pix__qrcode,
	.--show-codigo .--mostrar-qrcodigo { display: none !important; }
	.--show-codigo .--mostrar-codigo { display: block !important; }

	.pix__main {
		align-items: flex-start;
		display: flex;
		justify-content: space-between;
	}

	.pix__lista {
		padding-top: 10px;
		width: 371px;
	}
	.pix__lista_item { margin-bottom: 20px; }
	.pix__lista_item::before { top: 3px; }

	.pix__qrcode-mobile--imagem {
		height: 198px;
		width: 198px;
	}

	.pix__footer {
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
	}

	.pix__footer--texto {
		margin-bottom: 0;
		width: 415px;
	}
}

@media (max-width: 767px) {
	.--show-qrcode .pix__qrcode-mobile { display: flex; }
	.--show-qrcode .--mostrar-qrcodigo { display: block !important; }
	.--show-qrcode .--mostrar-codigo { display: none !important; }

	.pix__titulo { padding: 0px 0 28px 0; }
	.pix__main {
		padding-left: 8px;
		padding-right: 8px;
	}
	.pix__lista_item:last-child { margin-bottom: 0; }
	.pix__copiar-codigo { padding-bottom: 7px; }
}

.padding{
	padding:25px;
}

.barraBoleto{
	background-color: #fff;
	position: fixed;
	width: 100%;
	min-height: 74px;
			  margin-top: 0px;
			  box-shadow: 0 0 30px black;
	padding: 0 15px 5px;
	z-index: 999;
  }
  .quase-seu{
	width: 100%;      
	margin: 18px 0 9px;
	display: inline-block;
	font-family: "Open Sans";
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.58px;
	color: #4d92e3;
  }
  .confira-seu-e-mail{
	width: 100%;
	margin: 0 15px 0 0;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.45px;
	color: #5d6f78;
  }
  .caso-nao-tenha-pago{
	width: 100%;
	margin: 5px 0 15px;
	font-family: "Open Sans";
	font-size: 14px;
	letter-spacing: 0.45px;
	text-decoration: underline;
	color: #4d92e3;
	cursor: pointer;
  }
  #iobrigado{

			  top: 74px;
	
	position: absolute;
  }
  .esq{
	float: left;
  }
  .vertical-center {
	height:100%; 
	text-align: center;  
  }

  .vertical-center:before {    /* create a full-height inline block pseudo=element */
	content: " ";
	display: inline-block;
	vertical-align: middle;    /* vertical alignment of the inline element */
	height: 100%;
  }

  .clicado{
	background: linear-gradient(to right, #1ebb54 58%, #1ebb54 100%)!important;
    border: 1px solid #1ebb54!important;
	color:#ffffff!important;
  }

  .input-frete {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }

  .entrega{
	font-size: 11px;
	color: #8c8c8c;
  }
  
  /* Hide the browser's default radio button */
  .input-frete input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  /* Create a custom radio button */
  .input-frete .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  .input-frete:hover input ~ .checkmark {
	background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .input-frete input:checked ~ .checkmark {
	background-color: #2196F3;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .input-frete .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .input-frete input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .input-frete .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
  }
  
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
 
:target {
  scroll-margin-top: .8em;
}

.custom-card-orderbump .card-orderbump {
    display: block;
    margin-bottom: 1rem;
    width: 100%;
}

.custom-card-orderbump .card-ghost {
    background-color: #fff; /* Fundo branco */
    border: 1px solid #e9ecef; /* Borda sutil */
    padding: 1rem;
    border-radius: 0.25rem;
	display: flex;
    flex-wrap: nowrap;
	cursor: pointer;
}

.custom-card-orderbump .row {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
}

.custom-card-orderbump .col-auto {
    max-width: 120px;
}

.custom-card-orderbump .col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.custom-card-orderbump img {
    border-radius: 0.25rem;
    max-width: 100%;
}

.custom-card-orderbump .h5 {
    font-size: 1rem;
    font-weight: bold;
}

.custom-card-orderbump .card-text {
    font-size: 0.775rem;
    color: #6c757d;
}

.custom-card-orderbump .del {
    text-decoration: line-through;
    color: #6c757d;
    font-size: 0.875rem;
}

.custom-card-orderbump .fw-semibold {
    font-weight: 600;
    font-size: 1rem;
    color: #333;
}

.custom-card-orderbump .btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between; /* Espaço entre texto e checkbox */
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    background-color: #28a745;
    border: none;
    border-radius: 0.2rem;
    width: 100%;
    cursor: pointer;
	margin-top: 5px;
}

.custom-card-orderbump .btn-xs {
    padding: 0.25rem 0.9rem;
    font-size: 0.75rem;
}

.custom-card-orderbump .form-check-input {
    width: 20px!important;
    height: 20px!important;
    appearance: none;
	background-color: #ffffff;
    border-radius: 0.25rem;
    cursor: pointer;
    position: relative;
	margin-bottom: 5px;
}

.custom-card-orderbump .form-check-input:checked {
    background-color: #28a745;
    border-color: #ffffff;
    color: #fff;
}

.custom-card-orderbump .form-check-input:checked::after {
    content: "\2713"; /* Checkmark */
    font-size: 22px;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 10px;
}

.custom-card-orderbump .text {
    margin-right: 10px;
}

button {
    width: 100%; /* Faz o botão ocupar toda a largura da coluna */
}

#btn_boleto,
#btn_pix{
	display: none;
}