/* 
.container {
	max-width: 100%;
}

@media (min-width: 768px) {
	.container {
		max-width: 768px;
	}
}

@media (min-width: 1024px) {
	.container {
		max-width: 1024px;
	}
}

@media (min-width: 1280px) {
	.container {
		max-width: 1280px;
	}
}

@media (min-width: 1440px) {
	.container {
		max-width: 1440px;
	}
} */

/* Position */
.relative {
	position: relative;
}

/* Display */
.block {
	display: block;
}

.flex {
	display: flex;
}

.hidden {
	display: none;
}

/* Aspect Ratio */
.aspect-\[1\.12\/1\] {
	aspect-ratio: 1.12/1;
}

/* Size */
.size-40px {
	width: 40px;
	height: 40px;
}

/* Height */
.h-auto {
	height: auto;
}

/* Width */
.w-full {
	width: 100%;
}

/* Margin */
.mt-0 {
	margin-top: 0;
}

.mt-10px {
	margin-top: 10px;
}

.mt-\[10px\] {
	margin-top: 10px;
}

.mt-\[16px\] {
	margin-top: 16px;
}

.mt-\[44px\] {
	margin-top: 44px;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

/* Flex */
.flex-col {
	flex-direction: column;
}

.items-center {
	align-items: center;
}

.justify-between {
	justify-content: space-between;
}

/* Padding */
.px-\[10px\] {
	padding-left: 10px;
	padding-right: 10px;
}

.px-\[15px\] {
	padding-left: 15px;
	padding-right: 15px;
}

.py-\[28px\] {
	padding-top: 28px;
	padding-bottom: 28px;
}

/* Border */
.\!border-\[2px\] {
	border-width: 2px !important;
}

.border-sol {
	border-style: solid;
}

.rounded-\[18px\] {
	border-radius: 18px;
}

.rounded-\[30px\] {
	border-radius: 30px;
}

/* Background */
.\!background-none {
	background: none !important;
}

/* Text */
.text-center {
	text-align: center;
}

.font-inter {
	font-family: var(--font-inter), sans-serif;
}

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

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

.text-\[14px\] {
	font-size: 14px;
}

.text-\[30px\] {
	font-size: 30px;
}

.leading-\[18px\] {
	line-height: 18px;
}

.leading-\[25px\] {
	line-height: 25px;
}

.leading-\[27px\] {
	line-height: 27px;
}

.leading-\[100\%\] {
	line-height: 100%;
}

.tracking-\[-0\.02em\] {
	letter-spacing: -0.02em;
}

.text-\[\#111111\] {
	color: rgb(17, 17, 17);
}

.text-custom-111 {
	color: rgb(17, 17, 17);
}

.text-neutral-35 {
	color: rgb(77, 74, 84);
}

/* Stack Container */
.stackContainer {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.card {
	top: 100px;
	z-index: 10;
}

.card-item {
	/* Custom card styling if needed */
}

.transform-origin-top-center {
	transform-origin: top center;
}

.duration-400 {
	transition-duration: 400ms;
}

.transition-transform {
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-in-out {
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Responsive Design */
@media (min-width: 768px) {
	.md\:mt-18px {
		margin-top: 18px;
	}

	.md\:mt-\[28px\] {
		margin-top: 28px;
	}

	.md\:mt-\[70px\] {
		margin-top: 70px;
	}

	.md\:mt-40px {
		margin-top: 40px;
	}

	.md\:block {
		display: block;
	}

	.md\:w-\[68\%\] {
		width: 68%;
	}

	.md\:rounded-\[30px\] {
		border-radius: 30px;
	}

	.md\:border-\[6px\] {
		border-width: 6px;
	}

	.md\:px-\[30px\] {
		padding-left: 30px;
		padding-right: 30px;
	}

	.md\:px-\[76px\] {
		padding-left: 76px;
		padding-right: 76px;
	}

	.md\:py-\[52px\] {
		padding-top: 52px;
		padding-bottom: 52px;
	}

	.md\:text-\[16px\] {
		font-size: 16px;
	}

	.md\:text-\[40px\] {
		font-size: 40px;
	}

	.md\:text-\[54px\] {
		font-size: 54px;
	}

	.md\:leading-\[18px\] {
		line-height: 18px;
	}

	.md\:leading-\[42px\] {
		line-height: 42px;
	}
}

@media (min-width: 1280px) {
	.xl\:mt-0 {
		margin-top: 0;
	}

	.xl\:mt-\[28px\] {
		margin-top: 28px;
	}

	.xl\:mt-\[50px\] {
		margin-top: 50px;
	}

	.xl\:mt-\[100px\] {
		margin-top: 100px;
	}

	.xl\:block {
		display: block;
	}

	.xl\:w-\[44\%\] {
		width: 44%;
	}

	.xl\:w-\[47\%\] {
		width: 47%;
	}

	.xl\:flex-row {
		flex-direction: row;
	}

	.xl\:gap-24 {
		gap: 6rem;
	}

	.xl\:px-\[140px\] {
		padding-left: 140px;
		padding-right: 140px;
	}

	.xl\:pl-\[87px\] {
		padding-left: 87px;
	}

	.xl\:pr-\[45px\] {
		padding-right: 45px;
	}

	.xl\:py-\[62px\] {
		padding-top: 62px;
		padding-bottom: 62px;
	}

	.xl\:text-left {
		text-align: left;
	}

	.xl\:text-\[18px\] {
		font-size: 18px;
	}

	.xl\:text-\[40px\] {
		font-size: 40px;
	}

	.xl\:text-\[60px\] {
		font-size: 60px;
	}

	.xl\:leading-\[26px\] {
		line-height: 26px;
	}
}

@media (min-width: 1280px) {
	.card {
		position: sticky;
	}
}