<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Site Styles
================================================== */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&amp;display=swap');

/* ### general ### */
html,
body { font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 1.4; color: #0e203e; background: #fff; }
input[type='radio'] { margin-right: 12px; width: 22px; height: 22px; }
input,
select,
textarea { font-family: 'Poppins', sans-serif; font-size: 12px; color: #111; }
textarea { min-height: 95px; }
label { margin-bottom: 5px; font-size: 14px; font-weight: 700; }
select { --webkit-appearance: none; appearance: none; cursor: poPoppins; }
.custom-select-arrow { background: url('../images/arrow-down.svg') no-repeat center right 10px; }
.custom-select-arrow2 { background: url('../images/arrow-down.png') no-repeat center right 10px; }
img { display: block; max-width: 100%; height: auto; border: 0; }
:focus { outline: none; }
ul { margin: 0; list-style : none; padding: 0; }
ul.simple-ul { margin: 0; list-style : none; }
a { display: inline-block; transition: all 0.25s ease-in-out; color: #B76E3D;}
p { margin-bottom: 10px; }
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 { margin-bottom: 2px; font-family: 'Poppins', sans-serif; font-weight: 700; line-height: 1.2; color: #0e203e; }
h1,
.h1 { font-size: 26px; }
h2,
.h2 { font-size: 26px; }
h3,
.h3 { font-size: 20px; }
h4,
.h4 { font-size: 18px; }


/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.container { max-width: 810px; }
.container-lg { max-width: 1335px; }
.btn { padding: 8px 4px 6px; position: relative; z-index: 1; display: inline-block; font-size: 16px; font-weight: 700; border-radius: 6px; transition: all 0.5s; overflow: hidden; }
.btn-primary { color: #fff; border: 0; background-color: #df894e; }
.btn-primary:hover { background-color: #B76E3D; }
.btn-outline { color: #fff; border: 1px solid #fff; background-color: transparent; }
.btn-light:hover { border: 1px solid #e3d8d8; background-color: #e3d8d8; }
.btn-light2:hover { border: 1px solid #fff; background-color: #e3d8d8; }
.btn-outline:hover { color: #df894e; background-color: #fff; }
.btn-success { font-size: 14px; background-color: #06ba30; padding: 8px 20px 6px;}
.btn-success i { margin-right: 10px; font-size: 24px; }
.form-control { padding: 7px 15px; width: 100%; height: 36px; font-size: 14px; color: #000; border-top: 0; border-left: 0; border-radius: 3px; background-color: #fff; }
.form-control:focus { border: 1px solid #58595b; box-shadow: none; outline: inherit; }
.form-control::placeholder { color: #cacaca; }
textarea.form-control { min-height: 107px; }
.contact-form-control { margin-bottom: 5px; padding: 7px 10px; width: 100%; font-size: 14px; border: 0; border-radius: 4px; background-color: #f6f6f6; }
textarea.contact-form-control { font-size: 14px; }
.contact-form-control:focus { border: 1px solid #58595b; box-shadow: none; outline: inherit; }
.contact-form-control::placeholder { color: #cacaca; }
.form-select { font-size: 14px; border: none; border-bottom: 1px solid #c5c5c5; border-radius: 0; }

/* ### wrapper ### */
.wrapper { padding-top: 108px; position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
.mainCntr { width: 100%; }

/* ### header container ### */
.header { top: 0; z-index: 12; width: 100%; background-color: #fff; }
.header .topBar { padding-top: 8px; padding-bottom: 6px; text-align: center; background-color: #df894e; }
.header .topBar p { margin-bottom: 0; color: #fff; }
.header .topBar p a { text-decoration: none; color: #fff; text-decoration: underline;}
.header .main { margin: 0 auto; padding: 11px 15px 20px 16px; max-width: 1220px; }
.header .main .logo { max-width: 175px; }
.header .main .logo img { width: 100%; }

/* ### menu box ### */
.menuBox { padding-top: 130px; padding-bottom: 50px; position: absolute; top: -29px; right: -100%; z-index: 1; opacity: 0; visibility: hidden; width: 100%; height: calc(100vh + 29px); text-align: center; background-color: #f7f7f7; transition: all 0.2s ease-in-out; box-shadow: -1px 0 5px 0 rgba(0, 0, 0, 0.1); }
.menuBox:after { position: absolute; top: -10px; left: 0; z-index: -1; width: 100vw; height: 100%; background-color: #df894e; content: ''; }
.menuBox.open { right: 0; opacity: 1; visibility: visible; }
.menuBox ul { margin-bottom: 68px; }
.menuBox ul &gt; li { margin-bottom: 22px; font-size: 20px; color: #fff; list-style: none;}
.menuBox ul &gt; li &gt; a { font-size: 18px; text-decoration: none; color: #fff; transition: all 0.3s; }
.menuBox ul &gt; li &gt; a:hover { color: #fff; }
.menuBox ul.social-media &gt; li { margin-right: 15px; margin-bottom: 0; }
.menuBox ul.social-media &gt; li:last-child { margin-right: 0; }
.menuBox ul.social-media &gt; li &gt; a { font-size: 30px; }

/* ### mobileMenu ### */
.mobileMenu { position: absolute; top: 45px; right: 10px; z-index: 15; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; overflow: hidden; transform: translateY(-66%); transition: all 0.3s; }
.mobileMenu span { position: relative; display: block; width: 28px; height: 2px; text-indent: -9999px; background: #0e203e; transition: all 0.3s; }
.mobileMenu span:before,
.mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 2px; background-color: #0e203e; transition: all 0.3s; content: ''; }
.mobileMenu span:before { top: -8px; }
.mobileMenu span:after { bottom: -8px; }
.mobileMenu.active { top: 50px; }
.mobileMenu.active span { width: 35px; background: none; }
.mobileMenu.active span:before { top: 0; background-color: #fff; transform: rotate(45deg); }
.mobileMenu.active span:after { bottom: 0; background-color: #fff; transform: rotate(-45deg); }

/* ### content container ### */
.contentCntr { width: 100%; }

/* ### banner ### */
.banner { background-color: #0e203e; }
.banner-image { position: unset; width: 100%; height: 200px; }
.banner-image img { width: 100%; height: 100%; object-fit: cover; }
.banner-content { margin: 0 auto; padding: 40px 20px 54px; z-index: 1; max-width: 820px; text-align: center; }
.banner-content h1 { margin-bottom: 22px; color: #fff; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.7); }
.banner .wrap { margin: 0 auto; gap: 10px; max-width: 320px; }
.banner .btn { width: 50%; }



/* ### testimonials ### */
.testimonials { padding-top: 55px; padding-bottom: 30px; background-color: #f2f0ec; }
.testimonials-title:before { position: absolute; top: -20px; left: -4px; width: 128px; height: 4px; background-color: #df894e; content: ''; }
.card-testimonial { margin-bottom: 15px; padding: 17px 15px 20px; display: block; border-radius: 15px; background-color: #fff; }
.card-testimonial-image { margin-bottom: 15px; width: 100%; }
.card-testimonial-image img { max-width: 110px; }
.card-testimonial-content { width: 100%; }
.card-testimonial ul { margin-bottom: 3px; }
.card-testimonial ul &gt; li &gt; i { font-size: 20px; color: #df894e; }
.card-testimonial-name { margin-bottom: 10px; font-size: 16px; }
.card-testimonial a { font-weight: 700; text-decoration: none; color: #df894e; }
.card-testimonial a:hover { text-decoration: underline; }

/* ### experience ### */
.experience { padding-top: 55px; padding-bottom: 20px; }
.experience-title:before { position: absolute; top: -20px; left: 0; width: 128px; height: 4px; background-color: #df894e; content: ''; }
.experience-title h2 { margin-bottom: 10px; }
.experience-title p { font-size: 18px; }
.card-experience { margin-bottom: 15px; padding: 25px 15px; border-radius: 15px; background-color: #f2f0ec; }
.card-experience ul &gt; li i { font-size: 20px; color: #fdbd09; }
.card-experience-number { font-size: 50px; font-weight: 900; text-align: center; }
.card-experience-number sup { top: -29px; right: -10px; font-size: 16px; }
.card-experience-image { display: flex; align-items: center; justify-content: center; height: 70px; }
.card-experience p { font-size: 14px; text-align: center; }

/* ### information ### */
.information { padding-top: 54px; padding-bottom: 45px; background-color: #f2f0ec; }
.information-holder { margin-left: auto; max-width: 1188px; }
.information-heading { margin-bottom: 30px; }
.information-heading:before { position: absolute; top: -17px; left: 0; width: 119px; height: 4px; background-color: #B76E3D; content: ''; }

/* ### brokers ### */
.brokers { padding-top: 64px; padding-bottom: 0; background-color: #f2f0ec; }
.brokers h2 { margin-bottom: 18px; }
.card-broker { margin-bottom: 43px; }
.card-broker-image { margin-bottom: 21px; width: 100%; }
.card-broker-image img { height: 100%; border-radius: 10px; object-fit: cover; }
.card-broker ul { margin-bottom: 22px; }
.card-broker ul &gt; li { margin-bottom: 2px; padding-left: 20px; position: relative; }
.card-broker ul &gt; li:before { position: absolute; top: 0; left: 0; font-family: 'icomoon', sans-serif !important; content: '\e900'; }
.card-broker p { line-height: 1.6; }
.card-broker-media { margin-top: 22px; padding-top: 20px; border-top: 1px solid #0e203e; }
.card-broker-media ul &gt; li { margin-right: 20px; padding-left: 0; }
.card-broker-media ul &gt; li:before { display: none; }
.card-broker-media ul &gt; li a { text-decoration: none; color: #000; }
.card-broker-media ul &gt; li a:hover { color: #06ba30; }
.card-broker-media ul &gt; li i { font-size: 20px; }

/* ### housing ### */
.housing { margin-left: -15px; padding-bottom: 0; width: calc(100% + 40px); }
.housing-holder { background-color: #df894e; }
.housing-holder2 { background-color: #df894e; }
.housing-image { width: 100%; height:auto; max-width: 100%; }
.housing-image img { height: 100%; max-width: 100%; object-fit: cover; }
.housing-content { padding: 20px 20px 20px 20px; color: #ffff; }
.housing-content h4 { color: #fff; }
.housing-content p { margin-bottom: 30px; }
.housing-content-wrap { gap: 15px; max-width: 156px; }
.housing .btn-light { color: #df894e; }
.housing .btn-light2 { color: #0e203e; }



/* ### card information ### */
.card-information { margin-bottom: 12px; display: flex; width: 100%; font-weight: 700; text-decoration: none; color: #0e203e; border-right: 2px solid #dadada; border-bottom: 2px solid #dadada; border-radius: 0 10px 10px 0; background: #fff; overflow: hidden; }
.card-information-image { width: 33%; height: 110px; }
.card-information-image img { width: 100%; height: 100%; object-fit: cover; }
.card-information-text { padding: 12px 13px 8px; display: flex; flex-wrap: wrap; align-content: space-between; width: 67%; }
.card-information-text span { width: 100%; text-align: right; color: #B76E3D; }
.card-information.inner { margin-bottom: 17px; display: block; width: 100%; font-weight: normal; border-radius: 0 0 10px 10px; }
.card-information.inner .card-information-image { width: 100%; height: 222px; }
.card-information.inner .card-information-image img { height: 100%; }
.card-information.inner .card-information-text { padding: 12px 19px 8px; width: 100%; }
.card-information.inner strong { margin-bottom: 13px; padding-right: 85px; display: block; }
.card-information.inner .card-information-text span { display: block; font-size: 19px; font-weight: 700; }
.card-information.inner .card-information-tag { top: 0; left: 0; }
.card-information.inner .color { padding: 2px 7px; color: #fff; background-color: #B76E3D; }
.card-information.inner .color2 { padding: 1px 5px; width: 52px; font-weight: 700; background-color: #fdbd09; }
.card-information.inner .color3 { padding: 2px 8px; color: #fff; background-color: #7b7b7b; }
.card-information.inner.disabled { opacity: 0.5; cursor: not-allowed; }
.card-information.inner.disabled:hover { color: #0e203e; }

/* ### article ### */
.article { padding-top: 25px; padding-bottom: 10px; }
.article-image { margin-bottom: 12px; height: 228px; }
.article-image img { width: 100%; height: 100%; object-fit: cover; }
.article-content:before { position: absolute; top: -13px; left: -1px; width: 119px; height: 4px; background-color: #DF894E; content: ''; }
.article.inner { padding-top: 15px; padding-bottom: 0; }

/* ### breadcrumbs ### */
.breadcrumbs { margin-bottom: 19px; width: 100%; }
.breadcrumbs ul &gt; li { margin-right: 23px; position: relative; font-size: 13px; color: #8e8e8e; }
.breadcrumbs ul &gt; li:not(:last-child):after { position: absolute; top: 3px; right: -15px; font-family: 'icomoon', sans-serif; font-size: 8px; content: '\e903'; }
.breadcrumbs ul &gt; li &gt; a { text-decoration: none; color: #8e8e8e; }
.breadcrumbs ul &gt; li &gt; a:hover { color: #000; }


/* ### form-block ### */
.form-block { padding-top: 30px; padding-bottom: 30px; width: 100%; background-color: #f2f0ec; }
.form-block-wrap { margin: 0 auto; padding-top: 50px; max-width: 554px; }
.card-form-field { margin-bottom: 15px; }
.card-form-field button { height: 47px; }


/* ### offer ### */
.offer { padding-top: 56px; padding-bottom: 40px; background-color: #f2f0ec; }
.offer-holder { margin-left: auto; max-width: 1188px; }
.offer-heading { margin-bottom: 20px; }
.offer-heading h1 { margin-bottom: 23px; }
.offer-heading:before { position: absolute; top: -22px; left: 2px; width: 133px; height: 4px; background-color: #B76E3D; content: ''; }
.offer-heading span { width: 100%; }
.offer-heading span a { font-weight: 700; color: #B76E3D; }
.offer-heading span a:hover { text-decoration: none; }
.offer-btn { margin-bottom: 40px; justify-content: space-between; }
.offer-filter-btn { margin-right: 20px; padding: 9px 20px 9px 10px; display: flex; font-size: 14px; font-weight: 400; }
.offer-filter-btn img { margin-right: 9px; flex: 0 0 auto; height: 20px; }
.offer-filter-select { width: 83px; font-size: 14px; font-weight: 700; color: #df894e; border: none; cursor: poPoppins; }
.offer-filter-select.custom-select-arrow { height: 15px; }
.offer.select { position: relative; width: 100px; cursor: poPoppins; }
.offer .select .selectBtn.toggle { border-radius: 3px 3px 0 0; }
.offer .select .selectBtn.toggle:after { -webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); }
.offer .select .selectDropdown { padding-top: 10px; padding-bottom: 5px; position: absolute; top: 200%; left: -2px; z-index: 1; visibility: hidden; width: 100%; border-top: 1px solid #eee; border-radius: 0 0 3px 3px; background: #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); transition: 0.2s ease; overflow: hidden; -webkit-transform-origin: top center; transform-origin: top center; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
.offer .select .selectDropdown .option { padding: 5px 18px; box-sizing: border-box; cursor: poPoppins; transition: 0.3s; }
.offer .select .selectDropdown .option:hover { font-weight: 700; background: #e8e8e8; }
.offer .select .selectDropdown.toggle { visibility: visible; -webkit-transform: scale(1, 1); transform: scale(1, 1); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); }



/* ### image-slide ### */
.image-slide { padding-bottom: 18px; }
.image-slide .container { margin-left: -12px; width: calc(100% + 24px); }
.image-slide .image-slider-tag { top: 10px; left: 0; font-size: 16px; font-weight: 700; }
.image-slide .image-slider-tag span { padding: 3px 16px; display: block; color: #fff; background-color: #df894e; }
.image-slide .image-slider-tag strong { padding: 5px 10px; background-color: #fdbd09; }
.image-slider { width: 100%; height: 228px; }
.image-slider img { width: 100%; height: 100%; object-fit: cover; }
.image-slider:hover { cursor: poPoppins; }
.js-image-slide .swiper-slide { width: 25%; height: 100%; }
.js-image-slide .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.image-slide .swiper-button-prev,
.swiper-button-next { width: 45px; height: 45px; color: #000; border-radius: 50%; background: rgba(255, 255, 255, 0.8); }
.image-slide .swiper-button-prev:after,
.swiper-button-next:after { display: none; }
.image-slide .swiper-button-prev:after,
.swiper-button-next,
i { font-size: 16px; }


/* ### features ### */
.features { padding-bottom: 10px; padding-top: 1px; }
.features-heading { margin-bottom: 33px; font-size: 20px; }
.features-heading h2 { margin-bottom: 1px; }
.features-heading strong { color: #df894e; }
.feature-text { margin-bottom: 20px; margin-left: -11px; padding: 13px 16px 0; display: flex; flex-wrap: wrap; width: calc(100% + 22px); background: #f2f0ec; }
.feature-text p { margin-bottom: 23px; width: 49%; }
.feature-content { margin-bottom: 83px; }
.feature-block { margin-bottom: 46px; }
.feature-block:before { position: absolute; top: -13px; left: 0; width: 119px; height: 4px; background-color: #df894e
; content: ''; }
.feature-check li { padding-left: 21px; position: relative; }
.feature-check li:before { position: absolute; top: 0; left: 0; font-family: 'icomoon', sans-serif; font-size: 14px; content: '\e900'; }
.feature-dot li { padding-left: 17px; position: relative; }
.feature-dot li:before { position: absolute; top: 8px; left: 2px; width: 4px; height: 4px; font-size: 14px; border-radius: 50%; background-color: #000; content: ''; }


/* ### intro ### */
.intro { padding-top: 50px; padding-bottom: 50px; background-color: #fff;}
.intro-title:before { position: absolute; top: -20px; left: -4px; width: 128px; height: 4px; background-color: #df894e; content: ''; }
.intro-title h2 { margin-bottom: 0; }
.intro-title h3 { font-weight: normal; }
.intro-content { line-height: 1.56; }
.intro-content a { font-weight: 700; color: #df894e; }
.intro-content a:hover { text-decoration: none; }
.intro ul { margin-bottom: 22px; }
.intro ul li { position: relative; display: flex; align-items: center; }
.intro li:before { margin-right: 10px; font-family: 'icomoon', sans-serif; content: '\e900'; }
.intro .left { margin-bottom: 15px; }

/* ### blind ### */
.blind { margin-top: 90px; margin-bottom: 35px; }
.blind-holder { margin-bottom: 45px; padding: 25px 28px 28px; line-height: 1.5; border-radius: 7px; }
.blind-holder.b-1 { color: #fff; background-color: #009b5d; }
.blind-holder.b-1 h4 { color: #fff; }
.blind ul li { font-size: 16px; font-weight: normal; }
.blind ul li:before { margin-right: 5px; font-family: 'icomoon', sans-serif; content: '\e900'; }
.blind-holder.b-2 { margin-bottom: 0; padding: 25px 28px 18px; background-color: #f2f0ec; }
.blind-holder.b-2 h4 { color: #000; }


/* ### card-accordion ### */
.card-accordion-title { padding-top: 13px; padding-bottom: 12px; position: relative; font-size: 20px; border-top: 2px solid #e7e7e7; cursor: poPoppins; }
.card-accordion-title:after { position: absolute; top: 11px; right: 5px; font-family: 'icomoon', sans-serif; font-size: 21px; transition: 0.3s; content: '\e901'; }
.card-accordion-title.open:after { position: absolute; top: 11px; right: 5px; font-family: 'icomoon', sans-serif; font-size: 21px; transform: rotateX(180deg); content: '\e901'; }
.card-accordion-content { line-height: 1.5; }
.card-accordion-content a { font-weight: 700; color: #df894e; }
.card-accordion-content a:hover { text-decoration: none; }


/* ### image-text ### */
.text-block { padding-bottom: 42px; }
.text-block-item { margin-bottom: 7px; }
.text-block-item.inner { padding: 21px; border-radius: 10px; background-color: #f2f0ec; }
.text-block-image { margin-bottom: 15px; }
.text-block-image img { height: 100%; object-fit: cover; }


/* ### filters ### */
.lity-content { border-radius: 5px; background-color: #fff; }
.lity-content { border-radius: 0; background-color: #fff; }
.lity-close { position: absolute; top: 18px; right: 30px; font-weight: 400; color: #000; text-shadow: none; }
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited { color: #df894e; text-shadow: unset; }
.lity-close:after { position: absolute; top: 0; right: 39px; font-size: 13px; content: 'Sluiten'; }
.filter-heading { padding: 20px 30px 0; border-bottom: 1px solid #cecece; }
.lity-container { width: 100%; max-width: 575px; }
.filter-content { padding: 20px 30px 30px; height: 545px; overflow-y: scroll; }
.filter-left { width: 55%; }
.filter-right { width: 45%; }
.filter-item { margin-bottom: 25px; }
.filter-subheading { margin-bottom: 5px; font-size: 16px; font-weight: 900; }
.filter-heading h2 { margin-bottom: 6px; }
.lity-container { width: 100%; max-width: 575px; }
.filter-left { width: 100%; }
.filter-right { width: 100%; }
.filter-item { margin-bottom: 15px; }
.filter-item.active .filter-subheading:after { transform: rotate(180deg); }
.filter-subheading { margin-bottom: 5px; position: relative; font-size: 16px; font-weight: 900; }
.filter-subheading:after { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 30px; height: 20px; font-family: icomoon, sans-serif; font-size: 20px; transition: 0.3s; content: '\e901'; }
.filter-content { padding: 10px 15px 30px; height: 460px; overflow-y: scroll; }
.filter-content ul { display: none; }
.filter-content ul &gt; li { margin-bottom: 7px; }
.filter-content ul &gt; li a { font-weight: 500; text-decoration: none; color: #0e203e; }
.filter-content ul &gt; li a:hover { font-weight: 700; color: #df894e; }
.filter-content ul &gt; li a { font-weight: 500; text-decoration: none; color: #0e203e; }
.filter-content ul &gt; li a:hover { font-weight: 700; color: #df894e; }
.filter-bottom { padding: 10px 15px 25px; border-top: 1px solid #cecece; }
.filter-bottom a.link { color: #8e8e8e; }
.filter-bottom a.link:hover { text-decoration: none; }
.filter-bottom .btn-primary { margin-top: 10px; width: 100%; }


/* ### headline ### */
.headline { padding-top: 75px; padding-bottom: 38px; background-color: #df894e; }
.heading-info { color: #fff; }
.heading-info h2 { margin-bottom: 27px; color: #fff; }
.heading-info a { font-weight: 700; color: #fff; }
.heading-info a:hover { text-decoration: none; }
.heading-info:before { position: absolute; top: -19px; left: 0; width: 123px; height: 4px; background-color: #fff; content: ''; }
.headline.color { background-color: #0e203e; }
.headline.color2 { background-color: #f2f0ec; }
.headline.color2 .heading-info { color: #0e203e; }
.headline.color2 .heading-info h2 { margin-bottom: 27px; color: #0e203e; }
.headline.color2 .heading-info a { font-weight: 700; color: #df894e; }
.headline.color2 .heading-info a:hover { text-decoration: none; }
.headline.color .heading-info:before { background-color: #df894e; }
.headline.color2 .heading-info:before { background-color: #df894e; }



/* ### login ### */
.login { padding-top: 33px; padding-bottom: 70px; background-color: #f2f0ec; }
.login-heading { margin-bottom: 39px; }
.login-form { margin-bottom: 43px; }
.login-field { margin-bottom: 26px; }
.login-check { margin-bottom: 25px; }
.login-check label.checkbox { padding-left: 30px; position: relative; display: block; }
.login-check label.checkbox span { font-size: 14px; font-weight: 400; color: #0e203e; }
.login-check span a { color: #0e203e; }
.login-check span a:hover { text-decoration: none; }
.login-check .card-check { margin-left: 8px; }
.login-check input { border-radius: 5px; }
.login-check .check { position: absolute; top: 0; left: 0; }
.login-check .check { padding: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; min-height: auto; color: #000; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; background-color: #fff; -webkit-appearance: none; cursor: poPoppins; }
.login-check .check:checked:before { top: 0; left: 0; display: block; font-family: 'icomoon', sans-serif; font-size: 16px; color: #0d9959; content: '\e900'; }
.login-form button { margin-bottom: 15px; height: 47px; }
.login-form i { font-size: 14px; }
.save-field { margin-bottom: 26px; }
.save-field span { margin-bottom: 5px; display: block; font-size: 12px; color: #ec4a4a; }
.save-radio-field { margin-bottom: 30px; }
.save-radio { margin-bottom: 11px; padding-left: 27px; position: relative; display: block; font-size: 14px; font-weight: 400; -webkit-user-select: none; user-select: none; cursor: poPoppins; }
.save-radio input { position: absolute; opacity: 0; cursor: poPoppins; }
.save-radio .checkmark { position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; transition: all 0.3s; }
.save-radio:hover input ~ .checkmark { border-color: rgba(0, 0, 0, 0.5); }
.save-radio input:checked ~ .checkmark { border: 1px solid #ccc; background-color: #fff; }
.save-radio .checkmark:after { position: absolute; display: none; content: ''; }
.save-radio input:checked ~ .checkmark:after { display: block; }
.save-radio .checkmark:after { top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 50%; background-color: #df894e; }
.save-multiple-input { margin-bottom: 22px; }
.save-group { margin-bottom: 5px; display: block; }
.save-group input { margin-bottom: 0; padding: 0; display: none; width: initial; height: initial; cursor: poPoppins; }
.save-group label { position: relative; cursor: poPoppins; font-weight: 400; }
.save-group label:before { margin-right: 10px; padding: 10px; position: relative; display: inline-block; vertical-align: middle; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; -webkit-appearance: none; content: ''; cursor: poPoppins; }
.save-group input:checked + label:before { background-color: #df894e; }
.save-group input:checked + label:after { position: absolute; top: 1px; left: 7px; display: block; width: 8px; height: 17px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); content: ''; }
.save-form button { height: 47px; }



/* ### footer container ### */
.footer { padding-top: 50px; padding-bottom: 0; width: 100%; color: #fff; background-color: #343A40; overflow: hidden; }
.footer-item { margin-bottom: 35px; }
.footer-title { margin-bottom: 20px; font-weight: 700; }
.footer address { margin-top: -5px; margin-bottom: 20px; line-height: 1.8; }
.footer ul { margin-bottom: 20px; }
.footer ul.contact &gt; li { margin-bottom: 5px; }
.footer ul &gt; li { margin-bottom: 12px; }
.footer ul &gt; li a { text-decoration: none; color: #fff; }
.footer ul &gt; li a:hover { color: #08ba30; }
.footer ul.images { margin-top: 30px; }
.footer ul.images &gt; li { margin-right: 15px; }
.footer-whatsapp { margin-top: 30px; max-width: 150px; }
.footer-media li { margin-right: 15px; }
.footer-media li:last-of-type { margin-right: 0; }
.footer-media i { font-size: 24px; }


/* #Media Queries
================================================== */

@media only screen and (min-width: 479px) {
	.banner-image { height: 100%; }
}

@media only screen and (min-width: 768px) {
	h1,
	.h1 { font-size: 50px; }
	.header .main { padding: 15px 15px 10px; }
	.header .main .logo { max-width: 200px; }
	.menuBox { padding: 130px 20px 50px 75px; top: -29px; right: -100%; z-index: 1; width: 349px; height: calc(100vh + 29px); text-align: right; }
	.menuBox:after { position: absolute; top: -10px; left: 0; z-index: -1; width: 100vw; height: 100%; background-color: #df894e; content: ''; }
	.banner { height: 420px; background-color: #0e203e; }
	.banner-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.banner-image img { width: 100%; height: 100%; object-fit: cover; }
	.banner-content { margin: 0 auto; padding: 155px 0 50px; z-index: 1; flex-direction: column; max-width: 820px; text-align: center; }
	.banner-content h1 { margin-bottom: 33px; color: #fff; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.7); }
	.banner .wrap { margin: 0 auto; gap: 10px; max-width: 320px; }
	.banner .btn { width: 50%; }
	.testimonials { padding-top: 74px; padding-bottom: 70px; }
	.testimonials-title { margin-bottom: 30px; }
	.card-testimonial { padding: 27px 15px 20px 27px; display: flex; flex-wrap: wrap; }
	.card-testimonial-image { width: 21%; }
	.card-testimonial-image img { max-width: unset; }
	.card-testimonial-content { width: 79%; }
	.experience { padding-bottom: 70px; }
	.experience-title { margin-bottom: 38px; }
	.card-experience { margin-bottom: 27px; padding: 40px 20px 35px; }
	.card-experience-number { font-size: 60px; }
	.card-experience p { font-size: 16px; }
	.brokers { padding-top: 75px; padding-bottom: 80px; }
	.brokers h2 { margin-bottom: 35px; }
	.card-broker { margin-bottom: 0; }
	.card-broker-image { margin-bottom: 25px; height: 325px; }
	.housing { margin-left: 0; width: 100%; background-color: #f2f0ec; }
	.housing-content { padding: 50px 30px 30px 20px; }
	.information { padding-top: 66px; padding-bottom: 83px; }
	.information-heading { margin-bottom: 50px; padding-left: 47px; }
	.information-heading:before { left: 46px; }
	.card-information { margin-bottom: 12px; display: block; width: 48%; border-right: 2px solid #dadada; border-bottom: 2px solid #dadada; border-radius: 0 0 10px 10px; }
	.card-information-image { width: 100%; height: auto; }
	.card-information-image img { height: 150px; object-position: top; }
	.card-information-text { padding: 8px 13px 11px; display: block; width: auto; }
	.card-information-text span { display: none; }
	.card-information.inner { margin-bottom: 12px; width: 32%; border-radius: 0 0 10px 10px; }
	.card-information.inner .card-information-image { height: 144px; }
	.card-information.inner .card-information-text { padding: 8px 11px 5px; }
	.card-information.inner strong { margin-bottom: 11px; padding-right: unset; display: block; }
	.card-information.inner .card-information-text span { font-size: 18px; font-weight: 700; }
	.article { padding-top: 63px; padding-bottom: 26px; }
	.article-image { margin-bottom: 12px; height: auto; }
	.article-image img { width: auto; height: auto; object-fit: unset; }
	.article.inner { padding-top: 49px; padding-bottom: 2px; }
	.breadcrumbs { margin-bottom: 15px; }
	.form-block { margin-bottom: 100px; padding: unset; background-color: unset; }
	.form-block-holder { padding: 27px 29px 22px; width: 100%; border-radius: 5px; background-color: #f2f0ec; }
	.form-block-wrap { padding-top: 18px; }
	.offer { padding-top: 68px; padding-bottom: 60px; }
	.offer-heading { padding-left: 48px; }
	.offer-btn { padding-left: 48px; justify-content: unset; }
	.offer-heading:before { top: -17px; left: 48px; width: 119px; }
	.offer-heading h1 { margin-bottom: 16px; }
	.offer .select { width: 220px; }
	.image-slider { padding-bottom: 28px; width: 100%; height: auto; }
	.image-slide .container { margin-left: auto; width: auto; }
	.features-heading { margin-bottom: 2px; }
	.feature-text { margin-bottom: 40px; margin-left: auto; padding: 13px 16px; width: auto; border-radius: 5px; }
	.feature-text p { margin-right: 25px; margin-bottom: 0; width: auto; }
	.feature-content { margin-bottom: 61px; }
	.feature-block { margin-bottom: 50px; }
	.blind { margin-bottom: 280px; }
	.intro .left { margin-bottom: 0; }
	.lity-content { border-radius: 5px; }
	.filter-heading { padding: 20px 15px 0; }
	.filter-heading h2 { margin-bottom: 19px; }
	.filter-subheading:after { display: none; }
	.filter-item { margin-bottom: 25px; }
	.filter-left { width: 55%; }
	.filter-right { width: 45%; }
	.filter-heading { padding: 20px 30px 0; }
	.filter-bottom .btn-primary { margin-top: 0; width: unset; }
	.filter-content { padding: 20px 30px 30px; height: 545px; }
	.filter-content ul { display: block !important; height: auto !important; }
	.filter-bottom { padding: 15px 30px; }
	.text-block { padding-bottom: 19px; }
	.text-block-item { margin-bottom: 20px; }
	.text-block-image { margin-bottom: 0; height: auto; }
	.text-block-item.inner { padding: 23px 22px; }
	.login { padding-top: 70px; padding-bottom: 70px; }
	.login-heading { margin-bottom: 33px; }
	.footer { padding-top: 120px; padding-bottom: 95px; }
}

@media only screen and (min-width: 992px) {
	.card-information { width: 32%; }
}


@media only screen and (min-width: 1199px) {
	.banner { min-height: 570px; }
	.banner-content { padding-top: 260px; }
	.card-information { width: 19.2%; }
	.card-information.inner { width: 19%; }
	.housing-content { padding: 70px 100px 50px 40px; }
}

@media only screen and (min-width: 1300px) {
	.mobileMenu { right: -10px; }
	.menuBox { padding-right: 0; }
}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.whatsapp-icon {
    width: 60px; /* Pas de grootte aan indien nodig */
    height: auto;
    border-radius: 50%;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
}

.whatsapp-icon:hover {
    transform: scale(1.1);
}

@media only screen and (max-width: 767px) {
    .housing-image img {
        width: 100% !important;
        height: auto !important;
    }
}
.grecaptcha-badge {
    display: none;
}
/* Adjust banner styles */
.banner {
    background-color: #0e203e; /* Default background color */
    position: relative;
    overflow: hidden; /* Ensure no overflow */
}

.banner-image {
    width: 100%;
    height: 200px; /* Default height for mobile */
}

.banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the image covers the area */
}

/* Hide mobile image by default */
.mobile-image {
    display: none;
}

/* Banner content base styles */
.banner-content {
    position: absolute; /* Position over the image */
    top: 0; /* Align to top of banner */
    left: 0; /* Full width alignment */
    width: 100%; /* Ensure it spans the banner */
    padding: 40px 20px 54px; /* Default padding */
    z-index: 1; /* Ensure itâ€™s above the image */
    max-width: 820px; /* Keep max-width */
    margin: 0 auto; /* Center it */
    text-align: center; /* Center text */
}

/* Desktop styles (min-width: 768px) */
@media only screen and (min-width: 768px) {
    .banner {
        height: 420px;
        background-color: #0e203e; /* Blue background for desktop */
	max-width: 1600px;
	margin: auto;
    }
    .banner-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .banner-image .desktop-image {
        display: block; /* Show desktop image */
    }
    .banner-image .mobile-image {
        display: none; /* Hide mobile image */
    }
    .banner-content {
        padding: 230px 0 50px; /* Adjusted padding for desktop */
    }
}

/* Mobile styles (max-width: 767px) */
@media only screen and (max-width: 767px) {
    .banner {
        background-color: transparent; /* Remove blue background on mobile */
        height: auto; /* Let the image dictate the height */
    }
    .banner-image {
        position: absolute; /* Keep image as background */
        top: 0;
        left: 0;
        width: 100%;
        padding-bottom: 100%; /* Enforce 1:1 aspect ratio (square) */
        height: 0; /* Collapse height, use padding for square shape */
    }
    .banner-image .desktop-image {
        display: none; /* Hide desktop image */
    }
    .banner-image .mobile-image {
        display: block; /* Show square mobile image */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; /* Fill the square container */
        object-fit: cover; /* Ensure it covers the square area */
    }
    .banner {
        height: 420px; /* Match the square image height */
    }
    .banner-content {
        padding: 20px; /* Adjusted padding for mobile */
        position: absolute; /* Keep it on top */
        top: 55%; /* Align to top */
        left: 0; /* Full width */
        width: 100%; /* Ensure full width */
    }
}
/* ### housing ### */
.housing {
    margin-left: -15px;
    padding-bottom: 0;
    width: calc(100% + 40px);
}

.housing-holder {
    background-color: #df894e;
}

.housing-image {
    width: 100%;
    height: auto; /* Default for mobile */
    max-width: 100%;
}

.housing-image img {
    width: 100%;
    height: 100%; /* Ensure it fills the container */
    object-fit: cover; /* Default behavior */
}

.housing-content {
    padding: 20px 20px 20px 20px;
    color: #fff; /* Fixed typo from #ffff to #fff */
}

.housing-content h4 {
    color: #fff;
}

.housing-content p {
    margin-bottom: 30px;
}

.housing-content-wrap {
    gap: 15px;
    max-width: 156px;
}

.housing .btn-light {
    color: #df894e;
}

.housing .btn-light2 {
    color: #0e203e;
}

/* Desktop styles (min-width: 768px) */
@media only screen and (min-width: 768px) {
    .housing {
        margin-left: 0;
        width: 100%;
    }
    .housing-holder {
        background-color: #df894e;
    }
.housing:has(.housing-holder) {
    background-color: #df894e; /* Change background when housing-holder exists */
}
.housing:has(.housing-holder2) {
    background-color: #df894e; /* Change background when housing-holder exists */
}


    .housing .row {
        display: flex; /* Ensure row children share height */
        align-items: stretch; /* Make columns equal height */
    }
    .housing-image {
        height: 100%; /* Match the height of the tallest column */
    }
    .housing-image img {
        width: 100%;
        height: 100%; /* Fill the container */
        object-fit: cover; /* Ensure it covers without distortion */
    }
    .housing-content {
        padding: 40px 20px 20px 20px;
    }
}
@media only screen and (min-width: 1200px) {
    .banner-content {
        padding: 350px 0 50px;
    }
}
</pre></body></html>