@extends('layouts.website')

@section('content')
<main>
    <section class="bs-banner type-overview typ-glob-accre typ-evt-banner typ-cert-banner typ-id-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/marine-baner.webp') }}">
                        <div class="container">
                            <div class="hero-wrapper">
                                <h1 class="title">Marine</h1>
                                <p class="subtitle marB42">Empowering marine organizations 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-marine">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 marine industry operates in a complex environment with stringent requirements for safety,
                        environmental protection, operational integrity and international compliance. IRQS delivers
                        tailored certification, training and sustainability solutions for shipping companies, ports,
                        marine equipment manufacturers and service providers. We help your organization meet industry
                        expectations, regulatory obligations and global benchmarks through recognized standards.
                    </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-4500–Occupational-Health-and-Safety-Management-System-Agriculture-sect-1.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-beverages-sec-1.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 $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/HKC – Hong-Kong.png') }}" alt="Automotive"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">

                                    HKC – Hong Kong Convention for the Safe and Environmentally Sound Recycling of Ships

                                </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/EU-Certification.png') }}" alt="IT & ITES"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">EU Certification</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 27001 – Information Security Management System-ITES-sec-1.webp') }}"
                                alt="Food & Beverages" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 27001 – Information Security 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>






            </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/Environmental-Management-System-section-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/Occupational-Health-Safety-Management-System-section-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>








            </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/Greenhouse-Gas-Accounting-and-Verification-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/Product-Carbon-Footprint-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 14067 – Product Carbon 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/Zero Waste to Landfill-marine.webp') }}" alt="IT & ITES"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">Zero Waste to Landfill</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-Liquid-Discharge-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 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/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-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/Carbon-Border-Adjustment-Mechanism-(CBAM)-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="">CBAM – Carbon Border Adjustment Mechanism (for international
                                    trade/shipping)
                                </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/GRI-Sustainability-Report-Verification-and-Assurance-section-3.webp') }}" alt="Automotive"
                                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">
                                        <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 (marine supply chain)-marine.webp') }}" alt="IT & ITES"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 20400 – Sustainable Procurement (marine supply chain)</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>



            </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 marine industry leaders achieve compliance, operational excellence and
                        sustainable growth by providing guidance across all standards relevant to your business. Get in
                        touch to discover certification, training and sustainability solutions for the marine sector.
                    </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>



    <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="maxw500o">
                        <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 marine organization. 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()">Request Certification Service</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>

    <!-- <section class="lyt-section typ-mission-sec5 typ-member-sec3 typ-contact-sec4 typ-explore-cert typ-event">
                    <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">
                                <div class="common-heading d-flex justify-content-center" data-aos="fade" data-aos-delay="300">
                                    <div class="bs-sub-heading text-uppercase">Marine Industry <span class="ms-1"></span></div>
                                </div>
                                <h2 class="bs-heading mb-3 text-center" data-aos="fade" data-aos-delay="400">
                                    Maritime Certification Solutions
                                </h2>
                            </div>
                        </div>
                    </div>

                    <div class="container py-4">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="content-placeholder">
                                    <p class="bs-para text-center">Content will be added here...</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </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">
                                        Let's get you certified-Start your journey <span>today!</span>
                                    </h2>
                                    <p class="bs-para mb-4" data-aos="fade" data-aos-delay="300">
                                        Connect with our experts for a seamless and hassle-free certification process.
                                    </p>
                                    <a href="javascript:void(0)" class="bs-btn typ-yellow" data-aos="fade" data-aos-delay="400" onclick="openPopupTC()" data-page-source="industries-marine">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-marine', 'formType' => 'enquiry'])

@endsection