@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

*,
	::backdrop,
	:after,
	:before {
		--tw-border-style: solid;
	}

:host,
	:root {
		--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
		--color-gray-100: #f7f7f7;
		--color-gray-300: #e7e6e6;
		--color-gray-700: #333;
		--color-gray-900: #282828;
		--color-white: #fff;
		--spacing: .25em;
		--container-3xl: 48em;
		--default-font-family: var(--font-sans);
		--default-mono-font-family: var(--font-mono);
		--color-primaryGreen: #00A870;
		--color-dullGreen: #2B816D;
		--color-richGreen: #008055;
		--radius-lg: 0.5em;
	}

*,
	::backdrop,
	:after,
	:before {
		box-sizing: border-box;
		border: 0 solid;
		margin: 0;
		padding: 0
	}

	::file-selector-button {
		box-sizing: border-box;
		border: 0 solid;
		margin: 0;
		padding: 0
	}

	.omada-landing html,
	:host {
		-webkit-text-size-adjust: 100%;
		-moz-tab-size: 4;
		tab-size: 4;
		line-height: 1.5;
		font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
		font-feature-settings: var(--default-font-feature-settings, normal);
		font-variation-settings: var(--default-font-variation-settings, normal);
		-webkit-tap-highlight-color: transparent
	}

	.omada-landing .widgets-top-banner {
		display: none !important;
	}

	.omada-landing hr {
		height: 0;
		color: inherit;
		border-top-width: 1px
	}

	.omada-landing abbr:where([title]) {
		-webkit-text-decoration: underline dotted;
		text-decoration: underline dotted
	}

	.omada-landing h1,
	.omada-landing h2,
	.omada-landing h3,
	.omada-landing h4,
	.omada-landing h5,
	.omada-landing h6 {
		font-size: inherit;
		font-weight: inherit
	}

	.omada-landing a {
		color: inherit;
		-webkit-text-decoration: inherit;
		text-decoration: inherit
	}

	.omada-landing b,
	.omada-landing strong {
		font-weight: bolder
	}

	.omada-landing small {
		font-size: 80%
	}

	.omada-landing table {
		text-indent: 0;
		border-color: inherit;
		border-collapse: collapse
	}

	:-moz-focusring {
		outline: auto
	}

	.omada-landing summary {
		display: list-item
	}

	.omada-landing menu,
	.omada-landing ol,
	.omada-landing ul {
		list-style: none
	}

	.omada-landing audio,
	.omada-landing canvas,
	.omada-landing embed,
	.omada-landing iframe,
	.omada-landing img,
	.omada-landing object,
	.omada-landing svg,
	.omada-landing video {
		vertical-align: middle;
		display: block
	}

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

	.omada-landing button,
	.omada-landing input,
	.omada-landing optgroup,
	.omada-landing select,
	.omada-landing textarea {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		opacity: 1;
		background-color: #0000;
		border-radius: 0
	}

	::file-selector-button {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		opacity: 1;
		background-color: #0000;
		border-radius: 0
	}

	::placeholder {
		opacity: 1
	}

	@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
		::placeholder {
			color: currentColor
		}

		@supports (color:color-mix(in lab, red, red)) {
			::placeholder {
				color: color-mix(in oklab, currentcolor 50%, transparent)
			}
		}
	}

	textarea {
		resize: vertical
	}

	::-webkit-search-decoration {
		-webkit-appearance: none
	}

	:-moz-ui-invalid {
		box-shadow: none
	}

	.omada-landing button,
	.omada-landing input:where([type=button], [type=reset], [type=submit]) {
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button
	}

	::file-selector-button {
		margin-inline-end: 4px;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button
	}

	[hidden]:where(:not([hidden=until-found])) {
		display: none !important
	}

	.omada-landing {
		color: var(--color-gray-900);
		font-family: Manrope, sans-serif !important;
		letter-spacing: 0 !important;
		font-size: 16px !important;
	}

	.omada-landing h1, .omada-landing h2, .omada-landing h3, .omada-landing h4 {
		font-family: Manrope, sans-serif !important;
		letter-spacing: 0 !important;
		color: var(--color-gray-900);
	}

	.omada-landing h1 {
		font-size: clamp(2em, 2vw + 1em, 3.75em) !important;
		font-weight: 300;
		line-height: 1.2;
	}

	.omada-landing h2 {
		font-size: clamp(1.65em, 1vw + 1.5em, 3em) !important;
		font-weight: 300;
		line-height: 1.3
	}

	.omada-landing h3 {
		font-size: clamp(1.5em, 1vw + 1em, 2em) !important;
		font-weight: 400;
		line-height: 1.3
	}

	.omada-landing h4 {
		font-size: clamp(1em, 1vw + .5em, 1.5em) !important;
		font-weight: 400;
		line-height: 1.375
	}

	.omada-landing li,
	.omada-landing p,
	.omada-landing a {
		font-size: clamp(.875em, 1vw + .2em, 1em);
		font-weight: 400;
		line-height: 1.6;
	}

	.omada-landing p a {
		font-size: 1em;
		font-weight: 400;
		line-height: 1.6;
	}

	.omada-landing .large-paragraph {
		font-size: clamp(.975em, 1vw + .2em, 1.25em);
		font-weight: 400
	}

	.omada-landing .link {
		color: var(--color-richGreen);
		text-underline-offset: 4px;
		font-weight: 400;
		transition: .2s ease-in-out;
	}

	.omada-landing .link:hover {
		text-decoration: underline;
		text-decoration-thickness: 1px;
	}

	.omada-landing .partner-logo img {
		transition: .2s ease-in-out;
		outline: 1px solid transparent;
	}
	.omada-landing .partner-logo img:hover {
		outline: 1px solid var(--color-primaryGreen);
		transition: .2s ease-in-out;
	}

	.omada-landing .main-container {
		flex-direction: column;
		align-items: center;
		/* min-height: 100vh; */
		display: flex
	}

	.omada-landing .section-container {
		width: 100%;
	}

	.omada-landing .btn-primary {
		background-color: var(--color-primaryGreen);
		color: #fff;
		border-radius: .25em;
		padding: .7em 1.2em;
		font-weight: 500;
		font-size: clamp(.975em, 1vw + .2em, 1em);
		width: fit-content;
		text-wrap: nowrap;
		transition: .2s ease-in-out;
	}

	.omada-landing .btn-primary:hover {
		background-color: var(--color-dullGreen);
		transition: .2s ease-in-out;
		color: #fff;
	}

	.omada-landing .partner-search {
		display: flex;
		align-items: center;
		gap: .75em;
		width: 100%;
		max-width: 540px;
		background: #fff;
		border-radius: .25em;
		padding: .7em 1.2em;
		color: #aaa;
	}

	.omada-landing .partner-search svg {
		flex-shrink: 0;
	}

	.omada-landing .search-input {
		flex: 1;
		min-width: 0;
		border: none;
		font-size: clamp(.975em, 1vw + .2em, 1em);
		outline: none;
		color: var(--color-gray-700);
		background: transparent;
		padding: 0;
		font-weight: 400;
	}

	.omada-landing .search-input:focus {
		outline: none !important;
		box-shadow: none !important;
		border: none !important;
	}

	.omada-landing .search-input::placeholder {
		color: #aaa;
	}

	.omada-landing .relative {
		position: relative
	}

	.omada-landing .m-auto {
		margin: auto
	}

	.omada-landing .mx-auto {
		margin-inline: auto
	}

	.omada-landing .flex {
		display: flex
	}

	.omada-landing .grid {
		display: grid
	}

	.omada-landing .w-full {
		width: 100%
	}

	.omada-landing .max-w-3xl {
		max-width: var(--container-3xl)
	}

	.omada-landing .grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.omada-landing .flex-col {
		flex-direction: column
	}

	.omada-landing .items-center {
		align-items: center
	}

	.omada-landing .justify-between {
		justify-content: space-between
	}

	.omada-landing .gap-1 {
		gap: calc(var(--spacing)*1)
	}

	.omada-landing .gap-3 {
		gap: calc(var(--spacing)*3)
	}

	.omada-landing .gap-4 {
		gap: calc(var(--spacing)*4)
	}

	.omada-landing .gap-6 {
		gap: calc(var(--spacing)*6)
	}

	.omada-landing .gap-8 {
		gap: calc(var(--spacing)*8)
	}

	.omada-landing .gap-16 {
		gap: calc(var(--spacing)*16)
	}

	.omada-landing .self-center {
		align-self: center
	}

	.omada-landing .rounded-lg {
		border-radius: var(--radius-lg)
	}

	.omada-landing .border-b {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 1px
	}

	.omada-landing .border-gray-300 {
		border-color: var(--color-gray-300)
	}

	.omada-landing .bg-gray-100 {
		background-color: var(--color-gray-100)
	}

	.omada-landing .bg-\[url\(\/images\/hero\.png\)\] {
		background-image: url('images/hero-bg_web.svg')
	}

	.omada-landing .bg-cover {
		background-size: cover
	}

	.omada-landing .bg-center {
		background-position: 50%
	}

	.omada-landing .py-16 {
		padding-block: calc(var(--spacing)*16)
	}

	.omada-landing .pb-3 {
		padding-bottom: calc(var(--spacing)*3)
	}

	.omada-landing .text-center {
		text-align: center
	}

	.omada-landing .text-white {
		color: var(--color-white)
	}

	.omada-landing .text-white\/80 {
		color: #fffc
	}

	@supports (color:color-mix(in lab, red, red)) {
		.text-white\/80 {
			color: color-mix(in oklab, var(--color-white) 80%, transparent)
		}
	}

	.omada-landing .hero-container {
		flex-direction: row;
		display: flex;
		padding: 6.5em 0;
	}

	@media screen and (max-width: 64em) {
		.omada-landing .hero-container {
			flex-direction: column;
		}
	}

	.omada-landing .max-w-page {
		width: 95em;
	}

	@media (min-width: 1680px) {
		.omada-landing .max-w-page {
			width: 79.1666666vw;
			max-width: 1920px;
		}
	}

	@media (min-width: 1921px) {
		.omada-landing .max-w-page {
			width: 79.1666666vw;
		}
	}

	@media (max-width: 1680px) {
		.omada-landing .max-w-page {
			width: 80%;
		}
	}

	@media (max-width: 768px) {
		.omada-landing .max-w-page {
			width: 90%;
		}
		.omada-landing .hero-container {
			padding: 4.5em 0;
		}
	}

	@media (min-width: 48em) {
		.omada-landing .md\:grid-cols-3 {
			grid-template-columns: repeat(3, minmax(0, 1fr))
		}

		.omada-landing .md\:gap-6 {
			gap: calc(var(--spacing)*6)
		}
	}

	@media (min-width: 64em) {
		.omada-landing .lg\:py-28 {
			padding-block: calc(var(--spacing)*28)
		}
	}

	@media (min-width: 100em) {
		.omada-landing .\32xl\:gap-8 {
			gap: calc(var(--spacing)*8)
		}
	}

@property --tw-border-style {
	syntax: "*";
	inherits: false;
	initial-value: solid
}