.elementor-3115 .elementor-element.elementor-element-5f28e66{--display:flex;}.elementor-3115 .elementor-element.elementor-element-2571435{--display:flex;}.elementor-3115 .elementor-element.elementor-element-27d408d{--spacer-size:50px;}.elementor-3115 .elementor-element.elementor-element-9e1012d{--spacer-size:5px;}.elementor-3115 .elementor-element.elementor-element-84ec294{--display:flex;}.elementor-3115 .elementor-element.elementor-element-2514bb7{--display:flex;}.elementor-3115 .elementor-element.elementor-element-f4a9fa8{--display:flex;}.elementor-3115 .elementor-element.elementor-element-be85951{--display:flex;}.elementor-3115 .elementor-element.elementor-element-329f6cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3115 .elementor-element.elementor-element-2dd36b1{--display:flex;}.elementor-3115 .elementor-element.elementor-element-b96e212{width:var( --container-widget-width, 135% );max-width:135%;--container-widget-width:135%;--container-widget-flex-grow:0;}.elementor-3115 .elementor-element.elementor-element-b96e212.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3115 .elementor-element.elementor-element-2c4e12f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3115 .elementor-element.elementor-element-2c4e12f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3115 .elementor-element.elementor-element-0fc013e{--spacer-size:50px;}@media(min-width:768px){.elementor-3115 .elementor-element.elementor-element-5f28e66{--width:129%;}.elementor-3115 .elementor-element.elementor-element-2571435{--width:129%;}.elementor-3115 .elementor-element.elementor-element-84ec294{--width:129%;}.elementor-3115 .elementor-element.elementor-element-2514bb7{--width:129%;}.elementor-3115 .elementor-element.elementor-element-f4a9fa8{--width:129%;}.elementor-3115 .elementor-element.elementor-element-be85951{--width:129%;}.elementor-3115 .elementor-element.elementor-element-329f6cf{--width:129%;}.elementor-3115 .elementor-element.elementor-element-2dd36b1{--width:129%;}.elementor-3115 .elementor-element.elementor-element-2c4e12f{--width:129.82%;}}/* Start custom CSS for html, class: .elementor-element-07c87a1 */
Benefits Section
/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f28013 */
Additional Benefits Section
/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae8fd36 *//* ================================
NO-LOWBALL SECTION — ISOLATED CSS
================================ */
.no-lowball-section {
padding: 70px 20px;
font-family: Arial, Helvetica, sans-serif;
}
.no-lowball-section .nlb-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
gap: 48px;
align-items: flex-start;
justify-content: space-between;
color: #051531;
box-sizing: border-box;
}
/* LEFT COLUMN */
.no-lowball-section .nlb-text {
flex: 1;
min-width: 0;
}
.no-lowball-section .nlb-title {
font-size: 32px;
font-weight: 800;
line-height: 1.3;
margin: 0 0 18px;
}
.no-lowball-section .nlb-body {
font-size: 16px;
line-height: 1.7;
margin: 0 0 20px;
}
.no-lowball-section .nlb-list {
list-style: none;
padding: 0;
margin: 0 0 26px;
}
.no-lowball-section .nlb-list-item {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 10px;
font-size: 16px;
line-height: 1.6;
}
/* UPDATED COLOR (#ff924c) */
.no-lowball-section .nlb-icon {
width: 22px;
height: 22px;
border-radius: 50%;
border: 2px solid #ff924c;
color: #ff924c;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
margin-top: 3px;
flex-shrink: 0;
}
/* TESTIMONIAL */
.no-lowball-section .nlb-testimonial {
display: flex;
align-items: flex-start;
gap: 14px;
margin-top: 8px;
}
.no-lowball-section .nlb-avatar {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.no-lowball-section .nlb-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.no-lowball-section .nlb-quote {
font-size: 15px;
line-height: 1.7;
margin: 0 0 6px;
}
.no-lowball-section .nlb-name {
font-size: 13px;
font-weight: 700;
margin: 0;
}
.no-lowball-section .nlb-stars {
color: #f5a623;
font-size: 14px;
margin-left: 5px;
}
/* RIGHT COLUMN (IMAGE) */
.no-lowball-section .nlb-image-wrap {
flex: 1;
min-width: 0;
}
.no-lowball-section .nlb-image {
width: 100%;
display: block;
border-radius: 6px;
object-fit: cover;
margin-top: 50px; /* adjust amount as needed */
}
/* MOBILE */
@media (max-width: 900px) {
.no-lowball-section {
padding: 50px 16px;
}
.no-lowball-section .nlb-inner {
flex-direction: column;
gap: 26px;
}
/* ⭐ Image on top, text below (like reference) */
.no-lowball-section .nlb-image-wrap {
order: 1;
}
.no-lowball-section .nlb-text {
order: 2;
}
.no-lowball-section .nlb-title {
font-size: 26px;
}
.no-lowball-section .nlb-body,
.no-lowball-section .nlb-list-item {
font-size: 15px;
}
/* Ensure image sits correctly on mobile */
.no-lowball-section .nlb-image {
margin-top: 0;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a27291 *//* 🔹 Twin Home Buyer comparison block – scoped styling */
.thb-comparison-section {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background: #053253;
color: #ffffff;
padding: 60px 0 80px;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
}
@media (min-width: 1025px) {
.thb-comparison-section {
margin-left: -52vw;
margin-right: -48vw;
}
}
.thb-comparison-inner {
max-width: 1100px;
margin: 0 auto;
padding: 0 16px;
text-align: center;
}
.thb-comparison-title {
margin: 0 0 8px;
font-size: 32px;
font-weight: 700;
}
.thb-comparison-subtitle {
margin: 0 0 32px;
font-size: 16px;
opacity: 0.85;
}
.thb-comparison-card {
position: relative;
margin: 40px auto 0;
background: #0a2f4a;
border-radius: 16px;
padding: 60px 0 0;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.4);
}
.thb-logo-wrapper {
position: absolute;
top: -37px;
left: 50%;
transform: translateX(-50%);
width: 90px;
height: 90px;
border-radius: 50%;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
padding: 10px;
}
.thb-logo-wrapper img {
max-width: 100%;
max-height: 100%;
}
.thb-comparison-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
font-size: 14px;
}
.thb-comparison-table thead th {
padding: 18px 20px;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 12px;
}
.thb-col-feature {
width: 28%;
}
.thb-col-ours {
width: 36%;
background: #f3f7fb;
color: #0a2840;
text-align: center;
}
.thb-col-agent {
width: 36%;
background: #0b3456;
text-align: center;
}
.thb-comparison-table tbody th,
.thb-comparison-table tbody td {
padding: 18px 20px;
text-align: left;
vertical-align: middle;
}
.thb-comparison-table tbody th {
background: #0b4b87;
color: #ffffff;
font-weight: 600;
border-bottom: 2px solid #053253;
}
.thb-ours {
background: #f3f7fb;
color: #0a2840;
border-bottom: 2px solid #d5e0ec;
}
.thb-agent {
background: #0b3456;
color: #ffffff;
border-bottom: 2px solid #053253;
}
/* Icon colors */
.thb-check,
.thb-x {
display: block;
text-align: center;
margin: 0 auto 6px;
font-size: 22px;
font-weight: 700;
}
.thb-ours .thb-check {
color: #1aa74a !important;
}
.thb-agent .thb-x {
color: #c62828 !important;
}
.thb-cell-text {
line-height: 1.4;
}
/* ⭐ Rating Block */
.thb-rating-block {
text-align: center;
padding: 28px 0 32px;
background: #053253;
border-radius: 0 0 16px 16px;
}
.thb-stars {
color: #f8c100;
font-size: 20px;
letter-spacing: 2px;
margin-right: 6px;
}
.thb-rating-text {
color: #ffffff;
font-size: 16px;
}
.thb-rating-text strong {
font-weight: 700;
}
/* Button Styling */
.thb-button-wrapper {
margin-top: 30px;
}
.thb-action-button {
background: #FF924C; /* Updated button color */
color: #fff;
padding: 16px 36px;
font-size: 16px;
text-decoration: none;
border-radius: 12px; /* Made edges more rounded */
text-align: center;
display: inline-block;
transition: background 0.3s ease;
}
.thb-action-button:hover {
background: #e37d3d; /* Slightly darker shade on hover */
}
@media (max-width: 900px) {
.thb-comparison-card {
padding-top: 50px;
}
.thb-comparison-title {
font-size: 24px;
}
.thb-comparison-table tbody th,
.thb-comparison-table tbody td {
font-size: 12px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b96e212 *//* ===============================
FAQ SECTION – CENTERED + ALIGNED
=============================== */
.faq-container {
width: 100%;
max-width: 1200px;
margin: 50px auto;
padding: 0 20px; /* ✅ keeps content centered on all screens */
background: transparent;
border-radius: 0;
box-shadow: none;
border: none;
box-sizing: border-box;
}
/* ===============================
FAQ TITLE
=============================== */
.faq-title {
text-align: center;
margin-bottom: 50px;
font-size: 2.4rem;
font-weight: 800;
color: #000;
}
/* ===============================
FAQ ITEM WRAPPER (Centered)
=============================== */
.faq-item {
width: 100%;
max-width: 900px; /* ✅ one consistent width */
margin: 0 auto; /* ✅ centers each FAQ item */
border-bottom: 1px solid #8fb6de;
box-sizing: border-box;
}
.faq-item:last-child {
border-bottom: 1px solid #8fb6de;
}
/* ===============================
QUESTION ROW
=============================== */
.faq-question {
list-style: none;
padding: 26px 0;
cursor: pointer;
font-weight: 500;
font-size: 1.05rem;
color: #000;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%; /* ✅ ensure full width inside faq-item */
box-sizing: border-box;
background: transparent;
}
.faq-question::-webkit-details-marker {
display: none;
}
/* ===============================
QUESTION TEXT
=============================== */
.faq-question span {
flex: 1; /* ✅ ensures consistent alignment */
line-height: 1.4;
margin: 0;
}
/* ===============================
ICON (RIGHT SIDE CIRCLE)
=============================== */
.faq-icon {
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: 2px solid #0b2a4a;
color: #0a5fd4;
font-size: 20px;
font-weight: 600;
transition: all 0.25s ease;
}
/* ===============================
OPEN STATE
=============================== */
details[open] .faq-icon {
transform: rotate(135deg);
background-color: #ff924c;
color: #000;
border-color: #ff924c;
}
details[open] .faq-question {
color: #051531;
}
/* ===============================
ANSWER (match same width + center)
=============================== */
.faq-answer {
padding: 0 0 28px 0;
width: 100%; /* ✅ match faq-item */
margin: 0 auto;
box-sizing: border-box;
color: #000;
font-size: 0.95rem;
line-height: 1.6;
animation: faqSlideDown 0.25s ease-out;
}
/* Optional: remove default margins that can make alignment look off */
.faq-answer p {
margin: 0;
}
/* ===============================
ANIMATION
=============================== */
@keyframes faqSlideDown {
from { opacity: 0; transform: translateY(-6px); }
to { opacity: 1; transform: translateY(0); }
}
/* ===============================
TABLET RESPONSIVE
=============================== */
@media (max-width: 768px) {
.faq-container {
margin: 60px auto;
padding: 0 16px; /* ✅ keep centered */
}
.faq-title {
font-size: 1.8rem;
margin-bottom: 40px;
}
.faq-item {
max-width: 100%; /* ✅ fill container */
}
.faq-question {
font-size: 0.95rem;
padding: 22px 0;
}
.faq-icon {
width: 32px;
height: 32px;
font-size: 18px;
}
.faq-answer {
font-size: 0.9rem;
}
}
/* ===============================
MOBILE RESPONSIVE
=============================== */
@media (max-width: 480px) {
.faq-container {
margin: 40px auto;
padding: 0 14px; /* ✅ centered on mobile */
}
.faq-title {
font-size: 1.6rem;
margin-bottom: 30px;
}
.faq-question {
font-size: 0.9rem;
padding: 18px 0;
}
.faq-icon {
width: 28px;
height: 28px;
font-size: 16px;
}
.faq-answer {
font-size: 0.88rem;
line-height: 1.5;
}
}/* End custom CSS */