.banner-case-study-archive {
	padding-top: 6rem;
	@include media-min($medium) {
		padding-top: 8rem;
	}

	&__row-filters {
		display: flex;
		flex-direction: column;
		gap: 4rem;

		@include media-min($large) {
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			gap: 3rem;
		}
	}

	&__filters {
		display: grid;
		grid-template-columns: 1fr;
		gap: 2rem;
		width: 100%;
		margin: auto;

		@include media-min($medium) {
			grid-template-columns: 1fr 1fr 1fr;
		}

		@include media-min($large) {
			max-width: 780px;
		}
	}

	&__filter-control {
		margin-top: 0;

		width: 100%;

		@include media-min($large) {
			max-width: 290px;
		}
	}

	h1 {
		font-size: 48px;
		font-weight: 700;
		line-height: 56px;
		color: #fff;
		@include media-min($medium) {
			font-size: 68px;
			line-height: 76px;
		}
	}

	&__heading-text {
		font-weight: 300;
		font-size: 26px;
		line-height: 31px;
		color: #a2adb9;
	}
}