/*!
Theme Name: M2 - Multisite
Theme URI: https://thedeveloper.co.uk
Author: https://thedeveloper.co.uk
Author URI: https://thedeveloper.co.uk
Description: Mortgageable Website Theme
Version: 1.0.3
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: m2
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/** 
 * TO THE DEVELOPER READING THIS NEXT.
 * 
 * I'M SORRY... THE DEV WHO BUILD THIS THEME WAS POOR!
 * 
 * IT'S A TOTAL MESS, AND ITS REAL BAD.
 * 
 * - JC
 * 
 * THE SIN SHEET
 * 
 * - Random Styling
 * - Blog Index Duplicate  Different Code that doesn't match
 * - Hardcoded URL to staging (https://www.cdn2.co.uk)
 */
.entry-meta .byline {
	display: none;
}

div#thanks {
	max-width: 1130px;
	margin: 0 auto;
	padding: 20px;
}

.addtoany_content {
	display: none;
}

.mw-895 {
	width: 895px;
	max-width: 100%;
}

img.avatar.avatar-32.photo {
	display: none;
}

.new-img {
	display: block;
	margin: 0 auto;
	border-radius: 200px;
	height: 53px;
	width: 53px;
	margin-bottom: 20px;
}

body {
	margin-bottom: 0px !important;
	--Main-Black-Blue: #3F4952;
	--Button-Blue: #0069F8;
	--dropshadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	--dropshadow2: 0px 4px 10px rgba(0, 0, 0, 0.25);
	--dropshadow2inset: 0px 4px 10px rgba(0, 0, 0, 0.25) inset;
	--peach: #FCF7EC;
	--peach-gradient: linear-gradient(180deg, #FCF7EC 80.73%, rgba(255, 255, 255, 0.00) 100%);
	--bg-yellow: #FFDB02;
	--bg-orange: #FF9D00;
	--research-yellow: #FFD100;
	--research-blue: #007DFC;
	--research-green: #55AE36;
	--research-red: #9D1212;
	--research-black: #2C2C2C;
	--m-cyan: #64C2DB;
	--m-peach: #FCF7EC;
	--m-lime: #2DF8BB;
	--m-pink: #E61F78;
	--m-lightpink: #F0B4B5;
	--bb-bad-credit: #AE364C;
	--bb-first-time-buyer: #007DFC;
	--bb-buy-to-let: #FFDB02;
	--bb-green-mortages: #55AE36;
	--bb-mortgages: #FFD100;
	--bb-remortgage: #007DFC;
	--bb-orange: #DA7760;
	--bg-gray: #F2F2F2;
	--peach-2: #FDF8ED;
	--niceblue: #86CDD7;
	--Main-Black-Blue-05: rgba(63, 73, 81, 0.4);
	--otherpeach: #F87761;
	--mint: #76CDD5;
	--lightblue: #E7EDEE;
}

.bg-lightblue {
	background: #E7EDEE;
}

.bg-mint {
	background: var(--mint) !important;
}

.mw-860 {
	max-width: 860px;
}

.mh-120 {
	min-height: 120px;
}

.mw-760 {
	max-width: 760px;
}

.new-form-wrap .gfield_required_text {
	display: none !important;
}

.new-form-wrap input,
.new-form-wrap textarea,
.new-form-wrap select,
.gform_body input,
.gform_body textarea,
.gform_body select,
#formController input:not([type='checkbox']),
#formController textarea,
#formController select {
	height: 50px;
	border-radius: 50px !important;
	border: 1px solid #3f495240;
	text-align: center;
	font-size: 25px;
	font-family: Rubik;
	font-weight: 500;
	line-height: 17px;
	padding-left: 20px;
	padding-right: 20px;
	text-align-last: center;
}

#formController textarea {
	height: 98px;
	font-size: revert;
}

.form-section {
	width: 460px;
	margin: 0 auto;
	max-width: 100%;
}

.px-17 {
	padding-right: 17px;
	padding-left: 17px;
}

.py-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.bg-otherpeach {
	background: var(--otherpeach);
}

.flex-equal>div {
	flex: 1;
}

#masthead {
	padding-bottom: 30px;
}

.home #masthead {
	padding-bottom: 0;
}

.speak .slick-track {
	padding: 20px 0 !important;
}

.d-none {
	display: none !important;
}

.mb-40 {
	margin-bottom: 40px;
}

.mr-15 {
	margin-right: 15px;
}

.ml-15 {
	margin-left: 15px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-30 {
	margin-bottom: 30px;
}

.bb-cyan {
	border-bottom: 10px solid var(--m-cyan);
}

.bb-orange {
	border-bottom: 10px solid var(--bb-orange);
}


.lh-17p {
	line-height: 17px;
}

.lh-17 {
	line-height: 17px;
}

#feefo .slick-prev,
#feefo .slick-next {
	filter: brightness(0) invert(1);
}

.fs-15 {
	font-size: 15px;
}

.h-226 {
	height: 226px;
}

.mb-30 {
	margin-bottom: 30px;
}

.overflow-y-scroll {
	overflow-y: scroll;
}

.mh-226 {
	max-height: 226px;
}

.w-20 {
	width: 20px;
}

.t-black {
	color: var(--Main-Black-Blue) !important;
}

.w-100 {
	width: 100%;
}

.pb-20 {

	padding-bottom: 20px;
}

.p-20-10-10 {
	padding: 20px 10px 10px;
}

.min-h-165 {
	min-height: 165px;
}

.yellow {
	color: var(--research-yellow);
}

.bg-niceblue {
	background: var(--niceblue);
}


.special-shift-1 {
	position: relative;
	margin-bottom: -360px;
	top: -170px;
}

.mix-darken {
	mix-blend-mode: darken;
}

.t-12 {
	font-size: 12px;
}

.bold {
	font-weight: 600
}

.medium {
	font-weight: 500
}

.peach-bg {
	background: var(--peach-2);
}

.gray-bg {
	background: var(--bg-gray);
}

.edit-link {
	display: none;
}

.nav-next,
.nav-previous {
	display: none;
}

.nav-next a,
.nav-previous a {
	background: var(--Main-Black-Blue);
	padding: 6px 12px;
	border-radius: 30px;
	color: white !important;
	margin: 20px;
}

.home-form-wrap {
	position: relative;
}

span.byline {
	font-size: 0;
	text-align: center;
	display: block;
}

.post-thumbnail {
	padding: 0 20px;
}

span.byline .author.vcard {
	font-size: 12px;
	pointer-events: none;
}

.single .entry-content {
	padding: 0 25px;
}

span.posted-on {
	font-size: 0;
	text-align: center;
	display: block;
	margin-bottom: 20px;
}

.single .wp-post-image {
	width: 360px;
	margin: 0 auto;
	display: block;
	border-radius: 30px;
}

.single .entry-content {
	padding: 0 25px;
	max-width: 640px;
	margin: 40px auto;
}

span.posted-on .entry-date {
	font-size: 12px;
	opacity: 0.5;
	pointer-events: none;
}

.rate-inner {
	overflow: hidden;
}

.review-slider.slick-initialized.slick-slider {
	padding: 0 30px;
}

.cat-links {
	display: none;
}

.single .entry-meta img {
	display: block;
	margin: 0 auto;
	border-radius: 200px;
	height: 53px;
	width: 53px;
	margin-bottom: 20px;
}


.select-wrap:has(.fat):after {
	top: 25px;
}


.shrink {
	max-width: 210px;
}

.w-210 {
	min-width: 210px;
	max-width: 210px;
}

.fat {
	min-height: 60px;
}

[data-category]:hover {
	color: white;
}

.max-width-420 {
	max-width: 420px;
}

input::placeholder {
	font-size: 17px;
	position: relative;
	top: -2px;

	font-weight: 300;

}

.blog .search-submit {
	/* display: none; */
	padding: 0;
	border: 0px;
	position: absolute;
	right: 6px;
	top: 5px;
	background: #0069f8;
	border-radius: 200px;
	width: 52px;
	height: 50px;
	display: flex;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	color: wheat;
	text-shadow: 0 0;
	box-shadow: -10px 0 11px 2px white;
	font-family: 'Rubik';
}

.blog input.search-field {
	border-radius: 40px;
	width: 496px;
	height: 60px;
	padding: 20px;
	border: 0;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
	padding-left: 50px;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Rubik';
	letter-spacing: -0.4px;
	padding-right: 5px;
	padding-top: 25px;
}

form.search-form:before {
	content: url(/wp-content/uploads/2024/01/magnifyingglass.svg);
	position: absolute;
	left: 20px;
	top: 20px;
	pointer-events: none;
}

::placeholder {
	color: #828282;
	opacity: 1;
	/* Firefox */
}



form.search-form {
	position: relative;
	display: inline-block;
}

[data-category*="mortgages"] {
	color: var(--research-black) !important;
}

.mb-30 {
	margin-bottom: 30px;
}

.pb-30 {
	padding-bottom: 30px;
}

button.slick-next.slick-arrow {
	font-size: 0;
	width: 50px;
	height: 50px;
	background: url(/wp-content/uploads/2024/01/chevron.forward.svg);
	background-repeat: no-repeat;
	border: 0;
	background-position: center;
	cursor: pointer;
	z-index: 9;
}

button.slick-prev.slick-arrow {
	font-size: 0;
	width: 50px;
	height: 50px;
	background: url(/wp-content/uploads/2024/01/chevron.forwardb.svg);
	background-repeat: no-repeat;
	border: 0;
	background-position: center;
	cursor: pointer;
	z-index: 9;
}

.peach-block {
	background: var(--peach);
}

h1.entry-title {
	margin: 0;
	text-align: center;
	padding-top: 30px;
	font-size: 35px;
	line-height: 0.8;
	padding-bottom: 30px;
	line-height: 1;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Lilita One";
	text-transform: uppercase;
}



.max-w-750 {
	max-width: 750px;
}

.rate-inner {
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.t-20 {
	font-size: 20px;
}

.max-width-950 {
	max-width: 950px;
}

.p-50 {
	padding: 50px;
}

.bg-yellow.m-button {
	color: #404040;
}

.t-revert {
	color: revert;
}

.t-white {
	color: white !important;
}

.p-9-15 {
	padding: 9px 15px;
}

.mr-10 {
	margin-right: 10px;
}

.px-10 {
	padding-right: 10px;
	padding-left: 10px;
}

.ox-hidden {
	overflow-x: hidden;
}

.mr-10 {
	margin-right: 10px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-40 {
	margin-left: 40px;
}

.bg-blackblue {
	background: var(--Main-Black-Blue)
}

.mt-30 {
	margin-top: 30px;
}

.t-white {
	color: white;
}

.width-87 {
	width: 87px;
}

.height-21 {
	height: 21px;
}

.t-11 {
	font-size: 11px;
}

.max-width-170 {
	max-width: 170px;
}

.max-width-750 {
	max-width: 750px;
}

.mb-230 {
	margin-bottom: 230px;
}

.t-14 {
	font-size: 14px;
}

.width-180 {
	max-width: 170px;
}

.p-rel {
	position: relative;
}

.left-14 {
	left: 14px;
}

.left-11 {
	left: 11px;
}

.after-right-arrow:after {
	content: url(/wp-content/uploads/2024/01/Group-4192.png);
	position: absolute;
	right: -250px;
	top: 80px;
	transition: all 0.4s ease;
	transform: scale(0.8);
}

.after-right-arrow-2:after {
	content: url(/wp-content/uploads/2024/01/Group-4194.png);
	position: absolute;
	right: -250px;
	top: 70px;
	transition: all 0.4s ease;
	transform: scale(0.8);
}

.bb-lime {
	border-bottom: 10px solid var(--m-lime);
}

.bg-pink {
	background: var(--m-pink) !important;
}

.bg-lightpink {
	background: var(--m-lightpink);
}

.lightpink {
	color: var(--m-lightpink);
}

.page-template-page-compare-rates .compare-cyan {
	color: #82CBD5 !important;
}

.maxw-330 {
	max-width: 330px;
}

.bg-peach {
	background: var(--m-peach);
}

.t-white {
	color: white;
}

.t-center {
	text-align: center;
}

.peach-gradient {
	background: var(--peach-gradient);
}

.border-bottom-0 {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.mw-1032 {
	max-width: 1032px !important;
}

.p-65-20 {
	padding: 65px 20px;
}

.menu-item {
	color: var(--Main-Black-Blue, #3F4952);
	text-align: right;
	font-family: Rubik;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px;
	/* 100% */
}

.roca2bold {
	font-family: 'roca2bold';
}

@font-face {
	font-family: 'roca1';
	src: url('/roca-one-regular.ttf') format('ttf'),
		url('/roca-one-regular.woff') format('woff');
	font-weight: normal !important;
	font-style: normal;

}

@font-face {
	font-family: 'roca2bold';
	src: url('/fontsfree-net-roca-two-bold-webfont.woff2') format('woff2'),
		url('/fontsfree-net-roca-two-bold-webfont.woff') format('woff');
	font-weight: normal !important;
	font-style: normal;

}

@font-face {
	font-family: 'roca2heavy';
	src: url('/roca-two-heavy-webfont.woff2') format('woff2'),
		url('/roca-two-heavy-webfont.woff') format('woff');
	font-weight: normal !important;
	font-style: normal;
}

@font-face {
	font-family: 'roca2black';
	src: url('/roca-two-black-webfont.woff2') format('woff2'),
		url('/roca-two-black-webfont.woff') format('woff');
	font-weight: normal !important;
	font-style: normal;
}

.mt-40 {
	margin-top: 40px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mt-50 {
	margin-top: 50px;
}

.cb {
	clear: both;
}

.pt-40 {
	padding-top: 40px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.pt-50 {
	padding-top: 50px;
}

.box-25 {
	box-shadow: var(--dropshadow);
}

.d-block {
	display: block;
}

.m-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.blue-button {
	background: #0069F8;
	width: 330px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: 500;
	font-size: 17px;
	border-radius: 100px;
}

.footer-socials a {
	display: block;
}

.footer-socials {
	display: flex;
	margin: 20px 0 40px;
	align-items: center;
	justify-content: center;
}

a.tw {
	width: 32px;
	height: 32px;
	background: url(https://www.mortgageable.co.uk/wp-content/uploads/2024/01/002-twitter.png);
	background-size: cover;
	background-position: center;
}

body.menu-active {
	overflow: hidden;
}

a.in {
	background: url(https://www.mortgageable.co.uk/wp-content/uploads/2024/01/001-instagram.png);
	background-size: cover;
	margin: 0 9px;
	background-position: center;
}

.lh-1_1 {
	line-height: 1.1;
}

.t-15 {
	font-size: 15px !important;
}

.more-info img {
	transition: all 0.2s ease;
	transform: rotate(0deg);
}

.open-info .more-info img {
	transform: rotate(180deg);
}

.menu-socials {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 32px;
}

a.fb {
	background: url(https://www.mortgageable.co.uk/wp-content/uploads/2024/03/Social-1.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 10px 0px 5px;
}

a.li {
	background: url(https://www.mortgageable.co.uk/wp-content/uploads/2024/03/Social.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.footer-socials a {
	width: 47px;
	height: 47px;
}


.hamburger .line:nth-child(1) {
	margin-bottom: 12px;
}

.hamburger .line {
	width: 32px;
	height: 3px;
	background-color: var(--Main-Black-Blue, #3F4952);
	display: block;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border-radius: 10px;
}

.p-0-30 {
	padding: 0px 30px;
}

.m-0-30 {
	margin: 0px 30px;
}

button.menu-toggle {
	margin: 0;
	position: absolute;
	background: transparent;
	border: 0;
	padding: 0;
	right: 17px;
	top: 37px;
	z-index: 999;
}

.dark-blue {
	color: #3F4952;
}

.bg-dark-blue {
	background: #3F4952;
}

.hamburger:hover {
	cursor: pointer;
}

#hamburger-1 .line:nth-child(2) {
	opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1) {
	-webkit-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	-o-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}


html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */
.light {
	font-weight: 300;
}

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */


a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	/* 	display: none; */
	opacity: 0;
	transition: all 0.6s ease;
	pointer-events: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation.toggled ul {
	opacity: 1;
	pointer-events: all;
	/* position: fixed; */
	/* never used to have to apply this, what changed? */
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation li a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.logo {
	width: 229px;
	height: 53px;
	margin-top: 37px;
	max-width: none;
}



.container {
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 30px;
}

.bottom-right {
	bottom: 0;
	right: 0;
}

body {
	font-family: Rubik;
	font-weight: 300;
}



.page-template-page-compare-rates {
	background: var(--lightblue);
}

.page-template-page-compare-rates .topbar {
	background: #DDE4E6;
}

.page-template-page-compare-rates #masthead {
	background: transparent;
}

.page-template-page-Join-Us {
	background: rgba(0, 255, 240, 0.12);
}

.page-template-page-Join-Us .topbar {
	background: rgba(0, 255, 240, 0.3);
}

.page-template-page-Join-Us #masthead {
	background: transparent;
}

.page-template-page-meet-us {
	background: #FFEAF2;
}

.page-template-page-meet-us .topbar {
	background: #FFD9E8;
}

.page-template-page-meet-us #masthead {
	background: transparent;
}



.page-template-page-Join-Us .entry-header,
.page-template-page-meet-us .entry-header {
	display: none;
}

.home .topbar {
	background: #EFE5D8;
}

.topbar {
	text-align: right;
	background: #F0EBE0;
}

.topbar a {
	padding: 10px 0;
	font-size: 12px;
	display: inline-block;
	margin-right: 32px;
	font-weight: 400;
}

.page-template-template-lead-form .topbar a.blue {
	display: flex !important;
}

.blue {
	color: var(--Button-Blue);
}

.bg-blue {
	background: var(--Button-Blue);
}

html {
	scroll-behavior: smooth;
}

body a,
body a:hover,
body a:visited {
	text-decoration: none;
	color: inherit;
}

.triple-slider>div {
	background: transparent;
	width: 105px;
	height: 45px;
	border-radius: 30px;
	text-align: center;
	justify-content: center;
	display: flex;
	align-items: center;
	transition: all 0.4s ease;
}

.triple-slider>div.active,
.triple-slider>div:hover {
	background: var(--Main-Black-Blue);
	color: white;
	box-shadow: var(--dropshadow);
}

.triple-slider {
	width: 330px;
	display: flex;
	background: #F2F2F2;
	border-radius: 30px;
	height: 60px;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 17px;
	margin: 25px auto;
}

.call-icon {
	width: 17px;
	height: 16px;
	margin-right: 11px;
	position: relative;
	top: 3px;
}

.wh-60 {
	width: 60px;
	height: max-content;
}


.hidescroll::-webkit-scrollbar {
	display: none;
	/* Safari and Chrome */
}

.question-page.active.w-640 {
	width: 640px;
}

.w-750 {
	width: 750px;
}

.pb-40 {
	padding-bottom: 40px;
}

.hidden {
	display: none;
}

.question-page.active.w-750 {
	width: 750px;
}

.gform_fileupload_rules {
	display: block;
}

.t-45-60 {
	font-size: 45px
}

.flex-2 {
	flex: 2;
}

.res-wrapper {
	position: relative;
}

.res-wrapperD[data-id='0'] .res-content:before {
	content: url(/wp-content/uploads/2024/04/Group-4265.png);
	position: absolute;
	left: 0px;
	top: 20px;
}

.t-25-30 {
	font-size: 25px;
}

.justify-center {
	justify-content: center;
}

.sub-flex>div {
	flex: 1;
	max-width: 143px;
}

.flex-3 {
	flex: 3 !important;
}

.chevron-down {
	transform: rotate(0deg);
	transition: all 0.4s ease;
}

.spin-180 .chevron-down {
	transform: rotate(180deg);
	transition: all 0.4s ease;
}

.whats-next .bb-blue {
	border-bottom: 5px solid #82CBD5;
	line-height: 0.6;
}

.pb-110-45 {
	padding-bottom: 110px;
}

.page-template-page-whats-next main#primary {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	margin-bottom: 0;
}

span.posted-on .entry-date {
	font-size: 14px !important;
}

span.byline .author.vcard {
	font-size: 14px !important;
}

.t-17-12 {
	font-size: 12px;
}

.coverimg {

	max-height: 60%;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

@media(min-width: 1199px) {

	h1.entry-title {
		font-size: 60px;
		line-height: 0.8;
	}

	.whats-next {
		border-radius: 80px !important;
	}

	.t-17-12 {
		font-size: 17px;
	}

	.d-p-sticky {
		position: sticky;
		top: 0;
	}

	.d-mt-120 {
		margin-top: 120px;
	}

	.pb-110-45 {
		padding-bottom: 45px;
	}

	.mt-30-50 {
		margin-top: 50px;
	}

	.d-mr-20 {
		margin-right: 20px !important;
	}

	.sub-flex {
		display: flex;
	}

	.t-25-30 {
		font-size: 30px;
	}

	.res-wrapper[data-id='0'] .res-content:before {
		left: -90px;
	}

	select.res-sort {
		width: 330px !important;
		margin-right: 30px;
	}

	.t-45-60 {
		font-size: 60px
	}

	.w-260-340 {
		width: 340px;
	}

	.mt-40-70 {
		margin-top: 70px;
	}

	.d-ml-_25 {
		margin-left: -25px;
	}

	.d-mr-_260 {
		margin-right: -260px;
	}

	.single .wp-post-image {
		width: 640px;
	}

	.m-only {
		display: none !important;
	}

	.d-p-ab {
		position: absolute;
	}

	.d-ml-_60 {
		margin-left: -60px;
	}

	.d-w-360 {
		width: 360px;
	}
}

.w-150 {
	width: 150px;
}

#masthead ul.nav-menu li a {
	color: #3F4952;
	transition: all 0.6s ease;
}

.white {
	filter: brightness(0) invert(1);
}

.br-26 {
	border-radius: 26px;
}

div#compare>div:after {
	content: url(/wp-content/uploads/2024/03/theo-happy.png);
	position: absolute;
	right: -60px;
	bottom: -10px;
}

div#compare {
	position: relative;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}

::-webkit-scrollbar-thumb {
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
}

.mw-940 {
	max-width: 940px;
}

.home #masthead {
	background: var(--peach-2);
}

#masthead {
	background: var(--peach-2);
}

.sub-strap {
	text-align: center;
	font-size: 20px;
	margin-top: 20px;
}

.feefo {
	text-align: center;
	margin-top: 20px;
}

.theo-1 {
	width: 372px;
	margin-top: 44px;
}

.theo-wrap {
	max-height: 246px;
	overflow: hidden;
}

.r-t40 {
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
}

.bg-yellow {
	background: var(--bg-yellow);
}

.bg-orange {
	background: var(--bg-orange);
}

.research,
.compare {
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 495px;
	margin: 0 auto;
	position: relative;
}

.compare {
	width: 764px;
}

.theo-wrap {
	position: relative;
}

.theo-wrap:after {
	content: " ";
	display: block;
	width: 210px;
	position: absolute;
	background: black;
	z-index: 99;
	box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.25);
	bottom: 6px;
	left: 50%;
	margin-left: -100px;
}

.mt-100 {
	margin-top: 100px;
}

.research,
.compare {
	font-size: 30px;
	height: 70px;
	cursor: pointer;
}

.t-d30-m20 {
	font-size: 30px;
}

.howmuch {
	padding: 45px 0 34px;
	line-height: 1;
	max-width: 1032px;
	margin: 0 auto;
}


.mb-25 {
	margin-bottom: 25px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 450px;
	height: 60px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 60px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 60px;
	width: 50%;
	background-color: #3F4952;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 60px !important;
}

.slider .option {
	transition: all 0.4s ease;
}


input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

input+.slider:before {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

input:checked+.slider:before {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.hover-up-5 {
	-webkit-transform: translateY(0px);
	transform: translateX(0px);
	transition: all 0.4s ease;
}

.hover-up-5:hover {
	-webkit-transform: translateY(-5px);
	transform: translateX(-5px);
}

.hover-up-20 {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	transition: all 0.4s ease;
}

.hover-up-20:hover {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}

.slider .option {
	width: 50%;
	float: left;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	z-index: 9;
	color: white;
	position: relative;
}

b,
strong {
	font-weight: 500;
}

.slider {
	font-size: 20px;
	font-weight: 500;
}

.theo-wrap img {
	position: relative;
	top: 0px;
	transition: all 0.4s ease;
}

.theo-wrap img:hover {
	position: relative;
	top: -5px;
}

.bounce-slow {
	animation: MoveUpDown 2s ease infinite;
}

@keyframes MoveUpDown {

	0%,
	100% {
		top: 0;
	}

	50% {
		top: 5px;
	}
}

.m-button {
	color: white;
	font-weight: 500;
	text-transform: none;
	text-align: center;
}

.w-200 {
	width: 200px;
}

.m-button {
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 60px;
	cursor: pointer;
}

.special-1 {
	display: flex;
	max-width: 680px;
	margin: 0 auto;
}

.drop,
.drop:active,
.drop:hover {
	box-shadow: var(--dropshadow) !important;
}

.ml-25 {
	margin-left: 25px;
}

.t-d20-m17 {
	font-size: 20px;
}

.p-small {
	font-size: 12px;
}

.mt-m15-d20 {
	margin-top: 20px;
}

.mw-nice {
	max-width: 500px;
}

.mt-60 {
	margin-top: 60px;
}

.mb-100 {
	margin-bottom: 100px;
}

.noSelect {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.noSelect:focus {
	outline: none !important;
}

span.tick-item {
	display: flex;
	float: left;
	margin-right: 15px;
}

.mr-5 {
	margin-right: 5px;
}

.slick-arrow {
	display: none !important;
}

.special-3 {
	position: relative;
	top: 7px;
	height: 16px;
	margin: 0 5px;
}


/* The typing effect */
@keyframes typing {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

/* The typewriter cursor effect */
@keyframes blink-caret {

	from,
	to {
		border-color: transparent
	}

	50% {
		border-color: orange;
	}
}

.mw-600 {
	max-width: 600px;
}

.why-us-left>span {
	width: 100%;
	display: block;
	text-align: center;
	line-height: 1;
}

.why-us {
	margin: 190px auto 190px;
	display: flex;
	align-items: center;
	justify-content: center;
}

span.slider span.option:nth-child(2) {
	color: var(--Main-Black-Blue);
}

span.slider.slid span.option:nth-child(2) {
	color: white;
}

span.slider.slid span.option:nth-child(1) {
	color: var(--Main-Black-Blue);
}

.addtoany_share_save_container {
	opacity: 0;
	pointer-events: none;
}

.p-4-15 {
	padding: 4px 15px;
}

.carousel {
	overflow: hidden;
}

.why-us-left strong {
	font-family: 'Lilita One';
	text-transform: uppercase;
	font-size: 60px;
	line-height: 1;
	letter-spacing: -2px;
	text-align: center;
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Lilita One';
	text-transform: uppercase;
}

.why-us-left strong span {
	display: inline-block;
	border-bottom: 10px solid var(--research-yellow);
	line-height: 0.4;
	padding: 0 15px;
}

.why-us-left {
	margin-right: 30px;
}

.why-us-right {
	margin-left: 30px;
}

.p-rel {
	position: relative;
}

.p-ab {
	position: absolute;
}

.w-260-340 {
	width: 260px;
}

.c-point {
	cursor: pointer;
}

.why-us-right img:nth-child(2) {
	position: absolute;
	top: 122px;
	right: 130px;
	transition: all 0.4s ease;
}

.mw-1295 {
	max-width: 1295px;
}

.why-us-right:hover img:nth-child(2) {
	top: 118px;
}

.t-d30-m17 {
	font-size: 30px;
}

.h2 {
	font-size: 60px;
	font-family: 'Lilita One';
	text-transform: uppercase;
}

.lh_1 {
	line-height: 1;
}

.page {
	margin-bottom: 0;
}

.join-wrap .page {
	width: 100%;
}

h1,
.h1,
h2,
.h2 {
	font-weight: normal;
}

.join-wrap {
	width: 626px;
	max-width: 100%;
}

.pt-100 {
	padding-top: 100px;
}

.pt-50-100 {
	padding-top: 100px;
}

.home .entry-header,
.home .entry-content,
.home .entry-footer,
.home #secondary {
	display: none;
}

#secondary {
	display: none;
}

.page-template-default .entry-content {
	width: 900px;
	max-width: 100%;
	margin: 40px auto;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.page-template-default .entry-title {
	display: none;
}

.page-template-default {
	text-align: center;
}

.page-template-default .gform_body {
	text-align: center;
}

.flex-center {
	align-items: center;
	justify-content: center;
}

.lh-0_4 {
	line-height: 0.4;
}

.lh-0_9 {
	line-height: 0.9;
}

.d-ib {
	display: inline-block;
}

.footer-menu a {
	text-decoration: underline;
	font-weight: 500;
	margin: 0 10px 20px;
	display: inline-block;
}

.mtb-170-180 {
	margin-top: 170px;
	margin-bottom: 180px;
}

.w-580 {
	width: 580px;
	max-width: 100%;
}

.w-620 {
	width: 620px;
	max-width: 100%;
}

.lh-0_6 {
	line-height: 0.6;
}

.ptb-170-180 {
	padding-top: 170px;
	padding-bottom: 180px;
}

.bb-yellow {
	border-bottom: 10px solid var(--research-yellow);
}

.bb-blue {
	border-bottom: 10px solid #82CBD5;
}

.compare-blue {
	color: #82CBD5;
}

.bb-pink {
	border-bottom: 10px solid var(--m-pink);
}

.bb-lightpink {
	border-bottom: 10px solid var(--m-lightpink);
}

.mw-540 {
	max-width: 540px;
}

.mt-50 {
	margin-top: 50px;
}

.p-0-5 {
	padding: 0 5px;
}

.t-17 {
	font-size: 17px;
}

.bb-cyan {
	border-bottom: 10px solid var(--m-cyan)
}

.bb-cyan-small {
	border-bottom: 5px solid var(--m-cyan)
}

.c-white {
	color: white;
}

.lh-0_6 {
	line-height: 0.6;
}


.mw-280 {
	max-width: 280px !important;
}

.d-block {
	display: block;
}

.strong {
	font-weight: 500;
}

.ptb-145-110-70-45 {
	padding-top: 145px;
	padding-bottom: 110px;
}

.border-76-40 {
	border-radius: 76px;
}

.p-20 {
	padding: 20px;
}

.px-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.py-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.br-40 {
	border-radius: 40px;
}

.bg-white {
	background: white;
}

.box-up {
	box-shadow: 0 0 8px 12px #00000008 !important;
}

.top-10 {
	top: 10px;
}

.d-flex {
	display: flex;
}

.w-315-280 {
	width: 315px;
}

.p-rel {
	position: relative;
}

.mw-173-134 {
	min-width: 173px;
}

.lh-0 {
	line-height: 0;
}

.t-45 {
	font-size: 45px;
}

.white {
	color: white;
}

.lsp-n2 {
	letter-spacing: -2px;
}

.lsp-n1 {
	letter-spacing: -1px;
}

.mw-385 {
	max-width: 385px;
}

.lh-0_7 {
	line-height: 0.7;
}

.lh-0_9 {
	line-height: 0.9;
}

.lsp-n_5 {
	letter-spacing: -0.3px;
}

.mw-564 {
	max-width: 564px;
}

.lh-20 {
	line-height: 20px;
}

.ff-roca2black {
	font-family: "roca2black";
}

.ff-lilita {
	font-family: 'Lilita One';
}

.mb-17 {
	margin-bottom: 17px;
}

.mr-20 {
	margin-right: 20px;
}

.flex-col {
	flex-direction: column;
}

.my-17 {
	margin-top: 17px;
	margin-bottom: 17px;
}

.mt-40 {
	margin-top: 40px;
}

.w-330 {
	width: 330px;
}

.max-w-420 {
	max-width: 420px;
}

.px-30 {
	padding-right: 30px;
	padding-left: 30px;
}

.lh-1 {
	line-height: 1;
}

.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.ptb-173-230-147-137 {
	padding-top: 173px;
	padding-bottom: 230px;
}

.p-0-20 {
	padding: 0px 20px;
}

ul.post-categories {
	margin: 0 !important;
	padding: 0;
	list-style: none;
}

.mt-24 {
	margin-top: 24px;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-basis-100 {
	flex-basis: 100%;
}

.d-flex {
	display: flex;
}

.flex-row {
	flex-direction: row;
}

/* 
[data-category*="all"] {
    background: var(--research-black);
}
[data-category*="bad-credit"] {
    background: var(--bb-bad-credit);
	color: white !important;
}
[data-category*="bridging-loans"] {
    background: var(--research-yellow);
}

[data-category*="buy-to-let"] {
    background: var(--research-yellow);
    color:  var(--research-black);
}
 

[data-category*="first-time-buyer"] {
    background: var(--research-blue);
}
[data-category*="buy-to-let"] {
    background: var(--research-yellow);
}
[data-category*="home-mover"] {
    background: var(--research-yellow);
}
[data-category*="insurance"] {
    background: var(--research-yellow);
}
[data-category*="location"] {
    background: var(--research-yellow);
}
[data-category*="mortgages"] {
    background: var(--research-yellow);
}
 

a[data-category*="mortgages"]{
	color:  var(--research-black);
}

[data-category*="remortgage"] {
    background: var(--bb-remortgage);
}
[data-category*="secured-loans"] {
    background: var(--research-yellow);
}
[data-category*="self-employed"] {
    background: var(--research-yellow);
}
[data-category*="uncategorised"] {
    background: var(--research-yellow);
}  */

span[data-category] {
	word-break: break-all;
	display: inline-block;
	margin-bottom: 5px;
	line-height: 1.3;
}

span[data-category]:nth-child(2),
span[data-category]:nth-child(3),
span[data-category]:nth-child(4) {
	margin-left: 5px !important;
}

.m-b-_7 {
	margin-bottom: -7px;
}

.lsp-n1 {
	letter-spacing: -1px;
}

.howmuch {
	position: relative;
}

.single strong {
	font-family: 'roca1' !important;
}

/* DESKTOP */
.t-40-20 {
	font-size: 20px;
}

.w-m330-d450 {
	width: 330px;
	max-width: 90%;
}

@media screen and (min-width: 1199px) {
	.w-m330-d450 {
		width: 450px !important;
	}

	.t-40-20 {
		font-size: 40px !important;
	}

	.d-pt-40 {
		padding-top: 40px;
	}

	.home-form-wrap:before {
		content: url(/wp-content/uploads/2024/03/theo_paper-1.gif);
		position: absolute;
		left: 50%;
		top: -154px;
		z-index: 0;
		zoom: 0.7;
		mix-blend-mode: darken;
		margin-left: -1070px;
	}

	.d-mt-30 {
		margin-top: 30px;
	}

	.third {
		width: 33.333333333%;
	}

	.d-2col {
		display: flex;
	}

	.d-bb-yellow {
		border-bottom: 10px solid var(--research-yellow);
	}

	.d-mw-595 {
		min-width: 595px;
	}

	.pd-20-50 {
		padding: 20px 50px;
	}

	.m-only {
		display: none !important;
	}

	.d-left,
	.d-right {
		width: 50%;
	}

	.d-mw-980 {
		max-width: 980px;
	}

	.dd-flex {
		display: flex;
	}

	.d-flex-center {
		display: flex;
		align-content: center;
		justify-content: center;
	}

	#masthead ul.nav-menu li a {
		color: var(--Main-Black-Blue, #3F4952);
		text-align: right;
		font-family: Rubik;
		font-size: 20px;
		font-style: normal;
		font-weight: 300;
		line-height: 20px;
	}

	#masthead ul.nav-menu li {
		display: none;
	}

	#masthead ul.nav-menu li:nth-child(1),
	#masthead ul.nav-menu li:nth-child(2),
	#masthead ul.nav-menu li:nth-child(3) {
		display: initial;
		margin-top: 50px;
		margin-left: 50px
	}

	.main-navigation ul {
		opacity: 1;
		pointer-events: all;
	}

	.menu-toggle {
		display: none;
	}

	.menu-socials,
	.menu-gocompare {
		display: none !important;
	}

	.menu-socials,
	.menu-gocompare {
		display: none !important;
	}

	.main-navigation ul {
		display: flex;
	}

	#masthead nav#site-navigation {
		float: right;
		width: auto;
	}

	.cat-filter.clone_to_1 {
		display: none;
	}

	.d-mt-40 {
		margin-top: 40px;
	}
}

.home-post {
	border-radius: 30px;
	filter: grayscale(1);
}

.dims-265-350 {
	width: 265px;
	height: 350px;
}

.grayscale {
	filter: grayscale(1);
}

.min-h-128 {
	min-height: 128px;
}

.br-30 {
	border-radius: 30px;
}

.p-25-10-10 {
	padding: 25px 10px 10px;
}

.p-absolute {
	position: absolute;
}

.bottom-0 {
	bottom: 0px;
}

.m-10-13 {
	margin: 13px 10px;
}

.ox-scroll {
	overflow-x: scroll;
}

.roca2black {
	font-family: "roca2black";
}

/* .page-template-template-borrow-form [data-view="borrow-form"]{
	background: var(--peach-2);
} */

.pb-120 {
	padding-bottom: 120px;
}

.mb-_95 {
	margin-bottom: -95px;
}

.page-template-form-loan .blog .container {
	padding: 0;
	max-width: 100%;
}

.page-template-form-loan .blog>.container {
	background: var(--peach-2);
	padding-bottom: 80px;

}

.page-template-form-loan .blog>.container {
	background: var(--peach-2);
	padding-bottom: 80px;


}

.page-template-form-loan .fat {
	padding-left: 20px;
	padding-right: 20px;
}

.mt-_50 {
	margin-top: -50px;
}

.lilita {
	font-family: 'Lilita One';
	text-transform: uppercase;
}

/* .hover-fade-child-1 > div:nth-child(1){
	opacity: 1;
	transition: all 0.4s ease;
}
.hover-fade-child-1:hover > div:nth-child(1){
	opacity: 0;
} */
.mw-none {
	max-width: none;
}

.m-button {
	position: relative;
	transition: all 0.4s ease;
	transform: translate(0px, 0px);
}

.mw-85pc {
	max-width: 85%;
}

.z-1_2 {
	zoom: 1.2;
}

.m-button:hover {
	transform: translate(0px, 3px);
	box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.25) !important;
}

.t-10-15 {
	font-size: 15px;
}

.nowrap {
	white-space: nowrap;
}

.mr-12 {
	margin-right: 12px;
}

a.m-button,
a.m-button:hover,
a.m-button:visited {
	color: unset;
}

.c-pointer {
	cursor: pointer;
}


.speak-slider .slick-slide {
	margin-right: -10px;
}

.mtb-110-160 {
	margin-top: 110px;
	margin-bottom: 160px;
}


.feefo-home {
	width: 196px;
}


.w-m230-d280 {
	width: 230px;
}

.border-150-50 {
	border-radius: 150px;
}

.ptb-110-110-50-50 {
	padding: 110px;
}

.mt-230 {
	margin-top: 230px;
}

.mt-120 {
	margin-top: 120px;
}

.mb-_70 {
	margin-bottom: -70px;
}

.mb-_50 {
	margin-bottom: -50px;
}

.mb-_100 {
	margin-bottom: -100px;
}

#page {
	overflow-x: hidden;
}

.z-_1 {
	z-index: -1;
}

.z-0 {
	z-index: 0;
}

#masthead {
	position: relative;
	z-index: 1;
}

.menu-active #masthead {
	z-index: 40;
}

.ptb-125-100-60-45 {
	padding-top: 125px;
	padding-bottom: 100px;
}

.d-right {
	max-width: 100%;
}

.w-330 {
	max-width: inherit;
}

.down-15 {
	position: relative;
	top: 15px;
}

.mt-15 {
	margin-top: 15px;
}

.figure {
	width: 124px;
	min-width: 124px;
}

.m-button {
	font-family: "Rubik"
}

.upper {
	text-transform: uppercase;
}

.rates>div:nth-last-child(1) {
	margin-bottom: 0;
}


.topbar {
	color: var(--Main-Black-Blue);
}

.float-right {
	float: right;
}

.br-m30-d80 {
	border-radius: 80px;
}

.w-m330-d280 {
	width: 280px;
}

.mt-30-60 {
	margin-top: 60px !important;
}

.input-wrap {
	position: relative;
	margin-top: 11px;
	margin-bottom: 11px;
	display: inline-block;
}

.hide {
	display: none;
}



input:focus~.floating-label,
input:not(:focus):valid~.floating-label,
input:not(:focus):valid~.floating-label,
textarea:focus~.floating-label,
textarea:not(:focus):valid~.floating-label,
.floating-label.suspended {
	top: -7px;
	font-size: 12px;
	opacity: 1;
	color: #3f4952;
	width: max-content;
	background: white;
	padding: 0 7px;
	left: 50%;
	transform: translate(-50%);
}

.floating-label {
	position: absolute;
	pointer-events: none;
	left: 50%;
	transform: translate(-50%);
	top: 16px;
	transition: 0.2s ease all;
	text-align: center;
	font-size: 17px;
	font-family: Rubik;
	font-weight: 300;
	text-align: center;
	line-height: 17px;
	color: #3f495250;
	width: 100%;
}

.t-17-20 {
	font-size: 20px;
}

.mortgage-calculator input.empty {
	border: 1px solid #F80000;
}

.mortgage-calculator input:not([type='checkbox']),
.mortgage-calculator select,
.input-wrap input:not([type='checkbox']),
.input-wrap select,
#formController input:not([type='checkbox']),
#formController select {
	width: 450px;
	height: 50px;
	border-radius: 50px;
	border: 1px solid #3f495240;
	text-align: center;
	font-size: 25px;
	font-family: Rubik;
	font-weight: 500;
	line-height: 17px;
	text-align-last: center;
}

#formController input:not([type='checkbox']),
#formController select {
	margin-bottom: 20px;
}

.mortgage-calculator select,
.input-wrap select,
#formController select {
	font-size: 17px !important;
	-moz-appearance: none;
	/* Firefox */
	-webkit-appearance: none;
	/* Safari and Chrome */
	appearance: none;
	line-height: 1.2;
}

.select-wrap:after {
	content: url(/wp-content/uploads/2024/03/Vector-13.svg);
	position: absolute;
	right: 19px;
	top: 20px;
	zoom: 0.9;
	transform: rotate(0deg) translateY(0px);
	transition: 0.4s ease;
}

.select-wrap:has(select:focus-visible):after {
	transform: rotate(180deg) translateY(10px);
	transition: 0.4s ease;
}



.toggle {
	display: flex;
	align-items: center;
	justify-content: center;
}



.vertical.toggle>div {
	background: #fff;
	border: 1px solid var(--Main-Black-Blue-05);
	box-shadow: 0 0 !important;
}


select[multiple] {
	min-height: 120px;
}

.issue_type_wrap {
	display: none;
}

[data-employment_type] {
	display: none;
}

.vertical.toggle>div.active {
	box-shadow: 0 0 !important;
}

.flex-1 {
	flex: 1;
}

.vertical.toggle>div {
	margin-right: 0px;
	height: 50px;
	width: 100%;
	/* max-width: 330px; */
	margin: 0 auto 10px;
}

.vertical.toggle>div span {
	position: relative;
	left: unset;
}

.vertical.toggle>div:nth-last-child(1) {
	margin-right: auto;
}

.toggle>div {
	position: relative;
	background: #eee;
	border-radius: 30px;
	margin-right: 30px;
	font-size: 17px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 210px;
	cursor: pointer;
	font-family: Rubik;
	letter-spacing: -0.3px;
	font-weight: 500;
	transition: all 0.2s ease;
	box-shadow: var(--dropshadow2) !important;
}

.page-template-page-compare-rates .toggle>div {
	background: #fff;
}

.toggle>div.active {
	background: var(--Button-Blue);
	color: white;
	box-shadow: 0px 5px black inset;
	box-shadow: var(--dropshadow2inset) !important;
}

.toggle>div:nth-last-child(1) {
	margin-right: 0px;
}

.toggle>div:before {
	content: " ";
	position: absolute;
	left: 14px;
	width: 28px;
	height: 28px;
	background: #D9D9D9;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--Main-Black-Blue);
}

.address-block {
	position: relative;
}

.remove-address-block {
	width: 15px;
	height: 15px;
	background: url(/wp-content/uploads/2024/03/Vector-7-svg.svg);
	background-size: contain;
	right: 10px;
	top: 15px;
	position: absolute;
	cursor: pointer;
}



.toggle>div.active:before {
	content: url(/wp-content/uploads/2024/03/checkmark.svg);
	background: #0E4F8B;
	color: white;
	padding-top: 3px;
}

.mw-135 {
	max-width: 135px;
}

.flex-column {
	flex-direction: column;
}

.prev-button {
	flex: 1 !important;
	min-width: 60px !important;
	max-width: 60px !important;
}

.prev-button+.next-button {
	margin-left: 15px !important;
}

.show-if-3-years {
	display: none !important;
}

.hide-if-3-years {
	display: none !important;
}

.address-block:nth-of-type(2),
.address-block:nth-of-type(3),
.address-block:nth-of-type(4),
.address-block:nth-of-type(5) {
	margin-top: 40px;
	border-top: 1px solid black;
	padding-top: 40px;
}

input[type="submit"].gform_button {
	min-width: 280px;
	font-weight: 500 !important;
}

.gform_footer {
	text-align: center;
}

textarea {
	max-width: 100%;
}

input.datepicker {
	width: 100% !important;
}

.pb-100 {
	padding-bottom: 100px;
}

.gform_wrapper.gravity-theme .gfield textarea.large {
	height: 120px !important;
}

.d-hidden {
	max-height: 1px;
	padding-top: 1px;
	overflow: hidden;
}

.ginput_complex.gform-grid-row {
	display: flex;
	align-items: center;
	justify-content: center;
}

.call-button {
	margin: 0 auto;
	display: block;
}

.call-button a {
	display: flex;
}

.call-button svg {
	margin-right: 10px;
}

.next-button,
.prev-button,
.grey-button,
.blue-button,
input[type="submit"].gform_button,
.template-button,
.call-button {
	flex: 3;
	background-color: var(--Button-Blue);
	border-radius: 100px;
	width: 450px;
	min-height: 60px;
	color: white;
	max-width: 100%;
	display: flex;
	margin-top: 11px;
	margin-bottom: 11px;
	font-family: Rubik;
	font-weight: 500;
	align-items: center;
	box-shadow: var(--dropshadow) !important;
	cursor: pointer;
	letter-spacing: -1px;
	justify-content: center;
	position: relative;
	font-size: 17px;
	transform: translate(0px, 0px);
	transition: 0.4s ease;
	font-weight: 400;
	letter-spacing: -0.3px;
}

.grey-button {
	background-color: #eee;
	color: var(--Main-Black-Blue);
}

.prev-button {
	background: #fff;
	box-shadow: 0 0 !important;
	border: 1px solid #3f495240;
	opacity: 1;
}

.next-button.disabled {
	background: #eee;
	color: var(--Main-Black-Blue);
	pointer-events: none;
}

.check_eligibility.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.background-cog {
	background: url(/wp-content/uploads/2024/03/theo_running-1.gif), white;
	background-size: contain;
	background-repeat: no-repeat;
	background-blend-mode: darken;
	background-position: center;
}

.notouch {
	pointer-events: none;
}

.wide .next-button,
.wide .prev-button,
.wide .grey-button {
	box-shadow: 0 0 !important;
}

.next-button:after {
	content: url(/wp-content/uploads/2024/03/chevron.forward.svg);
	position: absolute;
	right: 20px;
	top: 20px;
	zoom: 0.9;
	transform: rotate(0deg) translateY(0px);
	transition: 0.4s ease;
}

.med {
	font-weight: 400;
}


.template-button:hover {
	transform: translate(0px, 3px);
	box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.25) !important;
}

.next-button:hover {
	transform: translate(0px, 3px);
	box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.25) !important;
}

.grey-button:hover {
	transform: translate(0px, 3px);
	box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.25) !important;
}

.prev-button:after {
	content: url(/wp-content/uploads/2024/03/chevron.forward.svg);
	position: absolute;
	right: 26px;
	opacity: 0.7;
	top: 20px;
	zoom: 0.9;
	transform: rotate(0deg) translateY(0px) scaleX(-1);
	transition: 0.4s ease;
	mix-blend-mode: difference;
	opacity: 0.6;
}

.grey-button:after {
	content: url(/wp-content/uploads/2024/03/Vector-13.svg);
	position: absolute;
	right: 10px;
	top: 20px;
	transform: rotate(-90deg) translateY(0px);
	transition: 0.4s ease;
}

.prev-button:hover {
	transform: translate(0px, 3px);
	/* box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.25) !important; */
}

.prev-button:hover:after {
	right: 28px;
}

.next-button:hover:after {
	right: 10px;
}

.grey-button:hover:after {
	right: 5px;
}

.pt-85 {
	padding-top: 85px;
}

.mortgage-calculator .h2 {
	font-size: 60px;
}

.t-15-20 {
	font-size: 20px;
}

.cyan {
	color: var(--m-cyan);
}

.t-60 {
	font-size: 60px;
}

hr.dotted {
	/* margin: 20px 0; */
	border: 0;
	background: url(/wp-content/uploads/2024/03/Line-15.svg);
}

.based-on {
	color: var(--m-cyan);
	font-size: 22px;
	font-family: 'Lilita One';
	text-transform: uppercase;
}

.based-on span {
	text-decoration: underline;
}

.bot-center {
	left: 50%;
	bottom: 20px;
	transform: translate(-50%, -50%);
	position: absolute;
}

.question-page {
	opacity: 0;
	pointer-events: none;
	/* transition: all 0.4s ease; */
	height: 0;
	overflow: hidden;
	min-height: 0;
	padding: 0;
}

.question-page.active {
	opacity: 1;
	height: auto;
	overflow: auto;
	pointer-events: all;
	text-align: center;
	margin: 0px auto;
	max-width: 100%;
	width: 490px;
	min-height: calc(100vh - 160px);
	padding: 60px 20px;
	position: relative;
}

.question-page.wide.active {
	min-height: calc(100vh - 188px);
	min-height: calc((var(--vh, 1vh) * 100) - 188px) !important;
}

.m-top-auto {
	margin-top: auto;
}

.m-auto-auto-0 {
	margin: auto auto 0;
}

.progress_counter {
	background: #fafafa;
	height: 21px;
	position: fixed;
	width: 100%;
	bottom: 0;
	box-shadow: 0 0 7px #00000014;
}

.progress_counter div {
	background: var(--m-cyan);
	height: 21px;
	position: absolute;
	transition: all 0.8s ease;
	left: 0;
	bottom: 0;
}

.question-page.wide.active {
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}

.question-page.active .qpage-content {
	opacity: 1;
	height: auto;
	pointer-events: all;
	text-align: center;
	margin: 0px auto;
	max-width: 100%;
	width: 490px;
	padding: 0px 20px;
	position: relative;
}

.mt-25 {
	margin-top: 25px;
}

.mw-330-450 {
	max-width: 450px;
}

.mw-330 {
	max-width: 330px;
}



.mt-_20 {
	margin-top: -20px;
}

.page-template-page-mortgage-calculator,
.blog #primary {
	background: var(--peach);
}


.mt-50 {
	margin-top: 50px;
}

.pt-50 {
	padding-top: 50px;
}

.section-padding {
	padding-top: 20px;
}

.goright {
	font-size: 0;
	width: 70px;
	height: 50px;
	background: url(/wp-content/uploads/2024/05/next.svg);
	background-repeat: no-repeat;
	border: 0;
	background-position: right;
	cursor: pointer;
	z-index: 9;
}

.single-post h1.entry-title {
	width: 560px;
	margin: 0 auto;
	max-width: 100%;
}

.slick-posts>div {
	cursor: pointer;
}

.goleft {
	font-size: 0;
	width: 70px;
	height: 50px;
	background: url(/wp-content/uploads/2024/05/prev.svg);
	background-repeat: no-repeat;
	border: 0;
	background-position: right;
	cursor: pointer;
	z-index: 9;
}

.research-nav {
	top: -100px;
	right: 10%;
}

.modal .gform_wrapper.gravity-theme .gform_footer,
.modal .gform_wrapper.gravity-theme .gform_page_footer {
	padding: 0;
}

.modal .below.hour_minute_colon.gform-grid-col {
	display: none;
}

.modal textarea#input_8_11 {
	margin-bottom: 0 !important;
}

.modal input,
.modal select,
.modal textarea {
	width: 100%;
	float: none;
	margin-bottom: 15px !important;
}

.modal .gform_wrapper.gravity-theme .gfield.gfield--width-half {
	width: 100%;
}

.modal .gform_fields {
	display: block !important;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(69, 78, 87, 0.0);
	transition: all 0.4s ease;
	pointer-events: none;
	opacity: 0;
}

.px-25 {
	padding-right: 25px;
	padding-left: 25px;
	;
}

.mw-100 {
	max-width: 100%;
}

.bg-norepeat {
	background-repeat: no-repeat;
}

.toggle>div.active.no-drop,
.toggle>div.no-drop,
.no-drop {
	box-shadow: 0 0 !important;
}

.bg-phone {
	background-image: url(/wp-content/uploads/2024/03/phone-call-1.gif);
}

.bg-right {
	background-position: right;
}

.bg-contain {
	background-size: contain;
}

.flex {
	display: flex;
}

.modal h2,
.modal .h2 {
	font-size: 45px;
}

.modal.active {
	z-index: 999;
	overflow-y: scroll;
	pointer-events: all;
	opacity: 1;
	background: rgba(69, 78, 87, 0.97);
}

.modal-content {
	max-width: 100%;
	margin: 10px;
	position: relative;
	top: 0;
	left: 50%;
	transform: translate(-50%);
	max-width: 420px;
}

.mt-_15 {
	margin-top: -15px;
}

.t-16 {
	font-size: 16px !important;
}

.modal .input-wrap {
	margin-top: 10px;
	margin-bottom: 5px;
}

.close-modal {
	position: absolute;
	right: 30px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	top: 20px;
}

.mw-1150 {
	max-width: 1150px;
}

.roof-text-1:after {
	content: url(/wp-content/uploads/2024/04/Group-4264.svg);
	position: absolute;
	right: 240px;
	bottom: 53px;
	transition: all 0.4s ease;
	transform: scale(0.8);
}

.roof-text-1:before {
	content: "'Roof' Our Mascot";
	position: absolute;
	right: 270px;
	bottom: 40px;
	font-family: "Lilita One";
	width: 100px;
	font-size: 19px;
	;
	text-align: center;
	line-height: 1;
	font-weight: bold;
}

.close-modal:before {
	content: " ";
	width: 34px;
	height: 1px;
	background: var(--Main-Black-Blue);
	opacity: 0.5;
	position: relative;
	transform: rotate(45deg);
	display: block;
	top: 10px;
	right: 5px;
}

.close-modal:after {
	content: " ";
	width: 34px;
	height: 1px;
	background: var(--Main-Black-Blue);
	opacity: 0.5;
	position: relative;
	transform: rotate(-45deg);
	display: block;
	top: 10px;
	right: 5px;
}

.close-modal.gray:before,
.close-modal.gray:after {
	content: " " !important;
	display: none;
}

.close-modal.gray {
	width: 20px;
	height: 20px;
	background: url(/wp-content/uploads/2024/03/Vector-7-svg.svg);
	background-size: cover;
	right: 20px;
	top: 15px;
}



.lh-20px {
	line-height: 20px;
}

.cols-2>* {
	width: 48% !important;
}

.cols-2>input:nth-child(1) {
	margin-right: 5px;
}

.cols-2>input:nth-child(2) {
	margin-left: 5px;
}

.pt-3pc {
	padding-top: 3%;
}

.t-10 {
	font-size: 10px;
}

.modal .next-button {
	max-width: inherit;
}

.modal input,
.modal select,
.modal textarea,
.modal .input-wrap {
	max-width: inherit !important;
}

.input-wrap textarea {
	border-radius: 30px;
	border: 1px solid #3f495240;
	padding: 10px 20px;
	box-sizing: border-box;
	height: 98px;
	resize: none;
}

.h-185px {
	height: 185px;
}


.t-35 {
	font-size: 35px;
}

.t-25 {
	font-size: 25px;
}

.lh-35px {
	line-height: 35px;
}

.t-blue {
	color: var(--Button-Blue);
}

.flex-4 {
	flex: 4;
}

.underline {
	text-decoration: underline;
}

.modal.mini-modal {
	top: unset;
	left: unset;
	bottom: unset;
	right: unset;
	position: absolute;
	overflow: hidden;
	width: 235px;
	display: block;
	min-width: 235px;
	right: 7%;
	top: 20px;
	border-radius: 30px;
	background: white;
	color: var(--Main-Black-Blue);
	padding: 40px 25px 10px;
	border: 1px solid var(--Main-Black-Blue-05);
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}

/* MOBILE */

@media(max-width: 460px) {
	.m-mw-266 {
		width: 266px;
		display: block;
	}

	.m-mt-40 {
		margin-top: 30px !important;
	}

	.mw-85pc {
		max-width: 65% !important;
	}

	#masthead ul.nav-menu li:nth-child(1) a,
	#masthead ul.nav-menu li:nth-child(2) a,
	#masthead ul.nav-menu li:nth-child(3) a {
		margin-bottom: 15px !important;
		font-size: 38px !important;
	}

	#masthead ul.nav-menu li a {
		font-size: 20px !important;
		line-height: 1.2 !important;
	}

	.menu-item {
		margin-bottom: 4px !important;
	}
}

/* 
.mobile100vh {
	height: 100vh; 
	height: calc( var(--vh, 1vh) * 100  ) !important;
} */

.progress_counter {
	display: none;
}

.progress_counter.active {
	display: block;
}


.site-branding {
	position: relative;
}

.focus-mode .menu-m2-container {
	opacity: 0;
	pointer-events: 0;
}

.focus-mode .menu-toggle {
	pointer-events: none;
}

.focus-mode #colophon {
	display: none;
}

.help-button {
	cursor: pointer;
	display: none;
	font-family: Rubik;
	position: absolute;
	right: -4px;
	top: 36%;
	border-radius: 30px;
	background: var(--Main-Black-Blue);
	color: white;
	font-size: 17px;
	line-height: 1;
	width: 74px;
	height: 40px;
	z-index: 999;

}


.pointer {
	cursor: pointer;
}

.focus-mode .help-button {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}


.num-bef {
	background-image: url(/wp-content/uploads/2024/03/minus-svg.svg);
	background-color: var(--Button-Blue);
	background-repeat: no-repeat;
	background-position: center;
	color: white;
	position: absolute;
	width: 28px;
	height: 28px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 12px;
	top: 12px;
	cursor: pointer;
}

.num-aft {
	background-image: url(/wp-content/uploads/2024/03/plus-svg-svg-2.svg);
	background-color: var(--Button-Blue);
	background-repeat: no-repeat;
	background-position: center;
	color: white;
	position: absolute;
	width: 28px;
	height: 28px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 12px;
	top: 12px;
	cursor: pointer;
}

.fit-content {
	width: fit-content;
}

#colophon {
	position: relative;
	z-index: 3;
}

.mortgage-results {
	max-width: 100%;
}

.page-template-page-mortgage-calculator .mortgage-calculator {
	box-shadow: 0 0 10px 15px #F6EFDF !important;
	position: relative;

	/* border-radius: 80px;  */
	z-index: 2;
}

.mt-40-70 {
	margin-top: 40px;
}

.mt-100-30 {
	margin-top: 100px;
}

.mb-_100_50 {
	margin-bottom: -100px;
}

.mb-0 {
	margin-bottom: 0;
}

.res-wrapper {
	width: 1050px;
	margin: 0 auto;
	max-width: 100%;
	padding: 0 20px;
}

.res-wrapper .res-content {
	display: flex;
	padding: 40px 0px;
}

.flex-2_5 {
	flex: 2.5;
}

.ml-10 {
	margin-left: 10px;
}

.single-post ::marker {
	content: "- ";
}

.shortcode_purpose {
	background: #FCF7EC;
	border-radius: 30px;
	padding: 20px;
}

.close-backdrop {
	position: absolute;
	top: 10px;
	right: 20px;
	color: white;
	font-size: 21px;
	z-index: 999999;
	background: #233ddfe6;
	border-radius: 100px;
	width: 34px;
	text-align: center;
	height: 32px;
	font-family: 'Lilita One';
	cursor: pointer;
}

video {
	max-width: 100%;
}

.whats-next {
	background: #E5F0F1;
	border-radius: 30px;
	padding: 20px;
	margin-bottom: 20px;
}

.backdrop {
	display: none;
}

.backdrop.active {
	display: flex;
	background: #000000d6;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999999;
}

.backdrop video {
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9;
}

.res-wrapper:before {
	content: " ";
	display: block;
	background: url(/wp-content/uploads/2024/04/Line-19.svg);
	width: 100%;
	height: 5px;
	background-repeat: repeat-x;
}

.whats-next.res-wrapper:before {
	position: relative;
	top: -45px;
}

.res-wrapper:nth-last-of-type(1):after {
	content: " ";
	display: block;
	background: url(/wp-content/uploads/2024/04/Line-19.svg);
	width: 100%;
	height: 5px;
	background-repeat: repeat-x;
}

.acc-head .h4.black {
	font-size: 17px;
	font-weight: 400;
}

.acc-head {
	padding-top: 10px;
}

.acc-body.text-left.black {
	font-weight: 300;
}

.lightweight-accordion:before {
	content: url(/wp-content/uploads/2024/04/Line-19.svg)
}


.lightweight-accordion details {
	position: relative;
}

.lightweight-accordion details:after {
	content: url(/wp-content/uploads/2024/06/chevron.forward.svg);
	right: 1%;
	top: 13px;
	position: absolute;
	pointer-events: none;
	transition: all 0.4s ease;
}

.lightweight-accordion details[open]:after {
	transform: rotate(180deg);
}

.lightweight-accordion {
	position: relative;
}

.lightweight-accordion:nth-last-of-type(1):after {
	content: url(/wp-content/uploads/2024/04/Line-19.svg)
}

.lightweight-accordion .lightweight-accordion-title span {
	font-weight: light !important;
	font-family: "Rubik";
	font-size: 17px !important;
}

.lightweight-accordion .lightweight-accordion-title {
	padding-bottom: 0 !important;
}

.lightweight-accordion .lightweight-accordion-title {
	padding: 10px 20px 10px 18px !important;
}

::marker {
	content: " ";
}

.lightweight-accordion {
	margin: 0 !important;
}

.lightweight-accordion .lightweight-accordion-title {
	background: transparent !important;
}

.w-200-280 {
	width: 280px;
}

.dotted-white {
	background: url(/wp-content/uploads/2024/04/Line-23.svg) !important;
	width: 100%;
	height: 2px;
}

.equalize .gform-body.gform_body input,
.equalize .gform-body.gform_body textarea,
.equalize .gform_footer input[type=submit] {
	min-width: 450px;
	max-width: 100%;
	width: 450px;
	margin-right: 0 !important;
}

body .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
	padding-right: 0;
}

.page-template-template-borrow-form [data-view="borrow-form"] #formController {
	margin-bottom: 0;
}


[data-view="borrow-form"].introducer .branding {
	display: flex;
	max-width: 243px;
	min-height: 90px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 30px;
	align-items: center;
	background-color: #3C3C3B;
	justify-content: center;
	box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
}

[data-view="borrow-form"] #formController {
	max-width: 100%;
	margin-left: auto;
	min-height: 600px;
	margin-right: auto;
	background: white;
	margin-bottom: 40px;
	position: relative;
}

.logo-2 {
	height: auto;
	width: 90%;
}

.mw-1050 {
	width: 1050px;
	max-width: 100%;
}

.template-button.button-small {
	width: 160px;
	display: flex;
	min-height: 50px;
}

.template-button.button-black {
	background: var(--Main-Black-Blue);
}

.t-30 {
	font-size: 30px;
}

.res-content>div {
	flex: 1;
}

.result-header {
	position: relative;
}

.result-header {
	display: none;
	position: relative;
	z-index: 3;
	mix-blend-mode: darken;
}

.page-template-page-whats-next .result-header:after {
	content: " ";
	position: absolute;
	bottom: -20px;
	right: 50%;
	width: 188px;
	display: block;
	height: 188px;
	background: url(/wp-content/uploads/2024/06/theo-happy.png);
	background-size: contain;
	margin-right: -570px;
	mix-blend-mode: darken;
	background-repeat: no-repeat;
}

.page-template-page-whats-next .result-header {
	display: block;
}


.page-template-page-whats-next {
	background: var(--peach);
}

.res-logo {
	flex-direction: column;
	align-items: center;
	justify-content: center;
}



.own_new {
	font-size: 15px;
	line-height: 1;
	margin-top: 14px;
}

.result-header:after {
	content: " ";
	position: absolute;
	bottom: -20px;
	right: 50%;
	width: 268px;
	display: block;
	height: 268px;
	background: url(/wp-content/uploads/2024/04/success-2-1.gif);
	background-size: contain;
	margin-right: -570px;
	mix-blend-mode: darken;
	background-repeat: no-repeat;
}

.t-left {
	text-align: left;
}

.p-20 {
	padding: 20px;
}

.underline {
	text-decoration: underline !important;
}

.extra-info {
	display: none;
}

.mt-30-50 {
	margin-top: 30px;
}

.slideout-reviews-button-container {
	top: 40% !important;
	z-index: 4 !important;
}

@media(max-width: 1199px) {

	.form-section textarea {
		max-width: 330px;
	}

	.slideout-reviews-button-container {
		display: none !important;
	}

	.blog .slick-posts>div {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.m-bb-blue {
		border-bottom: 10px solid #82CBD5;
	}

	.res-wrapper[data-id='0'] .res-content:before {
		top: 10px;
		scale: 0.8;
	}

	.m-t-12 {
		font-size: 12px !important;
	}

	.result-header:after {
		content: " ";
		position: relative;
		bottom: 0px;
		right: 0;
		width: 268px;
		display: block;
		height: 268px;
		background: url(/wp-content/uploads/2024/04/success-2-1.gif);
		background-size: contain;
		mix-blend-mode: darken;
		margin: 0 auto;
		background-repeat: no-repeat;
	}

	.multi-select-container {
		max-width: 330px;
		margin: 0 auto;
	}

	.menu.nav-menu {
		padding: 0 20px;
	}

	.equalize .gform-body.gform_body input,
	.equalize .gform-body.gform_body textarea,
	.equalize .gform_footer input[type=submit] {
		margin-right: 0 !important;
		min-width: 330px;
		max-width: 100%;
		width: 330px;
	}

	.perk {
		display: flex;
	}

	.perk>div:nth-child(1) {
		flex: 1;
		align-items: center;
		justify-content: center;
		display: flex;
	}

	.perk>div:nth-child(2) {
		flex: 2;
		align-items: center;
		justify-content: center;
		display: flex;
	}

	.roof-text-1:after {
		right: 190px;
	}

	.roof-text-1:before {
		right: 220px;
	}

	.w-200-280 {
		width: 200px;
	}

	.m-pb-140 {
		padding-bottom: 140px;
	}

	.pt-50-100 {
		padding-top: 50px;
	}

	.mb-_100_50 {
		margin-bottom: -50px;
	}

	.m-flex-col {
		flex: column
	}

	.mt-100-30 {
		margin-top: 30px;
	}

	.prev-button+.next-button {
		margin-left: 10px !important;
	}

	.move-buy {
		position: relative !important;
		left: 14px !important;
	}

	.mortgage-calculator {
		border-radius: 30px;
	}

	.num-bef {
		left: 12px;
	}

	.num-aft {
		right: 12px;
	}

	.m-mt-_20 {
		margin-top: -20px;
	}

	.t-15-20 {
		font-size: 15px;
	}

	.home-top {
		min-height: calc(100vh - 394px);
	}

	.mw-330-450 {
		max-width: 330px;
	}

	.question-page.active {
		min-height: calc(100vh - 125px);
	}

	.question-page.wide.active {
		min-height: calc(100vh - 168px);
		min-height: calc((var(--vh, 1vh) * 100) - 168px) !important;
	}

	.based-on span {
		font-size: 20px;
	}

	.mortgage-calculator .h2 {
		font-size: 45px;
	}

	.m-mw-330 {
		max-width: 330px;
	}

	.next-button,
	.prev-button,
	.grey-button {
		width: 330px;
		margin-left: auto;
		margin-right: auto;
	}

	.toggle>div:before {
		left: 12px;
	}

	.toggle>div {
		margin-right: 15px;
		height: 50px;
		width: 160px;
	}

	.vertical.toggle>div {
		margin-right: 0px;
		height: 50px;
		width: 100%;
		max-width: 330px;
		margin: 0 auto 10px;
	}

	.toggle>div span {
		position: absolute;
		left: 50px;
	}

	.vertical.toggle>div span {
		position: relative;
		left: unset;
	}

	.toggle>div:nth-last-child(1) {
		margin-right: 0px;
	}

	.vertical.toggle>div:nth-last-child(1) {
		margin-right: auto;
	}

	.t-17-20 {
		font-size: 17px;
	}


	.mortgage-calculator input:not([type='checkbox']),
	.mortgage-calculator select,
	.input-wrap input:not([type='checkbox']),
	.input-wrap select,
	#formController input:not([type='checkbox']),
	#formController select {
		width: 330px;
		height: 50px;
		border-radius: 50px;
		border: 1px solid #3f495240;
		max-width: 100%;
	}

	.mt-30-60 {
		margin-top: 30px !important;
	}

	.m-mt-15 {
		margin-top: 15px !important;
	}

	.m-m-auto {
		margin: 0 auto;
	}

	.w-m330-d280 {
		width: 330px;
	}

	.br-m30-d80 {
		border-radius: 30px;
	}

	.menu-item {
		line-height: 1;
		margin-bottom: 7px;
	}

	.blog input.search-field {
		width: 330px;
	}

	.ptb-125-100-60-45 {
		padding-top: 60px;
		padding-bottom: 45px;
	}

	.m-pb-100 {
		padding-bottom: 100px;
	}

	.m-sticky-bottom {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 9;
	}

	.m-mw-100pc {
		max-width: 100% !important;
	}

	div#compare>div:after {
		content: " ";
	}

	.m-hidescroll::-webkit-scrollbar {
		display: none;
		/* Safari and Chrome */
	}

	.ptb-110-110-50-50 {
		padding: 50px;
	}

	.border-150-50 {
		border-radius: 50px;
	}

	.m-bg-white {
		background: white;
	}

	.m-mt-20 {
		margin-top: 20px;
	}

	.m-mt-40 {
		margin-top: 40px;
	}

	.m-flex-col {
		flex-direction: column;
	}

	.w-m230-d280 {
		width: 280px;
	}

	.review>div {
		width: 100% !important;
	}

	/* button.slick-prev.slick-arrow,
	button.slick-next.slick-arrow{
		display: none !important;
	} */
	.m-mw-160 {
		max-width: 160px;
	}

	.t-10-15 {
		font-size: 10px;
	}

	.footer-socials a {
		width: 32px;
		height: 32px;
	}

	.feefo-home {
		width: 106px;
	}

	.footer-menu a {
		display: block;
		margin-bottom: 0px;
	}

	.footer-menu a:nth-last-child(1) {
		margin-bottom: 20px;
	}

	.m-mt-40 {
		margin-top: 40px;
	}

	.m-mt-30 {
		margin-top: 30px;
	}

	.m-max-width-110 {
		max-width: 110px;
	}

	.m-reverse {
		flex-direction: row-reverse;
	}

	.m-pr-30 {
		padding-right: 30px;
	}

	.m-pl-30 {
		padding-left: 30px;
	}

	.after-right-arrow:after {
		content: url(/wp-content/uploads/2024/01/Group-4192.png);
		position: absolute;
		right: -70px;
		top: 120px;
		transform: scale(0.6) rotate(141deg);
	}

	.m-max-width-180 {
		max-width: 180px;
	}

	.after-right-arrow-2:after {
		content: url(/wp-content/uploads/2024/01/Group-4194.png);
		position: absolute;
		right: 90px;
		top: 150px;
		transform: scale(0.6) rotate(51deg);
	}

	.m-yellow {
		color: var(--research-yellow);
	}

	.m-bb-yellow {
		border-bottom: 10px solid var(--research-yellow);
	}

	.ptb-173-230-147-137 {
		padding-top: 147px;
		padding-bottom: 137px;
	}

	.benefit {
		display: none;
	}

	.benefit.active {
		display: initial;
	}

	.w-315-280 {
		width: 280px;
	}

	.mw-173-134 {
		min-width: 147px;
	}

	.border-76-40 {
		border-radius: 40px;
	}

	.ptb-145-110-70-45 {
		padding-top: 70px;
		padding-bottom: 45px;
	}

	.h2 {
		font-size: 45px;
	}

	.why-us-right img:nth-child(2) {
		right: 62px;
	}

	.m-flip {
		transform: scalex(-1);
	}

	.m-pull-left-30 {
		left: -30px !important;
	}

	.m-12-0 {
		margin: 12px 0;
	}

	.why-us-right,
	.why-us-left {
		margin-left: 0;
		margin-right: 0;
	}

	.why-us-left strong span {
		display: inline;
		border-bottom: 0;
		padding: 0;
	}

	.why-us-left strong {
		border-bottom: 10px solid var(--research-yellow);
		line-height: 0;
		font-size: 45px;
	}

	.why-us {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 100px auto 180px;
	}

	.tick-list {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	span.tick-item {
		margin-top: 10px;
	}

	/* 	span.tick-item {
		border-bottom: 2px solid #FFD100;
			line-height: 0.8;
			margin-top: 4px;
			margin-left: auto;
			margin-right: auto;
			float: none;
			display: block;
			width: max-content;
	} */


	.mw-nice {
		max-width: 330px;
	}

	.mt-m15-d20 {
		margin-top: 15px;
	}

	.p-small {
		font-size: 10px;
	}

	.special-2 {
		width: 330px;
		margin: 0 auto;
		margin-top: 15px;
	}

	.special-1 {
		display: initial;
	}

	.t-d20-m17 {
		font-size: 17px;
	}

	.t-d30-m17 {
		font-size: 17px;
	}

	.switch {
		position: relative;
		display: inline-block;
		width: 330px;
		height: 60px;
	}

	.slider {
		font-size: 17px
	}

	.howmuch {
		padding: 35px 0;
	}

	.t-d30-m20 {
		font-size: 20px;
	}

	.research {
		width: 270px
	}

	.compare {
		width: 330px;
	}

	.research,
	.compare {
		font-size: 25px;
		height: 48px;
	}

	.theo-wrap:after {
		content: " ";
		display: block;
		width: 180px;
		position: absolute;
		background: black;
		z-index: 99;
		box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.25);
		bottom: 3px;
		left: 50%;
		margin-left: -97px;
	}

	.r-t40 {
		border-top-left-radius: 40px;
		border-top-right-radius: 40px;
	}

	.theo-1 {
		width: 248px;
		margin-top: 36px;
	}

	.theo-wrap {
		max-height: 146px;
		overflow: hidden;
	}

	.feefo {
		text-align: center;
		margin-top: 10px;
	}

	.sub-strap {
		text-align: center;
		font-size: 17px;
		max-width: 320px;
		margin: 0 auto;
		margin-top: 10px;
	}

	ul#m2 {
		padding-bottom: 100px;
		z-index: 90;
	}

	#masthead ul.nav-menu li a {
		text-align: center;
		color: white;
		font-size: 25px;
		font-weight: 500;
		line-height: 1.3;
		color: #E5E5E5;
	}

	#masthead ul.nav-menu li:nth-child(1) {
		margin-top: 130px;
	}

	#masthead ul.nav-menu li:nth-child(3) {
		margin-bottom: 35px;
	}

	#masthead ul.nav-menu li:nth-child(1) a,
	#masthead ul.nav-menu li:nth-child(2) a,
	#masthead ul.nav-menu li:nth-child(3) a {
		line-height: initial;
		font-family: 'Lilita One';
		text-transform: uppercase;
		font-size: 50px;
		color: #FFF;
		line-height: 1.48;
		line-height: 1;
		margin-bottom: 27px;
	}



	ul.nav-menu {
		position: fixed;
		/* new addition due to menu margin issue */
		top: 0;
		left: 0;
		width: 100%;
		background: #3f4952f5;
		min-height: 100vh;
		overflow-y: scroll;
		max-height: 100vh;
	}

	.d-only {
		display: none !important;
	}

	.logo {
		width: 160px;
		height: 53px;
		margin-top: 28px;
		transition: all 0.6s ease;
		position: relative;
		z-index: 999;
	}

	.menu-active .logo,
	.menu-active .hamburger {
		filter: brightness(0) invert(1);
	}
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-25 {
	margin-bottom: 25px;
}

.right-10 {
	position: relative;
	right: -10px;
}

.t-500 {
	font-weight: 500;
}

.t-300 {
	font-weight: 300;
}

.review-slider {
	position: relative;
	overflow: hidden;
}

.review-slider .slick-track {
	display: flex !important;
}

.review-slider .slick-arrow {
	display: inline-block !important;
	position: absolute;
}

.review-slider .slick-next {
	right: -10px;
	top: 130px;
}

.review-slider .slick-prev {
	left: -10px;
	top: 130px;
}

.review>div {
	width: 500px;
	max-width: 100%;
	min-height: 400px;
	flex-direction: column;
	padding: 10%;
}

.shrink {
	width: auto;
	padding: 0px 26px;
}

.menu-get-a-mortgage {
	margin-left: 50px !important;
	position: relative;
	top: -10px;
}



.multi-select-container {
	display: inline-block;
	position: relative;
}

.multi-select-menu {
	position: absolute;
	left: 0;
	top: 0.8em;
	z-index: 1;
	float: left;
	min-width: 100%;
	background: #fff;
	margin: 1em 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	display: none;
}

.multi-select-menuitem {
	display: block;
	font-size: 0.875em;
	padding: 0.6em 1em 0.6em 30px;
	white-space: nowrap;
}

.multi-select-legend {
	font-size: 0.875em;
	font-weight: bold;
	padding-left: 10px;
}

.multi-select-legend+.multi-select-menuitem {
	padding-top: 0.25rem;
}

.multi-select-menuitem+.multi-select-menuitem {
	padding-top: 0;
}

.multi-select-presets {
	border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
	position: absolute;
	margin-top: 0.25em;
	margin-left: -20px;
}

.multi-select-button {
	display: inline-block;
	font-size: 0.875em;
	padding: 0.2em 0.6em;
	max-width: 16em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: -0.5em;
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	cursor: default;
}

.pt-20 {
	padding-top: 20px;
}

.p-sticky {
	position: sticky;
	top: 0;
}

.multi-select-button:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.4em 0.4em 0 0.4em;
	border-color: #999 transparent transparent transparent;
	margin-left: 0.4em;
	vertical-align: 0.1em;
}

.mobile-graphic,
.graphic_top,
.graphic_bottom {
	display: none;
}

.multi-select-container--open .multi-select-menu {
	display: block;
}

.multi-select-container--open .multi-select-button:after {
	border-width: 0 0.4em 0.4em 0.4em;
	border-color: transparent transparent #999 transparent;
}

.multi-select-container {
	width: 100%;
	display: block;
}

.multi-select-container--positioned .multi-select-menu {
	/* Avoid border/padding on menu messing with JavaScript width calculation */
	box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
	/* Allow labels to line wrap when menu is artificially narrowed */
	white-space: normal;
}

.mw-750 {
	width: 750px;
	max-width: 100%;
}

.mw-770 {
	width: 770px;
	max-width: 100%;
}

span.multi-select-button {
	width: 100%;
	max-width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}

.mw-740 {
	width: 740px;
	max-width: 100%;
}

.mw-570 {
	width: 570px;
	max-width: 100%;
}

.bottom-dotted {
	position: relative;
	padding: 20px 0;
}

.bottom-dotted:after {
	position: absolute;
	bottom: 0;
	content: url(/wp-content/uploads/2024/04/Line-19.svg);
	width: 540px;
	overflow: hidden;
}

.bottom-dotted:before {
	position: absolute;
	bottom: -12px;
	content: url(/wp-content/uploads/2024/06/Group-4266.svg	);
	width: 540px;
	overflow: hidden;
	z-index: 2;
}

.bottom-dotted:nth-last-of-type(2):before {
	position: absolute;
	bottom: -12px;
	content: url(/wp-content/uploads/2024/06/Group-4267.svg);
	width: 540px;
	overflow: hidden;
	z-index: 2;
}



.input-group-addon {
	display: none;
}

input.error {
	border: 2px solid #de3131 !important;
}

p.error+.input-group input {
	border: 2px solid #de3131 !important;
}

button.primary.boost.center.blue-background.mt-20.mb-15 {
	display: none;
}

body .multi-select-menuitem {
	display: block;
	font-size: 0.875em;
	padding: 20px;
	white-space: nowrap;
	font-size: 20px;
	line-height: 1;
	border-bottom: 1px solid gray;
	padding-top: 20px !important;
}

body .multi-select-menuitem:hover {
	background: #fafafa;
}

body .multi-select-menuitem input {
	position: absolute;
	margin-top: 0;
	margin-left: -30px;
	width: 20px;
	height: 20px;
}

body span.multi-select-button {
	font-size: 18px;
}

.page-template-page-mortgage-calculator main {
	min-height: 100vh !important;
}

.page-template-page-mortgage-calculator #feefo-service-review-floating-widgetId {
	display: none;
}

#feefo .slick-slide {
	opacity: 0;
	transition: opacity 0.4s ease;
}

#feefo .slick-slide.slick-active {
	opacity: 1;
}

.teamlink {
	color: #E71F78 !important;
	font-size: 12px;
	text-decoration: underline
}

.single .related-articles img {
	width: 83px !important;
}

/**
 * Tailwind
 */
.mb-4 {
	margin-bottom: 1rem;
}

.flex {
	display: flex;
}

.flex-col {
	flex-direction: column;
}

.items-center {
	align-items: center;
}

.justify-between {
	justify-content: space-between;
}

/**
 * Ninja Forms.
 */
.nf-form-cont .nf-before-form-content {
	display: none;
}

.nf-form-cont .nf-form-wrap .nf-response-msg {
	text-align: center;
}

.nf-form-layout form .nf-form-content .nf-row .nf-cell .nf-field-container {
	margin-bottom: 1rem;
}

.nf-form-layout form .nf-form-content .nf-row .nf-cell .nf-field .field-wrap.nf-error .nf-field-element input,
.nf-form-layout form .nf-form-content .nf-row .nf-cell .nf-field .field-wrap.nf-error .nf-field-element textarea {
	border: 2px solid var(--bb-bad-credit);
}

.nf-form-layout form .nf-form-content .nf-row .nf-cell .nf-after-field .nf-error .nf-error-msg,
.error-msg {
	left: 50%;
	bottom: -17px;
	font-size: 12px;
	position: absolute;
	text-align: center;
	padding-left: 10px;
	background: white;
	padding-right: 10px;
	min-width: max-content;
	color: var(--bb-bad-credit);
	transform: translate(-50%, -50%);
}

.nf-form-cont .nf-after-form-content .nf-form-errors .nf-error-msg {
	display: none;
}

.nf-form-layout form .nf-form-content .nf-row .nf-cell .nf-field .field-wrap,
.nf-form-layout form .nf-form-content .nf-row .nf-cell .nf-field .field-wrap .pikaday__container {
	position: relative;
}

.nf-form-layout form .nf-form-content .nf-row .nf-cell .nf-field .field-wrap .nf-field-label label {
	top: 26px;
	left: 50%;
	z-index: 10;
	padding: 0 0.5rem;
	color: #1b1f2389;
	font-weight: 300;
	position: absolute;
	pointer-events: none;
	background-color: #ffffff;
	transform: translate(-50%, -50%);
	transition: all ease-in-out 200ms;
}

.nf-form-layout form .nf-form-content .nf-row .nf-cell .nf-field .field-wrap.nf-focus .nf-field-label label {
	top: 0;
	font-size: 12px;
	color: #000000;
	transition: all ease-in-out 200ms;
}

.nf-form-layout form .nf-form-content .nf-row .nf-cell .nf-field .field-wrap .nf-field-label label .ninja-forms-req-symbol {
	display: none;
}

.nf-form-layout form .nf-form-content .nf-row .nf-cell .nf-field-container.hidden-container,
.nf-form-layout form .nf-form-content .nf-row .nf-cell .nf-field-container.hidden-container .nf-input-limit {
	margin-top: 0;
	margin-bottom: 0;
}

.nf-form-layout form .nf-form-content .nf-row .nf-cell .nf-field-container.label-hidden .nf-field-label {
	display: none;
}

.nf-form-layout .nf-field-container .field-wrap .nf-field-element input,
.nf-form-layout .nf-field-container .field-wrap .nf-field-element textarea,
.custom-select .custom-select--label {
	font-weight: bold;
	text-align: center;
	font-size: 1.2rem;
	border-radius: 9999px;
	padding: 0.7rem 1.8rem;
	border: 1px solid #ccc;
	margin-bottom: 0 !important;
}

.nf-form-layout .textarea-container .textarea-wrap .nf-field-element textarea {
	height: 160px;
	border-radius: 25px;
	margin-bottom: 0 !important;
}

.nf-form-layout .listradio-container .nf-field-label {
	width: 100%;
	text-align: center;
	font-weight: normal;
}

.nf-form-layout .listradio-container .nf-field-label span {
	font-weight: 300;
	font-size: 12px;
	color: #000000;
}

.nf-form-layout .listradio-container .nf-field-label span .ninja-forms-req-symbol {
	display: none;
}

.nf-form-layout .listradio-container .nf-field-element ul {
	display: grid;
	gap: 1rem;
	/* 16px */
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nf-form-layout .listradio-container .nf-field-element ul li label {
	margin: 0;
	display: flex;
	font-weight: 500;
	font-size: 1.2rem;
	position: relative;
	align-items: center;
	border-radius: 9999px;
	justify-content: center;
	border: 1px solid #ccc;
	padding: 0.7rem 1.8rem !important;
}

.nf-form-layout .listradio-container .nf-field-element ul li label:before {
	top: 10px;
	left: 8px;
	content: "";
	width: 32px;
	height: 32px;
	position: absolute;
	border-radius: 9999px;
	background-color: #eee;
}

.nf-form-layout .listradio-container .nf-field-element ul li input.nf-checked~label {
	color: white;
	border-color: var(--Button-Blue);
	background-color: var(--Button-Blue);
}

.nf-form-layout .listradio-container .nf-field-element ul li input.nf-checked~label:before {
	background-color: #104680;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='white'/%3E%3C/svg%3E");
}

.nf-form-layout .listradio-container .nf-field-element ul li input {
	display: none;
}

.nf-form-layout .html-container .nf-field-element p {
	margin: 0 !important;
}

.nf-form-layout .html-container .nf-field-element p.error {
	color: var(--bb-bad-credit);
}

.nf-form-layout .listselect-container .listselect-wrap .nf-field-element select {
	appearance: none;
	font-weight: bold;
	text-align: center;
	font-size: 1.2rem;
	border-radius: 9999px;
	padding: 0.7rem 1.8rem;
	border: 1px solid #ccc;
	margin-bottom: 0 !important;

	background-color: #ffffff;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: right 1.50rem center;
	background-size: .5rem .625rem;
}

.nf-form-layout .date-container .date-wrap .nf-field-element .pikaday__container {
	margin-bottom: 1rem;
}

.nf-form-layout .date-container .date-wrap .nf-field-element .pikaday__container input {
	margin-bottom: 1rem;

	background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M128 0c17.7 0 32 14.3 32 32l0 32 128 0 0-32c0-17.7 14.3-32 32-32s32 14.3 32 32l0 32 48 0c26.5 0 48 21.5 48 48l0 48L0 160l0-48C0 85.5 21.5 64 48 64l48 0 0-32c0-17.7 14.3-32 32-32zM0 192l448 0 0 272c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48L0 192zm64 80l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm128 0l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM64 400l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zm112 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16z' fill='%23000000'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1.2rem center;
	background-size: 1.2rem 1.2rem;
}

.nf-form-layout .date-container .date-wrap .nf-field-element>div:not(.pikaday__container) {
	width: 50%;
}

.nf-form-layout .date-container .date-wrap .nf-field-element>div:not(.pikaday__container):nth-child(2) {
	position: relative;
	padding-right: 0.5rem;
}

.nf-form-layout .date-container .date-wrap .nf-field-element>div:not(.pikaday__container):nth-child(2):after {
	content: ":";
	font-weight: bold;
	position: absolute;
	top: 13px;
	right: -3px;
}

.nf-form-layout .date-container .date-wrap .nf-field-element>div:not(.pikaday__container):nth-child(3) {
	padding-left: 0.5rem;
}

.nf-form-layout .date-container .date-wrap .nf-field-element .extra {
	appearance: none;
	text-align: center;
	border-radius: 9999px;
	padding: 0.8rem 1.8rem;
	border: 1px solid #ccc;
	margin-bottom: 0 !important;

	background-color: #ffffff;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: .5rem .625rem;
}

.nf-form-layout .submit-container .submit-wrap .nf-field-element .nf-element {
	width: 100%;
	color: white;
	padding: 1.2rem 1rem;
	text-align: center;
	border-radius: 99999px;
	background-color: var(--Button-Blue);
}

.nf-form-layout .nf-field-container.currency .field-wrap .nf-field-element {
	position: relative;
}

.nf-form-layout .nf-field-container.currency .field-wrap .nf-field-element:before {
	top: 12px;
	left: 16px;
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	pointer-events: none;
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='19' viewBox='0 0 16 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4256 18.1521C10.8423 18.1521 10.3173 18.0772 9.85059 17.9272C9.38392 17.7772 8.95059 17.5938 8.55059 17.3771C8.16725 17.1605 7.79225 16.9438 7.42559 16.7271C7.07559 16.5105 6.72559 16.3271 6.37559 16.1771C6.02559 16.0271 5.65892 15.9521 5.27559 15.9521C4.67559 15.9521 4.25059 16.1021 4.00059 16.4021C3.75059 16.6855 3.56725 17.0772 3.45059 17.5772C3.41725 17.6438 3.36725 17.7272 3.30059 17.8272C3.25059 17.9272 3.14225 17.9771 2.97559 17.9771H1.07559C0.942253 17.9771 0.825586 17.9272 0.725586 17.8272C0.642253 17.7272 0.600586 17.6188 0.600586 17.5021C0.633919 16.4021 0.90892 15.5105 1.42559 14.8271C1.95892 14.1271 2.62559 13.6438 3.42559 13.3771C3.42559 12.9605 3.39225 12.5438 3.32559 12.1271C3.25892 11.6938 3.19225 11.2355 3.12559 10.7521H1.20059C1.03392 10.7521 0.892254 10.7021 0.775587 10.6021C0.65892 10.4855 0.600586 10.3355 0.600586 10.1521V8.77715C0.600586 8.61048 0.65892 8.46881 0.775587 8.35215C0.892254 8.23548 1.03392 8.17715 1.20059 8.17715H2.60059C2.58392 7.94382 2.56725 7.70215 2.55059 7.45215C2.55059 7.20215 2.55059 6.94382 2.55059 6.67715C2.55059 5.37715 2.78392 4.24382 3.25059 3.27715C3.73392 2.31048 4.45059 1.56048 5.40059 1.02715C6.36725 0.477148 7.55892 0.202148 8.97559 0.202148C10.3256 0.202148 11.4923 0.452148 12.4756 0.952148C13.4589 1.43548 14.2173 2.11048 14.7506 2.97715C15.2839 3.82715 15.5589 4.80215 15.5756 5.90215C15.5756 6.05215 15.5256 6.18548 15.4256 6.30215C15.3256 6.40215 15.2006 6.45215 15.0506 6.45215H12.7006C12.5173 6.45215 12.3589 6.40215 12.2256 6.30215C12.1089 6.20215 12.0173 6.05215 11.9506 5.85215C11.7506 4.95215 11.4089 4.26881 10.9256 3.80215C10.4589 3.31882 9.80059 3.07715 8.95059 3.07715C8.00059 3.07715 7.29225 3.41048 6.82559 4.07715C6.35892 4.72715 6.12559 5.60215 6.12559 6.70215C6.12559 6.96881 6.12559 7.22715 6.12559 7.47715C6.14225 7.71048 6.16725 7.94382 6.20059 8.17715H10.4756C10.6423 8.17715 10.7839 8.23548 10.9006 8.35215C11.0173 8.46881 11.0756 8.61048 11.0756 8.77715V10.1521C11.0756 10.3355 11.0173 10.4855 10.9006 10.6021C10.7839 10.7021 10.6423 10.7521 10.4756 10.7521H6.37559C6.42559 11.2021 6.47559 11.6438 6.52559 12.0771C6.59225 12.5105 6.61725 12.9688 6.60059 13.4521C7.10059 13.5521 7.53392 13.7021 7.90059 13.9021C8.26725 14.0855 8.60059 14.2938 8.90059 14.5271C9.21725 14.7438 9.54225 14.9271 9.87559 15.0771C10.2089 15.2271 10.5839 15.3021 11.0006 15.3021C11.6339 15.3021 12.0923 15.1355 12.3756 14.8021C12.6756 14.4688 12.9006 14.0521 13.0506 13.5521C13.0673 13.4688 13.1173 13.3855 13.2006 13.3021C13.2839 13.2188 13.3839 13.1771 13.5006 13.1771H15.2006C15.3506 13.1771 15.4673 13.2271 15.5506 13.3271C15.6339 13.4105 15.6756 13.5188 15.6756 13.6521C15.6589 14.6188 15.4506 15.4438 15.0506 16.1271C14.6506 16.7938 14.1339 17.3021 13.5006 17.6521C12.8673 17.9855 12.1756 18.1521 11.4256 18.1521Z' fill='%233F4952'/%3E%3C/svg%3E");
}

/**
 * Custom Title Underlines
 */
.po-underline span {
	display: inline-block;
	line-height: 0.7 !important;
	border-bottom: 10px solid var(--bb-buy-to-let);
}

.po-underline-light span {
	display: inline-block;
	line-height: 0.7 !important;
	border-bottom: 5px solid var(--bb-buy-to-let);
}

.po-underline-pink span {
	border-bottom-color: #E61E77 !important;
}


/** Animated Person Corrections */
.animated-person-3 {
	width: 230px;
    min-width: 220px;
	min-height: 230px;
}

.animated-person-3-content {
	transform: translateX(-20px);
}

@media(min-width: 1199px) {
	.animated-person-3-container {
		width: 290px;
		height: 234px;
		position: relative;
		overflow: visible;
	}

	.animated-person-3 {
		position: absolute;
		top: -68px;
		left: 0;
		height: 360px;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
}

/**
 * Custom Tailwind
 */

.page-template-template-lead-form p {
	margin-bottom: 1.5rem !important;
}

.tw-translate-image {
	transform: translateX(calc(-100% - 250px))
}

.tw-dashed {
	background-image: linear-gradient(to right, black 50%, rgba(255, 255, 255, 0) 0%);
	background-position: bottom left;
	background-size: 12px 1px;
	background-repeat: repeat-x;
}


/**
 * Custom Header Colours
 */

body.scheme-blue .topbar {
	background-color: #D2EBFF;
}

body.scheme-blue #masthead {
	background-color: #EDF6FD;
}

body.scheme-red .topbar {
	background-color: #FCCADC;
}

body.scheme-red #masthead {
	background-color: #FDEDF3;
}

body.scheme-green .topbar {
	background-color: #D3FFD0;
}

body.scheme-green #masthead {
	background-color: #EEFDED;
}


/**
 * Accordian Indicator
 */

.indicator {
	width: 40px;
	height: 20px;
	min-width: 40px;
	position: relative;
	transform: rotate(0deg);
	transition: all 0.5s ease;
	;
}

.indicator span {
	top: 10px;
	left: 10px;
	width: 16px;
	height: 2px;
	display: block;
	position: absolute;
	transition: all 0.5s ease;
	border: 1px solid black;
}

.indicator span:first-child {
	transform: rotate(0deg);
	transform-origin: center;
}

.indicator span:last-child {
	transform: rotate(90deg);
	transform-origin: center;
}

[data-accordion-active="true"] .indicator span:last-child {
	transform: rotate(0deg);
	transform-origin: center;
}