Request a callback

field_6551e69bec4bd

hero-legal

Legal and compliance

media/herobanner


<div class="herobanner">
  <div class="herobanner_content">
    <div class="herobanner_title">
			Legal and compliance		</div>    
		<div class="acf-innerblocks-container">

<p></p>



<p></p>

</div>
  </div>
  <div class="herobanner_image">
		<img src="https://bs-web-prod-wordpress.azurewebsites.net/wp-content/uploads/2023/11/hero-legal.jpg" alt="Image" width="739" height="722" />
	</div>
</div>

<style>
	.herobanner {
		position: relative;
		min-height: 642px;
		display: flex;
		color: #fff;
	}

	.herobanner * {
		position: relative;
		z-index: 1;
	}

	.herobanner:before {
		background-color: #1e4257;
		position: absolute;
		margin-left: -50vw;
		height: 100%;
		width: 100vw;
		content: "";
		left: 50%;
		top: 0;
	}

	.herobanner_content {
		justify-content: center;
		flex-direction: column;
		padding-right: 40px;
		letter-spacing: 0;
		font-weight: 300;
		display: flex;
		gap: 30px;
		flex: 1;
	}

	.herobanner_title {
		letter-spacing: -1.56px;
		color: #ff8200;
		line-height: 125%;
		font-weight: 400;
		font-size: 52px;
	}

	.herobanner_image {
		justify-content: flex-end;
  	display: flex;
		flex: 1;
	}

	.herobanner_image img {
		border-radius: 0 0 0 200px;
		margin-bottom: -80px;
		margin-right: -20px;
		display: block;
		height: 743px;
		width: 786px;
	}
</style>

core/paragraph

<div class="wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-1 wp-block-group-is-layout-constrained" style="margin-top:39px;margin-bottom:0px">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		PAIA	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Conflict of <br />
interest	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Complaints policy	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Data protection policy	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Legal Disclosures for BetterSure Financial Consultants	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Website Terms and Conditions	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		License FSP	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Privacy policy	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>
</div>
</div>

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		PAIA	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Conflict of <br />
interest	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Complaints policy	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Data protection policy	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>
</div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		PAIA	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>

core/column

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Conflict of <br />
interest	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Complaints policy	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Data protection policy	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>

core/columns

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Legal Disclosures for BetterSure Financial Consultants	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Website Terms and Conditions	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		License FSP	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Privacy policy	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>
</div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Legal Disclosures for BetterSure Financial Consultants	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Website Terms and Conditions	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		License FSP	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Privacy policy	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>

core/group

<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Supplier Standards....	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>
</div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="download_card">
	<div class="download_card_label">
		Supplier Standards....	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style></div>


<div class="download_card">
	<div class="download_card_label">
		Supplier Standards....	</div>
	<div class="download_card_icon">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g clip-path="url(#clip0_952_1043)">
				<path d="M19 12L5 12" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M12 19L19 12L12 5" stroke="#163241" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</g>
			<defs>
				<clipPath id="clip0_952_1043">
					<rect width="24" height="24" fill="white"/>
				</clipPath>
			</defs>
		</svg>
	</div>
</div>

<style>
.editor-styles-wrapper {
	background-color: #f5f5f5 !important;
}

.download_card_icon {
	transition: all 0.2s linear;
  border: 2px solid #163241;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: auto;
	margin-top: auto;
  display: flex;
  height: 40px;
  width: 50px;
  gap: 10px;
}

.download_card_icon svg {
	transition: all 0.1s linear;
}

.download_card {
  background-color: white;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  display: flex;
  padding: 40px;
  gap: 20px;
}

.download_card:hover .download_card_icon {
	border-color: #ff8200;
}

.download_card_label {
  min-height: 104px;
  font-weight: 400;
  color: #163241;
}

</style>

media/downloadcard

086 124 9294

Chat with us

Get a quote

Cover the structure of your home and any fixtures or fittings that belong to you. 