<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="Zain ul Abdin">
    <title>Technical Program | GEO 4.0</title>

    <!-- CSS -->


    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">

    <link href="assets/css/custom.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <style>
        input[type=text] {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            box-sizing: border-box;
            border: 2px solid lightblue;
            border-radius: 4px;
            height: 40px;
        }

        input[type=number] {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            box-sizing: border-box;
            border: 2px solid lightblue;
            border-radius: 4px;
            height: 40px;
        }

        /* Hide the increment and decrement buttons */
        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            appearance: none;
            margin: 0;
        }

        input[type=email] {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            box-sizing: border-box lightblue;
            border: 2px solid lightblue;
            border-radius: 4px;
            height: 40px;
        }

        input[type=file] {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            box-sizing: border-box;
            border: 2px solid lightblue;
            border-radius: 4px;
            height: 60px;
        }

        .attend {
            display: flex;
            margin-top: 9%;
            margin-left: 20%;
            font-size: 14px;
            text-align: center;
            font-weight: bold;
            text-transform: uppercase;
        }

        .r1 {
            margin-right: -152px !important;
            margin-bottom: -14%;
        }

        .r2 {
            margin-right: -150px !important;
            margin-bottom: -14%;
        }

        .r3 {
            margin-right: -150px !important;
        }

        .marRight {
            margin-right: 1.5rem;
        }

        @media (max-width:991px) {
            .r1 {
                margin-right: 0px !important;
                margin-bottom: -10px;
            }

            .r2 {
                margin-right: 0px !important;
                margin-bottom: -10px;
            }

            .r3 {
                margin-right: 0px !important;
            }

            .backimg {
                height: 240px !important;
            }
        }

        @media (max-width:734px) {
            .r1 {
                margin-right: 0px !important;
            }
        }

        @media (max-width:734px) {
            .r2 {
                margin-right: 0px !important;
            }
        }

        @media (max-width:734px) {
            .r3 {
                margin-right: 0px !important;
            }
        }

        @media (max-width:763px) {
            .r1 {
                margin-top: 0rem !important;
            }

            .r2 {
                margin-top: 5rem !important;
            }

            .r3 {
                margin-top: 5rem !important;
            }
        }

        .backimg {
            height: 45vh;
        }


        @media (max-width:474px) {
            .r1 {
                margin-top: 0rem !important;
            }

            .r2 {
                margin-top: 2rem !important;
            }

            .r3 {
                margin-top: 2rem !important;
            }
        }

        @media(max-width:750px) {
            .botmedia {
                margin-bottom: 0% !important;
            }

            .imgone {
                margin-bottom: 3% !important;
            }
        }

        .conti {
            max-width: 100vw;
            padding: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .closrow {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 975px;
        }

        .closcol {
            border: 2px solid orange;
            padding: 20px;
            line-height: 39px;
            width: 80vw;
            border-radius: 10px;
        }

        @media(max-width:550px) {
            .closcol {
                line-height: 14px;
                padding: 8px;
                width: 100vw;
            }

            .colsrow {
                width: 97vw;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .conti {
                padding: 8px;
                padding-top: 0px;
                padding-bottom: 0px;
            }

            .lasth3 {
                font-size: 15px !important;
            }

            .lastp {
                line-height: 18px;
            }
    </style>
</head>

<body>
    @include('include.header')

    <div class="heroSection innerHero">
        <div class="image">
            <img src="assets/img/innerBg.png" alt="">
        </div>
        <div class="innerContent">
            <h1>Technical Program</h1>
            <!--<a href="#" class="btn btn-gredient">Download Form</a>-->
        </div>
    </div>



    <div class="container paraBox conti">
        <div class="row colsrow">
            <div class="col-md-12 text-center closcol">
                <h3 class="lasth3">Technical Program</h3>
                <a href="https://www.eventure-online.com/eventure/login.form?U8ca47780-4eac-4199-bfbb-9206fb98ee4e" class="btn btn-gredient" target="_blank">View Program</a>
                <button id="downloadBtn" class="btn btn-gredient" target="_blank">Download Program Overview</button>

            </div>
        </div>
    </div>
    <!--<div class="textParaSection l-gray-Bg">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="paraBox">
                        <div class="head">
                            <h3>Symposium Sessions</h3>
                        </div><br>
                    </div>
                </div>
            </div>
        </div>
    </div>-->

    <!--<div class="callForPaperSection">-->
    <!--        <div class="container">-->
    <!--            <div class="row">-->
    <!--                <div class="col-sm-12">-->
    <!--                    <div class="callForPaper">                      					   -->
    <!--                        <div class="left">-->
    <!--                            <h4>Call for Abstracts Open</h4>							-->
    <!--                            <h1><strong>New Deadline Announced</a></strong></h1>-->
    <!--                            <h5>Submission Closes on <b>3rd June 2024</b></h5>							-->
    <!--                        </div>-->
    <!--                        <div class="right text-center">-->
    <!--                            <a href="https://www.eventure-online.com/eventure/login.form?A8ca47780-4eac-4199-bfbb-9206fb98ee4e" class="btn btn-gredient" target="_blank" style="width: 500px; display: inline-block; font-size: 25px;">Submit an Abstract</a><br>-->
    <!--                            <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal2" class="btn btn-gredient">Call For Abstracts Brochure</a>-->
    <!--                            <a href="download" class="btn btn-gredient">Abstract <br> Template</a>		-->

    <!--                        </div>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <div class="textParaSection">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="paraBox">
                        <div class="head">
                            <h3>Symposium Overview</h3>
                        </div><br>
                        <p>Digital transformation has emerged as a catalyst for progress and innovation within the geosciences, reshaping the energy sector by leveraging cutting-edge technologies and methodologies. By harnessing the power of machine learning/artificial intelligence (ML/AI), geoscientists are now able to acquire, analyze and integrate vast seismic, geological and well data, conduct field simulations, and perform other complex tasks with more efficiency and accuracy. This technological revolution has not only streamlined traditional operational approaches but has also unlocked new avenues for oil and gas exploration, development and sustainability. As the geoscience domain continues to embrace digital transformation, it is essential to assess its potential for driving further advancements, fostering collaboration, and expanding knowledge to address the challenges in the energy sector.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container shaped mt-5 mb-5">
        <div class="row">
            <div class="col-md-1"></div>
            <div class=" col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Symposium-Session/Technical-Sessions.png" alt="">
                <h5 class="text-center mb-4"><b>Technical Sessions</b></h5>
            </div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Symposium-Session/Poster-Sessions.png" alt="">
                <h5 class="text-center mb-4"><b>Poster Sessions</b></h5>
            </div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Symposium-Session/Presentations.png" alt="">
                <h5 class="text-center mb-4"><b>Presentations</b></h5>
            </div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Symposium-Session/Companies.png" alt="">
                <h5 class="text-center mb-4"><b>Companies </b></h5>
            </div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Symposium-Session/Countries.png" alt="">
                <h5 class="text-center mb-4"><b>Countries </b></h5>
            </div>
        </div>
    </div>
       
    

    <!-- <div class="container mt-5 mb-5">
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Symposium-Session/Technical-Sessions=Card.png" alt="">
            </div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Symposium-Session/Poster-Sessions-Card.png" alt="">
            </div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Symposium-Session/Presentations-Card.png" alt="">
            </div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Symposium-Session/Companies-Card.png" alt="">
            </div>
            <div class="col-md-2 col-lg-2 col-6 mt-3">
                <img src="assets/img/Symposium-Session/Countries-Card.png" alt="">
            </div>
        </div>
    </div> -->
    <div class="accordianContent">
        <div class="container">
            <div class="row">
                <!-- <div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle" data-toggle="collapse" data-target="#collapseData" aria-expanded="true" aria-controls="collapseData">
                                    Symposium Sessions
                                </button>
                            </div>

                            <div id="collapseData" class="collapse show" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div style="border-bottom: 1px solid black;border-right: 1px solid black;">
                                            <ul>
                                                <li>Session 1: <b>Geosciences Collaboration Platforms</b></li>
                                                <li>Session 2: <b>Advanced Borehole Log Processing & Analyses</b></li>
                                                <li>Session 3: <b>Advanced Geosciences Data QC</b></li>
                                                <li>Session 4: <b>Advanced Geophysical Processing & Imaging</b></li>
                                                <li>Session 5: <b>Geoscience Data & Knowledge Libraries</b></li>
                                                <li>Session 6: <b>Advanced Geosciences Data Mining</b></li>
                                                <li>Session 7: <b>Digital Rock Analyses</b></li>
                                                <li>Session 8: <b>Integrated Earth Modeling Applications</b></li>
                                                <li>Session 9: <b>Digital Rock Analyses</b></li>
                                                <li>Session 10: <b>Integrated Earth Modeling Applications</b></li>
                                                <li>Session 11: <b>Advanced Geophysical Interpretation</b></li>
                                                <li>Session 12: <b>Advanced Geophysical Processing & Imaging</b></li>
                                                <li>Session 13: <b>Integrated Exploration Applications</b></li>
                                                <li>Session 14: <b>Advanced Geophysical Interpretation</b></li>
                                                <li>Session 15: <b>Digital Reservoir Development Applications</b></li>
                                                <li>Session 16: <b>Optimized Well Planning & Operations Applications</b></li>
                                            </ul>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div> -->

                <!--<div class="card">
                            <div class="card-header" id="headingProcess">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapseProcess" aria-expanded="false" aria-controls="collapseProcess">
                                    Data Processing & Analyses
                                </button>
                            </div>

                            <div id="collapseProcess" class="collapse" aria-labelledby="headingProcess" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div style="border-bottom: 1px solid black;border-right: 1px solid black;">
                                            <ul>
                                                <li>Borehole Processing & Analyses</li>
                                                <li>Petrophysics</li>
                                                <li>Geology (Sedimentology/Stratigraphy)</li>
                                                <li>Geomechanics</li>
                                                <li>Geochemistry</li>
                                            </ul>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>-->

                <!--<div class="card">
                            <div class="card-header" id="headingInteg">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapseInteg" aria-expanded="false" aria-controls="collapseInteg">
                                    Data Integration & Business Applications
                                </button>
                            </div>

                            <div id="collapseInteg" class="collapse" aria-labelledby="headingInteg" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div style="border-bottom: 1px solid black;border-right: 1px solid black;">
                                            <ul>
                                                <li>Integrated Exploration Processes</li>
                                                <li>Play fairway/CCRS Mapping</li>
                                                <li>Regional Gross Depositional Environment (GDE) Mapping</li>
                                                <li>Sequence Stratigraphy</li>
                                                <li>Petroleum System Analysis </li>
                                                <li>Prospect Generation and Risking</li>
                                            </ul>
                                        </div>
                                        <div style="border-bottom: 1px solid black;border-right: 1px solid black;margin-top:3%;">
                                            <ul>
                                                 <li>Integrated Earth Modeling</li>
                                                <li>Basin Modeling</li>
                                                <li>Sweet Spot Mapping</li>
                                                <li>Reservoir Modeling</li>
                                                <li>Mechanical Earth Modeling</li>
                                                <li>Coupled Properties Modeling</li>
                                            </ul>
                                        </div>
                                        <div style="border-bottom: 1px solid black;border-right: 1px solid black;margin-top:3%;">
                                            <ul>
                                                <li>Robust Reservoir Management</li>
                                                <li>Field Development</li>
                                                <li>History Matching & Forecast </li>
                                                <li>Reservoir Monitoring</li>
                                                <li>Reservoir Simulation</li>
                                                <li>Resources & Reserves Assessment</li>
                                                <li>Petroleum Economics</li>
                                            </ul>
                                        </div>
                                        <div style="border-bottom: 1px solid black;border-right: 1px solid black;margin-top:3%;">
                                            <ul>
                                                <li>Optimized Operations</li>
                                                <li>Well Planning & Positioning</li>
                                                <li>Geosteering</li>
                                                <li>Surveillance</li>
                                                <li>Completion & Stimulation</li>
                                                <li>Injection</li>
                                                <li>Remote sensors</li>
                                            </ul>
                                        </div>
                                        <div style="border-bottom: 1px solid black;border-right: 1px solid black;margin-top:3%;">
                                            <ul>
                                                <li>Sustainable Energy</li>
                                                <li>CCUS</li>
                                                <li>Underground Storage</li>
                                                <li>Geothermal</li>
                                                <li>Waste Management</li>
                                            </ul>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>-->
                <!-- </div>
                </div> -->

                <!-- no 1  -->
                <div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseData">
                                    Advanced Geosciences Data Mining
                                </button>
                            </div>

                            <div id="collapseOne" class="collapse show" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Technical & Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 22, 2024</p>
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>The session aims to utilize cutting-edge technologies for high-resolution, real-time geosciences data acquisition, manage large and diverse datasets efficiently, and integrate heterogeneous data sources comprehensively. It involves applying machine learning and AI for deeper insights and creating sophisticated visualizations for better understanding.</p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
                                                            <li>General Geoscientists</li>
                                                            <li>Data Management</li>
                                                            <li>Data Scientists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- no 2  -->
                <div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseData">
                                    Advanced Geosciences Data QC
                                </button>
                            </div>

                            <div id="collapseTwo" class="collapse " aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Technical & Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 22, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>The session aims to ensure Geosciences data is accurate, consistent, reliable, complete, and protected. This involves correcting errors, standardizing formats, validating data, and maintaining data integrity, which is essential for informed decision-making in geoscience research and resource management.</p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
                                                            <li>General Geoscientists</li>
                                                            <li>Data Management</li>
                                                            <li>Data Scientists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
					</div>
                </div>
                <!-- no 3  -->
                <div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapsethree" aria-expanded="true" aria-controls="collapseData">
                                    Geoscience Data & Knowledge Libraries
                                </button>
                            </div>

                            <div id="collapsethree" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Technical</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 22, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>The session aims to centralize, preserve, and provide easy access to diverse geoscience data and knowledge.  The libraries foster and accelerate collaboration, innovation, and informed decision-making, ensuring valuable geoscience information is readily available and effectively utilized.</p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
                                                            <li>General Geoscientists</li>
															<li>Data Management</li>
                                                            <li>Big Data Engineers</li>
                                                            <li>Data Scientists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- no 4  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapsefour" aria-expanded="true" aria-controls="collapseData">
                                    Geosciences Collaboration Platforms
                                </button>
                            </div>

                            <div id="collapsefour" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Technical & Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 22, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>The session aims to facilitate collaboration and integration among geoscientists, researchers, and other stakeholders by providing tools and platforms for data sharing, visualization, communication, and joint research efforts.</p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
                                                            <li>General Geoscientists</li>
															<li>Data Management</li>
                                                            <li>Big Data Engineers</li>
                                                            <li>Data Scientists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- no 5  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapsefive" aria-expanded="true" aria-controls="collapseData">
                                    Geosciences Data Centers & Infrastructure
                                </button>
                            </div>

                            <div id="collapsefive" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 22, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>The session discuss the advancements in Geoscience Data Centers that support the business and operations which include usage of High Performance/cloud Computing, Big data frameworks, and AI/ML tools for data ingestion. </p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
                                                            <li>General Geoscientists</li>
															<li>Data Management</li>
                                                            <li>Big Data Engineers</li>
                                                            <li>Data Scientists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- no 6  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapsesix" aria-expanded="true" aria-controls="collapseData">
                                    Advanced Borehole Log Processing & Analyses
                                </button>
                            </div>

                            <div id="collapsesix" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Technical & Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 23, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>This session discusses the developments and advancements in borehole log data (Wireline and LWD) processing and analyses including AI/ML, automatic and semi-automatic workflows and integration with other datasets to accelerate processes and bring new insights in studies and operations. </p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6<b>Audience</b></h4>
                                                        <ul class="card-list">
															<li>Petrophysicists</li>
															<li>Geologists</li>
															<li>Geomechanical Engineer</li>
															<li>Data Scientists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- no 7  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="true" aria-controls="collapseData">
                                    Advanced Borehole Seismic Analyses 
                                </button>
                            </div>

                            <div id="collapseSeven" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 23, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>This session discusses the developments and advancements in borehole Seismic data (VSP, DAS, Microseismic...etc) processing and analyses including AI/ML, automatic and semi-automatic workflows and integration with other datasets to accelerate processes and bring new insights in studies and operations. </p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
														 <li>Borehole Geophysicists</li>
														 <li>Data Scientists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- no 8  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapseEight" aria-expanded="true" aria-controls="collapseData">
                                    Advanced Geophysical Interpretation
                                </button>
                            </div>

                            <div id="collapseEight" class="collapse " aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Technical & Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 23, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>This session discusses the developments and advancements in Geophysical data (mainly 3D Seismic) interpretation and inversion beyond the conventional approaches, which includes AI/ML, automatic and semi-automatic workflows to accelerate interpretation turnaround, accuracy and quality for better business applications. </p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
															<li>Geophysicists (Mainly</li>
															<li>Interpretation Geophysicists)</li>
															<li>Data Scientists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- no 9  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapseNine" aria-expanded="true" aria-controls="collapseData">
                                    Advanced Geophysical Processing & Imaging
                                </button>
                            </div>

                            <div id="collapseNine" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Technical & Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 23, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>This session discusses the developments and advancements in Geophysical data (mainly 3D Seismic) processing and imaging beyond the conventional approaches, which includes AI/ML, automatic and semi-automatic workflows to accelerate processing turnaround, increase data quality, resolution and bring more value for interpretation. </p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
															 <li>Geophysicists (Processing Geophysicists,</li>
															 <li>Interpretation Geophysicists)</li>
															 <li>Data Scientists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- no 10  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapse"  data-toggle="collapse" data-target="#collapseTen" aria-expanded="true" aria-controls="collapseData">
                                    Digital Rock Analyses
                                </button>
                            </div>

                            <div id="collapseTen" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Technical & Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 22, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>The session discusses various Digital rock analyses (DRA) that use high-resolution imaging and computational methods to analyze rock samples' microstructure, including pore spaces and grain boundaries. Techniques such as micro-computed tomography (micro-CT) create detailed 3D images, which are processed and modeled to study properties like porosity and permeability. Numerical simulations on these digital models predict fluid flow and transport behaviors, aiding in reservoir characterization, enhanced oil recovery, and carbon storage. DRA is non-destructive, efficient, and cost-effective, providing accurate insights that improve resource management and extraction strategies.</p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
															 <li>Geologists (Sedimentologists, Paleontologists, Core Specialists, …etc)</li>
															 <li>Petrophysicists </li>
															 <li>Data Scientists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- no 11  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapseEleven" aria-expanded="true" aria-controls="collapseData">
                                    Integrated Earth Modeling Applications
                                </button>
                            </div>

                            <div id="collapseEleven" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Technical & Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 22,23 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>The session aims to show the cases of multi-disciplinary digital initiatives and their applications in generating robust Earth Models. </p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
															<li>Geomodelers</li>
															<li>Interpretation Geophysicists</li>
															<li>Geologists</li>
															<li>Petrophysicists</li>
															<li>Geomechanics Engineers</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- no 12  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapseTwelve" aria-expanded="true" aria-controls="collapseData">
                                    ML Seismic Image Enhancements
                                </button>
                            </div>

                            <div id="collapseTwelve" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 23, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>This session discusses the developments and advancements in 3D Seismic image enhacement (Post Seismic Processing) including AI/ML, automatic and semi-automatic workflows to accelerate increase seismic image resolution and bring more value for interpretation.</p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
															 <li>Geophysicists (Processing Geophysicists,</li>
															 <li>Interpretation Geophysicists)</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- no 13  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapseThirteen" aria-expanded="true" aria-controls="collapseData">
                                    New Developments in Data Interpretations
                                </button>
                            </div>

                            <div id="collapseThirteen" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 23, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>This session shows new developments and ideas in Geoscience data interpretations. </p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
															<li>General Geoscientists</li>
															<li>Data Scientists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- no 14  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapsefouthteen" aria-expanded="true" aria-controls="collapseData">
                                    Integrated Exploration Applications
                                </button>
                            </div>

                            <div id="collapsefouthteen" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Technical</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 24, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>The session aims to show the cases of digital initiatives and their usage in the Energy Exploration businesses. </p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
                                                            <li>Exploration Geoscientists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>				
				<!-- no 15  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapsefivthteen" aria-expanded="true" aria-controls="collapseData">
                                    Optimized Well Planning & Operations Applications
                                </button>
                            </div>

                            <div id="collapsefivthteen" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Technical & Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 24, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>This session aims to focus on advancements in well planning and operations including sweet spot mapping, geomechanics, operational geology, geosteering…etc. </p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
                                                            <li>General Geoscientists</li>
                                                            <li>Intepretation Geophysicists</li>
															 <li>Operation Geologists</li>
															 <li>Geomechanical Engineer</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- no 16  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapsesixteen" aria-expanded="true" aria-controls="collapseData">
                                    Advanced Near Surface Applications
                                </button>
                            </div>

                            <div id="collapsesixteen" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Poster</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 24, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>This session discusses the advancements in Near Surface Geophysics. </p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6><b>Audience</b></h6>
                                                        <ul class="card-list">
                                                            <li>Near Surface Geophysicists</li>
															<li>Processing Geophysicists</li>
															<li>Interpretation Geophysicists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- no 17  -->
				<div class="col-sm-12">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingData">
                                <button class="btn btn-link accordion-toggle collapsed" data-toggle="collapse" data-target="#collapseseventeen" aria-expanded="true" aria-controls="collapseData">
                                    Digital Reservoir Development Applications
                                </button>
                            </div>

                            <div id="collapseseventeen" class="collapse" aria-labelledby="headingData" data-parent="#accordion">
                                <div class="card-body">
                                    <ul>
                                        <div>
                                            <!-- 3 row  -->
                                            <!-- coffee break  -->
                                            <div class="break-timings mt-3">
                                                <p class="sessions-date">Session Type :</p>
		                                      <p class="break-bg">Technical</p>
                                            </div>
                                            <!-- coffee break  -->

                                            <!-- 4rd row  -->
                                            <!-- sessions  -->
                                            <!-- <p><b>Session 2:</b><br>Advanced Geosciences Data QC</p> -->
                                            <div class="session">
                                                <p class="date-cards">October 24, 2024</p>
                                                <div class="main">                                     
                                                <div class="card-container">
                                                    <div class="card-sec-1">
													<h6><b>Session Overview</b></h6>
                                                        <p>The session aims to show the cases of digital initiatives and their usage in the Energy Development businesses. </p>
                                                    </div>
                                                    <div class="session-card">
                                                        <h6> <b>Audience</b> </h6>
                                                        <ul class="card-list">
                                                            <li>Development Geoscientists</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-flex justify-content-center">
            <button class="download-btn" id="downloadBtn">Download Program Overview</button>
            </div>
        </div>
    </div>
    <!-- first image set karain ga responsive pe then text ki class dena us ki responsive aalag karna
like images ko bs pe lagaya ha and style ka liye margin right and left di ho so responsive pe woh hata dena and
then text ki responsive karna -->
    <!--<div class="container mt-3 mb-3">-->
    <!--  <h2 class="text-center mb-4"><b>WHO SHOULD SUBMIT</b></h2>-->
    <!--    <div class="row botmedia" id="onerow" style="justify-content: center;margin-bottom: -7%;">-->

    <!--        <div class="col-md-3">-->
    <!--            <img src="assets/img/Target Audience/info-1.png" class="imgone" style="height: 200px;width: 200px;display:flex;margin:0 auto;" alt="">-->
    <!--        </div>-->
    <!--        <div class="col-md-3">-->
    <!--            <img src="assets/img/Target Audience/info-2.png" class="imgone" style="height: 200px;width: 200px;display:flex;margin:0 auto;" alt="">-->
    <!--        </div>-->
    <!--        <div class="col-md-3">-->
    <!--            <img src="assets/img/Target Audience/info-3.png" class="imgone" style="height: 200px;width: 200px;display:flex;margin:0 auto;" alt="">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="row botmedia" id="onerow" style="justify-content: center;margin-bottom: -7%;">-->
    <!--    <div class="col-md-3">-->
    <!--            <img src="assets/img/Target Audience/info-4.png" class="imgone" style="height: 200px;width: 200px;display:flex;margin:0 auto;" alt="">-->
    <!--        </div>-->
    <!--        <div class="col-md-3">-->
    <!--            <img src="assets/img/Target Audience/info-5.png" class="imgone" style="height: 200px;width: 200px;display:flex;margin:0 auto;" alt="">-->
    <!--        </div>-->
    <!--        <div class="col-md-3">-->
    <!--            <img src="assets/img/Target Audience/info-6.png" class="imgone" style="height: 200px;width: 200px;display:flex;margin:0 auto;" alt="">-->
    <!--        </div>-->
    <!--        <div class="col-md-3">-->
    <!--            <img src="assets/img/Target Audience/info-7.png" class="imgone" style="height: 200px;width: 200px;display:flex;margin:0 auto;" alt="">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="row" id="onerow" style="justify-content: center;">-->

    <!--        <div class="col-md-3">-->
    <!--            <img src="assets/img/Target Audience/info-8.png" class="imgone" style="height: 200px;width: 200px;display:flex;margin:0 auto;" alt="">-->
    <!--        </div>-->
    <!--        <div class="col-md-3">-->
    <!--            <img src="assets/img/Target Audience/info-9.png" class="imgone" style="height: 200px;width: 200px;display:flex;margin:0 auto;" alt="">-->
    <!--        </div>-->
    <!--        <div class="col-md-3">-->
    <!--            <img src="assets/img/Target Audience/info-10.png" class="imgone" style="height: 200px;width: 200px;display:flex;margin:0 auto;" alt="">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->
    <!-- Modal -->
    <div class=" modal-dialog-centered modal-dialog-scrollable mt-5">
        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content mt-5 pt-5 techCommitteeRepresent">
                    <form action="form-submit" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="modal-header">
                            <a class="navbar-brand" href="#"><img src="assets/img/navbar-logo.png"></a>
                            <button type="button" class="btn-close bg-light" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <input type="email" name="email" placeholder="Enter Your Email" required><br>
                            <br>
                            <input type="file" name="file" id="fileInput" required>
                            <br>
                            <div id="fileError" class="text-danger" style="display: none;">
                                Please upload a .docx or .pdf file.
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary btn btn-gredient" style="width: 30%;" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary btn btn-gredient " style="width: 30%;">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="exampleModal3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content techCommitteeRepresent" style="padding: 0;">
                <div class="modal-header">
                    <a class="navbar-brand" href="#"><img src="assets/img/header-logo.png"></a>
                    <button type="button" class="btn-close bg-light mt-2" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <p>Form Submitted Successfully</p>
                    <p>We appreciate your interest. <br> Our dedicated team will reach out to you shortly.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="exampleModal4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content techCommitteeRepresent" style="padding: 0;">
                <div class="modal-header">
                    <a class="navbar-brand" href="#"><img src="assets/img/header-logo.png"></a>
                    <button type="button" class="btn-close bg-light mt-2" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <p>Form Not Submitted</p>
                    <p>Bot Submission Detected</p>
                </div>
            </div>
        </div>
    </div>
    <div class=" modal-dialog-centered modal-dialog-scrollable">
        <div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel2" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content pt-5 techCommitteeRepresent">
                    <form action="call-for-abstract-broucher" method="post"> @csrf <div class="modal-header"> <a class="navbar-brand" href="#"><img src="assets/img/header-logo.png"></a> <button type="button" class="btn-close bg-light mt-2" data-bs-dismiss="modal" aria-label="Close"></button> </div>
                        <div class="modal-body"> <input type="text" name="name" placeholder="First Name" required> <br> <input type="text" name="surname" placeholder="Last Name" required> <br> <input type="text" name="title" placeholder="Job Title" required> <input class="d-none" type="text" name="botfield" placeholder="Bot Field"> <br> <input type="text" name="company" placeholder="Company Name" required> <br> <input type="email" name="email" placeholder="Email Address" required> <br> <input type="number" name="phoneNo" placeholder="Contact No" required> <br> </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary btn btn-gredient" style="width: 30%;" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary btn btn-gredient" style="width: 30%;">Send</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    @include('include.footer')

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
    <script>
        window.jQuery || document.write('<script src="/docs/4.6/assets/js/vendor/jquery.slim.min.js"><\/script>')
    </script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script src="assets/js/custom.js"></script>
    @php
    if(session('success')) {
    echo "
    <script>
        $(document).ready(function() {
            $('#exampleModal3').modal('show');
        });
    </script>
    ";
    }
    if(session('error')) {
    echo "
    <script>
        $(document).ready(function() {
            $('#exampleModal4').modal('show');
        });
    </script>
    ";
    }
    @endphp

    <script>
        document.getElementById('downloadBtn').addEventListener('click', function() {
            var link = document.createElement('a');
            link.href = 'assets/goe4.pdf'; // Yahan apne PDF file ka path de.
            link.download = 'goe4.pdf'; // Yahan apne PDF file ka naam de.
            link.click();
        });
        $(document).ready(function() {
            $('#fileInput').on('change', function() {
                var allowedExtensions = ['.docx', '.pdf'];
                var filePath = $(this).val();
                var fileExtension = filePath.substr(filePath.lastIndexOf('.'));

                if (allowedExtensions.indexOf(fileExtension.toLowerCase()) === -1) {
                    // Display the error message and clear the file input
                    $('#fileError').show();
                    $(this).val('');
                } else {
                    // Hide the error message
                    $('#fileError').hide();
                }
            });
        });
    </script>

</body>

</html>