@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/Inter-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/Inter-Medium.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/Inter-Bold.woff2') format('woff2');
}

:root {
	--brand-one: #df0096;
	--brand-secondary: #41056d;
	--brand-one-hover: #A7006D;

	--btn-primary-bg: var(--brand-one);
	--btn-primary-bg-hover: var(--brand-one-hover);
	--btn-primary-bg-pressed: #93005f;
	--btn-primary-border: var(--brand-one);
	--btn-primary-border-hover: var(--brand-one-hover);
	--btn-primary-border-pressed: #93005f;
	--btn-primary-text: #fff;

	--btn-secondary-bg: #fff;
	--btn-secondary-bg-hover: #f4e8fd;
	--btn-secondary-bg-pressed: #ead2fb;
	--btn-secondary-border: var(--brand-secondary);
	--btn-secondary-border-hover: #35035a;
	--btn-secondary-border-pressed: #280144;
	--btn-secondary-text: var(--brand-secondary);
	--btn-secondary-text-hover: #35035a;
	--btn-secondary-text-pressed: #280144;

	--img-logo: url('https://assets.cushon.co.uk/transform/b7f179b8-6bc8-4e61-9d5d-bbecc213a3f9/cushon-logo-primary-onLight');
	--img-logo-2: url('https://assets.cushon.co.uk/transform/b7f179b8-6bc8-4e61-9d5d-bbecc213a3f9/cushon-logo-primary-onLight');
	--img-logo-long: url('https://assets.cushon.co.uk/transform/b7f179b8-6bc8-4e61-9d5d-bbecc213a3f9/cushon-logo-primary-onLight');

	--img-pebble-brand-one: url(../images/pebble-pink-fuchsia.svg);
	--img-continue-brand-one: url(../images/arrow-right-fuchsia.svg);
	--img-return-brand-one: url(../images/arrow-left-fuchsia.svg);
}

.access-code-header {
	color: var(--brand-one);
}

body,
h1, h2, h3, h4, h5, h6,
p, li, td, th, label,
input, select, textarea, button,
.btn {
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

code, kbd, pre, samp {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

.fa,
[class^='fa-'],
[class*=' fa-'] {
	font-family: FontAwesome !important;
}

.shrink-0 {
	flex-shrink: 0;
}

.h-auto {
	height: auto;
}

.w-auto {
	width: auto;
}

a, a:focus, a:hover {
	color: #41056D;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-skip-ink: none;
}

a.btn, a.btn:focus, a.btn:hover {
	color: #fff;
	text-decoration: none;
}

#simple-header,
#simple-header .w-36 a div {
	font-weight: 700;
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
	text-transform: none;
}

#simple-header,
#simple-header::before,
#simple-header::after {
	box-shadow: none !important;
}

#simple-header .w-36 a div {
	font-size: 18px;
	line-height: 18px;
	align-items: center;
	border-radius: 3.75px;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

#simple-header .w-36 a div:hover,
#simple-header .w-36 a div:focus,
#simple-header .simple-header-buttons .w-36 a:hover div,
#simple-header .simple-header-buttons .w-36 a:focus div,
#simple-header .simple-header-buttons .w-36 a:active div {
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
}

#simple-header .simple-header-buttons .bg-mono-white.border-mono-grey {
	color: #41056d;
	border: 2px solid #41056d;
	background-color: #41056d00;
}

#simple-header .simple-header-buttons .bg-mono-white.border-mono-grey:hover {
	background-color: #f4e8fd;
	border: 2px solid #35035a;
	color: #35035a;
}

#simple-header .simple-header-buttons .bg-mono-white.border-mono-grey:active,
#simple-header .simple-header-buttons .w-36 a:active .bg-mono-white.border-mono-grey,
#simple-header .simple-header-buttons .w-36 a.active .bg-mono-white.border-mono-grey {
	background-color: var(--btn-secondary-bg-pressed) !important;
	border: 2px solid var(--btn-secondary-border-pressed) !important;
	box-shadow: none !important;
	color: var(--btn-secondary-text-pressed) !important;
}

#simple-header .simple-header-buttons .bg-primary.text-mono-white {
	background-color: var(--btn-primary-bg);
	border-color: var(--btn-primary-border);
	color: var(--btn-primary-text);
}

#simple-header .simple-header-buttons .bg-primary.text-mono-white:hover {
	background-color: var(--btn-primary-bg-hover);
	border-color: var(--btn-primary-border-hover);
}

#simple-header .simple-header-buttons .bg-primary.text-mono-white:active,
#simple-header .simple-header-buttons .w-36 a:active .bg-primary.text-mono-white,
#simple-header .simple-header-buttons .w-36 a.active .bg-primary.text-mono-white {
	background-color: var(--btn-primary-bg-pressed) !important;
	border-color: var(--btn-primary-border-pressed) !important;
	color: var(--btn-primary-text) !important;
}

#simple-header .simple-header-buttons a {
	text-decoration: none;
}

.simple-header-hamburger {
	display: none;
	align-items: center;
	align-self: center;
	background: none;
	border: none;
	padding: 0.5rem;
	cursor: pointer;
	color: #3c1053;
}

.simple-header-hamburger .close-icon {
	display: none;
}

#simple-header.menu-open .simple-header-hamburger .hamburger-icon {
	display: none;
}

#simple-header.menu-open .simple-header-hamburger .close-icon {
	display: block;
}

.simple-header-drawer {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 50;
	display: flex;
	gap: 1rem;
	padding: 0 2.25rem 1rem;
	background: #fff;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s ease-out, padding 0.25s ease-out;
	padding-top: 0;
	padding-bottom: 0;
}

#simple-header.menu-open .simple-header-drawer {
	max-height: 6rem;
	padding-top: 0;
	padding-bottom: 1rem;
}

#simple-header .simple-header-drawer-btn {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-width: 1px;
	border-radius: 3.75px;
	border-style: solid;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	text-transform: none;
	font-weight: 700;
	font-size: 18px;
	line-height: 18px;
}

#simple-header .simple-header-drawer-btn--secondary {
	background-color: #fff;
	color: #41056d;
	border: 1px solid #41056d;
}

#simple-header .simple-header-drawer-btn--secondary:hover {
	background-color: #f9f2fe;
}

#simple-header .simple-header-drawer-btn--primary {
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	border: 2px solid var(--btn-primary-border);
}

#simple-header .simple-header-drawer-btn--primary:hover {
	background-color: var(--btn-primary-bg-hover);
	border-color: var(--btn-primary-border-hover);
}

@media (max-width: 640px) {
	.simple-header-buttons {
		display: none !important;
	}

	.simple-header-hamburger {
		display: flex;
	}
}

.image-bg-container--relax {
	background-image: none !important;
	background-color: #f9f2fe;
	padding: 11rem 0 11rem;
}

.image-bg-container.image-bg-container--relax .container {
	max-width: 1170px;
	padding-top: 0;
	padding-bottom: 0;
}

.image-bg-container .login_container {
	max-width: 528px;
	margin: 0 auto;
}

.image-bg-container .login .panel {
	background: #fff;
	border: 0;
	border-radius: 4px;
	padding: 10px 20px 20px;
	box-shadow: none;
}

.image-bg-container .login .panel-heading {
	margin-bottom: 20px;
	border-bottom: 2px solid var(--brand-one);
}

.image-bg-container .login .panel-heading.mb-30 {
	margin-left: -10px;
	margin-right: -10px;
}

.image-bg-container .login .panel-heading h2 {
	margin: 0 0 10px;
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.1;
	color: #2a2a2b;
}

.image-bg-container .login .panel-body {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 18px;
	line-height: 28px;
	color: #2a2a2b;
}

.image-bg-container .login .form-group {
	margin: 0 0 18px;
}

.image-bg-container .login .form-group input.form-control:focus {
	border-color: #41056d;
	box-shadow: none;
}

select.form-control {
	background-color: #fff;
	background-image:
		linear-gradient(45deg, transparent 50%, #fff 50%),
		linear-gradient(135deg, #fff 50%, transparent 50%),
		linear-gradient(to right, var(--brand-secondary), var(--brand-secondary));
	background-position:
		calc(100% - 1.15rem) 50%,
		calc(100% - 0.75rem) 50%,
		100% 0;
	background-size: 0.45rem 0.45rem, 0.45rem 0.45rem, 2.6rem 100%;
	background-repeat: no-repeat;
	padding-right: 2.9rem;
}

select.form-control:focus {
	background-image:
		linear-gradient(45deg, transparent 50%, #fff 50%),
		linear-gradient(135deg, #fff 50%, transparent 50%),
		linear-gradient(to right, var(--brand-secondary), var(--brand-secondary));
}

.form-wr input[type='checkbox'],
.form-wr input[type='radio'],
form input[type='checkbox'],
form input[type='radio'] {
	accent-color: var(--brand-secondary);
}

.form-wr {
	--brand-one: var(--brand-secondary);
}

.form-wr .selectric .btn,
.form-wr .selectric .button,
.image-bg-container .selectric .btn,
.image-bg-container .selectric .button {
	background-color: var(--brand-secondary) !important;
}

.selectric .btn,
.selectric .button {
	background-color: var(--brand-secondary) !important;
}

.form-wr .selectric:hover .btn,
.form-wr .selectric:hover .button,
.image-bg-container .selectric:hover .btn,
.image-bg-container .selectric:hover .button {
	background-color: var(--brand-secondary) !important;
}

.selectric:hover .btn,
.selectric:hover .button {
	background-color: var(--brand-secondary) !important;
}

.selectric {
	--brand-one: var(--brand-secondary);
}

.form-wr .custom-radio:checked:before,
.image-bg-container .custom-radio:checked:before {
	background-color: var(--brand-secondary) !important;
}

.custom-radio {
	--brand-one: var(--brand-secondary);
}

.custom-radio:checked:before {
	background-color: var(--brand-secondary) !important;
}

.fa-question-circle {
	color: var(--brand-secondary) !important;
}

.form-wr input.custom-radio:checked,
.image-bg-container input.custom-radio:checked {
	background-color: var(--brand-secondary) !important;
	border-color: var(--brand-secondary) !important;
}

.image-bg-container .login .placeholder-text {
	position: static;
	display: block;
	margin-bottom: 8px;
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
	pointer-events: none;
}

.image-bg-container .login .placeholder-text .text {
	background: transparent;
	transform: none;
	color: #2a2a2b;
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	transition: none;
}

.image-bg-container .login .form-group input:focus + .placeholder-text .text,
.image-bg-container .login .form-group input:-webkit-autofill + .placeholder-text .text,
.image-bg-container .login .placeholder-text.active .text {
	background: transparent;
	transform: none;
	color: #2a2a2b;
	font-size: 18px;
}

.btn.btn-primary,
.btn-primary {
	background-color: var(--btn-primary-bg) !important;
	border-color: var(--btn-primary-border) !important;
	color: var(--btn-primary-text) !important;
	border-radius: 5px;
	text-transform: none;
	letter-spacing: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
	box-shadow: none;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn-primary:hover,
.btn-primary:focus {
	background-color: var(--btn-primary-bg-hover) !important;
	border-color: var(--btn-primary-border-hover) !important;
	color: var(--btn-primary-text) !important;
}

.btn.btn-primary:active,
.btn.btn-primary.active,
.btn-primary:active,
.btn-primary.active {
	background-color: var(--btn-primary-bg-pressed) !important;
	border-color: var(--btn-primary-border-pressed) !important;
	color: var(--btn-primary-text) !important;
}

.btn-primary.loading,
.btn-primary.loading:hover,
.btn-primary.loading:focus,
.btn-primary.loading:active,
button.btn.loading,
button.btn.loading:hover,
button.btn.loading:focus,
button.btn.loading:active {
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}

.btn-primary.loading *,
button.btn.loading * {
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}

.image-bg-container .login .signup-buttons {
	display: flex;
	flex-direction: row;
	gap: 18px;
	margin-top: 24px;
	margin-right: -10px;
	margin-left: -10px;
}

.btn-grey,
.btn.btn-grey,
a.btn.btn-grey,
a.btn.btn-grey:focus,
a.btn.btn-grey:hover {
	flex: 1;
	border: 2px solid var(--btn-secondary-border) !important;
	border-radius: 5px;
	background-color: var(--btn-secondary-bg) !important;
	color: var(--btn-secondary-text) !important;
	text-decoration: none !important;
	text-transform: none;
	letter-spacing: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.btn-grey:hover,
.btn-grey:focus,
.btn.btn-grey:hover,
.btn.btn-grey:focus,
a.btn.btn-grey:hover,
a.btn.btn-grey:focus {
	background-color: var(--btn-secondary-bg-hover) !important;
	border-color: var(--btn-secondary-border-hover) !important;
	color: var(--btn-secondary-text-hover) !important;
	text-decoration: none !important;
}

.btn-grey:active,
.btn-grey.active,
.btn.btn-grey:active,
.btn.btn-grey.active,
a.btn.btn-grey:active,
a.btn.btn-grey.active {
	background-color: var(--btn-secondary-bg-pressed) !important;
	border-color: var(--btn-secondary-border-pressed) !important;
	box-shadow: inset 0 0 0 2px var(--btn-secondary-border-pressed) !important;
	color: var(--btn-secondary-text-pressed) !important;
	text-decoration: none !important;
}

.image-bg-container .login .login_link {
	display: block;
	width: fit-content;
	margin: 0 auto 22px;
	padding: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-skip-ink: none;
	color: #41056d;
}

@media (max-width: 767px) {
	.image-bg-container--relax {
		padding: 24px 0 48px;
	}

	.image-bg-container.image-bg-container--relax .container {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 12px;
		padding-right: 12px;
	}

	.image-bg-container .login {
		margin-top: 0;
	}

	.image-bg-container .login .panel-heading h2 {
		font-size: 28px;
	}

	.image-bg-container .login .placeholder-text .text,
	.image-bg-container .login .form-group input:focus + .placeholder-text .text,
	.image-bg-container .login .form-group input:-webkit-autofill + .placeholder-text .text,
	.image-bg-container .login .placeholder-text.active .text {
		font-size: 18px;
	}

	.image-bg-container .login .signup-buttons {
		flex-direction: column;
		gap: 10px;
	}
}

#simple-footer .bg-mono-black {
	background: #fff !important;
	color: #2a2a2b !important;
	padding-top: 48px !important;
	padding-bottom: 48px !important;
	border-top: 1px solid #D6D1D9;
}

#simple-footer .social-parent {
	gap: 24px !important;
}

#simple-footer .footer-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #2a2a2b;
	text-decoration: none;
}

#simple-footer .footer-contact,
#simple-footer .footer-legal {
	margin: 0;
	max-width: 1440px;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: #2a2a2b;
}

#simple-footer .footer-contact--phone {
	font-size: 18px;
	line-height: 28px;
}

.page-header.page-header--bg-pebble-pink {
	background-color: #48086f;
	border-bottom: 1px solid #eee;
	position: relative;
	overflow: hidden;
	background-image: none !important;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto;
}

.page-header.page-header--bg-pebble-pink::after {
	content: '';
	position: absolute;
	top: -114px;
	right: max(-48px, calc((100vw - 1338px) / 2));
	width: clamp(196px, 22vw, 320px);
	height: clamp(196px, 22vw, 320px);
	background-image: url('../images/hero-squircle-fuchsia.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	transform: rotate(-21.63deg);
	pointer-events: none;
	z-index: 0;
}

.page-header.page-header--bg-pebble-pink .page-header_holder {
	z-index: 1;
}

.page-header.page-header--bg-pebble-pink .page-header_holder h1 {
	max-width: 900px;
	font-size: 48px;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: -0.6px;
}

.page-info .h2 {
	font-size: 34px;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: -0.4px;
	color: inherit;
}

.page-info .page-info_p-main {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	color: #2a2a2b;
}

#error .page-info_p-main {
	color: #fff;
}

.page-info .page-info_p-main a:hover,
.page-info .page-info_p-main a:focus {
	color: #35035a;
}

.full-width-bg--pink.text--white .page-info .h2,
.full-width-bg--pink.text--white .page-info .h3,
.full-width-bg--pink.text--white .page-info .page-info_p-main,
.full-width-bg--pink.text--white .page-info p,
.full-width-bg--pink.text--white .page-info li,
.full-width-bg--pink.text--white .page-info a,
.full-width-bg--blue-pebbles.text--white .page-info .h2,
.full-width-bg--blue-pebbles.text--white .page-info .h3,
.full-width-bg--blue-pebbles.text--white .page-info .page-info_p-main,
.full-width-bg--blue-pebbles.text--white .page-info p,
.full-width-bg--blue-pebbles.text--white .page-info li,
.full-width-bg--blue-pebbles.text--white .page-info a {
	color: #fff;
}

.form-wr, .filter-result_list-item--detailed, .filter-aside-wr {
	border: 1px solid #48086f;
}

.full-width-bg--pink.text--white #add-transfer-on-small .form-wr,
.full-width-bg--pink.text--white #add-transfer-on-small .form-wr p,
.full-width-bg--pink.text--white #add-transfer-on-small .form-wr label {
	color: #2a2a2b;
}

.full-width-bg--pink.text--white #add-transfer-on-small .form-wr p a {
	color: #41056D;
}

.full-width-bg--pink.text--white #add-transfer-on-small .form-wr .fa-question-circle {
	color: var(--brand-one);
}



.box-border--pink {
	border: 1px solid #48086f;
	border-radius: 10px;
	background-color: #fff;
}

.page-info .invest-intro-box .box-border--pink .h3 {
	margin-top: 0;
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	color: #2a2a2b;
}

.page-info .invest-intro-box .box-border--pink .custom-ul li {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	color: #2a2a2b;
}

.page-info .invest-intro-box .box-border--pink .select-portfolio {
	margin-top: 32px;
}

.page-info .invest-intro-box .box-border--pink .btn.btn-primary,
.page-info .invest-intro-box .box-border--pink .btn-primary {
	min-height: 58px;
	padding: 20px 24px;
	border-radius: 5px;
}

@media (max-width: 991px) {
	.page-header.page-header--bg-pebble-pink::after {
		right: max(-24px, calc((100vw - 1338px) / 2));
	}

	.page-header.page-header--bg-pebble-pink .page-header_holder h1 {
		font-size: 34px;
		line-height: 44px;
		letter-spacing: -0.4px;
	}

	.page-info .invest-intro-box .box-border--pink {
		padding: 24px;
	}
}

@media (min-width: 1200px) {
	.page-header.page-header--bg-pebble-pink::after {
		top: -200px;
	}
}

@media (max-width: 767px) {
	#simple-footer .bg-mono-black {
		padding-top: 48px !important;
		padding-bottom: 48px !important;
	}

	#simple-footer .footer-contact,
	#simple-footer .footer-legal {
		font-size: 15px;
		line-height: 24px;
	}
}