@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/certification/certificate-banner1.webp') }}">
                            <div class="container">
                                <div class="hero-wrapper">
                                    <h1 class="title">BRSR Business Responsibility and Sustainability Reporting
                                        <br><span>Comprehensive ESG Reporting</span>
                                    </h1>
                                    <p class="subtitle marB42">Comprehensive reporting framework for business responsibility
                                        and sustainability compliance with expert guidance.</p>
                                    <div class="custom-btn-group mb-2">
                                        <a href="javascript:void(0)" class="bs-btn typ-fill" onclick="openPopupTC()"
                                            data-page-source="esg">Get Started</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="lyt-section bs-events">
            <div class="container typ-abt-events">

                <div class="row align-items-start">
                    <div class="common-heading" data-aos="fade" data-aos-delay="300">
                        <div class="line">
                            <img src="{{ asset('assets/images/white-bg-line.svg') }}" class="img-fluid" alt="line-img">
                        </div>
                        <div class="bs-sub-heading">Overview</div>

                    </div>
                    <div class="col-md-5">

                        <h2 class="bs-heading" data-aos="fade" data-aos-delay="400">
                            Environmental, Social, and Governance (ESG) Assurance
                        </h2>
                    </div>
                    <div class="col-md-7 common-event">
                        <div class="event-desc bs-para mb-3">
                            Environmental, Social, and Governance (ESG) assurance provides independent verification of an
                            organization's sustainability performance and reporting. ESG assurance enhances credibility,
                            transparency, and stakeholder confidence by validating data accuracy and compliance with
                            international frameworks and standards.

                        </div>
                        <div class="event-desc bs-para">
                            As global investors and regulators increasingly prioritize sustainable business practices, ESG
                            assurance has become essential for organizations seeking to demonstrate their commitment to
                            responsible operations. IRClass Systems & Solutions Pvt. Ltd. (ISSPL) offers comprehensive ESG
                            assurance services, including reasonable and limited assurance engagements, to help
                            organizations meet regulatory requirements and stakeholder expectations.
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="lyt-section bs-certification typBlack typ-certificate-plastic">
            <div class="container">
                <div class="row">
                    <div class="col-md-7">
                        <h2 class="bs-heading typWhite mb-4">Scope of Work</h2>
                        <div class="mb-5">
                            <p class="bs-para typWhite">
                                IRClass – IRQS provides comprehensive ESG assurance for the following key areas:
                            </p>
                        </div>
                    </div>
                    <div class="col-md-5 d-flex justify-content-end align-items-center">
                        <div class="">
                            <div class="d-flex gap-2 bio1">
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="swiper mySwiperCT mt-4">
                    <div class="swiper-wrapper">

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/assurance/green-house-image.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Environmental Performance</h3>
                                <p class="card-text">Carbon emissions, energy consumption, water usage, and waste management
                                    metrics.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/assurance/water-management.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Social Responsibility</h3>
                                <p class="card-text">Labor practices, human rights, diversity & inclusion, and community
                                    engagement initiatives.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/assurance/energy-usage.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Governance Structures</h3>
                                <p class="card-text">Board composition, ethics policies, compliance frameworks, and risk
                                    management systems.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/assurance/waste-management.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Sustainability Reporting</h3>
                                <p class="card-text">ESG disclosures, materiality assessments, and alignment with GRI, SASB,
                                    and TCFD frameworks.</p>
                            </div>
                        </div>
                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/assurance/energy-usage.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Supply Chain ESG</h3>
                                <p class="card-text">Vendor assessments, sustainable sourcing, and supply chain transparency
                                    verification.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="lyt-section bs-certification typ-certification typ-sust-details typ-hide">

            <div class="steps-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="common-heading" data-aos="fade" data-aos-delay="300">
                                <div class="line">
                                    <img src="{{ asset('assets/images/white-bg-line.svg') }}" class="img-fluid"
                                        alt="line-img">
                                </div>
                                <div class="bs-sub-heading text-uppercase">Our Approach</div>

                            </div>

                            <h2 class="bs-heading" data-aos="fade" data-aos-delay="400">
                                A systematic methodology for credible ESG assurance
                            </h2>

                        </div>
                        <div class="col-md-6 d-flex justify-content-end align-items-end navi-method">
                            <div class="swiper-nav d-flex">
                                <div class="swiper-button-custom swiper-button-prev" style="opacity:1;"></div>
                                <div class="swiper-button-custom swiper-button-next" style="opacity:1;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="step">

                                <div class="deliver-desc">
                                    <div class="step-icon"><img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="icon">
                                    </div>
                                    <div class="deliver-desc-child">
                                        <h5>Step 1 – Engagement Planning</h5>
                                        <p>Define scope, objectives, and assurance level requirements with stakeholder
                                            consultation.
                                        </p>
                                    </div>

                                </div>

                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="step">
                                <div class="deliver-desc">
                                    <div class="step-icon"><img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="icon">
                                    </div>
                                    <div class="deliver-desc-child">
                                        <h5>Step 2 – Risk Assessment</h5>
                                        <p>Identify material ESG risks and evaluate data collection and reporting processes.
                                        </p>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="step">
                                <div class="deliver-desc">
                                    <div class="step-icon"><img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="icon">
                                    </div>
                                    <div class="deliver-desc-child">
                                        <h5>Step 3 – Evidence Gathering</h5>
                                        <p>Collect and analyze supporting documentation, conduct site visits and stakeholder
                                            interviews.
                                        </p>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="step">
                                <div class="deliver-desc">
                                    <div class="step-icon"><img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="icon">
                                    </div>
                                    <div class="deliver-desc-child">
                                        <h5>Step 4 – Data Verification</h5>
                                        <p>Test data accuracy, completeness, and consistency across all ESG metrics and
                                            disclosures.
                                        </p>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="step">
                                <div class="deliver-desc">
                                    <div class="step-icon"><img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="icon">
                                    </div>
                                    <div class="deliver-desc-child">
                                        <h5>Step 5 – Compliance Review</h5>
                                        <p>Assess alignment with applicable ESG frameworks, standards, and regulatory
                                            requirements.
                                        </p>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="step">
                                <div class="deliver-desc">
                                    <div class="step-icon"><img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="icon">
                                    </div>
                                    <div class="deliver-desc-child">
                                        <h5>Step 6 – Findings Analysis</h5>
                                        <p>Evaluate audit results and identify areas for improvement in ESG performance.
                                        </p>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="step">
                                <div class="deliver-desc">
                                    <div class="step-icon"><img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="icon">
                                    </div>
                                    <div class="deliver-desc-child">
                                        <h5>Step 7 – Assurance Opinion</h5>
                                        <p>Issue independent assurance statement with recommendations for enhanced ESG
                                            reporting.
                                        </p>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="step-line"></div>
                    <div class="progress-line" id="progressLine"></div>
                </div>
            </div>
        </section>
        <section class="lyt-section typ-slide-sec">
            <div class="bs-slider-step">
                <div class="container">
                    <div class="row ">
                        <div class="col-md-6">
                            <div class="common-heading" data-aos="fade" data-aos-delay="300">
                                <div class="line">
                                    <img src="{{ asset('assets/images/white-bg-line.svg') }}" class="img-fluid"
                                        alt="line-img">
                                </div>
                                <div class="bs-sub-heading text-uppercase">OUR APPROACH</div>
                            </div>

                            <h2 class="bs-heading" data-aos="fade" data-aos-delay="400">
                                A systematic methodology for credible ESG assurance
                            </h2>
                        </div>
                    </div>
                </div>

                <div class="typ-cl-details-wrapper">

                    <div class="progress-wrap">
                        <div class="full-line"></div>
                        <div class="full-fill" id="mainFill"></div>

                        <div class="nav-right">
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-button-next"></div>
                        </div>

                        <div class="steps-container">
                            <div class="steps" id="steps">

                                <!-- Step 1 -->
                                <div class="step">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="Step 1 – Engagement Planning" />
                                    </div>
                                    <div class="step-title">Step 1 – Engagement Planning</div>
                                    <div class="step-text">
                                        Define scope, objectives, and assurance level requirements with stakeholder
                                        consultation.
                                    </div>
                                </div>

                                <!-- Step 2 -->
                                <div class="step">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="Step 2 – Risk Assessment" />
                                    </div>
                                    <div class="step-title">Step 2 – Risk Assessment</div>
                                    <div class="step-text">
                                        Identify material ESG risks and evaluate data collection and reporting processes.
                                    </div>
                                </div>

                                <!-- Step 3 -->
                                <div class="step">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="Step 3 – Evidence Gathering" />
                                    </div>
                                    <div class="step-title">Step 3 – Evidence Gathering</div>
                                    <div class="step-text">
                                        Collect and analyze supporting documentation, conduct site visits and stakeholder
                                        interviews.
                                    </div>
                                </div>

                                <!-- Step 4 -->
                                <div class="step">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="Step 4 – Data Verification" />
                                    </div>
                                    <div class="step-title">Step 4 – Data Verification</div>
                                    <div class="step-text">
                                        Test data accuracy, completeness, and consistency across all ESG metrics and
                                        disclosures.
                                    </div>
                                </div>

                                <!-- Step 5 -->
                                <div class="step">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="Step 5 – Compliance Review" />
                                    </div>
                                    <div class="step-title">Step 5 – Compliance Review</div>
                                    <div class="step-text">
                                        Assess alignment with applicable ESG frameworks, standards, and regulatory
                                        requirements.
                                    </div>
                                </div>

                                <!-- Step 6 -->
                                <div class="step">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="Step 6 – Findings Analysis" />
                                    </div>
                                    <div class="step-title">Step 6 – Findings Analysis</div>
                                    <div class="step-text">
                                        Evaluate audit results and identify areas for improvement in ESG performance.
                                    </div>
                                </div>

                                <!-- Step 7 -->
                                <div class="step">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="Step 7 – Assurance Opinion" />
                                    </div>
                                    <div class="step-title">Step 7 – Assurance Opinion</div>
                                    <div class="step-text">
                                        Issue independent assurance statement with recommendations for enhanced ESG
                                        reporting.
                                    </div>
                                </div>

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

                    <!-- Hidden Swiper (Mobile) -->
                    <div class="swiper mySwiper" style="display: none;">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">Step 1 – Engagement Planning</div>
                            <div class="swiper-slide">Step 2 – Risk Assessment</div>
                            <div class="swiper-slide">Step 3 – Evidence Gathering</div>
                            <div class="swiper-slide">Step 4 – Data Verification</div>
                            <div class="swiper-slide">Step 5 – Compliance Review</div>
                            <div class="swiper-slide">Step 6 – Findings Analysis</div>
                            <div class="swiper-slide">Step 7 – Assurance Opinion</div>
                        </div>
                    </div>

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

        <section class="lyt-section typUpskill p-0 typ-accre-recog typ-member-slide typ-mission-sec2 typ-assure-industries">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="common-heading" data-aos="fade" data-aos-delay="300">
                            <div class="line">
                                <img src="{{ asset('assets/images/contact/arr1.svg') }}" class="img-fluid" alt="line-img">
                            </div>
                            <div class="bs-sub-heading text-uppercase">Industries Leading ESG
                                Excellence</div>
                        </div>
                        <div class="row mb-lg-5 mb-4" data-aos="fade" data-aos-delay="400">
                            <div class="col-12">
                                <h2 class="bs-heading maxw600">
                                    Empowering Industries Through ESG Assurance
                                </h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 d-flex align-items-center">
                        <p class="bs-para pb-2">Our ESG Assurance services support diverse industries in achieving
                            sustainability goals, meeting investor expectations, and demonstrating commitment to responsible
                            business practices.
                        </p>
                    </div>
                </div>
                <div class="bs-swipper-icons pt-4">
                    <div class="swiper-button-prev industry-prev">
                        <span class="icon icon-link-arrow"></span>
                    </div>
                    <div class="swiper-button-next industry-next">
                        <span class="icon icon-link-arrow"></span>
                    </div>
                </div>
            </div>

            <div class="container-manual">

                <div class="outer-border">
                    <div class="swiper teamSwiper">
                        <div class="swiper-wrapper ">

                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/assurance/automotive.webp') }}" alt="automotive">
                                    </div>
                                    <div class="team-name-initial">Automotive</div>
                                    <div class="team-info">
                                        <h3 class="">Automotive</h3>
                                        <p class="bs-para">Verify supply chain sustainability, emission reduction efforts,
                                            and circular economy initiatives.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/assurance/marine.webp') }}" alt="marine">
                                    </div>
                                    <div class="team-name-initial">Marine</div>
                                    <div class="team-info">
                                        <h3>Marine</h3>
                                        <p class="bs-para">Assure environmental compliance, safety protocols, and
                                            sustainable maritime operations.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/assurance/food-beverage.webp') }}"
                                            alt="food-beverage">
                                    </div>
                                    <div class="team-name-initial">Food & Beverage</div>
                                    <div class="team-info">
                                        <h3 class="bs-para">Food & Beverage</h3>
                                        <p class="bs-para">Validate responsible sourcing, food safety, and sustainable
                                            packaging practices.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/assurance/pharma.webp') }}" alt="pharma">
                                    </div>
                                    <div class="team-name-initial">Pharma</div>
                                    <div class="team-info">
                                        <h3>Pharma</h3>
                                        <p class="bs-para">Ensure ethical research practices, access to medicines, and
                                            environmental stewardship.</p>
                                    </div>
                                </div>
                            </div>

                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/assurance/automotive.webp') }}" alt="automotive">
                                    </div>
                                    <div class="team-name-initial">Automotive</div>
                                    <div class="team-info">
                                        <h3 class="">Automotive</h3>
                                        <p class="bs-para">Verify supply chain sustainability, emission reduction efforts,
                                            and circular economy initiatives.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/assurance/marine.webp') }}" alt="marine">
                                    </div>
                                    <div class="team-name-initial">Marine</div>
                                    <div class="team-info">
                                        <h3>Marine</h3>
                                        <p class="bs-para">Assure environmental compliance, safety protocols, and
                                            sustainable maritime operations.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/assurance/food-beverage.webp') }}"
                                            alt="food-beverage">
                                    </div>
                                    <div class="team-name-initial">Food & Beverage</div>
                                    <div class="team-info">
                                        <h3 class="bs-para">Food & Beverage</h3>
                                        <p class="bs-para">Validate responsible sourcing, food safety, and sustainable
                                            packaging practices.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/assurance/pharma.webp') }}" alt="pharma">
                                    </div>
                                    <div class="team-name-initial">Pharma</div>
                                    <div class="team-info">
                                        <h3>Pharma</h3>
                                        <p class="bs-para">Ensure ethical research practices, access to medicines, and
                                            environmental stewardship.</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>
            </div>

        </section>
        <section
            class="lyt-section typUpskill p-0 bs-tabs typ-accre-recog typ-certificate-list typ-certi-li-acc typ-certification-plastic"
            style="background: #01090F;">
            <div class="container">
                <div class="row mb-5">
                    <div class="col-lg-7">
                        <div class="common-heading" data-aos="fade" data-aos-delay="300">
                            <div class="line">
                                <img src="{{ asset('assets/images/blue-bg-line.svg') }}" class="img-fluid" alt="line-img">
                            </div>
                            <div class="bs-sub-heading typWhite text-uppercase">Benefits of ESG Assurance</div>
                        </div>
                        <h2 class="bs-heading typWhite maxw600">
                            Build Credibility, Drive Performance
                        </h2>

                    </div>
                    <div class="col-lg-5 d-flex align-items-end">
                        <p class="bs-para typWhite ps-lg-5"> ESG Assurance provides independent validation of
                            sustainability performance, enhancing stakeholder confidence.</p>

                    </div>
                </div>
                <div class="bs-grid-box">
                    <div class="leftBox ">
                        <div class="bs-tabs typ-cert-tab" data-aos="fade" data-aos-delay="500">
                            <ul class="nav nav-pills mb-3 flex-column" id="pills-tab" role="tablist">
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center rethink w-100">
                                        <button class="nav-link active w-100 text-start" id="pills-Quality-tab"
                                            data-bs-toggle="pill" data-bs-target="#pills-Quality" type="button" role="tab"
                                            aria-controls="pills-Quality" aria-selected="true">Investor
                                            Confidence</button>

                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: block; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Independent ESG assurance enhances investor trust by providing credible verification
                                        of sustainability claims and performance metrics.</div>
                                </li>
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center rethink w-100">
                                        <button class="nav-link w-100 text-start" id="pills-Environmental-tab"
                                            data-bs-toggle="pill" data-bs-target="#pills-Environmental" type="button"
                                            role="tab" aria-controls="pills-Environmental" aria-selected="false">Risk
                                            Management</button>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Identify and mitigate ESG-related risks through systematic assessment and continuous
                                        monitoring of sustainability practices.</div>
                                </li>
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center rethink w-100">
                                        <button class="nav-link w-100 text-start" id="pills-Health-tab"
                                            data-bs-toggle="pill" data-bs-target="#pills-Health" type="button" role="tab"
                                            aria-controls="pills-Health" aria-selected="false">Performance
                                            Improvement</button>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Gain actionable insights to improve ESG performance, operational efficiency, and
                                        long-term sustainability outcomes.
                                    </div>
                                </li>
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center rethink w-100">
                                        <button class="nav-link w-100 text-start" id="pills-Security-tab"
                                            data-bs-toggle="pill" data-bs-target="#pills-Security" type="button" role="tab"
                                            aria-controls="pills-Security" aria-selected="false">Market
                                            Access</button>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Meet evolving regulatory requirements and access sustainable finance opportunities
                                        through verified ESG credentials.</div>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div class="rightBox" data-aos="fade" data-aos-delay="500">
                        <div class="bs-tabs">
                            <div class="tab-content" id="pills-tabContent">
                                <div class="rightBox" data-aos="fade" data-aos-delay="500">
                                    <div class="bs-tabs">
                                        <div class="tab-content" id="pills-tabContent1">
                                            <div class="tab-pane fade show active" id="pills-Quality" role="tabpanel"
                                                aria-labelledby="pills-Quality-tab">
                                                <div class="bg-img">
                                                    <img src="{{ asset('assets/images/assurance/trust-build.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>

                                            </div>
                                            <div class="tab-pane fade" id="pills-Environmental" role="tabpanel"
                                                aria-labelledby="pills-Environmental-tab">
                                                <div class="bg-img">
                                                    <img src="{{ asset('assets/images/assurance/trust-build.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="pills-Health" role="tabpanel"
                                                aria-labelledby="pills-Health-tab">
                                                <div class="bg-img">
                                                    <img src="{{ asset('assets/images/assurance/trust-build.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="pills-Security" role="tabpanel"
                                                aria-labelledby="pills-Security-tab">
                                                <div class="bg-img">
                                                    <img src="{{ asset('assets/images/assurance/trust-build.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>

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

        </section>
        <section class="lyt-section bs-events set-bg typ-detained-pro"
            data-img="{{ asset('assets/images/certification/isotrop.webp') }}">
            <div class="container typ-abt-events">

                <div class="row align-items-start">
                    <div class="common-heading" data-aos="fade" data-aos-delay="300">
                        <div class="line">
                            <img src="{{ asset('assets/images/white-bg-line.svg') }}" class="img-fluid" alt="line-img">
                        </div>
                        <div class="bs-sub-heading text-uppercase">Download Our ESG Training & Assurance
                            Brochures</div>

                    </div>
                    <div class="col-md-7">

                        <h2 class="bs-heading mb-5" data-aos="fade" data-aos-delay="400">
                            Explore Environmental, Social, and Governance (ESG) Training
                        </h2>
                        <div class="event-desc bs-para mb-5">
                            Master the complexities of ESG reporting and assurance with our comprehensive training program.
                            Learn to conduct effective ESG audits, interpret international frameworks, and deliver
                            meaningful assurance engagements. This course by Indian Register Quality Systems (IRQS) equips
                            professionals with practical skills to support organizations in their sustainability journey.
                        </div>
                        @if (isset($assuranceBrochure) && $assuranceBrochure->status === 'active')
                            <div class="custom-btn-group mb-2">
                                <button type="button"
                                    onclick="downloadBrochure('{{ route('sustainability.assurance.brochure.download') }}', this)"
                                    class="bs-btn typ-fill">Download Brochure</button>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </section>
        <section class="bs-certification-listing lyt-section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-12">
                        <div class="common-heading" data-aos="fade" data-aos-delay="300">
                            <div class="line">
                                <img src="{{ asset('assets/images/blue-bg-line.svg') }}" class="img-fluid" alt="line-img">
                            </div>
                            <div class="bs-sub-heading typWhite text-uppercase">Why Choose<span class="ms-1">IRClass?</span>
                            </div>
                        </div>
                        <h2 class="bs-heading typWhite" data-aos="fade" data-aos-delay="400">
                            Your Trusted Partner for Credible ESG Assurance and Sustainability Verification
                        </h2>
                    </div>
                </div>
                <div class="row g-4 align-items-end mt-5">
                    <div class="col-md-6 col-lg-3 d-flex">
                        <div class="custom-card small-card w-100">
                            <div class="card-tag">01</div>
                            <div class="card-text">30+ Years of Expertise</div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3 d-flex">
                        <div class="custom-card tall-card w-100">
                            <div class="card-tag">02</div>
                            <div class="card-text">Global Framework Alignment</div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3 d-flex">
                        <div class="custom-card small-card w-100">
                            <div class="card-tag">03</div>
                            <div class="card-text">Independent Verification</div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3 d-flex">
                        <div class="custom-card tall-card w-100">
                            <div class="card-tag">04</div>
                            <div class="card-text">Sector-Specific Expertise</div>
                        </div>
                    </div>

                </div>
            </div>
        </section>
        <section class="lyt-section bs-ayush background-wrapper set-bg"
            data-img="{{ asset('assets/images/training/training-bg.webp') }}" style="background-size: cover;
        background-position: top;
        background-repeat: no-repeat;">
            <div class="container typ-faq">
                <div class="row align-items-start">

                    <div class="col-lg-4">
                        <div class="common-heading" data-aos="fade" data-aos-delay="300">
                            <div class="line">
                                <img src="{{ asset('assets/images/blue-bg-line.svg') }}" class="img-fluid" alt="line-img">
                            </div>
                            <div class="bs-sub-heading typWhite text-uppercase">Frequently Asked <span
                                    class="">Questions</span></div>
                        </div>
                        <h2 class="bs-heading typWhite" data-aos="fade" data-aos-delay="400">
                            Your ISO 14040 & ISO 14044 Training Life Cycle Assessment (LCA) Questions—Answered
                        </h2>
                    </div>


                    <div class="col-lg-8">
                        <div class="accordion" id="faqAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingOne">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                        What is ISO 9001 awareness training?
                                    </button>
                                </h2>
                                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        ISO 9001 course is created and developed to increase the awareness on the latest
                                        version of ISO 9001:2015 standard. It focuses on the requirements while
                                        providing an overall understanding of the management systems and the
                                        consolidated quality management system. It contains 40 hours of course material
                                        and training hours. ISO training offers a culture of learning, awareness and
                                        continual improvement of the management system.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                        How do I get started with the ISO 9001 training?
                                    </button>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        ISO 9001 course is created and developed to increase the awareness on the latest
                                        version of ISO 9001:2015 standard. It focuses on the requirements while
                                        providing an overall understanding of the management systems and the
                                        consolidated quality management system. It contains 40 hours of course material
                                        and training hours. ISO training offers a culture of learning, awareness and
                                        continual improvement of the management system.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingThree">
                                    <button class="accordion-button collapsed text-start" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false"
                                        aria-controls="collapseThree">
                                        How long will it take to get ISO 9001 training completed?
                                    </button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        ISO 9001 course is created and developed to increase the awareness on the latest
                                        version of ISO 9001:2015 standard. It focuses on the requirements while
                                        providing an overall understanding of the management systems and the
                                        consolidated quality management system. It contains 40 hours of course material
                                        and training hours. ISO training offers a culture of learning, awareness and
                                        continual improvement of the management system.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFour">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                        What are the six compulsory procedures for ISO 9001?
                                    </button>
                                </h2>
                                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        ISO 9001 course is created and developed to increase the awareness on the latest
                                        version of ISO 9001:2015 standard. It focuses on the requirements while
                                        providing an overall understanding of the management systems and the
                                        consolidated quality management system. It contains 40 hours of course material
                                        and training hours. ISO training offers a culture of learning, awareness and
                                        continual improvement of the management system.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFive">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                        Why choose IRQS for ISO 9001 training?
                                    </button>
                                </h2>
                                <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        ISO 9001 course is created and developed to increase the awareness on the latest
                                        version of ISO 9001:2015 standard. It focuses on the requirements while
                                        providing an overall understanding of the management systems and the
                                        consolidated quality management system. It contains 40 hours of course material
                                        and training hours. ISO training offers a culture of learning, awareness and
                                        continual improvement of the management system.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </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">
                                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="esg">Get Started</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 enquiry form modal for Sustainability Assurance page --}}
    @include('components.enquiry-form-wrapper', ['pageSource' => 'esg', 'formType' => 'enquiry'])

    @include('website.partials.include_js')

    <script>
        function downloadBrochure(downloadUrl, button) {
            // Store original content
            const originalContent = button.innerHTML;
            const originalText = button.textContent.trim();

            // Show spinner and disable button
            button.innerHTML = '<i class="fas fa-spinner fa-spin me-2"></i>Downloading...';
            button.disabled = true;

            // Create a temporary link for download
            const link = document.createElement('a');
            link.href = downloadUrl;
            link.style.display = 'none';
            document.body.appendChild(link);

            // Trigger download
            link.click();

            // Clean up temporary link
            document.body.removeChild(link);

            // Simulate download completion (since we can't detect actual download completion)
            setTimeout(() => {
                // Update button to show downloaded state
                button.innerHTML = '<i class="fas fa-check me-2"></i>Downloaded';
                button.disabled = true;

                // Reset button after 3 seconds
                setTimeout(() => {
                    button.innerHTML = originalContent;
                    button.disabled = false;
                }, 3000);
            }, 1000);
        }
    </script>
@endsection