.page-wrapper{
  	width: 100%;
	height: 100%;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-content: center;
  	align-items: center;
}
.page-wrapper-modal{
  	width: 100%;
	height: 100vh;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-content: center;
  	align-items: center;
}
.thank-you-card{
  max-width: 760px;
  width: auto;
  height: auto;
  background-color: var(--color-offwhite);
  margin: 20vh 0px 10vh 0px;
  flex-direction: column;
  padding: 50px;
  border-radius: var(--radius-lg);
 }
.thank-you-card-modal{
  max-width: 760px;
  width: auto;
  height: auto;
  background-color: var(--color-offwhite);
  flex-direction: column;
  padding: 50px;
  margin: 0px;
  border-radius: var(--radius-lg);
 }

.super-text{
  font-size: 10px;
  color: var(--color-green);
  text-align: center;
  margin-bottom: 0px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.thank-you-card h1{
  font-size: 40px;
  margin: 0px;
}
.thank-you-card p{
  max-width: 450px;
}

.thank-you-card-cta{
  margin-top: 20px;
  display:flex;
  gap: 20px;
}

.pre-footer img{
  width: -moz-available;
}

/**** animations ***/
.full-bg-page {
	position: relative;
	overflow: clip;
}

.page-bg {
	inset: -8% 0 -8% 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: -1;
	will-change: transform;
	pointer-events: none;
}

.page-content {
	position: relative;
	z-index: 3;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4rem 1.5rem;
}