body {
	-ms-overflow-x: hidden; /* Standard property */
	-webkit-overflow-x: hidden; /* For older versions of Safari/Chrome */
	-moz-overflow-x: hidden; /* For older versions of Firefox */
	overflow-x: hidden; /* For Internet Explorer */
}

.main__index {
	margin: 0;
	display: flex;
	flex-direction: column;
	font-family: 'Montserrat', sans-serif;
	background-color: #f8f8f8;
}

.hero__texts {
	position: relative;
	bottom: 5.5rem;
}
.maintxt_hero {
	font: normal 700 3.5rem 'Libre Baskerville';
	color: #000;
	margin-bottom: 2rem;
}
.subtxt_hero {
	font: normal 500 1.5rem 'Montserrat', sans-serif;
	color: #000;
	line-height: 1.6em;
}
.getstarted_button {
	cursor: pointer;
	border: 1px solid #020234;
	border-radius: 5px;
	background-color: #020234;
	color: #e8f0fc;
	font: normal 700 1.2rem Montserrat, Arial, Helvetica, sans-serif;
	padding: 0.5em 1em;
	transition: background-color 0.3s, border-color 0.3s;
}
.getstarted_button:hover {
	background-color: transparent;
	color: #020234;
	transition: background-color 0.3s, border-color 0.3s;
}

.sections__title {
	font: normal 700 3rem 'Libre Baskerville', serif;
}

.ourstory__text {
	text-align: justify;
    text-indent: 30px;
	font: normal 500 1.2rem 'Montserrat', Arial, Helvetica, sans-serif;
}
.ourstory_img {
	width: 40rem;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.ourstory_img img {
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.image-box {
	width: 40rem;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.image-box img {
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.client__txt p {
	margin-top: 0;
	font: normal 500 1.2rem 'Montserrat', Arial, Helvetica, sans-serif;
	line-height: 2em;
	padding: 1.3rem;
}

.line_brk {
	border: none;
	height: 2px;
	background-color: #333;
	width: 50%;
}
.signup_label {
	font: normal 700 2rem 'Libre Baskerville', serif;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}
.signup_form_container {
	border-radius: 15px;
	background: #f6f6f6;
	box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.signup_header--bottom {
	font: normal 700 2rem 'Libre Baskerville', serif;
}
.title--signup__bottom {
	font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
}
.signup__button--bottom {
	border: 1px solid #020234;
	border-radius: 5px;
	background-color: #020234;
	color: #e8f0fc;
	font: normal 700 1.2rem 'Montserrat', Arial, Helvetica, sans-serif;
	padding: 0.5em 1em;
	transition: background-color 0.3s, border-color 0.3s;
}
.signup__button--bottom:hover {
	background-color: #e8f0fc;
	color: #020234;
	transition: background-color 0.3s, border-color 0.3s;
}
.text--already {
	font: normal 400 1rem 'Montserrat', Arial, Helvetica, sans-serif;
}
.text--already a {
	font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #020234;
}
.text--already a:hover {
	border-bottom: 2px solid #020234;
}
.animate {
	opacity: 0.5;
	transform: scale(0.8);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.animate_story {
	opacity: 1;
}
.animate-active {
	opacity: 1;
	transform: scale(0.9);
}

/* xxs */
@media (min-width: 320px) {
	.image__hero {
		max-height: 45vh;
		padding: 15rem;
	}
	.hero__texts {
		position: relative;
		bottom: 4.5rem;
	}
	.maintxt_hero {
		font: normal 700 1.1rem 'Libre Baskerville';
		margin-bottom: 0.5rem;
	}
	.subtxt_hero {
		font: normal 500 0.7rem 'Montserrat', sans-serif;
		line-height: 1.5em;
	}
	.getstarted_button {
		font: normal 700 0.7rem Montserrat, Arial, Helvetica, sans-serif;
		padding: 0.5em 1em;
	}
	.sections__title {
		font: normal 700 1rem 'Libre Baskerville', serif;
	}

	.ourstory_img {
		width: 20rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.ourstory__text {
		font: normal 500 0.9rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.image-box {
		width: 35rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.image-box img {
		width: 100%;
		height: auto;
	}
	.client__loc {
		font: normal 500 0.9rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.signup_label {
		font: normal 600 1rem 'Libre Baskerville', serif;
	}
	.signup_header--bottom {
		font: normal 700 1.1rem 'Libre Baskerville', serif;
	}
	.title--signup__bottom {
		font: normal 700 0.75rem 'Montserrat', Arial, Helvetica, sans-serif;
	}

	.signup__button--bottom {
		font: normal 700 0.85rem 'Montserrat', Arial, Helvetica, sans-serif;
		padding: 0.5em 8em;
	}
	.text--already {
		font: normal 400 0.75rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.text--already a {
		font: normal 700 0.75rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.signup_form_container {
	    transform: scale(0.90);
	}
}
/* xs */
@media (min-width: 475px) {
	.image__hero {
		max-height: 65vh;
		padding: 15rem;
	}
	.hero__texts {
		position: relative;
		bottom: 4.5rem;
	}
	.maintxt_hero {
		font: normal 700 2rem 'Libre Baskerville';
		margin-bottom: 2rem;
	}
	.subtxt_hero {
		font: normal 500 1rem 'Montserrat', sans-serif;
		line-height: 1.6em;
	}
	.getstarted_button {
		font: normal 700 1rem Montserrat, Arial, Helvetica, sans-serif;
		padding: 0.5em 1em;
	}
	.sections__title {
		font: normal 700 1.8rem 'Libre Baskerville', serif;
	}

	.ourstory_img {
		width: 25rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.ourstory__text {
		font: normal 500 1.1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.image-box {
		width: 35rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.image-box img {
		width: 100%;
		height: auto;
	}
	.client__loc {
		font: normal 500 1.1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.signup_label {
		font: normal 600 1.2rem 'Libre Baskerville', serif;
	}
	.signup_header--bottom {
		font: normal 700 2rem 'Libre Baskerville', serif;
	}
	.title--signup__bottom {
		font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.signup__button--bottom {
		font: normal 700 0.85rem 'Montserrat', Arial, Helvetica, sans-serif;
		padding: 0.5em 10.5em;
	}
	.text--already {
		font: normal 400 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.text--already a {
		font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
}

/* sm */
@media (min-width: 640px) {
	.image__hero {
		max-height: 75vh;
		padding: 20rem;
	}
	.hero__texts {
		position: relative;
		bottom: 5.5rem;
	}
	.maintxt_hero {
		font: normal 700 2.2rem 'Libre Baskerville';
		margin-bottom: 2rem;
	}
	.subtxt_hero {
		font: normal 500 1.3rem 'Montserrat', sans-serif;
		line-height: 1.6em;
	}
	.getstarted_button {
		font: normal 700 1rem Montserrat, Arial, Helvetica, sans-serif;
		padding: 0.5em 1em;
	}
	.sections__title {
		font: normal 700 2.1rem 'Libre Baskerville', serif;
	}

	.ourstory_img {
		width: 30rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.ourstory__text {
		font: normal 500 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}

	.image-box {
		width: 35rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.image-box img {
		width: 100%;
		height: auto;
	}
	.client__loc {
		font: normal 500 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.signup_label {
		font: normal 600 1.9rem 'Libre Baskerville', serif;
	}
	.signup_header--bottom {
		font: normal 700 2rem 'Libre Baskerville', serif;
	}
	.title--signup__bottom {
		font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}

	.signup__button--bottom {
		font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
		padding: 0.5em 1em;
	}
	.text--already {
		font: normal 400 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.text--already a {
		font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.signup_form_container {
	    transform: scale(1.0);
	}
}

/* md */
@media (min-width: 768px) {
	.image__hero {
		max-height: 75vh;
		padding: 20rem;
	}
	.hero__texts {
		position: relative;
		bottom: 5.5rem;
	}
	.maintxt_hero {
		font: normal 700 2.5rem 'Libre Baskerville';
		margin-bottom: 2rem;
	}
	.subtxt_hero {
		font: normal 500 1.5rem 'Montserrat', sans-serif;
		line-height: 1.6em;
	}
	.getstarted_button {
		font: normal 700 1.2rem Montserrat, Arial, Helvetica, sans-serif;
		padding: 0.5em 1em;
	}
	.sections__title {
		font: normal 700 2.5rem 'Libre Baskerville', serif;
	}

	.ourstory_img {
		width: 30rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.ourstory__text {
		font: normal 500 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.image-box {
		width: 35rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.image-box img {
		width: 100%;
		height: auto;
	}
	.client__loc {
		font: normal 500 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.signup_label {
		font: normal 600 1.9rem 'Libre Baskerville', serif;
	}
	.signup_header--bottom {
		font: normal 700 2rem 'Libre Baskerville', serif;
	}
	.title--signup__bottom {
		font: normal 700 1.2rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.signup__button--bottom {
		font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
		padding: 0.5em 1em;
	}
	.text--already {
		font: normal 400 1.1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.text--already a {
		font: normal 700 1.1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
}

/* lg */
@media (min-width: 1024px) {
	.image__hero {
		max-height: 80vh;
		padding: 20rem;
	}
	.hero__texts {
		position: relative;
		bottom: 5.5rem;
	}
	.maintxt_hero {
		font: normal 700 2.6rem 'Libre Baskerville';
		margin-bottom: 2rem;
	}
	.subtxt_hero {
		font: normal 500 1.3rem 'Montserrat', sans-serif;
		line-height: 1.6em;
	}
	.getstarted_button {
		font: normal 700 1rem Montserrat, Arial, Helvetica, sans-serif;
		padding: 0.5em 1em;
	}
	.sections__title {
		font: normal 700 2.3rem 'Libre Baskerville', serif;
	}

	.ourstory_img {
		width: 30rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.ourstory__text {
		font: normal 500 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}

	.image-box {
		width: 35rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.image-box img {
		width: 100%;
		height: auto;
	}
	.client__loc {
		font: normal 500 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.signup_label {
		font: normal 600 2.1rem 'Libre Baskerville', serif;
	}
	.signup_header--bottom {
		font: normal 700 2rem 'Libre Baskerville', serif;
	}
	.title--signup__bottom {
		font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}

	.signup__button--bottom {
		font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
		padding: 0.5em 1em;
	}
	.text--already {
		font: normal 400 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.text--already a {
		font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
}

/* xl */
@media (min-width: 1280px) {
	.image__hero {
		max-height: 80vh;
		padding: 20rem;
	}
	.hero__texts {
		position: relative;
		bottom: 5.5rem;
	}
	.maintxt_hero {
		font: normal 700 3.1rem 'Libre Baskerville';
		margin-bottom: 2rem;
	}
	.subtxt_hero {
		font: normal 500 1.5rem 'Montserrat', sans-serif;
		line-height: 1.6em;
	}
	.getstarted_button {
		font: normal 700 1.2rem Montserrat, Arial, Helvetica, sans-serif;
		padding: 0.5em 1em;
	}
	.sections__title {
		font: normal 700 2.8rem 'Libre Baskerville', serif;
	}
	.ourstory_img {
		width: 40rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.ourstory__text {
		font: normal 500 1.2rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.image-box {
		width: 35rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.image-box img {
		width: 100%;
		height: auto;
	}
	.client__loc {
		font: normal 500 1.2rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.signup_label {
		font: normal 600 2.5rem 'Libre Baskerville', serif;
	}
	.signup_header--bottom {
		font: normal 600 2rem 'Libre Baskerville', serif;
	}
	.title--signup__bottom {
		font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}

	.signup__button--bottom {
		font: normal 700 1.2rem 'Montserrat', Arial, Helvetica, sans-serif;
		padding: 0.5em 1em;
	}
	.text--already {
		font: normal 400 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.text--already a {
		font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
}

/* 2xl */
@media (min-width: 1536px) {
	.image__hero {
		max-height: 80vh;
		padding: 20rem;
	}
	.hero__texts {
		position: relative;
		bottom: 5.5rem;
	}
	.maintxt_hero {
		font: normal 700 3.5rem 'Libre Baskerville';
		margin-bottom: 2rem;
	}
	.subtxt_hero {
		font: normal 500 1.5rem 'Montserrat', sans-serif;
		line-height: 1.6em;
	}
	.getstarted_button {
		font: normal 700 1.2rem Montserrat, Arial, Helvetica, sans-serif;
		padding: 0.5em 1em;
	}
	.sections__title {
		font: normal 700 3rem 'Libre Baskerville', serif;
	}

	.ourstory_img {
		width: 40rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.ourstory__text {
		font: normal 500 1.2rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.image-box {
		width: 35rem;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.image-box img {
		width: 100%;
		height: auto;
	}
	.client__loc {
		font: normal 500 1.2rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.signup_label {
		font: normal 600 2.5rem 'Libre Baskerville', serif;
	}
	.signup_header--bottom {
		font: normal 700 2rem 'Libre Baskerville', serif;
	}
	.title--signup__bottom {
		font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}

	.signup__button--bottom {
		font: normal 700 1.2rem 'Montserrat', Arial, Helvetica, sans-serif;
		padding: 0.5em 1em;
	}
	.text--already {
		font: normal 400 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
	.text--already a {
		font: normal 700 1rem 'Montserrat', Arial, Helvetica, sans-serif;
	}
}