@extends('layouts.website')

@section('title', 'Assurance')

@section('content')
    <main>
        <section class="bs-banner type-overview typ-glob-accre typ-evt-banner typ-cert-banner typ-certifi-details">
            <div class="swiper main">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="background-wrapper set-bg"
                            data-img="{{ asset('assets/images/sustainability/assurance/assurance-banner.webp') }}">
                            <div class="container">
                                <div class="hero-wrapper">
                                    <h1 class="title">BRSR & ESG
                                        <span> Assurance Services</span>
                                    </h1>
                                    <p class="subtitle marB42">Trusted assurance for sustainability reports, KPIs, and
                                        regulatory compliance.

                                    </p>
                                    <div class="custom-btn-group mb-2">
                                        <a href="javascript:void(0)" class="bs-btn typ-fill" onclick="openPopupTC()">Request
                                            Assurance
                                            Services</a>
                                    </div>
                                    <!-- <div class="custom-btn-group down">
                                            <a href="#" class="bs-btn typ-fill typ-hover" onclick="openPopupEvt()">Upcoming
                                                batches</a>

                                        </div> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- <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">Single-Use Plastic Free <br><span>Certified for a Cleaner
                                                Future</span>
                                        </h1>
                                        <p class="subtitle marB42">Ensure your products align with environmental regulations
                                            by eliminating harmful single-use plastics.</p>
                                        <div class="custom-btn-group mb-2">
                                            <a href="#" class="bs-btn typ-fill" onclick="openPopupEvt()">Certification</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">
                            Business Responsibility and Sustainability Reporting (BRSR)
                        </h2>
                    </div>
                    <div class="col-md-7 common-event">
                        <div class="event-desc bs-para mb-3">
                            Business Responsibility and Sustainability Reporting (BRSR) serves as a vital framework for
                            companies to communicate their performance regarding Environmental, Social, and Governance
                            (ESG) criteria. Required by regulatory bodies, BRSR aligns sustainability efforts with
                            international standards, fostering transparency, accountability, and trust among
                            stakeholders.

                        </div>
                        <div class="event-desc bs-para">
                            In India, the regulatory environment highlights the need for transparent and trustworthy
                            sustainability reporting. The Securities and Exchange Board of India (SEBI) requires the top
                            1,000 listed companies by market capitalization to adhere to BRSR. IRClass Systems &
                            Solutions Pvt. Ltd. (ISSPL), a leader in assurance services with significant experience in
                            sustainability verification, provides comprehensive Reasonable Assurance Audits for the Core
                            Key Performance Indicators (KPIs) and Limited Assurance Audits for Other Non – Financial
                            KPI’s outlined in the BRSR framework
                        </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 a thorough Assurance process for the following sustainability
                                metrics:
                            </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/sustainability/assurance/green-house-image.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Greenhouse Gas (GHG) Emissions</h3>
                                <p class="card-text">Scope 1, Scope 2, and relevant Scope 3 categories.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/sustainability/assurance/water-management.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Water Management</h3>
                                <p class="card-text">Single-use plastics take hundreds of years to degrade. As they
                                    break down into smaller pieces, they continue to pollute and harm wildlife.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/sustainability/assurance/energy-usage.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Energy Usage</h3>
                                <p class="card-text">Single-use plastics take hundreds of years to degrade. As they
                                    break down into smaller pieces, they continue to pollute and harm wildlife.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/sustainability/assurance/waste-management.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Waste Management</h3>
                                <p class="card-text">Single-use plastics take hundreds of years to degrade. As they
                                    break down into smaller pieces, they continue to pollute and harm wildlife.</p>
                            </div>
                        </div>
                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/sustainability/assurance/energy-usage.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Energy Usage</h3>
                                <p class="card-text">Single-use plastics take hundreds of years to degrade. As they
                                    break down into smaller pieces, they continue to pollute and harm wildlife.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="lyt-section bs-certification typ-certification">

            <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 robust methodology to deliver reliable assurance
                            </h2>

                        </div>
                        <div class="col-md-6 d-flex justify-content-end align-items-end">
                            <div class="swiper-nav d-flex">
                                <div class="swiper-button-custom swiper-button-prev"></div>
                                <div class="swiper-button-custom swiper-button-next"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="step">
                                <div class="step-icon"><img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                        alt="icon">
                                </div>
                                <h5>Step 1 – Application Process</h5>
                                <p>Apply easily as a new or existing client to kickstart your certification with IRQS.
                                </p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="step">
                                <div class="step-icon"><img src="{{ asset('assets/images/certification/icon2.svg') }}"
                                        alt="icon">
                                </div>
                                <h5>Step 2 –Audit Planning and preparation</h5>
                                <p>Prepare your audit plan with expert guidance to ensure a smooth certification
                                    process.</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="step">
                                <div class="step-icon"><img src="{{ asset('assets/images/certification/icon3.svg') }}"
                                        alt="icon">
                                </div>
                                <h5>Step 3 –Assurance Audit</h5>
                                <p>Carry out a thorough assurance audit to ensure your processes meet certification
                                    standards</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="step">
                                <div class="step-icon"><img src="{{ asset('assets/images/certification/icon4.svg') }}"
                                        alt="icon">
                                </div>
                                <h5>Step 4 -Report Submission</h5>
                                <p>Conduct of Initial Certification audit – (Stage 1 + Stage 2) for new (Fresh) clients
                                    / Re-Certification audit (For existing clients).</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="step">
                                <div class="step-icon"><img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                        alt="icon">
                                </div>
                                <h5>Step 5 –Assurance Audit</h5>
                                <p>Carry out a thorough assurance audit to ensure your processes meet certification
                                    standards</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="step">
                                <div class="step-icon"><img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                        alt="icon">
                                </div>
                                <h5>Step 6 –Assurance Audit</h5>
                                <p>Carry out a thorough assurance audit to ensure your processes meet certification
                                    standards</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="step">
                                <div class="step-icon"><img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                        alt="icon">
                                </div>
                                <h5>Step 7 –Assurance Audit</h5>
                                <p>Carry out a thorough assurance audit to ensure your processes meet certification
                                    standards</p>
                            </div>
                        </div>
                    </div>
                    <div class="step-line"></div>
                    <div class="progress-line" id="progressLine"></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/blue-bg-line.svg') }}" class="img-fluid"
                                    alt="line-img">
                            </div>
                            <div class="bs-sub-heading text-uppercase">Industries Driving Sustainable
                                Transformation</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 Key Industries Through BRSR Assurance
                                </h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 d-flex align-items-center">
                        <p class="bs-para pb-2">Our BRSR Assurance Programs support a diverse range
                            of industries in achieving regulatory compliance and building ESG credibility. Each sector
                            benefits from tailored audit insights aligned with their unique sustainability goals.
                        </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/sustainability/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">Drive ESG compliance across your supply chain by aligning
                                            production practices with sustainability and BRSR reporting norms.</p>
                                        <!-- <p class="desc">Mr. Mishra leads IRQS with a focus on excellence across multiple
                                                sectors, ensuring the organization's commitment to quality and innovation.
                                            </p> -->
                                        <!-- <span class="arrow">→</span> -->
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/sustainability/assurance/marine.webp') }}"
                                            alt="marine" />
                                    </div>
                                    <div class="team-name-initial">Marine</div>
                                    <div class="team-info">
                                        <h3>Marine</h3>
                                        <p class="bs-para">Drive ESG compliance across your supply chain by aligning
                                            production practices with sustainability and BRSR reporting norms.</p>
                                        <!-- <p class="desc">Lead Developer moere</p>
                                            <span class="arrow">→</span> -->
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/sustainability/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">Drive ESG compliance across your supply chain by aligning
                                            production practices with sustainability and BRSR reporting norms.</p>
                                        <!-- <p class="desc">Lead Developer</p> -->

                                        <!-- <span class="arrow">→</span> -->
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/sustainability/assurance/pharma.webp') }}"
                                            alt="pharma" />
                                    </div>
                                    <div class="team-name-initial">Pharma</div>
                                    <div class="team-info">
                                        <h3>Pharma</h3>
                                        <p class="bs-para">Drive ESG compliance across your supply chain by aligning
                                            production practices with sustainability and BRSR reporting norms.</p>
                                        <!-- <p class="desc">Lead Developer moere</p> -->
                                        <!-- <span class="arrow">→</span> -->
                                    </div>
                                </div>
                            </div>

                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/sustainability/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">Drive ESG compliance across your supply chain by aligning
                                            production practices with sustainability and BRSR reporting norms.</p>
                                        <!-- <p class="desc">Mr. Mishra leads IRQS with a focus on excellence across multiple
                                                sectors, ensuring the organization's commitment to quality and innovation.
                                            </p> -->
                                        <!-- <span class="arrow">→</span> -->
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/sustainability/assurance/marine.webp') }}"
                                            alt="marine" />
                                    </div>
                                    <div class="team-name-initial">Marine</div>
                                    <div class="team-info">
                                        <h3>Marine</h3>
                                        <p class="bs-para">Drive ESG compliance across your supply chain by aligning
                                            production practices with sustainability and BRSR reporting norms.</p>
                                        <!-- <p class="desc">Lead Developer moere</p>
                                            <span class="arrow">→</span> -->
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/sustainability/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">Drive ESG compliance across your supply chain by aligning
                                            production practices with sustainability and BRSR reporting norms.</p>
                                        <!-- <p class="desc">Lead Developer</p> -->

                                        <!-- <span class="arrow">→</span> -->
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="team-card">
                                    <div class="team-img">
                                        <img src="{{ asset('assets/images/sustainability/assurance/pharma.webp') }}"
                                            alt="pharma" />
                                    </div>
                                    <div class="team-name-initial">Pharma</div>
                                    <div class="team-info">
                                        <h3>Pharma</h3>
                                        <p class="bs-para">Drive ESG compliance across your supply chain by aligning
                                            production practices with sustainability and BRSR reporting norms.</p>
                                        <!-- <p class="desc">Lead Developer moere</p> -->
                                        <!-- <span class="arrow">→</span> -->
                                    </div>
                                </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 BRSR Assurance</div>
                        </div>
                        <h2 class="bs-heading typWhite maxw600">
                            Build Trust, Ensure Transparency
                        </h2>

                    </div>
                    <div class="col-lg-5 d-flex align-items-end">
                        <p class="bs-para typWhite ps-lg-5"> BRSR Assurance independently validates your sustainability
                            reporting, builds stakeholder trust.</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 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">Enhanced
                                            Credibility</button>
                                        <span
                                            class="icon icon-next-arrow position-absolute end-0 translate-middle-y me-3"></span>

                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: block; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Extra content for Quality</div>
                                </li>
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center 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">Regulatory Readiness</button>
                                        <span
                                            class="icon icon-next-arrow position-absolute end-0 translate-middle-y me-3"></span>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Extra content for Environmental</div>
                                </li>
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center 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">Strategic
                                            Insights</button>
                                        <span
                                            class="icon icon-next-arrow position-absolute end-0 translate-middle-y me-3"></span>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Obtain actionable recommendations to enhance future sustainability initiatives.
                                    </div>
                                </li>
                                <li class="nav-item position-relative d-flex flex-column" role="presentation">
                                    <div class="d-flex align-items-center 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">Competitive
                                            Edge</button>
                                        <span
                                            class="icon icon-next-arrow position-absolute end-0 translate-middle-y me-3"></span>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Extra content for Security</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-tabContent">
                                            <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/sustainability/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/sustainability/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/sustainability/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/sustainability/assurance/trust-build.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>

                                            </div>
                                            <div class="tab-pane fade" id="pills-Business" role="tabpanel"
                                                aria-labelledby="pills-Business-tab">
                                                <div class="bg-img">
                                                    <img src="{{ asset('assets/images/sustainability/assurance/trust-build.webp') }}"
                                                        class="img-fluid" alt="big-img">
                                                </div>
                                            </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 Sustainability Training & Assurance
                            Brochures</div>

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

                        <h2 class="bs-heading mb-5" data-aos="fade" data-aos-delay="400">
                            Explore Business Responsibility and Sustainability Reporting (BRSR) Training
                        </h2>
                        <div class="event-desc bs-para mb-5">
                            Want to navigate the evolving landscape of ESG reporting and compliance? Our BRSR training
                            program equips you with the knowledge to interpret, implement, and audit sustainability
                            disclosures effectively. This two-day course by Indian Register Quality Systems (IRQS) helps
                            you align corporate responsibility with SEBI’s mandatory reporting requirements—supporting
                            transparency, trust, and sustainable growth.
                        </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 BRSR Assurance and Sustainability Reporting
                        </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">SEBI Regulatory Compliance</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">Custom Audit Solutions</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">Global Standards Aligned</div>
                        </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()">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>
        <!-- <section class="lyt-section bs-assurance"> -->
        <!-- <div class="stepper-container">
                    <div class="progressbar">
                        <div class="progress-line"></div>
                        <div class="progress-fill" id="progressFill"></div>
                        <div class="controls">
                            <button id="prev">
                                <svg viewBox="0 0 24 24">
                                    <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" />
                                </svg>
                            </button>
                            <button id="next">
                                <svg viewBox="0 0 24 24">
                                    <path d="M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z" />
                                </svg>
                            </button>
                        </div>
                        <div class="progress-track" id="progressTrack">
                            <div class="progress-step active">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path d="M6 2h9l5 5v15H6z" />
                                    </svg></div>
                                <p>Step 1 – Application Process</p>
                            </div>
                            <div class="progress-step">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path d="M4 4h16v2H4zm0 4h16v2H4zm0 8h10v2H4z" />
                                    </svg></div>
                                <p>Step 2</p>
                            </div>
                            <div class="progress-step">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path d="M9 16.17l-3.5-3.5-1.41 1.41L9 19 20.5 7.5 19.09 6.09z" />
                                    </svg></div>
                                <p>Step 3</p>
                            </div>
                            <div class="progress-step">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path d="M3 17h18v2H3zm0-5h12v2H3zm0-5h6v2H3z" />
                                    </svg></div>
                                <p>Step 4</p>
                            </div>
                            <div class="progress-step">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path
                                            d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16a6.471 6.471 0 004.23-1.57l.27.28v.79l5 4.99L20.49 19z" />
                                    </svg></div>
                                <p>Step 5</p>
                            </div>
                            <div class="progress-step">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path d="M16 16V8H8v8h8m-1.5-6.5v5l-4-2.5z" />
                                    </svg></div>
                                <p>Step 6</p>
                            </div>
                            <div class="progress-step">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path d="M12 2l3 7h7l-5.5 4.5L18 21l-6-3.5L6 21l1.5-7.5L2 9h7z" />
                                    </svg></div>
                                <p>Step 7</p>
                            </div>
                        </div>
                    </div>
                    <div class="step-contents" id="stepContents">
                        <div class="step-card active">
                            <h3>Step 1 – Application Process</h3>
                            <p>Apply easily as a new or existing client to kickstart your certification with IRQS.</p>
                        </div>
                        <div class="step-card active">
                            <h3>Step 2 –Audit Planning and preparation</h3>
                            <p>Prepare your audit plan with expert guidance to ensure a smooth certification process.</p>
                        </div>
                        <div class="step-card active">
                            <h3>Step 3 –Assurance Audit</h3>
                            <p>Carry out a thorough assurance audit to ensure your processes meet certification standards</p>
                        </div>
                        <div class="step-card">
                            <h3>Step 4 -Report Submission</h3>
                            <p>Carry out a thorough assurance audit to ensure your processes meet certification standards</p>
                        </div>
                        <div class="step-card">
                            <h3>Step 5 -Report Submission</h3>
                            <p>Carry out a thorough assurance audit to ensure your processes meet certification standards</p>
                        </div>
                        <div class="step-card">
                            <h3>Step 6 -Report Submission</h3>
                            <p>Carry out a thorough assurance audit to ensure your processes meet certification standards</p>
                        </div>
                        <div class="step-card">
                            <h3>Step 7 -Report Submission</h3>
                            <p>Carry out a thorough assurance audit to ensure your processes meet certification standards</p>
                        </div>
                    </div>
                </div> -->
        <!-- <div class="stepper-container">
                    <div class="progressbar">
                        <div class="progress-line"></div>
                        <div class="progress-fill" id="progressFill"></div>
                        <div class="controls">
                            <button id="prev">
                                <svg viewBox="0 0 24 24">
                                    <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" />
                                </svg>
                            </button>
                            <button id="next">
                                <svg viewBox="0 0 24 24">
                                    <path d="M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z" />
                                </svg>
                            </button>
                        </div>
                        <div class="progress-track" id="progressTrack">
                            <div class="progress-step active">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path d="M6 2h9l5 5v15H6z" />
                                    </svg></div>
                                <p>Step 1</p>
                            </div>
                            <div class="progress-step">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path d="M4 4h16v2H4zm0 4h16v2H4zm0 8h10v2H4z" />
                                    </svg></div>
                                <p>Step 2</p>
                            </div>
                            <div class="progress-step">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path d="M9 16.17l-3.5-3.5-1.41 1.41L9 19 20.5 7.5 19.09 6.09z" />
                                    </svg></div>
                                <p>Step 3</p>
                            </div>
                            <div class="progress-step">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path d="M3 17h18v2H3zm0-5h12v2H3zm0-5h6v2H3z" />
                                    </svg></div>
                                <p>Step 4</p>
                            </div>
                            <div class="progress-step">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path
                                            d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16a6.471 6.471 0 004.23-1.57l.27.28v.79l5 4.99L20.49 19z" />
                                    </svg></div>
                                <p>Step 5</p>
                            </div>
                            <div class="progress-step">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path d="M16 16V8H8v8h8m-1.5-6.5v5l-4-2.5z" />
                                    </svg></div>
                                <p>Step 6</p>
                            </div>
                            <div class="progress-step">
                                <div class="icon"><svg viewBox="0 0 24 24" width="24" height="24">
                                        <path d="M12 2l3 7h7l-5.5 4.5L18 21l-6-3.5L6 21l1.5-7.5L2 9h7z" />
                                    </svg></div>
                                <p>Step 7</p>
                            </div>
                        </div>
                    </div>
                    <div class="step-contents" id="stepContents">
                        <div class="step-card active">
                            <h3>Step 1</h3>
                            <p>Details for Step 1</p>
                        </div>
                        <div class="step-card active">
                            <h3>Step 2</h3>
                            <p>Details for Step 2</p>
                        </div>
                        <div class="step-card active">
                            <h3>Step 3</h3>
                            <p>Details for Step 3</p>
                        </div>
                        <div class="step-card">
                            <h3>Step 4</h3>
                            <p>Details for Step 4</p>
                        </div>
                        <div class="step-card">
                            <h3>Step 5</h3>
                            <p>Details for Step 5</p>
                        </div>
                        <div class="step-card">
                            <h3>Step 6</h3>
                            <p>Details for Step 6</p>
                        </div>
                        <div class="step-card">
                            <h3>Step 7</h3>
                            <p>Details for Step 7</p>
                        </div>
                    </div>
                </div> -->
        <!-- </section> -->


        <!-- back to top  -->
        <a href="#" class="back-to-top">
            <span class="icon icon-drop-icon"></span>
            <!-- <p class="back-text">Back to Top</p> -->
        </a>
        <div class="sticky-btn">
            <a href="">
                <img src="{{ asset('assets/images/btn.svg') }}" class="img-fluid" alt="button">
            </a>
        </div>
    </main>

    {{-- Include enquiry form modal for Assurance page --}}
    @include('components.enquiry-form-wrapper', ['pageSource' => 'sustainability-assurance', 'formType' => 'enquiry'])


    <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