(>^ω^从v关发vdcbdgsf🚗1饭ghb大概per(>^ω^<)看书oper(>^ω^从v关发vdcbdgsf🚗1饭ghb大概per(>^ω^<)看书oper<header class="hero container-fluid">
    <div class="hero__content container mx-auto">
        <!-- I'm putting the nav inside this "fixed-nav-container" to fix some issues happens on scroll -->
        <div class="fixed-nav-container">
    <nav class="hero-nav position-relative container mx-auto px-0">
        <ul class="nav w-100 list-unstyled align-items-center p-0">
            <li class="hero-nav__item">
                <a href="https://bjxmzhfc.mywhc.ca">
                    <img class="hero-nav__logo" src="https://ui-avatars.com/api/?size=60&amp;rounded=true&amp;bold=true&amp;background=0A1F44&amp;color=ffffff&amp;name=GéoStock&reg;" 
                        change-src-onscroll="https://ui-avatars.com/api/?size=60&amp;rounded=true&amp;bold=true&amp;background=0A1F44&amp;color=ffffff&amp;name=GéoStock&reg;" alt="logo" loading="lazy">
                </a>
                <!-- Don't remove this empty span -->
                <span class="mx-2"></span>
            </li>
            <li id="hero-menu" class="flex-grow-1 hero__nav-list hero__nav-list--mobile-menu ft-menu">
                <ul class="hero__menu-content nav flex-column flex-lg-row ft-menu__slider animated list-unstyled p-2 p-lg-0">
                    <li class="flex-grow-1">
                        <ul class="nav nav--lg-side flex-column-reverse flex-lg-row-reverse list-unstyled align-items-center p-0">
                            <li class="flex-grow-1">
                                <ul class="nav nav--lg-side flex-column-reverse flex-lg-row-reverse list-unstyled align-items-center p-0">
                                    <li class="hero-nav__item">
                                        <a href="https://upos612.ibt/public/business/register" target="_blank" 
                                            class="btn btn-primary">
                                            Essayez librement
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            
                            
                                                                                                <li class="hero-nav__item">
                                        <a href="https://bjxmzhfc.mywhc.ca/login" class="hero-nav__link">
                                            <strong>
                                                S'identifier                                            </strong>
                                        </a>
                                    </li>
                                                            
                                                                                    <li class="hero-nav__item">
                                <a href="https://bjxmzhfc.mywhc.ca/c/contact-us" class="hero-nav__link">Contact us</a>
                            </li>
                                                            <li class="hero-nav__item">
                                    <a href="https://bjxmzhfc.mywhc.ca/pricing" class="hero-nav__link">
                                        Tarification                                    </a>
                                </li>
                                                        <li class="hero-nav__item">
                                <a href="https://bjxmzhfc.mywhc.ca" class="hero-nav__link">
                                   Home
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <button close-nav-menu="" class="ft-menu__close-btn animated">
                    <svg class="bi bi-x" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 010 .708l-7 7a.5.5 0 01-.708-.708l7-7a.5.5 0 01.708 0z" clip-rule="evenodd"></path>
                        <path fill-rule="evenodd" d="M4.146 4.146a.5.5 0 000 .708l7 7a.5.5 0 00.708-.708l-7-7a.5.5 0 00-.708 0z" clip-rule="evenodd"></path>
                    </svg>
                </button>
            </li>
            <li class="hero-nav__item d-lg-none d-flex flex-row-reverse">
                <button open-nav-menu="" class="text-center px-2">
                    <i class="fas fa-bars"></i>
                </button>
            </li>
        </ul>
    </nav>
</div>    </div>
</header><!doctype html>
<html lang="en">
    <head>

        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!-- custom metas -->
        
            <meta name="description" content="">

        <!-- font awesome 5 free -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"/>
        <!-- Bootstrap 5 -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"/>

        <!-- Your Custom CSS file that will include your blocks CSS -->
        <link rel="stylesheet" type="text/css" href="https://bjxmzhfc.mywhc.ca/modules/cms/css/cms.css?v=611">
        <script src="https://unpkg.com/tua-body-scroll-lock"></script>
        <!-- CSRF Token -->
        <meta name="csrf-token" content="ZM2XwhIu5o6XjovYfnfIIIVQyR8MCRoMKHgIMzxw">
        <title>Contact us | GéoStock&reg;</title>
        <!-- custom css code -->
        
        <!-- in app chat widget css -->
                    <style type="text/css">
  /* Click To chatWidget Main Container */
  .cp-style1{
    	display: inline-block;
    	position: fixed;
    	letter-spacing: 0.1px;
    	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    	z-index: 9999;
  }
  .cp-right-bottom{
    	bottom: 1em;
    	right: 1em;
    	float: right;
  }

  /* Floating Panel Container */
  .cp-style1 .cp-panel{
    	display: none;
      padding: 15px 10px;
    	margin-bottom: 5%;
    	width: 280px;
    	border-radius: 10px;
    	box-shadow: 0px 3px 7px rgba(12, 12, 12, 0.18);
  }
  .cp-style1 .cp-panel .cp-list{
      display: inline-flex;
      padding: 7px 5px;
      width: 100%;
      cursor: pointer;
  }
  .cp-style1 .cp-panel .cp-list:hover{
      border-radius: 10px;
      box-shadow: 0px 0px 5px 0px #0000002e;
  }
  .cp-style1 .cp-list .cp-image{    
      display: flex;
      width: 60px;
      text-align: center;
      justify-content: center;
  }
  .cp-style1 .cp-image img{
      margin-top: 3px;
      width: 27px;
      height: 27px;
  }
  .cp-style1 .cp-image img,
  .cp-style1 .cp-panel .cp-list:hover img{
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  .cp-style1 .cp-panel .cp-content{
      padding-left: 0;
  }
  .cp-style1 .cp-content h2{
      padding-top: 0; 
  	  margin-bottom: 0;
  	  font-size: 15px;
  	  font-weight: 700;
  	  line-height: 18px;
  }
  .cp-style1 .cp-content p{
  	  margin-bottom: 0;
  	  font-size: 12px;
  }

  /* Right Bottom Floating Button */
  .cp-style1 .cp-button{
  	  padding: 12px;
  	  width: 50px;
      height: 50px;
  	  border-radius: 100%;
  	  border: 1px solid #fff;
      box-shadow: 0 0 10px rgba(12, 12, 12, 0.3);    
      cursor: pointer;
  }
  .cp-style1 .cp-button:hover{
  	  box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.5);
  	  -webkit-transition: all .3s ease-in-out;
  	  -moz-transition: all .3s ease-in-out;
  	  -ms-transition: all .3s ease-in-out;
  	  -o-transition: all .3s ease-in-out;
  	  transition: all .3s ease-in-out;
  }
  .cp-style1 .cp-button .fa-comments-o{
    	font-size: 30px;
  }

  /* Floating Button Forward Rotation */
  .rotateForward{
      animation-name: rotateF;
      animation-duration: 0.65s;
      animation-iteration-count: 1;
  }

  @keyframes rotateF{
    	from{
          transform: rotate(0deg);
          -o-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
    	}
    	to{
          transform: rotate(360deg);
          -o-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
    	}
  }

  /* Floating Button Backward Rotation */
  .rotateBackward{
      animation-name: rotateB;
      animation-duration: 0.65s;
      animation-iteration-count: 1;
  }

  @keyframes rotateB{
    	from{
          transform: rotate(360deg);
          -o-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
    	}
    	to{
          transform: rotate(0deg);
          -o-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
    	}
  }

  /* Media Css for Smaller Device */
  @media(max-width: 576px){

  	  .cp-style1 .cp-panel{
  	      width: 290px;
  	  }
  }

  /* Medium devices (landscape tablets, 0px and 1280px) */
  @media all and (max-width: 1280px) and (min-width: 0px){
      
      .cp-right-bottom {
          bottom: 10px;
          right: 10px;
      }
      .cp-style1 .cp-panel {
          margin-bottom: 5px;
      }
      .cp-style1 .cp-panel {
          padding: 10px;
      }
      .cp-style1 .cp-panel .cp-list {
          padding: 5px 0;
      }
  }
</style>            <style type="text/css">
/*======================================================
[Table of Contents For Green Gradiant Color]
* Click To chatWidget Main Layout CSS
* Click To chatWidget Sidebar Togle CSS
* Click To chatWidget Style1 CSS
* Click To chatWidget Style2 CSS
* Click To chatWidget Style3 CSS
* Click To chatWidget Style4 CSS
* Click To chatWidget Style5 CSS
* Click To chatWidget Style6 CSS
* Click To chatWidget Style7 CSS
* Click To chatWidget Style8 CSS
* Click To chatWidget Style9 CSS
* Click To chatWidget Style10 CSS
========================================================*/ 

/*==================================================
    Click To chatWidget Main Layout CSS
====================================================*/
a.cp-list{
    color: unset !important;
    text-decoration: none !important;
}
.layout .layout-features i{
    color: #09e072;
}
.layout .layout-funcation .layout-funcation-odd{
    background: #eee;
} 

/* Common CSS */
.layout .title,
.layout .wrapper .div-dot:after{
    background: -webkit-linear-gradient(to right, #26C281, #09e072);
    background: -moz-linear-gradient(to right, #26C281, #09e072);
    background: -ms-linear-gradient(to right, #26C281, #09e072);
    background: -o-linear-gradient(to right, #26C281, #09e072);
    background: linear-gradient(to right, #26C281, #09e072);
}
.layout .layout-heading h2,
.layout .layout-heading p{
    color: #fff;
} 
.layout .layout-style-title h3,
.layout .layout-button-title h3,
.layout .layout-features-title h3,
.layout .layout-funcation-title h3,
.layout .layout-features h4,
.layout .layout-funcation h4{
    color: #555;
}
.layout .layout-style-title p,
.layout .layout-button-title p,
.layout .layout-features-title p,
.layout .layout-funcation-title p,
.layout .layout-features p,
.layout .layout-funcation p{
    color: #8c8c8c;
}

/*===========================================================
    Click To chatWidget Sidebar Togle CSS (Left Slide Panel)
=============================================================*/

.cp-header{
    background: -webkit-linear-gradient(to right, #26C281, #09e072);
    background: -moz-linear-gradient(to right, #26C281, #09e072);
    background: -ms-linear-gradient(to right, #26C281, #09e072);
    background: -o-linear-gradient(to right, #26C281, #09e072);
    background: linear-gradient(to right, #26C281, #09e072);
}

/* Common CSS */
.cp-setting .icon,
.cp-setting .link a{
    color: #555;
}
.cp-setting .icon i,
.cp-setting .link a:hover{
    color: #09e072;
}

/*==================================================
    Start Click To chatWidget Style1 CSS
====================================================*/

.cp-style1 .cp-panel{
    background: #fff;
}

/* Common CSS */
.cp-style1 .cp-panel,
.cp-style1 .cp-button{
    background: -webkit-linear-gradient(to right, #26C281, #09e072);
    background: -moz-linear-gradient(to right, #26C281, #09e072);
    background: -ms-linear-gradient(to right, #26C281, #09e072);
    background: -o-linear-gradient(to right, #26C281, #09e072);
    background: linear-gradient(to right, #26C281, #09e072);
}
.cp-style1 .cp-panel,
.cp-style1 .cp-panel h2,
.cp-style1 .cp-panel p,
.cp-style1 .cp-button i{
    color: #fff;
}

/*==================================================
    End Click To chatWidget Style1 CSS
====================================================*/

/*==================================================
    Start Click To chatWidget Style2 CSS
====================================================*/

.cp-style2 .cp-list:hover .cp-content{
    background: #fff;
}
.cp-style2 .cp-list .cp-content h2{
    color: #383838;
}
.cp-style2 .cp-list .cp-content p{
    color: #8c8c8c;
}
.cp-style2 .cp-list .cp-image{
    border: 2px solid #fff;
}
.cp-style2 .cp-list .cp-image{
    background: -webkit-linear-gradient(to right, #26C281, #09e072);
    background: -moz-linear-gradient(to right, #26C281, #09e072);
    background: -ms-linear-gradient(to right, #26C281, #09e072);
    background: -o-linear-gradient(to right, #26C281, #09e072);
    background: linear-gradient(to right, #26C281, #09e072);
}

/*==================================================
    End Click To chatWidget Style2 CSS
====================================================*/

/*==================================================
    Start Click To chatWidget Style3 CSS
====================================================*/

/* Common CSS */
.cp-style3 .cp-control .cp-btn,
.cp-style3 .cp-control .cp-right,
.cp-style3 .cp-control .cp-left{
    background: -webkit-linear-gradient(to right, #26C281, #09e072);
    background: -moz-linear-gradient(to right, #26C281, #09e072);
    background: -ms-linear-gradient(to right, #26C281, #09e072);
    background: -o-linear-gradient(to right, #26C281, #09e072);
    background: linear-gradient(to right, #26C281, #09e072);
}

/*==================================================
    End Click To chatWidget Style3 CSS
====================================================*/

/*==================================================
    Start Click To chatWidget Style4 CSS
====================================================*/

/* Common CSS */
.cp-style4 .fa-comments-o,
.cp-style4 .fa-times{
    color: #fff;
}
.cp-style4 .cp-toggle-1,
.cp-style4 .cp-toggle-2,
.cp-style4 .cp-menu{
    background: -webkit-linear-gradient(to right, #26C281, #09e072);
    background: -moz-linear-gradient(to right, #26C281, #09e072);
    background: -ms-linear-gradient(to right, #26C281, #09e072);
    background: -o-linear-gradient(to right, #26C281, #09e072);
    background: linear-gradient(to right, #26C281, #09e072);
}

/*==================================================
    End Click To chatWidget Style4 CSS
====================================================*/

/*==================================================
    Start Click To chatWidget Style5 CSS
====================================================*/

.cp-style5 .cp-chat-button{
    border: 2px solid #fff;
}

/* Common CSS */
.cp-style5 .menu-item a,
.cp-style5 .menu-item a:hover,
.cp-style5 .cp-chat-button .cp-button .fa-comments-o, 
.cp-style5 .cp-chat-button .cp-button .fa-times{
    color: #fff;
}
.cp-style5 .cp-chat-button .cp-button,
.cp-style5 .menu-item a{
    background: linear-gradient(to right, #26C281, #09e072);
}

/*==================================================
    End Click To chatWidget Style5 CSS
====================================================*/

/*==================================================
    Start Click To chatWidget Style6 CSS
====================================================*/

.cp-style6 .cp-menu{
    background: linear-gradient(to right, #26C281, #09e072);
}
.cp-style6 .cp-button{
    color: #fff;
}

/*==================================================
    End Click To chatWidget Style6 CSS
====================================================*/

/*==================================================
    Start Click To chatWidget Style7 CSS
====================================================*/

/* Common CSS */
.cp-style7 .cp-panel .cp-list,
.cp-style7 .cp-panel .cp-button{
    background: -webkit-linear-gradient(to right, #26C281, #09e072);
    background: -moz-linear-gradient(to right, #26C281, #09e072);
    background: -ms-linear-gradient(to right, #26C281, #09e072);
    background: -o-linear-gradient(to right, #26C281, #09e072);
    background: linear-gradient(to right, #26C281, #09e072);
}
.cp-style7 .cp-panel .cp-button,
.cp-style7 .cp-panel .cp-button:hover{
    color: #fff;
}

/*==================================================
    End Click To chatWidget Style7 CSS
====================================================*/

/*==================================================
    Start Click To chatWidget Style8 CSS
====================================================*/

/* Common CSS */
.cp-style8 .cp-panel .cp-button i,
.cp-style8 .cp-panel ul .cp-list{
    color: #fff;
}
.cp-style8 .cp-panel .cp-button,
.cp-style8 .cp-list .cp-img-cont,
.cp-style8 .cp-list .cp-user-info{
    background: -webkit-linear-gradient(to right, #26C281, #09e072);
    background: -moz-linear-gradient(to right, #26C281, #09e072);
    background: -ms-linear-gradient(to right, #26C281, #09e072);
    background: -o-linear-gradient(to right, #26C281, #09e072);
    background: linear-gradient(to right, #26C281, #09e072);
}

/*==================================================
    End Click To chatWidget Style8 CSS
====================================================*/

/*==================================================
    Start Click To chatWidget Style9 CSS
====================================================*/

.cp-style9 .cp-button{
    background: #26C281;
}
.cp-style9 .cp-panel{
    background: -webkit-linear-gradient(to right, #26C281, #09e072);
    background: -moz-linear-gradient(to right, #26C281, #09e072);
    background: -ms-linear-gradient(to right, #26C281, #09e072);
    background: -o-linear-gradient(to right, #26C281, #09e072);
    background: linear-gradient(to right, #26C281, #09e072);
}

/* Common CSS */
.cp-style9 .cp-panel h2,
.cp-style9 .cp-panel p,
.cp-style9 .cp-button i{
    color: #fff;
}

/*==================================================
    End Click To chatWidget Style9 CSS
====================================================*/

/*==================================================
    Start Click To chatWidget Style10 CSS
====================================================*/

.cp-style10 .cp-panel{
    background: #fff;
}

/* Common CSS */
.cp-style10 .cp-panel,
.cp-style10 .cp-button{
    background: -webkit-linear-gradient(to right, #26C281, #09e072);
    background: -moz-linear-gradient(to right, #26C281, #09e072);
    background: -ms-linear-gradient(to right, #26C281, #09e072);
    background: -o-linear-gradient(to right, #26C281, #09e072);
    background: linear-gradient(to right, #26C281, #09e072);
}
.cp-style10 .cp-panel,
.cp-style10 .cp-panel h2,
.cp-style10 .cp-panel p,
.cp-style10 .cp-button i{
    color: #fff;
}

/*==================================================
    End Click To chatWidget Style10 CSS
====================================================*/
</style>        
        <style type="text/css">
    .error{
        color: #e55151 !important;
        margin-bottom: 0.5rem;
    }
    .non-bullet-list{
        list-style: none;
        margin-left: 0px;
        padding-left: 0px;
    }
</style>
        <style type="text/css">
            .far.fa-comments{
                padding-top: 3px !important;
                font-size: 25px !important;
            }
        </style>
    </head>
    <body>
        <!------------------------------>
<!--Section Name---------------->
<!------------------------------>
<div class="block-27 space-between-blocks">
        <div class="block-27__row d-block d-lg-flex row">
        <div class="block-27__image-column container col-lg-6 col-md-9 col-sm-9"
            style="background-image: url(https://bjxmzhfc.mywhc.ca/modules/cms/img/contact.jpg);">        
        </div>
    </div>
    <div class="container">
        <div class="row flex-row-reverse">
            <div class="col-lg-6 px-4 px-xl-5 py-3 text-center">
                <form class="contact-form text-center" id="contact_form">
                    <div class="contact-form__header mb-5">
                        <h6 class="contact-form__title mb-3">
                            Contact
                        </h6>
                        <p class="contact-form__paragraph mb-0 mx-auto">
                            <p>Heureux de vous lire.</p>
                        </p>
                    </div>
                    <div class="alert mt-4 alert-primary enquire_response_alert" role="alert" style="display:none;">
                        <span class="enquire_response"></span>
                    </div>
                    <input type="text" name="name" class="contact-form__input" placeholder="Full Name" required>
                    <input type="number" name="mobile" class="contact-form__input" placeholder="Mobile" required>
                    <input type="email" name="email" class="contact-form__input" placeholder="Email" required>
                    <textarea class="contact-form__input" name="message" placeholder="Message" required></textarea>
                    <button id="submit-btn" class="btn btn-primary w-100">
                        SEND MESSAGE
                    </button>
                </form>
            </div>
        </div>
                            <div class="row flex-row-reverse">
                <div class="col-lg-6 px-4 px-xl-5 py-3">
                                            <h4 class="pt-3">
                            Call <strong>Us</strong>
                        </h4>
                        <ul class="non-bullet-list mt-2">
                                                            <li>
                                    <i class="fas fa-phone"></i> &nbsp;
                                    <strong class="text-dark">
                                        Appel:
                                    </strong> &nbsp;
                                    <a href="tel:0000000000" class="text-dark text-decoration-none" target="_blank">
                                        0000000000
                                    </a>
                                </li>
                                                            <li>
                                    <i class="fas fa-phone"></i> &nbsp;
                                    <strong class="text-dark">
                                        Support:
                                    </strong> &nbsp;
                                    <a href="tel:0000000000" class="text-dark text-decoration-none" target="_blank">
                                        0000000000
                                    </a>
                                </li>
                                                            <li>
                                    <i class="fas fa-phone"></i> &nbsp;
                                    <strong class="text-dark">
                                        Requête:
                                    </strong> &nbsp;
                                    <a href="tel:0000000000" class="text-dark text-decoration-none" target="_blank">
                                        0000000000
                                    </a>
                                </li>
                                                    </ul>
                                                                <h4 class="pt-3">
                            Mail <strong>Us</strong>
                        </h4>
                        <ul class="non-bullet-list mt-2">
                                                            <li>
                                    <i class="fas fa-envelope"></i> &nbsp;
                                    <strong class="text-dark">
                                        Contact:
                                    </strong> &nbsp;
                                    <a href="mailto:contact@example.com" target="_blank" class="text-dark text-decoration-none">
                                        contact@example.com
                                    </a>
                                </li>
                                                            <li>
                                    <i class="fas fa-envelope"></i> &nbsp;
                                    <strong class="text-dark">
                                        Support:
                                    </strong> &nbsp;
                                    <a href="mailto:support@example.com" target="_blank" class="text-dark text-decoration-none">
                                        support@example.com
                                    </a>
                                </li>
                                                    </ul>
                                    </div>
            </div>
            </div>
</div>

                    <!-- Start chatWidget Style Container ( Required )  -->
    <div class="container">
         
        <!-- Click To chatWidget Container --> 
        <div class="cp-style1 cp-right-bottom">
            
            <!-- Start Floating Panel Container -->
            <div class="cp-panel"> 
                
                <!-- Chat Button For Whatsapp -->
                                                                                         <a class="cp-list cp-whatsapp" data-number="212661550098" data-message="" target="_blank">
                                <div class="cp-image">
                                    <i class="fab fa-whatsapp text-white fa-2x mt-2"></i>
                                </div>  
                                <div class="cp-content">
                                    <h2>Whatsapp</h2>
                                    <p>
                                        Chat on Whatsapp
                                    </p>
                                </div>
                            </a>
                                                            
                <!-- Chat Button For Facebook Messenger -->
                
                <!-- Chat Button For Telegram -->
                
                <!-- Mail Button For Email -->
                                                            <a class="cp-list" href="mailto:hpubbane@gmail.com" target="_blank">
                            <div class="cp-image">
                                <i class="far fa-envelope text-white fa-2x mt-2"></i>
                            </div>  
                            <div class="cp-content">
                                <h2>Email</h2>
                                <p>Send Email</p>
                            </div>
                        </a>
                                    
                <!-- Call Button For Phone Number -->
                                                                                        <a class="cp-list" href="tel:+212661550098" target="_blank">
                                <div class="cp-image">
                                    <i class="fas fa-phone-volume text-white fa-2x mt-2"></i>
                                </div>  
                                <div class="cp-content">
                                    <h2>Call</h2>
                                    <p>Talk with us over telephone</p>
                                </div>
                            </a>
                                                            
            </div>
            <!--/ End Floating Panel Container -->

            <!-- Start Right Floating Button -->
            <div class="cp-button cp-right-bottom">
                <i id="cp-cmt-o" class="far fa-comments fa-lg"></i>
            </div>
            <!--/ End Right Floating Button -->

        </div>
    </div>
<!--/ End chatWidget Style Container -->        
        <!------------------------------>
<!--Footer---------------->
<!------------------------------>
<div class="block-44">
    <hr class="block-44__divider">
    <div class="container">
        <div class="row flex-column flex-md-row px-2 justify-content-center">
                            <div class="flex-grow-1 col">
                    <ul class="block-44__extra-links d-flex list-unstyled p-0">
                                                                                    <li class="mx-2">
                                    <a href="https://www.facebook.com/test" target="_blank" title="Facebook" class="block-44__link m-0">
                                        <i class="fab fa-facebook-f"></i>
                                    </a>
                                </li>
                                                                                                                                                                                                                                                            <li class="mx-2">
                                    <a href="https://www.instagram.com/test" target="_blank" title="Instagram" class="block-44__link m-0">
                                        <i class="fab fa-instagram"></i>
                                    </a>
                                </li>
                                                                                                                                                                                                                                                            <li class="mx-2">
                                    <a href="https://twitter.com/test" target="_blank" title="Twitter" class="block-44__link m-0">
                                        <i class="fab fa-twitter"></i>
                                    </a>
                                </li>
                                                                                                                                                                                                                                                            <li class="mx-2">
                                    <a href="https://in.linkedin.com/company/test" target="_blank" title="Linkedin" class="block-44__link m-0">
                                        <i class="fab fa-linkedin-in"></i>
                                    </a>
                                </li>
                                                                                                                                                                                                                                                            <li class="mx-2">
                                    <a href="https://www.youtube.com/c/test" target="_blank" title="YouTube" class="block-44__link m-0">
                                        <i class="fab fa-youtube"></i>
                                    </a>
                                </li>
                                                                        </ul>
                </div>
                        <p class="block-41__copyrights col col-md-8 text-xxl-end text-xl-end text-lg-end text-md-end text-sm-center">
                &copy; &nbsp;2026 &nbsp;GéoStock&reg;. &nbsp;All Rights Reserved.
            </p>
        </div>
    </div>
  </div>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.9.2/umd/popper.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
        <script src="https://unpkg.com/tua-body-scroll-lock"></script>
        <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/js/splide.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-js/1.3.0/sticky.min.js"></script>
        <script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js"></script>
        <script src="https://bjxmzhfc.mywhc.ca/modules/cms/js/cms.js?v=611"></script>

        <!-- Google analytics code -->
        
        <!-- facebook pixel code -->
        
        <!-- custom js -->
        
        <!-- 3rd party chat_widget -->
                <!-- in app chat js -->
                    <script type="text/javascript">
    $(document).ready(function(){

        //click event on a tag for Whatsapp
        $('.cp-whatsapp').on("click",function(){
         
          var number =  $(this).attr("data-number");
          var message =  $(this).attr("data-message");
          
          //checking for device type
          if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
              // redirect link for mobile WhatsApp chat awc
              window.open('https://wa.me/'+number+'/?text='+message, '-blank');  
          }
          else{
              // redirect link for WhatsApp chat in website
              window.open('https://web.WhatsApp.com/send?phone='+number+'&text='+message, '-blank'); 
          }
        })

        // chat widget open/close duration
        $('cp-style1').launchBtn( { openDuration: 400, closeDuration: 300 } );
    });

    // chat panel open/close function
    (function($) {
      
        'use strict';

        $.fn.launchBtn = function(options) {

            var mainBtn, panel, clicks, settings, launchPanelAnim, closePanelAnim, openPanel, boxClick;

            mainBtn = $(".cp-button");
            panel = $(".cp-panel");
            clicks = 0;

            //default settings
            settings = $.extend({
              openDuration: 600,
              closeDuration: 200,
              rotate: true
            }, options);

            //Open panel animation
            launchPanelAnim = function() {
              panel.animate({
                opacity: "toggle",
                height: "toggle"
              }, settings.openDuration);
            };

            //Close panel animation
            closePanelAnim = function() {
                panel.animate({
                  opacity: "hide",
                  height: "hide"
                }, settings.closeDuration);
            };

            //Open panel and rotate icon
            openPanel = function(e) {
              if (clicks === 0) {
                  if (settings.rotate) {
                      $(this).removeClass('rotateBackward').toggleClass('rotateForward');

                      $(".cp-list").addClass('animated zoomIn');     
                  }

                  launchPanelAnim();
                  clicks++;
              } 
              else {
                  if (settings.rotate) {
                      $(this).removeClass('rotateForward').toggleClass('rotateBackward');

                      $(".cp-list").removeClass('animated zoomIn');
                  }

                closePanelAnim();
                clicks--;
              }

              e.preventDefault();
              return false;
          };

          //Allow clicking in panel
          boxClick = function(e) {
            e.stopPropagation();
          };

          //Main button click
          mainBtn.on('click', openPanel);

          //Prevent closing panel when clicking inside
          panel.click(boxClick);

          //Click away closes panel when clicked in document
          $(document).click(function() {

        			closePanelAnim();

        			if (clicks === 1) {
        				mainBtn.removeClass('rotateForward').toggleClass('rotateBackward');
        			}
        			clicks = 0;
          });
        };
    }(jQuery));
</script>                <script type="text/javascript">
    new Sticky("[sticky]");
    $(function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $("#contact_form").validate({
            submitHandler: function(form, e) {
                if ($('#contact_form').valid()) {
                    let data = $('form#contact_form').serialize();
                    $("#submit-btn").attr('disabled', true);
                    $.ajax({
                        method: 'POST',
                        dataType: "json",
                        url: "https://bjxmzhfc.mywhc.ca/c/submit-contact-form",
                        data:data,
                        success: function(result){
                            $("#submit-btn").attr('disabled', false);
                            if (result.success) {
                                $('form#contact_form').trigger("reset");
                                $('form#enquire_now_form').trigger("reset");
                                $(".enquire_response_alert").css({ 'display' : '' });
                                $(".enquire_response").text(result.msg);
                            } else {
                                $(".enquire_response_alert").css({ 'display' : '' });
                                $(".enquire_response").text(result.msg);
                            }
                        }
                    });
                }
            }
        });
    });
</script>
    </body>
</html>