@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/OHSMS-baner.webp') }}">
                            <div class="container">
                                <div class="hero-wrapper">
                                    <h1 class="title">ISO 45001:2018 Occupational Health & Safety Management System
                                        (OHSMS)<br><span>Awareness Course</span>
                                    </h1>
                                    <p class="subtitle marB42">Empower your workforce with the knowledge and confidence to
                                        support workplace safety, compliance and continual improvement under ISO 45001:2018
                                    </p>
                                    <div class="custom-btn-group mb-2">
                                        <a href="javascript:void(0)" class="bs-btn typ-fill"
                                            onclick="openPopupTC('training-iso-45001-2018-ohsms-awareness')"
                                            data-page-source="training-iso-45001-2018-ohsms-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 45001:2018 Occupational Health & Safety 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 45001:2018 Awareness Training</h3>
                            <ul>
                                <li class="bs-para">The ISO 45001:2018 Awareness Course is an engaging 1-day (8-hour)
                                    program designed to introduce employees, supervisors and managers to the essentials of
                                    occupational health & safety management.</li>
                                <li class="bs-para">The course explains the goals, structure and requirements of ISO
                                    45001:2018, clarifying every team member's role in creating a safe, compliant workplace.
                                </li>
                                <li class="bs-para">Interactive lessons and real-world examples help participants understand
                                    their responsibility in risk identification, hazard prevention and supporting OHSMS
                                    initiatives. This course is ideal for all levels of staff; especially organizations
                                    preparing for implementation or aiming to enhance their safety culture.</li>
                            </ul>
                            <h3 class="bs-para-new">Why ISO 45001:2018 Awareness Training Matters</h3>
                            <ul>
                                <li class="bs-para">Awareness training ensures all employees understand the purpose and
                                    requirements of ISO 45001:2018, reducing confusion and aligning safety priorities across
                                    your organization.</li>
                                <li class="bs-para">It creates a culture where everyone sees themselves as a safety leader,
                                    making injury prevention and risk management everyone's responsibility.</li>
                                <li class="bs-para">Well-informed employees are more likely to identify hazards, report
                                    unsafe conditions and participate in effective corrective actions.</li>
                                <li class="bs-para">Awareness training smooths organization-wide implementation, breaking
                                    down silos and making safety initiatives more successful.</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-45001-2018-ohsms-awareness' ? ' active' : '' }}">
                                <a class="link-dark text-decoration-none d-block"
                                    href="{{ route('training.page.show', 'iso-45001-2018-ohsms-awareness') }}">
                                    ISO 45001:2018 OHSMS Awareness
                                </a>
                            </li>
                            <li
                                class="list-group-item{{ $currentSlug === 'iso-45001-2018-ohsms-implementation' ? ' active' : '' }}">
                                <a class="link-dark text-decoration-none d-block"
                                    href="{{ route('training.page.show', 'iso-45001-2018-ohsms-implementation') }}">
                                    ISO 45001:2018 OHSMS Implementation
                                </a>
                            </li>
                            <li
                                class="list-group-item{{ $currentSlug === 'iso-45001-2018-ohsms-internal-auditor' ? ' active' : '' }}">
                                <a class="link-dark text-decoration-none d-block"
                                    href="{{ route('training.page.show', 'iso-45001-2018-ohsms-internal-auditor') }}">
                                    ISO 45001:2018 OHSMS Internal Auditor
                                </a>
                            </li>
                            <li
                                class="list-group-item{{ $currentSlug === 'iso-45001-2018-ohsms-lead-auditor' ? ' active' : '' }}">
                                <a class="link-dark text-decoration-none d-block"
                                    href="{{ route('training.page.show', 'iso-45001-2018-ohsms-lead-auditor') }}">
                                    ISO 45001:2018 OHSMS 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 45001:2018 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/Compliance-Readiness.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Compliance Readiness</h3>
                                <p class="card-text">Prepare your teams for compliance with ISO 45001:2018 standards and
                                    legal regulations.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/training-details/Empowered-Workforce.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Empowered Workforce</h3>
                                <p class="card-text">Encourage proactive hazard identification and reporting at every
                                    organizational level.</p>
                            </div>
                        </div>

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

                        <div class="swiper-slide"
                            style="background-image:url(' {{ asset('assets/images/training-details/Reduced-Incidents.webp') }}  ')">
                            <div class="card-content">
                                <h3 class="card-title">Reduced Incidents</h3>
                                <p class="card-text">Help prevent workplace injuries and reduce incidents through better
                                    knowledge and engagement.</p>
                            </div>
                        </div>
                        <div class="swiper-slide"
                            style="background-image:url(' {{ asset('assets/images/training-details/Preparedness-for-Implementation.webp') }}  ')">
                            <div class="card-content">
                                <h3 class="card-title">Preparedness for Implementation</h3>
                                <p class="card-text">Lay the foundation for smooth OHSMS deployment and effective
                                    internal/external audits.</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 45001:2018 Awareness Training?</h2>
                                <ul class="main-disc bs-para">
                                    <li>Accelerate OHSMS Readiness: Equip your teams to actively support safety initiatives
                                        and compliance programs.
                                    </li>
                                    <li>Boost Safety Literacy: Help staff recognize hazards, understand controls and take
                                        personal ownership for safety performance.
                                    </li>
                                    <li>Enhance Communication: Enable better conversations and understanding around
                                        occupational health and safety.</li>
                                    <li>Increase Professional Value: Employees contribute more meaningfully and become
                                        safety champions in their roles.</li>
                                    <li>Support Organizational Goals: Improve compliance, reduce risk and build trust with
                                        regulators and customers.</li>
                                </ul>
                            </div>

                            <div id="contentSection1" class="content-wrapper">
                                <h2>Why Choose IRClass for ISO 45001:2018 Awareness Training</h2>
                                <ul class="main-disc bs-para">
                                    <li>Leading Safety Trainers: Learn from experienced OHS professionals with practical
                                        industry expertise.
                                    </li>
                                    <li>Interactive Content: Engaging lessons, relatable examples and collaborative
                                        activities drive better retention.
                                    </li>
                                    <li>Customizable Delivery: Sessions available online, onsite or in the classroom to fit
                                        your team's preferences.
                                    </li>
                                    <li>Tailored Approach: Training can be adapted to your organization's unique hazards and
                                        safety objectives.
                                    </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/OHSMS-Internal-Auditor-Training.webp') }} " alt="Image"
                                    class="team-img">
                                <div class="online-evt">
                                    <p class="bs-para">ISO 45001:2018 OHSMS Courses</p>
                                </div>
                            </div>
                            <div class="team-content">
                                <div>
                                    <h5 class="pb-3">ISO 45001:2018 OHSMS 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-45001-2018-ohsms-internal-auditor') }}"
                                                class="event-reg">Register</a>
                                            <a
                                                href="{{ route('training.page.show', 'iso-45001-2018-ohsms-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/OHSMS-Lead-Implementer-Training.webp') }} " alt="Image"
                                    class="team-img">
                                <div class="online-evt">
                                    <p class="bs-para">ISO 45001:2018 OHSMS Courses</p>
                                </div>
                            </div>
                            <div class="team-content">
                                <div>
                                    <h5 class="pb-3">ISO 45001:2018 OHSMS 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-45001-2018-ohsms-implementation') }}"
                                                class="event-reg">Register</a>
                                            <a
                                                href="{{ route('training.page.show', 'iso-45001-2018-ohsms-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/OHSMS-Lead-Auditor-Training.webp') }}    " alt="Image"
                                    class="team-img">
                                <div class="online-evt">
                                    <p class="bs-para">ISO 45001:2018 OHSMS Courses</p>
                                </div>
                            </div>
                            <div class="team-content">
                                <div>
                                    <h5 class="pb-3">ISO 45001:2018 OHSMS 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-45001-2018-ohsms-lead-auditor') }}"
                                                class="event-reg">Register</a>
                                            <a
                                                href="{{ route('training.page.show', 'iso-45001-2018-ohsms-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-45001-2018-ohsms-awareness')"
                                data-page-source="training-iso-45001-2018-ohsms-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 attend 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, supervisors, managers; ideal for teams at any stage of OHSMS adoption
                                        or improvement.
                                    </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 is the course duration and format?
                                    </button>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body bs-para">
                                        1-day (8-hour) interactive session, available online, onsite or classroom format.
                                    </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">
                                        Are prerequisites required?
                                    </button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse"
                                    aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body bs-para">
                                        No; suitable for all experience levels.
                                    </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 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">
                                        OHSMS concepts, ISO 45001:2018 overview, roles and responsibilities, hazard
                                        identification, incident prevention, reporting, compliance basics.
                                    </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">
                                        Will I receive 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, attendees receive an official IRClass certificate of participation.
                                    </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">
                                        Submit an enquiry via our website; our team assists with all details.
                                    </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 we customize the course?
                                    </button>
                                </h2>
                                <div id="collapseSeven" class="accordion-collapse collapse"
                                    aria-labelledby="headingSeven" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body bs-para">
                                        Yes; sessions can be adapted to your organization's hazards and needs.
                                    </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-45001-2018-ohsms-awareness',
        'formType' => 'enquiry',
    ])
@endsection