/**
 * TenUpTheme
 * https://project-website.tld
 *
 */

/**
 *
 * This injects Tailwind's base styles and any base styles registered by
 * plugins.
 * Use the @layer base { ... } directive to add to Tailwind's base layer
 * More info: https://tailwindcss.com/docs/adding-custom-styles#adding-base-styles
 */

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

::before,
	::after {
		--tw-content: "";
	}

html {
		font-family: 'IBM Plex Sans', sans-serif;
		line-height: 1.5;
		-moz-tab-size: 4;
		-o-tab-size: 4;
		   tab-size: 4;
		-webkit-text-size-adjust: 100%;
	}

body {
		line-height: inherit;
		margin: 0;
	}

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

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

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

a:where(:not(.components-external-link)) {
		color: inherit;
		text-decoration: inherit;
	}

b,
	strong {
		font-weight: bolder;
	}

code,
	kbd,
	samp,
	pre {
		font-family: mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
		font-size: 1em;
	}

small {
		font-size: 80%;
	}

sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

sub {
		bottom: -0.25em;
	}

sup {
		top: -0.5em;
	}

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

/* button, */

button:where(:not(.components-button)),
	input,
	optgroup,
	select,
	textarea {
		color: inherit;
		font-family: inherit;
		font-size: 100%;
		font-weight: inherit;
		line-height: inherit;
		margin: 0;
		padding: 0;
	}

/* button, */

button:where(:not(.components-button)),
	select {
		text-transform: none;
	}

/*
	button,
	[type="button"],
	[type="reset"],
	[type="submit"],
	*/

button:where(:not(.components-button)),
	[type="button"]:where(:not(.components-button)),
	[type="reset"]:where(:not(.components-button)),
	[type="submit"]:where(:not(.components-button)) {
		-webkit-appearance: button;
		background-color: transparent;
		background-image: none;
	}

:-moz-focusring {
		outline: auto;
	}

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

progress {
		vertical-align: baseline;
	}

::-webkit-inner-spin-button,
	::-webkit-outer-spin-button {
		height: auto;
	}

/* [type='search'],  */

[type="search"]:where(:not(.components-button)) {
		-webkit-appearance: textfield;
		outline-offset: -2px;
	}

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

::-webkit-file-upload-button {
		-webkit-appearance: button;
		font: inherit;
	}

summary {
		display: list-item;
	}

blockquote,
	dl,
	dd,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	hr,
	figure,
	p,
	pre {
		margin: 0;
	}

fieldset {
		margin: 0;
		padding: 0;
	}

legend {
		padding: 0;
	}

ol,
	ul,
	menu {
		list-style: none;
		margin: 0;
		padding: 0;
	}

textarea {
		resize: vertical;
	}

input::-moz-placeholder, textarea::-moz-placeholder {
		color: #9ca3af;
		opacity: 1;
	}

input::placeholder,
	textarea::placeholder {
		color: #9ca3af;
		opacity: 1;
	}

/* button, */

button:where(:not(.components-button)),
	[role="button"]:where(:not(.components-button)) {
		cursor: pointer;
	}

:disabled {
		cursor: default;
	}

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

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

*, ::before, ::after {
		--tw-border-spacing-x: 0;
		--tw-border-spacing-y: 0;
		--tw-translate-x: 0;
		--tw-translate-y: 0;
		--tw-rotate: 0;
		--tw-skew-x: 0;
		--tw-skew-y: 0;
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		--tw-pan-x:  ;
		--tw-pan-y:  ;
		--tw-pinch-zoom:  ;
		--tw-scroll-snap-strictness: proximity;
		--tw-ordinal:  ;
		--tw-slashed-zero:  ;
		--tw-numeric-figure:  ;
		--tw-numeric-spacing:  ;
		--tw-numeric-fraction:  ;
		--tw-ring-inset:  ;
		--tw-ring-offset-width: 0px;
		--tw-ring-offset-color: #fff;
		--tw-ring-color: rgba(59, 130, 246, 0.5);
		--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
		--tw-ring-shadow: 0 0 rgba(0,0,0,0);
		--tw-shadow: 0 0 rgba(0,0,0,0);
		--tw-shadow-colored: 0 0 rgba(0,0,0,0);
		--tw-blur:  ;
		--tw-brightness:  ;
		--tw-contrast:  ;
		--tw-grayscale:  ;
		--tw-hue-rotate:  ;
		--tw-invert:  ;
		--tw-saturate:  ;
		--tw-sepia:  ;
		--tw-drop-shadow:  ;
		--tw-backdrop-blur:  ;
		--tw-backdrop-brightness:  ;
		--tw-backdrop-contrast:  ;
		--tw-backdrop-grayscale:  ;
		--tw-backdrop-hue-rotate:  ;
		--tw-backdrop-invert:  ;
		--tw-backdrop-opacity:  ;
		--tw-backdrop-saturate:  ;
		--tw-backdrop-sepia:  ;
}

::backdrop {
		--tw-border-spacing-x: 0;
		--tw-border-spacing-y: 0;
		--tw-translate-x: 0;
		--tw-translate-y: 0;
		--tw-rotate: 0;
		--tw-skew-x: 0;
		--tw-skew-y: 0;
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		--tw-pan-x:  ;
		--tw-pan-y:  ;
		--tw-pinch-zoom:  ;
		--tw-scroll-snap-strictness: proximity;
		--tw-ordinal:  ;
		--tw-slashed-zero:  ;
		--tw-numeric-figure:  ;
		--tw-numeric-spacing:  ;
		--tw-numeric-fraction:  ;
		--tw-ring-inset:  ;
		--tw-ring-offset-width: 0px;
		--tw-ring-offset-color: #fff;
		--tw-ring-color: rgba(59, 130, 246, 0.5);
		--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
		--tw-ring-shadow: 0 0 rgba(0,0,0,0);
		--tw-shadow: 0 0 rgba(0,0,0,0);
		--tw-shadow-colored: 0 0 rgba(0,0,0,0);
		--tw-blur:  ;
		--tw-brightness:  ;
		--tw-contrast:  ;
		--tw-grayscale:  ;
		--tw-hue-rotate:  ;
		--tw-invert:  ;
		--tw-saturate:  ;
		--tw-sepia:  ;
		--tw-drop-shadow:  ;
		--tw-backdrop-blur:  ;
		--tw-backdrop-brightness:  ;
		--tw-backdrop-contrast:  ;
		--tw-backdrop-grayscale:  ;
		--tw-backdrop-hue-rotate:  ;
		--tw-backdrop-invert:  ;
		--tw-backdrop-opacity:  ;
		--tw-backdrop-saturate:  ;
		--tw-backdrop-sepia:  ;
}

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins, then adds custom component classes.
 * Use @layer components { ... } for any more complicated classes you want
 * to add to your project that you’d still like to be able to override with
 * utility classes.
 * More info: https://tailwindcss.com/docs/adding-custom-styles#adding-component-classes
 */

.container {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
}

@media (min-width: 600px) {

		.container {
				max-width: 600px;
		}
}

@media (min-width: 601px) {

		.container {
				max-width: 601px;
		}
}

@media (min-width: 640px) {

		.container {
				max-width: 640px;
		}
}

@media (min-width: 768px) {

		.container {
				max-width: 768px;
		}
}

@media (min-width: 784px) {

		.container {
				max-width: 784px;
		}
}

@media (min-width: 1024px) {

		.container {
				max-width: 1024px;
		}
}

@media (min-width: 1280px) {

		.container {
				max-width: 1280px;
		}
}

@media (min-width: 1440px) {

		.container {
				max-width: 1440px;
		}
}

@media (min-width: 1536px) {

		.container {
				max-width: 1536px;
		}
}

/* x cloak */

[x-cloak] {
		display: none;
}

/* Heading */

h1.hero-leading,
	h2.hero-leading {
		margin-bottom: 3rem;
		font-size: 35px;
		line-height: 45px;
}

@media (min-width: 640px) {

		h1.hero-leading,
	h2.hero-leading {
				line-height: 60px;
		}
}

@media (min-width: 1024px) {

		h1.hero-leading,
	h2.hero-leading {
				font-size: 70px;
				line-height: 90px;
		}
}

/* Links & Buttons  */

a.btn,
	button.btn {
		border-width: 2px;
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 15px;
}

@media (min-width: 1024px) {

		a.btn,
	button.btn {
				font-size: 1.125rem;
				line-height: 1.75rem;
		}
}

a.btn-long,
	button.btn-long {
		padding-left: 37px;
		padding-right: 37px;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
		font-size: 15px;
}

@media (min-width: 1024px) {

		a.btn-long,
	button.btn-long {
				padding-left: 52px;
				padding-right: 52px;
				padding-top: 1.5rem;
				padding-bottom: 1.5rem;
				font-size: 1.125rem;
				line-height: 1.75rem;
		}
}

/* Responsive Images */

img:where(:not(.components-external-link)).img-responsive {
		margin-bottom: 0px;
}

@media (min-width: 1280px) {

		img:where(:not(.components-external-link)).img-responsive {
				margin-top: 0px;
		}
}

/* Header Menu */

.header__menu-container-mobile {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
}

.header__menu,
	.header__menu .sub-menu {
		display: flex;
		flex-direction: row;
}

@media (min-width: 1280px) {

		.header__menu,
	.header__menu .sub-menu {
				gap: 20px;
		}
}

@media (min-width: 1536px) {

		.header__menu,
	.header__menu .sub-menu {
				gap: 38px;
		}
}

.header__menu-mobile,
	..header__menu-mobile .sub-menu {
		display: flex;
		flex-direction: column;
}


	.\!.header__menu-mobile .sub-menu {
		display: flex;
		flex-direction: column;
}

.header__menu-mobile li {
		border-bottom-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgba(107, 114, 128, var(--tw-border-opacity));
}

.header__menu-mobile li a {
		display: block;
		padding: 1rem;
}

.header__menu .menu-item-text,
	.header__menu-mobile .menu-item-text {
		font-size: 1.125rem;
		font-weight: 500;
		line-height: 2.5rem;
}

.header__menu--white .menu-item-text {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.header__menu--black .menu-item-text {
		--tw-text-opacity: 1;
		color: rgba(0, 0, 0, var(--tw-text-opacity));
}

#menu-menu-header-primary .active .menu-item-text,
	#menu-menu-header-primary-1 .active .menu-item-text {
		border-bottom-width: 3px;
		padding-bottom: 10px;
}

#menu-menu-header-primary-1 .active .menu-item-text {
		--tw-border-opacity: 1;
		border-color: rgba(68, 101, 194, var(--tw-border-opacity));
}

/* Footer Menu */

@media (min-width: 768px) {

		.footer__menu .menu-item {
				max-width: 197px;
		}
}

.footer__menu .menu-item-text {
		font-size: 1.125rem;
		line-height: 2.5rem;
}

.footer__menu--two {
		margin-bottom: 25px;
}

#menu-item-145 .menu-item-text {
		line-height: 1.75rem;
}

/* Gravity Form CSS */

.form-footer .gfield_label .gfield_required,
	.form-contact .gfield_label .gfield_required {
		display: none;
}

.form-footer .gform_wrapper.gravity-theme .gform-body .gfield input,
	.form-contact .gform_wrapper.gravity-theme .gform-body .gfield input {
		border-bottom-width: 1px;
		background-color: transparent;
		padding-left: 14px;
		padding-right: 14px;
		padding-top: 9px;
		padding-bottom: 9px;
}

.form-contact .gform_wrapper.gravity-theme .gform-body .gfield input::-moz-placeholder, .form-contact .gform_wrapper.gravity-theme .gform-body .gfield textarea::-moz-placeholder {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.form-contact .gform_wrapper.gravity-theme .gform-body .gfield input::placeholder,
	.form-contact .gform_wrapper.gravity-theme .gform-body .gfield textarea::placeholder {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.form-footer .gform_wrapper.gravity-theme .gform-body .gfield input {
		margin-bottom: 18px;
}

.form-contact .gform_wrapper.gravity-theme .gform-body .gfield input {
		margin-bottom: 38px;
		--tw-border-opacity: 1;
		border-color: rgba(255, 255, 255, var(--tw-border-opacity));
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
}

/* stylelint-disable-next-line selector-id-pattern */

.form-contact .gform_wrapper.gravity-theme .gform-body .gfield input#input_2_4 {
		margin-bottom: 49px;
}

.form-contact .gform_wrapper.gravity-theme .gform-body .gfield textarea {
		margin-bottom: 18px;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgba(255, 255, 255, var(--tw-border-opacity));
		background-color: transparent;
		padding-left: 14px;
		padding-right: 14px;
		padding-top: 9px;
		padding-bottom: 9px;
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.form-contact .gform_wrapper.gravity-theme .gform-body .gfield_checkbox .gchoice {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
}

.form-contact .gform_wrapper.gravity-theme .gform-body .gfield_checkbox .gchoice .gform-field-label {
		font-size: 13px;
}

@media (min-width: 768px) {

		.form-contact .gform_wrapper.gravity-theme .gform-body .gfield_checkbox .gchoice .gform-field-label {
				font-size: 18px;
		}
}

.form-contact .gform_wrapper.gravity-theme .gform-body .gfield input[type="checkbox"] {
		margin: 0px;
		height: 2rem;
		width: 2rem;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgba(255, 255, 255, var(--tw-border-opacity));
		background-color: transparent;
}

.form-footer .gform_wrapper.gravity-theme .gform_footer {
		align-items: center;
		justify-content: center;
}

@media (min-width: 768px) {

		.form-footer .gform_wrapper.gravity-theme .gform_footer {
				align-items: flex-start;
				justify-content: flex-start;
		}
}

.form-footer .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
		cursor: pointer;
		border-radius: 0px;
		--tw-bg-opacity: 1;
		background-color: rgba(68, 101, 194, var(--tw-bg-opacity));
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		padding-top: 15px;
		padding-bottom: 15px;
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.form-footer .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover {
		opacity: 0.6;
}

.form-contact .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
		cursor: pointer;
		--tw-bg-opacity: 1;
		background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		padding-top: 15px;
		padding-bottom: 15px;
		--tw-text-opacity: 1;
		color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.form-contact .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover {
		opacity: 0.6;
}

/* Splide Testimonial Slider */

.splide__pagination li button.is-active {
		--tw-bg-opacity: 1;
		background-color: rgba(68, 101, 194, var(--tw-bg-opacity));
}

.splide__pagination li button:where(.splide__pagination__page) {
		height: 1rem;
		width: 1rem;
		border-radius: 9999px;
		--tw-bg-opacity: 1;
		background-color: rgba(246, 246, 246, var(--tw-bg-opacity));
}

.recent-transactions .splide__track .splide__list .splide__slide:not(.is-active) a {
		max-height: 429px;
}

@media (min-width: 768px) {

		.recent-transactions .splide__track .splide__list .splide__slide:not(.is-active) a {
				--tw-scale-y: 0.9;
				transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		}
}

.recent-transactions .splide__track .splide__list .is-active {
		position: relative;
}

.recent-transactions .splide__track .splide__list .is-active a {
		position: static;
		margin-left: 0px;
		margin-right: 0px;
		border-width: 0px;
}

@media (min-width: 768px) {

		.recent-transactions .splide__track .splide__list .is-active a {
				position: absolute;
				z-index: 10;
				border-width: 1px;
				--tw-border-opacity: 1;
				border-color: rgba(118, 118, 118, var(--tw-border-opacity));
		}
}

/* Alumni Gallery  */

.img-alumni {
		width: 8rem;
		-o-object-fit: contain;
		   object-fit: contain;
}

/* Whole Team Section */

.whole__team__single-img {
		height: 340px;
		width: 100%;
		max-width: 304px;
		-o-object-fit: cover;
		   object-fit: cover;
}

/* Whole Post Section */

.active-tab-insights {
		border-bottom-width: 1px;
		--tw-border-opacity: 1;
		border-bottom-color: rgba(68, 101, 194, var(--tw-border-opacity));
		--tw-text-opacity: 1;
		color: rgba(68, 101, 194, var(--tw-text-opacity));
}

/* Recent Transactions */

.recent__transactions-img {
		height: 60px;
		width: 100%;
		max-width: 180px;
		-o-object-fit: contain;
		   object-fit: contain;
}

/* Single Post Archive */

.single-post-content ul,
	.single-transaction-content ul {
		margin: revert;
		list-style-type: disc;
		padding: revert;
}

.single-transaction-content ul li {
		margin-bottom: 39px;
		line-height: 36px;
}

/* Single Person Archive */

.single-person-img {
		position: relative;
		top: 59px;
		height: 230px;
		max-height: 258px;
		max-width: 210px;
		-o-object-fit: cover;
		   object-fit: cover;
}

@media (min-width: 768px) {

		.single-person-img {
				height: 410px;
				max-height: 458px;
				max-width: 410px;
		}
}

@media (min-width: 1024px) {

		.single-person-img {
				top: 109px;
		}
}

.features__people-img {
		height: 341px;
		width: 100%;
		max-width: 305px;
		-o-object-fit: cover;
		   object-fit: cover;
}

/* animation  */

.acf-block-preview .fade {
		opacity: 1;
}

.editor-styles-wrapper .fade {
		opacity: 1;
}

.fade {
		--tw-translate-y: 50px;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		opacity: 0;
		transition-property: opacity, transform;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
		transition-duration: 0.8s;
}

.in-view.fade,
	.in-view .fade {
		transform: none;
		opacity: 1;
}

/**
 * This is intended for Tailwind Custom Styles for the project.
 * The custom Tailwind CSS uses @layer directives..
 * The @layer directive helps you control declaration order by automatically
 * relocating your styles to the corresponding directive, and also enables
 * features like modifiers and tree-shaking for your own custom CSS.
 */

/**
 * Tailwind Custom CSS Styles
 *
 * The imported files add the Tailwind directives to your CSS.
 * The `@layer` directive helps you control declaration order by automatically
 * relocating your styles to the corresponding `@tailwind` directive in the main
 * stylesheet, and also enables features like modifiers and tree-shaking for
 * your own custom CSS.
 * Any custom styles you add to the base, components, or utilities layers will
 * only be included in your compiled CSS if those styles are
 * actually used in your HTML.
 *
 * More info: https://tailwindcss.com/docs/adding-custom-styles#using-css-and-layer
 */

/**
* Custom Reset modified for WordPress based off of Tailwind's reset:
* https://unpkg.com/tailwindcss@3.1.8/src/css/preflight.css
* Refer to the tailwind.config.js file for a more detailed explanation.
* Tailwind official docs: https://tailwindcss.com/docs/preflight
*
* These styles will be imported at the @import url("tailwindcss/base") level
* in the main stylesheet
*/

/**
* Tailwind Custom Components
*
* Adds any of your own custom component classes to Tailwind’s components layer.
*
* These styles will be automatically imported at the @import url("tailwindcss/components")
* level in the main stylesheet. The specificity order of components come
* after @layer base and before @layer utilities, however Tailwind will take care
* of this for you so you don't need to worry about authoring your CSS in a
* specific order. Infact, @layer components {...} can be inserted anywhere in
* your CSS files, this file is optional for the sake or component organization.
*
* Components are useful for any more complicated classes you want to add to your
* project that you’d still like to be able to override with utility classes.
* Traditionally these would be classes like card, btn, link etc.
*
* More info: https://tailwindcss.com/docs/adding-custom-styles#adding-component-classes
*/

/* @import url("./utilities.css"); */

/* Global - global pieces like media queries, mixins and placholders */

/* WordPress global classes */

html,
body {
		font-family: 'IBM Plex Sans', sans-serif;
}

[order-left] div:first-child,
[gallery-left] div:first-child {
		order: 1;
}

@media (min-width: 768px) {

		[order-left] div:first-child,
[gallery-left] div:first-child {
				order: 2;
		}
}

[order-left] div:nth-child(2),
[gallery-left] ul {
		order: 2;
}

@media (min-width: 768px) {

		[order-left] div:nth-child(2),
[gallery-left] ul {
				order: 1;
		}
}

[order-right] div:first-child,
[gallery-right] div:first-child {
		order: 1;
}

@media (min-width: 768px) {

		[order-right] div:first-child,
[gallery-right] div:first-child {
				order: 1;
		}
}

[order-right] div:first-child {
		order: 1;
}

@media (min-width: 768px) {

		[order-right] div:first-child {
				order: 1;
		}
}

[order-right] div:nth-child(2),
[gallery-right] ul {
		order: 2;
}

@media (min-width: 768px) {

		[order-right] div:nth-child(2),
[gallery-right] ul {
				order: 2;
		}
}

[order-right] div:nth-child(2) {
		order: 2;
}

@media (min-width: 768px) {

		[order-right] div:nth-child(2) {
				order: 2;
		}
}

/* Base - base styles such as fonts, typography, and wordpress overrides */

/*
 * Ensure that we are not overriding the editor styles of the
 * WordPress Components.
 *
 * This is a workaround for: https://github.com/WordPress/gutenberg/issues/10178
 *
 * using :where to prevent the specificity increase of using :not
 */

a:where(:not(.components-external-link)) {
		text-decoration-line: none;
		outline: 2px solid transparent;
		outline-offset: 2px;
}

a:where(:not(.components-external-link)):hover {
		opacity: 0.6;
}

a:where(:not(.components-external-link)):focus {
		outline: 2px solid transparent;
		outline-offset: 2px;
}

ul.header__menu--white li a:where(:not(.components-external-link)) {
		outline: 2px solid transparent;
		outline-offset: 2px;
}

/*
 * Resources on prefers-reduced-motion:
 * https://webkit.org/blog-files/prefers-reduced-motion/prm.htm
 * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
 */

@media (prefers-reduced-motion: reduce) {

	*,
	*::before,
	*::after {
				animation-duration: 0.001s !important;
				transition-duration: 0.001s !important;
		}
}

/* WordPress generated classes */

.alignleft {
		float: left;
		margin-right: 1rem;
		text-align: left;
}

.alignright {
		float: right;
		margin-left: 1rem;
		text-align: right;
}

.aligncenter {
		clear: both;
		margin-left: auto;
		margin-right: auto;
		display: block;
		text-align: center;
}

.wp-caption {
		max-width: 100%;
}

.wp-caption.aligncenter {
		text-align: center;
}

.wp-caption.alignright {
		text-align: right;
}

.wp-caption-text {
		margin: 0px;
}

.entry-content > * {
		max-width: 100%;
}

.entry-content > .alignwide {
		max-width: var(--wp--custom--width--wide);
}

.entry-content > .alignfull {
		max-width: none;
}

/**
	* Post title styles
	*
	* These will be applied to all headings with an `entry-title` class on the
	* frontend and to the post heading in the block editor.
	*
	* The supplied styles are meant to match the default `h1` classes from
	* Tailwind Typography.
*/

.edit-post-visual-editor__post-title-wrapper .editor-post-title__input,
.entry-title {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1.5rem;
		max-width: var(--wp--custom--width--content);
		font-size: 3.75rem;
		line-height: 1;
		font-weight: 800;
}

/**
	* Post content styles (via Tailwind Typography)
	*
	* These will be applied to all content blocks with an `entry-content` class on
	* the frontend and within the block editor.
	*
	* For details on how to customize Tailwind Typography via its modifier
	* classes, please see:
	*
	* https://tailwindcss.com/docs/typography-plugin
	*
	* To disable the richtext styling remove the `prose` class.
*/

.block-editor-block-list__layout,
.entry-content {
		color: var(--tw-prose-body);
		max-width: 65ch;
}

.block-editor-block-list__layout :where(p):not(:where([class~="not-prose"] *)),
.entry-content :where(p):not(:where([class~="not-prose"] *)) {
		margin-top: 1.25em;
		margin-bottom: 1.25em;
}

.block-editor-block-list__layout :where([class~="lead"]):not(:where([class~="not-prose"] *)),
.entry-content :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
		color: var(--tw-prose-lead);
		font-size: 1.25em;
		line-height: 1.6;
		margin-top: 1.2em;
		margin-bottom: 1.2em;
}

.block-editor-block-list__layout :where(a):not(:where([class~="not-prose"] *)),
.entry-content :where(a):not(:where([class~="not-prose"] *)) {
		color: var(--tw-prose-links);
		text-decoration: underline;
		font-weight: 500;
}

.block-editor-block-list__layout :where(strong):not(:where([class~="not-prose"] *)),
.entry-content :where(strong):not(:where([class~="not-prose"] *)) {
		color: var(--tw-prose-bold);
		font-weight: 600;
}

.block-editor-block-list__layout :where(a strong):not(:where([class~="not-prose"] *)),
.entry-content :where(a strong):not(:where([class~="not-prose"] *)) {
		color: inherit;
}

.block-editor-block-list__layout :where(blockquote strong):not(:where([class~="not-prose"] *)),
.entry-content :where(blockquote strong):not(:where([class~="not-prose"] *)) {
		color: inherit;
}

.block-editor-block-list__layout :where(thead th strong):not(:where([class~="not-prose"] *)),
.entry-content :where(thead th strong):not(:where([class~="not-prose"] *)) {
		color: inherit;
}

.block-editor-block-list__layout :where(ol):not(:where([class~="not-prose"] *)),
.entry-content :where(ol):not(:where([class~="not-prose"] *)) {
		list-style-type: decimal;
		margin-top: 1.25em;
		margin-bottom: 1.25em;
		padding-left: 1.625em;
}

.block-editor-block-list__layout :where(ol[type="A"]):not(:where([class~="not-prose"] *)),
.entry-content :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
		list-style-type: upper-alpha;
}

.block-editor-block-list__layout :where(ol[type="a"]):not(:where([class~="not-prose"] *)),
.entry-content :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
		list-style-type: lower-alpha;
}

.block-editor-block-list__layout :where(ol[type="A" s]):not(:where([class~="not-prose"] *)),
.entry-content :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
		list-style-type: upper-alpha;
}

.block-editor-block-list__layout :where(ol[type="a" s]):not(:where([class~="not-prose"] *)),
.entry-content :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
		list-style-type: lower-alpha;
}

.block-editor-block-list__layout :where(ol[type="I"]):not(:where([class~="not-prose"] *)),
.entry-content :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
		list-style-type: upper-roman;
}

.block-editor-block-list__layout :where(ol[type="i"]):not(:where([class~="not-prose"] *)),
.entry-content :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
		list-style-type: lower-roman;
}

.block-editor-block-list__layout :where(ol[type="I" s]):not(:where([class~="not-prose"] *)),
.entry-content :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
		list-style-type: upper-roman;
}

.block-editor-block-list__layout :where(ol[type="i" s]):not(:where([class~="not-prose"] *)),
.entry-content :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
		list-style-type: lower-roman;
}

.block-editor-block-list__layout :where(ol[type="1"]):not(:where([class~="not-prose"] *)),
.entry-content :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
		list-style-type: decimal;
}

.block-editor-block-list__layout :where(ul):not(:where([class~="not-prose"] *)),
.entry-content :where(ul):not(:where([class~="not-prose"] *)) {
		list-style-type: disc;
		margin-top: 1.25em;
		margin-bottom: 1.25em;
		padding-left: 1.625em;
}

.block-editor-block-list__layout :where(ol > li):not(:where([class~="not-prose"] *))::marker,
.entry-content :where(ol > li):not(:where([class~="not-prose"] *))::marker {
		font-weight: 400;
		color: var(--tw-prose-counters);
}

.block-editor-block-list__layout :where(ul > li):not(:where([class~="not-prose"] *))::marker,
.entry-content :where(ul > li):not(:where([class~="not-prose"] *))::marker {
		color: var(--tw-prose-bullets);
}

.block-editor-block-list__layout :where(hr):not(:where([class~="not-prose"] *)),
.entry-content :where(hr):not(:where([class~="not-prose"] *)) {
		border-color: var(--tw-prose-hr);
		border-top-width: 1px;
		margin-top: 3em;
		margin-bottom: 3em;
}

.block-editor-block-list__layout :where(blockquote):not(:where([class~="not-prose"] *)),
.entry-content :where(blockquote):not(:where([class~="not-prose"] *)) {
		font-weight: 500;
		font-style: italic;
		color: var(--tw-prose-quotes);
		border-left-width: 0.25rem;
		border-left-color: var(--tw-prose-quote-borders);
		quotes: "\201C""\201D""\2018""\2019";
		margin-top: 1.6em;
		margin-bottom: 1.6em;
		padding-left: 1em;
}

.block-editor-block-list__layout :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before,
.entry-content :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
		content: open-quote;
}

.block-editor-block-list__layout :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after,
.entry-content :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
		content: close-quote;
}

.block-editor-block-list__layout :where(h1):not(:where([class~="not-prose"] *)),
.entry-content :where(h1):not(:where([class~="not-prose"] *)) {
		color: var(--tw-prose-headings);
		font-weight: 800;
		font-size: 2.25em;
		margin-top: 0;
		margin-bottom: 0.8888889em;
		line-height: 1.1111111;
}

.block-editor-block-list__layout :where(h1 strong):not(:where([class~="not-prose"] *)),
.entry-content :where(h1 strong):not(:where([class~="not-prose"] *)) {
		font-weight: 900;
		color: inherit;
}

.block-editor-block-list__layout :where(h2):not(:where([class~="not-prose"] *)),
.entry-content :where(h2):not(:where([class~="not-prose"] *)) {
		color: var(--tw-prose-headings);
		font-weight: 700;
		font-size: 1.5em;
		margin-top: 2em;
		margin-bottom: 1em;
		line-height: 1.3333333;
}

.block-editor-block-list__layout :where(h2 strong):not(:where([class~="not-prose"] *)),
.entry-content :where(h2 strong):not(:where([class~="not-prose"] *)) {
		font-weight: 800;
		color: inherit;
}

.block-editor-block-list__layout :where(h3):not(:where([class~="not-prose"] *)),
.entry-content :where(h3):not(:where([class~="not-prose"] *)) {
		color: var(--tw-prose-headings);
		font-weight: 600;
		font-size: 1.25em;
		margin-top: 1.6em;
		margin-bottom: 0.6em;
		line-height: 1.6;
}

.block-editor-block-list__layout :where(h3 strong):not(:where([class~="not-prose"] *)),
.entry-content :where(h3 strong):not(:where([class~="not-prose"] *)) {
		font-weight: 700;
		color: inherit;
}

.block-editor-block-list__layout :where(h4):not(:where([class~="not-prose"] *)),
.entry-content :where(h4):not(:where([class~="not-prose"] *)) {
		color: var(--tw-prose-headings);
		font-weight: 600;
		margin-top: 1.5em;
		margin-bottom: 0.5em;
		line-height: 1.5;
}

.block-editor-block-list__layout :where(h4 strong):not(:where([class~="not-prose"] *)),
.entry-content :where(h4 strong):not(:where([class~="not-prose"] *)) {
		font-weight: 700;
		color: inherit;
}

.block-editor-block-list__layout :where(img):not(:where([class~="not-prose"] *)),
.entry-content :where(img):not(:where([class~="not-prose"] *)) {
		margin-top: 2em;
		margin-bottom: 2em;
}

.block-editor-block-list__layout :where(figure > *):not(:where([class~="not-prose"] *)),
.entry-content :where(figure > *):not(:where([class~="not-prose"] *)) {
		margin-top: 0;
		margin-bottom: 0;
}

.block-editor-block-list__layout :where(figcaption):not(:where([class~="not-prose"] *)),
.entry-content :where(figcaption):not(:where([class~="not-prose"] *)) {
		color: var(--tw-prose-captions);
		font-size: 0.875em;
		line-height: 1.4285714;
		margin-top: 0.8571429em;
}

.block-editor-block-list__layout :where(code):not(:where([class~="not-prose"] *)),
.entry-content :where(code):not(:where([class~="not-prose"] *)) {
		color: var(--tw-prose-code);
		font-weight: 600;
		font-size: 0.875em;
}

.block-editor-block-list__layout :where(code):not(:where([class~="not-prose"] *))::before,
.entry-content :where(code):not(:where([class~="not-prose"] *))::before {
		content: "`";
}

.block-editor-block-list__layout :where(code):not(:where([class~="not-prose"] *))::after,
.entry-content :where(code):not(:where([class~="not-prose"] *))::after {
		content: "`";
}

.block-editor-block-list__layout :where(a code):not(:where([class~="not-prose"] *)),
.entry-content :where(a code):not(:where([class~="not-prose"] *)) {
		color: inherit;
}

.block-editor-block-list__layout :where(h1 code):not(:where([class~="not-prose"] *)),
.entry-content :where(h1 code):not(:where([class~="not-prose"] *)) {
		color: inherit;
}

.block-editor-block-list__layout :where(h2 code):not(:where([class~="not-prose"] *)),
.entry-content :where(h2 code):not(:where([class~="not-prose"] *)) {
		color: inherit;
		font-size: 0.875em;
}

.block-editor-block-list__layout :where(h3 code):not(:where([class~="not-prose"] *)),
.entry-content :where(h3 code):not(:where([class~="not-prose"] *)) {
		color: inherit;
		font-size: 0.9em;
}

.block-editor-block-list__layout :where(h4 code):not(:where([class~="not-prose"] *)),
.entry-content :where(h4 code):not(:where([class~="not-prose"] *)) {
		color: inherit;
}

.block-editor-block-list__layout :where(blockquote code):not(:where([class~="not-prose"] *)),
.entry-content :where(blockquote code):not(:where([class~="not-prose"] *)) {
		color: inherit;
}

.block-editor-block-list__layout :where(thead th code):not(:where([class~="not-prose"] *)),
.entry-content :where(thead th code):not(:where([class~="not-prose"] *)) {
		color: inherit;
}

.block-editor-block-list__layout :where(pre):not(:where([class~="not-prose"] *)),
.entry-content :where(pre):not(:where([class~="not-prose"] *)) {
		color: var(--tw-prose-pre-code);
		background-color: var(--tw-prose-pre-bg);
		overflow-x: auto;
		font-weight: 400;
		font-size: 0.875em;
		line-height: 1.7142857;
		margin-top: 1.7142857em;
		margin-bottom: 1.7142857em;
		border-radius: 0.375rem;
		padding-top: 0.8571429em;
		padding-right: 1.1428571em;
		padding-bottom: 0.8571429em;
		padding-left: 1.1428571em;
}

.block-editor-block-list__layout :where(pre code):not(:where([class~="not-prose"] *)),
.entry-content :where(pre code):not(:where([class~="not-prose"] *)) {
		background-color: transparent;
		border-width: 0;
		border-radius: 0;
		padding: 0;
		font-weight: inherit;
		color: inherit;
		font-size: inherit;
		font-family: inherit;
		line-height: inherit;
}

.block-editor-block-list__layout :where(pre code):not(:where([class~="not-prose"] *))::before,
.entry-content :where(pre code):not(:where([class~="not-prose"] *))::before {
		content: none;
}

.block-editor-block-list__layout :where(pre code):not(:where([class~="not-prose"] *))::after,
.entry-content :where(pre code):not(:where([class~="not-prose"] *))::after {
		content: none;
}

.block-editor-block-list__layout :where(table):not(:where([class~="not-prose"] *)),
.entry-content :where(table):not(:where([class~="not-prose"] *)) {
		width: 100%;
		table-layout: auto;
		text-align: left;
		margin-top: 2em;
		margin-bottom: 2em;
		font-size: 0.875em;
		line-height: 1.7142857;
}

.block-editor-block-list__layout :where(thead):not(:where([class~="not-prose"] *)),
.entry-content :where(thead):not(:where([class~="not-prose"] *)) {
		border-bottom-width: 1px;
		border-bottom-color: var(--tw-prose-th-borders);
}

.block-editor-block-list__layout :where(thead th):not(:where([class~="not-prose"] *)),
.entry-content :where(thead th):not(:where([class~="not-prose"] *)) {
		color: var(--tw-prose-headings);
		font-weight: 600;
		vertical-align: bottom;
		padding-right: 0.5714286em;
		padding-bottom: 0.5714286em;
		padding-left: 0.5714286em;
}

.block-editor-block-list__layout :where(tbody tr):not(:where([class~="not-prose"] *)),
.entry-content :where(tbody tr):not(:where([class~="not-prose"] *)) {
		border-bottom-width: 1px;
		border-bottom-color: var(--tw-prose-td-borders);
}

.block-editor-block-list__layout :where(tbody tr:last-child):not(:where([class~="not-prose"] *)),
.entry-content :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
		border-bottom-width: 0;
}

.block-editor-block-list__layout :where(tbody td):not(:where([class~="not-prose"] *)),
.entry-content :where(tbody td):not(:where([class~="not-prose"] *)) {
		vertical-align: baseline;
}

.block-editor-block-list__layout :where(tfoot):not(:where([class~="not-prose"] *)),
.entry-content :where(tfoot):not(:where([class~="not-prose"] *)) {
		border-top-width: 1px;
		border-top-color: var(--tw-prose-th-borders);
}

.block-editor-block-list__layout :where(tfoot td):not(:where([class~="not-prose"] *)),
.entry-content :where(tfoot td):not(:where([class~="not-prose"] *)) {
		vertical-align: top;
}

.block-editor-block-list__layout,
.entry-content {
		--tw-prose-body: #374151;
		--tw-prose-headings: #111827;
		--tw-prose-lead: #4b5563;
		--tw-prose-links: #111827;
		--tw-prose-bold: #111827;
		--tw-prose-counters: #6b7280;
		--tw-prose-bullets: #d1d5db;
		--tw-prose-hr: #e5e7eb;
		--tw-prose-quotes: #111827;
		--tw-prose-quote-borders: #e5e7eb;
		--tw-prose-captions: #6b7280;
		--tw-prose-code: #111827;
		--tw-prose-pre-code: #e5e7eb;
		--tw-prose-pre-bg: #1f2937;
		--tw-prose-th-borders: #d1d5db;
		--tw-prose-td-borders: #e5e7eb;
		--tw-prose-invert-body: #d1d5db;
		--tw-prose-invert-headings: #fff;
		--tw-prose-invert-lead: #9ca3af;
		--tw-prose-invert-links: #fff;
		--tw-prose-invert-bold: #fff;
		--tw-prose-invert-counters: #9ca3af;
		--tw-prose-invert-bullets: #4b5563;
		--tw-prose-invert-hr: #374151;
		--tw-prose-invert-quotes: #f3f4f6;
		--tw-prose-invert-quote-borders: #374151;
		--tw-prose-invert-captions: #9ca3af;
		--tw-prose-invert-code: #fff;
		--tw-prose-invert-pre-code: #d1d5db;
		--tw-prose-invert-pre-bg: rgba(0, 0, 0, 0.5);
		--tw-prose-invert-th-borders: #4b5563;
		--tw-prose-invert-td-borders: #374151;
		font-size: 1rem;
		line-height: 1.75;
}

.block-editor-block-list__layout :where(video):not(:where([class~="not-prose"] *)),
.entry-content :where(video):not(:where([class~="not-prose"] *)) {
		margin-top: 2em;
		margin-bottom: 2em;
}

.block-editor-block-list__layout :where(figure):not(:where([class~="not-prose"] *)),
.entry-content :where(figure):not(:where([class~="not-prose"] *)) {
		margin-top: 2em;
		margin-bottom: 2em;
}

.block-editor-block-list__layout :where(li):not(:where([class~="not-prose"] *)),
.entry-content :where(li):not(:where([class~="not-prose"] *)) {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
}

.block-editor-block-list__layout :where(ol > li):not(:where([class~="not-prose"] *)),
.entry-content :where(ol > li):not(:where([class~="not-prose"] *)) {
		padding-left: 0.375em;
}

.block-editor-block-list__layout :where(ul > li):not(:where([class~="not-prose"] *)),
.entry-content :where(ul > li):not(:where([class~="not-prose"] *)) {
		padding-left: 0.375em;
}

.block-editor-block-list__layout :where(.prose > ul > li p):not(:where([class~="not-prose"] *)),
.entry-content :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
		margin-top: 0.75em;
		margin-bottom: 0.75em;
}

.block-editor-block-list__layout :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)),
.entry-content :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
		margin-top: 1.25em;
}

.block-editor-block-list__layout :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)),
.entry-content :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
		margin-bottom: 1.25em;
}

.block-editor-block-list__layout :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)),
.entry-content :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
		margin-top: 1.25em;
}

.block-editor-block-list__layout :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)),
.entry-content :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
		margin-bottom: 1.25em;
}

.block-editor-block-list__layout :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)),
.entry-content :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
		margin-top: 0.75em;
		margin-bottom: 0.75em;
}

.block-editor-block-list__layout :where(hr + *):not(:where([class~="not-prose"] *)),
.entry-content :where(hr + *):not(:where([class~="not-prose"] *)) {
		margin-top: 0;
}

.block-editor-block-list__layout :where(h2 + *):not(:where([class~="not-prose"] *)),
.entry-content :where(h2 + *):not(:where([class~="not-prose"] *)) {
		margin-top: 0;
}

.block-editor-block-list__layout :where(h3 + *):not(:where([class~="not-prose"] *)),
.entry-content :where(h3 + *):not(:where([class~="not-prose"] *)) {
		margin-top: 0;
}

.block-editor-block-list__layout :where(h4 + *):not(:where([class~="not-prose"] *)),
.entry-content :where(h4 + *):not(:where([class~="not-prose"] *)) {
		margin-top: 0;
}

.block-editor-block-list__layout :where(thead th:first-child):not(:where([class~="not-prose"] *)),
.entry-content :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
		padding-left: 0;
}

.block-editor-block-list__layout :where(thead th:last-child):not(:where([class~="not-prose"] *)),
.entry-content :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
		padding-right: 0;
}

.block-editor-block-list__layout :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)),
.entry-content :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
		padding-top: 0.5714286em;
		padding-right: 0.5714286em;
		padding-bottom: 0.5714286em;
		padding-left: 0.5714286em;
}

.block-editor-block-list__layout :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)),
.entry-content :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
		padding-left: 0;
}

.block-editor-block-list__layout :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)),
.entry-content :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
		padding-right: 0;
}

.block-editor-block-list__layout :where(.prose > :first-child):not(:where([class~="not-prose"] *)),
.entry-content :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
		margin-top: 0;
}

.block-editor-block-list__layout :where(.prose > :last-child):not(:where([class~="not-prose"] *)),
.entry-content :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
		margin-bottom: 0;
}

.block-editor-block-list__layout,
.entry-content {
		max-width: none;
}

/* Register Fonts */

@font-face {
	font-display: swap;
	font-family: "IBM Plex Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	src:
		local("IBMPlexSans  Regular"),
		local("IBMPlexSans--Regular"),
		url("../fonts/ibm-plex-sans/IBMPlexSansCondensed-Regular.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "IBM Plex Sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	src:
		local("IBMPlexSans  Medium"),
		local("IBMPlexSans--Medium"),
		url("../fonts/ibm-plex-sans/IBMPlexSansCondensed-Medium.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "IBM Plex Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	src:
		local("IBMPlexSans  Medium"),
		local("IBMPlexSans--Medium"),
		url("../fonts/ibm-plex-sans/IBMPlexSansCondensed-SemiBold.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "IBM Plex Sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	src:
		local("IBMPlexSans  Bold"),
		local("IBMPlexSans--Bold"),
		url("../fonts/Moderat/IBMPlexSansCondensed-Bold.ttf") format("truetype");
}

/* Layout - styles specific to layout */

/* @import url("layout/index.css"); */

/* Templates */

/* Templates */

#tinymce p {
		margin: 1rem;
}

#tinymce ul {
		margin-top: 1rem;
		margin-bottom: 1rem;
		list-style-type: disc;
		padding-left: 2.5rem;
}

/* Components */

/* Components */

.skip-to-content-link {
		position: absolute;
		top: 0.3125rem;
		left: 0.3125rem;
}

/*
* Hide WordPress' default Skip To Content
* Please use Tailwind's .sr-only utility for
* all other instances of screen reader only content
*/

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:active) {
		word-wrap: normal !important;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:active) {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border-width: 0;
}

/* Gutenberg core blocks */

/* @import url("blocks/core/index.css"); */

/* Gutenberg custom blocks */

/* @import url("blocks/custom/index.css"); */

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins. Use @layer utilities { ... } to add any of your own custom
 * utility classes. This can be useful when there’s a CSS feature you’d like
 * to use in your project that Tailwind doesn’t include utilities for
 * out of the box.
 * Always import utilities last. These are small single-purpose classes
 * that should always take precedence over any other styles.
 *
 * More info: https://tailwindcss.com/docs/adding-custom-styles#adding-custom-utilities
 */

.invisible {
		visibility: hidden;
}

.fixed {
		position: fixed;
}

.absolute {
		position: absolute;
}

.relative {
		position: relative;
}

.bottom-0 {
		bottom: 0px;
}

.left-0 {
		left: 0px;
}

.left-\[10px\] {
		left: 10px;
}

.right-0 {
		right: 0px;
}

.top-0 {
		top: 0px;
}

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

.top-\[42\.5\%\] {
		top: 42.5%;
}

.z-10 {
		z-index: 10;
}

.z-50 {
		z-index: 50;
}

.z-\[-1\] {
		z-index: -1;
}

.z-\[100\] {
		z-index: 100;
}

.z-\[190\] {
		z-index: 190;
}

.z-\[200\] {
		z-index: 200;
}

.order-1 {
		order: 1;
}

.order-2 {
		order: 2;
}

.m-0 {
		margin: 0px;
}

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

.mb-0 {
		margin-bottom: 0px;
}

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

.mb-10 {
		margin-bottom: 2.5rem;
}

.mb-2 {
		margin-bottom: 0.5rem;
}

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

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

.mb-5 {
		margin-bottom: 1.25rem;
}

.mb-6 {
		margin-bottom: 1.5rem;
}

.mb-9 {
		margin-bottom: 2.25rem;
}

.mb-\[10px\] {
		margin-bottom: 10px;
}

.mb-\[11px\] {
		margin-bottom: 11px;
}

.mb-\[13px\] {
		margin-bottom: 13px;
}

.mb-\[14px\] {
		margin-bottom: 14px;
}

.mb-\[15px\] {
		margin-bottom: 15px;
}

.mb-\[22px\] {
		margin-bottom: 22px;
}

.mb-\[25px\] {
		margin-bottom: 25px;
}

.mb-\[28px\] {
		margin-bottom: 28px;
}

.mb-\[30px\] {
		margin-bottom: 30px;
}

.mb-\[32px\] {
		margin-bottom: 32px;
}

.mb-\[34px\] {
		margin-bottom: 34px;
}

.mb-\[35px\] {
		margin-bottom: 35px;
}

.mb-\[37px\] {
		margin-bottom: 37px;
}

.mb-\[38px\] {
		margin-bottom: 38px;
}

.mb-\[40px\] {
		margin-bottom: 40px;
}

.mb-\[41px\] {
		margin-bottom: 41px;
}

.mb-\[43px\] {
		margin-bottom: 43px;
}

.mb-\[44px\] {
		margin-bottom: 44px;
}

.mb-\[45px\] {
		margin-bottom: 45px;
}

.mb-\[46px\] {
		margin-bottom: 46px;
}

.mb-\[50px\] {
		margin-bottom: 50px;
}

.mb-\[55px\] {
		margin-bottom: 55px;
}

.mb-\[56px\] {
		margin-bottom: 56px;
}

.mb-\[60px\] {
		margin-bottom: 60px;
}

.mb-\[6px\] {
		margin-bottom: 6px;
}

.mb-\[75px\] {
		margin-bottom: 75px;
}

.mb-\[8px\] {
		margin-bottom: 8px;
}

.ml-\[-6px\] {
		margin-left: -6px;
}

.ml-\[-8px\] {
		margin-left: -8px;
}

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

.mt-32 {
		margin-top: 8rem;
}

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

.block {
		display: block;
}

.inline-block {
		display: inline-block;
}

.inline {
		display: inline;
}

.flex {
		display: flex;
}

.inline-flex {
		display: inline-flex;
}

.table {
		display: table;
}

.grid {
		display: grid;
}

.hidden {
		display: none;
}

.h-4 {
		height: 1rem;
}

.h-\[250px\] {
		height: 250px;
}

.h-\[340px\] {
		height: 340px;
}

.h-\[431px\] {
		height: 431px;
}

.h-\[600px\] {
		height: 600px;
}

.h-\[80px\] {
		height: 80px;
}

.h-full {
		height: 100%;
}

.max-h-\[90px\] {
		max-height: 90px;
}

.max-h-full {
		max-height: 100%;
}

.min-h-\[431px\] {
		min-height: 431px;
}

.min-h-full {
		min-height: 100%;
}

.w-1\/2 {
		width: 50%;
}

.w-11\/12 {
		width: 91.666667%;
}

.w-4 {
		width: 1rem;
}

.w-\[146px\] {
		width: 146px;
}

.w-\[80px\] {
		width: 80px;
}

.w-full {
		width: 100%;
}

.max-w-4xl {
		max-width: 56rem;
}

.max-w-\[1060px\] {
		max-width: 1060px;
}

.max-w-\[1440px\] {
		max-width: 1440px;
}

.max-w-\[253px\] {
		max-width: 253px;
}

.max-w-\[302px\] {
		max-width: 302px;
}

.max-w-\[310px\] {
		max-width: 310px;
}

.max-w-\[320px\] {
		max-width: 320px;
}

.max-w-\[345px\] {
		max-width: 345px;
}

.max-w-\[412px\] {
		max-width: 412px;
}

.max-w-\[628px\] {
		max-width: 628px;
}

.max-w-full {
		max-width: 100%;
}

.scale-100 {
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-90 {
		--tw-scale-x: .9;
		--tw-scale-y: .9;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.list-none {
		list-style-type: none;
}

.grid-flow-col {
		grid-auto-flow: column;
}

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

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

.grid-rows-\[repeat\(10\2c _1fr\)\] {
		grid-template-rows: repeat(10, 1fr);
}

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

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

.flex-wrap {
		flex-wrap: wrap;
}

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

.items-end {
		align-items: flex-end;
}

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

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

.justify-end {
		justify-content: flex-end;
}

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

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

.gap-0 {
		gap: 0px;
}

.gap-10 {
		gap: 2.5rem;
}

.gap-3 {
		gap: 0.75rem;
}

.gap-4 {
		gap: 1rem;
}

.gap-5 {
		gap: 1.25rem;
}

.gap-6 {
		gap: 1.5rem;
}

.gap-7 {
		gap: 1.75rem;
}

.gap-8 {
		gap: 2rem;
}

.gap-\[10px\] {
		gap: 10px;
}

.gap-\[126px\] {
		gap: 126px;
}

.gap-\[13px\] {
		gap: 13px;
}

.gap-\[15px\] {
		gap: 15px;
}

.gap-\[18px\] {
		gap: 18px;
}

.gap-\[20px\] {
		gap: 20px;
}

.gap-\[22px\] {
		gap: 22px;
}

.gap-\[23px\] {
		gap: 23px;
}

.gap-\[25px\] {
		gap: 25px;
}

.gap-\[28px\] {
		gap: 28px;
}

.gap-\[30px\] {
		gap: 30px;
}

.gap-\[35px\] {
		gap: 35px;
}

.gap-\[37px\] {
		gap: 37px;
}

.gap-\[40px\] {
		gap: 40px;
}

.gap-\[42px\] {
		gap: 42px;
}

.gap-\[4px\] {
		gap: 4px;
}

.gap-\[50px\] {
		gap: 50px;
}

.gap-\[61px\] {
		gap: 61px;
}

.gap-\[71px\] {
		gap: 71px;
}

.overflow-y-auto {
		overflow-y: auto;
}

.border {
		border-width: 1px;
}

.border-2 {
		border-width: 2px;
}

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

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

.border-\[\#767676\] {
		--tw-border-opacity: 1;
		border-color: rgba(118, 118, 118, var(--tw-border-opacity));
}

.border-\[\#D9D9D9\] {
		--tw-border-opacity: 1;
		border-color: rgba(217, 217, 217, var(--tw-border-opacity));
}

.border-black {
		--tw-border-opacity: 1;
		border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}

.border-gray-400 {
		--tw-border-opacity: 1;
		border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}

.border-main {
		--tw-border-opacity: 1;
		border-color: rgba(68, 101, 194, var(--tw-border-opacity));
}

.border-white {
		--tw-border-opacity: 1;
		border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.bg-lightBlue {
		--tw-bg-opacity: 1;
		background-color: rgba(222, 234, 250, var(--tw-bg-opacity));
}

.bg-main {
		--tw-bg-opacity: 1;
		background-color: rgba(68, 101, 194, var(--tw-bg-opacity));
}

.bg-shades {
		--tw-bg-opacity: 1;
		background-color: rgba(246, 246, 246, var(--tw-bg-opacity));
}

.bg-tertiary {
		--tw-bg-opacity: 1;
		background-color: rgba(233, 177, 130, var(--tw-bg-opacity));
}

.bg-unitedNationsBlue {
		--tw-bg-opacity: 1;
		background-color: rgba(88, 151, 232, var(--tw-bg-opacity));
}

.bg-white {
		--tw-bg-opacity: 1;
		background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.object-cover {
		-o-object-fit: cover;
		   object-fit: cover;
}

.p-0 {
		padding: 0px;
}

.p-4 {
		padding: 1rem;
}

.px-0 {
		padding-left: 0px;
		padding-right: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb-0 {
		padding-bottom: 0px;
}

.pb-\[105px\] {
		padding-bottom: 105px;
}

.pb-\[10px\] {
		padding-bottom: 10px;
}

.pb-\[14px\] {
		padding-bottom: 14px;
}

.pb-\[20px\] {
		padding-bottom: 20px;
}

.pb-\[21px\] {
		padding-bottom: 21px;
}

.pb-\[33px\] {
		padding-bottom: 33px;
}

.pb-\[36px\] {
		padding-bottom: 36px;
}

.pb-\[40px\] {
		padding-bottom: 40px;
}

.pb-\[41px\] {
		padding-bottom: 41px;
}

.pb-\[42px\] {
		padding-bottom: 42px;
}

.pb-\[47px\] {
		padding-bottom: 47px;
}

.pb-\[55px\] {
		padding-bottom: 55px;
}

.pb-\[58px\] {
		padding-bottom: 58px;
}

.pb-\[60px\] {
		padding-bottom: 60px;
}

.pb-\[62px\] {
		padding-bottom: 62px;
}

.pb-\[65px\] {
		padding-bottom: 65px;
}

.pb-\[66px\] {
		padding-bottom: 66px;
}

.pb-\[67px\] {
		padding-bottom: 67px;
}

.pb-\[75px\] {
		padding-bottom: 75px;
}

.pb-\[80px\] {
		padding-bottom: 80px;
}

.pb-\[82px\] {
		padding-bottom: 82px;
}

.pb-\[90px\] {
		padding-bottom: 90px;
}

.pb-\[95px\] {
		padding-bottom: 95px;
}

.pl-0 {
		padding-left: 0px;
}

.pt-5 {
		padding-top: 1.25rem;
}

.pt-6 {
		padding-top: 1.5rem;
}

.pt-\[10px\] {
		padding-top: 10px;
}

.pt-\[15px\] {
		padding-top: 15px;
}

.pt-\[24px\] {
		padding-top: 24px;
}

.pt-\[26px\] {
		padding-top: 26px;
}

.pt-\[30px\] {
		padding-top: 30px;
}

.pt-\[33px\] {
		padding-top: 33px;
}

.pt-\[36px\] {
		padding-top: 36px;
}

.pt-\[38px\] {
		padding-top: 38px;
}

.pt-\[40px\] {
		padding-top: 40px;
}

.pt-\[46px\] {
		padding-top: 46px;
}

.pt-\[50px\] {
		padding-top: 50px;
}

.pt-\[54px\] {
		padding-top: 54px;
}

.pt-\[55px\] {
		padding-top: 55px;
}

.pt-\[57px\] {
		padding-top: 57px;
}

.pt-\[62px\] {
		padding-top: 62px;
}

.pt-\[65px\] {
		padding-top: 65px;
}

.pt-\[74px\] {
		padding-top: 74px;
}

.pt-\[97px\] {
		padding-top: 97px;
}

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

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

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

.align-middle {
		vertical-align: middle;
}

.text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-base {
		font-size: 1rem;
		line-height: 1.5rem;
}

.text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem;
}

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

.font-medium {
		font-weight: 500;
}

.font-normal {
		font-weight: 400;
}

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

.uppercase {
		text-transform: uppercase;
}

.italic {
		font-style: italic;
}

.leading-10 {
		line-height: 2.5rem;
}

.leading-5 {
		line-height: 1.25rem;
}

.leading-6 {
		line-height: 1.5rem;
}

.leading-7 {
		line-height: 1.75rem;
}

.leading-9 {
		line-height: 2.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.leading-\[84\.5px\] {
		line-height: 84.5px;
}

.tracking-\[0\.05em\] {
		letter-spacing: 0.05em;
}

.tracking-\[0\.15em\] {
		letter-spacing: 0.15em;
}

.tracking-\[0\.1em\] {
		letter-spacing: 0.1em;
}

.text-\[\#767676\] {
		--tw-text-opacity: 1;
		color: rgba(118, 118, 118, var(--tw-text-opacity));
}

.text-black {
		--tw-text-opacity: 1;
		color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.text-darkGray {
		--tw-text-opacity: 1;
		color: rgba(118, 118, 118, var(--tw-text-opacity));
}

.text-main {
		--tw-text-opacity: 1;
		color: rgba(68, 101, 194, var(--tw-text-opacity));
}

.text-tertiary {
		--tw-text-opacity: 1;
		color: rgba(233, 177, 130, var(--tw-text-opacity));
}

.text-unitedNationsBlue {
		--tw-text-opacity: 1;
		color: rgba(88, 151, 232, var(--tw-text-opacity));
}

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

.underline {
		text-decoration-line: underline;
}

.no-underline {
		text-decoration-line: none;
}

.opacity-0 {
		opacity: 0;
}

.opacity-100 {
		opacity: 1;
}

.opacity-40 {
		opacity: 0.4;
}

.opacity-\[\.4\] {
		opacity: .4;
}

.outline-black {
		outline-color: #000;
}

.drop-shadow-2xl {
		--tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-\[2px\] {
		--tw-backdrop-blur: blur(2px);
		-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
		        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
		--tw-backdrop-blur: blur(4px);
		-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
		        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
}

.transition-all {
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
}

.transition-colors {
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
}

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

.duration-\[400ms\] {
		transition-duration: 400ms;
}

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

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

/**
 * Use this directive to control where Tailwind injects the hover, focus,
 * responsive, dark mode, and other variants of each class.
 *
 * If omitted, Tailwind will append these classes to the very end of
 * your stylesheet by default.
 */

/* @import url("tailwindcss/variants"); */

.hover\:bg-shades:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(246, 246, 246, var(--tw-bg-opacity));
}

.hover\:opacity-100:hover {
		opacity: 1;
}

.group:hover .group-hover\:visible {
		visibility: visible;
}

.group:hover .group-hover\:underline {
		text-decoration-line: underline;
}

.group:hover .group-hover\:opacity-100 {
		opacity: 1;
}

.group:hover .group-hover\:opacity-50 {
		opacity: 0.5;
}

@media (min-width: 640px) {

		.sm\:grid-cols-3 {
				grid-template-columns: repeat(3, minmax(0, 1fr));
		}

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

@media (min-width: 768px) {

		.md\:mx-0 {
				margin-left: 0px;
				margin-right: 0px;
		}

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

		.md\:mb-0 {
				margin-bottom: 0px;
		}

		.md\:mb-\[15px\] {
				margin-bottom: 15px;
		}

		.md\:mb-\[66px\] {
				margin-bottom: 66px;
		}

		.md\:block {
				display: block;
		}

		.md\:flex {
				display: flex;
		}

		.md\:h-\[130px\] {
				height: 130px;
		}

		.md\:h-\[492px\] {
				height: 492px;
		}

		.md\:w-1\/2 {
				width: 50%;
		}

		.md\:w-3\/5 {
				width: 60%;
		}

		.md\:w-4\/12 {
				width: 33.333333%;
		}

		.md\:w-9\/12 {
				width: 75%;
		}

		.md\:w-\[304px\] {
				width: 304px;
		}

		.md\:max-w-\[179px\] {
				max-width: 179px;
		}

		.md\:max-w-\[302px\] {
				max-width: 302px;
		}

		.md\:max-w-\[883px\] {
				max-width: 883px;
		}

		.md\:max-w-full {
				max-width: 100%;
		}

		.md\:grid-cols-2 {
				grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.md\:grid-cols-3 {
				grid-template-columns: repeat(3, minmax(0, 1fr));
		}

		.md\:grid-cols-4 {
				grid-template-columns: repeat(4, minmax(0, 1fr));
		}

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

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

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

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

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

		.md\:gap-5 {
				gap: 1.25rem;
		}

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

		.md\:pb-5 {
				padding-bottom: 1.25rem;
		}

		.md\:pb-\[43px\] {
				padding-bottom: 43px;
		}

		.md\:pb-\[68px\] {
				padding-bottom: 68px;
		}

		.md\:pb-\[69px\] {
				padding-bottom: 69px;
		}

		.md\:pb-\[85px\] {
				padding-bottom: 85px;
		}

		.md\:pt-\[60px\] {
				padding-top: 60px;
		}

		.md\:pt-\[65px\] {
				padding-top: 65px;
		}

		.md\:pt-\[88px\] {
				padding-top: 88px;
		}

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

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

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

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

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

@media (min-width: 1024px) {

		.lg\:order-1 {
				order: 1;
		}

		.lg\:order-2 {
				order: 2;
		}

		.lg\:mx-0 {
				margin-left: 0px;
				margin-right: 0px;
		}

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

		.lg\:mb-0 {
				margin-bottom: 0px;
		}

		.lg\:mb-\[47px\] {
				margin-bottom: 47px;
		}

		.lg\:mb-\[60px\] {
				margin-bottom: 60px;
		}

		.lg\:mb-\[70px\] {
				margin-bottom: 70px;
		}

		.lg\:mb-\[84px\] {
				margin-bottom: 84px;
		}

		.lg\:mt-0 {
				margin-top: 0px;
		}

		.lg\:block {
				display: block;
		}

		.lg\:flex {
				display: flex;
		}

		.lg\:hidden {
				display: none;
		}

		.lg\:h-\[160px\] {
				height: 160px;
		}

		.lg\:h-\[545px\] {
				height: 545px;
		}

		.lg\:h-\[600px\] {
				height: 600px;
		}

		.lg\:min-h-\[158px\] {
				min-height: 158px;
		}

		.lg\:min-h-\[545px\] {
				min-height: 545px;
		}

		.lg\:min-h-\[686px\] {
				min-height: 686px;
		}

		.lg\:w-1\/2 {
				width: 50%;
		}

		.lg\:w-3\/12 {
				width: 25%;
		}

		.lg\:w-4\/12 {
				width: 33.333333%;
		}

		.lg\:w-7\/12 {
				width: 58.333333%;
		}

		.lg\:w-8\/12 {
				width: 66.666667%;
		}

		.lg\:w-9\/12 {
				width: 75%;
		}

		.lg\:w-full {
				width: 100%;
		}

		.lg\:max-w-5xl {
				max-width: 64rem;
		}

		.lg\:max-w-\[1060px\] {
				max-width: 1060px;
		}

		.lg\:max-w-\[1080px\] {
				max-width: 1080px;
		}

		.lg\:max-w-\[196px\] {
				max-width: 196px;
		}

		.lg\:max-w-\[302px\] {
				max-width: 302px;
		}

		.lg\:grid-cols-2 {
				grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.lg\:grid-cols-3 {
				grid-template-columns: repeat(3, minmax(0, 1fr));
		}

		.lg\:grid-cols-4 {
				grid-template-columns: repeat(4, minmax(0, 1fr));
		}

		.lg\:grid-cols-5 {
				grid-template-columns: repeat(5, minmax(0, 1fr));
		}

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

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

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

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

		.lg\:justify-end {
				justify-content: flex-end;
		}

		.lg\:gap-0 {
				gap: 0px;
		}

		.lg\:gap-\[128px\] {
				gap: 128px;
		}

		.lg\:gap-\[150px\] {
				gap: 150px;
		}

		.lg\:gap-\[60px\] {
				gap: 60px;
		}

		.lg\:px-0 {
				padding-left: 0px;
				padding-right: 0px;
		}

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

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

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

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

		.lg\:py-0 {
				padding-top: 0px;
				padding-bottom: 0px;
		}

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

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

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

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

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

		.lg\:pb-\[120px\] {
				padding-bottom: 120px;
		}

		.lg\:pb-\[205px\] {
				padding-bottom: 205px;
		}

		.lg\:pb-\[50px\] {
				padding-bottom: 50px;
		}

		.lg\:pb-\[65px\] {
				padding-bottom: 65px;
		}

		.lg\:pb-\[75px\] {
				padding-bottom: 75px;
		}

		.lg\:pb-\[95px\] {
				padding-bottom: 95px;
		}

		.lg\:pt-\[115px\] {
				padding-top: 115px;
		}

		.lg\:pt-\[120px\] {
				padding-top: 120px;
		}

		.lg\:pt-\[151px\] {
				padding-top: 151px;
		}

		.lg\:pt-\[62px\] {
				padding-top: 62px;
		}

		.lg\:pt-\[70px\] {
				padding-top: 70px;
		}

		.lg\:pt-\[91px\] {
				padding-top: 91px;
		}

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

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

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

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

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

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

		.lg\:leading-9 {
				line-height: 2.25rem;
		}

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

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

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

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

@media (min-width: 1280px) {

		.xl\:mx-0 {
				margin-left: 0px;
				margin-right: 0px;
		}

		.xl\:flex {
				display: flex;
		}

		.xl\:hidden {
				display: none;
		}

		.xl\:w-1\/3 {
				width: 33.333333%;
		}

		.xl\:w-2\/3 {
				width: 66.666667%;
		}

		.xl\:w-3\/12 {
				width: 25%;
		}

		.xl\:max-w-7xl {
				max-width: 80rem;
		}

		.xl\:max-w-\[419px\] {
				max-width: 419px;
		}

		.xl\:max-w-\[515px\] {
				max-width: 515px;
		}

		.xl\:max-w-\[550px\] {
				max-width: 550px;
		}

		.xl\:grid-cols-3 {
				grid-template-columns: repeat(3, minmax(0, 1fr));
		}

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

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

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

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

		.xl\:justify-end {
				justify-content: flex-end;
		}

		.xl\:gap-\[10px\] {
				gap: 10px;
		}

		.xl\:gap-\[169px\] {
				gap: 169px;
		}

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

		.xl\:pt-0 {
				padding-top: 0px;
		}

		.xl\:pt-\[97px\] {
				padding-top: 97px;
		}

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

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

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

@media (min-width: 1536px) {

		.\32xl\:mx-auto {
				margin-left: auto;
				margin-right: auto;
		}

		.\32xl\:flex {
				display: flex;
		}

		.\32xl\:h-\[600px\] {
				height: 600px;
		}

		.\32xl\:max-w-\[1440px\] {
				max-width: 1440px;
		}

		.\32xl\:grid-cols-4 {
				grid-template-columns: repeat(4, minmax(0, 1fr));
		}

		.\32xl\:justify-center {
				justify-content: center;
		}

		.\32xl\:gap-8 {
				gap: 2rem;
		}

		.\32xl\:gap-\[30px\] {
				gap: 30px;
		}

		.\32xl\:px-0 {
				padding-left: 0px;
				padding-right: 0px;
		}

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

@media (min-width: 1440px) {

		.wp-xl\:block {
				display: block;
		}

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

		.wp-xl\:max-w-\[730px\] {
				max-width: 730px;
		}

		.wp-xl\:max-w-\[735px\] {
				max-width: 735px;
		}

		.wp-xl\:text-3xl {
				font-size: 1.875rem;
				line-height: 2.25rem;
		}
}