.margin-top-md {
	margin-top: 1.2rem;
}

.margin-top-sm {
	margin-top: 0.5rem;
}

.margin-right-md {
	margin-right: 100px;
}

.margin-bottom-md {
	margin-bottom: 30px;
}

.italic {
	font-style: italic;
}

.padding-top-lg {
	padding-top: 60px;
}

.responsive-text {
	text-align: left;
	/* default for normal screens */
}

.text-justify {
	text-align: justify;
}

.rotate-180 {
	transform: scaleX(-1);
}

@media (max-width: 768px) {
	.responsive-text {
		text-align: center;
		/* for smaller screens */
	}

	.margin-right-md {
		margin-right: 0px;
	}

	.margin-bottom-md {
		margin-bottom: 0;
	}

	.padding-top-lg {
		padding-top: 20px;
	}
}

.padding-md {
	padding: 2rem 2rem;
}

.font-gamers {
	text-transform: uppercase;
	color: white;
	font-weight: 700;
	font-family: var(--e-global-typography-accent-font-family), sans-serif;
}

.font-size-sm {
	font-size: 0.5rem;
}

.font-size-md {
	font-size: 0.8rem;
}

.desktop-60 {
	width: 100%;
	/* default for mobile & tablet */
}

.desktop-100 {
	width: 100%;
}

@media (min-width: 1024px) {
	.desktop-60 {
		width: 50%;
	}
}

.service-container {
	width: 80%;
	margin: 0 auto;
}

.text-color-primary {
	color: var(--e-global-color-accent);
}

.successMessage {
	display: none;
	color: var(--e-global-color-30afcfc);
	margin-top: 10px;
	font-weight: 600;
}

/* MOBILE ONLY */
@media (max-width: 768px) {

	/* make the row horizontal + scrollable */
	.elementor-element-6985a8b .e-con-inner {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory !important;
		-webkit-overflow-scrolling: touch !important;
		gap: 0 !important;
	}

	/* each card = full width */
	.elementor-element-6985a8b .e-con-inner>a {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		scroll-snap-align: start !important;
	}

	/* THIS is the important part: remove Elementor 3D / tilt on mobile */
	.elementor-element-6985a8b .e-con-inner>a .e-transform,
	.elementor-element-6985a8b .e-con-inner>a {
		transform: none !important;
	}

	/* if inner containers also had translateY animations, kill them */
	.elementor-element-6985a8b .e-con-inner [style*="transform"] {
		transform: none !important;
	}

	/* hide scrollbar (optional) */
	.elementor-element-6985a8b .e-con-inner::-webkit-scrollbar {
		display: none;
	}
}

@media (max-width: 768px) {

	/* Increase overall card height */
	.elementor-element-6985a8b .e-con-inner>a {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		scroll-snap-align: start !important;
		height: 450px !important;
		/* 👈 adjust this value as needed */
	}

	/* force inner elements to fill the card height properly */
	.elementor-element-6985a8b .e-con-inner>a>.e-con {
		height: 100% !important;
	}

	/* remove any transforms and keep cards straight */
	.elementor-element-6985a8b .e-con-inner>a,
	.elementor-element-6985a8b .e-con-inner [style*="transform"] {
		transform: none !important;
	}
}

.grid-col-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr) !important;
	grid-template-rows: repeat(1, 1fr) !important;
}

.max-w-100 {
	max-width: 200px !important;
	opacity: 0.8;
}