.elementor-565 .elementor-element.elementor-element-542bbff{--display:flex;--padding-top:160px;--padding-bottom:74px;--padding-left:120px;--padding-right:120px;}.elementor-565 .elementor-element.elementor-element-542bbff:not(.elementor-motion-effects-element-type-background), .elementor-565 .elementor-element.elementor-element-542bbff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-565 .elementor-element.elementor-element-ac35566 .elementor-heading-title{font-family:"Hanken Grotesk", Sans-serif;font-size:36px;font-weight:600;color:#5A4F42;}.elementor-565 .elementor-element.elementor-element-d6ceb84{padding:0px 410px 0px 0px;}.elementor-565 .elementor-element.elementor-element-d6ceb84 .elementor-heading-title{font-family:"Hanken Grotesk", Sans-serif;font-size:18px;font-weight:400;color:#5A4F42;}.elementor-565 .elementor-element.elementor-element-ff5e19d{--display:flex;--min-height:500px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.26;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:115px;--padding-left:60px;--padding-right:60px;}.elementor-565 .elementor-element.elementor-element-ff5e19d:not(.elementor-motion-effects-element-type-background), .elementor-565 .elementor-element.elementor-element-ff5e19d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFEDEB;background-image:url("https://www.alhomesbuilder.com/wp-content/uploads/2025/12/trade-in-hero.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-565 .elementor-element.elementor-element-ff5e19d::before, .elementor-565 .elementor-element.elementor-element-ff5e19d > .elementor-background-video-container::before, .elementor-565 .elementor-element.elementor-element-ff5e19d > .e-con-inner > .elementor-background-video-container::before, .elementor-565 .elementor-element.elementor-element-ff5e19d > .elementor-background-slideshow::before, .elementor-565 .elementor-element.elementor-element-ff5e19d > .e-con-inner > .elementor-background-slideshow::before, .elementor-565 .elementor-element.elementor-element-ff5e19d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-565 .elementor-element.elementor-element-2d16d95{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-565 .elementor-element.elementor-element-2d16d95.e-con{--align-self:center;}.elementor-565 .elementor-element.elementor-element-e0da04f{--display:flex;--min-height:945px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:110px;--padding-right:0px;}.elementor-565 .elementor-element.elementor-element-e0da04f.e-con{--align-self:center;}.elementor-565 .elementor-element.elementor-element-4dd319c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:500;color:#FFFFFF;}.elementor-565 .elementor-element.elementor-element-e430964 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;color:#FFFFFF;}.elementor-565 .elementor-element.elementor-element-8eba06f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-565 .elementor-element.elementor-element-70aff20{--display:flex;--min-height:691px;}.elementor-565 .elementor-element.elementor-element-70aff20:not(.elementor-motion-effects-element-type-background), .elementor-565 .elementor-element.elementor-element-70aff20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.alhomesbuilder.com/wp-content/uploads/2025/11/Rectangle-5.png");background-repeat:no-repeat;background-size:cover;}.elementor-565 .elementor-element.elementor-element-b6833f5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-565 .elementor-element.elementor-element-2425aba{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-565 .elementor-element.elementor-element-2425aba:not(.elementor-motion-effects-element-type-background), .elementor-565 .elementor-element.elementor-element-2425aba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-565 .elementor-element.elementor-element-dc54d3a{padding:0px 0px 0px 0px;}.elementor-565 .elementor-element.elementor-element-241cf49{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-565 .elementor-element.elementor-element-241cf49:not(.elementor-motion-effects-element-type-background), .elementor-565 .elementor-element.elementor-element-241cf49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-565 .elementor-element.elementor-element-2cc0c3b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-565 .elementor-element.elementor-element-2cc0c3b:not(.elementor-motion-effects-element-type-background), .elementor-565 .elementor-element.elementor-element-2cc0c3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-565 .elementor-element.elementor-element-5c24bac{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-565 .elementor-element.elementor-element-542bbff{--content-width:1440px;}.elementor-565 .elementor-element.elementor-element-2d16d95{--content-width:1440px;}.elementor-565 .elementor-element.elementor-element-e0da04f{--width:100%;}.elementor-565 .elementor-element.elementor-element-2cc0c3b{--content-width:1400px;}.elementor-565 .elementor-element.elementor-element-5c24bac{--content-width:1440px;}}@media(max-width:1024px){.elementor-565 .elementor-element.elementor-element-542bbff{--padding-top:160px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-565 .elementor-element.elementor-element-d6ceb84{padding:0px 0px 0px 0px;}.elementor-565 .elementor-element.elementor-element-e0da04f{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:180px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-565 .elementor-element.elementor-element-542bbff{--padding-top:120px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-565 .elementor-element.elementor-element-ff5e19d{--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-565 .elementor-element.elementor-element-2d16d95{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-565 .elementor-element.elementor-element-e0da04f{--padding-top:10px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-565 .elementor-element.elementor-element-4dd319c{padding:10px 0px 0px 0px;}.elementor-565 .elementor-element.elementor-element-4dd319c .elementor-heading-title{font-size:40px;}.elementor-565 .elementor-element.elementor-element-e430964 .elementor-heading-title{font-size:16px;}}/* Start custom CSS for heading, class: .elementor-element-4dd319c */@media (max-width: 720px) {
    .elementor-565 .elementor-element.elementor-element-4dd319c br {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e430964 */@media (max-width: 720px) {
    .elementor-565 .elementor-element.elementor-element-e430964 br {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff5e19d */.featured-homes-section {
    width: 100%;
    max-width: 1440px; /* ✅ CENTERED FIXED */
    margin: 0 auto;
    padding: 0px 0px 40px; /* No top padding, 40px bottom */
    background: #FFFFFF;
}

.section-header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}

/* ========================================
   LEFT SIDE: TEXT CONTENT
======================================== */

.section-text {
    flex: 1;
    max-width: 731px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.section-title {
    color: #5A4F42;
    font-family: 'HK Grotesk', 'Hanken Grotesk', -apple-system, sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.section-description {
    color: #766C61;
    font-family: 'HK Grotesk', 'Hanken Grotesk', -apple-system, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}

/* ========================================
   RIGHT SIDE: VIEW MORE BUTTON
======================================== */

.view-more-btn {
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    flex-shrink: 0;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.view-more-btn:hover {
    transform: translateX(5px);
}

.btn-text {
    color: #5A4F42;
    font-family: 'HK Grotesk', 'Hanken Grotesk', -apple-system, sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    white-space: nowrap;
}

.btn-icon {
    width: 50px;
    height: 50px;
    background: #5A4F42;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.view-more-btn:hover .btn-icon {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(90, 79, 66, 0.3);
}

.btn-icon svg {
    fill: white; /* Make sure arrow is white */
}

/* ========================================
   RESPONSIVE BREAKPOINTS
======================================== */

/* Ultra-Wide (1441px+) - STAYS AT 1440px */
@media (min-width: 1441px) {
    .featured-homes-section {
        max-width: 1440px; /* ✅ LOCKED */
        margin: 0 auto; /* ✅ CENTERED */
    }
}

/* Desktop (1200px - 1440px) */
@media (min-width: 1200px) and (max-width: 1440px) {
    .featured-homes-section {
        padding: 0px 60px 40px;
    }
    
    .section-header-flex {
        gap: 50px;
    }
}

/* Medium Desktop (1024px - 1199px) */
@media (min-width: 1024px) and (max-width: 1199px) {
    .featured-homes-section {
        padding: 0px 40px 40px;
    }
    
    .section-header-flex {
        gap: 40px;
    }
    
    .section-title {
        font-size: 32px;
    }
    
    .section-description {
        font-size: 16px;
    }
    
    .btn-text {
        font-size: 16px;
    }
    
    .btn-icon {
        width: 45px;
        height: 45px;
    }
}

/* Tablet (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .featured-homes-section {
        padding: 0px 40px 30px;
    }
    
    .section-header-flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    
    .section-text {
        max-width: 100%;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .section-description {
        font-size: 16px;
    }
    
    .view-more-btn {
        align-self: flex-start;
    }
}

/* Mobile (≤767px) */
@media (max-width: 767px) {
    .featured-homes-section {
        padding: 0px 30px 30px;
    }
    
    .section-header-flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    
    .section-text {
        gap: 12px;
    }
    
    .section-title {
        font-size: 24px;
    }
    
    .section-description {
        font-size: 15px;
    }
    
    .section-description br {
        display: none; /* Remove line break on mobile */
    }
    
    .view-more-btn {
        flex-direction: row; /* Keep horizontal on mobile */
        align-items: center;
        gap: 16px;
        width: auto;
    }
    
    .btn-text {
        font-size: 16px;
    }
    
    .btn-icon {
        width: 50px;
        height: 50px;
    }
}

/* Small Mobile (≤480px) */
@media (max-width: 480px) {
    .featured-homes-section {
        padding: 0px 20px 24px;
    }
    
    .section-title {
        font-size: 22px;
    }
    
    .section-description {
        font-size: 14px;
    }
    
    .btn-text {
        font-size: 15px;
    }
    
    .btn-icon {
        width: 45px;
        height: 45px;
    }
}

/* ========================================
   PRINT STYLES
======================================== */
@media print {
    .featured-homes-section {
        max-width: 100%;
        padding: 20px;
    }
    
    .view-more-btn {
        display: none; /* Hide button when printing */
    }
}/* End custom CSS */