@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/certificate-list/ems-awarness-hero-banner.webp') }}">
                            <div class="container">
                                <div class="hero-wrapper">
                                    <h1 class="title">ISO 14001:2015 Environmental Management Systems
                                        (EMS)<br><span>Awareness Course</span>
                                    </h1>
                                    <p class="subtitle marB42">Build foundational knowledge of ISO 14001:2015 and core
                                        environmental principles.</p>
                                    <div class="custom-btn-group mb-2">
                                        <a href="javascript:void(0)" class="bs-btn typ-fill"
                                            onclick="openPopupTC('training-iso-14001-2015-ems-awareness')"
                                            data-page-source="training-iso-14001-2015-ems-awareness">Get a Quote Now</a>
                                    </div>
                                    <div class="custom-btn-group down">
                                        <a href="{{ route('training.calendar.index') }}" class="bs-btn typ-fill">View
                                            Upcoming Batches</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>



        <section class="lyt-section bs-blogs typ-blog-details typ-mission-sec4 bs-ayush typ-qms-course type-icon">
            <div class="container ">
                <div class="row mb-4 qms-row1">
                    <div class="col-lg-9 border-padding ">
                        <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">TRAINING SERVICE</div>

                        </div>
                        <h2 class="bs-heading mb-3" data-aos="fade" data-aos-delay="400">
                            ISO 14001:2015 Environmental Management Systems </h2>
                    </div>
                    <div class="col-lg-3">
                        <div class="social-icons mt-2">
                            <div class="featured-arr">
                                <a href="https://www.facebook.com/irqsglobal/" target="_blank" rel="noopener noreferrer"
                                    title="Follow on Facebook">
                                    <img src="{{ asset('assets/images/blogs/facebook.svg') }}" class="arrow icon-size"
                                        alt="Facebook" style="width:18px; height:18px; display:inline-block;">
                                </a>

                                <a href="https://x.com/irqsglobal" target="_blank" rel="noopener noreferrer"
                                    title="Follow on Twitter/X">
                                    <img src="{{ asset('assets/images/blogs/x.svg') }}" class="arrow" alt="X (Twitter)"
                                        style="width:18px; height:18px; display:inline-block;">
                                </a>

                                <a href="https://www.instagram.com/irqs_global/?hl=en" target="_blank"
                                    rel="noopener noreferrer" title="Follow on Instagram">
                                    <img src="{{ asset('assets/images/blogs/instagram.svg') }}" class="arrow"
                                        alt="Instagram" style="width:18px; height:18px; display:inline-block;">
                                </a>

                                <a href="https://www.linkedin.com/company/irqsglobal" target="_blank"
                                    rel="noopener noreferrer" title="Follow on LinkedIn">
                                    <img src="{{ asset('assets/images/blogs/linkedin.svg') }}" class="arrow" alt="LinkedIn"
                                        style="width:18px; height:18px; display:inline-block;">
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="row align-items-start justify-content-between">
                    <div class="col-md-7">
                        <div id="tab-content1" class="bg-white p-3">
                            <h3 class="bs-para-new"> Introduction to ISO 14001:2015 Awareness Training</h3>
                            <ul>
                                <li class="bs-para">The ISO 14001:2015 Awareness Course is a focused 1-day (8-hour) program
                                    designed to introduce employees and leaders to the essentials of environmental
                                    management.</li>
                                <li class="bs-para">Course highlights the structure, goals and key requirements of the ISO
                                    14001:2015 standard, clarifying staff roles and the importance of environmental
                                    responsibility.</li>
                                <li class="bs-para">Interactive, practical sessions show how every team member supports
                                    compliance and continual improvement. Ideal for all employees, departments and
                                    organizations embarking on EMS implementation or seeking to foster a culture of
                                    sustainability.</li>
                            </ul>
                            <h3 class="bs-para-new">Why ISO 14001:2015 Awareness Training Matters</h3>
                            <ul>
                                <li class="bs-para">Awareness training ensures everyone understands ISO 14001:2015
                                    objectives and environmental expectations, improving clarity and alignment across the
                                    business.</li>
                                <li class="bs-para">When staff recognize the importance of environmental management, it's
                                    easier to nurture accountability and foster a culture of sustainability and improvement.
                                </li>
                                <li class="bs-para">Trained employees actively support EMS implementation, spot risks and
                                    help maintain compliance with legal and internal requirements.</li>
                                <li class="bs-para">Awareness training reduces resistance, streamlines communication and
                                    increases effectiveness of EMS rollouts, audits and actions.</li>
                            </ul>
                        </div>
                    </div>


                    <div class="col-md-3 mb-4 mb-md-0">
                        @php
                            $currentSlug = request()->route('slug');
                        @endphp
                        <ul class="list-group border-0 values-list">
                            <li
                                class="list-group-item{{ $currentSlug === 'iso-14001-2015-ems-awareness' ? ' active' : '' }}">
                                <a class="link-dark text-decoration-none d-block"
                                    href="{{ route('training.page.show', 'iso-14001-2015-ems-awareness') }}">
                                    ISO 14001:2015 EMS Awareness
                                </a>
                            </li>
                            <li
                                class="list-group-item{{ $currentSlug === 'iso-14001-2015-ems-implementation' ? ' active' : '' }}">
                                <a class="link-dark text-decoration-none d-block"
                                    href="{{ route('training.page.show', 'iso-14001-2015-ems-implementation') }}">
                                    ISO 14001:2015 EMS Implementation
                                </a>
                            </li>
                            <li
                                class="list-group-item{{ $currentSlug === 'iso-14001-2015-ems-internal-auditor' ? ' active' : '' }}">
                                <a class="link-dark text-decoration-none d-block"
                                    href="{{ route('training.page.show', 'iso-14001-2015-ems-internal-auditor') }}">
                                    ISO 14001:2015 EMS Internal Auditor
                                </a>
                            </li>
                            <li
                                class="list-group-item{{ $currentSlug === 'iso-14001-2015-ems-lead-auditor' ? ' active' : '' }}">
                                <a class="link-dark text-decoration-none d-block"
                                    href="{{ route('training.page.show', 'iso-14001-2015-ems-lead-auditor') }}">
                                    ISO 14001:2015 EMS Lead Auditor
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>


        <section class="lyt-section bs-certification typBlack typ-qms">
            <div class="container">
                <div class="row mb-4">
                    <div class="col-md-7">
                        <h2 class="bs-heading typWhite mb-4">Benefits of ISO 14001:2015 Awareness Training
                        </h2>
                    </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 bs-btn-hover"></div>

                                <div class="swiper-button-next bs-btn-hover"></div>
                            </div>
                        </div>
                    </div>
                </div>

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

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/training-details/Stronger Compliance.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Stronger Compliance</h3>
                                <p class="card-text">Equip the organization to meet ISO 14001:2015 and regulatory
                                    standards.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/training-details/Cohesive Sustainability Culture.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Cohesive Sustainability Culture</h3>
                                <p class="card-text">Raise environmental awareness and collective responsibility throughout
                                    your workforce.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('  {{ asset('assets/images/training-details/Empowered Participation.webp') }}  ')">
                            <div class="card-content">
                                <h3 class="card-title">Empowered Participation</h3>
                                <p class="card-text">Enable all staff to confidently take part in EMS initiatives, risk
                                    reduction and improvement.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url(' {{ asset('assets/images/training-details/Foundation for Professional Growth.webp') }}  ')">
                            <div class="card-content">
                                <h3 class="card-title">Foundation for Professional Growth</h3>
                                <p class="card-text">Lay the groundwork for advanced EMS, auditing or sustainability
                                    training.</p>
                            </div>
                        </div>
                        <div class="swiper-slide"
                            style="background-image:url(' {{ asset('assets/images/training-details/Better Certification Results.webp') }}  ')">
                            <div class="card-content">
                                <h3 class="card-title">Better Certification Results</h3>
                                <p class="card-text">Ensure smoother EMS implementation and external audit outcomes.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="lyt-section bs-blogs typ-blog-details">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 mb-4">
                        <div class="position-relative">
                            <div class="content-wrapper">
                                <h2>Why Take ISO 14001:2015 Awareness Training?</h2>
                                <ul class="main-disc bs-para">
                                    <li>Accelerate EMS Readiness: Prepare your team for EMS implementation, certification
                                        and long-term compliance.
                                    </li>
                                    <li>Boost Environmental Literacy: Build organization-wide understanding of environmental
                                        impacts and ISO 14001:2015 best practices.
                                    </li>
                                    <li>Facilitate Communication: Empower staff to speak the same language around
                                        environmental responsibility.</li>
                                    <li>Increase Professional Value: Enable employees to contribute more meaningfully to
                                        sustainability outcomes.</li>
                                    <li>Support Organizational Goals: Improve risk management, customer trust and
                                        stakeholder confidence with informed staff.</li>
                                </ul>
                            </div>

                            <div id="contentSection1" class="content-wrapper">
                                <h2>Why Choose IRClass for ISO 14001:2015 Awareness Training</h2>
                                <ul class="main-disc bs-para">
                                    <li>Trusted Subject Experts: Led by experienced trainers with deep knowledge of
                                        environmental management and compliance.
                                    </li>
                                    <li>Engaging, Relevant Content: Interactive lessons, real-world examples and practical
                                        insights tailored for your industry.
                                    </li>
                                    <li>Flexible Delivery: Choose from onsite, online or classroom formats to suit your
                                        team's schedule and needs.
                                    </li>
                                    <li>Customizable Sessions: Content can be adapted for your organization's activities,
                                        risks and sustainability focus.
                                    </li>
                                </ul>
                            </div>
                            <div id="blurOverlay1" class="blur-overlay"></div>
                        </div>

                        <div id="viewAllMobile1" class="btn-mobile">
                            <button class="custom-btn btn-mobile bs-btn-viewall" id="viewAllMobile2">
                                <span class="dot"></span>
                                View All
                            </button>
                        </div>


                    </div>

                    <div id="viewAllDesktop1" class="btn-desktop text-center">
                        <button class="custom-btn bs-btn-viewall" id="viewAllMobile3">
                            <span class="dot"></span>
                            View All
                        </button>
                    </div>

                </div>
            </div>
        </section>
        <section
            class="bs-training-calender lyt-section typ-mission-sec5 typ-member-sec3 typ-contact-sec4 typ-explore-cert typ-event typ-training-discover">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-12 mt-lg-0 mt-4">
                        <div class="content  p-0" data-aos="fade" data-aos-delay="400">
                            <h2 class="bs-heading mb-3" data-aos="fade" data-aos-delay="400">
                                Discover Related Programs
                            </h2>

                        </div>
                    </div>
                    <div class="col-lg-6">

                        <div class="custom-btn-group d-flex justify-content-end">
                            <a href="{{ route('training.listing.index') }}" class="bs-btn  my-3 bs-btn-viewall">View
                                all</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container mt-4 explore-our-cert">
                <div class="row g-0">
                    <div class="col-12 col-md-4">
                        <div class="team-card">
                            <div class="image-container">
                                <img src=" {{ asset('assets/images/training-list/auditor1.webp') }} " alt="Image"
                                    class="team-img">
                                <div class="online-evt">
                                    <p class="bs-para">ISO 14001:2015 EMS Courses</p>
                                </div>
                            </div>
                            <div class="team-content">
                                <div>
                                    <h5 class="pb-3">ISO 14001:2015 EMS Internal Auditor Training</h5>

                                    <div class="team-role pb-2">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <a href="{{ route('training.page.show', 'iso-14001-2015-ems-internal-auditor') }}"
                                                class="event-reg">Register</a>
                                            <a
                                                href="{{ route('training.page.show', 'iso-14001-2015-ems-internal-auditor') }}">
                                                <img src="  {{ asset('assets/images/training-list/line-arrow1.svg') }} "
                                                    alt="line arrow" class="team-img">
                                            </a>
                                        </div>

                                    </div>
                                </div>

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


                    <div class="col-12 col-md-4">
                        <div class="team-card middle-col">
                            <div class="image-container">
                                <img src="  {{ asset('assets/images/training-list/auditor2.webp') }} " alt="Image"
                                    class="team-img">
                                <div class="online-evt">
                                    <p class="bs-para">ISO 14001:2015 EMS Courses</p>
                                </div>
                            </div>
                            <div class="team-content">
                                <div>
                                    <h5 class="pb-3">ISO 14001:2015 EMS Lead Implementer Training
                                    </h5>

                                    <div class="team-role pb-2">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <a href="{{ route('training.page.show', 'iso-14001-2015-ems-implementation') }}"
                                                class="event-reg">Register</a>
                                            <a
                                                href="{{ route('training.page.show', 'iso-14001-2015-ems-implementation') }}">
                                                <img src=" {{ asset('assets/images/training-list/line-arrow1.svg') }}    "
                                                    alt="line arrow" class="team-img">
                                            </a>
                                        </div>

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

                    <div class="col-12 col-md-4">
                        <div class="team-card">
                            <div class="image-container">
                                <img src=" {{ asset('assets/images/training-list/auditor3.webp') }}    " alt="Image"
                                    class="team-img">
                                <div class="online-evt">
                                    <p class="bs-para">ISO 14001:2015 EMS Courses</p>
                                </div>
                            </div>
                            <div class="team-content">
                                <div>
                                    <h5 class="pb-3">ISO 14001:2015 EMS Lead Auditor Training</h5>

                                    <div class="team-role pb-2">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <a href="{{ route('training.page.show', 'iso-14001-2015-ems-lead-auditor') }}"
                                                class="event-reg">Register</a>
                                            <a
                                                href="{{ route('training.page.show', 'iso-14001-2015-ems-lead-auditor') }}">
                                                <img src=" {{ asset('assets/images/training-list/line-arrow1.svg') }}   "
                                                    alt="line arrow" class="team-img">
                                            </a>
                                        </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/training-details/isotropic-black.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="line">
                            <img src=" {{ asset('assets/images/blue-bg-line.svg') }}   " class="img-fluid"
                                alt="line-img">
                        </div>
                        <div class="bs-sub-heading typWhite"> CHECK THE DATES AND BOOK NOW</div>

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

                        <h2 class="bs-heading mb-5 typWhite" data-aos="fade" data-aos-delay="400">
                            Find a Training Schedule That Works for You
                        </h2>
                        <div class="event-desc bs-para mb-5 typWhite">
                            Browse upcoming dates and choose the session that fits your goals. Our flexible calendar makes
                            it easy to plan ahead, stay on track, and achieve professional success.
                        </div>
                        <div class="custom-btn-group mb-2">
                            <a href="{{ route('training.calendar.index') }}" class="bs-btn typ-fill">View Available
                                Dates</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="bs-say learners-say">

            <div class="container">
                <div class="learners-wrapper">
                    <div class="col-lg-4 learners-left">
                        <h2 class="title">What Our <br> Learners Say</h2>
                        <p class="subtitle">Hear directly from professionals who have transformed their careers and
                            organizational impact through our industry-focused training programs.</p>
                    </div>
                    <div class="col-lg-7 learners-right">
                        <div class="scroll-col">
                            <div class="scroll-track">
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner certificate">
                                </div>
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner post">
                                </div>
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner certificate">
                                </div>
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner testimonial">
                                </div>
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner certificate">
                                </div>
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner certificate">
                                </div>
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner post">
                                </div>
                            </div>
                        </div>
                        <div class="scroll-col reverse">
                            <div class="scroll-track">
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner post">
                                </div>
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner certificate">
                                </div>
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner certificate">
                                </div>
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner post">
                                </div>
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner certificate">
                                </div>
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner post">
                                </div>
                                <div class="scroll-item">
                                    <img src="{{ asset('assets/images/training-list/traning-img-new.jpg') }}"
                                        alt="Learner post">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="lyt-section bs-certification typ-goi typ-expert-skil type-book">
            <div class="wrap">
                <div class="container">
                    <div class="row justify-content-around">
                        <div class="col-lg-6 col-12">
                            <img src="  {{ asset('assets/images/training-details/Certification Journey with Expert-Led Training.webp') }}    "
                                alt="certification-journey" 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">BOOK YOUR COURSE</div>

                            </div>
                            <h2 class="bs-heading" data-aos="fade" data-aos-delay="400">
                                Start Your Certification Journey with Expert-Led Training </h2>

                            <p class="bs-para mb-4 bs-color">

                                Join our industry-recognized courses to build practical skills, gain insights, and earn a
                                globally respected certificate that advances your career.

                            </p>
                            <a href="javascript:void(0)" class="bs-btn typ-yellow" data-aos="fade" data-aos-delay="400"
                                onclick="openPopupTC('training-iso-14001-2015-ems-awareness')"
                                data-page-source="training-iso-14001-2015-ems-awareness">Get Started
                                Today</a>

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="lyt-section bs-ayush typBlack set-bg typ-Questions"
            data-img="{{ asset('assets/images/training-list/Frequently-Asked.svg') }}">
            <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">
                            Your Key Queries Answered
                        </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">
                                        Who should take the Awareness Course?
                                    </button>
                                </h2>
                                <div id="collapseOne" class="accordion-collapse collapse show"
                                    aria-labelledby="headingOne" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body bs-para">
                                        All employees, managers, contractors and teams seeking to understand EMS or prep for
                                        ISO 14001:2015 implementation/certification.
                                    </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 long is the course and what are the options?
                                    </button>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body bs-para">
                                        A 1-day (8-hour) interactive session, available online, onsite or classroom.
                                    </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">
                                        Do I need experience or prerequisites?
                                    </button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse"
                                    aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body bs-para">
                                        None; this course is suitable for any experience level.
                                    </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">
                                        Which topics are covered?
                                    </button>
                                </h2>
                                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body bs-para">
                                        Environmental basics, ISO 14001:2015 overview, EMS structure, responsibilities,
                                        compliance, best practices, real-world applications.
                                    </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">
                                        Is there a certificate?
                                    </button>
                                </h2>
                                <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body bs-para">
                                        Yes, every participant receives a certificate of completion from IRClass.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingSix">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                        How do I register?
                                    </button>
                                </h2>
                                <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body bs-para">
                                        Fill out the enquiry form on our site; our team will assist with registration and
                                        schedules.
                                    </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingSeven">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseSeven" aria-expanded="false"
                                        aria-controls="collapseSeven">
                                        Can sessions be tailored to our organization?
                                    </button>
                                </h2>
                                <div id="collapseSeven" class="accordion-collapse collapse"
                                    aria-labelledby="headingSeven" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body bs-para">
                                        Yes. We offer fully customized awareness courses.
                                    </div>
                                </div>
                            </div>

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

        <section class="typ-training-list-lst pt-5 background-wrapper set-bg lyt-section"
            data-img="{{ asset('assets/images/training-list/group-bg1.webp') }}">
            <div class="container-padding-left-create">
                <div class="container-fluid">
                    <div class="row g-2">
                        <div class="col-md-6 d-flex align-items-center">
                            <div class="maxw400">
                                <h2 class="bs-heading mb-4" data-aos="fade" data-aos-delay="200">
                                    Take Your Career to the Next <span>Level </span>
                                </h2>
                                <p class="bs-para mb-4" data-aos="fade" data-aos-delay="300">
                                    Learn directly from industry professionals and gain practical skills you can apply right
                                    away.
                                </p>
                                <a href="{{ route('training.calendar.index') }}" class="bs-btn typ-yellow"
                                    data-aos="fade" data-aos-delay="400">View Available Dates</a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <img src="{{ asset('assets/images/training-list/man-group-1.webp') }}" class="img-fluid"
                                alt="background-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', ['buttonImage' => 'btn1.svg'])
    </main>

    {{-- Include enquiry form modal for Training page --}}
    @include('components.enquiry-form-wrapper', [
        'pageSource' => 'training-iso-14001-2015-ems-awareness',
        'formType' => 'enquiry',
    ])
@endsection