.stc-container {
	max-width: 1400px;
	margin: 0 auto;
}

.container {
	width: auto !important;
	max-width: 1400px;
}

@media screen and (min-width: 992px) {
	.container {
		width: auto !important;
	}
}

@media screen and (min-width: 768px) {
	.container {
		width: auto !important;
	}
}

.stc-grid-1 {
	display: grid;
	grid-template-columns: 1fr;
}

.stc-grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: var(--column-gap);
	row-gap: 30px;
}

.stc-grid-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: var(--column-gap);
	row-gap: var(--row-gap);
}

.stc-grid-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: var(--column-gap);
	row-gap: var(--row-gap);
}

.stc-box-2 {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	column-gap: 15px;
	row-gap: 15px;
}

.stc-box-flex {
	display: flex;
	column-gap: 10px;
	row-gap: 15px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

/* .stc-subheading.fullWidth {
    grid-template-columns: 1fr ;
} */

.stc-subheading.fullWidth {
	grid-template-columns: 1fr;
}

.stc-subheading__btns {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 10px;
	row-gap: 7px;
	flex-wrap: wrap;
}

.stc-subheading.fullWidth .stc-subheading__btns {
	justify-content: flex-end;
}

@supports not (aspect-ratio: 1/1) {
	.stc-grid-3,
	.stc-grid-4 {
		column-gap: 0;
		row-gap: 0;
	}

	.stc-grid-3 > *,
	.stc-grid-4 > * {
		margin-right: var(--column-gap);
		margin-bottom: var(--row-gap);
	}

	.stc-grid-3 > *:last-child,
	.stc-grid-4 > *:last-child {
		margin-right: 0;
	}

	.stc-box-2 {
		column-gap: 0;
		row-gap: 0;
	}

	.stc-box-2 > * {
		margin-right: 15px;
		margin-bottom: 15px;
	}

	.stc-box-2 > *:last-child {
		margin-right: 0;
	}

	.stc-subheading__btns {
		column-gap: 0;
		row-gap: 0;
		margin-top: 15px;
	}

	.stc-subheading__btns > * {
		margin-bottom: 7px;
	}

	.stc-subheading__btns > *:not(:last-child) {
		margin-right: 10px;
	}
}

@media screen and (max-width: 991px) {
	.stc-subheading.fullWidth .stc-subheading__btns {
		justify-content: flex-start;
	}
}

@media screen and (max-width: 768px) {
	.stc-grid-3,
	.stc-grid-4 {
		grid-template-columns: repeat(2, 1fr);
	}

	.stc-grid-2 {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 480px) {
	.stc-grid-3,
	.stc-grid-4 {
		grid-template-columns: 1fr;
	}

	.stc-grid-2 {
		grid-template-columns: 1fr;
	}

	.stc-box-2 {
		grid-template-columns: 1fr;
		row-gap: 15px;
	}

	@supports not (aspect-ratio: 1/1) {
		.stc-box-2 {
			row-gap: 0;
		}

		.stc-box-2 > * {
			margin-bottom: 15px;
		}
	}

	.stc-box-2 .stc-btn {
		justify-self: center;
	}

	.stc-subheading__btns {
		flex-direction: column;
		align-items: stretch;
	}
}

.stc-heading-with-btn {
	display: flex;
	justify-content: space-between;
	row-gap: 16px;
	column-gap: 24px;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
	.stc-heading-with-btn {
		flex-direction: column;
	}
}