@extends('layouts.website')

@section('content')
<main>
    <section class="bs-banner type-overview typ-glob-accre typ-evt-banner typ-cert-banner">
        <div class="swiper main">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="background-wrapper set-bg"
                        data-img="{{ asset('assets/images/industry-list/building-infrastructure-baner.webp') }}">
                        <div class="container">
                            <div class="hero-wrapper">
                                <h1 class="title">Building & <span>Infrastructure</span></h1>
                                <p class="subtitle marB42">Empowering building and infrastructure projects with globally
                                    recognized certification, training and sustainability standards.</p>
                                <div class="custom-btn-group mb-2">
                                    <a href="javascript:void(0)" class="bs-btn typ-fill" onclick="openPopupTC()"
                                        data-page-source="industries-building-infrastructure">Get a Quote Now</a>
                                </div>
                                <div class="custom-btn-group down">
                                    <a href="#" class="bs-btn typ-fill typ-hover">Get Started</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section
        class="bs-training-calender lyt-section typ-mission-sec5 typ-member-sec3 background-wrapper set-bg typ-contact-sec4 typ-event typ-hfc">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-12 mt-lg-0 mt-4 d-flex justify-content-center flex-column align-items-center">

                    <h2 class=" bs-heading bs-head bs-title typ-bs-margin " data-aos="fade" data-aos-delay="400">
                        The building and infrastructure sector must meet demanding regulatory, quality, safety and
                        sustainability standards as urbanization and modernization accelerate. IRQS offers a full range
                        of certification, training and sustainability solutions tailored for construction companies,
                        infrastructure developers, contractors and facility managers. Our team identifies and certifies
                        organizations to the standards most relevant for their unique requirements and project
                        objectives, helping you build efficiently, safely and sustainably.
                    </h2>
                    <h2 class="bs-heading bs-head typ-bs-margin text-center" data-aos="fade" data-aos-delay="400">
                        List of ISO Certification Standards Applicable
                    </h2>
                </div>

            </div>

        </div>
        <div class="container">
            @php
            $initialLimit = 9;
            $cardIndex = 0;
            @endphp
            <div id="industriesGrid" class="row g-0">
                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Quality-Management-System.webp') }}"
                                alt="Engineering & Manufacturing" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 9001 – Quality Management System</h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>

                        </div>
                    </div>
                </div>


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card middle-col">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/ISO-14001 – Environmental-Management-System.webp') }}" alt="Automotive"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 14001 – Environmental Management System
                                </h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/ISO-45001–Occupational-Health-and-Safety-Management-System-Manufacturing.webp') }}" alt="IT & ITES"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 45001 – Occupational Health & Safety Management System</h5>

                                <!-- <div class="team-role pb-2">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/ISO-50001-Energy-Management-System.webp') }}"
                                alt="Food & Beverages" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 50001 – Energy Management System</h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>

                        </div>
                    </div>
                </div>



                @php
                $totalCards = $cardIndex;
                $shouldShowViewAll = $totalCards > $initialLimit;
                @endphp
                <!-- <div class="custom-btn-group d-flex justify-content-center mt-4 {{ $shouldShowViewAll ? '' : 'd-none' }}" id="viewAllIndustries">
                        <a href="javascript:void(0)" class="bs-btn my-3">View all</a>
                    </div> -->
            </div>
        </div>


    </section>

    <section
        class="bs-training-calender lyt-section typ-mission-sec5 typ-member-sec3 background-wrapper set-bg typ-contact-sec4 typ-event typ-hfc">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-12 mt-lg-0 mt-4 d-flex justify-content-center flex-column align-items-center">


                    <h2 class="bs-heading bs-head typ-bs-margin text-center" data-aos="fade" data-aos-delay="400">
                        List of Training Standards Applicable
                    </h2>
                </div>

            </div>

        </div>
        <div class="container">
            @php
            $initialLimit = 9;
            $cardIndex = 0;
            @endphp
            <div id="industriesGrid" class="row g-0">
                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Quality-Management -System-section-2.webp') }}"
                                alt="Engineering & Manufacturing" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 9001 – Quality Management System</h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>

                        </div>
                    </div>
                </div>


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card middle-col">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/ISO-14001-Environmental-Management-System-Agriculture-sect-2.webp') }}" alt="Automotive"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 14001 – Environmental Management System
                                </h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/ISO-45001–Occupational-Health-and-Safety-Management-System-retail-sec-2.webp') }}" alt="IT & ITES"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 45001 – Occupational Health & Safety Management System</h5>

                                <!-- <div class="team-role pb-2">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/ISO-50001–Energy-Management-System-Manufacturing-sec-2.webp') }}"
                                alt="Food & Beverages" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">

                                    ISO 50001 – Energy Management System
                                </h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>

                        </div>
                    </div>
                </div>



                @php
                $totalCards = $cardIndex;
                $shouldShowViewAll = $totalCards > $initialLimit;
                @endphp
                <!-- <div class="custom-btn-group d-flex justify-content-center mt-4 {{ $shouldShowViewAll ? '' : 'd-none' }}" id="viewAllIndustries">
                        <a href="javascript:void(0)" class="bs-btn my-3">View all</a>
                    </div> -->
            </div>
        </div>


    </section>

    <section
        class="bs-training-calender lyt-section typ-mission-sec5 typ-member-sec3 background-wrapper set-bg typ-contact-sec4 typ-event typ-hfc">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-12 mt-lg-0 mt-4 d-flex justify-content-center flex-column align-items-center">


                    <h2 class="bs-heading bs-head typ-bs-margin text-center" data-aos="fade" data-aos-delay="400">
                        List of Sustainability Standards Applicable
                    </h2>
                </div>

            </div>

        </div>
        <div class="container">
            @php
            $initialLimit = 9;
            $cardIndex = 0;
            @endphp
            <div id="industriesGrid" class="row g-0">
                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/ISO-14064–Greenhouse-Gas-Accounting-and-Verification-manufacturing-section-3.webp') }}"
                                alt="Engineering & Manufacturing" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 14064 – Greenhouse Gas Accounting & Verification</h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>

                        </div>
                    </div>
                </div>


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card middle-col">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/ISO-14046–Water-Footprint-manufacturing-section-3.webp') }}" alt="Automotive"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 14046 – Water Footprint
                                </h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/ISO-46001–Water-Efficiency-Management-System-manufacturing-section-3.webp') }}" alt="IT & ITES"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 46001 – Water Efficiency Management System</h5>

                                <!-- <div class="team-role pb-2">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Zero-Plastic-to-Landfill-manufacturing-section-3.webp') }}"
                                alt="Food & Beverages" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">

                                    Zero Waste to Landfill / Zero Liquid Discharge
                                </h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>

                        </div>
                    </div>
                </div>




                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card middle-col">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Carbon-Border-Adjustment-Mechanism-(CBAM)-manufacturing-section-3.webp') }}" alt="Automotive"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">Carbon Border Adjustment Mechanism (CBAM)
                                </h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/GRI-Sustainability-Report-Verification-and-Assurance-section-3.webp') }}" alt="IT & ITES"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">BRSR/GRI Sustainability Report Verification & Assurance</h5>

                                <!-- <div class="team-role pb-2">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>

                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/ISO-20400–Sustainable-Procurement.webp') }}"
                                alt="Food & Beverages" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">



                                    ISO 20400 – Sustainable Procurement

                                </h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>

                        </div>
                    </div>
                </div>








            </div>
        </div>


    </section>

    <section
        class="bs-training-calender lyt-section typ-mission-sec5 typ-member-sec3 background-wrapper set-bg typ-contact-sec4 typ-event typ-hfc">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-12 mt-lg-0 mt-4 d-flex justify-content-center flex-column align-items-center">

                    <h2 class=" bs-heading bs-head bs-title typ-bs-margin " data-aos="fade" data-aos-delay="400">
                        At IRQS, we help leaders in the building and infrastructure sector achieve compliance,
                        continuous improvement and sustainable growth by providing guidance across all standards
                        relevant to your business. Get in touch to discover certification, training and sustainability
                        solutions designed for your industry’s needs.
                    </h2>
                    <!-- <h2 class="bs-heading bs-head typ-bs-margin text-center" data-aos="fade" data-aos-delay="400">
                        List of ISO Certification Standards Applicable
                    </h2> -->
                </div>

            </div>

        </div>



    </section>

    <!-- CTA Section -->
    <section class="lyt-section typ-certified p-0">
        <div class="container-padding-left-create">
            <div class="certified-wrapper">
                <div class="leftBox lyt-section">
                    <div class="maxw400">
                        <h2 class="bs-heading mb-4" data-aos="fade" data-aos-delay="200">
                            Didn’t find the certification standard you <span>need?</span>
                        </h2>
                        <p class="bs-para mb-4" data-aos="fade" data-aos-delay="300">
                            Contact us for audit and certification of specialized, less common or sector-specific
                            standards suitable for your building or infrastructure project. Our team can guide you
                            regarding other relevant and sector-specific international standards that may also apply.
                        </p>
                        <a href="javascript:void(0)" class="bs-btn typ-yellow" data-aos="fade" data-aos-delay="400"
                            onclick="openPopupTC()" data-page-source="industries-building-infrastructure">Get
                            Certified</a>
                    </div>
                </div>
                <div class="rightBox">
                    <div class="box-img" data-aos="fade" data-aos-delay="300">
                        <img src="{{ asset('assets/images/certified-bg.jpg') }}" class="img-fluid" alt="background-img">
                    </div>
                    <div class="middle-img" data-aos="fade" data-aos-delay="500">
                        <img src="{{ asset('assets/images/certified-img.png') }}" class="img-fluid" alt="man-img">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- back to top  -->
    <a href="#" class="back-to-top">
        <span class="icon icon-drop-icon"></span>
    </a>
    {{-- Request a Quote Button Component --}}
    @include('components.request-quote-button')
</main>

@include('components.enquiry-form-wrapper', ['pageSource' => 'industries-building-infrastructure', 'formType' =>
'enquiry'])

@endsection