.elementor-45800 .elementor-element.elementor-element-22bf278{--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-45800 .elementor-element.elementor-element-c0b9940 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:-60px -60px -60px -60px;}/* Start custom CSS for html, class: .elementor-element-c0b9940 *//*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- */
@media (max-width: 767px) {
    .nav-mobile .nav-item {
        flex: 1 1 25%;
    }
    #mobile-sort-by-modal .modal-body {
        padding: 1rem;
    }
    #mobile-sort-by-modal .sort-by-item {
        border-bottom: 1px solid #e5e5e5;
        color: #333;
        text-decoration: none;
    }
    #mobile-sort-by-modal .sort-by-item:last-child {
        border-bottom: none;
    }
    .sort-by {
        display: none !important;
    }
}

/* autocomplete style
*/
.auto-complete {
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.auto-complete .list-group {
    margin-bottom: 0;
}

.auto-complete .list-group-item {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    padding: 12px 15px;
    transition: background-color 0.2s ease;
}

.auto-complete .list-group-item:last-child {
    border-bottom: none;
}

.auto-complete .list-group-item:hover {
    background-color: #f8f9fa;
}

.auto-complete .list-group-item a {
    color: #333;
    text-decoration: none;
    display: block;
}

.auto-complete .list-group-item .auto-complete-title {
    font-weight: 600;
    margin-bottom: 3px;
}

.auto-complete .list-group-item .auto-complete-desc {
    font-size: 0.9em;
    color: #666;
}

.auto-complete:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.12);
}

/* AI Feature Cards Section */
.ai-features-section {
    padding: 60px 15px;
    background-color: #f9f9f9; /* Light grey background for the section */
    text-align: center;
}

.ai-features-section h2 {
    font-size: 2.5em;
    margin-bottom: 40px;
    color: #333;
}

.ai-cards-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap; /* Allow cards to wrap on smaller screens */
}

.ai-card {
    background-color: #ffffff; /* White background for cards */
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    padding: 30px;
    width: 300px; /* Fixed width, adjust as needed */
    text-align: left;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ai-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.ai-card .icon {
    font-size: 2.5em; /* Adjust size as needed */
    color: #0073e6; /* Example color, choose one that fits your theme */
    margin-bottom: 15px;
    display: block; /* Or inline-block if you prefer */
    text-align: center; /* Center icon within its space */
}

.ai-card h3 {
    font-size: 1.5em;
    color: #333;
    margin-bottom: 10px;
}

.ai-card p {
    font-size: 0.95em;
    color: #555;
    line-height: 1.6;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .ai-card {
        width: calc(50% - 30px); /* Two cards per row */
    }
}

@media (max-width: 768px) {
    .ai-features-section h2 {
        font-size: 2em;
    }
    .ai-card {
        width: 100%; /* One card per row on smaller screens */
        margin-bottom: 20px; /* Add some space between stacked cards */
    }
    .ai-cards-container {
        gap: 20px; /* Reduce gap for stacked cards */
    }
}

/* 
 * Investor Page Styles 
 */
.investor-page-wrapper {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    color: #1a1a1a;
}

.investor-hero {
    position: relative;
    padding: 100px 0;
    background: linear-gradient(135deg, #001A34 0%, #003366 100%);
    color: white;
    overflow: hidden;
    text-align: center;
}

.investor-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&q=80') center/cover;
    opacity: 0.1;
}

.investor-title {
    font-size: 3.5rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    background: linear-gradient(90deg, #fff, #e0e0e0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.investor-subtitle {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2.5rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.investor-section {
    padding: 80px 0;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.section-subtitle {
    color: #666;
    font-size: 1.1rem;
    margin-bottom: 3rem;
}

.feature-card {
    background: #fff;
    padding: 2.5rem;
    border-radius: 16px;
    border: 1px solid #eee;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

.icon-wrapper {
    width: 64px;
    height: 64px;
    background: #f0f7ff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: #0066cc;
}

.benefits-list {
    list-style: none;
    padding: 0;
    margin: 2rem 0;
}

.benefits-list li {
    margin-bottom: 1rem;
    padding-left: 2rem;
    position: relative;
}

.benefits-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #00cc66;
    font-weight: bold;
}

.dashboard-mockup {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 25px 50px rgba(0,0,0,0.15);
    padding: 20px;
    position: relative;
    min-height: 300px;
    border: 1px solid #eee;
}

.mockup-header {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.dot { width: 10px; height: 10px; border-radius: 50%; }
.dot.red { background: #ff5f57; }
.dot.yellow { background: #ffbd2e; }
.dot.green { background: #28c940; }

.stat-card {
    background: #fff;
    padding: 15px 25px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    position: absolute;
    display: flex;
    flex-direction: column;
    animation: float 6s ease-in-out infinite;
}

.floating-card-1 {
    top: 60px;
    right: -20px;
    z-index: 2;
}

.floating-card-2 {
    bottom: 60px;
    left: -20px;
    z-index: 2;
    animation-delay: -3s;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.investor-cta-section {
    background: #0066cc;
    padding: 80px 0;
    color: white;
}

@media (max-width: 768px) {
    .investor-title { font-size: 2.5rem; }
    .floating-card-1, .floating-card-2 { position: static; margin: 20px auto; width: fit-content; }
}/* End custom CSS */