<style>
    /* Main Container */
    .vertical-contact-section {
        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
        max-width: 800px; /* Adjusted for a perfect vertical balance */
        margin: 50px auto;
        padding: 20px;
        color: #333;
        box-sizing: border-box;
    }

    /* Header Styling */
    .contact-header {
        text-align: center;
        margin-bottom: 45px;
    }
    .contact-header h2 {
        font-size: 2.5rem;
        color: #1e293b;
        margin-bottom: 12px;
        font-weight: 700;
        letter-spacing: -0.5px;
    }
    .contact-header p {
        color: #64748b;
        font-size: 1.1rem;
        max-width: 600px;
        margin: 0 auto;
        line-height: 1.6;
    }

    /* Vertical Layout Wrapper */
    .contact-vertical-layout {
        display: flex;
        flex-direction: column;
        gap: 35px; /* Space between the two sections */
    }

    /* Card Styling */
    .contact-card {
        background-color: #ffffff;
        padding: 40px;
        border-radius: 16px;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
        border-left: 6px solid #0284c7; /* Professional Blue Accent */
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .contact-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
    }
    .contact-card h3 {
        font-size: 1.6rem;
        color: #0f172a;
        margin-top: 0;
        margin-bottom: 30px;
        padding-bottom: 15px;
        border-bottom: 1px solid #f1f5f9;
    }

    /* List Item Styling */
    .contact-item {
        display: flex;
        align-items: flex-start;
        margin-bottom: 25px;
        line-height: 1.6;
    }
    .contact-item:last-child {
        margin-bottom: 0;
    }
    
    /* Icon Wrapper */
    .icon-wrapper {
        font-size: 1.5rem;
        margin-right: 20px;
        background: #f0f9ff;
        color: #0284c7;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px; /* Slight square-ish rounded look */
        flex-shrink: 0;
    }

    /* Text Content inside Items */
    .contact-text {
        font-size: 1rem;
        color: #475569;
        margin-top: 2px;
    }
    .contact-text strong {
        display: block;
        color: #1e293b;
        font-size: 1.1rem;
        margin-bottom: 6px;
    }
    .contact-text a {
        color: #0284c7;
        text-decoration: none;
        transition: color 0.2s;
        font-weight: 500;
    }
    .contact-text a:hover {
        color: #0369a1;
        text-decoration: underline;
    }

    /* Responsive adjustments for Mobile */
    @media (max-width: 600px) {
        .contact-card {
            padding: 25px;
            border-left-width: 4px;
        }
        .contact-header h2 {
            font-size: 2rem;
        }
        .icon-wrapper {
            width: 40px;
            height: 40px;
            font-size: 1.2rem;
            margin-right: 15px;
        }
    }
</style>

<div class="vertical-contact-section">
    <div class="contact-header">
        <h2>Contact Us</h2>
        <p>Get in touch with Dr. Bivek for expert Physiotherapy Home Services. We are here to help you heal better and faster.</p>
    </div>

    <div class="contact-vertical-layout">
        
        <!-- Get In Touch Card -->
        <div class="contact-card">
            <h3>Get In Touch</h3>
            
            <div class="contact-item">
                <div class="icon-wrapper">📞</div>
                <div class="contact-text">
                    <strong>Mobile Number</strong>
                    <a href="tel:+919555345141">+91 9555345141</a>
                </div>
            </div>
            
            <div class="contact-item">
                <div class="icon-wrapper">📧</div>
                <div class="contact-text">
                    <strong>Email Address</strong>
                    <a href="mailto:drbivekkumar@gmail.com">drbivekkumar@gmail.com</a>
                </div>
            </div>
            
            <div class="contact-item">
                <div class="icon-wrapper">🌐</div>
                <div class="contact-text">
                    <strong>Website</strong>
                    <a href="http://www.physiotherapyhomeservice.in" target="_blank">www.physiotherapyhomeservice.in</a>
                </div>
            </div>
        </div>

        <!-- Locations Card -->
        <div class="contact-card">
            <h3>Our Locations</h3>
            
            <div class="contact-item">
                <div class="icon-wrapper">🏥</div>
                <div class="contact-text">
                    <strong>Clinic - One Step Clinic</strong>
                    Shop 1, Plot No 9/2/9, Judge Colony Road,<br>
                    Opposite Apex Florus Sector 9, Vaishali,<br>
                    Ghaziabad, Pincode: 201005
                </div>
            </div>
            
            <div class="contact-item">
                <div class="icon-wrapper">🏠</div>
                <div class="contact-text">
                    <strong>Home Address</strong>
                    N 45, Vrindavan Garden East<br>
                    (Near Jain Mandir), Sahibabad
                </div>
            </div>
        </div>

    </div>
</div>