:root {
    --color-white: #fff;
    --color-black: #000;
    --color-phu: radial-gradient(
		circle at center,
		#1d4ed8 0%,
		#0f3fc2 35%,
		#0a2aa8 65%,
		#000080 100%
    );
	--color-main: #1d4ed8;
    --tw-text-opacity: 1;
}

h1, h2, h3 {
	font-weight: 700 !important;
}

/* Áp dụng cho Chrome, Edge và Safari */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: var(--color-white);
}

::-webkit-scrollbar-thumb {
	background-color: var(--color-main);
	border-radius: 8px;
	border: none;
}

.loc, .shop-container {
	position: relative;
	overflow: hidden;
	background: radial-gradient(circle at 8% 12%, rgba(26, 229, 205, 0.22), transparent 34%),
        radial-gradient(circle at 92% 10%, rgba(110, 90, 255, 0.24), transparent 36%),
        radial-gradient(circle at 58% 72%, rgba(22, 86, 190, 0.18), transparent 44%),
        linear-gradient(135deg, #02161c 0%, #071738 48%, #170d38 100%) !important;
}

.loc::before, .shop-container::before {
	content: "";
	position: absolute;
	top: -30%;
	right: 26%;
	width: 60%;
	height: 140%;
	background: radial-gradient(
		circle,
		rgba(96, 146, 208, 0.35) 0%,
		rgba(96, 146, 208, 0.22) 30%,
		rgba(96, 146, 208, 0.10) 55%,
		transparent 75%
	);
	filter: blur(70px);
	pointer-events: none;
}

.loc .section-content {
	position: relative;
	z-index: 2;
}

.absolute-footer.dark {
	display: none;
}

.off-canvas-left .mfp-content {
	background: var(--color-phu) !important;
}

.flex-grow .nav-left {
    justify-content: center !important;
}