@extends('page_layout')
@section('section')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .contact-grid {
            margin: 40px auto; /* Adds top & bottom spacing */
            padding: 20px;
            background: #f8f9fa;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .contact-item {
            padding: 20px;
            border-right: 1px solid #ddd; /* Separator */
            display: flex;
            flex-direction: column;
            align-items: center; /* Centers content horizontally */
            justify-content: center; /* Centers content vertically */
            text-align: center;
        }
        .contact-item:last-child {
            border-right: none;
        }
        .icon {
            font-size: 30px;
            color: #007bff;
            margin-bottom: 10px;
        }
    </style>
    <div data-elementor-type="wp-post" data-elementor-id="1029" class="elementor elementor-1029"
        data-elementor-post-type="envato_tk_templates">
        <section
            class="elementor-section elementor-top-section elementor-element elementor-element-7af85c9 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
            data-id="7af85c9" data-element_type="section"
            data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-container elementor-column-gap-default">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b9658dd"
                    data-id="b9658dd" data-element_type="column">
                    <div class="elementor-widget-wrap elementor-element-populated">
                        <div class="elementor-element elementor-element-8ff69a9 elementor-widget elementor-widget-heading"
                            data-id="8ff69a9" data-element_type="widget" data-widget_type="heading.default">
                            <div class="elementor-widget-container">
                                <h2 class="elementor-heading-title elementor-size-default">Contact US</h2>
                            </div>
                        </div>
                        <div class="elementor-element elementor-element-cbae4ff elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list"
                            data-id="cbae4ff" data-element_type="widget" data-widget_type="icon-list.default">
                            <div class="elementor-widget-container">
                                <ul class="elementor-icon-list-items elementor-inline-items">
                                    <li class="elementor-icon-list-item elementor-inline-item">
                                        <span class="elementor-icon-list-text">Home</span>
                                    </li>
                                    <li class="elementor-icon-list-item elementor-inline-item">
                                        <span class="elementor-icon-list-icon">
                                            <i aria-hidden="true" class=" arrow_triangle-right_alt2"></i> </span>
                                        <span class="elementor-icon-list-text">Contact Us</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="container">
            <div class="row text-center contact-grid">
                <div class="col-md-4 contact-item">
                    <i class="fas fa-map-marker-alt icon"></i>
                    <strong>Address:</strong><br> C 18, Gali No.10 Khanpur Extention, Near Bal kishan Memorial Hospital New Delhi 110062
                </div>
                <div class="col-md-4 contact-item">
                    <i class="fas fa-phone-alt icon"></i>
                    <strong>Contact:</strong><br> 
                    +91 8750542875
                </div>
                <div class="col-md-4 contact-item">
                    <i class="fas fa-envelope icon"></i>
                    <strong>Email:</strong><br> mindseyecreations3@gmail.com
                    
                </div>
            </div>
        </div>
        
        
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    @endsection