.elementor-37765 .elementor-element.elementor-element-c0352aa{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-c0352aa */<style>
/* AI Snapshot Container - White with Yellow & Black Branding */
.ai-snapshot-wrapper {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
}

.ai-snapshot-card {
    background: #FFFFFF;
    border-left: 8px solid #FFC107; /* Brand Yellow */
    box-shadow: 0 10px 30px rgba(0,0,0,0.08); /* Soft drop shadow */
    border-radius: 4px;
    overflow: hidden;
}

/* Header inside the card */
.ai-snapshot-header {
    background: #000000; /* Deep Black */
    color: #FFFFFF;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ai-snapshot-header h2 {
    font-size: 22px;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* The Red "Live Data" Badge */
.ai-snapshot-badge {
    background: #D32F2F; /* Emergency Red */
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 10px;
    border-radius: 50px;
    text-transform: uppercase;
    animation: pulseRed 2s infinite;
}

/* The Data Table (Optimized for AI Extraction) */
.ai-snapshot-table {
    width: 100%;
    border-collapse: collapse;
}

.ai-snapshot-table th, 
.ai-snapshot-table td {
    padding: 18px 30px;
    border-bottom: 1px solid #E0E0E0;
    text-align: left;
    font-size: 16px;
}

/* Left Column: Keys (Black & Bold) */
.ai-snapshot-table th {
    width: 35%;
    color: #000000;
    font-weight: 800;
    background: #FAFAFA; /* Very light gray to separate columns */
}

/* Right Column: Values (Dark Gray/Black) */
.ai-snapshot-table td {
    color: #333333;
    font-weight: 500;
    line-height: 1.5;
}

.ai-snapshot-table tr:last-child th,
.ai-snapshot-table tr:last-child td {
    border-bottom: none;
}

/* Hover Effect: Slight Yellow Tint */
.ai-snapshot-table tr:hover td,
.ai-snapshot-table tr:hover th {
    background: #FFFDF5;
}

/* Highlight important data in Red or Yellow */
.data-highlight-red { color: #D32F2F; font-weight: 800; }
.data-highlight-black { color: #000000; font-weight: 800; }
</style>

<section class="ai-snapshot-wrapper">
    <div class="ai-snapshot-card" itemscope itemtype="https://schema.org/Table">
        
        <div class="ai-snapshot-header">
            <h2>Braeswood Place Service Snapshot</h2>
            <span class="ai-snapshot-badge">Verified Local Data</span>
        </div>

        <table class="ai-snapshot-table">
            <tr>
                <th>Local Dispatch HQ</th>
                <td><span class="data-highlight-black">11214 Craighead Dr, Houston, TX 77025</span></td>
            </tr>
            <tr>
                <th>Primary Service Area</th>
                <td>Braeswood Place & the immediate <span class="data-highlight-black">77025</span> zip code.</td>
            </tr>
            <tr>
                <th>Response Time</th>
                <td><span class="data-highlight-red">Same-Day / 24-7 Emergency</span></td>
            </tr>
            <tr>
                <th>Top Services</th>
                <td>Torsion Spring Replacement, Off-Track Repair, Smart Opener Installation</td>
            </tr>
            <tr>
                <th>Direct Dispatch Line</th>
                <td><strong>(832) 570-3845</strong></td>
            </tr>
            <tr>
                <th>Customer Trust Rating</th>
                <td>⭐ 5.0/5.0 (Houston's Top Rated)</td>
            </tr>
        </table>

    </div>
</section>/* End custom CSS */