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

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="author" content="irstheme" />

    <title>SR Mining</title>

    <?php $base_url = "https://amsngx368.inmotionhosting.com/~neefc25/SR_MINING/"; ?>

    <link href="<?php echo $base_url; ?>assets/css/themify-icons.css" rel="stylesheet" />
    <link href="<?php echo $base_url; ?>assets/css/flaticon.css" rel="stylesheet" />
    <link href="<?php echo $base_url; ?>assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="<?php echo $base_url; ?>assets/css/sr-mining.css" rel="stylesheet" />
    <link href="<?php echo $base_url; ?>assets/css/animate.css" rel="stylesheet" />
    <link href="<?php echo $base_url; ?>assets/css/owl.carousel.css" rel="stylesheet" />
    <link href="<?php echo $base_url; ?>assets/css/owl.theme.css" rel="stylesheet" />
    <link href="<?php echo $base_url; ?>assets/css/slick.css" rel="stylesheet" />
    <link href="<?php echo $base_url; ?>assets/css/slick-theme.css" rel="stylesheet" />
    <link href="<?php echo $base_url; ?>assets/css/swiper.min.css" rel="stylesheet" />
    <link href="<?php echo $base_url; ?>assets/css/odometer-theme-default.css" rel="stylesheet" />
    <link href="<?php echo $base_url; ?>assets/css/owl.transitions.css" rel="stylesheet" />
    <link href="<?php echo $base_url; ?>assets/css/jquery.fancybox.css" rel="stylesheet" />
    <link href="<?php echo $base_url; ?>assets/css/style.css" rel="stylesheet" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link
        href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@300;400;500;600&family=Barlow+Condensed:wght@400;600;700&display=swap"
        rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<style>
:root {
    --yellow: #f6b839;
    --dark: #0d0f12;
    --mid: #092f53;
    --slate: #1c3954;
    --copper: #f6b839;
    --white: #f0ede8;
    --blue: #092f53;
    --text: #ccc9c2;
    --muted: #7a7872;
}

.text-blue {
    color: var(--blue);
}

.slide-inner {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

/* Video */
.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

/* Overlay */
.slide-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* overlay color */
    z-index: 2;
}

/* Content above overlay */
.hero-content {
    position: relative;
    z-index: 3;
    color: #fff;
}

.slide-inner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.2) 100%);
    z-index: 2;
}

/* sliders */
/* ── RIGHT: IMAGE ── */
.slide-image-wrap {
    position: relative;
    /*border-radius: 10px;
    overflow: hidden;
    border: 2px solid #f6b839;
    border-radius: 100%;*/
    /*box-shadow: 0 0 0 3px rgba(255,255,255,0.10), 0 24px 64px rgba(0,0,0,0.55);*/
}

.slide-image-wrap img {
    /*width: 100%;
    height: 100%;
    border-radius: 100%;
    display: block;
    padding: 15px 0px 0px 15px;
    background: #f6b839;*/
    /*transform: scale(1.06);
    transition: transform 7s ease-out;*/*/
}

/*.swiper-slide-active .slide-image-wrap img {
    transform: scale(1);
}*/

.custom-tabs {
    border-bottom: none;
    display: flex;
}

/* each tab */
.custom-tabs>li {
    float: none;
}

.text-white{
    color: #fff !important;
}

/* tab link */
.custom-tabs>li>a {
    border: none !important;
    background: transparent !important;
    color: #888;
    font-weight: 500;
    position: relative;
    padding: 10px 20px;
}

/* number circle */
.tab-number {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: rgb(253 95 23 / 10%);
    color: #f6b839;
    text-align: center;
    margin-right: 8px;
    font-weight: 600;
}

/* active tab */
.custom-tabs>li.active>a {
    color: #f6b839;
}

/* active number */
.custom-tabs>li.active .tab-number {
    background: #f6b839;
    color: #fff;
}

/* underline */
.custom-tabs>li.active>a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 3px;
    background: #f6b839;
}

/* hover effect */
.custom-tabs>li>a:hover {
    color: #f6b839;
}

.home-sub-services {
    padding: 0px 15px;
    border: 1px solid #ccc;
}

.home-sub-services {
    padding: 0px 15px;
    border: 1px solid #ccc;
}

.border-right {
    border-right: 1px solid #ccc;
}

.dev-card1 {
    background: linear-gradient(145deg,
            rgba(18, 100, 110, 0.88) 0%,
            rgba(13, 65, 100, 0.84) 35%,
            rgba(16, 40, 88, 0.92) 65%,
            rgba(19, 26, 72, 0.97) 100%),
        url('assets/images/home/drilling-services.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.dev-card2 {
    background: linear-gradient(145deg,
            rgba(18, 100, 110, 0.88) 0%,
            rgba(13, 65, 100, 0.84) 35%,
            rgba(16, 40, 88, 0.92) 65%,
            rgba(19, 26, 72, 0.97) 100%),
        url('assets/images/home/mining-bg-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.dev-card3 {
    background: linear-gradient(145deg,
            rgba(18, 100, 110, 0.88) 0%,
            rgba(13, 65, 100, 0.84) 35%,
            rgba(16, 40, 88, 0.92) 65%,
            rgba(19, 26, 72, 0.97) 100%),
        url('assets/images/blog/img-3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

</style>

<body>
    <!-- start page-wrapper -->
    <div class="page-wrapper">
        <!-- start preloader -->
        <!-- <div class="preloader">
            <div class="loader">
                <div class="gear two">
                    <svg viewbox="0 0 100 100" fill="#092f53">
                        <path
                            d="M97.6,55.7V44.3l-13.6-2.9c-0.8-3.3-2.1-6.4-3.9-9.3l7.6-11.7l-8-8L67.9,20c-2.9-1.7-6-3.1-9.3-3.9L55.7,2.4H44.3l-2.9,13.6      c-3.3,0.8-6.4,2.1-9.3,3.9l-11.7-7.6l-8,8L20,32.1c-1.7,2.9-3.1,6-3.9,9.3L2.4,44.3v11.4l13.6,2.9c0.8,3.3,2.1,6.4,3.9,9.3      l-7.6,11.7l8,8L32.1,80c2.9,1.7,6,3.1,9.3,3.9l2.9,13.6h11.4l2.9-13.6c3.3-0.8,6.4-2.1,9.3-3.9l11.7,7.6l8-8L80,67.9      c1.7-2.9,3.1-6,3.9-9.3L97.6,55.7z M50,65.6c-8.7,0-15.6-7-15.6-15.6s7-15.6,15.6-15.6s15.6,7,15.6,15.6S58.7,65.6,50,65.6z">
                        </path>
                    </svg>
                </div>
                <div class="gear three">
                    <svg viewbox="0 0 100 100" fill="#f6b839">
                        <path
                            d="M97.6,55.7V44.3l-13.6-2.9c-0.8-3.3-2.1-6.4-3.9-9.3l7.6-11.7l-8-8L67.9,20c-2.9-1.7-6-3.1-9.3-3.9L55.7,2.4H44.3l-2.9,13.6      c-3.3,0.8-6.4,2.1-9.3,3.9l-11.7-7.6l-8,8L20,32.1c-1.7,2.9-3.1,6-3.9,9.3L2.4,44.3v11.4l13.6,2.9c0.8,3.3,2.1,6.4,3.9,9.3      l-7.6,11.7l8,8L32.1,80c2.9,1.7,6,3.1,9.3,3.9l2.9,13.6h11.4l2.9-13.6c3.3-0.8,6.4-2.1,9.3-3.9l11.7,7.6l8-8L80,67.9      c1.7-2.9,3.1-6,3.9-9.3L97.6,55.7z M50,65.6c-8.7,0-15.6-7-15.6-15.6s7-15.6,15.6-15.6s15.6,7,15.6,15.6S58.7,65.6,50,65.6z">
                        </path>
                    </svg>
                </div>
            </div>
        </div> -->
        <!-- end preloader -->

        <!-- Start header -->
        <header id="header" class="site-header header-style-1">
            <nav class="navigation navbar navbar-default">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="open-btn">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="index.html"><img src="assets/images/logo.jpeg" alt /></a>
                    </div>
                    <div id="navbar" class="navbar-collapse collapse navigation-holder">
                        <button class="close-navbar"><i class="ti-close"></i></button>
                        <ul class="nav navbar-nav">
                            <li class="menu-item-has-children">
                                <a href="<?php echo $base_url; ?>">Home</a>
                                <!-- <ul class="sub-menu">
                    <li><a href="index-2.html">Home Default</a></li>
                    <li><a href="index-3.html">Home style 2</a></li>
                    <li><a href="index-4.html">Home style 3</a></li>
                  </ul> -->
                            </li>
                            <li><a href="#?">About</a></li>
                            <!-- <li class="menu-item-has-children">
                  <a href="#">Pages</a>
                  <ul class="sub-menu">
                    <li><a href="about.html">About</a></li>
                    <li><a href="contact.html">Contact</a></li>
                    <li><a href="testimonials.html">Testimonials</a></li>
                    <li>
                      <a href="testimonials-s2.html">Testimonials style 2</a>
                    </li>
                    <li><a href="team.html">Team</a></li>
                    <li><a href="faq.html">FAQ</a></li>
                    <li><a href="404.html">404</a></li>
                    <li><a href="shop.html">Shop</a></li>
                    <li><a href="shop-single.html">Shop single</a></li>
                  </ul>
                </li> -->
                            <li class="menu-item-has-children">
                                <a href="#">Services</a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#Level3">Drilling Services</a>
                                        <ul class="sub-menu">
                                            <li><a href="#?">Diamond Drilling</a></li>
                                            <li>
                                                <a href="#?">RC Drilling</a>
                                            </li>
                                            <li>
                                                <a href="#?">BlastHole Drilling</a>
                                            </li>
                                            <li>
                                                <a href="#?">Dewatering</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#?">Mining Services</a>
                                    </li>
                                    <li>
                                        <a href="#">Equipment Rental Services</a>
                                    </li>


                                </ul>

                                <li><a href="<?php echo $base_url; ?>mining-equipment.php">Mining Equipment</a></li>
                                <!-- <ul class="sub-menu">
                    <li><a href="services.html">Services</a></li>
                    <li><a href="services-s2.html">Services style 2</a></li>
                    <li>
                      <a href="service-single.html">Mechanical Engineering</a>
                    </li>
                    <li><a href="oil-gas.html">Oil And Gas</a></li>
                    <li><a href="power-energy.html">Power And Energy</a></li>
                    <li>
                      <a href="sanitary-plumbing.html">Sanitary & Plumbing</a>
                    </li>
                    <li>
                      <a href="electrical-power.html">Electrical Power</a>
                    </li>
                  </ul> -->
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">Sustainability</a>
                                <!-- <ul class="sub-menu">
                    <li><a href="portfolio.html">Projects</a></li>
                    <li><a href="portfolio-s2.html">Projects style 2</a></li>
                    <li><a href="project-single.html">Project single</a></li>
                  </ul> -->
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">Investors</a>
                                <!-- <ul class="sub-menu">
                    <li><a href="blog.html">Blog</a></li>
                    <li>
                      <a href="blog-left-sidebar.html">Blog left sidebar</a>
                    </li>
                    <li><a href="blog-fullwidth.html">Blog full width</a></li>
                    <li class="menu-item-has-children">
                      <a href="#Level3">Blog single</a>
                      <ul class="sub-menu">
                        <li><a href="blog-single.html">Blog single</a></li>
                        <li>
                          <a href="blog-single-left-sidebar.html"
                            >Blog single left sidebar</a
                          >
                        </li>
                        <li>
                          <a href="blog-single-fullwidth.html"
                            >Blog single full width</a
                          >
                        </li>
                      </ul>
                    </li>
                  </ul> -->
                            </li>
                            <li><a href="#?">Contact Us</a></li>
                        </ul>
                    </div>
                    <!-- end of nav-collapse -->

                    <div class="search-contact">
                        <!-- <div class="header-search-area">
                            <div class="header-search-form">
                                <form class="form">
                                    <div>
                                        <input type="text" class="form-control" placeholder="Search here" />
                                    </div>
                                    <button type="submit" class="btn">
                                        <i class="ti-search"></i>
                                    </button>
                                </form>
                            </div>
                            <div>
                                <button class="btn open-btn">
                                    <i class="ti-search"></i>
                                </button>
                            </div>
                        </div> -->
                        <div class="contact">
                            <div class="call">
                                <i class="fi flaticon-call"></i>
                                <p>Call us anytime</p>
                                <h5>+65487441584</h5>
                            </div>
                            <!-- <a href="#" class="theme-btn">Contact us</a> -->
                        </div>
                    </div>
                </div>
                <!-- end of container -->
            </nav>
        </header>
        <!-- end of header -->