<?php
   if (isset($_POST["guest_submit"])) {
       $guest_data = [
           "mobile" => $_POST["mobile"],
           "email" => $_POST["email"],
       ];
       $condition =
           "email ='" .
           $guest_data["email"] .
           "'";
       $query = $sel_obj->display_rcd("guest_contact", $condition);
       if (empty($query)) {
           $guest_data["created_at"] = date("Y-m-d H:i:s");
           $insert_id = $sel_obj->insert("guest_contact", $guest_data);
       }
       $success_guest = 1;
   }
   $condition_quote = "`id`=1";
   $get_quote = $sel_obj->display_rcd("tbl_quotes", $condition_quote);
   if (is_array($get_quote) || !empty($get_quote)) {
       foreach ($get_quote as $get_quotedata) {
       }
   }
   ?>
<!-- Header End -->
<style>
   .form-control{
   border-radius:8px!important; border: 2px solid #ced4da!important;
   }
   .modal-header-2{
   background-color: black!important;
   }
   .close{
   color: white!important;
   }
   .modal-title-2{
   color: white;
   }
   .modal-footer{
   background-color: lightgrey;
   }
   .logo_modal{
   float: left!important; margin-top: 0rem!important;
   }
   .modal-footer button{
   background-color: black!important; border-radius: 19px!important;
   }
   .modal-footer button:hover{
   background-color: white!important;
   color: black
   }
   .modal-dialog-2 {
   margin: 0% auto;
   max-width: 600px;
   }
   /*.owl-prev, .owl-next {display: none!important;}*/
  /* .___my_owl .owl-prev {
        margin-top: 13%;
    left: -32px!important;
   }
   .___my_owl .owl-next {
    margin-top: 13%;
    right: -32px!important;
   } 
   .___my_owl_2 .owl-next {
    margin-top: 15%;
    right: -26px!important;
          position: absolute!important;
   }
   .___my_owl_2 .owl-prev {
        margin-top: 15%;
    left: -26px!important;
          position: absolute!important;
   }*/

.owl-prev{
      position: absolute;
    left: 0;
}

.owl-next{
      position: absolute;
    right: 0;
}

  @media only screen and (min-width: 150px) and (max-width:768px) {
    .___my_owl .owl-prev {
      margin-top: 42%;
      left: 0;
     }
     .___my_owl .owl-next {
      margin-top: 42%;
      right: 0;
     } 
     .___my_owl_2 .owl-next {
      margin-top: 50%;
      right: 0;
     }
     .___my_owl_2 .owl-prev {
          margin-top: 50%;
      left: 0;
     }
  }


.newarvl
{
    padding: 20px 0px;
}
.innarbox
{
    margin-top: 15px;
}
.ninnxt
{
    font-size: 16px;
    font-weight: 600;
}
.newiner
{
    background: #fff;
    height: 100%;
    position: relative;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 20px;
}
.new2box
{
    margin-bottom: 20px;
    box-shadow:4px 5px 7px 0px #eee;
    padding:5px;
}
.new2box img
{
    width: 100%;
}
.new2box p
{
    font-size: 12px;
    color: #111;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.stimg img
{
    width: 100%;
}
</style>
<!-- Slider Arae Start -->


<style >
  .bggdg {
    background: none;
    border: none;
}

.zones{
        color: #fff;
    background-color: #b5080a;
    border-color: #dc3545;
    width: 100%;
}
.modal-dialog .modal-body {
    padding: 14px 15px;
}
.modal-body p{
    margin-bottom:14px;
}
.pridp
{
        position: absolute;
    top: 0px;
    left: 0px;
    background: #ea1d25;
    color: #fff !important;
    padding: 5px;
    font-size: 12px;
}
</style>

<!-- =================== Mobile Banner =================== -->
<div  id="carouselExampleControls" class="carousel slide mobile_banner" data-ride="carousel">
    <div class="carousel-inner">
       <?php
          $mbanner_condition = "`status`= 1";
          $mbanner_query = $sel_obj->display_rcd("mobile_5", $mbanner_condition);
          if (is_array($mbanner_query) and !empty($mbanner_query)) {
              $a = 1;
              foreach ($mbanner_query as $m_banner_data) {
                  $img_link = "admin/upload/" . $m_banner_data["image"]; ?>
       <div class="carousel-item <?php
          if ($a == 1) { ?>active<?php }
          $a + 1;
          ?>">
          <img src="<?php echo $img_link; ?>" class="d-block w-100" alt="banner-image">
       </div>
       <?php $a++;
          }
          }
          ?>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
    </a>
 </div>
 <!-- ================================= -->
<!-- ========= Desktop banner ==================== -->
<section class="mainbaner">
  <div class="container-fluid" style="padding:0px;">
    <div class="row">
      <div class="col-lg-12" style="padding:0px;">
        <div id="carouselExampleIndicators_1" class="carousel slide desktopbanner" data-ride="carousel">
         
            <div class="carousel-inner">
              <?php
                 $banner_condition1 = array('status'=>1);
                $banner_query1 = $sel_obj->select_where("banner", $banner_condition1);
                $nn = 0;
                foreach ($banner_query1 as $banner_data) { 
                if($banner_data['type']==1) { 
                $nn++;$extension  = pathinfo( $banner_data["image"], PATHINFO_EXTENSION );?>
              <div class="carousel-item forh_w <?php echo ($nn==1)?' active':''; ?>">
                <?php if($extension=="jpeg" || $extension=="jpg" || $extension=="png" || $extension=="webp"){ ?>
                 <a href="<?=$banner_data["link"]?>">  
                    <img src="<?=BASE_URL?>admin/upload/<?php echo $banner_data["image"]; ?>" class="d-block w-100" alt="banner">
                </a>    
                <?php } if($extension=="mp4" || $extension=="webm" || $extension=="ogv"){ ?>
                  <video  controls autoplay class="slider-height-11 d-flex align-items-start justify-content-start bg-img" style="width: 100%">
                    <source src="<?=BASE_URL?>admin/upload/<?php echo $banner_data["image"]; ?>" type="video/mp4">
                  </video>
                  <?php } ?>
              </div>
               <?php } } ?>
            </div>
            <button class="carousel-control-prev bggdg" type="button" data-target="#carouselExampleIndicators_1" data-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </button>
            <button class="carousel-control-next bggdg" type="button" data-target="#carouselExampleIndicators_1" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </button>
          </div>
      </div>
  </div>
  </div>
</section>




<!-- <div class="container-fluid">
   <div class="row">
      <div class="col-lg-8 col-xl-8 col-md-8 col-sm-6 _marqcenter">
         <div class="alert alert-danger alert-dismissible" role="alert" style="margin-top: 16px;">
            <button type="button" onclick="this.parentNode.parentNode.removeChild(this.parentNode);" class="close" data-dismiss="alert"><span aria-hidden="true" style="display: none;">×</span><span class="sr-only">Close</span></button>
            <strong><i class="fa fa-cart-arrow-down"></i> Welcome</strong> 
            <marquee>
               <p style="font-family: 'Gilroy';
    font-size: 16pt;
    color: #111;"><?php echo $get_quotedata['quote']; ?></p>
            </marquee>
         </div>
      </div>
      <div class="col-lg-4 col-xl-4 col-md-4 col-sm-6 _mobilehead">
         <img src="assets/images/quote_img/<?php echo $get_quotedata['image']; ?>" class="img-fluid" alt="queto" style="margin-left:15px;">
      </div>
   </div>
</div>-->
<!-- ============ Ctegory Offers ============== -->
 <script src="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>
<!----------HTML code starts here------->
<?php 
  $ofr_cat_condition = "`status`= 1";
  $ofr_cat_query = $sel_obj->display_rcd("offer_category", $ofr_cat_condition);
  if (is_array($ofr_cat_query) and !empty($ofr_cat_query)) {
?>
<section>
  <div class="container-fluid pl-3 pr-3 m-auto ">
    <div class="owl-carousel owl-theme owl-loaded owl-drag owlcat">   
       <div class="owl-stage-outer">
         <div class="owl-stage" style="transform: translate3d(-1527px, 0px, 0px); transition: all 0.25s ease 0s; width: 3334px;">
           <?php
              foreach ($ofr_cat_query as $ofr_cat_data) {
                  $img_link = "admin/upload/offer_category/" . $ofr_cat_data["image"]; 
            ?>
            <div class="owl-item " >
              <a href="<?=BASE_URL?>category/<?php echo $ofr_cat_data['category_id'];?>/1/<?php echo strtolower(str_replace(" ","-",$ofr_cat_data['title']));?>">
              <!-- <div class="item"> -->
                <div class="slide category-list_oop" style="padding: 0px!important; border-radius: 2px;">
                  <div class="container-fluid m-0  for_next_imhp owlcatt">
                    <b><?php echo $ofr_cat_data["title"]; ?></b>
                  </div>
                  <div class="custom_css_cls33 container-fluid">
                    <div class="row">
                      <div class="col-md-12 pt-2 pr-0 owlimgy">
                        <img src="<?php echo $img_link; ?>" class="img-fluid" alt="category-image">
                      </div>
                      <!--<div class="col-md-6">-->
                      <!--  <div class="m-0 for_sme_chngs font-weight-bold">-->
                      <!--    <?php echo $ofr_cat_data["description"]; ?>-->
                      <!--  </div>-->
                      <!--</div>-->
                    </div>
                  </div>
                  <div class="show_mord container-fluid m-0 "> Show More Details </div>
                </div>
              <!-- </div> -->
              </a>
            </div>
            <?php } ?>
         </div>
       </div> 
    </div>
  </div>
</section>
<?php } ?>
 <script type="text/javascript">
//   var owl = $('.owl-carousel');
//   owl.owlCarousel({
//       items:4, 
//       loop:true,
//       autoplay:true,
//       autoplayTimeout:3000,
//       autoplayHoverPause:true,
//       dots: false,
//       responsive:{
//           0:{
//               items:1
//           },
//           600:{
//               items:2
//           },
//           800:{
//               items:3
//           },
//           1000:{
//               items:4
//           }
//       }
//   });
 </script>
<!-- ================================= -->

<section class="stosec">
  <div class="container">
    <div class="row">
        <div class="col-md-1"></div>
      <div class="col-md-10">
        <div class="storbox">
          <div class="card">
               <div class="card-header">
              <ul class="nav nav-tabs justify-content-center" role="tablist">
                <li class="nav-item">
                  <a class="nav-link active" data-toggle="tab" href="#home" role="tab">
                    <i class="now-ui-icons objects_umbrella-13"></i> About Us
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" data-toggle="tab" href="#profile" role="tab">
                    <i class="now-ui-icons shopping_cart-simple"></i>Innovative Solution
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" data-toggle="tab" href="#messages" role="tab">
                    <i class="now-ui-icons shopping_shop"></i> Customer Focus
                  </a>
                </li>
               
              </ul>
            </div>
            <div class="card-body">
              <!-- Tab panes -->
              <div class="tab-content ">
                <div class="tab-pane active" id="home" role="tabpanel">
                  <div class="row">
                    <div class="col-md-6 mobnone">
                      <div class="stimg ">
                        <img src="assets/images/A.png">
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="sttext moblst1">
                        <p>
                          ABOUT US
                        </p>
                        <h4>
                          Redsun 
                        </h4>
                        <p class="sttpp">
                          These products are manufactured by our skilled professionals making use of modern machinery, superior technology and high-quality raw material. Our qualified professionals conduct the production processes of these products in accordance with the global quality standards to make sure that these stands perfectly in all aspects. Due to their effectiveness, high performance, easy operations and shock proof nature, our offered array is widely demanded amongst customers. We are offering these products under the own brand name redsun. We are exporting our product globally.
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-pane" id="profile" role="tabpanel">
                  <div class="row">
                    <div class="col-md-6 mobnone">
                      <div class="stimg">
                        <img src="assets/images/a3.jpg">
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="sttext moblst2">
                    
                        <h4>
                          Innovative Solution
                        </h4>
                        <p class="sttpp">
                          One of the main reasons for the success of Redsun is because of this. The primary concern when using any electronic and electric(al) device is safety. Installing MRedsun is a clever idea if you have kids at home because they are made of high-quality Material and have no metal parts on the front.


                        </p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-pane" id="messages" role="tabpanel">
                  <div class="row">
                    <div class="col-md-6 mobnone">
                      <div class="stimg">
                        <img src="assets/images/a4.png">
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="sttext moblst3">
                      
                        <h4>
                          Customer Focus
                        </h4>
                        <p class="sttpp">
                          Our Company maintain a close relationship with our customers, work in partnership with them and prefer collaboration through personal contact. Also, we try to understand their changing preferences and needs. When looking at customer needs, we make special note of changes in technology advancement .

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






<style>
  .sttext
  {
      text-align: left;
      padding-right: 90px;
  }
  .sttext p
  {
    margin-bottom: 15px;
  }
  .sttext h4
  {
    margin-bottom: 15px;
  }
  .sttpp
  {
    font-size: 14px;
  }
  .storbox .nav-tabs
  {
    border-bottom: none;
  }
  .storbox .card-header
  {
    background-color: transparent;
  }
  .storbox .nav-tabs .nav-link
  {
        font-size: 18px;
    color: #777;
  }
  .storbox .nav-tabs .nav-link.active
   {
    border: none;
   }
   .storbox .nav-tabs .nav-link.active
   {
    border-bottom: 3px solid #222;
   }
   .storbox .nav-link
   {
     padding:0px 0px 10px 0px;
     margin-right: 20px;
   }

   
   @media (max-width: 768px)
   {
      .moblst1
     {
      background-image: url(assets/images/mobg.jpg);
      background-size: cover;
     }
     .moblst2
     {
      background-image: url(assets/images/mobg.jpg);
      background-size: cover;
     }
     .moblst3
     {
      background-image: url(assets/images/mobg.jpg);
      background-size: cover;
     }
    .storbox .card-body
    {
      padding: 0px;
    }
    .mobnone
    {
      display: none;
    }
    .sttext
    {
          margin-top: 0px;
    padding: 30px 30px 30px 30px;
    color: #f6f6f6;
    text-align: center;
    }
   }
</style>




<!--Strips-->
<section class="categorie-area mb-60px mt-30 _wrapper ">

   <div class="container owlcat">
      <div class="section-title catmtol">
         <h2>Strips</h2>
        <div class="clear"></div>
      </div>
      <div class="category-slider owl-carousel owl-nav-style ___my_owl_2 owlcat">
         <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
            <div class="banner-wrapper">
                <a href="https://mdnenterprises.in/category/35/1/power-strip">
                    <img src="assets/images/home-page-product/STRIPS/1+4 loose coloured.png" alt="1+4 loose coloured.png" />
                </a>
            </div>
            <span class="img-caption cattetx">
                1+4 loose coloured
            </span>
         </div>
         <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
            <div class="banner-wrapper">
                <a href="https://mdnenterprises.in/category/35/1/power-strip">
                    <img src="assets/images/home-page-product/STRIPS/1+4 ring black.png" alt="1+4 ring black.png" />
                </a>
            </div>
            <span class="img-caption cattetx">
                1+4 ring black
            </span>
         </div>
         <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
            <div class="banner-wrapper">
                <a href="https://mdnenterprises.in/category/35/1/power-strip">
                    <img src="assets/images/home-page-product/STRIPS/1+4 ring white.png" alt="1+4 ring white.png" />
                </a>
            </div>
            <span class="img-caption cattetx">
                1+4 ring white
            </span>
         </div>
         <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
            <div class="banner-wrapper">
                <a href="https://mdnenterprises.in/category/35/1/power-strip">
                    <img src="assets/images/home-page-product/STRIPS/1+6 black.png" alt="1+6 black.png" />
                </a>
            </div>
            <span class="img-caption cattetx">
                1+6 black
            </span>
         </div>
         <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
            <div class="banner-wrapper">
                <a href="https://mdnenterprises.in/category/35/1/power-strip">
                    <img src="assets/images/home-page-product/STRIPS/4+4 metal eco.png" alt="4+4 metal eco.png" />
                </a>
            </div>
            <span class="img-caption cattetx">
                4+4 metal eco
            </span>
         </div>
        
      </div>
   </div>
  
</section>

<!--MCBs-->
<section class="categorie-area mb-60px mt-30 _wrapper ">

   <div class="container owlcat">
      <div class="section-title catmtol">
         <h2>MCBS</h2>
        <div class="clear"></div>
      </div>
      <div class="category-slider owl-carousel owl-nav-style ___my_owl_2 owlcat">
        <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
            <div class="banner-wrapper">
                <a href="https://mdnenterprises.in/category/31/1/mcb">
                    <img src="assets/images/home-page-product/MCBS/DP MCB 40A.png" alt="DP MCB 40A.png" />
                </a>
            </div>
            <span class="img-caption cattetx">
                DP MCB 40A
            </span>
         </div>
         <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
            <div class="banner-wrapper">
                <a href="https://mdnenterprises.in/category/31/1/mcb">
                    <img src="assets/images/home-page-product/MCBS/HOMESAFE 32A.png" alt="HOMESAFE 32A.png" />
                </a>
            </div>
            <span class="img-caption cattetx">
                HOMESAFE 32A
            </span>
         </div>
         <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
            <div class="banner-wrapper">
                <a href="https://mdnenterprises.in/category/31/1/mcb">
                    <img src="assets/images/home-page-product/MCBS/SP MCB 6-32A.png" alt="SP MCB 6-32A.png" />
                </a>
            </div>
            <span class="img-caption cattetx">
                SP MCB 6-32A
            </span>
         </div>
         <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
            <div class="banner-wrapper">
                <a href="https://mdnenterprises.in/category/31/1/mcb">
                    <img src="assets/images/home-page-product/MCBS/FORE POLE MCB.png" alt="FORE POLE MCB.png" />
                </a>
            </div>
            <span class="img-caption cattetx">
                FORE POLE MCB
            </span>
         </div>
         <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
            <div class="banner-wrapper">
                <a href="https://mdnenterprises.in/category/31/1/mcb">
                    <img src="assets/images/home-page-product/MCBS/63A DP MCB.png" alt="63A DP MCB.png" />
                </a>
            </div>
            <span class="img-caption cattetx">
                63A DP MCB
            </span>
         </div>
      </div>
   </div>
  
</section>

<!--PIN TOPS-->
<section class="categorie-area mb-60px mt-30 _wrapper ">

    <div class="container owlcat">
        <div class="section-title catmtol">
            <h2>2 PIN TOPS</h2>
            <div class="clear"></div>
        </div>
        <div class="category-slider owl-carousel owl-nav-style ___my_owl_2 owlcat">
            <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
                <div class="banner-wrapper">
                    <a href="https://mdnenterprises.in/category/32/1/2-pin-top">
                        <img src="assets/images/home-page-product/PINTOP/2 Pin Top    m_f magic.png" alt="2 Pin Top    m_f magic.png" />
                    </a>
                </div>
                <span class="img-caption cattetx">
                    2 Pin Top m_f magic
                </span>
            </div>
            <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
                <div class="banner-wrapper">
                    <a href="https://mdnenterprises.in/category/32/1/2-pin-top">
                        <img src="assets/images/home-page-product/PINTOP/2 Pin Top   2 pin top king spl.png" alt="2 Pin Top   2 pin top king spl.png" />
                    </a>
                </div>
                <span class="img-caption cattetx">
                    2 pin top king spl
                </span>
            </div>
            <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
                <div class="banner-wrapper">
                    <a href="https://mdnenterprises.in/category/32/1/2-pin-top">
                        <img src="assets/images/home-page-product/PINTOP/2 Pin Top   2 pin top snail.png" alt="2 Pin Top   2 pin top snail.png" />
                    </a>
                </div>
                <span class="img-caption cattetx">
                    2 pin top snail
                </span>
            </div>
            <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
                <div class="banner-wrapper">
                    <a href="https://mdnenterprises.in/category/32/1/2-pin-top">
                        <img src="assets/images/home-page-product/PINTOP/2 Pin Top Gold.png" alt="2 Pin Top Gold.png" />
                    </a>
                </div>
                <span class="img-caption cattetx">
                    2 Pin Top Gold
                </span>
            </div>
            <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
                <div class="banner-wrapper">
                    <a href="https://mdnenterprises.in/category/32/1/2-pin-top">
                        <img src="assets/images/home-page-product/PINTOP/m_f fiesta.png" alt="m_f fiesta.png" />
                    </a>
                </div>
                <span class="img-caption cattetx">
                    m_f fiesta
                </span>
            </div>
        </div>
    </div>
  
</section>

<!--3PIN TOPS-->
<section class="categorie-area mb-60px mt-30 _wrapper ">

    <div class="container owlcat">
        <div class="section-title catmtol">
            <h2>3 PIN TOPS</h2>
            <div class="clear"></div>
        </div>
        <div class="category-slider owl-carousel owl-nav-style ___my_owl_2 owlcat">
            <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
                <div class="banner-wrapper">
                    <a href="https://mdnenterprises.in/category/33/1/3-pin-top">
                        <img src="assets/images/home-page-product/3PINTOP/3 pin top 5a killer.png" alt="3 pin top 5a killer.png" />
                    </a>
                </div>
                <span class="img-caption cattetx">
                    3 pin top 5a killer
                </span>
            </div>
            <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
                <div class="banner-wrapper">
                    <a href="https://mdnenterprises.in/category/33/1/3-pin-top">
                        <img src="assets/images/home-page-product/3PINTOP/3 pin top 5a urea hexa.png" alt="3 pin top 5a urea hexa.png" />
                    </a>
                </div>
                <span class="img-caption cattetx">
                    3 pin top 5a urea hexa
                </span>
            </div>
            <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
                <div class="banner-wrapper">
                    <a href="https://mdnenterprises.in/category/33/1/3-pin-top">
                        <img src="assets/images/home-page-product/3PINTOP/3 pin top 15a killer.png" alt="3 pin top 15a killer.png" />
                    </a>
                </div>
                <span class="img-caption cattetx">
                    3 pin top 15a killer
                </span>
            </div>
            <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
                <div class="banner-wrapper">
                    <a href="https://mdnenterprises.in/category/33/1/3-pin-top">
                        <img src="assets/images/home-page-product/3PINTOP/3 pin top 15a rio.png" alt="3 pin top 15a rio.png" />
                    </a>
                </div>
                <span class="img-caption cattetx">
                    3 pin top 15a rio
                </span>
            </div>
            <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
                <div class="banner-wrapper">
                    <a href="https://mdnenterprises.in/category/33/1/3-pin-top">
                        <img src="assets/images/home-page-product/3PINTOP/3 pin top 15a classic.png" alt="3 pin top 15a classic.png" />
                    </a>
                </div>
                <span class="img-caption cattetx">
                    3 pin top 15a classic
                </span>
            </div>
        </div>
    </div>
  
</section>

 <?php
   $condition = "status= 1  and s_home=1 ORDER BY `short_order` DESC";
   $query = $sel_obj->display_rcd("all_brands", $condition);
   if (is_array($query) || !empty($query)) {
   foreach ($query as $data) {
        $brand_name = $data["name"];
        $cat_banner_1 = $data["cat_banner_1"];
        $cat_banner_2 = $data["cat_banner_2"];
        $cat_link_1 = $data["cat_link_1"];
        $cat_link_2 = $data["cat_link_2"];
        $brandID = $data["id"];
       ?>

<?php if($data["dsiplaytype"] ==1):?>

<section class="categorie-area mb-60px mt-30 _wrapper ">

   <div class="container owlcat">
      <div class="section-title catmtol">
         <h2><?=$brand_name?></h2>
         <a href="<?=BASE_URL?>shop-brand/<?=$brandID?>/1/<?php echo strtolower(str_replace(" ","-",$brand_name));?>" class="vibtno">
           View All
         </a>
        <div class="clear"></div>
      </div>
      <div class="category-slider owl-carousel owl-nav-style ___my_owl_2 owlcat">
        <?php
           $condition = " cat_id IN(SELECT cat_id FROM multi_order_cat WHERE o_id=$brandID) and status=1 AND s_home=1";
           $query = $sel_obj->display_rcd("category", $condition);
      
           if (is_array($query) || !empty($query)) {
           foreach ($query as $dataCat) {
                $cat_name       = $dataCat["name"];
                $cat_banner_1   = $dataCat["cat_banner_1"];
                $cat_banner_2   = $dataCat["cat_banner_2"];
                $cat_link_1     = $dataCat["cat_link_1"];
                $cat_link_2     = $dataCat["cat_link_2"];
        ?>
         <div class="mb-res-xs-30 mb-res-sm-30 mb-10">
            <div class="banner-wrapper">
                <a href="<?=BASE_URL?>category/<?php echo $dataCat['cat_id'];?>/1/<?php echo strtolower(str_replace(" ","-",$dataCat['name']));?>">
                    <img src="<?=BASE_URL?>admin/upload/<?php echo $dataCat["image"]; ?>" alt="category-image" />
                </a>
            </div>
            <span class="img-caption cattetx">
            <?php echo $cat_name; ?>
            </span>
         </div>
         <?php }
            }
            ?>
      </div>
   </div>
  
</section>

<?php else:?>


<?php endif;?>
    
<?php
   } }  ?>




    <!--<section>-->
    <!--     <div class="container px-5">-->
    <!--        <h2 class="sec-title"><span class="font-style text-theme">Client Reviews</span></h2>-->
    <!--        <div class="row">-->
    <!--           <div class="col-md-6">-->
    <!--                <div class="review-wrapper">-->
                        
    <!--                </div>-->
    <!--           </div>-->
    <!--           <div class="col-md-4 m-auto">-->
    <!--              <img src="assets/images/faqs.svg" alt="">-->
    <!--           </div>-->
    <!--        </div>-->
    <!--     </div>-->
    <!--  </section>-->

<div class="banner-3-area">
   <div class="container">
      <div class="row">
         <div class="col-lg-12 col-md-6 col-sm-12 col-xs-12 mb-res-xs-30 mb-res-sm-30">
            <div class="banner-wrapper">
               <a href="#"><img src="assets/images/footer-banner.png" alt="parallax" /></a>
            </div>
         </div>
      </div>
   </div>
</div>
<br>
<br>

<style>
   
.quistion-wrapper
{
  position: relative;
}
.quistion-wrapper .quistionBx h4
{
  position: relative;
  padding-bottom: 1rem;
  margin: 0.7rem 0 1rem;
  border-bottom: 1px dashed #f00;
  padding-right: 40px;
  cursor: pointer;
}
.quistion-wrapper .quistionBx h4 span
{
    color:#f00;
}
.quistion-wrapper .quistionBx
{
  position: relative;
}
.quistion-wrapper .quistionBx::before
{
  position: absolute;
  content: '';
  right: 10px;
  top: 1rem;
  width: 20px;
  height: 3px;
  background: #eb0029;
}
.quistion-wrapper .quistionBx::after
{
  position: absolute;
  content: '';
  right: 10px;
  top: 1rem;
  width: 20px;
  height: 3px;
  transition: 0.2s;
  transform: rotate(90deg);
  background: #eb0029;
}
.quistion-wrapper .quistionBx.active::after
{
  transform: rotate(00deg);
}
.quistion-wrapper .quistionBx .answerBx
{
  position: relative;
  /* opacity: 0; */
  height: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: 0.2s;
}
.quistion-wrapper .quistionBx.active .answerBx
{
  position: relative;
  opacity: 1;
  transform: scaleY(1);
  height: auto;
}
.sec-title
{
        text-align: center;
    font-weight: 800;
    font-size: 4rem;
    color: #d7271e;
}
</style>
      <section>
         <div class="container px-5">
            <h2 class="sec-title"><span class="font-style text-theme">FAQs</span></h2>
            <div class="row">
               <div class="col-md-6">
                  <div class="quistion-wrapper">
                     <div class="quistionBx active">
                         <h4><span class="font-style text-theme">Q1</span> What types of electronic products do you offer?</h4>
                         <p class="answerBx">
                             We offer a wide range of electronic products, including MCB boxes, power strips, modular MCBs, surge protectors, distribution boards, and other related accessories.
                         </p>
                     </div>
                     <div class="quistionBx">
                         <h4><span class="font-style text-theme">Q2</span> How can I place an order?</h4>
                         <p class="answerBx">
                             You can place an order through our website, by phone, or by visiting our showroom. Our customer service team is available to assist you with any questions or to guide you through the ordering process.
                         </p>
                     </div>
                     <div class="quistionBx">
                         <h4><span class="font-style text-theme">Q3</span> Do you offer bulk pricing or discounts?</h4>
                         <p class="answerBx">
                             Yes, we offer competitive pricing and discounts on bulk orders. For more details on bulk pricing and to receive a customized quote, please contact our sales team.
                         </p>
                     </div>
                     <div class="quistionBx">
                         <h4><span class="font-style text-theme">Q4</span> What are your delivery options?</h4>
                         <p class="answerBx">
                             We provide several delivery options, including standard shipping, express shipping, and same-day delivery for urgent orders in select areas. Delivery times and shipping charges depend on the size of the order and the delivery location.
                         </p>
                     </div>
                     <div class="quistionBx">
                         <h4><span class="font-style text-theme">Q5</span> Do you provide technical support?</h4>
                         <p class="answerBx">
                             Yes, our knowledgeable technical support team is available to assist you with any questions regarding our products, including specifications, installation guidance, and troubleshooting.
                         </p>
                     </div>
                 </div>
               </div>
               <div class="col-md-4 m-auto">
                  <img src="assets/images/faqs.svg" alt="">
               </div>
            </div>
         </div>
      </section>
<script>
   const quistionBx = document.querySelectorAll('.quistionBx');
   quistionBx.forEach(e => e.addEventListener('click', btn => {
      quistionBx.forEach(del => del.classList.remove('active'));
      e.classList.add('active');
   }))
</script>
<section class="static-area">
   <div class="container">
      <div class="static-area-wrap">
         <div class="row">
            <!-- <div class="col-lg-3 col-xs-12 col-md-6 col-sm-6">
               <div class="single-static pb-res-md-0 pb-res-sm-0 pb-res-xs-0">
                  <img src="assets/images/icons/static-icons-1.png" alt="" class="img-responsive" />
                  <div class="single-static-meta">
                     <h4>Free Shipping</h4>
                     <p>On all orders over ₹20K</p>
                  </div>
               </div>
            </div> -->
            <div class="col-lg-4 col-xs-12 col-md-4 col-sm-6">
               <div class="single-static pb-res-md-0 pb-res-sm-0 pb-res-xs-0 pt-res-xs-20">
                  <img src="assets/images/icons/static-icons-2.png" alt="static-icon" class="img-responsive" />
                  <div class="single-static-meta">
                     <h4>Free Returns</h4>
                     <p>Returns are free within 9 days</p>
                  </div>
               </div>
            </div>
            <div class="col-lg-4 col-xs-12 col-md-4 col-sm-6">
               <div class="single-static pt-res-md-30 pb-res-sm-30 pb-res-xs-0 pt-res-xs-20">
                  <img src="assets/images/icons/static-icons-3.png" alt="static-icon" class="img-responsive" />
                  <div class="single-static-meta">
                     <h4>100% Payment Secure</h4>
                     <p>Your payment are safe with us.</p>
                  </div>
               </div>
            </div>
            <div class="col-lg-4 col-xs-12 col-md-4 col-sm-6">
               <div class="single-static pt-res-md-30 pb-res-sm-30 pt-res-xs-20">
                  <img src="assets/images/icons/static-icons-4.png" alt="static-icon" class="img-responsive" />
                  <div class="single-static-meta">
                     <h4>Support</h4>
                     <p>Contact us : 9990666555</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<!-- ---------- Popup Model --------------- -->
<?php if (!isset($checksession) && !isset($_SESSION["guest_sesion"])) { ?> 
<div id="guest_model" class="modal fade p-3">
   <div class="modal-dialog modal-dialog-2 modal-sm" style="max-width: 600px;">
      <div class="modal-content">
          <div class="modal-header modal-header-2" style="background-color: #25af91; padding:0px;">
            <div class="container-fluid">
               <div class="row">
                  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 logo_modal mt-3 text-center">
                     <img class="img-fluid" src="assets/images/logo/vdc.png" alt="logo" style="height: 71px;">
                  </div>
               </div>
            </div>
         </div>
         <div class="modal-header modal-header-2" style="background-color: #25af91;">
            <div class="container-fluid">
               <div class="row">
                  <div class="col-lg-7 col-md-8 col-sm-8 col-xs-8 col-8">
                     <h5 class="modal-title-2 mt-1" id="exampleModalLabel">Welcome to Redsun</h5>
                  </div>
                  <div class="col-lg-5 col-md-4 col-sm-4 col-xs-4 col-4 mt-1 ">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                     </button>
                  </div>
               </div>
            </div>
         </div>
         <form action="" method="post">
            <div class="modal-body" style="background-color: #ffffff;">
               <p>Please enter your details to get in touch and latest update.</p>
               <!-- <p>Subscribe to our mailing list to get the latest updates straight in your inbox.</p> -->
               <div class="form-group">
                   <label>Enter Mobile</label>
                  <input type="text" name="mobile" class="form-control" placeholder="Phone Number" pattern="[789][0-9]{9}" title="Enter 10 digit mobile number" required>
               </div>
               <div class="form-group">
                   <label>Enter Email</label>
                  <input type="email" name="email" class="form-control" placeholder="Email Address" required>
               </div>
               <button type="submit" name="guest_submit" class="btn btn-danger zones">Submit</button>
            </div>
            <!--<div class="modal-footer">-->
            <!--   <div class="">-->
                  
            <!--   </div>-->
            <!--</div>-->
         </form>
      </div>
   </div>
</div>
<?php } ?>
<!-- --------------------------------------- -->
<?php include "footer.php"; ?>
<script>
   $(document).ready(function(){
     $("#guest_model").modal('show');
   });
</script>
<?php $_SESSION["guest_sesion"] = 1; ?>
<!-- ---------- Popup Model --------------- -->
<?php
   if (isset($success_guest)) { ?> 
<div id="success_guest" class="modal fade mt-5 p-2">
   <div class="modal-dialog modal-dialog-2 modal-sm" style="max-width: 600px;">
      <div class="modal-content">
         <div class="modal-header modal-header-2" style="background-color: #25af91;">
            <div class="container-fluid">
               <div class="row">
                  <div class="col-lg-4 col-md-3 col-sm-3 col-xs-1 logo_modal mt-3">
                     <img class="img-fluid" src="assets/images/logo/vdc.png" alt="vdc-logo">
                  </div>
                  <div class="col-lg-7 col-md-8 col-sm-8 col-xs-10">
                     <h5 class="modal-title-2 mt-1" id="exampleModalLabel">Welcome to Redsun</h5>
                  </div>
                  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 mt-1 ">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                     </button>
                  </div>
               </div>
            </div>
         </div>
         <div class="modal-body" style="background-color: #ffffff;">
            <h3 class="alert alert-success">Thanks for contacting us</h3>
         </div>
      </div>
   </div>
</div>
<!-- <script>window.location.href='index.php'</script> -->
<script>
   $("#success_guest").modal('show');
</script>
<?php }
   unset($success_guest);
    ?>
    
    <script>
        $('.recent-product-slider').owlCarousel({
            autoplay :   false,
            smartSpeed : 1000,
            nav :  true ,
            loop: false,
            dots :  false ,
            items:4,
            margin:30,
            responsive:{
                0:{
                    items:1,
                    autoplay: true,
                    loop: true,
                },
                360:{
                    items:1,
                    autoplay: true,
                    loop: true,
                },
                500:{
                    items:2,
                    autoplay: true,
                    loop: true,
    
                },
                768:{
                    items:2,
                },
                992:{
                    items:4,
                },
                1200:{
                    items:4,
                },
                1300:{
                    items:4,
                }
            }
    })
    </script>
    
    <style>
        .catmtol .vibtno
{
    float:right;
        margin-top: -35px;
}
.shop_btns{
           border: 1px solid #424141;
    padding: 6px 15px 6px 15px;
    color: black;
    margin-top: 31px;
    position: relative;
    top: 5px;
}
    </style>