:root {
	--black-100: #011627;
	--black-70: #808A93;
	--white: #ffffff;
	--grey-50: #e0e2e6;
	--grey-70: #B2B7BF;
	--green-100: #38B000;
	--tosca-100: #B0FFD5;
	--red-100: #FF4633;
	--yellow-100: #FFD700;
	--warning-400: #FCB022;
	--warning-500: #F78F08;
	--primary: #07509D;
	--primary-400: #07509D;
	--primary-500: #064383;
	--primary-25: #CDDCEB;
	--blue-light-150: #6EBEBF;
	--success: #12B76A;
	--gray-900: #0F1728;
	--gray-800: #1D2838;
	--gray-700: #344053;
	--gray-600: #475466;
	--gray-500: #667085;
	--gray-400: #98A2B3;
	--gray-300: #D0D5DD;
	--gray-200: #EAECF0;
	--gray-100: #F2F4F7;
	--gray-50: #F8F9FB;
	--blue-light: #F5FBFF;
	--blue-700: #175CD3;
	--blue-500: #2E90FA;
	--blue-50: #EFF8FF;
	--blue-25: #F4F9FF;
	--black-primary: #01101F;
	--rose-500: #F53D68;

	--purple-900:#9b2c6d;
	--purple-700:#d157c7;
	--purple-500:#f095e9;
	--purple-400:#f4abf0;
	--green-900:#1e6f8f;
	--green-700:#20b2d8;
	--green-500:#3cd5f5;
	--green-400:#6ef0ff;


}

/* General */
body {
	font-family: "Poppins", sans-serif !important;
}

a {
	cursor: pointer !important;
}

.cursor-pointer {
	cursor: pointer !important;
}

.cursor-pointer:hover {
	cursor: pointer !important;
}

a:hover {
	text-decoration: none;
}

.btn-primary {
	background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
	background-color: var(--primary-500);
    border-color: var(--primary-500);
}

.btn-blue-light-150 {
	background-color: var(--blue-light-150);
    border-color: var(--blue-light-150);
}

.btn-blue-light-150:hover {
	background-color: var(--blue-500);
    border-color: var(--blue-500);
}

.btn-white {
	background-color: var(--white);
    border-color: var(--gray-300);
	color: var(--gray-500);
}

.btn-white:hover {
	background-color: var(--gray-300);
    border-color: var(--gray-300);
	color: var(--gray-500);
}

.btn-white-hover-blue-25 {
	background-color: var(--white);
    border-color: var(--white);
	color: var(--primary);
}

.btn-white-hover-blue-25:hover {
	background-color: var(--blue-25);
    border-color: var(--blue-25);
	color: var(--primary);
}

.btn-outline-gray {
	background-color: var(--white);
    border-color: var(--gray-300);
}

.borderless {
	border: 0 !important;
}

.border-left-none {
	border-left: none;
}

.border-right-none {
	border-right: none;
}

.border-top-none {
	border-top: none;
}

.border-bottom-none {
	border-bottom: none;
}

.border-radius-10-top {
	border-radius: 10px 10px 0 0 !important;
}

.border-radius-10-bottom {
	border-radius: 0 0 10px 10px !important;
}

.border-radius-10-left {
	border-radius: 10px 0 0 10px !important;
}

.border-radius-10-right {
	border-radius: 0 10px 10px 0 !important;
}

.border-radius-15-top {
	border-radius: 15px 15px 0 0 !important;
}

.border-radius-15-bottom {
	border-radius: 0 0 15px 15px !important;
}

.border-radius-15-left {
	border-radius: 15px 0 0 15px !important;
}

.border-radius-15-right {
	border-radius: 0 15px 15px 0 !important;
}

.border-radius-3 {
	border-radius: 3px !important;
}

.border-radius-5 {
	border-radius: 5px !important;
}

.border-radius-5-top {
	border-radius: 5px 5px 0 0 !important;
}

.border-radius-5-bottom {
	border-radius: 0 0 5px 5px !important;
}

.border-radius-5-left {
	border-radius: 5px 0 0 5px !important;
}

.border-radius-5-right {
	border-radius: 0 5px 5px 0 !important;
}

.border-radius-10 {
	border-radius: 10px !important;
}

.border-radius-15 {
	border-radius: 15px !important;
}

.border-radius-top-20 {
	border-radius: 20px 20px 0 0 !important;
}

.border-radius-20 {
	border-radius: 20px !important;
}

.border-radius-20-top {
	border-radius: 20px 20px 0 0 !important;
}

.border-radius-20-bottom {
	border-radius: 0 0 20px 20px !important;
}

.border-radius-20-left {
	border-radius: 20px 0 0 20px !important;
}

.border-radius-20-right {
	border-radius: 0 20px 20px 0 !important;
}

.border-dash-2-grey-70 {
	border: 2px dashed var(--grey-70) !important;
}

.border-solid-1-gray-200 {
	border: 1px solid var(--gray-200) !important;
}

.border-solid-1-primary {
	border: 1px solid var(--primary) !important;
}

.border-right-but-last-child {
	border-right: 1px solid #ddd !important;
}

.border-right-but-last-child:last-child {
	border-right: none !important;
}

@media screen and (min-width: 768px){
	.border-radius-10-only-desktop {
		border-radius: 10px !important;
	}
}

.rounded {
	border-radius: 50% !important;
}

.same-wh-50 {
	width: 50px;
	height: 50px;
	align-items: center;
	justify-content: center;
	display: flex;
}

.max-height-200 {
	max-height: 200px;
	overflow-y: scroll;
}

.box-shadow-grey-10 {
	box-shadow: 0px 0px 10px 0px var(--grey-50);
}

.box-shadow-grey-20 {
	box-shadow: 0px 0px 20px 0px var(--grey-50);
}

.bg-transparent {
	background: transparent;
}

.bg-white {
	background-color: var(--white);;
}

.bg-gray {
	background-color: #F3F3F3;
}

.bg-gray-50 {
	background-color: var(--gray-50);
}

.bg-gray-100 {
	background-color: var(--gray-100);
}

.bg-hover-gray-100:hover {
	background-color: var(--gray-100);
}

.bg-gray-200 {
	background-color: var(--gray-200);
}

.bg-gray-300 {
	background-color: var(--gray-300);
}

.bg-gray-400 {
	background-color: var(--gray-400);
}

.bg-gray-500 {
	background-color: var(--gray-500);
}

.bg-gray-600 {
	background-color: var(--gray-600);
}

.bg-gray-700 {
	background-color: var(--gray-700);
}

.bg-gray-800 {
	background-color: var(--gray-800);
}

.bg-gray-900 {
	background-color: var(--gray-900);
}

.bg-tosca {
	background-color: var(--tosca-100);
}

.bg-blue-linear {
	background: linear-gradient(180deg, #008EEA, #03B0F0);
}

.bg-blue-light {
	background-color: var(--blue-light);
}

.bg-black-70 {
	background-color: var(--black-70);
}

.bg-grey-50 {
	background-color: var(--grey-50);
}

.bg-primary {
	background-color: var(--primary) !important;
}

.bg-primary-400 {
	background-color: var(--primary-400) !important;
}

.bg-primary-500 {
	background-color: var(--primary-500) !important;
}

.bg-rose-500 {
	background-color: var(--rose-500) !important;
}

.bg-hover-primary:hover {
	transition-duration: 0.4s;
	background-color: var(--primary) !important;
}

.bg-hover-primary:hover .text-primary, .bg-hover-primary:hover .text-success {
	transition-duration: 0.4s;
	color: var(--white) !important;
}

.bg-primary-linear-90::before {
	content: "";
	/* top: calc(50% + 1px); */
	/* top: 50%;
    left: 50%; */
    /* transform: translate(-50%, -50%); */
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(90deg, transparent, var(--primary));
}

.bg-blue-50-linear-90::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(90deg, transparent, var(--blue-50));
}

@media screen and (max-width: 768px){
	.bg-primary-linear-90::before {
		/* top: 50%; */
		background: linear-gradient(180deg, transparent, var(--primary));
	}

	.bg-blue-50-linear-90::before {
		background: linear-gradient(180deg, transparent, var(--blue-50));
	}
}

.bg-primary-25 {
	background-color: var(--primary-25);
}

.bg-success {
	background-color: var(--success) !important;
}

.bg-blue-700 {
	background-color: var(--blue-700);
}

.bg-blue-500 {
	background-color: var(--blue-500);
}

.bg-blue-25 {
	background-color: var(--blue-25);
}

.bg-blue-50 {
	background-color: var(--blue-50);
}

.bg-warning-400 {
	background-color: var(--warning-400);
}

.text-primary {
	color: var(--primary) !important;
}

.text-success {
	color: var(--success) !important;
}

.text-warning-400 {
	color: var(--warning-400) !important;
}

.text-warning-500 {
	color: var(--warning-500) !important;
}

.text-green {
	color: var(--green-100);
}

.text-black-100 {
	color: var(--black-100);
}

.text-blue-700 {
	color: var(--blue-700);
}

.text-blue-500 {
	color: var(--blue-500);
}

.text-blue-50 {
	color: var(--blue-50);
}

.text-black-70 {
	color: var(--black-70);
}

.text-grey-70 {
	color: var(--grey-70);
}

.text-gray-900 {
	color: var(--gray-900);
}

.text-gray-800 {
	color: var(--gray-800);
}

.text-gray-700 {
	color: var(--gray-700);
}

.text-gray-600 {
	color: var(--gray-600);
}

.text-gray-500 {
	color: var(--gray-500);
}

.text-gray-400 {
	color: var(--gray-400);
}

.text-gray-300 {
	color: var(--gray-300);
}

.text-gray-200 {
	color: var(--gray-200);
}

.text-gray-100 {
	color: var(--gray-100);
}

.bg-grey-50 {
	background-color: var(--grey-50) !important;
}

.border-left-5-success {
	border-left: 5px solid var(--success);
}

.border-bottom-2-grey-50 {
	border-bottom: 2px solid var(--grey-50);
}

.border-bottom-1-gray-300 {
	border-bottom: 1px solid var(--gray-300) !important;
}

.hr-1-grey-70 {
	border-top: 1px solid var(--grey-70);
}

.hr-3-grey-70 {
	border-top: 3px solid var(--grey-70);
}

.border-top-2-grey-50 {
	border-top: 2px solid var(--grey-50);
}

.border-top-1-gray-100 {
	border-top: 1px solid var(--gray-100);
}

.border-top-5-primary-25 {
	border-top: 5px solid var(--primary-25);
}

.border-bottom-1-gray-100 {
	border-bottom: 1px solid var(--gray-100);
}

.border-bottom-2-primary-400 {
	border-bottom: 2px solid var(--primary-400);
}

.border-left-1-gray-100 {
	border-left: 1px solid var(--gray-100);
}

.border-right-1-gray-100 {
	border-right: 1px solid var(--gray-100);
}

.border-right-2-gray-200 {
	border-right: 2px solid var(--gray-200);
}

.h1, h1 {
    font-size: 2.0rem;
    font-weight: bold;
}

.hover-underline:hover {
	text-decoration: underline !important;
}

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

.line-through {
	-webkit-text-decoration-line: line-through; /* Safari */
   text-decoration-line: line-through; 
}

.border-bottom-1-grey {
	border-bottom: 1px solid var(--grey-70);
}

.border-bottom-1-primary {
	border-bottom: 1px solid var(--primary) !important;
}

.top-0 {
	top: 0% !important;
}

.bottom-0 {
	bottom: 0% !important;
}

.bottom-50-desktop {
	bottom: 50% !important;
}

.font-size-10 {
	font-size: 10px !important;
}

.font-size-12 {
	font-size: 12px !important;
}

.font-size-13 {
	font-size: 13px !important;
}

.font-size-14 {
	font-size: 14px !important;
}

.font-size-15 {
	font-size: 15px !important;
}

.font-size-16 {
	font-size: 16px !important;
}

.font-size-17 {
	font-size: 17px !important;
}

.font-size-18 {
	font-size: 18px !important;
}

.font-size-19 {
	font-size: 19px !important;
}

.font-size-20 {
	font-size: 20px !important;
}

.font-size-25 {
	font-size: 25px !important;
}

.font-size-30 {
	font-size: 30px !important;
}

.font-size-35 {
	font-size: 35px !important;
}

.font-weight-100 {
	font-weight: 100;
}

.font-weight-200 {
	font-weight: 200;
}

.font-weight-300 {
	font-weight: 300;
}

.font-weight-400 {
	font-weight: 400;
}

.font-weight-500 {
	font-weight: 500;
}

.font-weight-600 {
	font-weight: 600;
}

.font-weight-700 {
	font-weight: 700;
}

.font-weight-800 {
	font-weight: 800;
}

.text-grey {
	color: #777 !important;
}

.text-grey-50 {
	color: var(--grey-50) !important;
}

.text-light-grey {
	color: #aaa !important;
}

.text-white {
	color: #fff !important;
}

@media (min-width: 576px) {
	.modal-md {
		max-width: 600px;
	}
}

/* .text-red {
	color: #f00 !important;
} */

/* .text-green {
	color: #00FE00 !important;
} */

.background-white {
	background: #fff !important;
}

@media screen and (max-width: 768px){
	.text-center-mobile {
		text-align: center;
	}
}

.btn-total-item-cart {
	width: 30px;
	height: 30px;
}

.gmaps-content iframe {
	width: 100%;
	height: 400px;
}

.nav-tabs {
	border-bottom: 1px solid transparent;
	cursor: pointer !important;
}

.nav-tabs .nav-link {
	color: var(--black-70);
	height: 100%;
	cursor: pointer !important;
}

.nav-tabs, .nav-tabs .nav-link:hover {
	cursor: pointer !important;
}

.nav-tabs-pricelists {

}

.nav-tabs-pricelists .nav-link {
	border-bottom: 1px solid var(--gray-300) !important;
}

.tab-content .content {
	/* font-weight: 100 !important; */
	color: var(--black-70);
}

@media screen and (max-width: 768px){
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
		/* border-bottom: 1px solid transparent; */
		border-bottom: 2px solid var(--primary);
	}
}

.nav-tabs .nav-item {
    border-right: 1px solid #ddd; /* Adjust the border color and style as needed */
    padding-right: 15px; /* Add some padding to space out the border */
}

/* Remove the border separator from the last nav item */
.nav-tabs .nav-item:last-child {
    border-right: none;
    padding-right: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: var(--primary);
	border-color: transparent;
	border-bottom: 2px solid var(--success);
}

.nav-tabs .nav-link {
	border-bottom: 2px solid transparent;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border-color: transparent;
	border-bottom: 2px solid var(--success);
}

.nav-tabs.nav-pricelist .nav-link {
	border-bottom: 0;
}

.nav-tabs.nav-pricelist .nav-item.show .nav-link, .nav-tabs.nav-pricelist .nav-link.active,
.nav-tabs.nav-pricelist .nav-link:focus, .nav-tabs.nav-pricelist .nav-link:hover {
	background-color: var(--blue-25);
	color: var(--blue-700);
	border-radius: 15px 15px 0 0 !important;
}

.menus-section a:hover {
	text-decoration: none;
	color: #000 !important;
}

.breadcrumb-item a, .breadcrumb-item+.breadcrumb-item::before {
	color: var(--black-70);
}

.breadcrumb-item+.breadcrumb-item::before {
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    padding-right: 0;
    float: none;
}

.breadcrumb-item.active {
	color: var(--black-100);
}

.content {
	flex: 1;
}

.desktop-sidebar {
}

.home-products {
	min-height: 330px;
	border-radius: 10px;
	box-shadow: 1px 1px 5px 0px var(--gray-300);
	-webkit-box-shadow: 1px 1px 5px 0px var(--gray-300);
	-moz-box-shadow: 1px 1px 5px 0px var(--gray-300);
	/* display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%; */
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	transition-duration: 1s;
	transition-timing-function: ease;
}

.home-products::before {
	content: "";
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(180deg, transparent 60%, var(--white));
	border-radius: 10px;
	transition-duration: 1s;
}

.home-products:hover::before {
	background: linear-gradient(180deg, transparent 25%, var(--white));
	transition-duration: 1s;
}

.home-products:hover {
	transition-duration: 1s;
}

.home-products .content {
	position: absolute;
	bottom: 10%;
	transition-duration: 1s;
	font-size: 13px;
}

.home-products:hover .content {
	bottom: 15%;
	transition-duration: 1s;
}

.home-products .content p {
	transition-duration: 2s;
	display: none;
}

.home-products:hover .content p {
	transition-duration: 2s;
	display: block;
}

@media (max-width: 768px) {
	.home-products .content {
		font-size: 15px;
	}

	.home-products .content p {
		display: block;
	}
}

@media (max-width: 576px) {
	.home-products .content {
		position: absolute;
		/* top: 50%; */
		/* display: block; */
	}
}

.home-products .content small {
	font-size: 11px;
}

.arrow-below {
	bottom: 0;
	transform: translate(0%, 50%);
}

.box-shadow-thin-grey {
	box-shadow: 1px 1px 5px 0px var(--gray-300);
	-webkit-box-shadow: 1px 1px 5px 0px var(--gray-300);
	-moz-box-shadow: 1px 1px 5px 0px var(--gray-300);
}

.box-shadow-thin-grey-to-bottom {
	box-shadow: 0px 5px 7px 0px var(--gray-300);
	-webkit-box-shadow: 0px 5px 7px 0px var(--gray-300);
	-moz-box-shadow: 0px 5px 7px 0px var(--gray-300);
}

@media (min-width: 576px) {
	.desktop-sidebar {
		margin-left: 20px; /* Adjust the value as needed */
		display: flex;
	}
}

.play-button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Additional styling for the icon, adjust as needed */
    width: 50px;
    height: 50px;
    /* Add background image for the play button icon */
    background-image: url('../images/youtube-icon.png');
    background-size: cover;
	transition-duration: 0.3s;
}

.youtube-video-thumbnail:hover .play-button-icon {
	opacity: 0.7;
	transition-duration: 0.3s;
}

.alert-success {
	color: var(--green-100);
	background-color: var(--tosca-100);
	border-color: var(--tosca-100);
}

.wishlist-collection .wishlist-collection-banner {
	height: 150px;
    overflow-y: hidden;
    display: flex;
    align-items: center;
}

.wishlist-collection .collection-option .dropdown-toggle::after {
	display: none;
}

/* .file-upload-area {
	border: 2px dashed var(--grey-70);
	padding: 20px;
	text-align: center;
	cursor: pointer;
	border-radius: 10px;
}
  
.file-upload-area.dragover {
	border-color: var(--primary);
} */

.preview-box {
    position: relative;
    background: #ffffff;
    width: 100%;
}

.preview-box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 10px;
}

.preview-box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

.dropzone-wrapper {
    border: 2px dashed var(--grey-70);
    color: var(--grey-70);
    position: relative;
    height: 150px;
    border-radius: 15px;
}

.dropzone-desc {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 40%;
    top: 50px;
    font-size: 16px;
}

.dropzone,
.dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 150px;
    cursor: pointer;
    opacity: 0;
}

.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
    background: #ecf0f5;
}

.preview-zone {
    text-align: center;
}

.preview-zone .preview-box {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}

@media (max-width: 576px) {
	.nav-slider-container {
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		/* Set a fixed width for the container (adjust as needed) */
		width: 100%;
	}

	/* Optional: Increase the width of each nav-item to create more space between items */
	.nav-slider-container .nav-item {
		flex: 0 0 100%;
	}
}

.nav-tabs.nav-methods .nav-link:focus, .nav-tabs.nav-methods .nav-link:hover {
	border-bottom: 0 !important;
	background-color: var(--blue-50) !important;
}

.nav-tabs.nav-methods .nav-item.show .nav-link, .nav-tabs.nav-methods .nav-link.active {
	border-bottom: 0 !important;
	background-color: var(--blue-50) !important;
}

.tab-content ul li {
    margin-bottom: 7.5px;
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.square-container {
	display: flex;
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
	position: relative;
    overflow: hidden;
    padding-bottom: 100%;
}

.square-container img {
	position: absolute;
    width: 150%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	object-fit: cover;
}

.rectangle-container {
    display: flex;
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
    position: relative;
    overflow: hidden;
    padding-bottom: 75%; /* Adjust this value to set the aspect ratio (e.g., 4:3 = 75%) */
}

.rectangle-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.share-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: white;
	border: 1px solid #343a40;
	margin: 5px;
	/* color: #343a40; */
	text-decoration: none;
	transition: background-color 0.3s, border-color 0.3s;
}
  
.share-button:hover {
	box-shadow: 0px 0px 5px 0px var(--gray-100);
}

.share-button img {
	width: 20px;
}

.card-hoverable:hover, .card-hoverable.active {
	border-color: var(--primary);
}

.card-hoverable.active {
	box-shadow: 0px 0px 10px 0px var(--primary);
}

.slick-slider .image-square-container {
    padding-top: 100%;
}

.image-square-container {
	background: rgba(0,0,0,.125);
	position: relative;
	/* width: 100%; */
	/* padding: 100%; */
}

.image-square-container > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pagination-container {
    text-align: center;
    margin-top: 20px;
}

.pagination {
    display: inline-block;
}

.pagination a, .pagination span {
    padding: 8px 16px;
    margin: 2px;
    text-decoration: none;
    color: var(--black-70);
    background-color: #fff;
    border: 0;
}

.pagination a:hover {
    background-color: #f5f5f5;
}

.pagination .text-decoration-underline {
    text-decoration: underline;
    font-weight: bold;
	text-decoration-color: var(--primary);
    color: var(--black-100);
	text-underline-offset: 5px;
}

.tidy-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.full-width {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0;
}

.tooltip-inner {
	border-radius: 10px;
	background-color: var(--primary);
}

.bs-tooltip-top .arrow::before {
	border-top-color: var(--primary)
}

fieldset .col-form-label {
	padding: 1px;
	width: auto;
	background-color: var(--white);
	margin-left: 10px;
	position: absolute;
}

.align-items-flex-end {
	align-items: flex-end;
}

.body-overlay {
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000; /* Make sure it's above other elements */
    display: none; /* Initially hide the overlay */
}

.tab-text-indent::before {
	content: '\00a0\00a0\00a0\00a0\00a0';
}

.overflow-x-scroll {
	overflow-x: scroll;
}

.overflow-y-scroll {
	overflow-y: scroll;
}

.overflow-x-scroll-mobile {
	overflow-x: visible;
}

.overflow-y-scroll-mobile {
	overflow-y: visible;
}

@media screen and (max-width: 576px){
	.overflow-x-scroll-mobile {
		overflow-x: scroll;
	}
	
	.overflow-y-scroll-mobile {
		overflow-y: scroll;
	}
}

.dropdown-toggle::after {
    transition: transform 0.3s;
}

.dropdown-opened::after {
	transition: transform 0.3s;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-top: 0;
    border-right: 0.3em solid transparent;
}

@media (max-width: 767px) {
    .btn-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .btn-container .btn {
        width: 100%; /* Set the width as needed */
        margin: 5px; /* Adjust margin as needed */
    }
}
/* End of General */

/* Header */
header {
	height: auto;
	/* height: 176px; */
    /* position: fixed;
	top: 0;
	z-index: 9; */
}

.navbar-brand img {
	width: 75%;
}

@media screen and (min-width: 576px){
	.navbar-brand img {
		width: 80%;
	}
}

.navbar {
	background: var(--white);
	padding: 0;
}

.navbar-expand-lg .navbar-collapse {
	height: 80px;
}

.navbar-light .navbar-nav .nav-item {
	margin-right: 30px;
	cursor: pointer;
}

.navbar-nav .nav-item, .navbar-nav .nav-link {
	cursor: pointer;
	color: var(--gray-500);
}

.navbar-nav .nav-item .dropdown-item.active, .navbar-nav .nav-item .dropdown-item:active, .navbar-nav .nav-item .dropdown-item:hover {
	background-color: var(--gray-100);
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
	color: var(--primary);
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color: var(--primary);
}

.navbar .header-search {
	display: flex;
	flex-basis: auto;
	flex-grow: 2;
}

.navbar .header-search div.row {
	background: #F3F3F3;
	padding: 10px;
	border-radius: 20px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
}

.header-search div input[type="search"] {
	background: transparent;
	border: 0;
}

.header-search div button[type="submit"] {
	color: #999;
	background: transparent;
}

.navbar .sign-menu {
	display: flex;
	flex-basis: auto;
	/*flex-grow: 3;*/
	height: 80px;
	align-items: center;
}

.navbar .sign-menu a {
	color: #333;
}

.navbar .sign-menu .user-toggler.dropdown-toggle:focus {
	outline: 0px;
}

.navbar .sign-menu .user-toggler.dropdown-toggle::after {
	display: none;
}

.navbar .sign-menu .dropdown-menu {
	transform: translate3d(-45px, 2px, 0px) !important;
	background: #092332;
	border-radius: 0 !important;
	border: 0;
}

.navbar .sign-menu .dropdown-menu a {
	color: #fff;
	padding: 12.5px 25px;
}

.navbar .sign-menu .dropdown-menu a:hover {
	background: #fff;
	color: #092332;
}

.navbar-light .navbar-toggler {
	color: #000;
}

.navbar .dropdown-menu, .navbar .dropdown-menu.products-menu, .navbar .dropdown-menu.products-menu .dropdown-menu {
	width: 100%;
	float: left;
	color: var(--gray-500);
}

@media screen and (min-width: 768px){
	.navbar .dropdown-menu, .navbar .dropdown-menu.products-menu, .navbar .dropdown-menu.products-menu .dropdown-menu {
		width: 300px;
	}
}

.navbar .dropdown-submenu a, .navbar a.dropdown-item {
	float: left;
	color: var(--gray-500);
}

.navbar .dropdown-submenu a p, .navbar a.dropdown-item p {
	float: left;
	width: 90%;
	white-space: initial;
	font-size: 75%;
	color: var(--gray-500);
}

.navbar .dropright .dropdown-toggle::after {
	float: right;
}

.hide-icon-dropdown.dropdown-toggle::after {
	display: none;
}

.dropdown-center {
	position: relative;
}

.dropdown-center .dropdown-menu {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.navbar .dropdown-menu.products-menu {
	margin-top: -1px; 
	margin-left: -1px; 
	box-shadow: 0px 400px 0px rgba(0, 0, 0, 0.5); 
	width: calc(100% + 2px) !important;
}

@media screen and (max-width: 768px){
	.navbar .dropdown-menu.informations-menu, .navbar .dropdown-menu.products-menu {
		border: 0;
		border-radius: 0;
		border-left: 2px solid var(--gray-300);
	}

	.navbar .dropdown-menu.products-menu {
		margin-top: auto; 
		margin-left: auto; 
		box-shadow: none;
		width: auto;
	}

	.navbar .dropdown-menu.products-menu .dropdown-menu {
		width: calc(100% - 15px);
		float: right;
		border: 0;
		border-radius: 0;
		border-left: 2px solid var(--gray-300);
	}
}

.find-product-toggler, .sign-toggler {
	display: none;
	padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background: transparent;
	border: 0;
}

.user-toggler {
	border: 0;
	background: var(--primary);
	color: #fff;
	font-size: 20px;
	border-radius: 50%;
	padding: 2.5px 10px;
	width: 35px;
	height: 35px;
	text-align: center;
	right: 15px;
	position: absolute;
}

@media screen and (max-width: 992px){
	.navbar-expand-lg .navbar-collapse {
		height: 100vh;
		padding-left: 0 !important;
		padding-right: 0 !important;
		overflow-y: scroll;
		padding-bottom: 100px;
	}
}

@media screen and (max-width: 768px){
	.user-toggler {
		padding: 8px 10px;
		margin-right: 10px;
		right: 0px;
		position: relative;
	}

	.find-product-toggler, .sign-toggler {
		display: initial;
	}

	.navbar .navbar-top-menu {
		width: 100%;
	}

	.navbar-light .navbar-nav {
		background: #092332;
	}

	.navbar-light .navbar-nav .nav-item {
		margin-right: 0;
	}

	.navbar-light .navbar-nav .nav-link {
		padding: 20px;
		color: #fff;
	}

	.navbar .header-search {
		display: none;
		/*margin: 10px;*/
		flex-basis: none;
		flex-grow: initial;
		width: 100%;
	}

	.navbar .header-search.show {
		display: block;
	}

	.navbar .sign-menu {
		display: none;
	}

	.navbar .sign-menu.show {
		display: block;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.mobile-menus {
		margin-top: 30px;
		margin-right: 20px;
	}

	.header-search-mobile {
		background: #092332;
		padding: 15px;
	}

	.header-search-mobile div.row {
		background: #fff;
		/*padding: 10px;*/
		border-radius: 20px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.header-search-mobile div input[type="search"] {
		background: transparent;
		border: 0;
	}

	.header-search-mobile div button[type="submit"] {
		color: #999;
		background: transparent;
	}

	.navbar .sign-menu .dropdown-menu.show {
		display: none;
	}
}

.menus-section a {
	color: #999 !important;
}

.menus-section a.active {
	color: #000 !important;
}
/* End of Header */

/* First Section */
.first-section {
	margin-top: 100px;
}

.first-section-contact-page {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	color: var(--white);
	z-index: 1;
}

.first-section-contact-page::before {
	content: "";
    background-color: rgba(6, 67, 131, 0.8); /* Use the desired color and opacity (0.8 for 80%) */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
/* End of First Section */

/* Footer */
footer {
	background: var(--primary);
	color: #fff;
	font-size: 12px;
}

footer a {
	color: #fff;
	font-weight: 100;
}

footer a:hover {
	color: #fff;
}

footer .footer-ojk img {
	width: 40%;
}

footer .footer-socmed a:hover {
	text-decoration: none;
}

@media screen and (max-width: 768px){
	footer .footer-menus a {
		width: 100%;
		float: left;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-right: 0;
	}
}
/* End of Footer */

/* Whatsapp Message */
.whatsapp-message {
	position: fixed;
    z-index: 1030;
    width: auto;
    height: auto;
    font-size: 15px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background: #00A82D;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 10px;
    cursor: pointer;
    /* border-radius: 50%; */
	border-radius: 20px;
    padding: 7.5px;
    transition-duration: 0.4s;
}

.whatsapp-message:hover {
	transition-duration: 0.4s;
    transform: translateY(0);
    transition: transform .3s ease;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
}

.whatsapp-message img {
	width: 45px;
}

@media screen and (max-width: 768px){
	.whatsapp-message {
		display: none;
	}
}

.sticky-contact-buttons {
	bottom: 0;
	z-index: 1020;
}
/* End of Whatsapp Message */

/* Copyright */
.copyright {
	color: #fff;
	background: var(--primary);
	font-size: 12px;
}

.copyright a {
	color: #fff;
}

.copyright a:hover {
	color: #fff;
}

.copyright .border-top-orange {
	border-top: 1px solid var(--primary);
}
/* End of Copyright */

/* Section */
.section {

}

.section .section-title {
	/*letter-spacing: 2.5px;*/
    /* font-size: 30px;
    font-weight: 800; */
}
/* End of Section */

/* Slick */
@media (max-width: 768px) {
	.slick-track {
		margin-right: 0; /* Override the margin on the right side */
	}
}

.slick-disabled {
	display: none !important;
}

.slick-prev:before, .slick-next:before {
	/*display: none;*/
}

button.slick-prev:hover, button.slick-prev:focus, button.slick-next:hover, button.slick-next:focus {
	color: var(--gray-500);
	box-shadow: 0px 0px 5px 0px var(--gray-500);
	opacity: 1;
}

img.slick-prev:hover, img.slick-prev:focus, img.slick-next:hover, img.slick-next:focus {
	opacity: 1;
}

.slick-prev, .slick-next {
	width: auto;
	/*opacity: 1;*/
    padding: 7.5px;
    height: 45px;
	width: 45px;
	border-radius: 50%;
    /* top: calc(50% - 25px); */
	top: calc(50% - 35px);
    bottom: 50%;
}

button.slick-arrow {
    position: absolute;
    z-index: 9;
    /* top: calc(50% - 15px); */
    background: #fff;
    color: var(--black-100);
    border: 0;
    /*height: 100%;*/
    /*top: 0;*/
    text-align: center;
	box-shadow: 0px 0px 5px 0px var(--grey-70);
	opacity: 0.8;
}

button.slick-arrow img {
	width: 24px;
}

button.slick-arrow i {
    font-size: 30px;
}

img.slick-arrow {
    position: absolute;
    z-index: 9;
    /* top: calc(50% - 15px); */
    /*height: 100%;*/
	opacity: 0.8;
	padding: 0;
	box-shadow: 1px 1px 5px 0px var(--gray-300);
	-webkit-box-shadow: 1px 1px 5px 0px var(--gray-300);
	-moz-box-shadow: 1px 1px 5px 0px var(--gray-300);
}

.slick-prev {
    left: 15px;
	/* left: 0px; */
}

.slick-next {
    right: 15px;
	/* right: 0px; */
}

.slick-homepage-products .slick-prev {
    left: -10px;
}

.slick-homepage-products .slick-next {
    right: -10px;
}

.slick-outline .slick-prev {
    left: -20px !important;
}

.slick-outline .slick-next {
    right: -20px !important;
}

@media screen and (max-width: 768px){
	.slick-prev {
		left: 30px;
		/* left: 0px; */
		/* z-index: 100; */
	}

	.slick-next {
		right: 30px;
		/* right: 0px; */
		/* z-index: 100; */
	}

	.slick-homepage-products .slick-prev {
		left: 10px;
	}
	
	.slick-homepage-products .slick-next {
		right: 10px;
	}

	.slick-outline .slick-prev {
		left: 0px !important;
	}
	
	.slick-outline .slick-next {
		right: 0px !important;
	}

	.slick-prev, .slick-next {
		top: calc(50% - 45px);
	}
}

ul.slick-dots {
	display: flex;
    list-style: none;
    justify-content: center;
}

ul.slick-dots li button {
    border: 0;
	background: var(--gray-300);
	font-size: 0;
	padding: 5px;
	border-radius: 50%;
	margin: 5px;
}

ul.slick-dots li.slick-active button {
	background: var(--primary);
}

.slick-solution-homepage .slick-next {
	right: -30px;
}

.slick-solution-homepage .slick-prev {
	left: -30px;
}

@media screen and (max-width: 768px){
	.slick-solution-homepage .slick-next {
		right: 0px;
	}
	
	.slick-solution-homepage .slick-prev {
		left: 0px;
	}
}

.slick-sub-product-tabs .slick-next {
	top: calc(50% - 22.5px) !important;
	right: -30px;
}

.slick-sub-product-tabs .slick-prev {
	top: calc(50% - 22.5px) !important;
	left: -30px;
}

@media screen and (max-width: 768px){
	.slick-sub-product-tabs .slick-next {
		right: -15px;
	}
	
	.slick-sub-product-tabs .slick-prev {
		left: -15px;
	}
}
/* End of Slick */

/* Form Box */
.form-box {
	background: #F3F3F3;
	border-radius: 10px;
}

.form-box .form-title {
	font-size: 19px;
	font-weight: bold;
}

.form-box .form-title-note {
	font-size: 13px;	
}

.form-box input, .form-box select, .form-box textarea, .form-box button, .form-box #backward {
	border-radius: 15px;
}

.form-box textarea {
	resize: none;
	overflow-y: scroll;
}

.input-quantity {
	width: 120px;
    float: left;
    border: 1px solid;
    border-radius: 10px;
}
/* End of Form Box */

/* Homepage */
#header-slider .carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #777;
}

#header-slider .carousel-indicators li.active {
	background-color: var(--primary) !important;
}
/* End of Homepage */

/* Product - Homepage */
.card-image-col {
    position: relative;
}

.btn-wishlist {
    position: absolute;
    bottom: 10px;
    left: 10px;
	border-radius: 50%;
    width: 50px;
    height: 50px;
}

/* .btn-wishlist i {
    line-height: 40px;
} */

.product-detail {
	background: #F3F3F3;
	border-radius: 10px;
}

.product-detail .product-name {
	font-size: 17px;
	font-weight: 800;
}

.product-detail .product-price, .product-detail .product-down-payment {
	font-size: 15px;
}

.product-description p {
	color: var(--black-70) !important;
}

.btn-page, .btn-arrow {
    width: 31px;
    height: 31px;
    font-weight: bold;
}

.btn-page.active, .btn-page:hover {
    color: #fff;
    background: var(--primary) !important;
}

#slide-product-banners .slick-prev, #slide-product-banners .slick-next{
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	top: calc(50% - 30px);
}
/* End of Product - Homepage */

/* Article page */
.slick-highlight-articles .slick-dots {
	display: flex;
	flex-direction: column;
	position: absolute;
	bottom: 0px;
	right: 20px;
	align-items: end;
}

.slick-highlight-articles .slick-dots li button {
	margin-bottom: 5px;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 10px;
	border: 1px solid var(--white) !important;
    background-color: transparent;
	cursor: pointer;
	transition: background-color 0.3s;
}

.slick-highlight-articles .slick-dots li.slick-active button {
	background-color: var(--white) !important;
}

.highlight-article::before {
	content: "";
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: calc(100% - 30px);
	height: 100%;
	position: absolute;
	background: linear-gradient(180deg, transparent, var(--black-primary));
	/* border-radius: 10px; */
}

.article-banner {
	/* position: relative; */
}

.article-banner .diagonal-images img {
	width: 200px;
}

@media screen and (max-width: 768px){
	.article-banner .diagonal-images img {
		width: auto;
	}
}

.article-detail {
	border: 1px solid #092332;
    border-radius: 15px;
}
/*.article-detail .article-tags {
	font-size: 14px;
}

.article-detail .article-title a {
	color: #092332;
	font-weight: bold;
}

.article-detail .article-body {
	color: #777;
}

.article-detail .article-readmore a {
	color: var(--primary);
}*/

#slick-articles .slick-dots {
    width: 100%;
    text-align: center;
    align-items: center;
	justify-content: center;
  	display: flex;
	padding: 0;
}

#slick-articles .slick-dots li {
    display: table-cell;
    background: #092332;
    border-radius: 10px;
    width: 10px;
    height: 10px;
	margin: 7.5px;
}

#slick-articles .slick-dots li.slick-active {
	background: var(--primary);
}

#slick-articles .slick-dots button {
    display: none;
}

#col-inp-search-article .row:focus-within {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#col-inp-search-article .row:focus-within input:focus {
	box-shadow: none;
}

/* Ribbon */
.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}
.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #2980b9;
}
.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 15px 0;
	background-color: #3498db;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	color: #fff;
	font: 700 18px/1 'Lato', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	text-transform: uppercase;
	text-align: center;
}
  
  /* top left*/
.ribbon-top-left {
	top: -10px;
	left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
}
.ribbon-top-left::before {
	top: 0;
	right: 0;
}
.ribbon-top-left::after {
	bottom: 0;
	left: 0;
}
.ribbon-top-left span {
	right: -25px;
	top: 30px;
	transform: rotate(-45deg);
}
  
  /* top right*/
.ribbon-top-right {
	top: -10px;
	right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
	border-top-color: transparent;
	border-right-color: transparent;
}
.ribbon-top-right::before {
	top: 0;
	left: 0;
}
.ribbon-top-right::after {
	bottom: 0;
	right: 0;
}
.ribbon-top-right span {
	left: -25px;
	top: 30px;
	transform: rotate(45deg);
}
  
  /* bottom left*/
.ribbon-bottom-left {
	bottom: -10px;
	left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.ribbon-bottom-left::before {
	bottom: 0;
	right: 0;
}
.ribbon-bottom-left::after {
	top: 0;
	left: 0;
}
.ribbon-bottom-left span {
	right: -25px;
	bottom: 30px;
	transform: rotate(225deg);
}
  
  /* bottom right*/
.ribbon-bottom-right {
	bottom: -10px;
	right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
	border-bottom-color: transparent;
	border-right-color: transparent;
}
.ribbon-bottom-right::before {
	bottom: 0;
	left: 0;
}
.ribbon-bottom-right::after {
	top: 0;
	right: 0;
}
.ribbon-bottom-right span {
	left: -25px;
	bottom: 30px;
	transform: rotate(-225deg);
}

/* Product Page */
#sort-and-pagination .btn, #sort-and-pagination .btn-sort, #sort-and-pagination .select-sort {
	padding: .75rem 1.5rem
}

#sort-and-pagination .btn-sort.active {
	background: var(--primary);
	color: #fff;
}

#sort-and-pagination .select-sort {
    width: 100%;
	height: calc(2.25rem + 14px);
}

#sort-and-pagination .select-sort option {
	/*background: var(--primary);
	color: #fff;*/
}

@media screen and (max-width: 768px){
	#sort-and-pagination .select-sort {
		width: inherit;
	}

	#sort-and-pagination .btn, #sort-and-pagination .btn-sort, #sort-and-pagination .select-sort {
		width: 100%;
		padding: .375rem .75rem;
	}
}

#product-list a {
	text-decoration: none;
	color: #000;
}

.product-loading .fa-spinner {
	font-size: 60px;
}

.product-detail img {
	width: 100%;
}

/* End of Product Page */

/* Product Detail Page */
#product-detail-page .product-name {
	color: #0A2330;
	font-weight: bold;
	font-size: 28px;
}

#product-detail-page .product-price {
	color: #0A2330;
	font-weight: bold;
	font-size: 25px;	
}

#product-detail-page .product-specification {
	font-size: 13px;
}

#product-detail-page .product-ram-rom #ram-rom-price-choice {
    background: #fff;
    border-radius: 15px;
    border: 1px solid #092332;
    color: #092332;
    padding: 7.5px 15px;
    font-size: 14px;
}

#product-detail-page .product-ram-rom #ram-rom-price-choice.active {
    border: 1px solid var(--primary);
}

#product-detail-page #btn-apply-now {
	border-radius: 15px;
	padding: 10px;
}

#product-detail-page #color-choice.active {
    border: 3px #fff double;
}

#product-detail-page #color-choice.active.active-white {
	border: 3px #555 double;	
}

#product-detail-page #color-choice {
    padding: 10px;
    border: 1px solid #000;
    border-radius: 50%;
    margin-right: 5px;
}

@media screen and (max-width: 768px){
	#product-detail-page .product-ram-rom #ram-rom-price-choice {
		font-size: 12px;
		margin-bottom: 7.5px;
	}
}

.section#related-product .section-title {
	font-size: 25px;
}

.data-related-product a {
	text-decoration: none;
	color: #000;
}
/* End of Product Detail Page */

/* Custom Select2 */
.select2-container {
	width: 100% !important;
}

.select2-container .select2-selection--single {
	height: calc(2.25rem + 2px) !important;
	padding: .375rem .75rem !important;
	font-size: 1rem !important;
	border: 1px solid #ced4da;
	border-radius: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: calc(2.25rem + 2px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1.5 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	/* top: 0.55rem !important; */
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	margin-right: 0.5rem !important;
}

.select2-results__option--selectable small {
	color: var(--gray-500);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable small {
	color: var(--white);
}
/* End of Custom Select2 */

.ul-fa-check-circle-success ul, .ul-fa-check-success ul, .ul-fa-check-white ul {
	padding: 0 15px;
}

.ul-fa-check-circle-success ul li, .ul-fa-check-success ul li, .ul-fa-check-white ul li {
	padding-left: 5px;
}

.ul-fa-check-circle-success ul li::marker, .ul-fa-check-success ul li::marker, .ul-fa-check-white ul li::marker {
	font: normal normal normal 14px/1 FontAwesome;
    padding-left: 0; /* Adjust as needed */
}

.ul-fa-check-circle-success ul li::marker {
    content: "\f058"; /* Unicode for the green check-circle icon */
    color: var(--success); /* Set the color to green or your preferred color */
}

.ul-fa-check-success ul li::marker {
    content: "\f00c"; /* Unicode for the green check-circle icon */
    color: var(--success); /* Set the color to green or your preferred color */
}

.ul-fa-check-white ul li::marker {
    content: "\f00c"; /* Unicode for the green check-circle icon */
    color: var(--white); /* Set the color to green or your preferred color */
}

/* Partnership Pricelist */
.partnership-pricelist-card {

}

.partnership-pricelist-card sup {
    top: -0.75rem;
}

.partnership-pricelist-card .badge-pricelist-popular {
    top: -20px;
}

.partnership-pricelist-card .card-footer {
    border-top: transparent;
}
/* End of Partnership Pricelist */

/* Product Pricelist */
.product-pricelist-card {

}

.product-pricelist-card sup {
    top: -0.75rem;
}

.product-pricelist-card .badge-pricelist-hotdeals {
    top: -40px;
}

.product-pricelist-card .card-footer {
    border-top: transparent;
}

.additional-information-pricelists ol {
	padding-left: 1.5rem!important;
}

.additional-information-pricelists ol li {
	padding-left: 1rem!important;
}

.additional-information-pricelists li {
	padding-bottom: 10px !important;
}

.table-container {
	max-height: 400px; /* Set the maximum height for the table */
	overflow-y: auto; /* Enable vertical scrolling */
}

.table-container thead {
	position: sticky;
	top: -2px;
	background-color: var(--gray-200);
	z-index: 1;
}

.table-fixed-first-column {
	width: 100%;
	border-collapse: collapse;
	overflow-x: auto;
}

.table-fixed-first-column thead {
	z-index: 10;
}

.table-fixed-first-column th, .table-fixed-first-column td {
	/* white-space: nowrap; */
}

/* Fix the first column on mobile */
.table-fixed-first-column th:first-child, .table-fixed-first-column td:first-child {
	position: sticky;
	left: -2px;
	min-width: 130px;
}

.table-fixed-first-column th:not(:first-child) {
	z-index: 9;
}

.table-fixed-first-column th:first-child {
	z-index: 10;
	background: var(--gray-200);
}

.table-fixed-first-column td:not(:first-child) {
	z-index: 5;
}

.table-fixed-first-column td:first-child {
	z-index: 6;
	background: var(--white);
}

/* Responsive styles for mobile */
/* @media only screen and (max-width: 600px) {
	.table-fixed-first-column th, .table-fixed-first-column td {
		display: block;
		width: 100%;
	}

	.table-fixed-first-column th:first-child, .table-fixed-first-column td:first-child {
		position: static;
	}
} */

.card-team {
	/* position: sticky; 
	bottom: 0; 
	z-index: 1000; */
	margin-top: 70px;
}

.team-banner {
	margin-top: -140px;
}
/* End of Product Pricelist */

.custom-option {
    display: flex;
    justify-content: space-between;
}

.custom-option .text-gray-700 {
    margin: 0;
}

.custom-option .text-gray-400 {
    margin: 0;
    font-size: 14px;
    color: #888;
}

#productMenuOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Transparent black background with 0.5 opacity */
    display: none; /* Initially hidden */
    z-index: 1000; /* Place the overlay above other content */
}