/*
Theme Name: Consolidation Expert
Author: Bridgewater Finance Group
Description: Consolidation Expert stylesheet
Version: 1.0.0
Text Domain: Consolidation Expert
*/

/*COLOURS
Dark #13100d
White #fbfafa - #fafafa

Blue #0a1b47 - #13309b - #3c68d6 - #6088e2 - #a6baf2 - #c9d6f7
Green #33590d - #579917 - #86b739 - #b7d982 - #d2e7b1 - #e4f1d0

Red #d1204f - #e37995 - #f1bcca
Orange #ef7900 - #f5af66 - #fad7b2
Yellow  #e3ce00 - #eee266 - #f7f0b2

Background blobs #d39736 - #edd4ab - #f4e5cd - #f9f1e4

FONT WEIGHTS
Regular 400 | Bold 700
*/
html {scroll-behavior: smooth}
body {
	margin: 0;
	font-family: 'Albert Sans', -apple-system, system-ui, BlinkMacSystemFont, “Segoe UI”, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #13100d !important;
	text-align: left;
	background-color: #fff;
	word-spacing: 0.4px;
	letter-spacing: .2px;
}
* {scroll-margin-top: 110px;} /* for scroll-to elements to appear below header */

/* Text */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.25;}
h1 {font-weight: 700}
h2 {margin-top: 2rem}
h3 {
	font-size: 1.5rem;
	margin-top: 1.5rem;
}
.font-weight-bold, b, strong {font-weight: 700;}

.caveat {
	font-size:.85rem;
	padding-top: 1rem;
}
p.subhead {
	font-weight: 700;
	margin: 1.5rem 0 .3rem 0;
}
.icon-content p.subhead {margin-top: 0;}

a, p a {
	color: #3c68d6;
	text-decoration: underline;
}
a:hover, a:focus, p a:hover, p a:focus {color: #13309b;}

a.clean-link {
    text-decoration: none;
    color: inherit;
}

/* Accessibility */
.screenreader-desktop {
	position: fixed;
	left: -999px;
	width: 1px;
	height: 1px;
	top: 0;
}
.screenreader-desktop:focus {
	color: #fff;
	text-decoration: none;
	background: #3c68d6;
	display: inline-block;
	height: auto;
	width: auto;
	position: fixed;
	margin: auto;
	z-index: 10000;
	top: 15px;
	left: 15px;
	padding: 8px 16px;
	border-radius: 25px;
	-moz-box-shadow: 0 2px 5px -1px rgba(156,136,129,.3);
	-webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
	box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
}

/* NAVIGATION */
.navbar {
    background-color: #fff;
    -moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(156, 136, 129, .3);
    box-shadow: 0 2px 5px -1px rgb(156, 136, 129, .3);
	min-height: 106px;
}
a.nav-link, .dropdown-item {
    color: #13100d;
	text-decoration: none;
}
a.nav-link:hover, a.nav-link:focus {color: #579917}
.navbar-nav .active>.nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .show>.nav-link, .current-menu-item .dropdown-item {
	color: #86b739 !important;
	cursor: default;
}
.navbar-nav .active>.nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .show>.nav-link {font-weight: bold;}

.btn.apply-btn {
	background-color: #13100d;
	border-color: #13100d;
}
.apply-btn a.nav-link {color: #fafafa;}
.navbar .apply-btn {
	font-size: 1rem;
	margin-top: 6px;
}
.navbar-nav li {padding: .5rem}

.dropdown-item {padding: 0 0 1rem 0;}
.dropdown-menu {
	background-color: transparent;
	border: none;
	padding: 1rem;
}
.navbar-nav .dropdown-menu li {padding: 0;}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
    color: #3c68d6;
    background-color: transparent;
}

@media only screen and (min-width:1400px) {
	.navbar .container-fluid, .hub-menu .container-fluid {
		width: 82%;
    	max-width: 1400px;
	}
}
@media only screen and (min-width:992px) and (max-width:1200px) {
	.navbar .container-fluid {padding: 0;}
	.navbar-nav li {font-size: .87rem;}
	.navbar .logo {max-width: 150px;}
}
@media only screen and (min-width:992px) and (max-width:1000px) {
	.navbar-nav li {font-size: .86rem;}
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
	.navbar .container {max-width: 700px;}
}
@media only screen and (min-width: 992px) {
	.navbar .apply-btn {padding: 0 0.5rem;}
	.dropdown-menu {
		background-color: #fff;
		border-radius: 0;
		padding-bottom: 1rem;
		-moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
		-webkit-box-shadow: 0 2px 5px -1px rgb(156, 136, 129, .3);
		box-shadow: 0 2px 5px -1px rgb(156, 136, 129, .3);
	}
}
@media only screen and (max-width:992px) {
	.navbar {min-height: 79px}
	.hide-mobile {display:none;}
	.navbar {padding: 1rem;}

	/* MOBILE navigation */
	.dropdown-menu {padding: 0;}
	.dropdown li {margin-bottom: 0rem;}
	.nav-container .checkbox {
		position: absolute;
		display: block;
		right: 0;
		height: 60px;
		width: 90px;
		top: 15px;
		z-index: 5;
		opacity: 0;
		cursor: pointer;
	}
	.navbar .menu-items {
		position: fixed;
		width: 90%;
		z-index: 105;
		left: 0;
		transform: translate(150%);
		transition: transform 0.5s ease-in-out;
		background-color: #fff;
		padding: 0 1rem 4rem;
		overflow: scroll;
		top: 78px;
		-moz-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, .15);
		-webkit-box-shadow: 0 4px 5px -1px rgb(0, 0, 0, .15);
		box-shadow: 0 4px 5px -1px rgb(0, 0, 0, .15);
		border-bottom-right-radius: 25px;
	}
	.nav-container input[type="checkbox"]:checked ~ .menu-items, .nav-container input[type="checkbox"]:checked ~ .nav-btn {transform: translateX(0)}
	.hamburger-lines {
		display: block;
		height: 26px;
		width: 32px;
		position: absolute;
		top: 30px;
		right: 20px;
		z-index: 2;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.hamburger-lines .line {
		display: block;
		height: 4px;
		width: 100%;
		border-radius: 10px;
		background: #fff;
	}
	.hamburger-lines .line {background: #13100d}
	.hamburger-lines .line1 {
		transform-origin: 0% 0%;
		transition: transform 0.4s ease-in-out;
	}
	.hamburger-lines .line2 {transition: transform 0.2s ease-in-out}
	.hamburger-lines .line3 {
		transform-origin: 0% 100%;
		transition: transform 0.4s ease-in-out;
	}
	.nav-container input[type="checkbox"]:checked ~ .menu-items {transform: translateX(0)}
	.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {transform: rotate(45deg)}
	.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {transform: scaleY(0)}
	.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {transform: rotate(-45deg)}
	.close-burger label {
		color: transparent;
		opacity: 0;
		top: 0;
		position: absolute;
		right: 15px;
	}
	.close-burger input[type="checkbox"]:checked ~ label {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin-bottom: 0;
	}
}

/*Breadcrumbs*/
.breadcrumb, .rank-math-breadcrumb {
	background-color: transparent;
	display: block;
	font-size: .8rem;
	padding-left: 0;
}
.breadcrumb li a, .rank-math-breadcrumb p a {color:#3c68d6}
.breadcrumb li a:hover, .rank-math-breadcrumb p a:hover {color:#86b739}
.rank-math-breadcrumb p .last {color:#13100d}

/* CTAs */
.btn, button#submit_btn, .load-more {
	border-radius: 50px;
	padding: 12px 40px;
	margin: 1rem 0;
	font-weight: 700;
	text-decoration: none;
	font-size: 18px;
}

.btn.primary-btn, button#submit_btn {color: #fff;}
.btn.primary-btn, button#submit_btn {
	background-color: #13100d;
	border-color: #13100d;
}
.btn.primary-btn:hover, .btn.primary-btn:focus, button#submit_btn:hover, button#submit_btn:focus, .btn.apply-btn:hover, .btn.apply-btn:focus {
	background-color: #456dff;
	border-color: #456dff;
	color: #fff;
}
.primary-btn.animated {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.04);
		opacity: 1;
	}
	100% {
		transform: scale(1); */
		opacity: 1;
	}
}
.btn.secondary-btn {
	border-color: #13100d;
	color: #13100d;
}
.btn.secondary-btn:hover, .btn.secondary-btn:focus {
	background-color: #456dff;
	border-color: #456dff;
	color: #fff;
}
@media only screen and (min-width:767px) {
	.btn.wide {
		min-width: 340px;
		max-width: 100%;
	}
}
@media only screen and (max-width:767px) {
	.btn.primary-btn, .btn.secondary-btn {width: 100% !important;}
}

/*Cookies buttons*/
.cky-btn {border-radius:50px}
button.cky-banner-element {
    border: none;
    padding: 12px 20px;
    color: #fff;
    background-color: #13309B;
    border-color: #13309B;
	border-radius:50px;
}
button.cky-banner-element:hover, button.cky-banner-element:focus {opacity: .8}

a.read-more {
    font-weight: bold;
    color: #3c68d6;
    text-decoration: none;
}
a.read-more:hover, a.read-more:focus {
	color: #13309b;
	text-decoration: underline;
}
a.read-more:after {
    content: ">";
    margin-left: 3px;
}

/* APR */
.apr {
	padding-top: 1rem;
    padding-bottom: 1.5rem;
	position: relative;
}
.apr:after {
	content: "";
	width: 100%;
	height: 4px;
	background: rgb(19,48,155);
	background: linear-gradient(45deg, rgba(19,48,155,1) 0%, rgba(166,186,242,1) 100%);
	position: absolute;
}
.apr .rep {
	color: #fff;
	padding: 1rem 0 .5rem;
	background: rgb(19,48,155);
	background: linear-gradient(45deg, rgba(19,48,155,1) 0%, rgba(166,186,242,1) 100%);
	margin: 1rem 0;
}
.apr .example {font-size: .9rem}

/* Table of Contents */
.toc-container {
	overflow-y: auto;
	background-color: #F1F5FD;
	padding: 1rem;
	border-radius: 0 1rem 1rem;
}
p.toc-title {
	font-size: 1.35rem;
	margin-bottom: .25rem;
}
.toc-title-border, .separator-line {
	height: 2px;
    width: 50px;
    background-color: #13100D;
    border-radius: 5px;
    margin-bottom: 1rem;
}
ul.toc-list {
	padding-inline-start: 0;
	list-style-type: none;
}
.toc-list li:first-child {padding-top: 0;}
.toc-list li a {
	color: #13100D;
	text-decoration: none;
}
.toc-list li a:hover, .toc-list li a:focus, .toc-list li a:active {color: #122E96;}
@media only screen and (min-width:767px) {
	.toc-container {
		position: webkit-sticky;
		position: sticky;
		top: 150px;
		z-index: 4;
		overflow-y: auto;
		max-height: 80vh;
	}
}
@media only screen and (max-width:767px) {
	.toc-container {max-height: 50vh;}
}

/* CONTENT STYLING */
.full-width-section {
    width: 100vw;
    position: relative;
    margin-right: -15px;
    margin-left: -15px;
}

.count-container {padding-bottom: 2rem;}
.counter {
	position: relative;
	font-size: 1.5rem;
	margin-top: 0;
	padding: 2rem 0 1rem 0;
}
.counter:before {
    content: '';
	background: url("/wp-content/uploads/2023/05/step-counter-CEXT.svg") center no-repeat;
	width: 30px;
    height: 30px;
    position: absolute;
    z-index: -1;
}
p.counter {margin-bottom: -0.75rem;}
.counter .step {
	color: #3c68d6;
	font-weight: 700;
}

.hero {padding-top: 3rem}
.hub-hero {
    background: #F1F5FD;
    margin-bottom: 3rem;
}

.top-banner {
	background: rgb(19,48,155);
	background: linear-gradient(45deg, rgba(19,48,155,1) 0%, rgba(166,186,242,1) 100%);
	color: #fff;
	padding: 2rem 0;
}
.top-banner .primary-btn:hover, .top-banner .primary-btn:focus {
	background-color: #fff;
	border-color: #fff;
	color: #13309b;
}

.banner, .card-style-app {
	border-radius: 25px;
	padding: 1rem 0 2rem 0;
	background-color: #FAFAFA;
    -moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(156, 136, 129, .3);
    box-shadow: 0 2px 5px -1px rgb(156, 136, 129, .3);
}
.banner {
	padding: 1rem;
	padding-bottom: 2rem;
}
.banner {text-align: center;}
.card-style-app {
	padding: 3rem;
	margin: 0 auto;
}

.feefo-card-style {
	border-radius: 25px;
	padding: 3rem;
	margin: 0 auto;
	background-color: #FAFAFA;
	-moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
	-webkit-box-shadow: 0 2px 5px -1px rgb(156, 136, 129, .3);
	box-shadow: 0 2px 5px -1px rgb(156, 136, 129, .3);
}

.feefo-banner:before {
	content: "";
    height: 500px;
    width: 573px;
    z-index: -1;
    right: 30%;
    position: absolute;
    margin-top: -70px;
    background: url(/wp-content/uploads/2023/05/blob-shape-CEXT.svg) center no-repeat;
}

.feefo-card-style:before {
	content: "";
    position: absolute;
	left: 0;
	margin-top: -3rem;
    width: 70px;
    height: 70px;
	background: url("/wp-content/uploads/2023/05/quotation-02-CEXT.svg") center no-repeat;
}
.feefo-card-style:after {
	content: "";
	position: absolute;
	right: 0;
	margin-top: 1rem;
    width: 70px;
    height: 70px;
	z-index: 3;
	background: url("/wp-content/uploads/2023/05/quotation-01-CEXT.svg") center no-repeat;
}
@media only screen and (max-width:767px) {
	.feefo-card-style {padding: 1rem;}
	.feefo-banner:before {right: 2%;}
	.feefo-card-style:after {margin-top: -1rem;}
}

img.large-icon {max-width: 120px;}
img.icon {max-width: 80px;}
img.medium-icon {max-width: 60px;}
img.small-icon {max-width: 40px;}

.guide-read {
	background-color: #6088e2;
	color: #fff;
	padding: 1rem 1rem .5rem 1rem;
	border-radius: 0 1rem 1rem;
	margin-bottom: 1.5rem;
}
.guide-read a {color: #fff;}
.guide-read a:hover, .guide-read a:focus {
	color: #f7f0b2;
	text-decoration: none;
}
p.guide-title {
	font-weight: 700;
	font-size: 1.25rem;
	margin-bottom: .5rem;
}

.tip {
    padding: 1rem;
    margin: 2rem 0;
    border: 2px solid #3c68d6;
    border-radius: 0 1rem 1rem;
}
.tip p {margin-bottom: 0;}
.tip span {
    background: #fff;
    margin-top: -1.8rem;
    margin-left: -0.5rem;
    position: absolute;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #3c68d6;
}

.quote {
	font-size: 1.5rem;
	color: rgba(19,16,13,.75);
	border-left: 3px solid #3c68d6;
	padding-left: 1rem;
	margin: 1.5rem 0 1.5rem 0;
}

.emphasise {
	color: #3c68d6;
	font-size: 1.25rem;
	margin: 1.5rem 0;
}

.phonenr {
    width: 100%;
    text-align: right;
}
.phonenr a {text-decoration:none}
@media only screen and (max-width:992px) {
	.phonenr {width: 50%;}
}
@media only screen and (max-width:767px) {
	.phonenr {width: 15%;}
}

p.email:before, p .email:before, p.phone:before, p .phone:before, span.opening:before, .twitter:before, .instagram:before, .fb:before {
	content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 20px;
    height: 20px;
}
p.email:before, p .email:before {background: url("/wp-content/uploads/2023/02/email-dark-CEXT.svg") center no-repeat}
p.phone:before, p .phone:before {background: url("/wp-content/uploads/2023/02/phone-dark-CEXT.svg") center no-repeat}
span.opening:before {background: url("/wp-content/uploads/2023/02/phone-dark-CEXT.svg") center no-repeat}

.twitter:before {background: url("/wp-content/uploads/2023/02/phone-dark-CEXT.svg") center no-repeat}
.instagram:before {background: url("/wp-content/uploads/2023/02/phone-dark-CEXT.svg") center no-repeat}
.fb:before {background: url("/wp-content/uploads/2023/02/phone-dark-CEXT.svg") center no-repeat}

/* Accordions */
#accordions {
    -moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
    box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
	border-radius: 25px;
}
.accordions {
    padding: 1rem 2rem;
    border-radius: 25px;
    background: #E4EBFA;
	position: relative;
}
.accordions ul {padding-inline-start: 0px}
.accordions li {padding: .35rem 0}
.accordions.one, .accordions.two, .accordions.three, .accordions.four {
	margin-top: -3rem;
    padding-bottom: 4rem;
}
.accordions.two, .accordions.two a, .accordions.three, .accordions.three a, .accordions.four, .accordions.four a {color: #fff;}
.accordions.one:first-child {
	padding-top: 1rem;
    margin-top: 0;
}
.accordions:last-child {padding-bottom: 2rem;}
.accordions.two .checklist li:before, .accordions.three .checklist li:before, .accordions.four .checklist li:before, .takeaways .checklist li:before {
	background: url("/wp-content/uploads/2023/02/check-white-CEXT.svg") center no-repeat;
}
.accordions.two .crosslist li:before, .accordions.three .crosslist li:before, .accordions.four .crosslist li:before {
	background: url("/wp-content/uploads/2023/02/crossmark-white-CEXT.svg") center no-repeat;
}
.accordions.two {background-color: #A1B4EA;}
.accordions.three {background-color: #3A65CF;}
.accordions.four {background-color: #122E96;}

.accordions button {
	position: relative;
    display: block;
    width: 100%;
    background: transparent;
    border: none;
    text-align: left;
	color: #fff;
	padding: 0;
	font-weight: bold;
}
.accordions.one button {color: #0A1B47}
.accordions button:before {
    content: attr(data-before);
    float: left;
    margin-left: -30px;
}
.accordions button:focus {outline: none;}
.accordions-title {
    font-weight: 700;
    margin-left: 25px;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 1rem;
}
.accordions-content {
	margin-left: 25px;
	margin-top: 1rem;
}

.neutral-acc .accordions {
    background: transparent !important;
    color: #0A1B47 !important;
	padding: 1rem 0 !important;
}
.neutral-acc .accordions button {
    color: #0A1B47 !important;
	font-weight: 400 !important;
}
.neutral-acc .accordions button:before {
    content: "";
	background: url("/wp-content/uploads/2023/02/plus-icon-CEXT.svg") center no-repeat;
	width: 20px;
	height: 20px;
    float: left;
    margin-left: -30px;
	transform: rotate(45deg);
    -webkit-transition: all .3s linear;
}
.neutral-acc .accordions button.collapsed:before {transform: rotate(0deg);}

.takeaways {
	background: rgb(19,48,155);
    background: linear-gradient(45deg, rgba(19,48,155,1) 0%, rgba(166,186,242,1) 100%);
    color: #fff;
    padding: 1rem;
    margin: 2rem 0;
    border-radius: 0 20px 20px 20px;
}
.takeaways h2 {margin-top: 0;}

/* Tables */
tr.heading {
    background: #13309b !important;
    padding: 0.5rem 1rem 0;
    margin: 2rem -1rem 1rem;
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-weight: 700;
}
tr:nth-child(odd) {background-color: #F1F5FD;}
td {
    vertical-align: top;
    padding: 1rem;
}
.full-width-table {
	margin-left: -15px;
	margin-right: -15px;
	overflow-x:auto;
	white-space: nowrap;
}

/* Glossary */
.glossary-card {
    border-radius: 25px;
    background-color: #FAFAFA;
    -moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(156, 136, 129, .3);
    box-shadow: 0 2px 5px -1px rgb(156, 136, 129, .3);
	margin: 2rem 0;
}
.glossary-blobs:after {
	content: "";
	height: 300px;
	z-index: -1;
	position: absolute;
	right: 0;
	margin-top: -14rem;
	width: 340px;
	background: url("/wp-content/uploads/2023/02/bright-shape-CEXT.png") center no-repeat;
}
.glossary-head {
    background: #B7D982;
    padding: 2rem 4rem;
    border-radius: 20px 20px 0 0;
}
.glossary-head p {margin-bottom: 0;}
.glossary-body {
	padding: 1rem 4rem 2rem 4rem;
	border-radius 0 0 20px 20px;
}
@media only screen and (min-width:767px) {
	.glossary-blobs:before {
		content: "";
		height: 300px;
		z-index: -1;
		position: absolute;
		left: 0;
		margin-left: -5rem;
		margin-top: -2rem;
		width: 344px;
		background: url("/wp-content/uploads/2023/02/dark-shape-CEXT.png") center no-repeat;
	}
}
@media only screen and (max-width:576px) {
	.glossary-head, .glossary-body {padding: 1rem;}
}

/* Lists */
ul {padding-inline-start: 15px}
ol {padding-inline-start: 15px;}
li {padding: .75rem 0}
.checklist, .crosslist {
	list-style: none;
	padding-inline-start: 0px
}
.checklist li:before, .crosslist li:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    width: 20px;
    height: 20px;
}
.checklist li:before {background: url("/wp-content/uploads/2023/02/checkmark-CEXT.svg") center no-repeat}
.crosslist li:before {background: url("/wp-content/uploads/2023/02/crossmark-CEXT.svg") center no-repeat}

#expert-comment {min-height: 250px;}
.expert-comment:before {
	content: "";
	position: absolute;
	margin-left: -80px;
	margin-top: -30px;
	z-index: -1;
	width: 80px;
	height: 80px;
	background: url("/wp-content/uploads/2023/05/quotation-02-CEXT.svg") center no-repeat;
}
.expert-comment:after {
	content: "";
	opacity: .5;
	position: absolute;
	z-index: -1;
	margin-top: -300px;
    right: 0;
    width: 340px;
	height: 280px;
	background: url("/wp-content/uploads/2023/05/blob-shape-CEXT.svg") center no-repeat;
}
p.expert {margin-right: 90px;}
p.expert:after {
	content: "";
	position: absolute;
	right: 0px;
	margin-top: -30px;
	z-index: 5;
	width: 80px;
	height: 80px;
	background: url("/wp-content/uploads/2023/05/quotation-01-CEXT.svg") center no-repeat;
}
.expert-comment img {
	max-width: 168px;
	float: left;
	z-index: 1;
    position: relative;
	border-radius: 10px;
	margin: 0 1rem 1rem 0;
}
@media only screen and (max-width:767px) {
	.expert-comment:before {
		margin-left: -25px;
		margin-top: -20px;
	}
	.expert-comment:before, p.expert:after {
		width: 50px;
		height: 50px;
	}
	.expert-comment img {
		max-height: 168px;
		max-width: 40%;
	}
}

/* Blog and hubs */
.blog-content h2 {padding-top: 3rem;}
.page-numbers {
 	color: #777;
    border-bottom: 1px solid #777;
    text-decoration: none;
    padding: 9px;
    margin: 4px;
    border-radius: 0;
    min-width: 42px;
    text-align: center;
}
.page-numbers:hover, .page-numbers:focus {
	color: #777;
    border-width: 3px;
	font-weight: 600;
}
a.page-numbers {text-decoration: none}
span.page-numbers.current {
	border-bottom: 3px solid #3C68D6;
    color: #3C68D6;
    font-weight: 600;
}

.overlay-link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.post.card, .featured-box {
	border-radius: 20px;
	border: none;
	-moz-box-shadow: 3px 2px 5px -1px rgba(60,104,214,.3);
	-webkit-box-shadow: 3px 2px 5px -1px rgb(60 104 214 / 30%);
	box-shadow: 3px 2px 5px -1px rgb(60 104 214 / 30%);
}
.post.card:hover, .featured-box:hover {
	-moz-box-shadow: 1px 2px 10px -1px rgba(60,104,214,.3);
	-webkit-box-shadow: 1px 2px 10px -1px rgb(60 104 214 / 30%);
	box-shadow: 1px 2px 10px -1px rgb(60 104 214 / 30%);
}
.post.card .card-footer:last-child {border-radius: 0 0 20px 20px;}
.post.card h3 {
	font-size: 1.25rem;
	font-weight: 700;
}
.post.card p.excerpt {margin-bottom: .5rem;}
.post.card .read-more {font-size: .9rem;}
button.load-more {
	background-color: #579917;
	color: #fff;
    border: none;
}
button.load-more:hover, button.load-more:focus {
	background-color: #3C68D6;
	border: none;
}
.post .card-footer {
	background-color: #3C68D6;
	color: #fff;
	padding-bottom: 2.5rem;
}
.post .card-footer .read {
	bottom: 0;
    right: 15px;
    position: absolute;
}
.post .card-footer a, .featured-post .card-text a {color: #fff;}

@media only screen and (min-width:992px) {
	.post-closing {min-height: 350px;}
	.featured-post {margin: 0 1rem 0 1rem;}
}
@media only screen and (min-width:1200px) {
	.post-closing {min-height: 400px;}
}

#load-more-btn-featured, .featured-category {display: none;}

.featured-posts .card {border:none;}
.featured-box .card-footer {border-top: none;}
.featured-box {border-radius: 20px;}
.featured-box .card-body {
	color: #fff;
	white-space: normal;
}
.featured-box .card-body a {color: #fff;}
.featured-box .card-footer {background: transparent;}

.featured-posts {
	overflow-x: scroll;
    white-space: nowrap;
	width: 100%;
	padding: 2rem 0 3rem 10%;
}
.featured-box h2 {font-weight: 700;}

@media only screen and (min-width:992px) {
	.featured-box {
		background: linear-gradient(90deg, #13309B 50%, #fff 50%);
		border-radius: 20px;
	}
	.featured-box.featured-dark {background: linear-gradient(90deg, #0a1b47 50%, #fff 50%);}
	.featured-box .card-body {
		padding: 2.5rem;
	}
	.featured-box.card {flex-direction: unset;}
	.featured-box .card-body, .featured-box .card-footer {width: 100%;}
}

@media only screen and (max-width:992px) {
	.featured-box .card-body {
		background-color: #13309B;
		border-radius: 20px 20px 0 0;
		padding: 1.5rem;
	}
	.featured-box.featured-dark .card-body {background-color: #0a1b47;}
	.featured-box {
		-moz-box-shadow: -3px 2px 5px -1px rgba(60,104,214,.3);
		-webkit-box-shadow: -3px 2px 5px -1px rgb(60 104 214 / 30%);
		box-shadow: -3px 2px 5px -1px rgb(60 104 214 / 30%);
	}
}
	
.featured-posts::-webkit-scrollbar {height: 10px;}
.featured-posts::-webkit-scrollbar-thumb {
	background-color: #13309B;
	outline: 3px solid #13309B;
	border-radius: 20px;
}
.featured-posts::-webkit-scrollbar-track {
	max-width: 30% !important;
	margin-left: 40vw;
	margin-right: 40vw;
}
.featured-posts::-webkit-scrollbar-track-piece {
	max-width: 200px;
	border-radius: 20px;
	background-color: #C9D6F7;
}
	
.post-listing:after {
    content: "";
    height: 300px;
    z-index: -1;
    position: absolute;
	margin-top: -250px;
    right: 2rem;
    width: 340px;
    background: url(/wp-content/uploads/2023/02/bright-shape-CEXT.png) center no-repeat;
}

.hub-menu {
	position: fixed;
	padding: 1.5rem 0;
	width: 100%;
	background-color: #3c68d6;
	z-index: 1;
}
.hub-menu a {
	font-weight: 700;
	border-radius: 50px;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #fff;
	color: #3c68d6;
	white-space: nowrap;
}
.hub-menu a:hover, .hub-menu a:focus, .hub-menu a:active {
	background-color: #13309b;
	color: #fff;
}
@media only screen and (min-width:767px) {
	.featured-posts:before {
		content: "";
		height: 300px;
		z-index: -1;
		position: absolute;
		margin-left: -5rem;
		margin-top: -6rem;
		width: 344px;
		background: url(/wp-content/uploads/2023/02/dark-shape-CEXT.png) center no-repeat;
	}
}
@media only screen and (max-width:1200px) {
	.featured-posts {padding-left: 2rem;}
}
@media only screen and (max-width:992px) {
	.featured-post .card-visual {
		border-radius: 0 0 17px 17px;
		margin-right: 15px;
		margin-left: 15px;
	}
	.featured-posts::-webkit-scrollbar-track {
		max-width: 50% !important;
		margin-left: 25vw;
		margin-right: 25vw;
	}
	.hub-menu {
		overflow-x: scroll;
		white-space: nowrap;
	}
}
@media only screen and (max-width:576px) {
	.featured-posts {padding-left: 0;}
	.featured-post .card-text {padding: 1.5rem 2.5rem;}
	.featured-posts::-webkit-scrollbar-track {
		max-width: 100% !important;
		margin-left: 0vw;
		margin-right: 0vw;
	}
}

/* APPLICATION START */
button#submit_btn {border: 0;}
@media only screen and (max-width: 767px) {
	button#submit_btn {
		padding: 12px;
		width: 100%;
	}
}
.progress {
	background-color: transparent;
	margin-bottom: 1.5rem;
}
.progress-bar {
	background: rgb(19,48,155);
	background: linear-gradient(45deg, rgba(19,48,155,1) 0%, rgba(166,186,242,1) 100%);
	border-radius: 15px;
}

label.question {
	font-weight:700;
	margin-top: 2rem;
}
.chec-radio .radio-inline .clab, .form-label-group input, .form-control, .form-label-group textarea {
	border-radius: 50px;
	border: 1px solid #3C68D6;
}
.chec-radio .radio-inline {
	width: 100%;
	padding: 0;
}
.chec-radio .radio-inline .clab {
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    padding: 1rem 1rem 1rem 3rem;
	cursor: pointer;
	line-height: 1.5;
	margin-bottom: 1rem;
}
.chec-radio .radio-inline .clab .other, .chec-radio label.radio-inline input[type="radio"] {display: none}
.chec-radio .radio-inline .clab:hover, .chec-radio .radio-inline .clab.consent:hover {
	background-color: #3C68D6;
	border-color: #3C68D6;
	color: #fff;
}
.chec-radio label.radio-inline input[type="radio"]:checked+div {
	color: #fff;
	background-color: #3C68D6;
}
.chec-radio .radio-inline .clab:before {
	border-radius: 50%;
    content: "";
    position: absolute;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform-origin: center;
    transform-origin: center;
    margin: auto;
    border: 1px solid #3C68D6;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    height: 24px;
    left: 30px;
    width: 24px;
}
.applycheck label span {
    display: block;
    margin-left: 22px;
	margin-top: 2px;
	cursor: pointer;
}
input[type="checkbox"].checkbox-selection {display: none}
input[type="checkbox"].checkbox-selection + label i {
	display: block;
	width: 14px;
	height: 14px;
	padding: 0;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #13100d;
	border-radius: 1px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	line-height: 14px;
	font-weight: 400;
	vertical-align: bottom;
	margin: 5px 0 0 0;
	float: left;
	background: #fff url(/wp-content/uploads/2023/02/check-white-CEXT.svg) no-repeat center center;
}
input[type="checkbox"].checkbox-selection:checked + label i {
	background-color: #3C68D6;
	border-color: #3C68D6;
	color: #fff;
	background-size: cover;
}
.applycheck label {margin-bottom: 1.2rem}

.input-group>.form-control, .input-group-prepend, .date_container {height:53px}
.input-group-text {
    background-color: #3C68D6;
    border: 1px solid #3C68D6;
    color: #fff;
}
.form-control:disabled, .form-control[readonly], .form-control {background-color: transparent}
.find-address .btn {
	margin-left: -12rem;
    padding: 6px 21px;
    margin-top: 5px;
	border: 2px solid #13100d;
	background-color: #13100d;
	color: #fff;
}
.find-address .btn:hover, .find-address .btn:focus {
	border-color: #13100d;
	background-color: #13100d;
	color: #fff;
}
@media only screen and (max-width:767px) {
	.find-address .btn {margin-top: -8rem;}
}
.white-btn {
	border-color: #fff;
	color: #fff;
}

/* Highlight focus state */
.form-label-group input:focus, .input-group>:focus, .form-control.date-field:focus {
	border-bottom: 3px solid #3C68D6;
	border-color: #3C68D6 !important;
}

/* Date fields */
.date_container {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    border: 1px solid #3C68D6;
    border-radius: 50px;
}
.form-control.date-field {
	width: 33.3%;
    padding: 13px 8px;
    text-align: center;
    background-color: transparent;
    border: none;
    border-radius: 4px;
	height: 53px;
	border-color: transparent !important;
}

/*Address look-up*/
.country-list {
	background: #fff;
	border-radius: 5px;
    height: 350px;
    overflow-y: scroll;
    position: absolute;
    z-index: 111;
    width: 400px;
	border: 1px solid #13100d;
	-moz-box-shadow: 0 2px 5px -1px rgba(0,141,169,.3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(0 141 169 / 30%);
    box-shadow: 0 2px 5px -1px rgba(0,141,169,.3);
}
ul#country-list {padding-inline-start: 0px}
.country-list li {
    padding: 10px;
    display: block;
    cursor: pointer;
    border-bottom: solid 1px #13100d;
    font-size: .8rem;
}

/*Form inputs*/
.form-signin {
    width: 100%;
    padding: 15px 0;
}
.form-label-group {
    position: relative;
    margin-bottom: 2rem;
}
.form-label-group input, .form-label-group label {
	height: 53px;
	padding: 0.75rem;
    border: none;
    border-bottom: 1px solid #3C68D6;
    border-radius: 0;
}
.form-label-group label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
    line-height: 1.6;
    color: #13100d;
    pointer-events: none;
    cursor: text;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: all .1s ease-in-out;
}
.form-label-group input::-webkit-input-placeholder {color: transparent}
.form-label-group input::-moz-placeholder {color: transparent}
.form-label-group input:-ms-input-placeholder {color: transparent}
.form-label-group input::-ms-input-placeholder {color: transparent}
.form-label-group input::placeholder {color: transparent}
.form-label-group input:not(:-moz-placeholder-shown) {
    padding-top: 1.25rem;
    padding-bottom: .25rem;
}
.form-label-group input:not(:-ms-input-placeholder) {
    padding-top: 1.25rem;
    padding-bottom: .25rem;
}
.form-label-group input:not(:placeholder-shown) {
    padding-top: 1.25rem;
    padding-bottom: .25rem;
}
.form-label-group input:not(:-moz-placeholder-shown) ~ label {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: .7rem;
	font-weight: 700;
    color: #3c68d6;
}
.form-label-group input:not(:-ms-input-placeholder) ~ label {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: .7rem;
	font-weight: 700;
    color: #3c68d6;
}
.form-label-group input:not(:placeholder-shown) ~ label {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: .7rem;
	font-weight: 700;
    color: #3c68d6;
}
textarea.form-control {height:auto}

/* Fallback for old Edge */
@supports (-ms-ime-align: auto) {
	.form-label-group {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.form-label-group label {position: static}
	.form-label-group input::-ms-input-placeholder {color: #13100d}
}

/* Form Validation */
.form-control.valid, .form-label-group.valid input, .date_container.valid {border: 1px solid #579917}
.valid-icon {
    position: absolute;
    background-image: url("/wp-content/uploads/2023/02/valid-CEXT.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    right: 10px;
    top: 15px;
    display: none;
    width: 20px;
    height: 20px;
}

.chec-radio .radio-inline.wrong .clab, .form-control.wrong, .form-label-group.wrong input, input[type="checkbox"].checkbox-selection + label i.wrong, .date_container.wrong, .chec-radio .radio-inline.wrong .clab:before {border: 1.5px solid #d1204f}
.chec-radio label.radio-inline.wrong input[type="radio"]:checked+div, .chec-radio .radio-inline.wrong .clab:hover, .chec-radio .radio-inline.wrong .clab.consent:hover, input[type="checkbox"].checkbox-selection:checked + label i.wrong, .chec-radio label.radio-inline.valid input[type="radio"]:checked+div, .chec-radio .radio-inline.valid .clab:hover, .chec-radio .radio-inline.valid .clab.consent:hover {
    border-color: transparent !important;
}
.input-group-text.wrong {
    background-color: #d1204f;
    border-color: #d1204f;
}
.clab.wrong, .chec-radio .radio-inline .clab.wrong:before {border: 1px solid #d1204f !important}
.error_label {
    display: none;
    color: #d1204f;
	font-size: .9rem;
    margin-bottom: 1rem;
	margin-left: 25px;
}
.error_label:before {
	content: "";
    position: absolute;
    background-image: url("/wp-content/uploads/2023/02/error-CEXT.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: -25px;
    margin-top: -1px;
    display: block;
    width: 20px;
    height: 20px;
}

form[name=loan_form] a.btn.primary-btn.disabled {pointer-events: all;}

/* Spinner */
.loader, .loader:before, .loader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.loader {
	color: #3c68d6;
	font-size: 10px;
	margin: 80px auto;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before, .loader:after {
	content: '';
	position: absolute;
	top: 0;
}
.loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {left: 3.5em}
@-webkit-keyframes load7 {
	0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em;}
	40% {box-shadow: 0 2.5em 0 0;}
}
@keyframes load7 {
	0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em;}
	40% {box-shadow: 0 2.5em 0 0;}
}
/* APPLICATION END */

/* FOOTER */
footer {
	background-color: #13100d;
	color: #fff;
	font-size: .9rem;
	padding-bottom: 4rem;
	margin-top: -1px;
}
footer ul {padding-inline-start: 15px}
p.footer-sub {
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 1.5rem;
}
footer a {color: #f5af66;}
footer a:hover, footer a:focus {color: #fbfafa}
.footer-graphic {margin-top: 5rem}
.menu-footer-menu-container ul {padding-inline-start: 15px}
.menu-footer-menu-container a {
	color: #fff;
	text-decoration: underline;
}
.menu-footer-menu-container a:hover, .menu-footer-menu-container a:focus {color: #f5af66;}
.menu-footer-menu-container .current-menu-item a {
	color: #e3ce00;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}

/* RESPONSIVE */
@media only screen and (min-width:767px) {
	.img-wrap {
		max-width: 38%;
		float: right;
		z-index: 1;
		position: relative;
	}
	.wrap-left {float: left;}
	.alternate:nth-child(odd) .right-align {order: 2;}
	.alternate:nth-child(odd) .left-align {
		order: 1;
		text-align: right;
	}
	.card-style {
		border-radius: 25px;
		padding: 3rem;
		margin: 0 auto;
		background-color: #FAFAFA;
		-moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
		-webkit-box-shadow: 0 2px 5px -1px rgb(156, 136, 129, .3);
		box-shadow: 0 2px 5px -1px rgb(156, 136, 129, .3);
	}
	.banner {text-align: center;}
	.card-style h2, .feefo-card-style h2 {margin-top: 0}
	.card-style:before, .card-style.medium:before, .card-style.narrow:before {
		content: "";
		height: 300px;
		z-index: -1;
		position: absolute;
		left: 0;
		margin-left: -5rem;
		margin-top: -6rem;
		width: 344px;
		background: url("/wp-content/uploads/2023/02/dark-shape-CEXT.png") center no-repeat;
	}

	.menu-footer-menu-container ul {padding-inline-start: 0;}
	.menu-footer-menu-container li {
		display: inline !important;
		margin-right: 2.5rem;
		margin-left: 2.5rem;
	}
	.menu-footer-menu-container li:before {
		content: "";
		position: absolute;
		background-color: #fff;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		margin-left: -2.5rem;
		margin-top: 7px;
	}
	.lg-spacer {height: 100px}
	.md-spacer {height: 50px}
	.sm-spacer {height: 25px}
}
@media only screen and (min-width:992px) {
	.card-style.medium {max-width: 66.7%;}
	.card-style.narrow {max-width: 50%;}
	.medium .card-content, .narrow .card-content {
		max-width: 80%;
		margin: 0 auto;
	}
	.card-style.medium:before {margin-left: 5rem;}
	.card-style.narrow:before {margin-left: 12rem;}

	.card-style:after, .card-style.medium:after, .card-style.narrow:after {
		content: "";
		height: 300px;
		z-index: -1;
		position: absolute;
		right: 0;
		margin-top: -11rem;
		width: 340px;
		background: url("/wp-content/uploads/2023/02/bright-shape-CEXT.png") center no-repeat;
	}
	.card-style.medium:after {margin-right: 5rem;}
	.card-style.narrow:after {margin-right: 12rem;}
}
@media only screen and (min-width:1400px) {
	.card-style:after, .card-style.medium:after, .card-style.narrow:after {margin-right: -5rem;}
}
@media only screen and (max-width:767px) {
	.lg-spacer {height: 50px}
	.md-spacer {height: 25px}
	.sm-spacer {height: 10px}
	.full-width-table {
		margin-left: -15px;
		margin-right: -15px;
	}
	.accordions-content {margin-left: -5px;}
	.card-style-app {padding: 15px;}
	li {padding:.5rem 0}
}


/* Monevo offers */

.monevo-offers{
	position: relative;
	z-index: 1;
	background: #f2f2f2;
	overflow: hidden;
	border-top: none;
}
.monevo-offers .alert {
 background-color: #00a997;
 width: 100%;
}

.monevo-offers .img-container {
	height: 150px;
    line-height: 150px;
    text-align: center;
}
.monevo-offers  .offer-right{
	margin: 1rem auto;
}
.monevo-offers .offer-feature li{
	padding-bottom: 0px;
}
.monevo-offers .offer-feature li a,
.monevo-offers .offer-feature li span{
	font-size: .8rem!important;
    font-weight: normal!important;
}
.monevo-offers .offer-feature li .nav-link{
	padding: .5em!important;
}
.icon-check::before{
	content: "\2714";
	font-weight: bold;
}
.icon-link::before{
	content: "\1F517"
}
.icon-arrow-forward::before{
	 content: "\2192";
	 font-weight: bold;
}
.monevo-offers .likely {
	color: #00a997;
	font-weight: bold;
}
.monevo-offers .alert h6:after {
    content:'';
    position: absolute;
    top: 100%;
    right: 50%;
    width: 0;
    height: 0;
    border-top: solid 10px #00a997;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.w-40 {
	width: 40%!important;