@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="cbam">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">
                            Carbon Border Adjustment Mechanism (CBAM) Assurance
                        </h2>
                    </div>
                    <div class="col-md-7 common-event">
                        <div class="event-desc bs-para mb-3">
                            The Carbon Border Adjustment Mechanism (CBAM) is the EU's pioneering tool to address carbon
                            leakage by imposing carbon costs on imported goods. CBAM assurance ensures accurate reporting of
                            embedded emissions in imported products, supporting compliance with EU regulations and
                            facilitating fair competition in the transition to a low-carbon economy.

                        </div>
                        <div class="event-desc bs-para">
                            As CBAM enters its transitional phase, businesses importing goods into the EU must report
                            embedded emissions quarterly. IRClass Systems & Solutions Pvt. Ltd. (ISSPL) provides
                            comprehensive CBAM assurance services, helping organizations navigate regulatory requirements,
                            verify emission calculations, and maintain compliance with EU carbon pricing mechanisms.
                        </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 CBAM assurance for the following 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">Embedded Emissions</h3>
                                <p class="card-text">Verification of direct and indirect emissions embedded in imported
                                    goods covered under CBAM.</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">Quarterly Reporting</h3>
                                <p class="card-text">Assurance of CBAM quarterly reports including emission calculations and
                                    supporting documentation.</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">Production Processes</h3>
                                <p class="card-text">Verification of production methods, energy sources, and carbon pricing
                                    mechanisms applied.</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">Supply Chain Traceability</h3>
                                <p class="card-text">Assessment of supply chain data accuracy and traceability for
                                    CBAM-covered goods.</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">Compliance Documentation</h3>
                                <p class="card-text">Review of CBAM declarations, certificates, and supporting evidence for
                                    regulatory compliance.</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 structured methodology for CBAM compliance 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 – Scope Definition</h5>
                                        <p>Identify CBAM-covered goods, importers, and relevant production facilities for
                                            assessment.
                                        </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 – Data Collection</h5>
                                        <p>Gather emission data, production records, and carbon pricing information from
                                            suppliers.
                                        </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 – Emission Calculation</h5>
                                        <p>Verify embedded emission calculations using approved methodologies and emission
                                            factors.
                                        </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 – Documentation Review</h5>
                                        <p>Assess completeness and accuracy of CBAM declarations and supporting evidence.
                                        </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 Verification</h5>
                                        <p>Ensure alignment with EU CBAM regulations, reporting requirements, and timelines.
                                        </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 – Gap Analysis</h5>
                                        <p>Identify data gaps, inconsistencies, and areas requiring improvement in CBAM
                                            reporting.
                                        </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 Report</h5>
                                        <p>Issue independent assurance statement confirming CBAM compliance and data
                                            accuracy.
                                        </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 structured methodology for CBAM compliance 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 – Scope Definition" />
                                    </div>
                                    <div class="step-title">Step 1 – Scope Definition</div>
                                    <div class="step-text">
                                        Identify CBAM-covered goods, importers, and relevant production facilities for
                                        assessment.
                                    </div>
                                </div>

                                <!-- Step 2 -->
                                <div class="step">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="Step 2 – Data Collection" />
                                    </div>
                                    <div class="step-title">Step 2 – Data Collection</div>
                                    <div class="step-text">
                                        Gather emission data, production records, and carbon pricing information from
                                        suppliers.
                                    </div>
                                </div>

                                <!-- Step 3 -->
                                <div class="step">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="Step 3 – Emission Calculation" />
                                    </div>
                                    <div class="step-title">Step 3 – Emission Calculation</div>
                                    <div class="step-text">
                                        Verify embedded emission calculations using approved methodologies and emission
                                        factors.
                                    </div>
                                </div>

                                <!-- Step 4 -->
                                <div class="step">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="Step 4 – Documentation Review" />
                                    </div>
                                    <div class="step-title">Step 4 – Documentation Review</div>
                                    <div class="step-text">
                                        Assess completeness and accuracy of CBAM declarations and supporting evidence.
                                    </div>
                                </div>

                                <!-- Step 5 -->
                                <div class="step">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="Step 5 – Compliance Verification" />
                                    </div>
                                    <div class="step-title">Step 5 – Compliance Verification</div>
                                    <div class="step-text">
                                        Ensure alignment with EU CBAM regulations, reporting requirements, and timelines.
                                    </div>
                                </div>

                                <!-- Step 6 -->
                                <div class="step">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="Step 6 – Gap Analysis" />
                                    </div>
                                    <div class="step-title">Step 6 – Gap Analysis</div>
                                    <div class="step-text">
                                        Identify data gaps, inconsistencies, and areas requiring improvement in CBAM
                                        reporting.
                                    </div>
                                </div>

                                <!-- Step 7 -->
                                <div class="step">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/certification/icon1.svg') }}"
                                            alt="Step 7 – Assurance Report" />
                                    </div>
                                    <div class="step-title">Step 7 – Assurance Report</div>
                                    <div class="step-text">
                                        Issue independent assurance statement confirming CBAM compliance and data accuracy.
                                    </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 – Scope Definition</div>
                            <div class="swiper-slide">Step 2 – Data Collection</div>
                            <div class="swiper-slide">Step 3 – Emission Calculation</div>
                            <div class="swiper-slide">Step 4 – Documentation Review</div>
                            <div class="swiper-slide">Step 5 – Compliance Verification</div>
                            <div class="swiper-slide">Step 6 – Gap Analysis</div>
                            <div class="swiper-slide">Step 7 – Assurance Report</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 Impacted by CBAM</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 CBAM Assurance
                                </h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 d-flex align-items-center">
                        <p class="bs-para pb-2">Our CBAM Assurance services support carbon-intensive industries in
                            navigating EU regulations, ensuring accurate emission reporting, and maintaining market access.
                        </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">Steel & Iron</div>
                                    <div class="team-info">
                                        <h3 class="">Steel & Iron</h3>
                                        <p class="bs-para">Verify embedded emissions in steel and iron products for CBAM
                                            compliance and EU market access.</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">Aluminum</div>
                                    <div class="team-info">
                                        <h3>Aluminum</h3>
                                        <p class="bs-para">Ensure accurate carbon footprint reporting for aluminum imports
                                            under CBAM regulations.</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">Cement</div>
                                    <div class="team-info">
                                        <h3 class="bs-para">Cement</h3>
                                        <p class="bs-para">Validate production emissions and carbon pricing for cement
                                            products subject to CBAM.</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">Chemicals</div>
                                    <div class="team-info">
                                        <h3>Chemicals</h3>
                                        <p class="bs-para">Assure emission calculations for fertilizers and chemical
                                            products covered by CBAM.</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">Steel & Iron</div>
                                    <div class="team-info">
                                        <h3 class="">Steel & Iron</h3>
                                        <p class="bs-para">Verify embedded emissions in steel and iron products for CBAM
                                            compliance and EU market access.</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">Aluminum</div>
                                    <div class="team-info">
                                        <h3>Aluminum</h3>
                                        <p class="bs-para">Ensure accurate carbon footprint reporting for aluminum imports
                                            under CBAM regulations.</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">Cement</div>
                                    <div class="team-info">
                                        <h3 class="bs-para">Cement</h3>
                                        <p class="bs-para">Validate production emissions and carbon pricing for cement
                                            products subject to CBAM.</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">Chemicals</div>
                                    <div class="team-info">
                                        <h3>Chemicals</h3>
                                        <p class="bs-para">Assure emission calculations for fertilizers and chemical
                                            products covered by CBAM.</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 CBAM Assurance</div>
                        </div>
                        <h2 class="bs-heading typWhite maxw600">
                            Navigate EU Regulations with Confidence
                        </h2>

                    </div>
                    <div class="col-lg-5 d-flex align-items-end">
                        <p class="bs-para typWhite ps-lg-5"> CBAM Assurance ensures regulatory compliance and maintains
                            competitive access to EU markets.</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">Regulatory
                                            Compliance</button>

                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: block; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Meet EU CBAM requirements with verified emission data and accurate quarterly
                                        reporting, avoiding penalties and market restrictions.</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">Market
                                            Access</button>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Maintain uninterrupted access to EU markets through compliant CBAM reporting and
                                        verified carbon declarations.</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">Operational
                                            Efficiency</button>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Streamline CBAM reporting processes, identify emission reduction opportunities, and
                                        optimize carbon management strategies.
                                    </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">Competitive
                                            Advantage</button>
                                    </div>
                                    <div class="tab-inner-detail w-100"
                                        style="display: none; color: white; margin-left: 15px; margin-bottom: 10px;">
                                        Demonstrate carbon transparency and responsible sourcing to EU customers, enhancing
                                        competitiveness in regulated markets.</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 CBAM Training & Assurance
                            Brochures</div>

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

                        <h2 class="bs-heading mb-5" data-aos="fade" data-aos-delay="400">
                            Explore Carbon Border Adjustment Mechanism (CBAM) Training
                        </h2>
                        <div class="event-desc bs-para mb-5">
                            Navigate the complexities of EU's Carbon Border Adjustment Mechanism with our specialized
                            training program. Learn to calculate embedded emissions, prepare CBAM declarations, and ensure
                            compliance with EU carbon pricing regulations. This course by Indian Register Quality Systems
                            (IRQS) equips professionals with practical skills for CBAM implementation.
                        </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 typ-hide">
            <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 CBAM Compliance and Carbon 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">EU Regulation Expertise</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">Carbon Verification Specialists</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">Industry-Specific Solutions</div>
                        </div>
                    </div>

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

        <section class="lyt-section bs-certification bs-certification-listing typBlack typ-cert-bs">
            <div class="container">
                <div class="row mb-3 mb-lg-5">
                    <div class="col-md-8">
                        <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 CBAM Compliance and Carbon Verification
                        </h2>

                    </div>
                    <div class="col-md-4 d-flex justify-content-end align-items-end">
                        <div class=" mt-4">
                            <div class="d-flex gap-2 bio1">
                                <div class="swiper-button-prev" style="opacity:1;"></div>
                                <div class="swiper-button-next" style="opacity:1;"></div>
                            </div>
                        </div>
                    </div>
                </div>

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

                        <div class="swiper-slide">
                            <div class="w-100">
                                <div class="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>
                        </div>
                        <div class="swiper-slide">
                            <div class="w-100">

                                <div class="d-flex">
                                    <div class="custom-card tall-card w-100">
                                        <div class="card-tag">02</div>
                                        <div class="card-text">EU Regulation Expertise</div>
                                    </div>
                                </div>


                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="w-100">

                                <div class="d-flex">
                                    <div class="custom-card small-card w-100">
                                        <div class="card-tag">03</div>
                                        <div class="card-text">Carbon Verification Specialists</div>
                                    </div>
                                </div>


                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="w-100">

                                <div class="d-flex">
                                    <div class="custom-card tall-card w-100">
                                        <div class="card-tag">04</div>
                                        <div class="card-text">Industry-Specific Solutions</div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="w-100">
                                <div class="d-flex">
                                    <div class="custom-card small-card w-100">
                                        <div class="card-tag">03</div>
                                        <div class="card-text">Carbon Verification Specialists</div>
                                    </div>
                                </div>


                            </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="cbam">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' => 'cbam', '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