/* Extracted CSS - Only classes used in the HTML */

/* ===== Base Reset Rules ===== */
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent;
	scrollbar-width: thin;
	overflow-x: hidden;
	max-width: 100% !important;
}

h1 {
	margin: 0px;
}

body {
	margin: 0;
	line-height: inherit;
	background-color: #fff;
	overflow-x: hidden !important;
}

*,
::before,
::after {
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #e5e7eb;
}

/* ===== Layout ===== */
.flex {
	display: flex;
}

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

.flex-col {
	flex-direction: column;
}

.flex-grow {
	flex-grow: 1;
}

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

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

.justify-center {
	justify-content: center;
}

/* ===== Sizing ===== */
.h-10 {
	height: 2.5rem;
}

.w-10 {
	width: 2.5rem;
}

.w-full {
	width: 100%;
}

/* ===== Spacing ===== */
.mx-2 {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.mx-4 {
	margin-left: 1rem;
	margin-right: 1rem;
}

.mb-3 {
	margin-bottom: 0.75rem;
}

.mb-4 {
	margin-bottom: 1rem;
}

.px-3 {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.px-8 {
	padding-left: 2rem;
	padding-right: 2rem;
}

.py-0 {
	padding-top: 0;
	padding-bottom: 0;
}

.py-2 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/* ===== Borders ===== */
.rounded {
	border-radius: 0.25rem;
}

.rounded-full {
	border-radius: 9999px;
}

.border-b {
	border-bottom-width: 1px;
}

.border-t {
	border-top-width: 1px;
}

.border-blue-400 {
	--tw-border-opacity: 1;
	border-color: rgb(96 165 250 / var(--tw-border-opacity));
}

.border-gray-300 {
	--tw-border-opacity: 1;
	border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

/* ===== Backgrounds ===== */
.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-gray-100 {
	--tw-bg-opacity: 1;
	background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-blue-600 {
	--tw-bg-opacity: 1;
	background-color: rgb(122 193 67 / var(--tw-bg-opacity));
}

/* ===== Typography ===== */
.text-center {
	text-align: center;
}

.text-xs {
	font-size: 0.75rem;
	line-height: 1rem;
}

.text-sm {
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

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

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

.uppercase {
	text-transform: uppercase;
}

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-gray-400 {
	--tw-text-opacity: 1;
	color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-500 {
	--tw-text-opacity: 1;
	color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-800 {
	--tw-text-opacity: 1;
	color: rgb(31 41 55 / var(--tw-text-opacity));
}

/* ===== Responsive: Small screens (640px+) ===== */
@media (min-width: 640px) {
	.sm\:flex-row {
		flex-direction: row;
	}

	.sm\:items-start {
		align-items: flex-start;
	}

	.sm\:mb-0 {
		margin-bottom: 0;
	}

	.sm\:w-auto {
		width: auto;
	}

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

	.sm\:justify-start {
		justify-content: flex-start;
	}
}

img,
video {
	max-width: 100%;
	height: auto;
}

/* ===== Responsive: Medium screens (768px+) ===== */
@media (min-width: 768px) {
	.md\:px-0 {
		padding-left: 0;
		padding-right: 0;
	}

	.md\:mr-20 {
		margin-right: 5rem;
	}
}

/* OVERRIDES */

a {
	color: #1580f2 !important;
	text-decoration: none;
}

a.download_button {
	color: #fff !important;
	text-decoration: none !important;
}

blockquote {
	background: #eee;
	border-left: 4px solid #006699;
	font-size: 1em;
	padding: 10px 20px;
	margin: 0 0 20px;
	margin-right: 1rem;
	margin-left: 1rem;
}

.clicksterTag {
	display: inline !important;
}

@media screen and (max-width: 600px) {
	blockquote {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	blockquote p {
		display: inline;
		/* Optionally make the entire paragraph inline if it suits your design */
		padding-left: 0px;
	}

	/* .footer-logos {
		max-width: 90vw;
	}
}

@media (orientation: landscape) {
	.footer-logos {
		max-width: 90vw;
	}
} */