@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/BCMS-baner.webp') }}">
                            <div class="container">
                                <div class="hero-wrapper">
                                    <h1 class="title">ISO 22301:2019 Business Continuity Management System
                                        (BCMS)<br><span>Awareness Course</span>
                                    </h1>
                                    <p class="subtitle marB42">Gain the skills to establish, implement and continually
                                        enhance a robust BCMS in line with ISO 22301:2019.</p>
                                    <div class="custom-btn-group mb-2">
                                        <a href="javascript:void(0)" class="bs-btn typ-fill"
                                            onclick="openPopupTC('training-iso-22301-2019-bcms-awareness')"
                                            data-page-source="training-iso-22301-2019-bcms-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 22301:2019 Business Continuity 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 22301:2019 Awareness Training</h3>
                            <ul>
                                <li class="bs-para">The ISO 22301:2019 Awareness Course is a focused 1-day (8-hour) program
                                    for employees, managers, and leaders seeking a clear introduction to BCMS fundamentals
                                    and ISO 22301:2019 requirements.</li>
                                <li class="bs-para">Training covers the importance of business continuity, the structure of
                                    an effective BCMS, and every individual's role in organizational resilience.</li>
                                <li class="bs-para">With interactive lessons and real-life scenarios, participants learn how
                                    their daily actions support business continuity objectives and compliance. Perfect for
                                    organizations starting implementation, preparing for audits, or building a culture of
                                    proactive risk management.</li>
                            </ul>
                            <h3 class="bs-para-new">Why ISO 22301:2019 Awareness Training Matters</h3>
                            <ul>
                                <li class="bs-para">Awareness training ensures employees at all levels understand the "why"
                                    and "how" of business continuity—reducing confusion and aligning purpose across teams.
                                </li>
                                <li class="bs-para">When staff are informed, it's easier to instill a culture of
                                    preparedness, shared responsibility, and ongoing improvement.</li>
                                <li class="bs-para">Well-briefed employees increase the success of business continuity
                                    plans, support incident response, and help minimize the impact of disruptions.</li>
                                <li class="bs-para">Awareness programs foster clearer communication, less resistance to
                                    change, and better performance in real business continuity events or audits.</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-22301-2019-bcms-awareness' ? ' active' : '' }}">
                                <a class="link-dark text-decoration-none d-block"
                                    href="{{ route('training.page.show', 'iso-22301-2019-bcms-awareness') }}">
                                    ISO 22301:2019 BCMS Awareness
                                </a>
                            </li>
                            <li
                                class="list-group-item{{ $currentSlug === 'iso-22301-2019-bcms-implementation' ? ' active' : '' }}">
                                <a class="link-dark text-decoration-none d-block"
                                    href="{{ route('training.page.show', 'iso-22301-2019-bcms-implementation') }}">
                                    ISO 22301:2019 BCMS Implementation
                                </a>
                            </li>
                            <li
                                class="list-group-item{{ $currentSlug === 'iso-22301-2019-bcms-internal-auditor' ? ' active' : '' }}">
                                <a class="link-dark text-decoration-none d-block"
                                    href="{{ route('training.page.show', 'iso-22301-2019-bcms-internal-auditor') }}">
                                    ISO 22301:2019 BCMS Internal Auditor
                                </a>
                            </li>
                            <li
                                class="list-group-item{{ $currentSlug === 'iso-22301-2019-bcms-lead-auditor' ? ' active' : '' }}">
                                <a class="link-dark text-decoration-none d-block"
                                    href="{{ route('training.page.show', 'iso-22301-2019-bcms-lead-auditor') }}">
                                    ISO 22301:2019 BCMS 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 22301:2019 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/Organization-Wide-Preparedness.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Organization-Wide Preparedness</h3>
                                <p class="card-text">Give teams the knowledge to react decisively in a crisis and support
                                    recovery.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/training-details/Stakeholder-Engagement.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Stakeholder Engagement</h3>
                                <p class="card-text">Empower every individual to contribute to business continuity and risk
                                    reduction.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('  {{ asset('assets/images/training-details/Unified-Response.webp') }}  ')">
                            <div class="card-content">
                                <h3 class="card-title">Unified Response</h3>
                                <p class="card-text">Create a shared language and understanding for more effective crisis
                                    management.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url(' {{ asset('assets/images/training-details/Foundation-for-Success.webp') }}  ')">
                            <div class="card-content">
                                <h3 class="card-title">Foundation for Success</h3>
                                <p class="card-text">Improve buy-in for BCMS rollouts and lay the groundwork for successful
                                    audits and certification.</p>
                            </div>
                        </div>
                        <div class="swiper-slide"
                            style="background-image:url(' {{ asset('assets/images/training-details/Reduced-Downtime.webp') }}  ')">
                            <div class="card-content">
                                <h3 class="card-title">Reduced Downtime</h3>
                                <p class="card-text">Minimize the impact of incidents through trained, ready staff.</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 22301:2019 Awareness Training?</h2>
                                <ul class="main-disc bs-para">
                                    <li>Accelerate BCMS Readiness: Everyone learns how they fit into the business continuity
                                        framework and recovery plans.
                                    </li>
                                    <li>Boost Risk Awareness: Instill heightened recognition of operational risks, triggers
                                        for action, and personal responsibilities.
                                    </li>
                                    <li>Promote Open Communication: Enable clear discussions and teamwork during planning,
                                        incidents, and reviews.</li>
                                    <li>Enhance Professional Value: Staff are equipped to support both day-to-day controls
                                        and extraordinary response needs.</li>
                                    <li>Support Strategic Goals: Help achieve compliance, customer trust, and business
                                        continuity objectives as a unified team.</li>
                                </ul>
                            </div>

                            <div id="contentSection1" class="content-wrapper">
                                <h2>Why Choose IRClass for ISO 22301:2019 Awareness Training</h2>
                                <ul class="main-disc bs-para">
                                    <li>Business Continuity Experts: Learn from professionals with hands-on BCMS
                                        implementation experience across sectors.
                                    </li>
                                    <li>Complete Curriculum: From risk and business impact analysis to emergency response,
                                        documentation, audits and continuous improvement.
                                    </li>
                                    <li>Hands-On, Applied Learning: Case studies, workshops and template-driven exercises
                                        prepare you for real challenges.
                                    </li>
                                    <li>Flexible Delivery: Options for classroom, online or tailored onsite sessions to meet
                                        your project or team needs.
                                    </li>
                                    <li>Certification Pathway: Equip yourself and your team for an efficient, successful ISO
                                        22301:2019 certification process.
                                    </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/BCMS-Internal-Auditor-Training.webp') }} " alt="Image"
                                    class="team-img">
                                <div class="online-evt">
                                    <p class="bs-para">ISO 22301:2019 BCMS Courses</p>
                                </div>
                            </div>
                            <div class="team-content">
                                <div>
                                    <h5 class="pb-3">ISO 22301:2019 BCMS 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-22301-2019-bcms-internal-auditor') }}"
                                                class="event-reg">Register</a>
                                            <a
                                                href="{{ route('training.page.show', 'iso-22301-2019-bcms-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/BCMS-Lead-Implementer-Training.webp') }} " alt="Image"
                                    class="team-img">
                                <div class="online-evt">
                                    <p class="bs-para">ISO 22301:2019 BCMS Courses</p>
                                </div>
                            </div>
                            <div class="team-content">
                                <div>
                                    <h5 class="pb-3">ISO 22301:2019 BCMS 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-22301-2019-bcms-implementation') }}"
                                                class="event-reg">Register</a>
                                            <a
                                                href="{{ route('training.page.show', 'iso-22301-2019-bcms-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/BCMS-Lead-Auditor-Training.webp') }}    " alt="Image"
                                    class="team-img">
                                <div class="online-evt">
                                    <p class="bs-para">ISO 22301:2019 BCMS Courses</p>
                                </div>
                            </div>
                            <div class="team-content">
                                <div>
                                    <h5 class="pb-3">ISO 22301:2019 BCMS 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-22301-2019-bcms-lead-auditor') }}"
                                                class="event-reg">Register</a>
                                            <a
                                                href="{{ route('training.page.show', 'iso-22301-2019-bcms-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-22301-2019-bcms-awareness')"
                                data-page-source="training-iso-22301-2019-bcms-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?
                                    </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, process owners, and teams responsible for supporting or
                                        participating in BCMS programs.
                                    </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 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">
                                        A 1-day (8-hour) interactive program; available online, onsite, or in the 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">
                                        Is prior experience required?
                                    </button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse"
                                    aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body bs-para">
                                        No prior background needed; suitable for all team members.
                                    </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">
                                        Basics of business continuity, ISO 22301:2019 structure, roles and responsibilities,
                                        crisis communication, and compliance expectations.
                                    </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 there be 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, each participant receives an IRClass Awareness Certificate.
                                    </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">
                                        Contact us through our enquiry form; our team will assist with dates and 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 the training be customized?
                                    </button>
                                </h2>
                                <div id="collapseSeven" class="accordion-collapse collapse"
                                    aria-labelledby="headingSeven" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body bs-para">
                                        Yes; content, examples, and scenarios can be adapted to your sector and risk
                                        landscape.
                                    </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-22301-2019-bcms-awareness',
        'formType' => 'enquiry',
    ])
@endsection