@media (min-width:768px) {}

@media (min-width:1024px) {}


.hero-banner__form,
.call-to-action__form {
	padding: 1.6rem;
	display: flex;
	gap: 1.6rem;
	flex-direction: column;
	align-items: center;
	max-width: 48.0rem;
}

.hero-banner__form .form-field,
.hero-banner__form .btn-default,
.call-to-action__form .form-field,
.call-to-action__form .btn-default {
	margin: 0;
	padding: 1.6rem;
	border: none;
	border-radius: 0.6rem;
	width: 100%;
	font-size: var(--fs-md);
	font-weight: 600;
}

.hero-banner__form .form-field,
.call-to-action__form .form-field {
	color: var(--c-neutral-900);
	background: var(--c-neutral-100);
	border: 1px solid var(--c-neutral-400);
	font-weight: 400;
}

@media (min-width:768px) {

	.hero-banner__form,
	.call-to-action__form {
		margin: 1.6rem auto;
		padding: 0;
		display: flex;
		gap: 0;
		flex-direction: row;
	}

	.hero-banner__form .form-field,
	.hero-banner__form .btn-default,
	.call-to-action__form .form-field,
	.call-to-action__form .btn-default {
		margin: 0;
		padding: 1.6rem;
		border: 1px solid var(--c-neutral-400) !important;
		border-radius: 0 0.6rem 0.6rem 0;
		width: auto;
		height: 5.6rem;
	}

	.hero-banner__form .form-field,
	.call-to-action__form .form-field {
		flex: 1 1 0;
		border-radius: 0.6rem 0 0 0.6rem;
	}

}

@media (min-width:1024px) {

	.call-to-action__form {
		margin: 1.6rem 0;
	}
}

/*//////////////////////////////////////////////////////////////////////////////////////////*/

.feature-card {
	margin: 0;
	padding: 1.6rem;
	display: flex;
	gap: 1.6rem;
	flex-direction: row;
	align-items: center;
	background: var(--c-neutral-100);
	border: 1px solid var(--c-neutral-200);
	border-radius: 1.2rem;
}

/**/


.feature-card__icon {
	width: 4.8rem;
	height: 4.8rem;
	flex: none;
}

.feature-card__icon svg {
	width: 100%;
	height: 100%;
}

/**/


.feature-card__content {}

.feature-card__title {}

.feature-card__description {}

/**/



@media (min-width: 1024px) {
	.feature-card {
		padding: 2.4rem;
		gap: 3.2rem;
		flex-direction: column;
		align-items: start;
	}

	.feature-card__icon {
		width: 6.4rem;
		height: 6.4rem;
		flex: none;
	}
}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
.hero-banner {
	position: relative;
}

.hero-banner__media-img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: center center !important;
	background-size: 90vh !important;
	z-index: 1;
}

.hero-banner .site-grid {
	margin: auto;
	padding: 0 2.4rem;
	max-width: 144.0rem;
	z-index: 2;
	position: relative;
}

.hero-banner .site-grid .hero-banner__content {
	margin: auto;
	padding: 3.2rem 1.6rem;
	max-width: 85.0rem;
}

.hero-banner__media {
	height: 50vh;
}


@media (min-width:768px) {
	.hero-banner .site-grid .hero-banner__content {
		padding: 8.0rem 8.0rem 0 8.0rem;
	}

	.hero-banner__media-img {
		top: 0;
		bottom: 0;
	}
}

@media (min-width:1024px) {
	.hero-banner__media-img {
		top: 0;
		bottom: 0;
		background-position: center 25vh !important;
		background-size: 130vh !important;
	}
}

@media (min-width:1440px) {
	.hero-banner__media-img {
		top: 0;
		bottom: 0;
		background-size: 150vh !important;
	}
}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
.top-features {
	position: relative;
	z-index: 2;
}

.top-features__grid {}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
.why-tithinow {}

.why-tithinow__header {}

.why-tithinow__eyebrow {}

.why-tithinow__title {}

.why-tithinow__intro {}

.why-tithinow__lead {}

.why-tithinow__description {}

.why-tithinow__grid {
	margin: 0 0 2.4rem 0;
}

.why-tithinow__media {}

.why-tithinow__content {}

@media (min-width:768px) {}

@media (min-width:1024px) {
	.section-header.why-tithinow__header {
		margin-bottom: 8.0rem;
	}
	.why-tithinow__grid .why-tithinow__media .thumbnail img {
		height: 51.2rem;
	}
	.why-tithinow__grid:nth-child(3) .why-tithinow__media {
		order: 2;
	}
	.why-tithinow__grid:nth-child(3) .why-tithinow__content {
		order: 1;
	}
}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
.feature-showcase {}

.feature-showcase__header {}

.feature-showcase__title {}

.feature-showcase__description {}

.feature-showcase__grid {}

.feature-showcase__content {}

.feature-showcase__media .feature-card__icon {
	width: 100%;
	height: auto;
}

@media (min-width:768px) {}

@media (min-width:1024px) {
	.feature-showcase__content .feature-card {
		margin: 0;
		padding: 0;
		border: none;
		background: none;
		flex-direction: row;
		gap: 1.6rem;
	}
}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
.how-it-works {}

.how-it-works__header {}

.how-it-works__title {}

.how-it-works__grid {}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
.trust-features {}

.trust-features__title {
	margin-bottom: 0.8rem;
}

.trust-features__subtitle {
	margin-bottom: 1.6rem;
}

.trust-features__cards {}

@media (min-width:768px) {}

@media (min-width:1024px) {
	.trust-features .section-header {
		padding-bottom: 0rem;
	}

	.trust-features__title {
		margin-bottom: 1.6rem;
	}

	.trust-features__subtitle {
		margin-bottom: 2.4rem;
	}

	.trust-features__cards .site-grid.is--gap-48 {
		grid-gap: 2.4rem;
	}

	.trust-features__cards .feature-card {
		margin: 0;
		padding: 0;
		border: none;
		background: none;
		flex-direction: row;
		gap: 1.6rem;

	}
}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
.for-everyone {}

.for-everyone__header {}

.for-everyone__title {}

.for-everyone__grid {}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
.faq-section {
	margin: auto;
	max-width: 60.6rem;
}

.accordion .accordion-item {
	margin: 0 0 1.6rem 0;
	padding: 0 1.6rem;
	background: linear-gradient(#222222, #222222) padding-box,
		linear-gradient(145deg, #FFFFFF20, #FFFFFF40) border-box;
	border: 1px solid transparent;
	border-radius: 0.6rem;
}

.accordion .accordion-item button[aria-expanded='true'] {
	border-bottom: 1px solid var(--c-neutral-400);
}

.accordion button {
	display: block;
	margin: 0;
	position: relative;
	padding: 1.6rem 0;
	width: 100%;
	text-align: left;
	color: var(--c-neutral-900);
	border: none;
	background: none;
	outline: none;
}

.accordion button:hover,
.accordion button:focus {
	cursor: pointer;
	color: var(--c-neutral-900);
}

.accordion button:hover::after,
.accordion button:focus::after {
	cursor: pointer;
	color: var(--c-neutral-900);
	border: 1px solid var(--c-neutral-900);
}

.accordion button .accordion-title {
	padding: 0 4.0rem 0 0;
}

.accordion button .icon {
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 0;
	width: 22px;
	height: 22px;
	border: 1px solid;
	border-radius: 22px;
}

.accordion button .icon::before {
	display: block;
	position: absolute;
	content: '';
	top: 9px;
	left: 5px;
	width: 10px;
	height: 2px;
	background: currentColor;
}

.accordion button .icon::after {
	display: block;
	position: absolute;
	content: '';
	top: 5px;
	left: 9px;
	width: 2px;
	height: 10px;
	background: currentColor;
}

.accordion button[aria-expanded='true'] {
	color: var(--c-neutral-900);
}

.accordion button[aria-expanded='true'] .icon::after {
	width: 0;
}

.accordion button[aria-expanded='true']+.accordion-content {
	padding: 1.6rem 0;
	opacity: 1;
	max-height: fit-content;
	transition: all 200ms linear;
	will-change: opacity, max-height;
}

.accordion .accordion-content {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 200ms linear, max-height 200ms linear;
	will-change: opacity, max-height;
}

.accordion .accordion-content p {
	margin: 0;
}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
.call-to-action {}

.call-to-action__content {}

.call-to-action__title {
	margin: 0 0 0.8rem 0;
}

@media (min-width:768px) {}

@media (min-width:1024px) {
	.call-to-action .section-header {
		padding-bottom: 0;
	}

	.call-to-action__title {
		margin: 0 0 1.6rem 0;
	}

	.call-to-action .site-grid.text-center {
		text-align: left !important;
	}
}