@import "navigation.css";
@import "typography.css";
@import "color_variable.css";
@import "hero_banner.css";
@import "partners.css";
@import "offer-component.css";
@import "transformed.css";
@import "testimonial.css";
@import "spotlight.css";
@import "chat-widget.css";
@import "footer.css";




.button {
    font-family: var(--font-secondary);
    font-size: var(--body-text-3);
    border: none;
}

.button-primary {
    background: var(--color-secondary);
    border-radius: 50px;
    padding: 10px 30px;
}

.moveout{
	animation: outime 0.6s;
	transition: all 300ms ease-in-out;
	animation-fill-mode: forwards;
}
.moveon{
	animation: intime 0.6s;
	transition: all 300ms ease-in-out;
	animation-fill-mode: forwards;
}
@keyframes outime{
	0%{
		transform: translateY(-6px);
	}
	100%{
		transform: translateY(-130px);
	}
}
@keyframes intime{
	0%{
		transform: translateY(-130px);
	}
	100%{
		transform: translateY(0);
	}
}