/* font  */
@import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap");
/* tailwind css  */
@tailwind base;
@tailwind components;
@tailwind utilities;

body {
	font-family: "Onest", sans-serif;
	background-color: #2a2a2a;
	color: #fff;
	font-style: normal;
}

/* Base styles for .container */
.container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1440px !important;
	padding-left: 1rem; /* Equivalent to px-4 */
	padding-right: 1rem; /* Equivalent to px-4 */
}

/* Small breakpoint (sm) - typically 640px and up */
@media (min-width: 640px) {
	.container {
		padding-left: 1.5rem; /* Equivalent to sm:px-6 */
		padding-right: 1.5rem; /* Equivalent to sm:px-6 */
	}
}

/* Large breakpoint (lg) - typically 1024px and up */
@media (min-width: 1024px) {
	.container {
		padding-left: 2rem; /* Equivalent to lg:px-8 */
		padding-right: 2rem; /* Equivalent to lg:px-8 */
	}
}

/* Extra-large breakpoint (xl) - typically 1280px and up */
@media (min-width: 1280px) {
	.container {
		padding-left: 100px; /* Equivalent to xl:px-[54px] */
		padding-right: 100px; /* Equivalent to xl:px-[54px] */
	}
}

.gd-text {
	background: linear-gradient(90deg, #fff 0.06%, #efb801 99.94%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.polygon-bg {
	background-image: url(/assets/img/polygon.svg);
	background-size: cover;
	background-position: center;
}

.slick-dots li button:before {
	color: #fff !important;
	padding: 0 !important;
	width: fit-content !important;
	height: fit-content !important;
	font-size: 14px !important;
}

.yellow-gdText {
	background: linear-gradient(81deg, #ffc053 10.61%, #e5c48c 89.39%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.slick-arrow {
	display: none !important;
}

@media all and (max-width: 540px) {
	.slick-dots {
		width: fit-content !important;
	}
}

.hide-scrollbar {
	-ms-overflow-style: none; /* IE & Edge */
	scrollbar-width: none; /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}
.red-stroke {
	-webkit-text-stroke: 2px rgb(89, 7, 2);
}
.gold-text {
	/* font-family: "Times New Roman", serif; 
	font-family: "Times New Roman", Times, serif; */
	color: #e0a800;

	/* Inner gradient for richer gold */
	background: linear-gradient(180deg, #ffdb58 0%, #e0a800 40%, #b8860b 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	/* Multiple shadows for a 3D embossed look */
	text-shadow: 0 1px 0 #e0a800, 0 3px 0 #ffdb58, 0 3px 0 #ffdb58,
		0 4px 0 #e0a800, 0 5px 15px rgba(0, 0, 0, 0.628);

	letter-spacing: 4px; /* nice spacing like the example */
	font-family: "Merriweather", serif;
}
.gold-title {
	font-size: 100px; /* adjust size */
	line-height: 1;
	font-weight: 800;
}
@media (max-width: 767px) {
	.gold-title {
		font-size: 11vw;
	}
}