<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<div>
    <div class="mainSection" style="background:#102349 !important;">
        <div class="sptb pb-5">
            <div class="header-text1 mb-0">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 col-lg-7 col-md-12">
                            <div>
                                <h4 class="display-7 font-weight-semibold text-white mb-5 main-sub-heading">Discover Your Path to Becoming a Full-Stack Marketer...</h4>
                                <h1 class="display-5 font-weight-semibold text-white">Get Certified As A Digital Marketing Strategist</h1>
                                <div class="d-lg-flex align-items-center mb-4 mt-4 d-none d-lg-block">
                                    <!-- <span class="text-warning heading-icon-title">
                                        <div class="d-flex align-items-center">
                                            <div class="fs-35"><i class="fa fa-laptop"></i></div>
                                            <div class="ms-3">Learn Online</div>
                                        </div>
                                    </span>
                                    <span class="ms-5 text-warning heading-icon-title">
                                        <div class="d-flex align-items-center">
                                            <div class="fs-35"><i class="fa fa-trophy"></i></div>
                                            <div class="ms-3">Intermediate</div>
                                        </div>
                                    </span>
                                    <span class="ms-5 text-warning heading-icon-title">
                                        <div class="d-flex align-items-center">
                                            <div class="fs-35"><i class="fa fa-clock-o"></i></div>
                                            <div class="ms-3">16.7 Hours</div>
                                        </div>
                                    </span> -->
                                    <style>
                                        .main-short-icon img {
                                            width: 30px;
                                        }
                                    </style>

                                    <span class="text-warning heading-icon-title">
                                        <div class="text-center">
                                            <div class="fs-14 mb-2 main-short-icon"><img src="<?php echo base_url(); ?>assets/slider/5-Star Reviews.png"></div>
                                            <div class="fs-10"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i></div>
                                            <div class=" fs-14">5-Star Reviews</div>
                                        </div>
                                    </span>
                                    <span class="text-warning heading-icon-title ms-5">
                                        <div class="text-center">
                                            <div class="fs-14 mb-2 main-short-icon"><img src="<?php echo base_url(); ?>assets/slider/9200+ Students.png"></div>
                                            <div class="fs-14">9200+</div>
                                            <div class=" fs-14">Students</div>
                                        </div>
                                    </span>
                                    <span class="text-warning heading-icon-title ms-5">
                                        <div class="text-center">
                                            <div class="fs-14 mb-2 main-short-icon"><img src="<?php echo base_url(); ?>assets/slider/Last Updated August 2024.png"></div>
                                            <div class="fs-14">Last Updated</div>
                                            <div class=" fs-14">August 2024</div>
                                        </div>
                                    </span>

                                </div>
                                <div class="d-none d-lg-block">
                                    <p class=" lead text-white"> Advance your career with an internationally recognized certification in digital marketing strategy. Learn the eight critical disciplines (content, advertising, social media, and more) to becoming a full-stack marketer.</p>
                                    <div class="row d-flex justify-content-center mt-5">
                                        <div class="col-sm-8 d-flex justify-content-between">
                                            <div class="header-curriculum d-inline-block w-half">
                                                <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                                            </div>
                                            <div class="header-book-seat d-inline-block w-half ms-4">
                                                <button class="btn-primary btn btn-lg w-full"><i class="fa fa-calendar"></i> Book Your Seat</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-5 col-md-12">
                            <div class="card">
                                <!-- <div class="card-body p-1">
                                <div class="product-slider">
                                    <img src="https://dmwsprod.wpenginepowered.com/wp-content/uploads/2023/04/dmm-cert-hero.png">
                                </div>
                            </div> -->
                                <div class="card-body p-1">
                                    <div class="course-slider">
                                        <ul class="list-unstyled video-list-thumbs">
                                            <li class="mb-0">
                                                <a class="class-video p-0 text-center">
                                                    <img loading="lazy" src="<?php echo base_url(); ?>assets/Dotcom_Marketer_Bootcamp.png" alt="" class="img-responsive  border br-7">
                                                </a>
                                            </li>
                                        </ul>
                                    </div>

                                </div>
                            </div>
                            <div class="d-lg-none">
                                <p class=" lead text-white"> Advance your career with an internationally recognized certification in digital marketing strategy. Learn the eight critical disciplines (content, advertising, social media, and more) to becoming a full-stack marketer.</p>
                                <div class="row d-flex justify-content-center mt-5">
                                    <div class="col-sm-8 d-flex justify-content-between">
                                        <div class="header-curriculum d-inline-block w-half">
                                            <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                                        </div>
                                        <div class="header-book-seat d-inline-block w-half ms-4">
                                            <button class="btn-primary btn btn-lg w-full"><i class="fa fa-calendar"></i> Book Your Seat</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section class="sptb bg-white" id="get_certified">
        <div class="container">
            <div class="section-title">
                <h2>Get Certified From </h2>
                <p class="fs-22 lead">We are proud to present the success of our Digital Marketing Program</p>
            </div>
            <div id="small-categories" class="owl-carousel client-carousel">
                <?php foreach ($get_all_company_logo as $key => $company_logo) : ?>
                    <div class="item">
                        <div class="client-img">
                            <img src="<?php echo base_url() ?><?php echo $company_logo->image ?>" alt="<?php echo $company_logo->name ?>">
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>
    <section class="sptb" id="key_ighlights">
        <div class="container">
            <div class="section-title d-md-flex mb-5">
                <div>
                    <h2>Key Highlights</h2>
                    <p class="fs-22 lead">We are proud to present the success of our Digital Marketing Program</p>
                </div>
            </div>
            <div class="row ">
                <div class="col-md-12 col-lg-7 col-sm-12">
                    <div class="row ">
                        <div class="col-md-6 col-6 col-lg-6 features">
                            <div class="card">
                                <div class="card-body text-center">
                                    <div class="feature">
                                        <div class="">
                                            <h3 class="font-weight-semibold">2000+</h3>
                                            <p> Mentees trained </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-6 col-lg-6 features">
                            <div class="card">
                                <div class="card-body text-center">
                                    <div class="feature">
                                        <div class="">
                                            <h3 class="font-weight-semibold">12LPA</h3>
                                            <p>Highest CTC</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-6 col-lg-6 features">
                            <div class="card">
                                <div class="card-body text-center">
                                    <div class="feature">
                                        <div class="">
                                            <h3 class="font-weight-semibold"> 100% </h3>
                                            <p> Placement Assistance </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-6 col-lg-6 features">
                            <div class="card">
                                <div class="card-body text-center">
                                    <div class="feature">
                                        <div class="">
                                            <h3 class="font-weight-semibold"> 500+ </h3>
                                            <p> Hiring Partners </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-6 col-lg-6 features">
                            <div class="card">
                                <div class="card-body text-center">
                                    <div class="feature">
                                        <div class="">
                                            <h3 class="font-weight-semibold"> 500+ </h3>
                                            <p> Courses </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-6 col-lg-6 features">
                            <div class="card">
                                <div class="card-body text-center">
                                    <div class="feature">
                                        <div class="">
                                            <h3 class="font-weight-semibold"> 100+ </h3>
                                            <p> Teachers </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center d-none d-lg-flex">
                        <div class="col-sm-8 d-flex justify-content-center">
                            <div class="header-curriculum d-inline-block w-half">
                                <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="feature-form ">
                        <div class="form-main mt-3">
                            <h3 class="text-center p-3">Apply For <span class="color-change">Digital marketing Certificate Course</span></h3>
                            <div class="form-filed p-4">
                                <form>
                                    <div class="mb-3">
                                        <label for="exampleInputEmail1" class="form-label">Full Name <span class="text-danger">*</span></label>
                                        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
                                    </div>
                                    <div class="mb-3">
                                        <label for="exampleInputPassword1" class="form-label">Email ID <span class="text-danger">*</span></label>
                                        <input type="email" class="form-control" id="exampleInputPassword1">
                                    </div>
                                    <div class="mb-3">
                                        <label for="exampleInputPassword1" class="form-label">Mobile No<span class="text-danger">*</span></label>
                                        <input type="email" class="form-control" id="exampleInputPassword1">
                                    </div>
                                    <div class="mt-5">
                                        <button type="submit" class="btn btn-primary w-full fs-18">Apply Now</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="sptb" style="background-color: #ddd;" id="who_this_for">
        <div class="container">
            <div class="row ">
                <div class="col-md-12 col-lg-7 col-sm-12">
                    <div class="section-title">
                        <span class="badge badge-success mb-3">Who's This For</span>
                        <h2>Get the skills to stay relevant in an ever changing digital world.</h2>
                    </div>
                    <p class="lead">Get all the key and latest digital marketing skills (including AI) with DMI PRO. We offer the most current and relevant industry thinking out there by constantly updating our courses to meet industry changes and reflect new developments. Delivered by skilled experts working in the field, we ensure you always get the most up-to-date and relevant learning.</p>
                    <div class="row justify-content-center mt-5 d-none d-lg-flex">
                        <div class="col-sm-8 d-flex justify-content-between">
                            <div class="header-curriculum d-inline-block w-half">
                                <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                            </div>
                            <div class="header-book-seat d-inline-block w-half ms-4">
                                <button class="btn-primary btn btn-lg w-full"><i class="fa fa-calendar"></i> Book Your Seat</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="sec-4-highlisht ">
                        <ul class="fs-15">
                            <li class="py-2">
                                <h3>What’s the latest?</h3>
                            </li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Introduction to Important Concepts</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Beginners to Intermediate Level</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Hands-on 45 Minutes Masterclass</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Engaging &amp; Simple Formats</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Watch Anytime, Anywhere</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Certification Included</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="sptb" id="curriculum">
        <div class="container">
            <div class="row ">
                <div class="col-md-12 col-lg-12 col-sm-12">
                    <div class="section-title">
                        <h2>Program Curriculum</h2>
                        <p class="fs-22 lead mt-5">Our curriculum is designed to make you a finest marketer</p>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="mb-4">
                        <div class="accordion accordion-flush" id="accordionFlushExample">
                            <div class="accordion-item rounded-3 border-0 shadow mb-2">
                                <h2 class="accordion-header">
                                    <button class="accordion-button border-bottom collapsed fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse_1" aria-expanded="false" aria-controls="flush-collapse_1">
                                        <div class="row w-100 ms-5">
                                            <div class="col-auto accordion-item-title d-flex flex-column">
                                                <span>Find Your Dream Home</span>
                                            </div>
                                            <div class="col-auto ms-auto pe-0">
                                                <span class="ms-auto me-2 pe-2 border-end text-14px text-muted fw-400">
                                                    1 Lessons </span>
                                            </div>
                                        </div>
                                    </button>
                                </h2>
                                <div id="flush-collapse_1" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
                                    <div class="accordion-body">
                                        <ul class="ac-lecture">
                                            <li>
                                                <a href="javascript:void(0)" onclick="openVideoModel('https://www.youtube.com/watch?v=4ykBTPmhOP4')" class="checkPropagation">
                                                    <span class="d-flex  ellipsis-line-2">
                                                        <i class="fa-regular fa-circle-play"></i>
                                                        Premium Membership</span>

                                                    <div class="d-flex justify-content-center">
                                                        <span class="badge badge-success badge-pill me-3"><i class="fa fa-eye text-white"></i>Preview</span>
                                                        <div class="lecture-info align-content-center" style="width: 60px">00:00 min</div>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item rounded-3 border-0 shadow mb-2">
                                <h2 class="accordion-header">
                                    <button class="accordion-button border-bottom collapsed fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse_2" aria-expanded="false" aria-controls="flush-collapse_2">
                                        <div class="row w-100 ms-5">
                                            <div class="col-auto accordion-item-title d-flex flex-column">
                                                <span>Whatsapp</span>
                                            </div>
                                            <div class="col-auto ms-auto pe-0">
                                                <span class="ms-auto me-2 pe-2 border-end text-14px text-muted fw-400">
                                                    0 Lessons </span>
                                            </div>
                                        </div>
                                    </button>
                                </h2>
                                <div id="flush-collapse_2" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
                                    <div class="accordion-body">
                                        <ul class="ac-lecture">
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item rounded-3 border-0 shadow mb-2">
                                <h2 class="accordion-header">
                                    <button class="accordion-button border-bottom collapsed fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse_3" aria-expanded="false" aria-controls="flush-collapse_3">
                                        <div class="row w-100 ms-5">
                                            <div class="col-auto accordion-item-title d-flex flex-column">
                                                <span>Full Stack Digital Marketing Boot Campm</span>
                                            </div>
                                            <div class="col-auto ms-auto pe-0">
                                                <span class="ms-auto me-2 pe-2 border-end text-14px text-muted fw-400">
                                                    2 Lessons </span>
                                            </div>
                                        </div>
                                    </button>
                                </h2>
                                <div id="flush-collapse_3" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
                                    <div class="accordion-body">
                                        <ul class="ac-lecture">
                                            <li>
                                                <a href="#" class="checkPropagation">
                                                    <span class="d-flex  ellipsis-line-2">
                                                        <i class="fa-regular fa-circle-play"></i>
                                                        Full Stack Digital Marketing Boot Campm</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="checkPropagation">
                                                    <span class="d-flex  ellipsis-line-2">
                                                        <i class="fa-regular fa-circle-play"></i>
                                                        Find Your Dream Home</span>

                                                    <div class="d-flex justify-content-center">
                                                        <span class="badge badge-success badge-pill me-3"><i class="fa fa-eye text-white"></i>Preview</span>
                                                        <div class="lecture-info align-content-center" style="width: 60px">00:00 min</div>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row d-none d-lg-flex justify-content-center mt-3">
                <div class="col-sm-4">
                    <div class="text-center ">
                        <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="sptb bg-white" id="certifications">
        <div class="container">
            <div class="row">
                <div class="section-title">
                    <h2>Digital Marketing Course <span class="color-change">Certifications</span> </h2>
                    <p class="fs-22 lead">We are proud to present the success of our Digital Marketing Program</p>
                </div>
                <div id="defaultCarousel" class="owl-carousel Card-owlcarousel owl-carousel-icons">
                    <div class="item">
                        <img src="https://www.digitalvidya.com/wp-content/uploads/2023/11/Certificates-16.webp">
                    </div>
                    <div class="item">
                        <img src="https://www.digitalvidya.com/wp-content/uploads/2023/11/Google-Ads-Measurement.webp" alt="">
                    </div>
                    <div class="item">
                        <img src="https://www.digitalvidya.com/wp-content/uploads/2023/11/Google-Ads-Display.webp" alt="">
                    </div>
                </div>
            </div>
            <div class="row d-none d-lg-flex justify-content-center mt-3">
                <div class="col-sm-4">
                    <div class="text-center ">
                        <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="sptb marketing-tool" id="mar_tool">
        <div class="container">
            <div class="row">
                <div class="section-title">
                    <h2>Digital Marketing Tools You’ll Master</h2>
                    <p class="fs-22 lead mt-5">Being a digital marketer means interacting & working with multiple digital marketing tools daily. Here are some of the tools that you will master during IIDE's online digital marketing course. </p>
                </div>
                <div class="row">
                    <div class="col-sm-2 col-6">
                        <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                    </div>
                    <div class="col-sm-2 col-6">
                        <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                    </div>
                    <div class="col-sm-2 col-6">
                        <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                    </div>
                    <div class="col-sm-2 col-6">
                        <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                    </div>
                    <div class="col-sm-2 col-6">
                        <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                    </div>
                    <div class="col-sm-2 col-6">
                        <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                    </div>
                    <div class="col-sm-2 col-6">
                        <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                    </div>
                    <div class="col-sm-2 col-6">
                        <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                    </div>
                    <div class="col-sm-2 col-6">
                        <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                    </div>
                    <div class="col-sm-2 col-6">
                        <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                    </div>
                    <div class="col-sm-2 col-6">
                        <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                    </div>
                    <div class="col-sm-2 col-6">
                        <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                    </div>
                </div>
            </div>
            <div class="row d-none d-lg-flex justify-content-center mt-3">
                <div class="col-sm-4">
                    <div class="text-center ">
                        <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="sptb ai-power-tool bg-white" id="ai_tool">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <div class="section-title">
                        <h2>Next-gen AI-powered Tools</h2>

                    </div>
                    <p class="lead">AI tools have taken digital marketing to the next level by delivering results in just one click. Here’s a list of AI tools taught during the online course that’ll set you apart from the crowd in the industry. </p>
                    <div class="row d-flex justify-content-center mt-3 mobile-padding-bottom">
                        <div class="col-sm-8">
                            <div class="text-center ">
                                <button class="btn-secondary btn btn-lg w-full">Get Detailed List of Tools</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="row">
                        <div class="col-sm-3 col-6">
                            <div class="image-border">
                                <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                            </div>
                        </div>
                        <div class="col-sm-3 col-6">
                            <div class="image-border">
                                <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                            </div>
                        </div>
                        <div class="col-sm-3 col-6">
                            <div class="image-border">
                                <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                            </div>
                        </div>
                        <div class="col-sm-3 col-6">
                            <div class="image-border">
                                <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                            </div>
                        </div>
                        <div class="col-sm-3 col-6">
                            <div class="image-border">
                                <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                            </div>
                        </div>
                        <div class="col-sm-3 col-6">
                            <div class="image-border">
                                <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                            </div>
                        </div>
                        <div class="col-sm-3 col-6">
                            <div class="image-border">
                                <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                            </div>
                        </div>
                        <div class="col-sm-3 col-6">
                            <div class="image-border">
                                <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                            </div>
                        </div>
                        <div class="col-sm-3 col-6">
                            <div class="image-border">
                                <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                            </div>
                        </div>
                        <div class="col-sm-3 col-6">
                            <div class="image-border">
                                <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                            </div>
                        </div>
                        <div class="col-sm-3 col-6">
                            <div class="image-border">
                                <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                            </div>
                        </div>
                        <div class="col-sm-3 col-6">
                            <div class="image-border">
                                <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="sptb hire-partner bg-dark" id="hiring">
        <div class="container">
            <div class="row">
                <div class="section-title text-center">
                    <h2 class="text-white">500+ Hiring Partner</h2>
                </div>
            </div>
            <div class="col-sm-12">
                <div class="row">
                    <div class="col-sm-3 col-6">
                        <div class="image-border">
                            <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                        </div>
                    </div>
                    <div class="col-sm-3 col-6">
                        <div class="image-border">
                            <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                        </div>
                    </div>
                    <div class="col-sm-3 col-6">
                        <div class="image-border">
                            <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                        </div>
                    </div>
                    <div class="col-sm-3 col-6">
                        <div class="image-border">
                            <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                        </div>
                    </div>
                    <div class="col-sm-3 col-6">
                        <div class="image-border">
                            <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                        </div>
                    </div>
                    <div class="col-sm-3 col-6">
                        <div class="image-border">
                            <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                        </div>
                    </div>
                    <div class="col-sm-3 col-6">
                        <div class="image-border">
                            <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                        </div>
                    </div>
                    <div class="col-sm-3 col-6">
                        <div class="image-border">
                            <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                        </div>
                    </div>
                    <div class="col-sm-3 col-6">
                        <div class="image-border">
                            <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                        </div>
                    </div>
                    <div class="col-sm-3 col-6">
                        <div class="image-border">
                            <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                        </div>
                    </div>
                    <div class="col-sm-3 col-6">
                        <div class="image-border">
                            <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                        </div>
                    </div>
                    <div class="col-sm-3 col-6">
                        <div class="image-border">
                            <img src="https://iide.co/wp-content/w3-webp/uploads/2024/02/google-ads.pngw3.webp">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="sptb learning-method-div" id="methodology">
        <div class="container">
            <div class="row">
                <div class="section-title">
                    <h2>Learning Methodology</h2>
                    <p class="fs-22 lead">We are proud to present the success of our Digital Marketing Program</p>
                </div>
            </div>
            <div class="col-sm-12 mt-5">
                <div class="row">
                    <div class="col-sm-3 col-12">
                        <div class="et_pb_text_inner text-center">
                            <div class="learning-pedagogy">
                                <div class="learning-step">1</div>
                                <h6 class="mb-4">Start with Video Lectures:</h6>
                                <p><img decoding="async" class="learning-methodology-image" width="246" height="161" src="https://iide.co/wp-content/w3-webp/uploads/2024/01/digital_marketing_course_methodology_step_1.jpegw3.webp" alt="digital marketing course in India methodology step 1"></p>
                                <p class="learning-format-description pb-5">Watch 50+ hours of high quality video content featuring industry experts.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-12">
                        <div class="et_pb_text_inner text-center">
                            <div class="learning-pedagogy">
                                <div class="learning-step">2</div>
                                <h6 class="mb-4">Start with Video Lectures:</h6>
                                <p><img decoding="async" class="learning-methodology-image" width="246" height="161" src="https://iide.co/wp-content/w3-webp/uploads/2024/01/digital_marketing_course_methodology_step_1.jpegw3.webp" alt="digital marketing course in India methodology step 1"></p>
                                <p class="learning-format-description pb-5">Watch 50+ hours of high quality video content featuring industry experts.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-12">
                        <div class="et_pb_text_inner text-center">
                            <div class="learning-pedagogy">
                                <div class="learning-step">3</div>
                                <h6 class="mb-4">Start with Video Lectures:</h6>
                                <p><img decoding="async" class="learning-methodology-image" width="246" height="161" src="https://iide.co/wp-content/w3-webp/uploads/2024/01/digital_marketing_course_methodology_step_1.jpegw3.webp" alt="digital marketing course in India methodology step 1"></p>
                                <p class="learning-format-description pb-5">Watch 50+ hours of high quality video content featuring industry experts.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-12">
                        <div class="et_pb_text_inner text-center">
                            <div class="learning-pedagogy">
                                <div class="learning-step">4</div>
                                <h6 class="mb-4">Start with Video Lectures:</h6>
                                <p><img decoding="async" class="learning-methodology-image" width="246" height="161" src="https://iide.co/wp-content/w3-webp/uploads/2024/01/digital_marketing_course_methodology_step_1.jpegw3.webp" alt="digital marketing course in India methodology step 1"></p>
                                <p class="learning-format-description pb-5">Watch 50+ hours of high quality video content featuring industry experts.</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="row d-none d-lg-flex justify-content-center mt-3">
                <div class="col-sm-4">
                    <div class="text-center ">
                        <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="sptb bg-blue" id="stories">
        <div class="container">
            <div class="section-title">
                <h2 class="position-relative text-white">Our Placement</h2>
                <p class="fs-22 lead mt-5 text-white">Mentees who achieved remarkable career transitions through our program </p>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div id="myCarousel2" class="owl-carousel owl-carousel-icons7">
                        <?php foreach ($all_current_op as $key => $current_op) : ?>
                            <div class="item">
                                <div class="card mb-xl-5">
                                    <div class="card-body sst">
                                        <div class="team-section text-center">
                                            <div class="team-img">
                                                <img src="<?php echo base_url(); ?><?php echo $current_op->placements_image ?>" alt="<?php echo $current_op->placements_name ?>" width="100px">
                                            </div>
                                            <h4 class="dark-grey-text mt-4"><?php echo $current_op->placements_name ?></h4>
                                            <div class="mt-3 company-img text-center">
                                                <img src="<?php echo base_url(); ?><?php echo $current_op->placements_company_img ?>" alt="<?php echo $current_op->placements_name ?>">
                                            </div>
                                            <!-- <hr class="mt-3 mb-3"/> -->
                                            <h5 class="placements_batch"><?php echo $current_op->placements_batch ?></h5>

                                            <!-- <h5 class=" dark-grey-text mt-2"><?php //echo $current_op->placements_position 
                                                                                    ?></h5> -->

                                            <div class="test-placement">
                                                <div class="d-inline-block">
                                                    <p>Computer Science</p>
                                                </div>
                                                <div class="d-inline-block"><img src="<?php echo base_url(); ?>assets/Testimonial_CTA.png" width="90px"></div>
                                                <div class="d-inline-block">
                                                    <p>SEO Executive</p>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="sptb mentor-shorts" id="mentees">
        <div class="container">
            <div class="row">
                <div class="section-title">
                    <h2>Our Success Stories</h2>
                    <p class="fs-22 lead mt-5 ">Mentees talk about what it feels like to learn at MyCaptain </p>
                </div>
            </div>
            <div class="col-sm-12 mt-5">
                <div class="row">
                    <div class="col-sm-3 col-6">
                        <div class="et_pb_text_inner text-center">
                            <div class="learning-pedagogy">
                                <div class="learning-step">1</div>
                                <h6 class="mb-4">Start with Video Lectures:</h6>
                                <p><img decoding="async" class="learning-methodology-image" width="246" height="161" src="https://iide.co/wp-content/w3-webp/uploads/2024/01/digital_marketing_course_methodology_step_1.jpegw3.webp" alt="digital marketing course in India methodology step 1"></p>
                                <p class="learning-format-description pb-5">Watch 50+ hours of high quality video content featuring industry experts.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row d-none d-lg-flex justify-content-center mt-3">
                <div class="col-sm-4">
                    <div class="text-center ">
                        <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="sptb video-section bg-white" id="what_you_lern">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <div class="card ">
                        <div class="card-body" style="padding: 0;">
                            <div class="product-slider">
                                <ul class="list-unstyled video-list-thumbs">
                                    <li class="mb-0">
                                        <a data-bs-toggle="modal" data-bs-target="#signInModal" class="class-video p-0">
                                            <img loading="lazy" src="<?php echo base_url(); ?>assets/01.png" alt="2024’s #1 Digital Marketing Masterclass with Certification" class="img-responsive  border br-7">
                                            <span class="video-icon" href="javascript:void(0)"><i class="fe fe-play"></i></span>
                                        </a>

                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <span class="badge badge-success">How it Works</span>
                    <div class="row">
                        <div class="section-title">
                            <p class="fs-22 lead  mb-3 mt-3">Discover Your Path to Becoming a Full-Stack Marketer...</p>
                            <h2>Get Certified As A Digital Marketing Strategist</h2>
                        </div>
                    </div>
                    <p class="lead "> Advance your career with an internationally recognized certification in digital marketing strategy. Learn the eight critical disciplines (content, advertising, social media, and more) to becoming a full-stack marketer.</p>
                    <div class="row d-none d-lg-flex justify-content-center mt-5">
                        <div class="col-sm-8 d-flex justify-content-between">
                            <div class="header-curriculum d-inline-block w-half">
                                <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                            </div>
                            <div class="header-book-seat d-inline-block w-half ms-4">
                                <button class="btn-primary btn btn-lg w-full"><i class="fa fa-calendar"></i> Book Your Seat</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="sptb" style="background-color: #ddd;" id="update">
        <div class="container">
            <div class="row ">
                <div class="col-md-12 col-lg-7 col-sm-12">
                    <div class="section-title">
                        <span class="badge badge-success mb-3">What's New</span>
                        <h2>Get the skills to stay relevant in an ever changing digital world.</h2>
                    </div>
                    <p class="lead">Get all the key and latest digital marketing skills (including AI) with DMI PRO. We offer the most current and relevant industry thinking out there by constantly updating our courses to meet industry changes and reflect new developments. Delivered by skilled experts working in the field, we ensure you always get the most up-to-date and relevant learning.</p>
                    <div class="row d-none d-lg-flex justify-content-center mt-5">
                        <div class="col-sm-8 d-flex justify-content-between">
                            <div class="header-curriculum d-inline-block w-half">
                                <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                            </div>
                            <div class="header-book-seat d-inline-block w-half ms-4">
                                <button class="btn-primary btn btn-lg w-full"><i class="fa fa-calendar"></i> Book Your Seat</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="sec-4-highlisht ">
                        <ul class="fs-15">
                            <li class="py-2">
                                <h3>What’s the latest?</h3>
                            </li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Introduction to Important Concepts</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Beginners to Intermediate Level</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Hands-on 45 Minutes Masterclass</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Engaging &amp; Simple Formats</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Watch Anytime, Anywhere</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Certification Included</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="sptb experience-section" id="included">
        <div class="container">
            <div class="row d-flex justify-content-center">
                <div class="col-sm-8">
                    <div class="section-title text-center">
                        <span class="badge badge-success mb-3">What's Included</span>
                        <h2>An unparalleled digital marketing learning experience built around you</h2>
                    </div>
                    <p class="lead text-center">Our courses bring leading thought and practice - and right from the moment you sign up for a course, you also become a Member of the DMI which means you get access to an unparalleled toolkit of resources, e-books, podcasts, lessons and much more for your career.</p>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-sm-2 col-6">
                    <div class="sec-icon">
                        <div class="text-center">
                            <img src="<?php echo base_url(); ?>assets/whats_include/5+ Big Brands Case studies.png" width="50px">
                        </div>
                        <div class="text-center">
                            <b>5+ Big Brands Case studies</b>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2 col-6">
                    <div class="sec-icon">
                        <div class="text-center">
                            <img src="<?php echo base_url(); ?>assets/whats_include/10+Mini Project.png" width="50px">
                        </div>
                        <div class="text-center">
                            <b>10+Mini Project</b>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2 col-6">
                    <div class="sec-icon">
                        <div class="text-center">
                            <img src="<?php echo base_url(); ?>assets/whats_include/15+ Global Certification.png" width="50px">
                        </div>
                        <div class="text-center">
                            <b>15+ Global Certification</b>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2 col-6">
                    <div class="sec-icon">
                        <div class="text-center">
                            <img src="<?php echo base_url(); ?>assets/whats_include/50+ Play Books.png" width="50px">
                        </div>
                        <div class="text-center">
                            <b>50+ Play Books</b>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2 col-6">
                    <div class="sec-icon">
                        <div class="text-center">
                            <img src="<?php echo base_url(); ?>assets/whats_include/60+ In-depth Modules.png" width="50px">
                        </div>
                        <div class="text-center">
                            <b>60+ In-depth Modules</b>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2 col-6">
                    <div class="sec-icon">
                        <div class="text-center">
                            <img src="<?php echo base_url(); ?>assets/whats_include/100+ Reflections question.png" width="50px">
                        </div>
                        <div class="text-center">
                            <b>100+ Reflections question</b>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row d-none d-lg-flex justify-content-center mt-3">
                <div class="col-sm-4">
                    <div class="text-center ">
                        <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <style>
        .video-icon:hover i {
            background-color: var(--theme-color-1) !important;
            color: #fff;
        }
    </style>
    <section class="sptb bonus-section bg-white" id="bonus">
        <div class="container">
            <div class="section-title d-lg-none">
                <h2>Bonus Content</h2>
            </div>
            <div class="row">
                <div class="col-sm-6 mb-4">
                    <img src="<?php echo base_url(); ?>assets/Bonuses.png">
                </div>
                <div class="col-sm-6">
                    <div class="section-title d-none d-lg-block">
                        <h2>Bonus Content</h2>
                    </div>
                    <p class="lead"> When you purchase any of our courses, you gain FREE instant access to our Premium Membership (worth €150), featuring the world's most extensive portal of on-demand Digital Marketing content. Our templates, toolkits, micro-lessons and AI tools are designed so you can easily implement your learnings, to help you drive growth and make an instant impact on your business (and your career). </p>
                    <div class="">
                        <ul class="fs-15">
                            <li class="py-2">
                                <h3>What’s the latest?</h3>
                            </li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Introduction to Important Concepts</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Beginners to Intermediate Level</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Hands-on 45 Minutes Masterclass</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Engaging &amp; Simple Formats</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Watch Anytime, Anywhere</li>
                            <li class="py-2"><i class="fe fe-check me-3"></i>Certification Included</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row d-none d-lg-flex justify-content-center mt-5">
                <div class="col-sm-8 d-flex justify-content-between">
                    <div class="header-curriculum d-inline-block w-half">
                        <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                    </div>
                    <div class="header-book-seat d-inline-block w-half ms-4">
                        <button class="btn-primary btn btn-lg w-full"><i class="fa fa-calendar"></i> Book Your Seat</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="sptb pricing-section" id="fees">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="section-title text-center">
                        <h2>Digital Marketing Program Fees</h2>
                        <p class="fs-22 lead mt-5 ">Choose the certification of your interest. Along with that, you must also check the box for Campus Immersion if you would like to opt for it.</p>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="price-content-first">
                        <div class="text-center">
                            <h3>Choose Your Learning Mode</h3>
                            <div class="wideget-user-tab wideget-user-tab4 pt-3">
                                <div class="tab-menu-heading">
                                    <div class="tabs-menu1 main-head-tab">
                                        <ul class="nav">
                                            <li class="ms-0">
                                                <a href="#tab-1" class="active btn" data-bs-toggle="tab">In Class <i class="fe fe-user"></i></a>
                                            </li>
                                            <li><a href="#tab-2" data-bs-toggle="tab" class="btn">Online <i class="fe fe-monitor"></i></a></li>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <?php $amount = 1000; ?>
                            <div class="tab-content border-0 pb-2 pt-2 bg-white details-tab-content" id="price_box">
                                <div class="tab-pane active" id="tab-1">
                                    <div class="mb-2">
                                        <h3>Price</h3>
                                        <span class="font-weight-semibold h2 text-default-dark mb-0">₹ 30000 <span class="ms-1 font-weight-normal fs-16 strike-text text-default">₹ 35000</span></span>
                                        </span>
                                    </div>
                                    <div class="header-book-seat d-inline-block w-half ms-4">
                                        <button class="btn-primary btn btn-md w-full"><i class="fa fa-calendar"></i> Book Your Seat</button>
                                    </div>
                                    <br />
                                    <small>You can reserve your set by paying &#x20B9;<?php echo $amount; ?>.</small>
                                </div>
                                <div class="tab-pane" id="tab-2">
                                    <div class="mb-2">
                                        <h3>Price</h3>
                                        <span class="font-weight-semibold h2 text-default-dark mb-0">₹ 20000 <span class="ms-1 font-weight-normal fs-16 strike-text text-default">₹ 25000</span></span>
                                    </div>
                                    <div class="header-book-seat d-inline-block w-half ms-4">
                                        <button class="btn-primary btn btn-md w-full"><i class="fa fa-calendar"></i> Book Your Seat</button>
                                    </div>
                                    <br />
                                    <small>You can reserve your set by paying &#x20B9;<?php echo $amount; ?>.</small>
                                </div>
                            </div>

                        </div>
                    </div>
                    <!-- <ul>
                        <li>
                            <label class="container-checkbox">In Class Course
                                <input type="checkbox" checked="checked">
                                <span class="checkmark"></span>
                            </label>
                        </li>
                        <li>
                            <label class="container-checkbox">Online Course
                                <input type="checkbox">
                                <span class="checkmark"></span>
                            </label>
                        </li>
                    </ul> -->
                </div>
                <div class="col-sm-6">
                    <div class="price-content">
                        <h3 class="text-center">Get EMI Plan</h3>
                        <div class="row d-flex justify-content-center">
                            <div class="col-sm-12">
                                <div class="d-flex justify-content-between">
                                    <div class="d-inline-block">
                                        <div class="">Duration</div>
                                        <div class="">
                                            <h2>4 Months</h2>
                                        </div>
                                    </div>
                                    <div class="d-inline-block price-sec-price">
                                        <div class="">Fee starts as low as</div>
                                        <div class="">
                                            <h2>₹ 8,273 <span style="font-size:14px">/ Month</span></h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="text-center EMI-partners">
                            <h4>EMI partner:</h4>
                            <img decoding="async" width="122" src="<?php echo base_url(); ?>assets/mi_logo.png" alt="liquiloans logo" data-w3bglazy="1" srcset="">
                        </div>
                        <div class="text-center">
                            <button class="btn btn-danger">Get Fees and Financial Plan</button><br />
                            <small class="mt-3">No cost EMI and flexible 6, 9, or 12 monthly plans available.</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="pt-5 pb-6 details2 bg-white" id="faq">
        <div class="container bg-light course_details_nav">
            <div class="row">
                <div class="col-lg-12 col-md-12 mt-5">
                    <div class="section-title text-center">
                        <h2>Digital Marketing Course FAQs</h2>
                    </div>
                </div>
                <div class="col-xl-12 col-lg-12 col-md-12">
                    <div class="border-0 mb-5 br-7 course-details ">
                        <div class="wideget-user-tab wideget-user-tab3 br-7 mb-3">
                            <div class="tab-menu-heading bg-white">
                                <div class="tabs-menu1">
                                    <ul class="nav mx-3">
                                        <li class="ms-0"><a href="#tab-1" data-bs-toggle="tab" class="ms-0 active">Overview</a></li>
                                        <li><a href="#tab-2" data-bs-toggle="tab" class="">Curriculum</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="tab-content details-tab-content pt-5">

                            <div class="tab-pane border mb-2 active" id="tab-1">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="panel-group1" id="accordion2">
                                            <div class="panel panel-default mb-4 border p-0">
                                                <div class="panel-heading1">
                                                    <h4 class="panel-title1"> <a class="accordion-toggle collapsed" data-bs-toggle="collapse" data-parent="#accordion2" href="#collapseone" aria-expanded="false">1. What Sholud take an Online Course?</a> </h4>
                                                </div>
                                                <div id="collapseone" class="panel-collapse active collapse" role="tabpanel" aria-expanded="false" style="">
                                                    <div class="panel-body bg-white">
                                                        <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words </p>
                                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="panel panel-default mb-4 border p-0">
                                                <div class="panel-heading1">
                                                    <h4 class="panel-title1"> <a class="accordion-toggle collapsed" data-bs-toggle="collapse" data-parent="#accordion2" href="#collapsetwo" aria-expanded="false">2. How do I Select a Course?</a> </h4>
                                                </div>
                                                <div id="collapsetwo" class="panel-collapse collapse active" role="tabpanel" aria-expanded="false">
                                                    <div class="panel-body bg-white">
                                                        <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words </p>
                                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="panel panel-default mb-4 border p-0">
                                                <div class="panel-heading1">
                                                    <h4 class="panel-title1"> <a class="accordion-toggle collapsed" data-bs-toggle="collapse" data-parent="#accordion2" href="#collapsethree" aria-expanded="false">3. What are your Terms and Conditions?</a> </h4>
                                                </div>
                                                <div id="collapsethree" class="panel-collapse collapse active" role="tabpanel" aria-expanded="false">
                                                    <div class="panel-body bg-white">
                                                        <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words </p>
                                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="panel panel-default mb-4 border p-0">
                                                <div class="panel-heading1">
                                                    <h4 class="panel-title1"> <a class="accordion-toggle collapsed" data-bs-toggle="collapse" data-parent="#accordion2" href="#collapseFour" aria-expanded="false">4. How do I access my Course?</a> </h4>
                                                </div>
                                                <div id="collapseFour" class="panel-collapse collapse active" role="tabpanel" aria-expanded="false">
                                                    <div class="panel-body bg-white">
                                                        <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words </p>
                                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="panel panel-default mb-4 border p-0">
                                                <div class="panel-heading1">
                                                    <h4 class="panel-title1"> <a class="accordion-toggle collapsed" data-bs-toggle="collapse" data-parent="#accordion2" href="#collapseFive" aria-expanded="false">5. Who should I Contact if I have additional questions ?</a> </h4>
                                                </div>
                                                <div id="collapseFive" class="panel-collapse collapse active" role="tabpanel" aria-expanded="false">
                                                    <div class="panel-body bg-white">
                                                        <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words </p>
                                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <div class="tab-pane border mb-2 " id="tab-2">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="panel-group1" id="accordion2">
                                            <div class="panel panel-default mb-4 border p-0">
                                                <div class="panel-heading1">
                                                    <h4 class="panel-title1"> <a class="accordion-toggle collapsed" data-bs-toggle="collapse" data-parent="#accordion2" href="#collapseone" aria-expanded="false">1. What Sholud take an Online Course?</a> </h4>
                                                </div>
                                                <div id="collapseone" class="panel-collapse active collapse" role="tabpanel" aria-expanded="false" style="">
                                                    <div class="panel-body bg-white">
                                                        <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words </p>
                                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise</p>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="panel panel-default mb-4 border p-0">
                                                <div class="panel-heading1">
                                                    <h4 class="panel-title1"> <a class="accordion-toggle collapsed" data-bs-toggle="collapse" data-parent="#accordion2" href="#collapseFive" aria-expanded="false">5. Who should I Contact if I have additional questions ?</a> </h4>
                                                </div>
                                                <div id="collapseFive" class="panel-collapse collapse active" role="tabpanel" aria-expanded="false">
                                                    <div class="panel-body bg-white">
                                                        <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words </p>
                                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>

                    </div>

                </div> <!--Right Side Content-->
            </div>
        </div>
    </section>
</div>

<div id="stickyBar" class="ps-widget mb30 overflow-hidden default-box-shadow1 bdrs12 bdr1 p-2" style="background: rgb(243, 244, 246) !important;">
    <div class="row">
        <div class="col-sm-2">
            <div class=" menu-bar">
                <img src="<?php echo base_url() ?><?php echo $app_setting->header_logo ?>">
            </div>
        </div>
        <div class="col-sm-10">
            <div class="d-flex overflow-x-auto scroll-smooth scroll-container">
                <div class="py-2 px-3 menu-bar active">
                    <a href="#key_ighlights">Key Highlights</a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#who_this_for"> Who's This For </a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#curriculum">Program Curriculum</a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#certifications">Certifications</a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#mar_tool">Marketing Tools</a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#ai_tool">AI Tools</a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#hiring">Hiring</a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#methodology">Learning Methodology</a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#stories">Placement</a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#mentees">Success Stories</a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#what_you_lern"> How it Works </a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#update"> What's New </a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#included"> What's Included </a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#bonus">Bonus Content</a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#fees">Fees</a>
                </div>
                <div class="py-2 px-3 menu-bar">
                    <a href="#faq">FAQs</a>
                </div>
            </div>
        </div>
    </div>
</div>

<section class="footer_sticky pb-3 d-lg-none" id="sticky-bar">
    <div class="container ">
        <div class="row d-flex justify-content-center mt-5">
            <div class="col-sm-8 d-flex justify-content-between">
                <div class="header-curriculum d-inline-block w-half">
                    <button class="btn-secondary btn btn-lg w-full"><i class="fa fa-download"></i> Brochure</button>
                </div>
                <div class="header-book-seat d-inline-block w-half ms-4">
                    <button class="btn-primary btn btn-lg w-full"><i class="fa fa-calendar"></i> Book Your Seat</button>
                </div>
            </div>
        </div>
    </div>
</section>
<script>
    $(document).ready(function() {
        var $stickyBar = $('#sticky-bar');
        var $keyHighlights = $('#get_certified');
        var keyHighlightsOffset = $keyHighlights.offset().top;

        $(window).scroll(function() {
            if ($(window).scrollTop() > keyHighlightsOffset) {
                $stickyBar.fadeIn();
                $('#sticky-wrapper').hide();
            } else {
                $stickyBar.fadeOut();
                $('#sticky-wrapper').show();
            }
        });
    });

    $(document).ready(function() {
        var $stickyBar = $('#stickyBar');
        var $keyHighlights = $('#get_certified');
        var keyHighlightsOffset = $keyHighlights.offset().top;

        $(window).scroll(function() {
            if ($(window).scrollTop() > keyHighlightsOffset) {
                $stickyBar.fadeIn();
            } else {
                $stickyBar.fadeOut();
            }
        });
    });
</script>
<style>
    #key_ighlights .feature h3 {
        font-size: 30px;
        font-weight: 900 !important;
        color: var(--theme-color-3);
    }

    #key_ighlights .feature p {
        font-size: 17px;
        font-weight: 700;
    }

    .menu-bar.active {
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 10px;
    }

    .menu-bar {
        margin-bottom: 10px;
    }

    #stickyBar {
        position: fixed;
        top: 0;
        z-index: 999;
        width: 100%;
        display: none;
        box-shadow: 2px 3px 4.7px .3px rgba(92, 89, 143, 0.2);
    }

    .footer_sticky {
        position: fixed;
        bottom: 0;
        z-index: 999;
        width: 100%;
        display: none;
    }

    .bdrs12 {
        border-radius: 12px;
    }

    .bdr1 {
        border: 1px solid #DDDDDD;
    }

    .overflow-x-auto {
        overflow-x: auto !important;
        white-space: nowrap;
        scrollbar-width: thin;
    }

    .scroll-smooth {
        scroll-behavior: smooth !important;
    }

    .details2 .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li a {
        background: #fff !important;
    }

    .wideget-user-tab .tab-menu-heading {
        border-radius: 50px;
    }

    .details2 .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li .active {
        border-radius: 50px;
    }

    .wideget-user-tab {
        display: grid;
        justify-content: center;
    }

    .course_details_nav {
        padding: 30px;
    }

    .course-details {
        padding: 25px;
    }

    .EMI-partners {
        display: flex;
        gap: 15px;
        justify-content: center;
        padding: 15px 0;
    }

    .course-details .tabs-menu1 ul li,
    .profile-1 .tabs-menu1 ul li {
        width: inherit;
        text-align: center;
    }

    .price-sec-price {
        border-left: 1px solid #000;
        padding-left: 20px;
    }

    .price-content {
        background-color: #fff;
        height: 100%;
        /* Adjusted to fit content */
        padding: 30px;
        display: grid;
        align-items: center;
        justify-content: center;
    }

    .price-content-first {
        background-color: #fff;
        height: 100%;
        /* Adjusted to fit content */
        padding: 30px;
        /* display: grid;
        align-items: center;
        justify-content: center; */
    }

    .price-content-first .main-head-tab {
        text-align: center;
        display: inline-flex !important;
    }

    /* The container */
    .container-checkbox {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 20px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /* Hide the browser's default checkbox */
    .container-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        /* background-color: #eee; */
        border: 1px solid #000;
    }

    /* On mouse-over, add a grey background color */
    .container-checkbox:hover input~.checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .container-checkbox input:checked~.checkmark {
        background-color: #2196F3;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .container-checkbox input:checked~.checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .container-checkbox .checkmark:after {
        left: 9px;
        top: 7px;
        width: 7px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .pricing-section li {
        background-color: #fff;
        font-size: 18px;
        border-radius: 6px;
        padding: 20px 15px 15px 15px;
        margin-bottom: 23px;
        text-align: left;
    }

    .bg-blue {
        background-color: var(--theme-color-1) !important;
    }

    .sst .team-section .team-img img {
        box-shadow: 0 0 0 1px #dce3ec, 0 8px 16px 0 #dce3ec;
        display: inline;
        height: 150px;
        width: auto;
    }

    .company-img img {
        display: inline !important;
        height: 40px;
        width: auto;
    }

    .learning-step {
        background: var(--theme-color-1);
        width: 40px;
        height: 40px;
        text-align: center;
        padding: 9px;
        border-radius: 50px;
        margin: -42px auto 10px auto;
        color: #fff;
        font-weight: 600;
    }

    .et_pb_text_inner {
        position: relative;
        border-radius: 3px;
        box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%);
        background-color: #ffff;
        padding: 20px 5px 0;
    }

    .hire-partner .image-border {
        background-color: #fff;
        border: 1px solid #ddd;
        padding: 5px;
        margin-bottom: 20px;
        text-align: center;
    }

    .ai-power-tool .image-border {
        border: 1px solid #ddd;
        padding: 5px;
        margin-bottom: 20px;
    }

    .marketing-tool .col-sm-2 col-6 {
        margin-bottom: 20px;
    }

    .color-change {
        color: var(--theme-color-3);
    }

    .accordion-flush .accordion-item .accordion-button {
        border-radius: 0;
        border: 1px solid #ddd;
    }

    .accordion-button:not(.collapsed),
    .accordion-button:focus {
        outline: none;
        border-color: transparent;
        box-shadow: none;
        background-color: transparent;
    }

    .accordion-button::after {
        content: "\f078";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        left: 1rem;
        /* top: 50%; */
        transform: translateY(-50%);
        font-size: 1rem;
        transition: transform 0.3s ease;
        background-image: none !important;
        background-color: #fff;
        color: red;
    }

    .accordion-button.collapsed::after {
        content: "\f078";
        position: absolute;
        left: 1rem;
        top: 50%;
        transform: translateY(-50%);
        /* Font Awesome chevron up icon */
    }

    .ac-lecture li {
        margin: 0 !important;
    }

    .ac-lecture li a {
        padding: 10px 15px;
        color: #000;
    }

    .ac-lecture li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 7px 10px;
        border-radius: 5px;
    }

    .ac-lecture li a span {
        font-size: 15px;
    }

    .ellipsis-line-2 {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    .ac-lecture li a span i {
        font-size: 19px;
    }

    .ac-lecture li a span i {
        color: var(--theme-color-1);
        font-size: 15px;
        margin-right: 14px;
    }

    .ac-lecture li a .lecture-info {
        font-size: 13px;
    }

    .fe-check {
        color: var(--theme-color-3);
    }

    .sec-4-highlisht {
        background-color: #fff;
        height: 100%;
        /* Adjusted to fit content */
        padding: 30px;
        /* display: flex; */
        align-items: center;
        justify-content: center;
    }

    .feature-form form button {
        height: 45px;
    }

    .feature-form {
        background-color: #ddd;
        height: 100%;
        /* Adjusted to fit content */
        padding: 10px;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .form-main h3 {
        color: #000;
        font-weight: 700;
    }

    .form-filed .form-control {
        height: 45px;
        /* border-radius: 0; */
    }

    .form-filed .form-label {
        color: #000;
    }

    .heading-icon-title {
        font-size: 20px;
    }

    .w-full {
        width: 100%;
    }

    .w-half {
        width: 50%;
    }

    .wideget-user-tab .tabs-menu1 ul li a {
        padding: 5px 10px;
    }

    .wideget-user-tab .tabs-menu1 ul li .active {
        border-bottom: 2px solid #000 !important;
    }

    .main-head-tab ul li a.active {
        color: #fff !important;
    }

    .course-slider img {
        /* height: 200px; */
    }

    .test-placement {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #31354a;
        font-weight: 800;
        font-size: .8rem;
        margin-top: 20px;
    }

    .test-placement img {
        /* width: 70px; */
    }

    .placements_batch {
        background-color: #ddd;
        margin-top: 15px;
        padding: 5px 0px 5px 0px;
    }

    @media only screen and (max-width: 600px) {

        #fees {
            padding-bottom: 0 !important;
        }

        .course_details_nav {
            padding: 15px;
        }

        .price-content
        {
            padding-bottom: 10px;
        }

        .main-sub-heading {
            font-size: 17px;
            text-align: center;
        }

        .course-details .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li a {
            padding: 8px !important;
            padding-right: 8px;
            padding-left: 8px;
        }

        .details2 .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li .active {
            border-radius: 50px !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        .course-details {
            padding: 0;
        }

        .sptb {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .mainSection h1 {
            font-size: 25px;
            text-align: center;
            margin-bottom: 20px;
        }

        @media (max-width: 480px) {
            .tabs-menu1 ul li {
                width: inherit !important;
                margin: 2px;
            }
        }

        .heading-icon-title {
            font-size: 15px;
            /* margin-top: 20px; */
        }

        .heading-icon-title .fa {
            font-size: 17px;
        }

        .mainSection p {
            font-size: 16px;
            text-align: center;
        }

        .btn {
            font-size: 14px
        }

        .section-title {
            padding-bottom: 1rem;
            text-align: center;
        }

        .section-title h2 {
            font-size: 22px;
            text-align: center;
        }

        .section-title p {
            font-size: 16px !important;
            text-align: center;
        }

        .lead {
            font-size: 16px;
            font-weight: 300;
        }

        .course-slider img {
            height: auto;
        }

        .col-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: inherit;
            max-width: none;
        }

        .sticky-pin {
            box-shadow: inherit;
        }

        .callusbtn {
            display: none;
        }

        .horizontal-header .smllogo {
            display: inline-block;
            margin-top: 9px;
            margin-left: inherit !important;
        }

        #stickyBar {
            position: fixed;
            top: 0;
            z-index: 999;
            width: 100%;
            display: none;
            border: 0;
            box-shadow: 2px 3px 4.7px .3px rgba(92, 89, 143, 0.2);
        }

        .menu-bar {
            text-align: center;
        }

        body .horizontalMenucontainer .header-absolute {
            display: none !important;
        }

        .mobile-padding-bottom {
            margin-bottom: 20px;
        }
    }

    body {
        color: #000;
        font-size: 16px;
    }

    .fs-22 {
        font-size: 22px !important;
    }

    .newsletter-new,
    .footer-main {
        display: none;
    }

    .fe-check {
        display: inline-block;
        border-radius: 50%;
        box-shadow: 0 0 2px #888;
        padding: 3px;
        background-color: var(--theme-color-3);
        color: #fff;
    }
</style>