/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*
Theme Name: Linked Financial Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: var(--white);
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--primary: var(--primary);
    --wp--preset--color--secondary: var(--secondary);
    --wp--preset--color--light-blue: var(--light-blue);
    --wp--preset--color--green: var(--green);
    --wp--preset--color--orange: var(--orange);
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    --wp--preset--gradient--primary-gradient: var(--primary-gradient);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: clamp(1rem, 7vw, 2rem);
    --wp--preset--spacing--30: clamp(1.5rem, 7vw, 3rem);
    --wp--preset--spacing--40: clamp(2rem, 7vw, 4rem);
    --wp--preset--spacing--50: clamp(2.5rem, 7vw, 5rem);
    --wp--preset--spacing--60: clamp(3rem, 7vw, 6rem);
    --wp--preset--spacing--70: clamp(3.5rem, 7vw, 7rem);
    --wp--preset--spacing--80: clamp(4rem, 7vw, 8rem);
    --wp--preset--spacing--10: clamp(.5rem, 7vw, 1rem);
    --wp--preset--spacing--90: clamp(4.5rem, 7vw, 9rem);
    --wp--preset--spacing--100: clamp(5rem, 7vw, 10rem);
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
    --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
}

:where(body) {
    margin: 0;
}

.wp-site-blocks > .alignleft {
    float: left;
    margin-right: 2em;
}

.wp-site-blocks > .alignright {
    float: right;
    margin-left: 2em;
}

.wp-site-blocks > .aligncenter {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

:where(.wp-site-blocks) > * {
    margin-block-start: 24px; margin-block-end: 0; }

:where(.wp-site-blocks) > :first-child {
    margin-block-start: 0; }

:where(.wp-site-blocks) > :last-child {
    margin-block-end: 0; }

:root {
    --wp--style--block-gap: 24px;
}

:root :where(.is-layout-flow) > :first-child {
    margin-block-start: 0;}

:root :where(.is-layout-flow) > :last-child {
    margin-block-end: 0;}

:root :where(.is-layout-flow) > * {
    margin-block-start: 24px;margin-block-end: 0;}

:root :where(.is-layout-constrained) > :first-child {
    margin-block-start: 0;}

:root :where(.is-layout-constrained) > :last-child {
    margin-block-end: 0;}

:root :where(.is-layout-constrained) > * {
    margin-block-start: 24px;margin-block-end: 0;}

:root :where(.is-layout-flex) {
    gap: 24px;
}

:root :where(.is-layout-grid) {
    gap: 24px;
}

.is-layout-flow > .alignleft {
    float: left;
    margin-inline-start: 0;margin-inline-end: 2em;}

.is-layout-flow > .alignright {
    float: right;
    margin-inline-start: 2em;margin-inline-end: 0;}

.is-layout-flow > .aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

.is-layout-constrained > .alignleft {
    float: left;
    margin-inline-start: 0;margin-inline-end: 2em;}

.is-layout-constrained > .alignright {
    float: right;
    margin-inline-start: 2em;margin-inline-end: 0;}

.is-layout-constrained > .aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-flex {
    display: flex;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

.is-layout-flex > :is(*, div) {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

.is-layout-grid > :is(*, div) {
    margin: 0;
}

body {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

a:where(:not(.wp-element-button)) {
    text-decoration: underline;
}

:root :where(.wp-element-button, .wp-block-button__link) {
    background-color: #32373c;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
    text-decoration: none;
    text-transform: inherit;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-primary-color {
    color: var(--wp--preset--color--primary) !important;
}

.has-secondary-color {
    color: var(--wp--preset--color--secondary) !important;
}

.has-light-blue-color {
    color: var(--wp--preset--color--light-blue) !important;
}

.has-green-color {
    color: var(--wp--preset--color--green) !important;
}

.has-orange-color {
    color: var(--wp--preset--color--orange) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-primary-background-color {
    background-color: var(--wp--preset--color--primary) !important;
}

.has-secondary-background-color {
    background-color: var(--wp--preset--color--secondary) !important;
}

.has-light-blue-background-color {
    background-color: var(--wp--preset--color--light-blue) !important;
}

.has-green-background-color {
    background-color: var(--wp--preset--color--green) !important;
}

.has-orange-background-color {
    background-color: var(--wp--preset--color--orange) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-primary-border-color {
    border-color: var(--wp--preset--color--primary) !important;
}

.has-secondary-border-color {
    border-color: var(--wp--preset--color--secondary) !important;
}

.has-light-blue-border-color {
    border-color: var(--wp--preset--color--light-blue) !important;
}

.has-green-border-color {
    border-color: var(--wp--preset--color--green) !important;
}

.has-orange-border-color {
    border-color: var(--wp--preset--color--orange) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-primary-gradient-gradient-background {
    background: var(--wp--preset--gradient--primary-gradient) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}



html { scroll-behavior: smooth; }

@font-face {
    font-family: "ActaDisplay-Book";
    src: url('/wp-content/themes/linked-financial-child/fonts/Acta/ACTA.woff') format('woff');
}
@font-face {
    font-family: "GreycliffCF";
    src: url('/wp-content/themes/linked-financial-child/fonts/GreycliffCF/GreycliffCF-ExtraLight.woff') format('woff');
    font-weight: 100;
}
@font-face {
    font-family: "GreycliffCF";
    src: url('/wp-content/themes/linked-financial-child/fonts/GreycliffCF/GreycliffCF-Light.woff') format('woff');
    font-weight: 200;
}
@font-face {
    font-family: "GreycliffCF";
    src: url('/wp-content/themes/linked-financial-child/fonts/GreycliffCF/GreycliffCF-Thin.woff') format('woff');
    font-weight: 300;
}
@font-face {
    font-family: "GreycliffCF";
    src: url('/wp-content/themes/linked-financial-child/fonts/GreycliffCF/GreycliffCF-Regular.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: "GreycliffCF";
    src: url('/wp-content/themes/linked-financial-child/fonts/GreycliffCF/GreycliffCF-Medium.woff') format('woff');
    font-weight: 500;
}
@font-face {
    font-family: "GreycliffCF";
    src: url('/wp-content/themes/linked-financial-child/fonts/GreycliffCF/GreycliffCF-DemiBold.woff') format('woff');
    font-weight: 600;
}
@font-face {
    font-family: "GreycliffCF";
    src: url('/wp-content/themes/linked-financial-child/fonts/GreycliffCF/GreycliffCF-Bold.woff') format('woff');
    font-weight: 700;
}
@font-face {
    font-family: "GreycliffCF";
    src: url('/wp-content/themes/linked-financial-child/fonts/GreycliffCF/GreycliffCF-ExtraBold.woff') format('woff');
    font-weight: 800;
}
@font-face {
    font-family: "GreycliffCF";
    src: url('/wp-content/themes/linked-financial-child/fonts/GreycliffCF/GreycliffCF-Heavy.woff') format('woff');
    font-weight: 900;
}
@font-face {
    font-family: "SeanHand";
    src: url('/wp-content/themes/linked-financial-child/fonts/SeanHand/SeanHand.woff') format('woff');
}

/*************** ADD CUSTOM CSS HERE.   ***************/

/* 
 * Global Styling 
 */

*[data-text-color="pink"] {
	color: #D72483;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.05em!important;
    text-decoration: unset!important;
    font-family: 'GreycliffCF', sans-serif!important;
    line-height: 110%!important;
}
h6 {
    font-family: 'SeanHand', sans-serif!important;
    font-size: 1.5rem!important;
    font-weight: normal;
    text-transform: unset!important;
}
pre, blockquote, form, figure, p, dl, ul, ol {
    margin-bottom: .9em!important;
}

body, html {
    font-family: 'GreycliffCF', sans-serif!important;
    font-weight: 400;
    line-height: 150%!important;
    background-color: #ffffff;
}

.col-inner {
    height: 100%!important;
    width: 100%!important;
}

.nav > li.active {
    border-bottom: 1px solid #ffffff;
}
.nav-dark .nav>li>a,
.nav > li > a {
    padding-bottom: 0!important;
    font-family: 'GreycliffCF', sans-serif!important;
}

.accordion-title {
    border-top: none!important;
}
.hero-text {
    max-width: 1000px;
    padding: 0 20px!important;
}

.list-white h1 {
	color: #fff!important;
}

.faq-illustration .col-inner {
    overflow: visible!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.blend-overlay {
    opacity: 0.8;
}

.faq-sec-white-text .accordion a {
    color: #ffffff!important;
}

.post-item .col-inner:hover {
    -webkit-box-shadow: 0 10px 15px 0 rgb(0 0 0 / 20%)!important;
            box-shadow: 0 10px 15px 0 rgb(0 0 0 / 20%)!important;
}

.custom-width-container {
    max-width: 1500px!important;
    width: 95%!important;
}

.widget .tagcloud a:hover {
    color: #09255C!important;
}

.no-padding-bottom  {
    padding-bottom: 0px!important;
}
.no-margin-bottom  {
    margin-bottom: 0px!important;
}

.no-padding-col{
	padding: 0!important;
}

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

.abs-bottom {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translatex(-50%);
}

.cus-dropdown .nav-dropdown {
	width: max-content;
	padding-top: 30px!important;
	padding-bottom: 30px!important;
	padding-left: 30px!important;
	padding-right: 30px!important;
	border-radius: 5px!important;
}
.nav-dropdown:before {
	position: absolute;
	top: 0;
	left: 20px;
	transform: translatey(-40%) rotate(-45deg);
	width: 25px;
	height: 25px;
	background-color: #fff;
}

.cus-dropdown-item {
	min-width: max-content;
	display: flex;
	align-items: center;
	padding-right: 10px;
}
.cus-dropdown-link {
	width: max-content;
	position: relative;
	bottom: -2px;
	font-weight: 500;
	transition: all 0.15s ease-in-out;
}

.cus-dropdown-item:hover .cus-dropdown-link.cus-dropdown-link-green {
	color: #a58a6e!important;
	transform: translatex(3px);
}
.cus-dropdown-item:hover .cus-dropdown-link.cus-dropdown-link-blue {
	color: #a58a6e!important;
	transform: translatex(3px);
}
.cus-dropdown-item:hover .cus-dropdown-link.cus-dropdown-link-orange {
	color: #a58a6e!important;
	transform: translatex(3px);
}

.grecaptcha-badge {
	opacity: 0!important;
}

.max-w140 {
	max-width: 140px;
}

.section-inner-full-height > .section-content {
	min-height: inherit;
	display: flex;
	align-items: center;
	padding: 120px 0 100px;
}

@media screen and (max-width: 549px) {
	
	.section-inner-full-height > .section-content {
		padding: 120px 0 0;
	}
}

/* Setting img to be 100% height of parent row */
.img-h-100 .img-inner{
    padding-top: 100%;
}
.img-h-100 .img-inner img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 849px) {
    .img-h-100 .img-inner{
        padding-top: unset;
    }
    .img-h-100 .img-inner img {
        position: static;
        top: unset;
        left: unset;
        height: 100%;
        object-fit: cover;
    }
}

/* A border illustration aound the image */
.img-border-illustration .img-inner {
    position: relative;
    overflow: visible;
}

.img-border-illustration .img-inner::before {
    content: '';
    z-index: -1;
    width: 110%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-55%) perspective(1299px) rotateY(340deg) rotateX(355deg) rotateZ(1deg);
    border: 3px solid #09255C;
    border-radius: 15px;
}
.img-border-illustration-green .img-inner::before {
    border: 3px solid #a58a6e;
}
.img-border-illustration-blue .img-inner::before {
    border: 3px solid #a58a6e;
}
.img-border-illustration-orange .img-inner::before {
    border: 3px solid #a58a6e;
}

/* Flowchart design */
.flowchart-item {
    margin: 2vmax 0;
    position: relative;
}
/* 
.flowchart-item::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -50%;
    height: 2px;
    width: 100%;
    border-top: 2px dotted #a58a6e ;
}
.flowchart-item:nth-child(3n):before {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    height: 100%;
    width: 2px;
    border-right: 2px dotted #a58a6e ;
}
.flowchart-item:last-child:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 0;
    border-right: none;
} */

.flowchart-item .col-inner{
    max-width: 420px;
    position: relative;
    margin-left: auto!important;
    margin-right: auto!important;
}

.flowchart-item .col-inner > .icon-box {
    z-index: 2;
    position: relative;
}

.flowchart-item .col-inner:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) skew(7deg,0deg);
    -webkit-box-shadow: rgb(149 157 165 / 20%) 0 8px 24px;
    box-shadow: rgb(149 157 165 / 20%) 0 8px 24px;
    background-color: #fff;
    border-radius: 15px;
    z-index: 1;
}
.flowchart-item .col-inner:after {
    content: '';
    width: 105%;
    height: 102%;
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translateY(-45%) translateX(-48%) perspective(1200px) rotateY(25deg) rotateX(10deg) rotateZ(0deg);
    border: 3px solid #09255C;
    border-radius: 15px;
    z-index: 3;
}

.flowchart-num {
    position: absolute;
    right: 0px;
    top: 15%;
    background-color: #09255C;
    border-radius: 2px;
    padding: 6px 12px 4px;
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    z-index: 4;
}

.flowchart-num-green {
    background-color: #bbcf07;
}
.flowchart-num-blue {
    background-color: #a58a6e;
}
.flowchart-num-orange {
    background-color: #a58a6e;
}

.flowchart-num-2 {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #a58a6e;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    align-self: center;
    padding: 0px;
    font-size: 30px;
    font-weight: 600;
}

/* Radius of 8px */
.img-radius-8 img {
    border-radius: 8px;
}

/* Fixed Bubble */
#htb-emblem-cont {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    width: 26vw;
    height: 10vw;
	min-width: 50px;
	min-height: 50px;
	max-width: 150px;
	max-height: 85px;
    z-index: 10;
	display: none;
	align-items: center;
	justify-content: center;
}

#htb-emblem-img {
	width: 150px;
    min-width: 125px;
	transition: all 0.3s ease;
}

#htb-emblem-text {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-130%) translateY(-50%);
}
#htb-emblem-text span {
	white-space: nowrap;
	font-family: 'SeanHand',sans-serif!important;
	color: #a58a6e;
}

#htb-emblem-text img {
    transform: rotate(25deg) translateY(-30%) translateX(70%);
}

#htb-emblem-cont:hover #htb-emblem-img {
  cursor: pointer;
  transform: scale(0.9);
  transform-origin: 50% 50%;
}

@media screen and (max-width: 849px) {
	#htb-emblem-text img {
		width: 40px;
		transform: rotate(25deg) translateY(-90%) translateX(100%);
	}
}

/* #htb-emblem-cont:hover #htb-emblem .cls-1 {
    stroke: #ffffff!important;
}
#htb-emblem-cont:hover #htb-emblem .cls-cus-2 {
  fill: #ffffff!important;
} */

/* #htb-emblem-cont:hover #htb-emblem-bg {
  background-color: #bbcf07;
  transform: scale(1.11);
} */

/* ==================== 
Image Modal
==================== */
#custom-image-modal {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 10000;
    display: none;
    top: 0;
    left: 0;
  }
  
  #custom-image-modal-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
  }
  
  #custom-modal-image-container {
    width: 100%;
    max-width: 800px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-51%) translateY(-50%);
        -ms-transform: translateX(-51%) translateY(-50%);
            transform: translateX(-51%) translateY(-50%);
    z-index: 12;
  }
  
  #custom-modal-image-container > img {
    width: 100%;
    height: auto;
  }
  
  #custom-modal-image-nav {
    width: 120%;
    height: 100%;
    z-index: 13;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 1rem;
  }
  
  #custom-modal-image-nav-left,
  #custom-modal-image-nav-right {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: rgba(40, 40, 40, 40.6);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  
  #custom-modal-image-nav-left:hover,
  #custom-modal-image-nav-right:hover {
    cursor: pointer;
    background-color: rgba(120, 120, 120, 0.6);
  }
  
  #custom-modal-image-nav-left {
    padding-right: 2px;
  }
  #custom-modal-image-nav-right {
    padding-left: 2px;
  }
  
  .thumbnail-modal {
    opacity: 0.75;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  
  .thumbnail-modal:hover {
    cursor: pointer;
    opacity: 1;
  }
  
  .modal-chevro {
    color: #ebebeb;
    font-size: 1rem;
    height: 1rem;
  }
  
  /* Animations */
  .modal-is-active {
    -webkit-animation: fadeIn 0.5s forwards ease-in-out;
            animation: fadeIn 0.5s forwards ease-in-out;
  }
  
  .modal-is-inactive {
    -webkit-animation: fadeOut 0.5s forwards ease-in-out;
            animation: fadeOut 0.5s forwards ease-in-out;
  }
  
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  
  @media screen and (max-width: 1600px) {
    #custom-modal-image-container {
        width: 100%;
        max-width: 600px;
    }
    #custom-modal-image-nav {
        padding: 0;
    }
  }
  
  @media screen and (max-width: 1200px) {
  
    #custom-modal-image-nav {
      width: 100%;
      left: unset;
      -webkit-transform: translateY(-50%) translateX(0%);
          -ms-transform: translateY(-50%) translateX(0%);
              transform: translateY(-50%) translateX(0%);
    }
    
    #custom-modal-image-nav-left,
    #custom-modal-image-nav-right {
      height: 30px;
      width: 30px;
    }
    
  }

/* Custom Nav Menu */
/* Icon */
#custom-nav-menu-cont {
    position: relative;
    min-height: 10px!important;
    min-width: 10px!important;
}
#custom-nav-menu-cont svg {
    height: 1.5rem;
    width: 1.5rem;
    margin-top: 0.8rem;
    position: relative;
    z-index: 20000;
    cursor: pointer;
}
#cus-nav-circle2 {
    opacity: 0;
}

.cus-nav-shape {
    stroke: rgba(250, 250, 250, 0.8); 
    fill: rgba(250, 250, 250, 0.8); 
    stroke-miterlimit: 10;
}
#custom-nav-menu-cont:hover  .cus-nav-shape {
    stroke: rgba(250, 250, 250, 1); 
    fill: rgba(250, 250, 250, 1);
}

#cus-nav-bubble {
    background-color: #070e25;
    width: 1px;
    height: 1px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 19000;
    opacity: 0;
}
/* Icon 2 (Emblem) */
#custom-nav-menu-emblem {
	position: relative;
	top: 20%;
}
.emblem-nav-item {
	content: '';
	background-image: url(/wp-content/uploads/2021/11/Emblem-White.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 4px;
}
.emblem-nav-item > a {
	opacity: 0;
}
.emblem-nav-item .nav-dropdown {
	border-radius: 5px;
}
.emblem-nav-item i {
	font-size: 25px!important;
}
/* Interface */
#cus-nav-inter {
    width: 100vw;
    max-width: 1370px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 19001;
    display: none;
}
#cni-logo-link-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 10vh;
    min-height: 50%;
}
#cni-logo-cont {
    width: 30%;
    height: 100%;
    padding: 0!important;
}
#cni-logo-link-row {
	width: 100%;
}
#cni-logo-cont a {
    width: 100%;
}
.cni-secondary-links {
    margin-top: 2rem;
}
.cni-secondary-links h3 {
    color: #ffffff;
    margin-top: 1.75rem;
    font-weight: normal;
}
#cni-logo-cont img {
    width: 100%;
    height: auto;
    max-width: 150px;
}
#cni-link-cont {
    width: 70%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2rem!important;
}
.service-column {
    width: 30%   
}
.service-column:first-child {
    width: 70%   
}
.service-column a {
    text-decoration: none;
    color: unset!important;
	margin-right: 1rem;
}
.service-column h2 {
    font-size: 2.5rem;
    margin-top: 0!important;
    color: #ffffff;
}
.service-column h3 {
    font-size: 1.25rem;
    font-weight: normal;
    margin: 2rem 0!important;
    color: #ffffff!important;
}
.cus-nav-fadeUp {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
#cni-social-media-row {
    width: 100%;
    height: 20%;
    min-height: 50px;
    position: absolute;
    bottom: 5vh;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* align-items: flex-end; */
}
#cni-social-media-row i {
    opacity: 0.8;
    margin-right: 2rem;
    font-size: 1rem;
    color: #ffffff;
}

#cni-social-media-row a,
#cni-social-media-row p {
    text-decoration: none;
    color: #ffffff;
}
#cni-social-media-row > .cni-social-icons > a:hover > i{
    opacity: 1;
}

.cni-contact-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.cni-contact-details > p,
.cni-contact-details > a {
    margin-top: 0.5rem;
}

/* GSAP Image animation container styling */
.image-reveal-anim-right,
.image-reveal-anim-left {
    background-color: transparent!important;
    overflow: visible!important;
    position: relative;
    max-width: 1000px;
}
/* .image-reveal-anim-right {
    left: -10%;
}
.image-reveal-anim-left {
    right: -10%;
} */

/* Header background blur - frost effect */
/* .header-wrapper,
.header-wrapper.stuck {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
} */
.header-wrapper.stuck {
	background-color: #111428!important;
}
.header-wrapper .header-bg-color {
	background-color: transparent!important;
}
.header-wrapper .header-nav {
	margin-bottom: 3px!important;
}
/* Nav Links */
.header-wrapper.stuck .menu-item .nav-top-link {
    color: #fff!important;
}
.blend-overlay {
    mix-blend-mode: lighten;
}
/* if backdrop support: very transparent and blurred */
/* @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
/*     .header-wrapper.stuck  { */
/*         -webkit-backdrop-filter: blur(1em);
        backdrop-filter: blur(1em); */
/*         background-color: rgba(255, 255, 255, .3)!important; */
/*     } */
/* } */
/* mozilla fallback */
/* @-moz-document url-prefix() {  */
/*     .header-wrapper.stuck  { */
/*         background-color: rgba(255, 255, 255, .9)!important; */
/*         color: rgba(25, 29, 43, 0.4); */
/*     } */
/* } */
/* Hamburger Icon */
.header-wrapper.stuck .nav-icon .icon-menu {
    color: #fff!important;
}
/* Mobile Navigation Menu / Sidebar */
.off-canvas-right.dark .mfp-content, .off-canvas-left.dark .mfp-content {
    background-color: #111428!important;
}
.off-canvas-right .mfp-content {
    width: 50%!important;
    min-width: 280px;
    max-width: 400px;
}
.nav-sidebar li > a{
    font-size: 1.2rem;
    margin: .8rem 0;
}
.nav-sidebar li > button {
    position: relative;
    top: 5px;
}

.header-nav-main.nav li:last-child {
	border-bottom-color: transparent!important;
}

/* 
 * Home Page 
 */
 .hero-sec {
     overflow: hidden!important;
 }
.background-text {
    position: absolute;
    top: 50%!important;
    left: 2%;
}
.background-text > h2 {
    font-size: 13vw!important;
    font-weight: 800!important;
    opacity: 0.1;
}

.home-sec-h2 {
	font-size: clamp(34px, 2.5vw, 48px);
    font-weight: 600!important;
}
.cta-item {
    margin-top: 1rem;
}
.home-sec-bgImage {
    width: 100%;
    height: 100%;
}

.home-hero h1 {
	padding: 0;
    font-weight: 400;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
	font-size: clamp(2.5rem, 10vw, 3.5em)
}


/* 
 * Mortgage Page 
 */

 /* Product Icons */
.custom-icon-box-mortgages svg,
.custom-icon-box-protection svg,
.custom-icon-box-finance svg {
    display: block;
    position: relative;
    margin: 0 auto;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    -webkit-box-shadow: rgb(149 157 165 / 20%) 0 8px 24px;
    box-shadow: rgb(149 157 165 / 20%) 0 8px 24px;
    padding: 20px!important;
    height: 120px;
    width: 120px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    cursor: pointer;
}

@media screen and (max-width: 849px) {
    .custom-icon-box-mortgages svg,
    .custom-icon-box-protection svg,
    .custom-icon-box-finance svg {
        height: 100px;
        width: 100px;
    }
}
@media screen and (max-width: 549px) {
    .custom-icon-box-mortgages svg,
    .custom-icon-box-protection svg,
    .custom-icon-box-finance svg {
        height: 75px;
        width: 75px;
    }
}

 .custom-icon-box-mortgages svg:hover {
    background: #a58a6e;
 }

 .custom-icon-box-mortgages svg:hover .cls-1a,
 .custom-icon-box-mortgages svg:hover .cls-2, 
 .custom-icon-box-mortgages svg:hover .cls-3 {
    stroke: #ffffff;
 }
 .custom-icon-box-mortgages svg .cls-1a {
    stroke: #111428;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
 }
 .custom-icon-box-mortgages svg .cls-2 {
    stroke: #a58a6e;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
 } 
 .custom-icon-box-mortgages svg .cls-3 {
    stroke: #a58a6e;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
 }
 
.icon-box-text-mortgages {
     text-align: center!important;
     margin-top: 1rem;
 }
 .icon-box-text-mortgages p {
    margin: 1rem 0!important;
 }

 .icon-box-text-mortgages h2 {
    margin: 1rem 0!important;
    font-weight: 600!important;
    font-size: clamp(1.1rem, 2vw, 24px);
 }

 .icon-box-text-mortgages .link:hover {
    color: #a58a6e;
 }

 /* Testimonials, Accordion*/
.testimonial-mortgages .star-rating span:before,
.mortgages-accordion a:hover {
    color: #a58a6e!important;
}

.mortgages-blog-elem .is-divider {
    background-color: #a58a6e!important;
}
.mortgages-blog-elem a:hover {
    color: #a58a6e!important;
}

/* 
 * Protection Page
 */

/* Product Icons */
.custom-icon-box-protection svg:hover {
    background: #a58a6e;
}

.custom-icon-box-protection svg:hover .cls-1a,
.custom-icon-box-protection svg:hover .cls-2, 
.custom-icon-box-protection svg:hover .cls-3,
.custom-icon-box-protection svg:hover .cls-4,
.custom-icon-box-protection svg:hover .cls-5,
.custom-icon-box-protection svg:hover .cls-6,
.custom-icon-box-protection svg:hover .cls-3.fill {
    stroke: #ffffff;
}
.custom-icon-box-protection svg:hover .cls-3.fill{
    fill: #ffffff;
}
.custom-icon-box-protection svg .cls-1a,
.custom-icon-box-protection svg .cls-4 {
    stroke: #111428;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
 }
 .custom-icon-box-protection svg .cls-2,
 .custom-icon-box-protection svg .cls-3,
 .custom-icon-box-protection svg .cls-5,
 .custom-icon-box-protection svg .cls-6 {
    stroke: #a58a6e;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
 }
 .custom-icon-box-protection svg .cls-3.fill {
    stroke: #a58a6e;
    fill: #a58a6e;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
 }

.icon-box-text-protection {
    text-align: center!important;
    margin-top: 1rem;
}
.icon-box-text-protection p {
    margin: 1rem 0!important;
}

.icon-box-text-protection h2 {
    margin: 1rem 0!important;
    font-weight: 600!important;
    font-size: clamp(1.1rem, 2vw, 24px);
}

.icon-box-text-protection .link:hover,
.icon-box-text-protection a:hover {
    color: #a58a6e!important;
}

/* Testimonials, Accordion*/
.testimonial-protection .star-rating span:before,
.protection-accordion a:hover {
    color: #a58a6e!important;
}

.protection-blog-elem .is-divider {
    background-color: #a58a6e!important;
}
.protection-blog-elem a:hover {
    color: #a58a6e!important;
}

/* 
 * Finance Page
 */

/* Product Icons */
.custom-icon-box-finance svg:hover {
    background: #a58a6e;
}

.custom-icon-box-finance svg:hover .cls-1a,
.custom-icon-box-finance svg:hover .cls-2, 
.custom-icon-box-finance svg:hover .cls-3,
.custom-icon-box-finance svg:hover .cls-4,
.custom-icon-box-finance svg:hover .cls-5,
.custom-icon-box-finance svg:hover .cls-6,
.custom-icon-box-finance svg:hover .cls-3.fill {
    stroke: #ffffff;
}
.custom-icon-box-finance svg:hover .cls-3.fill{
    fill: #ffffff;
}
.custom-icon-box-finance svg .cls-1a,
.custom-icon-box-finance svg .cls-4  {
    stroke: #111428;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
 }
 .custom-icon-box-finance svg .cls-2 {
    stroke: #a58a6e;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
 } 
 .custom-icon-box-finance svg .cls-3 {
    stroke: #a58a6e;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
 }
 .custom-icon-box-finance svg .cls-3.fill {
    stroke: #a58a6e;
    fill: #a58a6e;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
 }

.icon-box-text-finance {
    text-align: center!important;
    margin-top: 1rem;
}
.icon-box-text-finance p {
    margin: 1rem 0!important;
}

.icon-box-text-finance h2 {
    margin: 1rem 0!important;
    font-weight: 600!important;
    font-size: clamp(1.1rem, 2vw, 24px);
}

.icon-box-text-finance .link:hover,
.icon-box-text-finance a:hover {
    color: #a58a6e!important;
}

/* Testimonials, Accordion*/
.testimonial-finance .star-rating span:before,
.finance-accordion a:hover {
    color: #a58a6e!important;
}

.finances-blog-elem .is-divider {
    background-color: #a58a6e!important;
}
.finances-blog-elem a:hover {
    color: #a58a6e!important;
}

 /* Slider Button */

.slider-button {
    min-width: 90px;
    width: 90px;
    height: 50px;
    background-color: #a58a6e;
    border-radius: 25px;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    -webkit-box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1) inset;
            box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1) inset;
}

.sb-circle {
    width: 40px;
    height: 40px;
    background-color: #ebebeb;
    border-radius: 50%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) -5px 5px 10px, 5px -5px 10px rgba(0, 0, 0, 0.1) inset, -5px 5px 10px #ffffff inset;
            box-shadow: rgba(0, 0, 0, 0.2) -5px 5px 10px, 5px -5px 10px rgba(0, 0, 0, 0.1) inset, -5px 5px 10px #ffffff inset;
}

.calc-selector h2 {
    color: rgba(9, 37, 92, 0.2);
}

.sb-active {
    color: rgba(9, 37, 92, 0.9)!important;
}

 /* Borrow and Mortgage Calculators */
 .calc-table {
     padding: 5%!important;
     border: 2px solid rgba(184, 194, 0, 0.8);
     border-radius: 5px;
     -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
     display: none;
 }
.form-item {
    margin: 2rem 0 0!important;
}
.form-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid rgba(9, 37, 92, 0.5);
}
.prefix {
    font-size: 1.4rem;
    font-weight: 700;
    padding: .5rem .75rem;
}

.prefix svg{
    width: 16px;
    fill: #191d2b;
}

.calcinput {
    border: none!important;
    padding: 0 10px!important;
    margin: 0!important;
    -webkit-box-shadow: unset!important;
            box-shadow: unset!important;
    height: unset!important;
}

.calculator-header {
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
}

#borrow-result-value,
#mortgage-result-value {
    font-size: 5rem;
    font-weight: 900;
    margin: 1rem 0!important;
    color: #a58a6e;
    position: relative;
}

.calculator-smalltext {
    font-size: 0.8rem;
    font-weight: 200
}

#result-term-length {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

#result-total-interest,
#result-total-repayment {
    font-size: 1.6rem;
    font-weight: 600;
}

#result-term-length span,
#result-total-interest span,
#result-total-repayment span {
    font-weight: 800;
}
#result-term-length span {
    color: #a58a6e;
}

/* 
 * Custom Slider 
 */
.cus-slider-cont div.col-inner {
    margin: 0!important;
    padding: 0!important;
}
.cus-slider-box-cont {
    margin: 0!important;
    padding: 0!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 100vw;
    -webkit-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
/* 
Comment out this bit of code to edit the content in all the boxes
 */
.cus-slider-box-cont > .col-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

/* Box Styling */
.cus-slider-box {
    margin: 0!important;
    padding: 0!important;
    position: relative;
    overflow: hidden;
    min-height: 60vh!important;
    min-width: 100vw!important;
    height: 100%;
}
.cus-slider-content-cont {
    z-index: 100;
    padding: 9vw!important;
    padding-left: 12vw!important;
    min-height: 100%!important;
}
.cus-slider-content-cont > .col-inner {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; */
}
.cust-slider-bg-cont {
    height: 100%;
    min-width: 70%;
    position: absolute;
    left: -15%;
    overflow: visible;
    background-color: rgba(0, 0, 0, .2);
    -webkit-transform: skewX(7deg);
        -ms-transform: skewX(7deg);
            transform: skewX(7deg);
    z-index: 10;
}
.cust-slider-bg-cont::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: inherit;
	pointer-events: none;
    -webkit-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
            transform: skewX(5deg);
}
.cus-slider-content h3 {
    font-size: 2rem;
    text-transform: capitalize!important;
}


/* Navigation Styling */
.cus-slider-nav-cont {
    position: absolute!important;
    top: 0;
    left: 0;
    margin: 0!important;
    padding: 0!important;
    height: 100%!important;
    width: 100vw!important;
}
.cus-slider-nav-cont > .col-inner {
    height: 100%;
    width: 100%;
}
.cus-slider-nav-cont h2 {
    position: relative;
    left: 12vw;
    top: 5vw;
    word-wrap: break-word;
}
.cus-slider-illustration > .col-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.prev,
.next,
#cust-slider-trail {
    width: 3rem;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	position: absolute;
    z-index: 1000;
}
.prev:hover,
.next:hover { 
	opacity: 1;
}
.prev {
    top: 50%;
    left: 2%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: .5;
}
.next {
    top: 50%;
    right: 2%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: .5;
}
.prev .cls-1,
.next .cls-1 {
    fill: #ffffff!important;
}
#cust-slider-trail {
    bottom: 0%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 60%;
    display: -ms-grid;
    display: grid;
    gap: 1rem;
    text-align: center;
    font-size: 1.5rem;
    z-index: 1000;
}

#cust-slider-trail > div {
    padding: 2rem;
    border-top: 3px solid #ffffff!important;
    cursor: pointer;
    opacity: .2;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 1rem;
    color: #ffffff!important;
}
#cust-slider-trail > div:hover {
	opacity: 1;
	color: #ffffff;
}
.cus-slider-title {
    font-size: 4.5vw;
    font-weight: 900;
    margin: 0 auto;
}

.active {
    opacity: 1 !important;
	color: #ffffff;
}

/* Customizations to each page its on */
.mortgages-slider .cus-slider-box {
    background-color: #a58a6e!important;
}
.protection-slider .cus-slider-box {
    background-color: #a58a6e!important;
}
.finance-slider .cus-slider-box {
    background-color: #a58a6e!important;
}

/* 
 * Contact Us Page 
 */

/*  #wpcf7-f16-p552-o1 input,
 #wpcf7-f16-p552-o1 select {
    background-color: transparent!important;
    border: none!important;
    border-bottom: 1px solid #ffffff!important;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
    color: #ffffff!important;
 }
 #wpcf7-f16-p552-o1 select option:nth-child(1) {
    color:rgba(255, 255, 255, 0.7)!important;
 }
 #wpcf7-f16-p552-o1 input::-webkit-input-placeholder, #wpcf7-f16-p552-o1 textarea::-webkit-input-placeholder {
     color:rgba(255, 255, 255, 0.7)!important;
 }
 #wpcf7-f16-p552-o1 input::-moz-placeholder, #wpcf7-f16-p552-o1 textarea::-moz-placeholder {
     color:rgba(255, 255, 255, 0.7)!important;
 }
 #wpcf7-f16-p552-o1 input:-ms-input-placeholder, #wpcf7-f16-p552-o1 textarea:-ms-input-placeholder {
     color:rgba(255, 255, 255, 0.7)!important;
 }
 #wpcf7-f16-p552-o1 input::-ms-input-placeholder, #wpcf7-f16-p552-o1 textarea::-ms-input-placeholder {
     color:rgba(255, 255, 255, 0.7)!important;
 }
 #wpcf7-f16-p552-o1 input::placeholder,
 #wpcf7-f16-p552-o1 textarea::placeholder {
     color:rgba(255, 255, 255, 0.7)!important;
 }
 #wpcf7-f16-p552-o1 select,
 #wpcf7-f16-p552-o1 textarea {
    background-color: transparent!important;
    border: 1px solid #ffffff!important;
    color: #ffffff!important;
 }
 #wpcf7-f16-p552-o1 input[type="submit"] {
     background-color: #09255C!important;
 }

 #wpcf7-f16-p552-o1 select > option{
    color: rgb(0,0,0)!important;
 }
 #wpcf7-f16-p552-o1 select option:nth-child(1) {
    color: rgba(255,255,255,.7)!important;
    background-color: rgba(8,23,71,1);
} */

.wpcf7-form input,
.wpcf7-form textarea {
	border-radius: 5px;
}

.social-cont {
	display: flex;
	justify-content: flex-start;
}
.social-cont h1 {
	width: fit-content;
	margin-right: clamp(1rem, 5vw, 60px);
}
.social-cont p {
	margin-right: 1rem;
	margin-bottom: 0!important;
}
.social-cont .insta{
	position: relative;
	bottom: -5px;
}

.wpcf7-list-item > label {
	display: flex;
    align-items: flex-start;
}

.wpcf7-list-item > label > span {
	font-size: 14px;
    line-height: 130%;
    font-weight: 600;	
}
input[type="submit"] {
	margin-top: 0.5rem;
}

/* Footer */
.footer-emblem-cont {
	overflow: hidden;
}
#footer-emblem {
	position: absolute;
	top:50%;
	right: -20px;
	background-image: url('/wp-content/uploads/2021/11/Asset-5.svg');
	background-repeat: no-repeat;
	background-size: contain;
    width: 25vw;
	min-width: 200px;
	max-width: 400px;
    height: calc(25vw * 0.87);
	min-height: calc(200px * 0.87);
	max-height: calc(400px * 0.87);
    transform: translateY(-50%);
}

@media screen and (max-width: 849px) {
	.social-cont {
		justify-content: center;
	}
}

body.page-template-page-acf #footer .row .col {
    /* flex: unset!important; */
}

/* 
 * Screen resolutions 
 */

@media screen and (max-width: 1600px) {
    /* Global */
    .image-reveal-anim-right {
        left: 0%;
    }
    .image-reveal-anim-left {
        right: 0%;
    }
    .accordion-cont-col {
        width: 100%!important;
        max-width: 100%;
        min-width: 100%;
    }
    .faq-illustration {
        width: 100%!important;
        max-width: 800px;
        position: absolute;
        opacity: 0.2;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .background-text {
        display: none;
    }
	/* 
    * Home Page 
    */
	.home-sec-h2 {
		font-size:3vw;
	}
}
@media screen and (max-width: 849px) {
    /* Global */
    .menu-center-items .ux-menu-link{
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto!important;
        display: block;
    }

    /* 
    * Home Page 
    */
	.home-sec-h2 {
		font-size:1.5em;
	}

    /* 
    * Mortgage Page
    */
    #borrow-result-value,
    #mortgage-result-value {
        font-size: 3rem;
    }

    /* Custom Slider 
    /* Box Styling */
    .cus-slider-box {
        min-height: unset!important;
        max-height: fit-content!important;
    }
    .cus-slider-content-cont {
        padding-bottom: 80px!important;
        padding-top: 140px!important;
        max-width: -webkit-fit-content!important;
        max-width: -moz-fit-content!important;
        max-width: fit-content!important;
    }
    .cus-slider-content-cont > .col-inner {
        height: -webkit-fit-content!important;
        height: -moz-fit-content!important;
        height: fit-content!important;
    }
    .cust-slider-bg-cont {
        /* max-width: 50%; */
        min-width: 140%;
    }
    .cust-slider-bg-cont::before,
    .cus-slider-illustration,
    .prev,
	.next  {
        display: none!important;
    }
    .cus-slider-nav-cont > .col-inner {
        position: relative;
        max-width: 95%;
        top: 1rem;
    }
    .cus-slider-nav-cont h2 {
        position: static;
        margin: 1rem 10%;
        
    }
	#cust-slider-trail {
		width: 90%;
		bottom: 5%;
	}
	#cust-slider-trail > div {
		padding: 0.5vw;
	}
}

@media screen and (max-width: 549px) {
    /* Global */
    .off-canvas-right .mfp-content {
        width: 100%!important;
        min-width: none;
        max-width: none;
    }
}




/* 
 * Home Page 
 */

.home-page__hero{
    background-color: #fff;
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #111428;
/*     padding-top: 150px; */
}

.home-page__container {
    display: flex;
    align-items: center;
    max-width: 1350px;
	min-height: 75vh;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    padding: 12rem 0px;
}

.home-page__infomation{
    width: 50%;
    opacity: 0;
}

.home-page__infomation p{
}

.home-page__infomation h1{
    font-size: 4.5rem;
    color: #111428;
    margin-bottom: 1rem;
}

.home-page__image{
    width: 50%;
    position: relative;
}

.home-page__buttons{
    display: flex;
    gap: 2rem;
    margin-bottom: 5rem;
}

@media screen and (max-width: 549px) {
    .home-page__buttons { flex-direction: column; grid-gap: 1rem; margin-top: 2rem; }
    .home-page__buttons .btn { margin: 0px!important; width: 100%; text-align: center; }
}


.home-page__mortgage{
    display: flex;
    gap: 1rem;
    margin-top: 3rem;
}

.home-page__mortgage-text h2{
    font-size:24px;
    color: #111428;
    font-weight: 400;
    margin-bottom: 5px;
}

.home-page__hero--mortgage::before{
    content: '';
    background-image: url('https://lendese.local/wp-content/uploads/2025/03/peopl-tablet.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 80%;
    bottom: 0;
    left: 50%;
    opacity: 1;
    z-index: 2;
}

@media screen and (max-width: 1400px) {
    .home-page__hero--mortgage::before{
        display: none;
    }
    
}




.btn--underline{
    text-decoration: underline;
    color: #111428;
    font-weight: 700;
}



.btn--primary{
    background-color: #a58a6e;
    color: #fff;
    padding: 10px 40px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    margin-top: 1rem;
    font-weight: 700;
    transition: all 0.5s ease;
}

.btn--primary:hover{
   scale: 1.1;
   background-color: #fff;
    color: #a58a6e;
}





@media screen and (max-width: 700px) {
    .btn--primary{
        padding: 10px 20px;
    }
}

.btn--secondary{
    background-color: transparent;
    border: 1px solid #a58a6e;
    color: #a58a6e;
    padding: 10px 40px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    margin-top: 1rem;
    font-weight: 700;
    transition: all 0.5s ease;
}

.btn--secondary:hover{
    background-color: #a58a6e;
    color: #fff;
    scale: 1.1;
}


.home-page__hero::after{
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 45%;
    position: absolute;
    width: 50%;
    height: 85%;
    top: 0;
    right: 0%;
    opacity:1;
    opacity: 0;
    transform: translateX(5%);
    transition: all 0.4s ease-in-out;
}
.home-page__hero.animation-complete::after {
    opacity: 1;
    transform: translateX(0);
}

@media screen and (max-width: 849px) {
    .home-page__hero.animation-complete::after {
        opacity: 0.35;
        right: unset;
        left: 0%;
        width: 100%;
        height: 100%;
        background-position: 30% 45%;
    }
}


.home-page__hero--mortgage::after{

    background-image: url('/wp-content/uploads/2025/05/Bury-St-Edmunds-in-Suffolk-1.webp');
    /* height: 100%; */
    /* left: 51%; */
    max-width: 900px;

}

@media screen and (max-width: 1400px) {
    .home-page__infomation{
        padding-left: 50px;
    }
}

@media screen and (max-width: 849px) {

    .home-page__hero{
        padding-top: 0px;
    }

    .home-page__infomation h1{
        font-size: 3.5rem;
    }


    .home-page__container {
        flex-direction: column;
        padding: 60px 20px 100px;
    }

    .home-page__hero::after{
		width: 100%;
        left: 0;
        opacity: 0.2;
        background-size: cover;
        z-index: 1;
    }

    .home-page__infomation{
        width: 100%;
        z-index: 2;
        padding-left: 10px;
    }

    .home-page__image{
        width: 100%;
    }

    .home-page__buttons{
        
    }
    
}


.homepage__m_tabs{
    background-color: #111428;
}

/* Slider One */

.homepage__tabs__title{
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 26px;
}

.swiper-container{
    margin-left: auto;
    margin-right: auto;
    max-width: 1350px;
    position: relative;
    z-index: 8;
}


.tab-slider .swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: 100%;
    position: relative;
    opacity: 0;
}



.tab-slider {
    position: relative;
    overflow: visible;
    margin-top: -270px;
    cursor: grab;

}

.slide-services{
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 10px;
}

.slide-services{
    background-position: left center;
}

.slider_info_backdrop{
    backdrop-filter: brightness(0.5);
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.slider_info__content{ 
    position: absolute;
    background-color: #fff;
    bottom: 0;
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-radius: 0 10px 0px 10px;
}





.slider_info__content h2{
  margin-bottom: 0px;
  font-size: 17px;
}


.slider_info__content h2::before{
    content: '';
    background-image: url(/wp-content/uploads/2025/12/Asset-1.svg);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background-size: 22px;
    display: inline-flex;
    position: relative;
    top: 9px;
    margin-right: 12px;
}



.tab-button-next::before{
    content: '';
  
    background-image: url(/wp-content/uploads/2025/03/arrow-left.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    background-size: 60px;
    display: inline-flex
;
    position: relative;
    bottom: 215px;
    margin-right: 23px;
    left: 10px;

}

/* .tab-button-prev::before{
    content: '';
    background-image: url(/wp-content/uploads/2025/03/arrow-left.svg);
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    background-size: 27px;
    display: inline-flex;
    position: relative;
    top: 5px;
    margin-right: 12px;

} */



@media screen and (max-width: 849px) {

    .slide-services{
        height: 200px;
    }

    .slider_info__content{
        padding: 10px;
        width: 80%;
    }


    
}
/* Tabs */

.tab-container{
    background-color: #fff;
    border-radius: 30px;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    height:auto;
    display: flex;
    gap: 30px;
    padding: 20px;
}

.tab-picker{
    background-color: #111428;
    width: 30%;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
    padding: 20px;
}

.tab__picture{
    margin-top: auto;
}

.homepage__m_tabs{
    padding: 100px 50px;
}



.tab-picker .tab {
    background-color: transparent;
    color: #fff;
    padding: 10px 20px;
    border-radius: 40px;
    width: 100%;
    transition: 
        transform 0.3s ease, 
        background-color 0.3s ease, 
        color 0.3s ease, 
        box-shadow 0.3s ease,  
        opacity 0.3s ease,     
        padding 0.3s ease;    
    cursor: pointer;
}

.tab-picker .tab:hover {
    transform: scale(1.05); 
    opacity: 0.4; 
}

.tab-picker .tab.active {
    color: #111428;
    padding: 12px 24px; 
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5); 
    
}

.tab-content{
    width: 100%;
    color: #111428;
    opacity: 1;                  
    transform: translateY(20px); 
    transition: opacity 0.5s ease, transform 0.5s ease;  
}

.tab-header{
text-align: center;

}

.tab-header h2{
    padding-top: 100px;
    padding-bottom: 30px;
    font-size: 3.5rem;
    font-weight: 700;
    color: #fff;
}


.tab__content-top{
    display: flex;
    gap: 20px;
}


.tab-content__content{
    width: 50%;
    display: flex;
    flex-direction: column;
}

.tab-content__title{
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    margin-top: 2rem;
    color: #111428;
}

.tab-content__description{
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: #111428;
}

.tab-content__bold-description{
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #111428;
}

.tab-content__button{
    background-color: transparent;
    padding: 10px 30px;
    color: #111428;
    border-radius: 30px;
    font-weight: 700;
    font-size: 1rem;
    width: fit-content;
    text-align: center;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 70px;
    transition: all 0.8s ease; 
}

.tab-content__button:hover{
    
    transform: scale(1.05);
    color: #111428;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
}


.tab-content__image-container{
    width: 50%;
    display: flex;
   position: relative;
}

.tab-content__image{
   position: absolute;
   width: 100%;
   top: 1.5rem;
}


.footer__links__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    grid-template-rows: repeat(3, auto);  
    column-gap: 50px; 
    row-gap: 15px;
    padding: 20px 0px;
    width: 100%;  
    box-sizing: border-box; 
    position: relative;
}

.footer__links__content a{
    border-bottom: 1px solid #111428;
    color: #111428;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    padding: 5px 5px;
    position: relative;
}

.footer__links__content a::after{
    content: '';
    background-image: url('/wp-content/uploads/2025/03/download-1.svg');
    display: inline-flex;
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 30px;
    transition: width 0.3s;
    right: 0px;
    background-repeat: no-repeat;
    bottom: 5px;
}


.footer__link-Mortgages:hover{
    background-color: #99cc00;
    color: #111428;
    border-radius: 5px;
}

.footer__link-Home:hover{
    background-color:#98daea;
    color: #111428;
    border-radius: 5px;
}

.footer__link-Felixstowe:hover{
    background-color: rgb(244, 154, 28);
    color: #111428;
    border-radius: 5px;
}

.footer-menu .menu-item {
    font-size: 16px;
    color: #fff!important;
}
.footer-menu .menu-item a.ux-menu-link__link {
    min-height: unset!important;
    line-height: 1!important;
    padding: 7px 0px!important;
}
.footer-menu .menu-item a.ux-menu-link__link span {
    color: #fff !important;
    transition: color 0.3s ease;
}
.footer-menu .menu-item a.ux-menu-link__link:hover span {
    color: #a58a6e !important;
}
.footer-menu .menu-item.footer-menu-title {
    margin-bottom: 10px !important;
    color: #fff !important;
    font-weight: 800;
    font-size: 1rem;
}



@media screen and (max-width: 850px) {

    .homepage__m_tabs{
        padding: 50px 20px;
    }

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

    .tab-picker{
        width: 100%;
    }

    .tab__content-top{
        width: 100%;
        flex-direction: column;
    }


    .tab-content__content {
        width: 100%;
    }

    .tab-content__image-container {
        width: 100%;
    }

    .tab-content__image {
     display: none;
    }

    .tab-content__button{
        margin-bottom: 20px;
    }


    .footer__links__content {
        grid-template-columns: repeat(1, 1fr); /* 1 columns */
        grid-template-rows: repeat(6, auto);  /* 6 rows */
        column-gap: 0px; 
        row-gap: 20px;
        padding: 20px 0px;
        width: 100%;  /* Make sure the container is wide enough */
        box-sizing: border-box;
    }

    .tab-slider {
        margin-top: -170px;
    }

}

@media screen and (max-width: 550px) {

    .homepage__m_tabs .tab-container {
        padding: 10px;
    }

    .homepage__m_tabs .tab-picker {
        padding: 15px;
    }

    .homepage__m_tabs .tab-content {
        padding: 10px;
    }

}



.flag__outer{
    background-color: #DDF1F8;
    position: relative;
    width: 100%;
    z-index: 1;
    color: #111428;
}

.flag__image{
    position: absolute;
    width: 40%;
}

.flag__container{
    display: flex;
    gap: 1rem;
    position: relative;
    padding: 15rem 0px;
    width: 100%;
    align-items: center;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

.flag__inner{
    z-index: 2;
    width: 100%;
    display: flex;
    gap: 5rem;
}

.flag__content{
    width: 50%;
    display: flex;
    flex-direction: column;

}


.direction-row .flag__content {
    opacity: 0;
    transform: translateX(80px); /* Start slightly to the right */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.direction-row-reverse .flag__content {
    opacity: 0;
    transform: translateX(-80px); /* Start slightly to the left */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.flag__content.visible {
    opacity: 1;
    transform: translateY(0);
}



.flag__content_inner h2{
    font-size: 3.5rem;
    font-weight: 700;
    color: #111428;
    margin-bottom: 20px;
    margin-top: 20px;
}

.btn--third{
    color: #a58a6e;
    background-color: #fff;
    padding: 10px 40px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    margin-top: 1rem;
    font-weight: 700;
    transition: all 0.5s ease;
}

@media screen and (max-width: 550px) {
    .btn--third {
        padding: 6px 20px;
        font-size: 15px;
    }
}

.btn--third:hover{
    background-color: #a58a6e;
    color: #fff;
    scale: 1.1;
}


.spacer{
    width: 50%;
}


.flag__accordion_item {
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 5px;
}

.flag__accordion_title {
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 18px;
        background: transparent;
        color: #111428;
        padding: 7px 1rem 7px 0px;
        border-radius: 30px;
        gap: 1rem;
    }

    .flag__accordion_title h3{
        margin-bottom: 0px;
    }



/* Style for the active accordion item */
.flag__accordion_title.active {
    background-color: #aeb2b8; /* Apply blue background to active item */
    color: #111428; /* Change text color to white for better visibility */
    padding: 14px 1rem;
}


/* Apply transition for smooth background color change */
.flag__accordion_title {
    transition: all 0.3s ease;
    
}



.flag__accordion_content {
    display: none;
    padding: 10px 10px;
}

.flag__accordion_content p{
    margin-bottom: 0px;
}

.close-btn {
    display: inline-flex; /* Ensure proper alignment */
    align-items: center;
    justify-content: center;
    width: 20px; /* Adjust this to match your SVG's size */
    height: 20px;
    transform-origin: center center; /* Ensures rotation happens around the center */
    transition: transform 0.3s ease;
}

.close-btn img {
    width: 100%; /* Makes sure the image fully fits */
    height: 100%;
    display: block; /* Removes extra space issues */
}

.flag__accordion_content {
    display: none; /* Hidden by default */
}

.flag__accordion_content.open {
    display: block; /* Show when class 'open' is added */
}



/* .flag__outer::after{
    content: "";
    background-image: url('/wp-content/uploads/2025/03/Mask-Group-1.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 1;
} */

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

.flag__outer.direction-row-reverse{
    flex-direction: row-reverse;
    display: flex;
}

.flag__inner.direction-row-reverse{
    flex-direction: row-reverse;

}

.direction-row-reverse::after{
    left: 65%;
    background-image: url('https://lendese.local/wp-content/uploads/2025/03/Mask-Group-2.png');
}

@media screen and (max-width: 1340px) {

    .flag__inner{
        gap: 2rem;
        flex-direction: column;
    }

    .flag__content{
        width: 100%;
        padding: 0px 2rem;
    }

    .flag__image{
        opacity: 0.2;
        width: 80%;
    }
}

@media screen and (max-width: 700px) {
    .flag__image{
        width: 100%;
    }   
}

@media screen and (min-width: 700px) and (max-width: 1000px){
    .flag__container{
        padding: 11rem 0px!important;   
    }
}


@media screen and (max-width: 700px) {
    .flag__container{
        padding: 5rem 0px!important;
    }


    .flag__inner.direction-row-reverse{
        flex-direction: column;
        width: 100%;
    }
}



/* Flag 2 */

.flagTwo{
    background-color: #a58a6e;
    position: relative;
    width: 100%;
    color: #09255C;
    padding: 0px 3rem;
}



.flagTwo__container{
    display: flex;
    gap: 40px;
    position: relative;
    width: 100%;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    height: 50rem;
}


.flagTwo__image{
    width: 50%;
    position: relative;
}

.flagTwo__image img{
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2;
}

.flagTwo__content{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: right;
}


.flagTwo__title{
    font-size: 3.5rem;
    font-weight: 700;   
    color: #09255C;
    margin-bottom: 20px;
}

.flagTwo__description{
    font-size: 1.2rem;
    color: #09255C;
    margin-bottom: 20px;
}

.flagTwo__button_stack{
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}

.flagTwo__button_stack a{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

.flagTwo__button_stack p{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}


@media screen and (max-width: 1024px) {

    .flagTwo{
        padding: 0px;
    }


    .flagTwo__container{
        flex-direction: column;
        position: relative;
        height: 33rem;
        padding: 2em 0px;
    }

    .flagTwo__content{
        width: 100%;
        z-index: 2;
        text-align: left;
        padding: 0px 2rem;
    }

    .flagTwo__image{
        width: 60%;
        position: unset;
        z-index: 0;
        opacity: 0.2;
    }

    .flagTwo__title{
        font-size: 2.5rem;
    }


    .flagTwo__image img{
        width: fit-content;
        bottom: -40%;
    }


    .flagTwo__button_stack{
        display: flex;
        gap: 1rem;
        justify-content: flex-end;
        align-items: flex-start;
        flex-direction: column;

    }
   
    
}

@media screen and (max-width: 1125px) and (min-width: 950px) {
    .btn--third{
        padding: 10px 10px;
    }
}





/* Slider Two */

.slider-two{
    background-color: #FFF;
    position: relative;
    width: 100%;
    color: #111428;
    cursor: grab;
}

.slider-two__container{
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    padding: 8rem 0px;

}

.slider-two__header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4rem;
    margin-bottom: 4rem;
}

.slider-two__content__heading h2{
    font-size: 3.5rem;
    font-weight: 700;
    color: #111428;
}

.reviews-slider{
    overflow: visible;
}

.reviews-slider__scrollbar{
 top: 230px!important;
 height: 10px!important;
 border-radius: 0px!important;
}

.reviews-slider__scrollbar .swiper-scrollbar-drag{
    border-radius: 0px!important;
    background-color: #111428!important;
}

.reviews-slider__content__stars{
    margin-bottom: 1rem;
}

@media screen and (max-width: 700px) {
    .reviews-slider__scrollbar {
        top: unset!important;
        bottom: 0px!important;
    }
    .slider-two__container{
        padding: 6rem 2rem;
    }

    .slider-two__header h2{
        font-size: 2.2rem;
    }
}


.mortgage-products__header h2{
    font-size: 3.5rem;
    font-weight: 700;
    color: #111428;
    text-align: center;
    margin-bottom: 3rem;
}

.mortgage-products{
    background-color: #DDF1F8;
    color: #fff;
    padding: 10rem 0px;
}


@media screen and (max-width: 700px) {
    .mortgage-products{
        padding: 2rem 0px;
    }
}


.mortgage-products__container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 30px;
}

.mortgage-products__product__content h3{
    margin-bottom: 0px!important;
}

.mortgage-products__product__content h3::before{
    content: '';
    background-image: url(/wp-content/uploads/2025/12/Asset-1.svg);
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    background-size: 27px;
    display: inline-flex;
    position: relative;
    top: 9px;
    margin-right: 12px;
}




@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.home-page__hero--mortgage::before {
    content: '';
    background-image: url(/wp-content/uploads/2025/03/AdobeStock_854857340.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 80%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); /* Centers the image */
    opacity: 0; /* Start hidden */
    z-index: 2;
    animation: fadeInUp 1.5s ease-in-out forwards; /* Apply animation */
}




.mortgage-products__product:nth-child(1),
.mortgage-products__product:nth-child(2),
.mortgage-products__product:nth-child(3),
.mortgage-products__product:nth-child(4) {
    grid-column: span 1;
}

.mortgage-products__product:nth-child(5),
.mortgage-products__product:nth-child(6) {
    grid-column: span 1;
}


.mortgage-products__product {
    background-color: white;  
    border-radius: 20px;  
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 145px;
    transition: all 0.3s ease;
}


.mortgage-products__product:hover{
   transform: scale(1.05);
}

.mortgage-products__product__image{
    display: flex;
    align-self: flex-end;
}

.mortgage-products__cta {
    background-color: #a58a6e;  
    border-radius: 20px;  
    color: #111428;  
    grid-column: span 2; 
    display: flex;
    align-items: center;
    gap: 0px;
    justify-content: space-around;

}

.mortgage-products__cta {
    grid-column: span 2;  
}

.mortgage-products__cta .cta_content * {
    color: #fff;
}


.cta_content h3{
    margin-bottom: 0px;
}

.cta_content p{
    margin-bottom: 0px!important;
}


.cta_button a{
    color: #a58a6e;
    background-color: #fff;
    padding: 10px 40px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    margin-top: 1rem;
    font-weight: 700;
}

@media (max-width: 768px) {
    .mortgage-products__container {
        grid-template-columns: repeat(1, 1fr);  
    }
    
    .mortgage-products__cta {
        grid-column: span 1;  
        flex-direction: column;
        padding: 20px;
        text-align: center;
    }

    .mortgage-products__product__content h3{
        font-size: 22px;
    }

    .mortgage-products__product {
       height: 130px;
       flex-direction: row-reverse;
         gap: 20px;
        align-items: center;
    }

    .mortgage-products__product__image{
        align-self: center;
    }

    .mortgage-products__product__image img{
        width: 80%;
    } 
}

/* 
contact page
 */

.contact-flag{
    background-color: #BBE3F0;
    position: relative;
    width: 100%;
    color: #111428;
}



.contact__container{
    position: relative;
    width: 100%;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    padding: 8rem 0px;
}



.contact-flag__inner{
    display: flex;
    gap: 5rem;
    align-items: center;
}


.contact-flag__info{
    width: 50%;
}

.contact-flag__info h2{
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 2rem;
}

.contact-flag__check{
    font-weight: 700;
}

.contact-flag__check::before{
    content: '';
    background-image: url(/wp-content/uploads/2025/03/Group-1257.svg);
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    background-size: 27px;
    display: inline-flex;
    position: relative;
    top: 5px;
    margin-right: 12px;
}
.contact-flag__check.c-white::before{
    background-image: url(/wp-content/uploads/2026/06/Group-1257-white-1.svg);
}

.contact-flag__bottom-text{
    margin-top: 2rem;
}

.contact-flag__form{
    width: 50%;
    background-color: #fff;
    padding: 2rem;
    border-radius: 20px;
    color: #111428;
}

.contact-flag__form .gform_title{
    padding: 20px 0px;
    font-size: 2.5rem;
    font-weight: 700;
    color: #111428;
}

.contact-flag__form .gform-theme--foundation .gform_fields{
    row-gap: 20px;
}


.contact-flag__form .gform_body .gform_fields input[type="text"],
.contact-flag__form .gform_body .gform_fields input[type="email"],
.contact-flag__form .gform_body .gform_fields input[type="tel"],
.contact-flag__form .gform_body .gform_fields input[type="number"],
.contact-flag__form .gform_body .gform_fields select
{
border-radius: 99px;
border-color: #DEE1E3;
padding: 25px;
color: #111428;
outline: none !important; 
box-shadow: none !important; 
}

.contact-flag__form .gform_body .gform_fields textarea{
    border-radius: 20px;
    border-color: #DEE1E3;
    padding: 25px;
    outline: none !important; 
    box-shadow: none !important; 
}
/* Hide the default checkbox and style it */
.contact-flag__form input[type="checkbox"] {
    appearance: none !important; /* Removes default styling */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: 30px !important; /* Make it bigger */
    height: 30px !important;
    border: 5px solid #a58a6e !important; /* Blue outline */
    border-radius: 5px !important; /* Rounded corners */
    display: inline-block !important;
    position: relative !important;
    background-color: white !important; /* Background color */
    cursor: pointer !important;
    outline: none !important; 
    box-shadow: none !important; 
}

/* Add custom blue tick when checked */
.contact-flag__form input[type="checkbox"]:checked::before {
    content: '✔' !important; /* Unicode checkmark */
    font-size: 20px !important;
    color: #a58a6e !important; /* Blue tick */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-weight: bold !important;
}

.contact-flag__form .gform_footer input[type="submit"]{
    background-color: #a58a6e!important;
    border-radius: 99px!important;
    border: none;
    padding: 15px 50px !important;
    color: #111428!important;
    font-size: 20px!important;
    font-weight: 700!important;
}


@media screen and (max-width: 700px) {
    .contact__container{
        padding: 2rem 15px;
    }

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

    .contact-flag__info{
        width: 100%;
    }
    
    .contact-flag__form{
        width: 100%;
    }
}









/* Calculator */

.calculator{
    background-color: #fff;
    padding: 10rem 0px;
    position: relative;
    position: relative;
    width: 100%;
}


.calculator__header{
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr; 
    justify-content: center;
    align-items: center;
}

.calculator__borrow{
    max-width: 400px;
}

.calculator__borrow h2{
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-align: center;

}

.calculator__repay h2{
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-align: center;
}

.calculator__repay{
    max-width: 400px;
}

.calculator__switch {

    display: flex; 
    justify-content: center;


    --button-width: 10em;
    --button-height: 4em;
    --toggle-diameter: 3em;
    --button-toggle-offset: calc((var(--button-height) - var(--toggle-diameter)) / 2);
    --toggle-shadow-offset: 10px;
    --toggle-wider: 3em;
    --color-grey: #f5f5f5;
    --color-green: #f5f5f5;
   }
   
   .calculator__slider {
    display: inline-block;
    width: var(--button-width);
    height: var(--button-height);
    background-color: var(--color-grey);
    border-radius: calc(var(--button-height) / 2);
    position: relative;
    transition: 0.3s all ease-in-out;
   }
   
   .calculator__slider::after {
    content: "";
    display: inline-block;
    width: var(--toggle-diameter);
    height: var(--toggle-diameter);
    background-color: #111428;
    border-radius: calc(var(--toggle-diameter) / 2);
    position: absolute;
    top: var(--button-toggle-offset);
    transform: translateX(var(--button-toggle-offset));
    box-shadow: var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
    transition: 0.3s all ease-in-out;
   }
   
   .calculator__switch input[type="checkbox"]:checked + .calculator__slider {
    background-color: var(--color-green);
   }
   
   .calculator__switch input[type="checkbox"]:checked + .calculator__slider::after {
    transform: translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));
    box-shadow: calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
   }
   
   .calculator__switch input[type="checkbox"] {
    display: none;
   }
   
   .calculator__switch input[type="checkbox"]:active + .calculator__slider::after {
    width: var(--toggle-wider);
   }
   
   .calculator__switch input[type="checkbox"]:checked:active + .calculator__slider::after {
    transform: translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)));
   }

   .calculator{
    display: flex;
    gap: 5rem;
    align-items: center;
    justify-content: center;
   }
   
   @media screen and (max-width: 700px) {
    .calculator{
        padding: 6rem 0px;
    }

    .calculator .container{
        padding-left: 20px!important;
        padding-right: 20px!important;
    }

    .calculator__header{
        gap: 0.5rem;
        margin-bottom: 2rem;

        grid-template-columns: 1fr 92px 1fr;

    }

    .calculator__borrow h2{
        font-size: 1.3rem;
    }

    .calculator__repay h2{
        font-size: 1.3rem;
    }

    .borrow__form{
       flex-direction: column;
       gap: 2rem!important;
    }

    .repay__form{
        flex-direction: column;
    }


    .borrow__form__inputs{
        width: 100%!important;
    }

    .repay__form__inputs{
        width: 100%!important;
    }

    .borrow__form__results{
        width: 100%!important;
    }

    .repay__form__results{
        width: 100%!important;
    }

    .calculator__switch {
        --button-width: 5em;
        --button-height: 2em;
        --toggle-diameter: 1em;
    }


    
   }








.borrow__form{
    display: flex;
    gap: 5rem;
    align-items: center;
}

.borrow__form__inputs{
    width: 50%;
    
}

.borrow__form__results{
    display: flex;
    gap: 2.5rem;
    margin-top: 1rem;
    background-color: #f5f5f5;
    padding: 2rem;
    border-radius: 20px;
    flex-direction: column;
    align-items: center;
    width: 50%;
}

.borrow__form__results h3{
color : #111428;
text-align: center;
font-size: 2.5rem;
margin-bottom: 0px;
}


.borrow__form__results p{
    margin-bottom: 0px!important;
    text-align: center;
}

.repay__form__results h5{
    margin-bottom: 0px!important;
    text-align: center;
}


#borrow-amount{
    font-weight: 700;
    font-size: 5rem;
    margin-bottom: 0px!important;
}

#repay__form__results__total_repayable{
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 0px!important;
    line-height: 40px;
}

#repay__form__results__total{
    font-weight: 700;
    font-size: 5rem;
    margin-bottom: 0px!important;
}

.repay__form__results{
    display: flex;
    gap: 3.5rem;
    background-color: #f5f5f5;
    padding: 3rem;
    border-radius: 20px;
    flex-direction: column;
    align-items: center;
    width: 50%;
}

.repay__form__results p{
    margin-bottom: 0px!important;
    text-align: center;
}

.repay__form__results h3{
    color : #111428;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 0px;
}

.repay__form__results{
    margin-bottom: 0px!important;
    text-align: center;
}

#repay__form__results__payable{
    color : #111428;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 0px;
    font-weight: 700;
    line-height: 40px;
}


#reapay__form__results__per-month{
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 0px!important;
}

#repay-amount-per-month{
    font-weight: 700;
    font-size: 5rem;
    margin-bottom: 0px!important;
}

#repay__form__results__interest{
    font-weight: 700;
    font-size: 5rem;
    margin-bottom: 0px!important;
    font-weight: 700;
}

#repay__form__results__total_repay{
    font-weight: 700;
    font-size: 5rem;
    margin-bottom: 0px!important;
    font-weight: 700;
}



.repay__form{
    display: flex;
    gap: 5rem;
    align-items: center;
}

.repay__form__inputs{
    width: 50%;
}

.borrow__form__inputs input{
    width: 100%;
    padding: 1.5rem;
    border-radius: 50px;
    border: 1px solid #DEE1E3;
    outline: none;
    box-shadow: none;
}

.repay__form__inputs input{
    width: 100%;
    padding: 1.5rem;
    border-radius: 50px;
    border: 1px solid #DEE1E3;
    outline: none;
    box-shadow: none;
}   


.calculator__repay h2{
    color:#CDD0DA;
}

.calculator__borrow h2{
    color:#CDD0DA;
}

.selected-active{
    color: #111428!important;
}

.mortgage-journey{
    padding: 10rem 0px;
    background-color: #FFF8ED;
}

.mortgage-journey__header{
    text-align: center;
    margin-bottom: 3rem;
}

.mortgage-journey__header h2{
    color: #111428;
    font-size: 3rem;
    margin-bottom: 60px;
    font-weight: 700;
}

/* Container for the mortgage journey */
.mortgage-journey__content {
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    grid-template-rows: auto auto; 
    gap: 20px; 
    counter-reset: step; 
}

.mortgage-journey__content h3{
margin-bottom: 0px;
}

.mortgage__step {
    padding: 20px; 
    border-radius: 8px; 
    display: flex;
    flex-direction: column;
    counter-increment: step; 
}

.mortgage__step::before {
    content: counter(step);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #a58a6e;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    align-self: center;
    padding: 0px;
    font-size: 30px;
    font-weight: 600;
}

@media screen and (max-width: 768px) {


    .mortgage-journey{
        padding: 6rem 0px;
    }

    .mortgage-journey__content {
        grid-template-columns: repeat(1, 1fr); 
    }
    

    .mortgage__step::before{
        transform: unset;
    }

}

@media screen and (max-width: 550px) {
    .mortgage__step .mortgage__step__content {
        flex-direction: column;
        text-align: center;
    }
    .mortgage__step .mortgage__step__description {
        text-align: center;
    }

    .mortgage__step::before {
        margin-bottom: 1rem;
        width: 40px;
        height: 40px;
    }
}


.mortgage__step__content {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px; 
}

.mortgage__step__content img {
    width: 50px; 
    height: auto;
}

.mortgage__step__description {
    font-size: 14px;
    color: #111428; 
}

.insights-slider{
    overflow: visible;
}

/* Slider Three */


.slider-three{
    color: #fff;
    padding: 10rem 0px;
    position: relative;
    width: 100%;
    position: relative;
    padding-left: 30px;
    cursor: grab;
}

.slider-three__container{
    position: relative;
    width: 100%;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
}


.slider-three__header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 30px;
}

.slider_three_title h2{
    color: #111428;
    font-size: 3.5rem;
    margin-bottom: 0px;
}

.slider-three__header__link:after{
    content: "";
    background-image: url('/wp-content/uploads/2025/03/arrow-left.svg');
    transform: rotate(180deg);
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    background-size: 27px;
    display: inline-flex;
    position: relative;
    top: 2px;
    margin-left: 12px;
}


@media screen and (max-width: 768px) {

    .slider-three{
        padding: 4rem 0px;
        text-align: center;
    }

    .slider-three__header{
        flex-direction: column;
        gap: 1rem;
        padding: 0px 30px 30px;
    }

    .slider-three__navigation {
        margin-top: 27px!important;
        justify-content: center;
        margin-right: 70px;
    }
    
}



.insights-slider{
    padding-left: 30px;

}

.slider-three{
    background-color: #f5f5f5;
}

.slider-three__navigation{
    margin-top: 50px;
    cursor: pointer;
    display: flex;
    gap: 20px;
}

.swiper-left-button img{
    transform: rotate(180deg);
}

.insights-slider__content__image img{
    width: 100%;
    height: 300px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    object-fit: cover;
}

.insights-slider__content{
    background-color: #fff;
    height: 450px;
    border-radius: 10px;
    
}

.insights-slider__content_text{
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.insights-slider__content__date{
    color: #CDD0DA;
    width: max-content;
}

.insights-slider__content__date::before{
    content: "";
    background-image: url('/wp-content/uploads/2025/03/Interface-Essential-Date-Calendar-calendar-upload.svg'); 
    width: 30px;
    height: 30px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    top: 14px;
    position: relative;
    margin-right: 10px;

}

.insights-slider__content__category{
    background-color: #a58a6e;
    color: #fff;
    padding: 2px 30px;
    width: max-content;
    border-radius: 30px;
}


.insights-slider__content h3{
    color: #111428;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 0px;
}


#top-bar .flex-left, #top-bar .flex-right{
    display: none;
}

.custom.html_topbar_left{
    width: 100%;
}

#top-bar .flex-row.container{
    max-width: unset;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

#top-bar .nav-center{
    margin-bottom: 0px!important;
    width: 100%;

}

#top-bar .flex-center{
   margin: unset;   
    width: 100%;

}

#header.header #masthead.header-main .mobile-nav.nav { 
    margin: 0!important;
 }
#header.header #masthead.header-main .mobile-nav.nav .nav-icon a { 
    padding: 0!important; 
}

#header.header #masthead.header-main .mobile-nav.nav li a i:not(.icon-angle-down),
#header.header .header-wrapper.stuck #masthead.header-main .mobile-nav.nav li a i:not(.icon-angle-down) {
    color: #111428!important;

}


@media screen and (max-width: 768px) {
    #top-bar{
        display: none;
    }
    
}

header{
    padding-top: 0px!important;
}


.header-inner{
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.web-top-bar{
    background-color: #a58a6e;
    color: #fff;
    padding: 2px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.web-top-bar a {
    color: #fff;
}
.web-top-bar a:hover {
    color: #111428;
}

@media screen and (max-width: 849px) {
    .web-top-container p {
        text-align: center;
    }
}

.web-top-container p{
    margin-bottom: 0px!important;
}

.web-top-container{
    display: flex;
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
    gap: 10px;
}

.web-top-container img{
    margin-left: auto;
    cursor: pointer;
}

/* .web-top-container p::before{
    content: "";
    -webkit-mask: url('/wp-content/uploads/2025/03/before.svg') no-repeat center / contain; mask: url('/wp-content/uploads/2025/03/before.svg') no-repeat center / contain;
    background-repeat: no-repeat;
    width: 27px;
    height: 22px;
    background-size: 22px;
    display: inline-flex;
    position: relative;
    top: 8px;
    margin-right: 6px;
    background-color: #fff;
} */

/* .web-top-container p::after{
    content: "";
    background-image: url('/wp-content/uploads/2025/03/cross.svg');
    background-repeat: no-repeat;
    width: 27px;
    height: 22px;
    background-size: 22px;
    display: inline-flex;
    position: relative;
    top: 5px;
    margin-right: 6px;
    left: 30px;
    pointer-events: auto;
} */



.web-top-container a{
    text-decoration: underline;
    font-weight: 700;
}

.nav>li.active{
    border-bottom: none!important;
}

.header-wrapper.stuck{
    background-color: #f5f5f5!important;
}

.header-wrapper.stuck .menu-item .nav-top-link {
    color: #111428!important;
}


/* This really had to be 5 columns didn't it? */

/* .col-25{
    width: 20%!important;
}

@media screen and (max-width: 768px) {
    .col-25{
        width: 100%!important;
    }
}


#footer .footer__nav-links p {
    margin-bottom: 10px!important;
    color: #fff!important;
    font-weight: 800;
    font-size: 1rem;
}

footer .footer__menu-row{
    border-bottom: none!important;
}

footer .footer__disclaimer-row{
    border-bottom: none!important;
}

.footer_copyright-text{
    display: flex;
    justify-content: space-between;
}
.footer__social-links{
    display: flex;
    gap: 20px;
}

.footer__social-links a{
    color: #fff;
    width: 40px;
}

.footer-logo{
    align-items: flex-start!important;
}

.footer_fourth_links li{
    list-style: none;
 }
 
 .fourth-col{
     display: flex;
     flex-direction: column;
 }
 
 .fourth-col a{
     color: #fff!important;
     font-weight: 700;
     margin-bottom: .375rem!important;
 } */


 footer .footer__menu-row{
    border-bottom: none!important;
}

footer .footer__disclaimer-row{
    border-bottom: none!important;
}

.footer-logo{
    align-items: flex-start!important;
}


 .griddy-footer {
    display: grid!important;
    grid-template-columns: repeat(5, 1fr); 
    gap: 20px; 
    padding: 20px;
  }

  .fourth-col a{
    color: #fff!important;
    font-weight: 700;
    margin-bottom: .375rem!important;
} 
  
  .footer__nav-links {
    padding: 15px;
    border-radius: 5px; /* Optional: for rounded corners */
  }

  .footer__social-links a{
    color: #fff;
    width: 40px;
}


.footer__social-links{
    margin-top: 30px;
}
  
.footer-wrapper .footer__nav-links p {
    margin-bottom: 10px!important;
    color: #fff!important;
    font-weight: 800;
    font-size: 1rem;
}

.footer-wrapper:not(:has(p)) {
	display: none;
}
  
.footer__nav-links a {
    text-decoration: none;
    color: #333; /* Change the color as needed */
}
  
  .menu-footer-one-container,
  .menu-footer-two-container,
  .menu-footer-three-container {
    margin-top: 10px;
  }
  
  .menu-footer-one-container ul,
  .menu-footer-two-container ul,
  .menu-footer-three-container ul,
  .footer_fourth_links {
    list-style-type: none;
    padding: 0;
  }
  
  .menu-footer-one-container li,
  .menu-footer-two-container li,
  .menu-footer-three-container li,
  .footer_fourth_links li {
    margin-bottom: 8px;
  }
  
  .call-us-row {
    padding: 15px;
    border-radius: 5px; /* Optional: for rounded corners */
  }
  
  .call-us-row p {
    margin: 5px 0;
  }
  
  .call-us-row a {
    font-size: 16px;
    font-weight: bold;
    color: #333; /* Change the color as needed */
    text-decoration: none;
  }
  
  .call-us-row a:hover {
    text-decoration: underline; /* Adds a hover effect */
  }



@media screen and (max-width: 768px) {
    .griddy-footer {
        display: grid!important;
        grid-template-columns: repeat(1, 1fr); 
        gap: 0px; 
        padding: 0px;
      }


      .footer__nav-links{
            padding: 0px;
      }
    
}











.review-header{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px!important;
    gap: 10px;
}

.review-header p{
    margin-bottom: 0px!important;
}

.reviews_links{
    display: flex;
    gap: 20px;
    margin-left: 10px;
    gap: 10px;
}

.reviews_links a{
    color: #111428;
    text-decoration: underline;
}

.header-main{
    min-height: 104px!important;
    background-color: #fff;
}

@media screen and (max-width: 768px) {
    .header-main{
        min-height: 75px!important;
    }
}

.stuck .header-main{
    min-height: 104px!important;
}

@media screen and (max-width: 850px) {
    .stuck .header-main{
        min-height: 75px!important;
    }
}

#logo{
	align-self: stretch;
	display: inline-flex;
	flex-direction: row;
	align-items: flex-end;
	padding-bottom: 10px;
}

#logo a {
	width: 100%;
}

@media screen and (max-width: 850px) {
    .stuck #logo img { 
        padding: 0px!important; 
    }
}

.reviews_link_one{
    display: flex;
    align-items: center;
    gap: 5px;
}

.reviews_link_one img{
    position: relative;
    bottom: 3px;

}

.bold_text{
    font-weight: 700;
}

.header.header #masthead.header-main .nav li>a{
    color: #111428!important;
}





.no_bottom_margin{
    margin-bottom: 0px!important;
}

.fourth-col li{
    margin-bottom: 0px!important;
}


.call-us-row p{
    color: #fff!important;
    font-weight: 400!important;
    font-size: 30px;
    margin-bottom: 6px!important;
}

.call-us-row a{
    color: #fff!important;
    font-weight: 700;
    font-size: 30px;

}

.call-us-row a::before{
    position: relative;
    bottom: 0px;
    content: "";
    background-image: url('/wp-content/uploads/2025/03/ios-telephone.svg');
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    background-size: 27px;
    display: inline-flex;
    position: relative;
    top: 0px;
    margin-right: 6px;
    margin-bottom: 20px!important;
}


@media screen and (max-width: 768px) {

    #logo{
        align-self: center;
    }

    header.header #masthead.header-main{
        height: 40px!important;
    }

    .web-top-container{
        width: 100%;
        padding: 0 10px;
    }


    .footer_copyright-text{
        flex-direction: column;

    }

    .footer__social-links{
        margin-top: 50px;
    }

    /* .footer-logo svg{
        width: 180%;
    } */
}


/* .footer__menu-row li{
    border: 1px solid #fff!important;
} */

.header.header{
    padding: 0px!important;
}

.header-main{
    position: sticky!important;
    top: 0px!important;
}

.stuck .hide-for-sticky{
    display: block!important;
}

#header{
    position: sticky!important;
    top: 0px!important;
}

.block-hero-news .trending-post-swiper .post-heading-col h3 {
	color: #111428;
}

.gform-body .gform_fields {
	row-gap: 15px;
}
.gform-footer.gform_footer input[type="submit"] {
	background-color: #111428!important;
	font-weight: 800!important;
	padding: 0 1.2em!important;
}

.icon-box.iconbox-center {
    display: flex;
    align-items: center;
}