.elementor-957 .elementor-element.elementor-element-542bbff{--display:flex;--padding-top:160px;--padding-bottom:74px;--padding-left:120px;--padding-right:120px;}.elementor-957 .elementor-element.elementor-element-542bbff:not(.elementor-motion-effects-element-type-background), .elementor-957 .elementor-element.elementor-element-542bbff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-957 .elementor-element.elementor-element-1fee07d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-957 .elementor-element.elementor-element-0f4c1cf{--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-957 .elementor-element.elementor-element-0f4c1cf:not(.elementor-motion-effects-element-type-background), .elementor-957 .elementor-element.elementor-element-0f4c1cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFEDEB;background-image:url("https://www.alhomesbuilder.com/wp-content/uploads/2025/12/overview.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-957 .elementor-element.elementor-element-0f4c1cf::before, .elementor-957 .elementor-element.elementor-element-0f4c1cf > .elementor-background-video-container::before, .elementor-957 .elementor-element.elementor-element-0f4c1cf > .e-con-inner > .elementor-background-video-container::before, .elementor-957 .elementor-element.elementor-element-0f4c1cf > .elementor-background-slideshow::before, .elementor-957 .elementor-element.elementor-element-0f4c1cf > .e-con-inner > .elementor-background-slideshow::before, .elementor-957 .elementor-element.elementor-element-0f4c1cf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-957 .elementor-element.elementor-element-f0ca2f8{--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-957 .elementor-element.elementor-element-f0ca2f8.e-con{--align-self:center;}.elementor-957 .elementor-element.elementor-element-cacf82f{--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-957 .elementor-element.elementor-element-cacf82f.e-con{--align-self:center;}.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-957 .elementor-element.elementor-element-9d320a4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:500;color:#FFFFFF;}.elementor-957 .elementor-element.elementor-element-4cad63c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;color:#FFFFFF;}.elementor-957 .elementor-element.elementor-element-70aff20{--display:flex;--min-height:691px;}.elementor-957 .elementor-element.elementor-element-70aff20:not(.elementor-motion-effects-element-type-background), .elementor-957 .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-4.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-957 .elementor-element.elementor-element-55d4d2a{--display:flex;}.elementor-957 .elementor-element.elementor-element-8fc30cc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-957 .elementor-element.elementor-element-cb51e58{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-957 .elementor-element.elementor-element-cb51e58:not(.elementor-motion-effects-element-type-background), .elementor-957 .elementor-element.elementor-element-cb51e58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-957 .elementor-element.elementor-element-e477907{padding:0px 0px 0px 0px;}.elementor-957 .elementor-element.elementor-element-b486d07{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-957 .elementor-element.elementor-element-b486d07:not(.elementor-motion-effects-element-type-background), .elementor-957 .elementor-element.elementor-element-b486d07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-957 .elementor-element.elementor-element-db0f5ad{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-957 .elementor-element.elementor-element-db0f5ad:not(.elementor-motion-effects-element-type-background), .elementor-957 .elementor-element.elementor-element-db0f5ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-957 .elementor-element.elementor-element-c9b4322{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-957 .elementor-element.elementor-element-542bbff{--padding-top:160px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-957 .elementor-element.elementor-element-cacf82f{--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-957 .elementor-element.elementor-element-542bbff{--padding-top:120px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-957 .elementor-element.elementor-element-0f4c1cf{--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-957 .elementor-element.elementor-element-f0ca2f8{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-957 .elementor-element.elementor-element-cacf82f{--padding-top:10px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-957 .elementor-element.elementor-element-9d320a4{padding:10px 0px 0px 0px;}.elementor-957 .elementor-element.elementor-element-9d320a4 .elementor-heading-title{font-size:40px;}.elementor-957 .elementor-element.elementor-element-4cad63c .elementor-heading-title{font-size:16px;}}@media(min-width:768px){.elementor-957 .elementor-element.elementor-element-542bbff{--content-width:1440px;}.elementor-957 .elementor-element.elementor-element-f0ca2f8{--content-width:1440px;}.elementor-957 .elementor-element.elementor-element-cacf82f{--width:100%;}.elementor-957 .elementor-element.elementor-element-db0f5ad{--content-width:1400px;}.elementor-957 .elementor-element.elementor-element-c9b4322{--content-width:1440px;}}@media(min-width:1025px){.elementor-957 .elementor-element.elementor-element-0f4c1cf:not(.elementor-motion-effects-element-type-background), .elementor-957 .elementor-element.elementor-element-0f4c1cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for heading, class: .elementor-element-9d320a4 */@media (max-width: 720px) {
    .elementor-957 .elementor-element.elementor-element-9d320a4 br {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cad63c */@media (max-width: 720px) {
    .elementor-957 .elementor-element.elementor-element-4cad63c br {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f4c1cf */.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 */