<!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>GEO 4.0</title>
    <!-- CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></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>
        @media screen and (min-width: 790px) {

            /* CSS styles to apply when the screen width is 768px or less */
            .lines {
                margin-left: -22%;
            }
        }

        html,
        body {
            overflow-x: hidden;
            max-width: 100%;
        }

        .maidi {

            position: relative;
            width: 78%;
            max-width: 921px;
            height: 532px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            margin: 0 auto;

        }

        .vedi {
            width: 803px;
            height: 86%;
            border-radius: 20px;
            border: 5px solid #ffffff;
        }


        @media(max-width:500px) {
            .maidi {

                position: relative !important;
                width: 100% !important;
                max-width: 429px !important;
                height: 257px !important;
                overflow: hidden !important;
                margin-top: 16px !important;
                display: flex !important;
                justify-content: center !important;
            }

            .vedi {
                width: 411px !important;
                height: 235px !important;
                border-radius: 20px !important;
                border: 5px solid #ffffff !important;
            }
        }

        @media (max-width:375px) {
            .maidi {
                margin: 0 auto !important;
                position: relative !important;
                width: 100% !important;
                max-width: 429px !important;
                height: 231px !important;
                overflow: hidden !important;
                margin-top: 16px !important;
            }

            .vedi {
                width: 376px !important;
                height: 215px !important;
                border-radius: 20px !important;
                border: 5px solid #ffffff !important;
            }
             .fonti{
                font-size:24px !important;
                text-align:center;
            }
        }

        @media(max-width:320px) {
            .maidi {

                margin: 0 auto !important;
                position: relative !important;
                width: 100% !important;
                max-width: 429px !important;
                height: 188px !important;
                overflow: hidden !important;
                margin-top: 16px !important;
            }

            .vedi {
                width: 308px !important;
                height: 177px !important;
                border-radius: 20px !important;
                border: 5px solid #ffffff !important;
            }



        }

        @media(max-width:768px) {
            .maidi {
                justify-content: center;
                /* margin: 0 auto; */
                position: relative;
                width: 100%;
                max-width: 929px;
                height: 459px;
                overflow: hidden;
                display: flex;
                margin-top: 10px;
            }

            .vedi {
                width: 781px;
                height: 93%;
                border-radius: 20px;
                border: 5px solid #ffffff;
            }
            .fonti{
                font-size:26px;
                text-align:center;
            }


        }
        
    </style>

</head>

<body>
    <header class="page-header had">
        <nav class="navbar navbar-expand-md">
            <a class="navbar-brand" href="https://geo4event.com"><img src="assets/img/header-logo.png"></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarsExampleDefault">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="https://geo4event.com">Home <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">About</a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="chairman-welcome">Welcome Message</a>
                            <a class="dropdown-item" href="partner-societies">Partner Societies</a>
                            <a class="dropdown-item" href="meet-the-commitee">Meet the Committee</a>
                            <!--<a class="dropdown-item" href="#">Previous Edition</a>-->
                            <!--<a class="dropdown-item" href="#">News & Blogs</a>-->
                        </div>
                    </li>

                    <!-- <li class="nav-item">-->
                    <!--    <a href="newpage" class="nav-link">Attend</a>-->
                    <!--</li>-->
                    {{--<li class="nav-item">
                        <a class="nav-link" href="technical-program">Technical Program</a>
                    </li>--}}


                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">Program</a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="technical-program">Technical Program</a>
                            <a class="dropdown-item" href="hackathon">Hackathon</a>
                            <a class="dropdown-item" href="short-course">Short Course</a>
                        </div>
                    </li>

                    <!--<li class="nav-item">
                        <a class="nav-link">Technical Programme</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link">Hackathon</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown"
                            aria-expanded="false">Attend</a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="#">Register</a>
                            <a class="dropdown-item" href="#">Travel & Accommodation</a>
                        </div>
                    </li>-->
                    <!--<li class="nav-item">-->
                    <!--    <a href="exhibit-and-sponsor" class="nav-link">Sponsorship & Exhibition</a>-->
                    <!--</li>-->
                    
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">Sponsorship & Exhibition</a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="exhibit-and-sponsor">Sponsorship & Exhibition Information</a>
                            <a class="dropdown-item" href="current-sponsor-and-exhibit">Current Sponsors & Exhibitors</a>
                        </div>
                    </li>
                    
                    
                    
                     <li class="nav-item dropdown">
                      <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">Attend</a>
                      <div class="dropdown-menu">
                        <a class="dropdown-item" href="{{ route('registration') }}">Registration Information</a>
                        <a class="dropdown-item" href="{{ route('travel-and-accommodation') }}">Travel and Accommodation</a>
                        <a class="dropdown-item" href="{{ route('about-al-khobor') }}">About Al-Khobar</a>
                      </div>
                    </li>
                </ul>
            </div>
        </nav>
    </header>

    <div class="heroSection">
        <div class="image">
            <img src="assets/img/Website-Header-BG.jpg" alt="">
        </div>
        <div class="content">
            <div class="top">
                <img src="assets/img/New Logo.png" alt="">
                <img class="lines" src="assets/img/Horizontal Lines.png" alt="" style="margin-top: 6px;">
            </div>
            
            <div class="text">
                <h2>DIGITALIZATION IN<br>
                    GEOSCIENCES SYMPOSIUM</h2><br>
                <h3>Shaping Innovation for a<br> Sustainable Future</h3>
            </div>
            <div class="link">
                <a href="#" class="btn btn-gredient btn-shadow btn-lg">21-24 OCTOBER 2024 <span>AL KHOBAR, SAUDI
                        ARABIA</span></a>
            </div>
        </div>
		<div>
			<span style="
    position: absolute;
    top: 103px;
    z-index: 9999;
    color: white;
    right: 134px;
"><b>Registration Now Open</b></span>
			<a style="
    position: absolute;
    top: 141px;
    right: 160px;
" href="https://na.eventscloud.com/ereg/index.php?eventid=802508&" class="btn btn-gredient" target="_blank">Register Now</a>
		</div>
    </div>
	<br>
    <!--<div class="head mt-5">
        <h2 style="color: #050e61;
    font-size: 36px;
    text-align:center;
    margin-top:5px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    text-transform: capitalize;">Overview Of The Event</h2>
    </div>-->
    
	<!-- Video Section Old
	<div class="maidi" style="">
        <div id="playButton" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; display: none;">
            <svg id="playIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff" width="36px" height="36px" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
                <path d="M8 5v14l11-7z" />
                <path d="M0 0h24v24H0z" fill="none" />
            </svg>
        </div>
        <div id="pauseButton" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; display: none;">
            <svg id="pauseIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff" width="36px" height="36px" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
                <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z" />
                <path d="M0 0h24v24H0z" fill="none" />
            </svg>
        </div>
        <video class="vedi" id="videoPlayer" src="assets/vedio/saudi_aramco_2024.mp4" controls autoplay loop muted style=""></video>
    </div>

    <script>
        const playButton = document.getElementById("playButton");
        const pauseButton = document.getElementById("pauseButton");
        const videoPlayer = document.getElementById("videoPlayer");

        videoPlayer.addEventListener("mouseenter", function() {
            if (videoPlayer.paused) {
                playButton.style.display = "block";
                pauseButton.style.display = "none";
            } else {
                playButton.style.display = "none";
                pauseButton.style.display = "block";
            }
        });

        videoPlayer.addEventListener("mouseleave", function() {
            playButton.style.display = "none";
            pauseButton.style.display = "none";
        });

        playButton.addEventListener("click", function() {
            videoPlayer.play();
            playButton.style.display = "none";
            pauseButton.style.display = "block";
        });

        pauseButton.addEventListener("click", function() {
            videoPlayer.pause();
            playButton.style.display = "block";
            pauseButton.style.display = "none";
        });

        videoPlayer.addEventListener("play", function() {
            playButton.style.display = "none";
            pauseButton.style.display = "block";
        });

        videoPlayer.addEventListener("pause", function() {
            playButton.style.display = "block";
            pauseButton.style.display = "none";
        });
    </script>
	
  <div class=" gridSection lightGBg">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 layoutGrids">
                    <div class="textBox gredientBorNone"> 
                        <p style="font-size:19px;">The primary objective of this symposium is to facilitate knowledge sharing and collaboration among professionals who are engaged in implementing digitalization technologies and machine  learning algorithms  in geoscience applications. The joint effort of AAPG, EAGE and SEG societies aims to set up industry standards on reproducible AI and distribute key solutions on: data standardization and optimization, data quality, storage and model accuracy assessment, performance profiling, code optimizations, pervasive real-time and remote monitoring and more for advanced prototyping and delivery.  We will explore diverse schools of thought, discuss advantages and limitations, compare results, and debate emerging approaches in the realm of artificial intelligence and digitalization as applied to geosciences.  This symposium will focus on the utilization and evaluation of subsurface data not the implementation of digital infrastructure and strategies.</p>
                    </div>
                </div>
            </div>
        </div>
    </div> -->
	
	<!-- Test Purpose-->
	
	<div class="maidi" style="width: 1100px; height: 650x;">
    <div id="playButton" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; display: none;">
        <svg id="playIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff" width="36px" height="36px" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
            <path d="M8 5v14l11-7z" />
            <path d="M0 0h24v24H0z" fill="none" />
        </svg>
    </div>
    <div id="pauseButton" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; display: none;">
        <svg id="pauseIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff" width="36px" height="36px" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
            <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z" />
            <path d="M0 0h24v24H0z" fill="none" />
        </svg>
    </div>
    <video class="vedi" id="videoPlayer" src="assets/video/videogeo.mp4" controls autoplay loop muted style="width: 100%; height: 100%; object-fit: cover;"></video>
</div>


<!-- <div class="modal fade" id="ModalMessage" 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" id="btnClosed" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">                  
                    <p style="font-size: 30px; color: #fc9700;"><b>The Wait is Over</b></p>
					<p style="font-size: 22px;">Technical Program Announced</p>
					<br>  
                    <a href="https://www.eventure-online.com/eventure/login.form?U8ca47780-4eac-4199-bfbb-9206fb98ee4e" class="btn btn-primary btn btn-gredient" style="width: 30%;" id="submitBtn" target="_blank">View Here</a><br><br>
                </div>
            </div>
        </div>
    </div> -->

<script>

    const playButton = document.getElementById("playButton");
    const pauseButton = document.getElementById("pauseButton");
    const videoPlayer = document.getElementById("videoPlayer");

    videoPlayer.addEventListener("mouseenter", function() {
        if (videoPlayer.paused) {
            playButton.style.display = "block";
            pauseButton.style.display = "none";
        } else {
            playButton.style.display = "none";
            pauseButton.style.display = "block";
        }
    });

    videoPlayer.addEventListener("mouseleave", function() {
        playButton.style.display = "none";
        pauseButton.style.display = "none";
    });

    playButton.addEventListener("click", function() {
        videoPlayer.play();
        playButton.style.display = "none";
        pauseButton.style.display = "block";
    });

    pauseButton.addEventListener("click", function() {
        videoPlayer.pause();
        playButton.style.display = "block";
        pauseButton.style.display = "none";
    });

    videoPlayer.addEventListener("play", function() {
        playButton.style.display = "none";
        pauseButton.style.display = "block";
    });

    videoPlayer.addEventListener("pause", function() {
        playButton.style.display = "block";
        pauseButton.style.display = "none";
    });
</script>
    <br>
	
	
	<div class=" gridSection lightGBg">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 layoutGrids">
                    <div class="textBox gredientBorNone">
                       
                        <p style="font-size:19px;">The primary objective of this symposium is to facilitate knowledge sharing and collaboration among professionals who are engaged in implementing digitalization technologies and machine  learning algorithms  in geoscience applications. The joint effort of AAPG, EAGE and SEG societies aims to set up industry standards on reproducible AI and distribute key solutions on: data standardization and optimization, data quality, storage and model accuracy assessment, performance profiling, code optimizations, pervasive real-time and remote monitoring and more for advanced prototyping and delivery.  We will explore diverse schools of thought, discuss advantages and limitations, compare results, and debate emerging approaches in the realm of artificial intelligence and digitalization as applied to geosciences.  This symposium will focus on the utilization and evaluation of subsurface data not the implementation of digital infrastructure and strategies.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
		
	<!--<div class="center">
        <a href="#" class="btn btn-gredient" target="_blank" style="width: 300px; display: block; font-size: 18px; margin: 0 auto;">READ MORE</a><br><br><br>
    </div>-->
    
    <!-- <div class=" gridSection lightGBg">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 layoutGrids">
                    <div class="textBox gredientBorNone">
                       
                        <p style="font-size:19px;">The primary objective of this symposium is to facilitate knowledge sharing and collaboration among professionals who are engaged in implementing digitalization technologies and machine  learning algorithms  in geoscience applications. The joint effort of AAPG, EAGE and SEG societies aims to set up industry standards on reproducible AI and distribute key solutions on: data standardization and optimization, data quality, storage and model accuracy assessment, performance profiling, code optimizations, pervasive real-time and remote monitoring and more for advanced prototyping and delivery.  We will explore diverse schools of thought, discuss advantages and limitations, compare results, and debate emerging approaches in the realm of artificial intelligence and digitalization as applied to geosciences.  This symposium will focus on the utilization and evaluation of subsurface data not the implementation of digital infrastructure and strategies.</p>
                    </div>
                </div>
            </div>
        </div>
    </div> -->
    <div class="highligtedArea">
        <div class="container keymed">
            <div class="row">
                <div class="col-sm-12">
                    <div class="head">
                        <h2>Key Insights</h2>
                    </div>
                    <div class="topicSection">
                        <div class="topics">
                            <h4 style="font-size:19px;">The Future of Digitalization in Geoscience</h4>
                        </div>
                        <div class="topics inv">
                            <h4 style="font-size:19px;">Sustainable Energy</h4>
                        </div>
                        <div class="topics">
                            <h4 style="font-size:19px;">Big Data Accessibility</h4>
                        </div>
                        <div class="topics inv">
                            <h4 style="font-size:19px;">AI & Machine Learning</h4>
                        </div>
                        <div class="topics">
                            <h4 style="font-size:19px;">Interdisciplinary Collaboration</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--<div class="callForSection">        -->
    <!--<div class="container">            -->
    <!--<div class="row">                -->
    <!--<div class="col-sm-12">                   -->
    <!--<div class="callFor">                        -->
    <!--<div class="left">                            -->
    <!--<h5>Call for Abstracts Open</h5>													-->
    <!--<h2><strong>New Deadline Announced</strong></h2>-->
    <!--<h5>Submission Closes on <b>3rd June 2024</b></h5> 	-->
    <!--</div>                        -->
    <!--<div class="right">                            -->
    <!--<br><br><a href="call-for-abstracts" class="btn btn-gredient">View More</a><br><br>							                       -->
    <!--</div>                   -->
    <!--</div>                -->
    <!--</div>            -->
    <!--</div>        -->
    <!--</div>    -->
    <!--</div>-->
 
    <!--<div class="callForSection">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="callFor">
                        <div class="left">
                            <h3>Deadline for <br> the Call for Abstracts </h3>
                            <p>Deadline For The Call For Abstracts</p>
                        </div>
                        <div class="right">
                            <h4>1st May 2024</h4>
                            <a href="call-for-abstracts" class="btn btn-gredient">View More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>-->
    
    <!--<div class="container-fluid mb-5 bgblue">-->
    <!--    <div class="row">-->
    <!--        <h3 class="text-light text-center pt-5">Welcome Onboard Our 2024 Sponsors</h3>-->

    <!--    <div class="col-md-12">-->
    <!--        <img style="width:180px; height:180px" class="m-auto d-flex" src="assets/img/PETRONAS.png">-->
    <!--         <h4 class="text-light text-center"><b>Host</b></h4>-->
    <!--    </div>-->
        
    <!--    <div class="col-md-6 mb-5">-->
    <!--        <div class="row">-->
    <!--            <div class="col-md-1"></div>-->
    <!--        <div class="col-md-5">-->
    <!--             <img style="width:251px; height:125px" class="" src="assets/img/SLB.png">-->
    <!--        </div>-->
    <!--         <div class="col-md-5 d-flex justify-content-center flex-column">-->
    <!--             <img style="width:auto; height:auto" class="" src="assets/img/ricketfield.png">-->
    <!--        </div>-->
    <!--        </div>-->
    <!--        <h4 class="text-light text-center mt-5"><b>Platinum</b></h4>-->
    <!--    </div>-->
        
    <!--     <div class="col-md-6 mb-5">-->
    <!--        <div class="row">-->
                
    <!--        <div class="col-md-5">-->
    <!--             <img style="width:auto; height:auto" class="" src="assets/img/oxy.png">-->
    <!--        </div>-->
    <!--         <div class="col-md-5 d-flex justify-content-center flex-column">-->
    <!--             <img style="width:auto; height:auto" class="" src="assets/img/resfrac.png">-->
    <!--        </div>-->
    <!--        <div class="col-md-1"></div>-->
    <!--        </div>-->
    <!--        <h4 class="text-light text-center mt-5"><b>Student and Faculty</b></h4>-->
    <!--    </div>-->
    <!--    </div>-->
    <!--</div>-->

<div class="container-fluid bgblue">
    <h3 class="text-light text-center pt-5 mb-4">2024 Sponsors <br><b style="color: #f58100;">Welcome Onboard</b></h3>
    <div class="parent ">  
        
        <!-- Middle Images Columns -->
            <div class="first mt-2">
            <div class="row mb-5">
            <div class="sponser-card">
                    <div class="img-top">
                    <img class="w-100 h-100 " src="assets/img/home-aramco-logo.png" alt="Aramco Logo">
                </div>
                </div>
                
            </div>
            <p class="text-sponser  text-uppercase fs-5  font-weight-bold"><span style="color: #f58100;">Principal <br> Sponsor</span></p>
            </div>    
        <!-- Last Image Column -->

    

        <div class=" mt-2">
            <div class="second row mb-5">
                <div class="sponser-card">
                    <div class="img-top">
                    <img class="w-100 h-100 " src="assets/img/home-adnoc-logo.png" alt="Aramco Logo">
                </div>
                </div>
                <div class="sponser-card">
                    <div class="img-top">
                    <img class="w-100 h-100 " src="assets/img/home-slb-logo.png" alt="Aramco Logo">
                </div>
                </div>
                <div class="sponser-card">
                    <div class="img-top">
                    <img class="w-100 h-100 " src="assets/img/home-bakerhuges-logo.png" alt="Aramco Logo">
                </div>
                </div>

            </div>
            <p class="text-sponser  text-uppercase fs-5  font-weight-bold"><span style="color: #f58100;">Platinum <br> Sponsors</span></p>
            </div>    




            <div class=" mt-2">
            <div class="row mb-5 third">
                <div class="sponser-card">
                    <div class="img-top">
                    <img class="w-100 h-100 " src="assets/img/home-koc-logo.png" alt="Aramco Logo">
                </div>
                </div>
                <div class="sponser-card">
                    <div class="img-top">
                    <img class="w-100 h-100 " src="assets/img/home-virdien-logo.png" alt="Aramco Logo">
                </div>
                </div>
                

            </div>
            <p class="text-sponser  text-uppercase fs-5  font-weight-bold"><span style="color: #f58100;">Gold <br> Sponsors</span></p>

            </div>


        <!-- <div class="col-md-2 d-flex flex-column justify-content-center mb-5">           
            <img class="img-fluid d-flex m-auto" src="assets/img/kuwait.png" alt="Kuwait Logo">
            <h4 class="text-light text-center mt-3 mb-3"><span style="color: #f58100;">Gold Sponsor</span></h4>            
        </div>
        <div class="col-md-2 d-flex flex-column justify-content-center mb-5">           
            <img class="img-fluid d-flex m-auto" src="assets/img/kuwait.png" alt="Kuwait Logo">
            <h4 class="text-light text-center mt-3 mb-3"><span style="color: #f58100;">Gold Sponsor</span></h4>            
        </div> -->
        
        <!-- Spacer Column -->
    </div>

    <div class="row">  
        
        <!-- Spacer Column -->
        
        <!-- First Image Column -->
        <!-- <div class="col-md-2 d-flex flex-column justify-content-center mb-5">           
            <img class="img-fluid d-flex m-auto" src="assets/img/aramco.png" alt="Aramco Logo">
            <h4 class="text-light text-center mt-3 mb-3"><span style="color: #f58100;">Principal Sponsor</span></h4>            
        </div> -->

        <!-- Middle Images Columns -->
        <!-- <div class="col-md-6 mb-5 mx-auto">           
            <div class="row border d-flex justify-content-center border-light">
                <div class="col-md-4 mt-2">
                    <img class="img-fluid d-flex m-auto" src="assets/img/adnoc.png" alt="Adnoc Logo">
                </div>
				<div class="col-md-4 mt-2">
                    <img class="img-fluid d-flex m-auto" src="assets/img/slb.png" alt="Baker Hughes Logo">
                </div>
                
            </div>
            <h4 class="text-light text-center mt-3 mb-3"><span style="color: #f58100;">Platinum Sponsors</span></h4>            
        </div> -->
        
        <!-- Last Image Column -->

        <!-- <div class="col-md-2 d-flex flex-column justify-content-center mb-5">           
            <img class="img-fluid d-flex m-auto" src="assets/img/kuwait.png" alt="Kuwait Logo">
            <h4 class="text-light text-center mt-3 mb-3"><span style="color: #f58100;">Gold Sponsor</span></h4>            
        </div>
        <div class="col-md-2 d-flex flex-column justify-content-center mb-5">           
            <img class="img-fluid d-flex m-auto" src="assets/img/kuwait.png" alt="Kuwait Logo">
            <h4 class="text-light text-center mt-3 mb-3"><span style="color: #f58100;">Gold Sponsor</span></h4>            
        </div> -->
        
        <!-- Spacer Column -->
    </div>

    <div class="row">  
        
        <!-- Spacer Column -->
        
        <!-- First Image Column -->
        <!-- <div class="col-md-2 d-flex flex-column justify-content-center mb-5">           
            <img class="img-fluid d-flex m-auto" src="assets/img/aramco.png" alt="Aramco Logo">
            <h4 class="text-light text-center mt-3 mb-3"><span style="color: #f58100;">Principal Sponsor</span></h4>            
        </div> -->

        <!-- Middle Images Columns -->
        <!-- <div class="col-md-6 mb-5 mx-auto">           
            <div class="row border d-flex justify-content-center border-light">
                
				<div class="col-md-4 mt-2">
                    <img class="img-fluid d-flex m-auto" src="assets/img/slb.png" alt="Baker Hughes Logo">
                </div>
                
            </div>
            <h4 class="text-light text-center mt-3 mb-3"><span style="color: #f58100;">Platinum Sponsors</span></h4>            
        </div> -->
        
        <!-- Last Image Column -->

        <!-- <div class="col-md-2 d-flex flex-column justify-content-center mb-5">           
            <img class="img-fluid d-flex m-auto" src="assets/img/kuwait.png" alt="Kuwait Logo">
            <h4 class="text-light text-center mt-3 mb-3"><span style="color: #f58100;">Gold Sponsor</span></h4>            
        </div>
        <div class="col-md-2 d-flex flex-column justify-content-center mb-5">           
            <img class="img-fluid d-flex m-auto" src="assets/img/kuwait.png" alt="Kuwait Logo">
            <h4 class="text-light text-center mt-3 mb-3"><span style="color: #f58100;">Gold Sponsor</span></h4>            
        </div> -->
        
        <!-- Spacer Column -->
    </div>
</div>



<div id="carouselExampleIndicators" style="" class="carousel slide" data-bs-ride="carousel">

                <h3 class="text-light text-center pt-5 text-dark"> <b class="hblu">Committee Quotes</b></h3>

  <!--<div class="carousel-indicators">-->
  <!--  <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>-->
  <!--  <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>-->
  <!--  <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>-->
  <!--</div>-->
  <div class="carousel-inner pt-3 pb-5">
    <div class="carousel-item active">
      <img class="d-flex m-auto w-auto h-auto"  src="assets/img/musab-al-modra-quote.png" class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img class="d-flex m-auto  w-auto h-auto"  src="assets/img/khalid-obaid-quote.png" class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img class="d-flex m-auto  w-auto h-auto"   src="assets/img/olfa-zened-quote.png" class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img class="d-flex m-auto  w-auto h-auto"   src="assets/img/Owen-sutcliffe-quote.png" class="d-block w-100" alt="...">
    </div>
  </div>
  <button class="carousel-control-prev mehi" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
    <span style="background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23000\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M2.75 0L0 4l2.75 4 1.25-1.25L2.25 4 4 1.25 2.75 0z\'/%3e%3c/svg%3e');" class="carousel-control-prev-icon text-dark" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next mehi" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
    <span class="carousel-control-next-icon" style="background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23000\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M5.25 0L4 1.25 6.75 4 4 6.75 5.25 8 8 4z\'/%3e%3c/svg%3e');" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>
    <div class="gridSection lightGBg">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="layoutGrids">
                        <div class="left">
                            <a href="call-for-abstracts">
                                <div class="icon">
                                    <i class="icon-horn"></i>
                                </div>
                                <div class="text">
                                    Technical Program
                                </div>
                            </a>
                        </div>
                        <div class="mid">
                            <div class="one">
                                <a href="meet-the-commitee">
                                    <div class="icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
                                            <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
                                        </svg>
                                    </div>
                                    <div class="text">
                                        Meet the Committee</div>
                                </a>
                            </div>
                            <div class="two">
                                <a href="partner-societies">
                                    <div class="icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-people-fill" viewBox="0 0 16 16">
                                            <path d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" />
                                        </svg>
                                    </div>
                                    <div class="text">
                                        Organizing Societies</div>
                                </a>
                            </div>
                        </div>
                        <div class="right">
                            <a href="exhibit-and-sponsor">
                                <div class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-bar-chart-line" viewBox="0 0 16 16">
                                        <path d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2zm1 12h2V2h-2v12zm-3 0V7H7v7h2zm-5 0v-3H2v3h2z" />
                                    </svg>
                                </div>
                                <div class="text">Sponsorship & Exhibition</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('include.footer')
    <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>
    <script>
    
    
        $(document).ready(function() {
            $('#ModalMessage').modal('show');
        
            $("#btnClosed").click(function() {
                $('#ModalMessage').modal('hide');
            });
        });
    
        
        
    </script>
</body>

</html>