.lazy-text:not(.loaded){
	color: transparent !important;
}

/* Main layout for the grid */
.row.grid-product {
	display: flex;
	flex-wrap: wrap;
}

/* Card container */
.grid-product .ic-card {
	display: flex;
	flex-direction: column;
	flex: 1; /* Ensures all cards take equal space */
	height: 100%; /* Makes sure cards stretch to fill space */
	padding: 15px;
	background: #fff;
	box-sizing: border-box;
}

/* Content inside the card */
.grid-product .ic-card .style-1 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}





/* Media (images) inside the card */
.grid-product .ic-media {
	max-width: 100%;
	margin: 5px auto 8px;
	position: relative;
	overflow: hidden;
}

/* Card image scaling */
.grid-product .ic-media img {
	max-width: 100%;
	height: auto;
	width: 100%;
	min-height: 160px;
	max-height: 165px;
}

/* Title and price information inside the card */
.grid-product .ic-content {
	display: flex;
	flex-direction: column;
	gap: 1px;
	position: relative;
	width: 100%;
}

.grid-product .ic-card .ic-meta {
	display: flex;
	align-items: center;
	gap: 6px;
	line-height: 1;
	padding: 0;
	list-style: none;
	margin: 0px;
}

.grid-product .ic-card .ic-price {
	font-size: 14px;
	color: #000;
	font-family: 'Jost', sans-serif;
	font-weight: 600;
}

.grid-product .ic-card .ic-price del {
	color: rgba(0, 0, 0, 0.6);
	font-weight: 300;
	font-size: 12px;
}

.grid-product .ic-card .ic-off {
	color: #EB5757;
	font-family: 'Jost', sans-serif;
	font-weight: 600;
}

.grid-product .ic-card .title {
	line-height: 15px;
	font-size: 13px;
	color: #000;
	font-family: 'Jost', sans-serif;
	font-weight: 600;
}
.grid-product .ic-card .title::first-letter {
	text-transform: uppercase; /* Mengubah huruf pertama menjadi kapital */
}
.grid-product .p-card {
	border-bottom: 1px solid #DFE7F4;
}

@media (min-width: 736px) {
	.grid-product .p-card:nth-child(-n+4) {
		border-top: 1px solid #DFE7F4;
	}

	/* Kolom pertama di setiap baris: 1, 4, 7, ... */
	.grid-product .p-card:nth-child(4n+1) {
		border-left: 1px solid #DFE7F4;
		border-right: 1px solid #DFE7F4;
	}

	/* Kolom kedua di setiap baris: 2, 5, 8, ... */
	.grid-product .p-card:nth-child(4n+2),
	.grid-product .p-card:nth-child(4n+3),
	.grid-product .p-card:nth-child(4n+4) {
		border-right: 1px solid #DFE7F4;
	}
}

@media(max-width: 735px){
	/* Baris pertama: kolom 1 dan 2 */
	.grid-product .p-card:nth-child(-n+2) {
		border-top: 1px solid #DFE7F4;
	}

	/* Kolom pertama di setiap baris (1, 3, 5, ...): border kiri & kanan */
	.grid-product .p-card:nth-child(2n+1) {
		border-left: 1px solid #DFE7F4;
		border-right: 1px solid #DFE7F4;
	}

	/* Kolom kedua di setiap baris (2, 4, 6, ...): hanya border kanan */
	.grid-product .p-card:nth-child(2n) {
		border-right: 1px solid #DFE7F4;
	}
}



.modal-footer-fixed{
	display: none;
	position: fixed;
	background-color: #fff;
	bottom: 0;
	left: 50%;
	width: 100%;
	max-width: 820px;
	box-shadow: 0px -5px 20px 0 rgba(0, 0, 0, 0.1);
	z-index: 9;
	transform: translateX(-50%);
}

.add-balance-inner-wrap-show .modal-footer-fixed{
	display: block;
}

.modal-footer-fixed .btn-group.style-2 {
	display: flex;
	justify-content: space-between;
}

.modal-footer-fixed .btn-group.style-2 .btn {
	width: 100%;
	padding: 16px 20px;
	line-height: 16px;
}

.modal-footer-fixed .btn-sharp{
	border-radius: 0px !important;
	font-family: 'Jost', sans-serif;
	font-weight: 600;
	width: 100%;
	padding: 16px 20px;
	line-height: 16px;
	text-align: center;
}

.btn-sharp.btn-cart{
	color: #0c6e33;
}

.btn-sharp.btn-buy{
	color: #000000;
	background-color: #f0ad4e;
}


.row-stepper{
	border-top: 1px solid #DFE7F4;
	border-left: 1px solid #DFE7F4;
	border-right: 1px solid #DFE7F4;
	justify-content: center;
	align-items: center;
}

.row-stepper {
	display: flex;
	align-items: center;  /* Vertikal alignment jika diperlukan */
}

.stepper-title {
	padding-left: 1rem !important;
	font-weight: 500;
	color: #000;
	font-size: 15px;
	font-family: 'Jost', sans-serif;
}

.col-stepper{
	display: flex;      /* Membuat kolom 4 menjadi flex container */
	justify-content: center; /* Memusatkan konten di dalam kolom 4 */
	padding: 0;         /* Menghapus padding pada kolom 4 */
	border-left: 1px solid #DFE7F4;
}

.touchspin-injected {
	width: 100%;         /* Membuat elemen ini memenuhi lebar penuh dari parent-nya */
	padding: 0;          /* Menghapus padding */
	margin: 0;           /* Menghapus margin */
	display: flex;       /* Menggunakan flexbox untuk tombol dan input */
	align-items: center; /* Menyusun elemen secara vertikal dalam .touchspin-injected */
}

.input-group-btn {
	margin: 0;           /* Menghapus margin dari tombol */
}

input.stepper {
	width: 100%;         /* Membuat input mengisi ruang yang tersedia */
	padding: 6px;
	font-size: 14px;
}

.btn-touchspin-up,
.btn-touchspin-down{
	background: transparent;
	border: 0;
	font-size: 15px;
	font-weight: bold;
}

/* Menambahkan border-bottom hanya pada baris terakhir */
.row-stepper:last-of-type {
	border-bottom: 1px solid #DFE7F4; /* Sesuaikan warna dan ketebalan border sesuai kebutuhan */
}

/* Jika Anda ingin border pada elemen lainnya tidak muncul, pastikan border-bottom tidak diterapkan pada .row-stepper sebelumnya */
.row-stepper {
	border-bottom: none; /* Menghapus border pada elemen selain yang terakhir */
}



.qtybuy-stepper{
	display: flex;
	justify-content: center;
	border: 2px solid #f6f6f6;
	border-radius: 2rem;
	width: 50%;
	margin: 0 auto;
	padding: 4px 0.25rem;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	background: #ffffff;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

.qtybuy-injected{
	width: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

.btn-qtybuy-up,
.btn-qtybuy-down{
	background: #10a44c;
	color: #fff;
	border: 1px solid #607D8B;
	border-radius: 50%;
	width: 1.75rem;
	height: 1.75rem;

}


















.container-fixed{
	position: fixed;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	z-index: 9;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 10rem;
	height: 100%;
	padding-right: var(--bs-gutter-x, .75rem) !important;
	padding-left: var(--bs-gutter-x, .75rem) !important;
}
.container-fixed::-webkit-scrollbar {
	display: none; /* Menyembunyikan scrollbar */
}

.row-product .col{
	position: relative;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

/* Border pada kolom pertama */

.row-product .col {
	border-bottom: 1px solid #DFE7F4;
	padding-bottom: 6px;
}
.row-product .col:nth-child(-n+4) {
	border-top: 1px solid #DFE7F4;
}

/* Kolom pertama di setiap baris: 1, 4, 7, ... */
.row-product .col:nth-child(4n+1) {
	border-left: 1px solid #DFE7F4;
	border-right: 1px solid #DFE7F4;
	padding-right: 3px !important;
}

/* Kolom kedua di setiap baris: 2, 5, 8, ... */
.row-product .col:nth-child(4n+2),
.row-product .col:nth-child(4n+3),
.row-product .col:nth-child(4n+4) {
	border-right: 1px solid #DFE7F4;
	padding-left: 3px !important;
	padding-right: 3px !important;
}

/**Ada gap*/
.row-product.gap .col{
	border: 0px !important;
	margin-bottom: 0.5rem;
}
/* Kolom pertama di setiap baris: 1, 4, 7, ... */
.row-product.gap .col:nth-child(4n+1) {
	padding-left: 0.25rem !important;
	padding-right: 0.25rem !important;
}

/* Kolom kedua di setiap baris: 2, 5, 8, ... */
.row-product.gap .col:nth-child(4n+2),
.row-product.gap .col:nth-child(4n+3),
.row-product.gap .col:nth-child(4n+4) {
	padding-left: 0.25rem !important;
	padding-right: 0.25rem !important;
}



.hidden{
	display: none !important;
}


.grid-product {
	position: relative;
	background: #fff;
	transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
	border: 0;
	border-radius: 0rem !important;
}


.modal-content .grid-product{
	border-radius: 0.15rem !important;
	border: 1px solid #DFE7F4;
}

.grid-product .loader-wrapper{
	text-align: center !important;
}

.grid-product .card-img,
.grid-product .card-img-top {
	border-top-left-radius: calc(1rem - 1px);
	border-top-right-radius: calc(1rem - 1px);
}


.grid-product h5 {
	color: var(--NN950, #080808);
	font-size: 0.86rem;
	line-height: 1;
	max-width: 100%;
	max-height: 100%;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 4px;
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	min-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.grid-product h5 a {
	color: black;
	text-decoration: none;
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	font-size: 12px;
}

.grid-product .card-img-top {
	width: 100%;
	min-height: 150px;
	max-height: 150px;
	padding: 0px;
	border-radius: 0px !important;
}

.grid-product h2 {
	font-size: 1rem;
}


/* Centered text */
.grid-product .label-top {
	position: absolute;
	top: 4px;
	left: 0px;
	font-size: 0.714286rem;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	background-color: rgb(225, 170, 29);
	border-radius: 0px 10px 10px 0px;
	padding: 0px 8px;
}

.grid-product .product-price,
.grid-product .product-review{
	color: var(--NN950, #080808) !important;
	padding-left: 0;
	align-items: flex-end;
	font-family: 'Jost', sans-serif;
	font-weight: 550;
}

.top-right {
	position: absolute;
	top: 24px;
	left: 24px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	font-size: 1rem;
	font-weight: 900;
	background: #8bc34a;
	line-height: 90px;
	text-align: center;
	color: white;
}

.top-right span {
	display: inline-block;
	vertical-align: middle;
	/* line-height: normal; */
	/* padding: 0 25px; */
}

.aff-link {
	/* text-decoration: overline; */
	font-weight: 500;
}

.over-bg {
	background: rgba(53, 53, 53, 0.85);
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
	backdrop-filter: blur(0.0px);
	-webkit-backdrop-filter: blur(0.0px);
	border-radius: 10px;
}
.bold-btn {

	font-size: 1rem;
	font-weight: 500;
	text-transform: uppercase;
	padding: 5px 50px 5px 50px;
}
.box .btn {
	font-size: 1.5rem;
}

@media (max-width: 1025px) {
	.btn {
		padding: 5px 40px 5px 40px;
	}
}
@media (max-width: 250px) {
	.btn {
		padding: 5px 30px 5px 30px;
	}
}

/* START BUTTON */
.btn-warning {
	background: var(--btnbg);
	color: var(--btnfontcolor);
	fill: #ffffff;
	border: none;
	text-decoration: none;
	outline: 0;
	/* box-shadow: -1px 6px 19px rgba(247, 129, 10, 0.25); */
	border-radius: 100px;
}
.btn-warning:hover {
	background: var(--btnbghover);
	color: var(--btnfontcolorhover);
	/* box-shadow: -1px 6px 13px rgba(255, 150, 43, 0.35); */
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
	background: var(--btnbghover);
	color: var(--btnfontcolorhover);
	/* box-shadow: -1px 6px 13px rgba(255, 150, 43, 0.35); */
}
.btn-warning:active:focus {
	box-shadow: 0 0 0 0.25rem var(--btnactivefs);
}
.btn-warning:active {
	background: var(--btnbghover);
	color: var(--btnfontcolorhover);
	/* box-shadow: -1px 6px 13px rgba(255, 150, 43, 0.35); */
}

/* END BUTTON */

.bg-success {
	font-size: 1rem;
	background-color: var(--btnbg)!important;
	color: var(--btnfontcolor)!important;
}
.bg-danger {
	font-size: 1rem;
}


.price-hp {
	font-size: 1rem;
	font-weight: 600;
	color: darkgray;
}

.amz-hp {
	font-size: .7rem;
	font-weight: 600;
	color: darkgray;
}

.fa-question-circle:before {
	/* content: "\f059"; */
	color: darkgray;
}

.fa-heart:before {
	color: crimson;
}
.fa-chevron-circle-right:before {
	color: darkgray;
}



.card-img-top {
	min-height: 170px;
	max-height: 170px;
}

@media (max-width: 736px) {
	body{
		/*background-color: #fff !important;*/
	}
	.card-img-top {
		min-height: 140px;
		max-height: 140px;
	}
}



/* Menonaktifkan scroll pada body ketika modal ditampilkan */
html.scroll-disable {
	overflow: hidden !important;
}


.recent-search-list{
	padding: 0px !important;
}

.result-search-list li{
	border-bottom: 0px !important;
	padding-left: 1rem !important;
}
#modal-result{
	background: transparent;
	padding-top: 0;
	padding-left: 5px;
	padding-right: 5px;
}
#modal-result .ba-all-page-inner{
	background-color: transparent;
}


.ic-modal-scroll{
	overflow-y: scroll;  /* Agar konten dapat digulir */
	-ms-overflow-style: none;  /* Untuk Internet Explorer */
	scrollbar-width: none;  /* Untuk Firefox */
}


.ic-chekout-tabs{
	display: flex;
	border-bottom: 1px solid #dee2e6;
	box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.ic-chekout-tabs .ic-chekout-timeline{
	flex-grow: 1;
	padding: 0.4rem 0.8rem !important;
}

.ic-chekout-tabs .ic-tab-search{
	width: max-content;
}

.title-xs-display{
	position: absolute;
	clip-path: inset(100%);
	width: 1px;
	height: 1px;
	overflow: hidden;
	white-space: nowrap;
}

.modal-custom{
	background-color: #f2f3f8;
}

.modal-content .detail-content{
	padding: 0.7rem;
	border-bottom: 4px solid #dee2e6;
}

.modal-content .detail-content .title{
	margin-bottom: 0.15rem;
	font-size: 14px;
	font-family: 'Jost', sans-serif;
	font-weight: 550;
}

.modal-content .detail-content .ic-meta {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0;
	margin: 0;
}

.modal-content .detail-content .ic-meta li {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.modal-content .detail-content .ic-price {
	font-size: 20px;
	color: #108934;
	font-weight: 600;
}


.modal-content .detail-content .ic-off {
	font-weight: 500;
	color: #EB5757;
	font-size: 14px;
}

.modal-content .detail-content .ic-status {
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.modal-content .detail-content .ic-status .icon svg {
	width: 14px;
	height: 14px;
	fill: #2874F0;
}

.modal-content .detail-content .ic-status span {
	color: #7D899D;
}

.modal-content .slider-product{
	border-bottom: 4px solid #dee2e6;
}

.modal-content .description{
	color: #7D899D;
}

.footer-fixed-detail{
	background-color: #fff;
	position: absolute;
	/*left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);*/
	bottom: 0px;
	width: 100%;
	/*max-width: 820px;*/
	border-top: 1px solid #dee2e6;
	padding: 0.5rem !important;
	z-index: 9;
	box-shadow: 0 -2px 5px -2px #dfe7f4;
}



.payment-group {
	font-family: sans-serif;
	width: 100%;
}

.payment-label {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: bold;
}

.payment-options {
	display: flex;
	gap: 1rem;
}

.payment-radio {
	display: none;
}

.payment-option {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.25rem 0.5rem;
	background: #edf2fa;
	border-radius: 3px;
	cursor: pointer;
	transition: all 0.2s ease;
	border: 1px solid transparent;
	flex: none;
	justify-content: center;
	font-family: 'Jost', sans-serif;
	font-weight: 550;
	color: #6a6b6e;
}

.payment-option .icon {
	font-size: 1.2rem;
}

.payment-radio:checked + .payment-option {
	background: #e7edff;
	border-color: #a1a1a1;
	color: #0a0a0a;
}



@media (max-width: 736px) {
	.payment-option{
		flex: 1;
	}
	.modal-custom{
		background-color: #fff;
	}

	.ic-chekout-tabs{
		display: block;
	}

	.ic-chekout-tabs .ic-tab-search{
		width: 100% !important;
		border-top: 1px solid #dee2e6;
	}
	.ic-chekout-tabs .nav-tabs{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0rem;
		width: 100%;
		position: relative;
	}
	.ic-chekout-tabs .nav-tabs .nav-item{
		border-left: 0px !important;
	}
	.ic-chekout-tabs .nav-tabs .nav-item:first-child {
		border-right: 1px solid #dee2e6;
	}


	.title-xs-display{
		position: static;
		clip-path: none;
		width: auto;
		height: auto;
		overflow: visible;
		white-space: normal;
		color: #a0a0a0;
		font-size: 14px;
		font-family: 'Jost', sans-serif;
		font-weight: 550;
		align-items: center;
		vertical-align: middle;
	}


}


.cart-group{
	display: grid;
	grid-template-columns: 50% 1fr; /* 80% kiri, sisa kanan */
	gap: 0.15rem;
	width: 100%;
	align-items: center;
}

.cart-stepper{
	display: flex;
	align-items: center;
	justify-content: center;
}

.input-touchspin-min,
.input-touchspin-add {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	cursor: pointer;
	color: #333;
	font-size: 18px;
	transition: background-color 0.2s ease;
}


.cart-touchspin .stepper{
	padding: 0.25rem 1rem;
	text-align: center;
	background: transparent;
	border: 0;
}


.cart-touchspin .stepper:focus,
.cart-touchspin .stepper:active{
	border: 0px !important;
}

.btn-shopping{
	display: flex;
	font-size: 20px;
	font-family: 'Jost', sans-serif;
	font-weight: 550;
	padding: 0rem;
	width: 100%;
	height: 40px;
	align-items: center;
	vertical-align: middle;
	justify-content: center;
	background: #11A44C;
	color: #fff9f9;
	border: 2px solid #178954;
}
.btn-shopping:disabled{
	pointer-events: none;
	color: #8f9ba7a3;
	text-decoration: none;
	background: #dee2e6;
}
/* Menargetkan elemen input yang diisi otomatis */
.group-search .form-control:-internal-autofill-selected {
	background-color: #fff !important; /* Ubah warna latar belakang */
	color: #000; /* Ubah warna teks */
	border: 0px solid #ccc; /* Ubah border */
}

/* Menargetkan elemen input ketika autofill sedang aktif */
.group-search .form-control:-internal-autofill {
	background-color: #fff !important; /* Ubah warna latar belakang autofill */
}

.payment-option .icon img{
	width: 1.5rem;
	height: 1.5rem;
	max-width: 1.5rem;
}

.ic-flex-box {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.ic-flex-box.style-2 {
	height: calc(100% - 100px);
}

.ic-flex-box .ic-cart-list {
	position: relative;
	background-color: #fff;
	overflow: hidden;
}

@media (max-width: 736px) {
	.ic-flex-box .ic-cart-list {
		border-bottom: 5px solid #edf2fa;
	}
}

.ic-flex-box .ic-cart-list .inner-content {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 15px;
}

.ic-flex-box .ic-media, 
.ic-flex-box .ic-post-media {
	position: relative;
	overflow: hidden;
}

.ic-flex-box .ic-cart-list .ic-media {
	min-width: 100px;
	width: 100px;
	margin-right: 15px;
}

.ic-flex-box .ic-media > a, 
.ic-flex-box .ic-post-media > a {
	display: block;
}

.ic-flex-box .ic-media img, 
.ic-flex-box .ic-post-media img {
	max-width: 100%;
	height: auto;
	width: 100%;
}

.ic-flex-box .ic-cart-list .ic-media img {
	height: 100%;
	object-fit: cover;
}

.ic-flex-box .ic-cart-list .ic-content {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 100%;
	height: 100%;
	justify-content: center;
	padding-right: 10px;
	margin: auto 0;
}

.ic-flex-box .ic-cart-list .ic-tag {
	color: #2874F0;
	font-size: 12px;
	font-weight: 500;
	display: inline-block;
}

.ic-flex-box .title {
	color: #000;
	font-family: Jost, sans-serif;
	font-weight: 550;
}

.ic-flex-box .ic-cart-list .title {
	text-transform: capitalize;
	margin-bottom: 0;
	font-size: 13px;
}

.ic-flex-box .ic-cart-list .ic-meta {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

.ic-flex-box .ic-cart-list .ic-price {
	font-size: 14px;
	color: #000;
	font-weight: 550;
}
.ic-flex-box .ic-cart-list .ic-price del {
	font-size: 12px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.6);
	line-height: normal;
}
.ic-flex-box .ic-cart-list .ic-meta li {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.ic-flex-box .ic-cart-list .ic-off {
	font-weight: 550;
	color: #EB5757;
	font-size: 12px;
}

.ic-flex-box .ic-cart-list .ic-review {
	display: flex;
	align-items: center;
	gap: 5px;
}

.ic-flex-box .ic-cart-list .ic-review > ul {
	display: flex;
	align-items: center;
	gap: 2px;
	margin: 0;
	padding: 0;
}

.ic-flex-box .ic-cart-list .ic-review i {
	color: #FFA048;
	font-size: 14px;
}

.ic-flex-box .ic-cart-list .ic-review .total-review {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.6);
}

.ic-flex-box .ic-cart-list .ic-status {
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.ic-flex-box .ic-cart-list .ic-status span {
	color: #7D899D;
}

.ic-flex-box .ic-cart-list .ic-cart-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}

.ic-flex-box .ic-cart-list .ic-cart-footer li {
	padding: 8px 4px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #DFE7F4;
	width: 100%;
	min-height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ic-flex-box .ic-cart-list .ic-cart-footer li:last-child {
	border-right: 0;
}
.ic-flex-box .ic-stepper.style-2 {
	width: 105px;
	--primary: #E6E6E6;
}
.ic-flex-box .ic-cart-list .ic-cart-footer .ic-stepper {
	width: auto;
	padding: 0px;
}

.ic-flex-box .ic-stepper .bootstrap-touchspin {
	display: flex;
	align-items: stretch;
	margin-bottom: 0;
}

.ic-flex-box .bootstrap-touchspin .input-group-prepend{
	display: flex;
	align-items: center;
}

.ic-flex-box .bootstrap-touchspin .bootstrap-touchspin-down,
.ic-flex-box .bootstrap-touchspin .bootstrap-touchspin-up{
	height: 100%;
	padding: 0;
	line-height: inherit;
	border-radius: 0;
	background: transparent;
	color: #6e6e70;
	font-size: 20px;
}

.ic-flex-box .ic-stepper .bootstrap-touchspin .stepper {
	padding: 0.3rem 1rem;
	text-align: center;
	background: transparent;
	border: 0;
}

.ic-flex-box .ic-cart-list .ic-cart-footer li > a {
	display: block;
	width: 100%;
	text-align: center;
	color: #7D899D;
	font-family: 'Jost', sans-serif;
	font-weight: 600;
}

.ic-flex-box .ic-cart-list .remove-text,
.ic-flex-box .ic-cart-list .remove-text.loaded {
	color: #EB5757 !important;
	font-size: 14px;
}


.ic-flex-box .ic-box {
	background-color: #fff;
}

.ic-box .title-head {
	padding: 15px;
	border-bottom: 1px solid #DFE7F4;
	font-family: Jost, sans-serif;
}

.ic-flex-box .ic-box .title{
	margin: 0px;
	font-weight: 550;
}

.ic-flex-box .ic-box .view-cart {
	padding: 15px;
}

.ic-flex-box .ic-box .view-cart ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0px;
	margin: 0px;
}

.ic-flex-box .ic-box .view-cart ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #000;
}

.ic-flex-box .ic-box .view-cart ul li span {
	font-size: 14px;
	display: block;
	font-family: Jost, sans-serif;
}

.ic-flex-box .ic-box .view-cart ul li.ic-total {
	border-top: 1px solid #DFE7F4;
	padding: 15px 15px 0;
	margin: 0 -15px;
}
.font-18 {
	font-size: 18px !important;
}
.font-w600 {
	font-weight: 606 !important;
}
.view-cart ul li .price {
	color: #000;
	margin-bottom: 0;
	font-family: Jost, sans-serif;
	font-weight: 600;
}
.view-cart ul li.ic-total .price {
	color: #219653;
}

.opacity-0{
	opacity: 0 !important;
	cursor: default;
}


.lazy-images:not(.loaded) img{
	opacity: 0;
}

.lazy-text.opacity-0.loaded{
	opacity: 1 !important;
}

.footer-fixed-cart{
	position: fixed !important;
	background-color: #fff;
	bottom: 0;
	left: 50%;
	width: 100%;
	/* max-width: 600px; */
	padding: 15px;
	box-shadow: 0px -5px 20px 0 rgba(0, 0, 0, 0.1);
	z-index: 9;
	transform: translateX(-50%);
}

.footer-fixed-cart.lazy-content.loaded{
	background-color: #fff !important;
}

.btn-continue{
	background-color: #FFE019;
	font-size: 1.125rem;
	font-weight: 550;
	text-transform: capitalize;
	padding: 14px 30px;
	line-height: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	font-family: Jost, sans-serif;
	border-radius: 4px;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	color: #000;
	width: 100%;
	border: 1px solid #e7c906;
}
.btn-continue:hover{
	color: #fff !important;
	background-color: #e3c506 !important;
}

.lazy-content:not(.loaded) .btn-continue{
	visibility: hidden;
}

.opacity-0 .btn-continue{
	cursor: default !important;
}

.ic-list .ic-list-group{
	width: 100%;
	padding: 0;
}
.ic-list > ul > li {
	border-bottom: 1px solid #DFE7F4;
	padding: 12px 0;
}

.ic-list .ic-list-group .list-group-items {
	padding: 15px 0;
	position: relative;
}

.radio.style-2 .radio-label {
	padding-left: 0;
	margin-bottom: 0;
}

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

.radio .radio-label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.radio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #2874F0;
}

.radio.style-2 .radio-label .checkmark {
	position: unset;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	border: 0;
}
.ic-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border: 1px solid #DFE7F4;
}

.ic-icon.icon-sm {
	width: 40px;
	height: 40px;
}

.ic-list .ic-list-group .list-group-items .ic-icon {
	margin-right: 15px;
}
.ic-icon i{
	color: #2874F0;
}
.font-20 {
	font-size: 20px !important;
}

.ic-list .ic-list-group .list-group-items .list-content {
	flex: 1;
	font-family: 'Jost', sans-serif;
}

.ic-list .list-content {
	padding-right: 35px;
}

.ic-list .ic-list-group .list-group-items .list-content .title {
	margin-bottom: 0;
	text-transform: capitalize;
	font-weight: 600;
	color: #000;
}

.ic-list .list-content .title {
	font-size: 1rem;
}

.active-status {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-weight: 500;
}
.ic-list .style-2 .list-content span {
	display: block;
}

.ic-list .ic-list-group .list-group-items .list-content .active-status {
	margin-bottom: 0;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
}

.radio.style-2 .radio-label .checkmark .check {
	position: absolute;
	top: 50%;
	right: 0;
	left: auto;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: unset;
	transform: translateY(-50%);
	background-color: #DFE7F4;
}

.radio.style-2 .radio-label .checkmark .check:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	z-index: 2;
	border-radius: 50%;
	background-color: #fff;
	transform: translate(-50%, -50%);
}
.radio.style-2 .radio-label input:checked ~ .checkmark .check {
	background-color: #2874F0;
}

.radio.style-2 .radio-label input:checked ~ .checkmark .check:after {
	background-color: #fff;
}

.ic-add-box {
	display: flex;
	align-items: center;
	background-color: #DFE7F4;
	padding: 10px 8px;
	/* font-weight: 500; */
	font-size: 14px;
	font-family: 'Jost', sans-serif;
	font-weight: 510;
	color: #000000;
}
.ic-add-box i {
	font-size: 20px;
}
.ic-add-box span {
	flex: 1;
}



.ic-chekout{
	position: fixed;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 49px;
	width: 100%;
	z-index: 9;
}




.ic-chekout-tabs .nav-tabs{
	border: 0px;
	margin: 0;
}
.ic-chekout-tabs .nav-tabs .nav-item{
	border-left: 1px solid #dee2e6;
	background-color: #fff;
}
.ic-chekout-tabs .nav-tabs .nav-item .nav-link{
	border-bottom: 0px !important;
	font-size: 20px;
	padding: 0.4rem 0.8rem;
}

.recent-search-list li{
	color: #000000;
	font-family: 'Jost', sans-serif;
	font-weight: 500;
}

.recent-search-list li.btn-recent{
	cursor: pointer;
}

.recent-search-list i{
	color: #0d6efd;
	font-weight: bold;
}
	
	
.lazy-text,
.lazy-content{
	position: relative;
	width: 100%;
	background-color: #dee2e6;
	border-radius: 2px;
	opacity: 0.7;
	transition: opacity 1s ease, background-color 1s ease;
}
	
.lazy-images{
	background: #dee2e6c9;
}
.lazy-images.loaded,
.lazy-content.loaded{
	background: transparent;
}
.lazy-content.loaded .opacity-0{
	opacity: 1 !important;
}
.lazy-images:not(.loaded),
.lazy-text:not(.loaded) {
	cursor: no-drop !important;
}
.lazy-text:not(.loaded) {
	color: #dee2e6 !important;
}

.lazy-text.loaded {
	opacity: 1;  /* Menghilangkan efek transparansi setelah data dimuat */
	background-color: transparent;  /* Mengganti latar belakang ke warna asli setelah pemuatan selesai */
	color: inherit;  /* Menampilkan teks dengan warna hitam */
	animation: fadeInText 1s ease-out forwards;
	width: auto;
}

@keyframes fadeInText {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.accordion-button{
	color: #000;
	font-family: 'Jost', sans-serif;
	font-weight: 550;
}

.accordion-button[aria-expanded="true"] {
	color: #4580d7;
	border-bottom: 1px solid #DFE7F4;
	background-color: transparent;
}

.accordion .accordion-button i {
	color: #2874f0;
	font-size: 20px;
}

.accordion-body{
	padding: 0rem 1.25rem;
	padding-bottom: 0.02rem;
	font-family: 'Jost', sans-serif;
	font-weight: 400;
}




.ic-box {
	background-color: #fff;
}

.ic-box .title-head {
	padding: 15px;
	border-bottom: 1px solid #DFE7F4;
	font-family: 'Jost', sans-serif;
	font-weight: 400;
}

.ic-box .view-cart {
	padding: 15px;
	font-family: 'Jost', sans-serif;
}
.ic-box .view-cart ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0px;
	margin: 0px;
}

.ic-box .view-cart ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #000;
}

.ic-box .view-cart ul li.ic-total {
    border-top: 1px solid #DFE7F4;
    padding: 15px 15px 0;
    margin: 0 -15px;
}


.ic-flex-box{
	display: flex;
    flex-direction: column;
    height: 100%;
}