@push('styles')
<style>
.contact li{
    list-style:none;
    margin: 0px 0px 20px 0px;
    width: 100%;
    float: left;
}
.contact li .list_inner{
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    position: relative;
    background-color: #222;
    border-radius: 10px;
    padding: 10px;
    color:white;
}
.contact li .list_inner a{
    color:white;
}
.contact li .list_inner i{
    color: var(--main-color);
}
</style>
@endpush
<!-- CONTACT -->
<div class="section_inner mt-5" id="contact" style="display:flex; align-items: flex-start !important;">
    <div class="edrea_tm_contact">
        <div class="edrea_tm_main_title">
            <div class="vl">
                <h1 class="name super-h1">
                    CONTACT
                </h1>
            </div>
        </div>
        <div class="wrapper">
            <div class="contact">
                <ul>
                    <li>
                        <div class="list_inner">
                            <i class="icon-building"></i>
                            <span><a href="#" class="href_location">บริษัท ดี.กิซโม่ จำกัด</a></span>
                        </div>
                    </li>
                    <li>
                        <div class="list_inner">
                            <i class="icon-location"></i>
                            <span><a href="#" class="href_location">อาคาร 6 ชั้น 12 เลขที่ 110/2 ถนนประชาชื่น
                                แขวงทุ่งสองห้อง เขตหลักสี่ กทม.10210
                                </a></span>
                        </div>
                    </li>
                    <li>
                        <div class="list_inner">
                            <i class="icon-phone"></i>
                            <span><a href="#">06-4195-7618 </a></span>
                        </div>
                    </li>
                    <li>
                        <div class="list_inner">
                            <i class="icon-mail-1"></i>
                            <span><a href="mailto:admin@dgizmo.com">admin@dgizmo.com </a></span>
                        </div>
                    </li>
                    {{-- <li>
                        <div class="list_inner">
                            <i class="icon-facebook-rect"></i>
                            <span><a href="#">@facebookNick</a></span>
                        </div>
                    </li> --}}
                    
                    
                    <li>
                        <div class="list_inner">
                            <i class="icon-facebook-1"></i>
                            <span><a href="https://www.facebook.com/Dgizmocompany">D.Gizmo </a></span>
                        </div>
                    </li>
                    
                    <li>
                        <div class="list_inner">
                            <i class="icon-linkedin-1"></i>
                            <span><a href="https://www.linkedin.com/in/dgizmo/">D.GIZMO "Innovative Solutions - Trusted Partner"</a></span>
                        </div>
                    </li>
                    
                    
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- /CONTACT -->