<?php include 'layouts/header.php'; ?>
<style>
     .card-wrapper {
    position: relative;
    width: 330px;
    height: 380px;
    /*margin: auto;*/
}

/* RED (bottom layer) */
.bg-two {
        position: absolute;
    width: 330px;
    height: 380px;
    background: #f6b839;
    border-radius: 20px;
    top: -40px;
    left: 40px;
    z-index: 1;
    opacity: 0.2;
}

/* BLUE (middle layer) */
.bg-one {
    position: absolute;
    width: 330px;
    height: 380px;
    opacity: 0.2;
    background: #f6b839;
    border-radius: 20px;
    top: -20px;
    left: 20px;
    bottom: 106px;
    z-index: 2;
    opacity: 0.4;
}

/* IMAGE (top layer) */
.card-image {
    width: 330px;
    position: relative;
    z-index: 3;
    border-radius: 25px;
    overflow: hidden;
    border: 3px solid #fff;
}

.card-image img {
    width: 330px;
    height: 380px;
    display: block;
    border-radius: 25px;
}

.hero-style-1 {
    /* height: 660px; */
    height: 575px;
}

/* RESPONSIVE */
@media (max-width: 480px) {
    .card-wrapper {
        width: 260px;
    }
}
#heroSwiper{
    overflow-x: clip;
}
@media (max-width: 991px) {
    .hero-style-1{
           height: 55rem;
    }
    #header{
        width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    }
    #heroSwiper{
        margin-top: 6rem;
    }
        .header-style-1 .navigation{
            background-color: transparent !important;
        }
        /* .header-style-1 .sticky-header, .header-style-2 .sticky-header, .header-style-3 .sticky-header {
            background-color: transparent;
            background: none;
            backdrop-filter: blur(16px);
        } */
        .site-header  .sticky-on  .navbar-header button {
            top: 11px;
        }
        .site-header .navbar-header button{
            top: 25px;
        }
        .header-style-1 .navbar-brand{
            top:0;
        }
        .navbar-brand{
            padding: 0 10px;
        }
       
}
 .info-block >.label{
            padding: 0px !important;
        }
        .why-choose-section .why-choose-grids{
            display: flex;
            flex-wrap: wrap;
        }
        .why-choose-section .why-choose-grids .grid{
            display: flex;
            flex-direction: column;
        }
</style>

        <!-- start of hero -->
        <!-- <section class="hero-slider hero-style-1">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div
                class="slide-inner slide-bg-image"
                data-background="assets/images/slider/slide-1.jpg"
              >
                <div class="container">
                  <div data-swiper-parallax="300" class="slide-title">
                    <h2>The Best Move you will Ever Make</h2>
                  </div>
                  <div data-swiper-parallax="400" class="slide-text">
                    <p>
                      Recently cut out of an illustrated magazine and housed in
                      a nice, gilded frame. It showed a lady fitted out with a
                      fur hat and fur boa
                    </p>
                  </div>
                  <div class="clearfix"></div>
                  <div data-swiper-parallax="500" class="slide-btns">
                    <a href="#" class="theme-btn">Read More</a>
                    <a href="#" class="theme-btn-s2">More about us</a>
                  </div>
                </div>
              </div>
              
            </div>
           

            <div class="swiper-slide">
              <div
                class="slide-inner slide-bg-image"
                data-background="assets/images/slider/slide-2.jpg"
              >
                <div class="container">
                  <div data-swiper-parallax="300" class="slide-title">
                    <h2>The Best Move you will Ever Make</h2>
                  </div>
                  <div data-swiper-parallax="400" class="slide-text">
                    <p>
                      Recently cut out of an illustrated magazine and housed in
                      a nice, gilded frame. It showed a lady fitted out with a
                      fur hat and fur boa
                    </p>
                  </div>
                  <div class="clearfix"></div>
                  <div data-swiper-parallax="500" class="slide-btns">
                    <a href="#" class="theme-btn">Read More</a>
                    <a href="#" class="theme-btn-s2">More about us</a>
                  </div>
                </div>
              </div>
              
            </div>
            
          </div>
          

          
          <div class="swiper-pagination"></div>
          <div class="swiper-button-next"></div>
          <div class="swiper-button-prev"></div>
        </div>
      </section> -->

           <section class="hero-slider hero-style-1">
            <div class="slide-inner">
                <!-- Background Video -->
                <video autoplay muted loop playsinline class="hero-video">
                    <source src="assets/videos/hero-video.mp4" type="video/mp4" />
                </video>

                <div class="container hero-content">
                    <!-- SWIPER -->
                    <div class="swiper hero-swiper py-5 py-md-4" id="heroSwiper">
                        <div class="swiper-wrapper">
                            <!-- slide 1 -->
                            <div class="swiper-slide">
                                <div class="row g-3 d-flex flex-wrap align-items-center">
                                    <div class="col-xs-12 col-md-7 col-lg-8">
                                        <div class="slide-title">
                                            <h2 class="mb-0 mb-md-2">
                                                Drilling the heart of
                                                <span class="text-orange"> Africa</span>
                                            </h2>
                                        </div>

                                        <div class="slide-text">
                                            <p class="mb-2 mb-md-3">
                                                Premier drilling and mineral exploration services across Zambia's
                                                Copperbelt and North-Western Province. Precision subsurface
                                                intelligence for the mines of tomorrow.
                                            </p>
                                        </div>

                                        <div class="slide-btns d-none d-md-block">
                                            <a href="#" class="theme-btn">Read More</a>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-md-5 col-lg-4">
                                        <div class="slide-image-wrap mt-5 mb-4 my-md-5">
                                        <!-- <img src="assets/images/home/hero-section-img1.png"
                                            alt="" class="img-fluid" /> -->
                                            <div class="card-wrapper">

                                                <div class="bg-two"></div>
                                                <div class="bg-one"></div>

                                                <div class="card-image">
                                                    <img src="assets/images/home/hero-section-img1.png" alt="">
                                                </div>

                                            </div>
                                        </div>
                                        <div class="slide-btns d-block d-md-none">
                                            <div class="text-center">
                                                <a href="#" class="theme-btn">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- slide 2 -->
                            <div class="swiper-slide">
                                <div class="row g-3 d-flex flex-wrap align-items-center">
                                    <div class="col-xs-12 col-md-7 col-lg-8">
                                        <div class="slide-title">
                                            <h2 class="mb-0 mb-md-2">
                                                Drilling
                                                <span class="text-orange"> Services</span>
                                            </h2>
                                        </div>

                                        <div class="slide-text">
                                            <p class="mb-2 mb-md-3">
                                                Premier drilling and mineral exploration services across Zambia's
                                                Copperbelt and North-Western Province. Precision subsurface
                                                intelligence for the mines of tomorrow.
                                            </p>
                                        </div>

                                        <div class="slide-btns d-none d-md-block">
                                            <a href="#" class="theme-btn">Read More</a>
                                        </div>
                                    </div>
                                   <div class="col-xs-12 col-md-5 col-lg-4">
                                        <div class="slide-image-wrap  mt-5 mb-4 my-md-5">
                                            <div class="card-wrapper">

                                                <div class="bg-two"></div>
                                                <div class="bg-one"></div>

                                                <div class="card-image">
                                                    <img src="assets/images/home/hero-section-img2.png" alt="">
                                                </div>

                                            </div>
                                        </div>
                                        <div class="slide-btns d-block d-md-none">
                                            <div class="text-center">
                                                <a href="#" class="theme-btn">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- slide 3 -->
                            <div class="swiper-slide">
                                <div class="row g-3 d-flex flex-wrap align-items-center">
                                    <div class="col-xs-12 col-md-7 col-lg-8">
                                        <div class="slide-title">
                                            <h2 class="mb-0 mb-md-2">
                                                Mining
                                                <span class="text-orange"> Services</span>
                                            </h2>
                                        </div>

                                        <div class="slide-text">
                                            <p class="mb-2 mb-md-3">
                                                Premier drilling and mineral exploration services across Zambia's
                                                Copperbelt and North-Western Province. Precision subsurface
                                                intelligence for the mines of tomorrow.
                                            </p>
                                        </div>

                                        <div class="slide-btns d-none d-md-block">
                                            <a href="#" class="theme-btn">Read More</a>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-md-5 col-lg-4">
                                        <div class="slide-image-wrap  mt-5 mb-4 my-md-5">
                                            <div class="card-wrapper">

                                                <div class="bg-two"></div>
                                                <div class="bg-one"></div>

                                                <div class="card-image">
                                                    <img src="assets/images/home/hero-section-img1.png" alt="">
                                                </div>

                                            </div>
                                        </div>
                                        <div class="slide-btns d-block d-md-none">
                                            <div class="text-center">
                                                <a href="#" class="theme-btn">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- slide 4 -->
                            <div class="swiper-slide">
                                <div class="row g-3 d-flex flex-wrap align-items-center">
                                    <div class="col-xs-12 col-md-7 col-lg-8">
                                        <div class="slide-title">
                                            <h2 class="mb-0 mb-md-2">
                                                Equipment Rental
                                                <span class="text-orange"> Services</span>
                                            </h2>
                                        </div>

                                        <div class="slide-text">
                                            <p class="mb-2 mb-md-3">
                                                Premier drilling and mineral exploration services across Zambia's
                                                Copperbelt and North-Western Province. Precision subsurface
                                                intelligence for the mines of tomorrow.
                                            </p>
                                        </div>

                                        <div class="slide-btns d-none d-md-block">
                                            <a href="#" class="theme-btn">Read More</a>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-md-5 col-lg-4">
                                        <div class="slide-image-wrap mt-5 mb-4 my-md-5">
                                            <div class="card-wrapper">

                                                <div class="bg-two"></div>
                                                <div class="bg-one"></div>

                                                <div class="card-image">
                                                    <img src="assets/images/home/hero-section-img2.png" alt="">
                                                </div>

                                            </div>
                                        </div>
                                        <div class="slide-btns d-block d-md-none">
                                            <div class="text-center">
                                                <a href="#" class="theme-btn">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end of hero slider -->

        <!-- start about-us-section -->
        <!-- <section class="about-us-section section-padding">
        <div class="container">
          <div class="row">
            <div class="col col-md-6">
              <div class="section-title">
                <span>About us</span>
                <h2>We set the standards others try to live up to.</h2>
              </div>
              <div class="details">
                <p>
                  It wasn't a dream. His room, a proper human room although a
                  little too small, lay peacefully between its four familiar
                  walls. A collection of textile samples lay spread out on the
                  table - Samsa was a travelling salesman - and above it there
                  hung a picture that he had recently cut out of an illustrated
                  magazine and housed in a nice, gilded frame. It showed a lady
                  fitted out with a fur hat and fur boa who sat upright
                </p>
                <div class="clearfix">
                  <ul>
                    <li>
                      <i class="ti-check"></i> Cut out of an illustrated
                      magazine
                    </li>
                    <li><i class="ti-check"></i> Showed a lady fitted out</li>
                  </ul>
                  <ul>
                    <li><i class="ti-check"></i> Raising a heavy fur muff</li>
                    <li>
                      <i class="ti-check"></i> Magazine and housed in a nice
                    </li>
                  </ul>
                </div>
                <div class="btns">
                  <a href="#" class="theme-btn">Read More</a>
                  <a href="#" class="theme-btn-s3">Contact with us</a>
                </div>
              </div>
            </div>
            <div class="col col-md-6">
              <div class="right-col">
                <div class="img-holder">
                  <img src="assets/images/about.png" alt />
                </div>
                <div class="video-holder">
                  <a
                    href="https://www.youtube.com/embed/7e90gBu4pas?autoplay=1"
                    class="hero-video-btn video-btn"
                    data-type="iframe"
                    tabindex="0"
                    ><i class="fi flaticon-play-button"></i>Watch our intro
                    video</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </section> -->

        <section id="about" class="about-us-section">
            <div class="container about-inner">
                <div class="row">
                    <!-- LEFT: text -->
                    <div class="col-md-6 about-text">
                        <div class="section-tag">Who We Are</div>
                        <h2 class="section-title">Deep Roots in <em>Zambian</em> Mining</h2>
                        <div class="section-divider"></div>

                        <p>
                            SR Mining Exploration is a Lusaka-headquartered drilling and mineral exploration firm
                            with over 15 years of operational experience across Zambia's most prolific mineral
                            belts.
                            <strong>We combine global technical standards with local expertise</strong>
                            that no international firm can replicate.
                        </p>

                        <p>
                            Our leadership team brings together Zambian geologists, internationally certified
                            engineers, and community liaison officers — ensuring every project delivers value both
                            underground and above it.
                        </p>

                        <p>
                            From the copper-rich terrains of the Copperbelt to the emerging frontier of
                            North-Western Province near
                            <strong>Solwezi</strong>, we hold all requisite Zambian mining permits, environmental
                            approvals, and safety certifications.
                        </p>

                        <a href="#contact" class="btn-outline theme-btn">Meet Our Leadership</a>
                    </div>

                    <!-- RIGHT: pillars -->
                    <div class="col-xs-12 col-md-6 mt-4 mt-md-4 pt-md-3">
                        <div class="pillars-wrap">
                            <div class="row pillars-row">
                                <div class="col-xs-12 co-sm-12 col-lg-6 pillar-col">
                                    <div class="pillar">
                                        <div class="d-flex d-md-block align-items-center">
                                            <div class="pillar-icon">
                                                <svg viewBox="0 0 24 24">
                                                    <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" />
                                                </svg>
                                            </div>
                                            <h4 class="ms-4 ms-md-0 mb-3 mb-md-1">Mission</h4>
                                        </div>
                                        <p>
                                            Unlock Zambia's mineral wealth responsibly, delivering reliable data and
                                            safe extraction pathways for our partners.
                                        </p>
                                    </div>
                                </div>

                                <div class="col-xs-12 co-sm-12 col-lg-6 pillar-col">
                                    <div class="pillar">
                                        <div class="d-flex d-md-block align-items-center">
                                            <div class="pillar-icon">
                                                <svg viewBox="0 0 24 24">
                                                    <circle cx="12" cy="12" r="10" />
                                                    <path d="M12 8v4l3 3" />
                                                </svg>
                                            </div>
                                            <h4 class="ms-4 ms-md-0 mb-3 mb-md-1">Vision</h4>
                                        </div>
                                        <p>
                                            To be the most trusted exploration partner in Sub-Saharan Africa by
                                            2030, setting the benchmark for technical excellence.
                                        </p>
                                    </div>
                                </div>

                                <div class="col-xs-12 co-sm-12 col-lg-6 pillar-col">
                                    <div class="pillar">
                                        <div class="d-flex d-md-block align-items-center">
                                            <div class="pillar-icon">
                                                <svg viewBox="0 0 24 24">
                                                    <path
                                                        d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
                                                </svg>
                                            </div>
                                            <h4 class="ms-4 ms-md-0 mb-3 mb-md-1">Governance</h4>
                                        </div>
                                        <p>
                                            Full regulatory compliance with ZEMA, Mines Safety Department, and MCTI
                                            — transparent reporting as standard.
                                        </p>
                                    </div>
                                </div>

                                <div class="col-xs-12 co-sm-12 col-lg-6 pillar-col">
                                    <div class="pillar">
                                        <div class="d-flex d-md-block align-items-center">
                                            <div class="pillar-icon">
                                                <svg viewBox="0 0 24 24">
                                                    <path
                                                        d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0" />
                                                </svg>
                                            </div>
                                             <h4 class="ms-4 ms-md-0 mb-3 mb-md-1">Local Talent</h4>
                                        </div>
                                        <p>
                                            80% Zambian workforce — we invest in local geologists, engineers, and
                                            technicians through structured development programmes.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end about-us-section -->

        <!-- Services -->

        <!--  <div class="container my-5 py-5">
                <div class="row">
                    <div class="col-xs-12">
                        <div>
                            <div class="section-tag">What We Do</div>
                            <h2 class="section-title text-blue">Full-Spectrum <em>Exploration</em></h2>
                        </div>

                        <ul class="nav nav-tabs custom-tabs">
                            <li class="active">
                                <a data-toggle="tab" href="#tab1">
                                    <span class="tab-number">01</span> Drilling Services
                                </a>
                            </li>

                            <li>
                                <a data-toggle="tab" href="#tab2">
                                    <span class="tab-number">02</span> Mining Services
                                </a>
                            </li>

                            <li>
                                <a data-toggle="tab" href="#tab3">
                                    <span class="tab-number">03</span> Equipment Rental Services
                                </a>
                            </li>
                        </ul>

                        <div class="tab-content mt-4">
                            <div id="tab1" class="tab-pane fade my-3 in active">
                                <div class="col-12">
                        <div class="home-sub-services">
                            <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-8 border-right">
                                    <div class="my-3"><span class="tab-number">01</span> Diamond Drilling</div>
                                    <div class="my-3"><span class="tab-number">02</span> RC Drilling</div>
                                    <div class="my-3"><span class="tab-number">03</span>Blasthole Drilling</div>
                                    <div class="my-3"><span class="tab-number">04</span>Dewatering</div>
                                    <div class="text-right">
                                        <a href="#" class="theme-btn mb-3">Read More</a>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-4">
                                    <div class="py-3">
                                        <div class="text-center">
                                            <img src="assets/images/home/drilling-services.jpg" alt="" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                            </div>
                            <div id="tab2" class="tab-pane fade my-3">
                                 <div class="col-12">
                        <div class="home-sub-services">
                            <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-8 border-right">
                                    <div class="my-3"><span class="tab-number">01</span> Diamond Drilling</div>
                                    <div class="my-3"><span class="tab-number">02</span> RC Drilling</div>
                                    <div class="my-3"><span class="tab-number">03</span>Blasthole Drilling</div>
                                    <div class="my-3"><span class="tab-number">04</span>Dewatering</div>
                                    <div class="text-right">
                                        <a href="#" class="theme-btn mb-3">Read More</a>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-4">
                                    <div class="py-3">
                                        <div class="text-center">
                                            <img src="assets/images/home/drilling-services.jpg" alt="" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                            </div>
                            <div id="tab3" class="tab-pane fade my-3">
                                <div class="col-12">
                        <div class="home-sub-services">
                            <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-8 border-right">
                                    <div class="my-3"><span class="tab-number">01</span> Diamond Drilling</div>
                                    <div class="my-3"><span class="tab-number">02</span> RC Drilling</div>
                                    <div class="my-3"><span class="tab-number">03</span>Blasthole Drilling</div>
                                    <div class="my-3"><span class="tab-number">04</span>Dewatering</div>
                                    <div class="text-right">
                                        <a href="#" class="theme-btn mb-3">Read More</a>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-4">
                                    <div class="py-3">
                                        <div class="text-center">
                                            <img src="assets/images/home/drilling-services.jpg" alt="" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->


        <div class="container my-5">
            <div class="row">
                <div class="col-xs-12">
                    <div>
                        <div class="section-tag">What We Do</div>
                        <h2 class="section-title text-blue">Full-Spectrum <em> of Services and Capabilities</em></h2>
                        <p class="mb-3">Premier drilling and mineral exploration services across Zambia's Copperbelt and North-Western Province. Precision subsurface intelligence for the mines of tomorrow.</p>
                    </div>
                </div>
            </div>
            <div class="row row-eq-height px-lg-1">

                <!-- ── CARD 1: Drilling Services ── -->
                <div class="col-md-4 col-sm-12 col-xs-12 px-3 px-lg-2">
                    <div class="dev-card dev-card1">
                        <div class="card-inner">
                            <div class="card-header-row">
                                <h2 class="wwd-section-title">Exploration Services</h2>
                            </div>

                            <div class="feature-item">
                                <div class="icon-circle"><i class="fa fa-bar-chart"></i></div>
                                <span class="feature-text">Geophysical surveys</span>
                            </div>
                            <div class="feature-item">
                                <div class="icon-circle"><i class="fa fa-cubes"></i></div>
                                <span class="feature-text"> Drilling</span>
                            </div>
                            <div class="feature-item">
                                <div class="icon-circle"><i class="fa fa-handshake-o"></i></div>
                                <span class="feature-text">Core Sampling</span>
                            </div>
                            <div class="feature-item no-border-bottom">
                                <div class="icon-circle"><i class="fa fa-handshake-o"></i></div>
                                <span class="feature-text">Resource Estimation</span>
                            </div>

                            <div class="read-more-row">
                                <a href="#" class="theme-btn">Read More</a>
                            </div>
                            <hr class="bottom-rule">
                        </div>
                    </div>
                </div>

                <!-- ── CARD 2: Mining Services ── -->
                <div class="col-md-4 col-sm-12 col-xs-12 px-3 px-lg-2">
                    <div class="dev-card dev-card2">
                        <div class="card-inner">
                            <div class="card-header-row">
                                <h2 class="wwd-section-title">Mining Services</h2>
                            </div>

                            <div class="feature-item">
                                <div class="icon-circle"><i class="fa fa-industry"></i></div>
                                <span class="feature-text">De-silting</span>
                            </div>
                            <div class="feature-item">
                                <div class="icon-circle"><i class="fa fa-truck"></i></div>
                                <span class="feature-text">Equipment Supply</span>
                            </div>
                            <div class="feature-item no-border-bottom">
                                <div class="icon-circle"><i class="fa fa-shield"></i></div>
                                <span class="feature-text">Site Management</span>
                            </div>

                             <div class="feature-item no-border-bottom">
                                <div class="icon-circle"><i class="fa fa-shield"></i></div>
                                <span class="feature-text">Technical Support</span>
                            </div>

                            <div class="read-more-row">
                                <a href="#" class="theme-btn">Read More</a>
                            </div>
                            <hr class="bottom-rule">
                        </div>
                    </div>
                </div>

                <!-- ── CARD 3: Equipment Rental Services ── -->
                <div class="col-md-4 col-sm-12 col-xs-12 px-3 px-lg-2">
                    <div class="dev-card dev-card3">
                        <div class="card-inner">
                            <div class="card-header-row">
                                <h2 class="wwd-section-title">Equipment Rentals</h2>
                            </div>

                            <div class="feature-item">
                                <div class="icon-circle"><i class="fa fa-dollar"></i></div>
                                <span class="feature-text">Diversified portfolio across emerging markets</span>
                            </div>
                            <div class="feature-item">
                                <div class="icon-circle"><i class="fa fa-globe"></i></div>
                                <span class="feature-text">Strategic joint ventures &amp; equity interests</span>
                            </div>
                            <div class="feature-item no-border-bottom">
                                <div class="icon-circle"><i class="fa fa-bank"></i></div>
                                <span class="feature-text">Long-term value creation for stakeholders</span>
                            </div>

                            <div class="read-more-row">
                                <a href="#" class="theme-btn">Read More</a>
                            </div>
                            <hr class="bottom-rule">
                        </div>
                    </div>
                </div>

            </div><!-- /.row -->
        </div>


    <!-- start service-section -->
    <!-- <section class="service-section section-padding">
        <div class="container">
            <div class="row">
                <div class="col col-md-6">
                    <div class="section-title-s2">
                        <span>Our Industry Solutions</span>
                        <h2>Delivering the Best Global Industry Services.</h2>
                    </div>
                </div>
                <div class="col col-md-6">
                    <div class="title-text">
                        <p>
                            Recently cut out of an illustrated magazine and housed in a nice, gilded frame. It
                            showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy
                            fur muff that covered the whole of her lower arm
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col col-xs-12">
                    <div class="service-grids clearfix">
                        <div class="grid">
                            <i class="fi flaticon-gear"></i>
                            <h4><a href="#">Mechanical Engineering</a></h4>
                            <p>
                                Samsa was a travelling salesman and above it there hung a picture that he had
                                recently cut out of antrt
                            </p>
                            <a href="#" class="read-more">Read More <i class="fi flaticon-next"></i></a>
                        </div>
                        <div class="grid">
                            <i class="fi flaticon-expansion"></i>
                            <h4><a href="#">Sanitary & Plumbing</a></h4>
                            <p>
                                Samsa was a travelling salesman and above it there hung a picture that he had
                                recently cut out of antrt
                            </p>
                            <a href="#" class="read-more">Read More <i class="fi flaticon-next"></i></a>
                        </div>
                        <div class="grid">
                            <i class="fi flaticon-oil"></i>
                            <h4><a href="#">Oil & Gas Production</a></h4>
                            <p>
                                Samsa was a travelling salesman and above it there hung a picture that he had
                                recently cut out of antrt
                            </p>
                            <a href="#" class="read-more">Read More <i class="fi flaticon-next"></i></a>
                        </div>
                        <div class="grid">
                            <i class="fi flaticon-pharmacy"></i>
                            <h4><a href="#">Pharmaceutical Research</a></h4>
                            <p>
                                Samsa was a travelling salesman and above it there hung a picture that he had
                                recently cut out of antrt
                            </p>
                            <a href="#" class="read-more">Read More <i class="fi flaticon-next"></i></a>
                        </div>
                        <div class="grid">
                            <i class="fi flaticon-paint-palette"></i>
                            <h4><a href="#">Painting &Protective</a></h4>
                            <p>
                                Samsa was a travelling salesman and above it there hung a picture that he had
                                recently cut out of antrt
                            </p>
                            <a href="#" class="read-more">Read More <i class="fi flaticon-next"></i></a>
                        </div>
                        <div class="grid">
                            <i class="fi flaticon-solar-energy"></i>
                            <h4><a href="#">Electrical & Power</a></h4>
                            <p>
                                Samsa was a travelling salesman and above it there hung a picture that he had
                                recently cut out of antrt
                            </p>
                            <a href="#" class="read-more">Read More <i class="fi flaticon-next"></i></a>
                        </div>
                    </div>
                    <div class="view-all">
                        <p>Please check out our <a href="#">All Services</a></p>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <!-- end service-section -->

    <section class="container my-5">

        <div class="row mx-0">
            <div class="col-xs-12">
                <h2 class="section-title text-blue">The Heavy Feet Catalog</h2>
                <p class="mb-3">Premier drilling and mineral exploration services across Zambia's Copperbelt and North-Western Province. Precision subsurface intelligence for the mines of tomorrow.</p>
            </div>
            <!-- Left Large -->
            <div class="col-xs-12 col-md-8 p-3 p-md-2">
                <div class="card-box">
                    <img src="<?php echo $base_url; ?>assets/images/home/img1.png" alt="">
                    <div class="overlay"></div>
                    <div class="card-content">
                        <div class="tag">TOP PERFORMANCE</div>
                        <div class="card-title">Titan Drills</div>
                        <div class="card-text">Precision blast-hole rigs optimized for hard-rock deposits.</div>
                    </div>
                </div>
            </div>

            <!-- Right -->
            <div class="col-xs-12 col-md-4 p-3 p-md-2">
                <div class="card-box">
                    <img src="<?php echo $base_url; ?>assets/images/home/img2.png" alt="">
                    <div class="overlay"></div>
                    <div class="card-content">
                        <div class="tag">HAULAGE</div>
                        <div class="card-title">Explorer Trucks</div>
                        <div class="card-text">All-terrain 40-ton articulated haulers.</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row mx-0">
            <!-- Bottom Left -->
            <div class="col-xs-12 col-md-4 p-3 p-md-2">
                <div class="card-box">
                    <img src="<?php echo $base_url; ?>assets/images/home/img3.png" alt="">
                    <div class="overlay"></div>
                    <div class="card-content">
                        <div class="tag">EXCAVATION</div>
                        <div class="card-title">Site Prep Units</div>
                        <div class="card-text">Heavy-reach excavators for deep benching.</div>
                    </div>
                </div>
            </div>

            <!-- Orange Box -->
            <div class="col-xs-12 col-md-8 p-3 p-md-2">
                <div class="orange-box">
                    <h2>SUPPORT & LOGISTICS</h2>
                    <p>
                        Beyond the machines, we provide the technical support staff and on-site
                        maintenance crews to keep your project moving 24/7.
                    </p>

                    <div class="stats">
                        <div class="stat">
                            <h3>98%</h3>
                            <span>FLEET UPTIME</span>
                        </div>
                        <div class="stat">
                            <h3>4HR</h3>
                            <span>RESPONSE TIME</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>

    <!-- start why-choose-section -->
    <section class="why-choose-section section-padding">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2">
                    <div class="section-title-s3">
                        <p>Why Choose Us</p>
                        <h2>Our Core Strengths</h2>
                        <p>
                            From first assay to full fleet deployment, SR Mining delivers geological intelligence and heavy equipment precision that turns resource potential into productive reality.</p>
                       
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col col-xs-12">
                    <div class="why-choose-grids clearfix">
                        <div class="grid">
                            <i class="fi flaticon-network-1"></i>
                            <h3>Advanced Geological Exploration</h3>
                            <p>
                                Airborne geophysics, multi-element geochemical surveys, and structural mapping that produce drill-ready targets — not just reports.
                            </p>
                        </div>
                        <div class="grid">
                            <i class="fi flaticon-circular-label-with-certified-stamp"></i>
                            <h3>Full-Program Drilling Management</h3>
                            <p>
                                RC, diamond, and RAB programs executed with rigorous QAQC. We handle mobilisation, core logging, assay dispatch, and resource estimation support.
                            </p>
                        </div>
                        <div class="grid">
                            <i class="fi flaticon-chip"></i>
                            <h3>Premium Equipment Fleet Rental</h3>
                            <p>
                                200+ units — excavators, ADTs, crushers, drill rigs — available on flexible short or long-term contracts, maintained to OEM specification and delivered to site.
                            </p>
                        </div>
                        <div class="grid">
                            <i class="fi flaticon-24-hours"></i>
                            <h3>24 / 7 On-Site Technical Support</h3>
                            <p>
                                Round-the-clock breakdown response with certified technicians and predictive maintenance programs — because downtime costs more than the call-out.
                            </p>
                        </div>
                        <div class="grid">
                            <i class="fi flaticon-24-hours"></i>
                            <h3>Safety-First, Zero-Harm Culture</h3>
                            <p>
                                Our TRIFR is consistently among the industry's lowest — a record earned in the field, not just on paper</p>
                        </div>

                        <div class="grid">
                            <i class="fi flaticon-24-hours"></i>
                            <h3>Environmental Stewardship</h3>
                            <p>
                               Environmental management and progressive rehabilitation planning woven into every project scope — protecting your licence and the land</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end container -->
    </section>
    <!-- end why-choose-section -->

    <!-- start testimonials-section -->
  <!--   <section class="testimonials-section">
        <div class="container">
            <div class="row">
                <div class="col col-lg-6 col-lg-offset-3">
                    <div class="section-title-s4">
                        <span>Testimonials</span>
                        <h2>What People say’s About us</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col col-md-4">
                    <div class="testimonial-left-img-holder">
                        <img src="assets/images/testimonials/man.png" alt />
                    </div>
                </div>
                <div class="col col-md-8">
                    <div class="testimonial-grids testimonial-slider clearfix">
                        <div class="grid">
                            <div class="quote">
                                <i class="fi flaticon-quote"></i>
                                <p>
                                    “Recently cut out of an illustrated magazine and housed in a nice, gilded
                                    frame. It showed a lady fitted out with a fur hat and fur boa who sat
                                    upright, raising a heavy fur muff that covered the whole of her lower arm
                                    towards the viewer. Gregor then turned to look ”
                                </p>
                            </div>
                            <div class="client-info">
                                <div class="img-holder">
                                    <img src="assets/images/testimonials/img-1.jpg" alt />
                                </div>
                                <div class="details">
                                    <h5>Michel jhon</h5>
                                    <p>Manager of Automation</p>
                                </div>
                            </div>
                        </div>
                        <div class="grid">
                            <div class="quote">
                                <i class="fi flaticon-quote"></i>
                                <p>
                                    “Recently cut out of an illustrated magazine and housed in a nice, gilded
                                    frame. It showed a lady fitted out with a fur hat and fur boa who sat
                                    upright, raising a heavy fur muff that covered the whole of her lower arm
                                    towards the viewer. Gregor then turned to look ”
                                </p>
                            </div>
                            <div class="client-info">
                                <div class="img-holder">
                                    <img src="assets/images/testimonials/img-2.jpg" alt />
                                </div>
                                <div class="details">
                                    <h5>Alaska</h5>
                                    <p>Business Officer</p>
                                </div>
                            </div>
                        </div>
                        <div class="grid">
                            <div class="quote">
                                <i class="fi flaticon-quote"></i>
                                <p>
                                    “Recently cut out of an illustrated magazine and housed in a nice, gilded
                                    frame. It showed a lady fitted out with a fur hat and fur boa who sat
                                    upright, raising a heavy fur muff that covered the whole of her lower arm
                                    towards the viewer. Gregor then turned to look ”
                                </p>
                            </div>
                            <div class="client-info">
                                <div class="img-holder">
                                    <img src="assets/images/testimonials/img-3.jpg" alt />
                                </div>
                                <div class="details">
                                    <h5>Shain on</h5>
                                    <p>Manager of Automation</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <!-- end testimonials-section -->

    <!-- start featured-project-section -->
    <!-- <section class="featured-project-section section-padding">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2">
                    <div class="section-title-s5">
                        <span>Featured Projects</span>
                        <h2>Explore What We've Done</h2>
                        <p>
                            Hardly able to cover it and seemed ready to slide off any moment. His many legs,
                            pitifully thin compared with the size of the rest of him
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-area">
            <div class="project-grids clearfix">
                <div class="grid">
                    <div class="overlay">
                        <span class="count">01.</span>
                        <h3>Welding Processing</h3>
                        <p>
                            Travelling salesman and above it there hung a picture that he had recently cut out
                        </p>
                        <a href="#" class="theme-btn">Read More</a>
                    </div>
                </div>
                <div class="grid">
                    <div class="overlay">
                        <span class="count">02.</span>
                        <h3>Materials project</h3>
                        <p>
                            Travelling salesman and above it there hung a picture that he had recently cut out
                        </p>
                        <a href="#" class="theme-btn">Read More</a>
                    </div>
                </div>
                <div class="grid">
                    <div class="overlay">
                        <span class="count">03.</span>
                        <h3>Oil & Gas project</h3>
                        <p>
                            Travelling salesman and above it there hung a picture that he had recently cut out
                        </p>
                        <a href="#" class="theme-btn">Read More</a>
                    </div>
                </div>
                <div class="grid">
                    <div class="overlay">
                        <span class="count">04.</span>
                        <h3>Power Energy project</h3>
                        <p>
                            Travelling salesman and above it there hung a picture that he had recently cut out
                        </p>
                        <a href="#" class="theme-btn">Read More</a>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
<div class="container-fluid">
    <div class="container pt-5 mt-5">
      <div class="row">
<div class="col-xs-12">
      <div class="section-tag">Project Portfolio</div>
  <h2 class="section-title">Active <em>Operations</em> Across Zambia</h2>
</div>
</div>
</div>
</div>


  <div class="container-fluid mb-5">
  <div class="container">
  <div class="row">
    <div class="col-xs-12 colsm-6 col-md-4 my-3 px-3 px-lg-2">

      <div class="product-card">

        <!-- Image -->
        <div class="card-image-wrap">
          
          <img
            src="<?php echo $base_url; ?>assets/images/home/projects/project1.png"
            alt="Titan D-2500 Track Mounted Drill Rig"
          >
        </div>

        <!-- Body -->
        <div class="card-body-content">
          <h2 class="product-title">The Solwezi Deep</h2>

          <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          tempor incididunt ut labore et dolore magna aliqua. </p>
        </div>

        <!-- Footer / Download -->
        <div class="card-footer-content">
          <a href="#" class="projects-download-btn">
           
            Download Specs
          </a>
        </div>

      </div><!-- /product-card -->

    </div>

    <div class="col-xs-12 colsm-6 col-md-4 my-3 px-3 px-lg-2">

      <div class="product-card">

        <!-- Image -->
        <div class="card-image-wrap">
          
          <img
            src="<?php echo $base_url; ?>assets/images/home/projects/project2.png"
            alt="Titan D-2500 Track Mounted Drill Rig"
          >
        </div>

        <!-- Body -->
        <div class="card-body-content">
          <h2 class="product-title">Kasempa North</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          tempor incididunt ut labore et dolore magna aliqua. </p>
         
        </div>

        <!-- Footer / Download -->
        <div class="card-footer-content">
          <a href="#" class="projects-download-btn">
           
            Download Specs
          </a>
        </div>

      </div><!-- /product-card -->

    </div>

    <div class="col-xs-12 colsm-6 col-md-4 my-3 px-3 px-lg-2">

      <div class="product-card">

        <!-- Image -->
        <div class="card-image-wrap">
         
          <img
            src="<?php echo $base_url; ?>assets/images/home/projects/project3.png"
            alt="Titan D-2500 Track Mounted Drill Rig"
          >
        </div>

        <!-- Body -->
        <div class="card-body-content">
          <h2 class="product-title">Bedrock East</h2>

          <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          tempor incididunt ut labore et dolore magna aliqua. </p>
        </div>

        <!-- Footer / Download -->
        <div class="card-footer-content">
          <a href="#" class="projects-download-btn">
           
            Download Specs
          </a>
        </div>

      </div><!-- /product-card -->

    </div>
  </div>
  </div>
</div>
    <!-- end featured-project-section -->

    <div class="container my-5 py-5">
        <div class="row">
            <div class="col-xs-12">
                <div>
                    <div class="section-tag">Mining with purpose</div>
                    <h2 class="section-title text-blue">Sustainability</h2>
                    <p class="mb-3">Premier drilling and mineral exploration services across Zambia's Copperbelt and North-Western Province. Precision subsurface intelligence for the mines of tomorrow.</p>
                </div>
            </div>
            <div class="col-xs-12">
                <div class="sustainability-bg-img">
                    <div class="row">
                        <div class="col-xs-12 col-lg-6 col-md-6">
                            <div class="sutainability-block">
                            <h1 class="ps-0 ps-md-4">Be Part of the Change</h1>
                        </div>
                        </div>
                        <div class="col-xs-12 col-lg-6 col-md-6">
                            <div class="row row-eq-height">
                            
                                 <!-- Card 1 -->
                                <div class="col-xs-12 px-1 px-md-3">
                                    <div class="sustainability-card">
                                        <div class="scard-body">
                                            <h4>Environmental responsibility</h4>
                                            <ul>
                                                <li>Policies on land rehabilitation</li>
                                                <li>Water management</li>
                                                <li>Emissions.</li>
                                            </ul>
                                            <div class="text-right mt-3">
                                                <a href="#" class="theme-btn btn-sm">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xs-12 px-1 px-md-3">
                                    <div class="row equal-height-row">
                                        <div class="col-xs-6 col-md-6 pe-0 pe-md-0 me-0">
                                            <div class="sustainability-card">
                                                <div class="scard-body">
                                                    <h4>Community impact</h4>
                                                    <ul class="mb-0">
                                                        <li>CSR projects in Zambia—schools</li>
                                                        <li>Clinics</li>
                                                        <li>Local employment initiatives.</li>
                                                    </ul>
                                                    <div class="text-right mt-3">
                                                <a href="#" class="theme-btn btn-sm">Read More</a>
                                            </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-md-6 ps-0 ps-md-0 ms-0">
                                            <div class="sustainability-card">
                                                <div class="scard-body">
                                                    <h4>Health & safety standards</h4>
                                                    <ul class="mb-0">
                                                        <li>Showcase compliance with international mining safety protocols.</li>
                                                    </ul>
                                                    <div class="text-right mt-3">
                                                <a href="#" class="theme-btn btn-sm">Read More</a>
                                            </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- start partners-section -->
    <!--<section class="partners-section">-->
    <!--    <h2 class="hidden">Partners</h2>-->
    <!--    <div class="container">-->
    <!--        <div class="row">-->
    <!--            <div class="col col-xs-12">-->
    <!--                <div class="partner-grids partners-slider">-->
    <!--                    <div class="grid">-->
    <!--                        <img src="assets/images/partners/img-1.jpg" alt />-->
    <!--                    </div>-->
    <!--                    <div class="grid">-->
    <!--                        <img src="assets/images/partners/img-2.jpg" alt />-->
    <!--                    </div>-->
    <!--                    <div class="grid">-->
    <!--                        <img src="assets/images/partners/img-3.jpg" alt />-->
    <!--                    </div>-->
    <!--                    <div class="grid">-->
    <!--                        <img src="assets/images/partners/img-4.jpg" alt />-->
    <!--                    </div>-->
    <!--                    <div class="grid">-->
    <!--                        <img src="assets/images/partners/img-5.jpg" alt />-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
        <!-- end container -->
    <!--</section>-->
    <!-- end partners-section -->

    <!-- start fun-fact-section -->
    <!-- <section class="fun-fact-section">
        <div class="container">
            <div class="row">
                <div class="col col-xs-12">
                    <div class="fun-fact-grids clearfix">
                        <div class="grid">
                            <div class="info">
                                <i class="fi flaticon-worker"></i>
                                <h3><span class="odometer" data-count="1200">00</span></h3>
                                <p>Employed</p>
                            </div>
                        </div>
                        <div class="grid">
                            <div class="info">
                                <i class="fi flaticon-engineer"></i>
                                <h3><span class="odometer" data-count="1500">00</span></h3>
                                <p>Project Completed</p>
                            </div>
                        </div>
                        <div class="grid">
                            <div class="info">
                                <i class="fi flaticon-trophy"></i>
                                <h3><span class="odometer" data-count="25">00</span>+</h3>
                                <p>Award Won</p>
                            </div>
                        </div>
                        <div class="grid">
                            <div class="info">
                                <i class="fi flaticon-like-1"></i>
                                <h3><span class="odometer" data-count="100">00</span>%</h3>
                                <p>Satisfied customers</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <!-- end fun-fact-section -->

    <!-- start team-section -->
    <!--<section class="team-section section-padding">-->
    <!--    <div class="container">-->
    <!--        <div class="row">-->
    <!--            <div class="col-xs-12 col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2">-->
    <!--                <div class="section-title-s5">-->
    <!--                    <span>Our Team</span>-->
    <!--                    <h2>Leadership Team</h2>-->
    <!--                    <p>-->
    <!--                        Hardly able to cover it and seemed ready to slide off any moment. His many legs,-->
    <!--                        pitifully thin compared with the size of the rest of him-->
    <!--                    </p>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--        <div class="row">-->
    <!--            <div class="col col-xs-12">-->
    <!--                <div class="team-grids">-->
    <!--                    <div class="grid">-->
    <!--                        <div class="img-social">-->
    <!--                            <div class="img-holder">-->
    <!--                                <img src="assets/images/team/img-1.jpg" alt />-->
    <!--                            </div>-->
    <!--                            <div class="social">-->
    <!--                                <ul>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-facebook"></i></a>-->
    <!--                                    </li>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-twitter-alt"></i></a>-->
    <!--                                    </li>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-linkedin"></i></a>-->
    <!--                                    </li>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-pinterest"></i></a>-->
    <!--                                    </li>-->
    <!--                                </ul>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                        <div class="details">-->
    <!--                            <h3>Michel Jhon</h3>-->
    <!--                            <span>Mechanical Engineering</span>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                    <div class="grid">-->
    <!--                        <div class="img-social">-->
    <!--                            <div class="img-holder">-->
    <!--                                <img src="assets/images/team/img-2.jpg" alt />-->
    <!--                            </div>-->
    <!--                            <div class="social">-->
    <!--                                <ul>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-facebook"></i></a>-->
    <!--                                    </li>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-twitter-alt"></i></a>-->
    <!--                                    </li>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-linkedin"></i></a>-->
    <!--                                    </li>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-pinterest"></i></a>-->
    <!--                                    </li>-->
    <!--                                </ul>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                        <div class="details">-->
    <!--                            <h3>Wilium Mice</h3>-->
    <!--                            <span>Site Manager</span>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                    <div class="grid">-->
    <!--                        <div class="img-social">-->
    <!--                            <div class="img-holder">-->
    <!--                                <img src="assets/images/team/img-3.jpg" alt />-->
    <!--                            </div>-->
    <!--                            <div class="social">-->
    <!--                                <ul>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-facebook"></i></a>-->
    <!--                                    </li>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-twitter-alt"></i></a>-->
    <!--                                    </li>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-linkedin"></i></a>-->
    <!--                                    </li>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-pinterest"></i></a>-->
    <!--                                    </li>-->
    <!--                                </ul>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                        <div class="details">-->
    <!--                            <h3>Jonthon teat</h3>-->
    <!--                            <span>Testing Manager</span>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                    <div class="grid">-->
    <!--                        <div class="img-social">-->
    <!--                            <div class="img-holder">-->
    <!--                                <img src="assets/images/team/img-4.jpg" alt />-->
    <!--                            </div>-->
    <!--                            <div class="social">-->
    <!--                                <ul>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-facebook"></i></a>-->
    <!--                                    </li>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-twitter-alt"></i></a>-->
    <!--                                    </li>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-linkedin"></i></a>-->
    <!--                                    </li>-->
    <!--                                    <li>-->
    <!--                                        <a href="#"><i class="ti-pinterest"></i></a>-->
    <!--                                    </li>-->
    <!--                                </ul>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                        <div class="details">-->
    <!--                            <h3>Shown kel</h3>-->
    <!--                            <span>Cheif Officer</span>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
        <!-- end container -->
    <!--</section>-->
    <!-- end team-section -->

    

    <section class="container">
  <div class="card-row">

    <!-- Card 1 -->
    <div class="col-xs-12 col-md-6 col-lg-6 card-col my-3">
      <div class="erp-card">
        <div class="card-image-wrap">
          <img src="<?php echo $base_url; ?>/assets/images/home/investors.webp" alt="">
         
        </div>
        <div class="card-body-custom">
          <h3 class="card-title-custom">Investors</h3>
          <p class="card-desc">Secure donor trust by showing exactly how their contributions are driving real-world change along with ironclad financial governance.</p>
        </div>
        <div class="card-footer-custom">
          <button class="arrow-btn">
            <svg viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
          </button>
        </div>
      </div>
    </div>

    <!-- Card 2 -->
    <div class="col-xs-12 col-md-6 col-lg-6 card-col my-3">
      <div class="erp-card">
        <div class="card-image-wrap">
          <img src="<?php echo $base_url; ?>/assets/images/home/careers.png" alt="">
         
        </div>
        <div class="card-body-custom">
          <h3 class="card-title-custom">Careers</h3>
          <p class="card-desc">Serve more customers by automating distribution across your network, allowing you to enter new markets with zero friction.</p>
        </div>
        <div class="card-footer-custom">
          <button class="arrow-btn">
            <svg viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
          </button>
        </div>
      </div>
    </div>

  </div>
</section>

    <!-- start quote-section -->
    <!-- <section class="quote-section">
        <div class="content-area clearfix">
            <div class="left-col">
                <h2>Imagination What we can easily see is only a small</h2>
                <div class="details">
                    <p>
                        It wasn't a dream. His room, a proper human room although a little too small, lay
                        peacefully between its four familiar walls. A collection of textile samples lay spread
                        out on the table - Samsa was a travelling salesman - and above it there hung a picture
                        that he had recently cut out of an illustrated magazine and housed in a nice, gilded
                        frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a
                        heavy fur muff that covered
                    </p>
                    <div class="clearfix">
                        <ul>
                            <li><i class="ti-check"></i> Cut out of an illustrated magazine</li>
                            <li><i class="ti-check"></i> Showed a lady fitted out</li>
                        </ul>
                        <ul>
                            <li><i class="ti-check"></i> Raising a heavy fur muff</li>
                            <li><i class="ti-check"></i> Magazine and housed in a nice</li>
                        </ul>
                    </div>
                    <div class="btns">
                        <a href="#" class="theme-btn">Read More</a>
                        <a href="#" class="theme-btn-s3">Contact with us</a>
                    </div>
                </div>
            </div>
            <div class="right-col">
                <div class="quote-area">
                    <h3>Request A Quote</h3>
                    <p>Lower arm towards the viewer. Gregor then turned to look out the window</p>
                    <form method="post" class="contact-validation-active" id="contact-quote-form">
                        <div>
                            <input type="text" class="form-control" name="name" id="name" placeholder="Name*" />
                        </div>
                        <div>
                            <input type="email" class="form-control" name="email" id="email" placeholder="Email*" />
                        </div>
                        <div>
                            <input type="text" class="form-control" name="phone" id="phone" placeholder="Phone*" />
                        </div>
                        <div>
                            <textarea class="form-control" name="note" id="note"
                                placeholder="Case Description..."></textarea>
                        </div>
                        <div class="submit-area">
                            <button type="submit" class="theme-btn">Get a quote</button>
                            <div id="loader">
                                <i class="ti-reload"></i>
                            </div>
                        </div>
                        <div class="clearfix error-handling-messages">
                            <div id="success">Thank you</div>
                            <div id="error">Error occurred while sending email. Please try again later.</div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section> -->
    <!-- end quote-section -->

    <!-- start blog-section -->
    <!-- <section class="blog-section section-padding">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2">
                    <div class="section-title-s5">
                        <span>Insight and Trends</span>
                        <h2>Industrial News</h2>
                        <p>
                            Hardly able to cover it and seemed ready to slide off any moment. His many legs,
                            pitifully thin compared with the size of the rest of him
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col col-xs-12">
                    <div class="blog-grids">
                        <div class="grid">
                            <div class="entry-media">
                                <img src="assets/images/blog/img-1.jpg" alt />
                            </div>
                            <div class="entry-body">
                                <div class="cats">Industry, Factory</div>
                                <h4>
                                    <a href="#">Manufacturing is a sector that is constantly evolving</a>
                                </h4>
                                <p class="date">Oct 26 2019</p>
                                <a href="#" class="read-more">Read More <i class="fi flaticon-next"></i></a>
                            </div>
                        </div>
                        <div class="grid">
                            <div class="entry-media">
                                <img src="assets/images/blog/img-2.jpg" alt />
                            </div>
                            <div class="entry-body">
                                <div class="cats">Industry, Factory</div>
                                <h4>
                                    <a href="#">It’s a surefire way to keep abreast of the competition and sometimes</a>
                                </h4>
                                <p class="date">Oct 26 2019</p>
                                <a href="#" class="read-more">Read More <i class="fi flaticon-next"></i></a>
                            </div>
                        </div>
                        <div class="grid">
                            <div class="entry-media">
                                <img src="assets/images/blog/img-3.jpg" alt />
                            </div>
                            <div class="entry-body">
                                <div class="cats">Industry, Factory</div>
                                <h4>
                                    <a href="#">Community would not exist if it were not for manufacturing being</a>
                                </h4>
                                <p class="date">Oct 26 2019</p>
                                <a href="#" class="read-more">Read More <i class="fi flaticon-next"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <!-- end blog-section -->


    <section id="contact">
  <div class="container">
    <div class="row contact-layout">

      <!-- LEFT SIDE -->
      <div class="col-xs-12 col-md-5 contact-info">
        <div class="section-tag">Get in Touch</div>
        <h2 class="section-title text-white">Let's <em>Explore</em><br class="d-none d-md-block"> Together</h2>
        <div class="section-divider"></div>

        <div class="info-block">
          <div class="label">Headquarters</div>
          <div class="value">Plot 1247, Thabo Mbeki Road<br>Lusaka, Zambia 10101</div>
        </div>

        <div class="info-block">
          <div class="label">Phone</div>
          <div class="value">+260 21 1 234 567</div>
        </div>

        <div class="info-block">
          <div class="label">Email</div>
          <div class="value">info@srmining.com</div>
        </div>

        <div class="info-block">
          <div class="label">Field Office — Solwezi</div>
          <div class="value">+260 21 8 456 789</div>
        </div>
      </div>

      <!-- RIGHT SIDE FORM -->
      <div class="col-xs-12 col-md-7">
        <form class="contact-form" onsubmit="handleSubmit(event)">

          <div class="row">
            <div class="col-xs-12 col-sm-6">
              <div class="form-group">
                <label>First Name</label>
                <input type="text" class="form-control" placeholder="Venky" required>
              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <div class="form-group">
                <label>Last Name</label>
                <input type="text" class="form-control" placeholder="Mwansa" required>
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-xs-12 col-sm-6">
              <div class="form-group">
                <label>Email Address</label>
                <input type="email" class="form-control" placeholder="you@company.com" required>
              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <div class="form-group">
                <label>Phone</label>
                <input type="tel" class="form-control" placeholder="+260 ...">
              </div>
            </div>
          </div>

          <div class="form-group">
            <label>Enquiry Type</label>
            <select class="form-control" required>
              <option value="" disabled selected>Select one…</option>
              <option>Investor / Joint Venture</option>
              <option>Drilling & Exploration Services</option>
              <option>Subcontracting / Supplier</option>
              <option>Career Enquiry</option>
              <option>Media / Press</option>
              <option>General Enquiry</option>
            </select>
          </div>

          <div class="form-group">
            <label>Message</label>
            <textarea class="form-control" rows="5" placeholder="Tell us about your project or enquiry…" required></textarea>
          </div>

          <button type="submit" class="btn theme-btn mt-4">Send Message</button>

          <div id="form-success" style="display:none; color: #7fcf7f; font-size: 13px; margin-top: 10px;">
            ✓ Message sent. We'll be in touch within 2 business days.
          </div>

        </form>
      </div>

    </div>
  </div>
</section>


  <?php include 'layouts/footer.php'; ?>
<script>
document.addEventListener("DOMContentLoaded", function () {
    const video = document.querySelector(".hero-video");
    video.play().catch(() => {});
});
</script>