@extends('layouts.website')

@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/certification-details/certification-details.webp') }}">
                            <div class="container">
                                <div class="hero-wrapper">
                                    <h1 class="title">ISO 9001:2015 – <span>Quality Management System</span>
                                    </h1>
                                    <p class="subtitle marB42">Boost customer satisfaction and loyalty to unlock new
                                        growth opportunities.
                                        Accelerate sales, improve ROI, and position your brand among industry leaders.
                                    </p>
                                    <div class="custom-btn-group mb-2">
                                        <a href="#" class="bs-btn typ-fill" onclick="openPopupEvt()">Get a Quote
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="lyt-section bs-events typ-certifi-detail-global">
            <div class="container typ-abt-events">
                <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">What is ISO 9001:2015?</div>
                </div>
                <h2 class="bs-heading mb-3" data-aos="fade" data-aos-delay="400">
                    A Global Standard for Quality Assurance </h2>
                <div class="row align-items-center">
                    <div class="col-md-4 img-div">
                        <img src="{{ asset('assets/images/certification-details/global-standard.webp') }}"
                            alt="global-standard" class="img-fluid global-standard" />
                    </div>
                    <div class="col-md-8 common-event">
                        <div class="event-desc bs-para mb-3">
                            The ISO 9001 Quality Management System (QMS) is the world's most popular quality management
                            standard. ISO 9001 provides a quality management framework that companies can use to ensure
                            the quality of their products and services is consistent. This reduces the chance of product
                            failures and recalls or service shortcomings and ensures that your customers can buy with
                            confidence.
                        </div>
                        <div class="event-desc bs-para">
                            This standard can be easily linked with the business strategy of the organization. It's
                            based on a number of quality management principles including a strong customer focus, the
                            motivation and implication of top management, the process approach, risks &
                            opportunities-based thinking and to achieve continual improvement.
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="lyt-section bs-certification typBlack">
            <div class="container">
                <div class="row">
                    <div class="col-md-7">
                        <h2 class="bs-heading typWhite mb-4">Why Avoid Single-Use Plastics?</h2>
                        <div class="mb-5">
                            <p class="bs-para typWhite">
                                Reducing single-use plastics isn't just an environmental step—it's a commitment to
                                health,
                                responsibility, and long-term sustainability.
                            </p>
                        </div>
                    </div>
                    <div class="col-md-5 d-flex justify-content-end align-items-center">
                        <div class=" mb-4">
                            <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">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/certification/non-biodigrable.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Non-Biodegradability</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/certification/resource-intense.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Resource Intensive</h3>
                                <p class="card-text">The production of single-use plastics consumes significant amounts
                                    of fossil fuels and energy, leading to further environmental damage.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/certification/health-risk.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Health Risks</h3>
                                <p class="card-text">Microplastics from degraded single-use plastics enter food chains
                                    and water supplies, posing risks to human and animal health.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/certification/littering.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Littering</h3>
                                <p class="card-text">Plastic litter damages landscapes, clogs drainage systems, and
                                    creates unsafe environments in both urban and natural settings.</p>
                            </div>
                        </div>
                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/certification/health-risk.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Health Risks</h3>
                                <p class="card-text">Microplastics from degraded single-use plastics enter food chains
                                    and water supplies, posing risks to human and animal health.</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">Overview</div>
                         </div>
                         <h2 class="bs-heading" data-aos="fade" data-aos-delay="400">
                             ISO 9001:2015 Certification Process
                         </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 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">Download Our Sustainability Training & Assurance Brochures</div>
                    </div>
                    <div class="col-md-6">
                        <h2 class="bs-heading mb-5" data-aos="fade" data-aos-delay="400">
                            Access Detailed Program <br>Information
                        </h2>
                        <div class="event-desc bs-para mb-5">
                            Explore the inner dimensions of ethics, purpose, and leadership in this insightful 30-minute
                            Learn how our expert-led sustainability services—covering ESG compliance, BRSR audits, and
                            reporting assurance—can support your organization's responsible growth. These brochures
                            provide a comprehensive overview of objectives, methodologies, key benefits, and industry
                            relevance.
                        </div>
                        <div class="custom-btn-group mb-2">
                            <a href="#" class="bs-btn typ-fill" onclick="openPopupEvt()">Download Brochure</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="lyt-section bs-certification typ-goi typ-expert-skil">
            <div class="wrap">
                <div class="container">
                    <div class="row justify-content-around">
                        <div class="col-lg-6 col-12">
                            <img src="{{ asset('assets/images/certification-details/expert-img.webp') }}"
                                alt="expert-img" class="img-fluid exper-img" />
                        </div>
                        <div class="col-lg-5 col-12">
                            <div class="common-heading mt-3" 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">Advance Your Expertise with ISO 9001 Training</div>
                            </div>
                            <h2 class="bs-heading" data-aos="fade" data-aos-delay="400">
                                Learn from experts. Strengthen your ISO skills </h2>
                            <p class="bs-para mb-4">
                                Profoundly understand the ISO 9001 standard from our subject matter experts and put your
                                knowledge into practice. Check out our popular ISO 9001 training courses that help you
                                realize your potential, upgrade your skills and remain competitive.
                            </p>
                            <a href="#" class="bs-btn typ-yellow" data-aos="fade" data-aos-delay="400">Explore
                                Training
                                Courses</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="lyt-section bs-ayush typBlack">
            <div class="container typ-faq">
                <div class="row align-items-start">
                    <div class="col-lg-5">
                        <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="ms-1">Questions</span></div>
                        </div>
                        <h2 class="bs-heading typWhite" data-aos="fade" data-aos-delay="400">
                            Quick Guide to ISO 9001:2015 Certification
                        </h2>
                    </div>
                    <div class="col-lg-7">
                        <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">
                                        How long does it take to get certified?
                                    </button>
                                </h2>
                                <div id="collapseOne" class="accordion-collapse collapse show"
                                    aria-labelledby="headingOne" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        3 years certification
                                        once certification is obtained a certificate will be issued that will be valid
                                        for 3 years. This is maintained through annual surveillance audits and a 3
                                        yearly recertification audit. Surveillance audits are undertaken annually to
                                        ensure that compliance to the chosen Standard(s) is maintained throughout the
                                        three-year certification cycle.
                                    </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">
                                        What are the costs involved?
                                    </button>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        3 years certification
                                        once certification is obtained a certificate will be issued that will be valid
                                        for 3 years. This is maintained through annual surveillance audits and a 3
                                        yearly recertification audit. Surveillance audits are undertaken annually to
                                        ensure that compliance to the chosen Standard(s) is maintained throughout the
                                        three-year certification cycle.
                                    </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">
                                        Can small businesses apply?
                                    </button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse"
                                    aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        3 years certification
                                        once certification is obtained a certificate will be issued that will be valid
                                        for 3 years. This is maintained through annual surveillance audits and a 3
                                        yearly recertification audit. Surveillance audits are undertaken annually to
                                        ensure that compliance to the chosen Standard(s) is maintained throughout the
                                        three-year certification cycle.
                                    </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 is the difference between ISO 9001 and FSSC 22000?
                                    </button>
                                </h2>
                                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        3 years certification
                                        once certification is obtained a certificate will be issued that will be valid
                                        for 3 years. This is maintained through annual surveillance audits and a 3
                                        yearly recertification audit. Surveillance audits are undertaken annually to
                                        ensure that compliance to the chosen Standard(s) is maintained throughout the
                                        three-year certification cycle.
                                    </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">
                                        Can small businesses apply?
                                    </button>
                                </h2>
                                <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        3 years certification
                                        once certification is obtained a certificate will be issued that will be valid
                                        for 3 years. This is maintained through annual surveillance audits and a 3
                                        yearly recertification audit. Surveillance audits are undertaken annually to
                                        ensure that compliance to the chosen Standard(s) is maintained throughout the
                                        three-year certification cycle.
                                    </div>
                                </div>
                            </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="#" class="bs-btn typ-yellow" data-aos="fade" data-aos-delay="400">Get
                                Certified</a>
                        </div>
                    </div>
                    <div class="rightBox">
                        <div class="box-img" data-aos="fade" data-aos-delay="300">
                            <img src="{{ asset('assets/images/certified-bg.jpg') }}" class="img-fluid"
                                alt="background-img">
                        </div>
                        <div class="middle-img" data-aos="fade" data-aos-delay="500">
                            <img src="{{ asset('assets/images/certified-img.png') }}" class="img-fluid" alt="man-img">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- back to top  -->
        <a href="#" class="back-to-top">
            <span class="icon icon-drop-icon"></span>
        </a>
        <div class="sticky-btn">
            <a href="">
                <img src="{{ asset('assets/images/btn.svg') }}" class="img-fluid" alt="button">
            </a>
        </div>
    </main>
    @include('website.partials.include_js')
@endsection