/* ---- FRONT-END ---- */
#brx-header-support-content-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#brx-header-support-content-wrapper .brx-header-support-content-container {
	display: flex;
	flex-direction: column;
	flex-basis: 50%;
	flex: 0 0 50%;
	padding-top: 45px;
}

#brx-header-support-content-wrapper .brx-header-support-content-container h1.brx-header-support-content-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: var(--font-size-60);
	font-optical-sizing: auto;
	font-weight: var(--inter-font-weight-medium);
	font-style: normal;
	margin-bottom: 1em;
}

#brx-header-support-content-wrapper .brx-header-support-content-container .brx-header-support-content-text a {
	color: #1E1E4B;
	border-bottom: 1px solid #1E1E4B;
}


#brx-header-support-content-wrapper #brx-header-support-support-container {
	display: flex;
	flex-direction: column;
	flex-basis: 50%;
	flex: 0 0 50%;
	padding: 100px 8.33334%;
	border-radius: 100px 0 0 100px;
}

#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container h2.brx-header-support-support-content-title {
	font-size: var(--font-size-60);
	margin-bottom: 1em;
}

#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-text {
	margin-bottom: 1.4em;
}

#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a {
	position: relative;
	display: inline-block;
	font-size: var(--font-size-24);
	color: #1E1E4B;
	margin-bottom: 5px;
}

#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a::before {
	position: relative;
	display: inline-block;
	content: '';
	height: var(--font-size-24);
	width: 25px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 7px;
}

#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a::after {
	position: absolute;
	display: block;
	content: '';
	left: 32px;
	height: 1px;
	width: calc( 100% - 32px);
	background-color: #1E1E4B;
}

#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a.brx-header-support-support-content-links-url-windows::before {
	background-image: url('images/Tetra - Bricks - Windows logo.svg');
}

#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a.brx-header-support-support-content-links-url-mac::before {
	background-image: url('images/Tetra - Bricks - Apple logo.svg');
}




@media( max-width: 767px ) {
	#brx-header-support-wrapper {
		background: transparent!important;
		padding: 35px 0!important;
	}
	
	#brx-header-support-content-wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		background: transparent!important;
	}

	
	#brx-header-support-content-wrapper .brx-header-support-content-container {
		display: flex;
		flex-direction: column;
		flex-basis: 100%;
		flex: 0 0 100%;
		padding-top: 0;
	}

				#brx-header-support-content-wrapper .brx-header-support-content-container h1.brx-header-support-content-title {
					font-family: 'Inter Tight', sans-serif;
					font-size: var(--font-size-60);
					font-optical-sizing: auto;
					font-weight: var(--inter-font-weight-medium);
					font-style: normal;
					margin-bottom: 1em;
				}

				#brx-header-support-content-wrapper .brx-header-support-content-container .brx-header-support-content-text a {
					color: #1E1E4B;
					border-bottom: 1px solid #1E1E4B;
				}


	#brx-header-support-content-wrapper #brx-header-support-support-container {
		display: flex;
		flex-direction: column;
		flex-basis: 100%;
		flex: 0 0 100%;
		padding: 30px;
		border-radius: 35px;
		margin: 35px 0;
	}

	#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container h2.brx-header-support-support-content-title {
		font-size: var(--font-size-50);
		margin-bottom: 1em;
	}

				#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-text {
					margin-bottom: 1.4em;
				}

				#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a {
					position: relative;
					display: inline-block;
					font-size: var(--font-size-24);
					color: #1E1E4B;
					margin-bottom: 5px;
				}

				#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a::before {
					position: relative;
					display: inline-block;
					content: '';
					height: var(--font-size-24);
					width: 25px;
					background-position: left center;
					background-repeat: no-repeat;
					background-size: contain;
					margin-right: 7px;
				}

				#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a::after {
					position: absolute;
					display: block;
					content: '';
					left: 32px;
					height: 1px;
					width: calc( 100% - 32px);
					background-color: #1E1E4B;
				}

				#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a.brx-header-support-support-content-links-url-windows::before {
					background-image: url('images/Tetra - Bricks - Windows logo.svg');
				}

				#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a.brx-header-support-support-content-links-url-mac::before {
					background-image: url('images/Tetra - Bricks - Apple logo.svg');
				}
}
				

@media only screen
  and (min-width: 768px) 
  and (max-width: 1200px) 
  and (orientation: portrait) {
	  #brx-header-support-wrapper {
		background: transparent!important;
		padding: 35px 0!important;
	}
	
	#brx-header-support-content-wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		background: transparent!important;
	}

	
	#brx-header-support-content-wrapper .brx-header-support-content-container {
		display: flex;
		flex-direction: column;
		flex-basis: 100%;
		flex: 0 0 100%;
		padding-top: 0;
	}

				#brx-header-support-content-wrapper .brx-header-support-content-container h1.brx-header-support-content-title {
					font-family: 'Inter Tight', sans-serif;
					font-size: var(--font-size-60);
					font-optical-sizing: auto;
					font-weight: var(--inter-font-weight-medium);
					font-style: normal;
					margin-bottom: 1em;
				}

				#brx-header-support-content-wrapper .brx-header-support-content-container .brx-header-support-content-text a {
					color: #1E1E4B;
					border-bottom: 1px solid #1E1E4B;
				}


	#brx-header-support-content-wrapper #brx-header-support-support-container {
		display: flex;
		flex-direction: column;
		flex-basis: 100%;
		flex: 0 0 100%;
		padding: 30px;
		border-radius: 35px;
		margin: 35px 0;
	}

	#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container h2.brx-header-support-support-content-title {
		font-size: var(--font-size-50);
		margin-bottom: 1em;
	}

				#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-text {
					margin-bottom: 1.4em;
				}

				#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a {
					position: relative;
					display: inline-block;
					font-size: var(--font-size-24);
					color: #1E1E4B;
					margin-bottom: 5px;
				}

				#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a::before {
					position: relative;
					display: inline-block;
					content: '';
					height: var(--font-size-24);
					width: 25px;
					background-position: left center;
					background-repeat: no-repeat;
					background-size: contain;
					margin-right: 7px;
				}

				#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a::after {
					position: absolute;
					display: block;
					content: '';
					left: 32px;
					height: 1px;
					width: calc( 100% - 32px);
					background-color: #1E1E4B;
				}

				#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a.brx-header-support-support-content-links-url-windows::before {
					background-image: url('images/Tetra - Bricks - Windows logo.svg');
				}

				#brx-header-support-content-wrapper #brx-header-support-support-container .brx-header-support-support-content-container .brx-header-support-support-content-links-container a.brx-header-support-support-content-links-url-mac::before {
					background-image: url('images/Tetra - Bricks - Apple logo.svg');
				}
}



@media only screen
  and (min-width: 768px) 
  and (max-width: 1200px) 
  and (orientation: landscape) {
}