.sup {
	display: none;
}

@media (max-width: 700px) {
	.hero-inner h1 {
		font-size: 70px;
	}
	#cards {
		width: 500px;
		display: block;
	}

	.card {
		width: 100%;
		margin-bottom: 10px;
	}
}

@media (max-width: 600px) {
	.button-text {
		display: none;
	}

	.button svg {
		margin: 0;
	}

	.heading-inner {
		width: 95%;
	}
	#cards {
		width: 100%;
	}
	.card {
		border-radius: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.096);
		margin: 0;
	}

	.sup {
		display: block;
	}

	.mai {
		display: none;
		text-align: center !important;
	}

	.v-inner {
		position: absolute;
		bottom: 0;
		width: 100%;
		border-radius: 0;
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
	}

	.close svg {
		left: 10px;
		right: inherit;
	}
}