bnmbnmbnmnbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbn

]nbmbmbnmbnmbnmnbnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn bnmbnmbnmnbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbn

<?php

include("dbConnection.php");
 
?>

<!DOCTYPE html>
<html lang="en">
<head>
    
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K3P523JJ');</script>

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<link href="css/animate.css" rel="stylesheet" type="text/css" />

<link href="css/fontawesome-all.css" rel="stylesheet" type="text/css" />

<link href="css/themify-icons.css" rel="stylesheet" type="text/css" />

<link href="css/audioplayer/media-player.css" rel="stylesheet" type="text/css" />

<link href="css/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css" />

<link href="css/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css" />

<link href="css/slit-slider/slit-slider.css" rel="stylesheet" type="text/css" />
<script src="https://www.youtube.com/iframe_api"></script>

<link href="css/base.css" rel="stylesheet" type="text/css" />

<link href="css/shortcodes.css" rel="stylesheet" type="text/css" />

<link href="css/default-theme.css" rel="stylesheet" type="text/css" />

<link href="css/responsive.css" rel="stylesheet" type="text/css" />

})();

</script>
  	
	<style>
	.image-area {
  
  cursor: zoom-in;
}

.image-area:hover {
  filter: drop-shadow(0 0 20px gold);
}

.mb-0 img:hover {
    width: 50px;
    height: 50px;
}

.overlay-button
{
    font-weight:bold; 
    position: absolute;
    top: 80%; 
    left:45%; 
     /*transform: translate(-50%, -50%); */
    transition: transform 0.3s ease  ;
    padding: 10px 20px; 
    background-color: transparent; 
    color: #fff; 
    text-decoration: none; 
    border:2px #CCCCCC solid;
    border-radius: 5px;
    font-size:30px;
}
.overlay-button:hover
{
   /*filter: drop-shadow(0 0 20px gold);*/
   border:#cd0305 2px solid;
      color:#ffffff;
    
    transform: scale(1.1); 
    
    
}
  .contact-main:hover
{
      transform: scale(1.1);
}

.hexa:hover   {
   
    transform: scale(1.1); /* Scale up to 150% when hovering over .bell */
  
    
}

.hexa {
  transform: scale(1);
  transition: transform 0.3s ease; /* Add a smooth transition effect */
}
 .mobile-view
 {
     display:none;
 }
	 @media screen and (max-width: 768px) {
  
	.social-icons{
	display:none;
	}
	.slide-item-bg{
    width:100%;
    height:350px;
    } 
   .fullscreen-banner {
    height:350px !important;
    }
   
     .juxtapose {
			max-width: 300px;
             
		}
      .portfolio-item{
      padding-bottom:70px;
      }
      
      
      	
	.desktop-view
  {
      display:none;
  }
  
   .mobile-view
  {
       display: block;
        flex-direction: column;
        align-items: center;
  }
  /*
   .mobile-view .bell {
        order: 1;
    }

.mobile-view .hexa {
        order: 2;
    }
 */
}
 
        
  /* Add other font properties here if needed */
}

.juxtapose {
			max-width: 500px;
		}
		.jx-slider {
			margin-top: 1em;
		}
		
		 .search-engine {
            position: absolute;
            top: 400px; /* Adjust the top position as needed */
            left: 50px; /* Adjust the left position as needed */
            font-size: 25px;
            font-weight:bold;
            color: white;
            
            padding: 10px;
        }

input[type=submit] {
  background-color: #0693cd;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  font-size:16px;
  font-weight: bold;
  line-height: 1.4;
  padding: 10px;
  width: 180px
}

@media screen and (min-width: 768px) {
  .navbar-brand {
        margin-left:50px;
    }
	.social-icons li a {display: inline-block;
	height: 30px;
	width: 30px; 
	line-height: 30px; 
	font-size: 14px; 
	text-align: center; 
	margin:0;
	border-radius: 4px;
	border: 0; 
	background: transparent; 
	color: #282925; 
	overflow: hidden;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease; 
	transition: all .3s ease; }

}

.success-popup {
     
    top: 70%;
    left: 50%;
   
    background-color: #ece9e9;
    color: black;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    animation: pop 1s ease-in-out;
    z-index:999;
}

/* Style the close button */
.success-popup button {
    background-color: #e6828b;
    color:black;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
}
@keyframes pop {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.blurin {
    -webkit-animation: blur 2s forwards;
    -moz-animation: blur 2s forwards;
    -o-animation: blur 2s forwards;
    animation: blur 2s forwards;
}
	</style>

<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">

<link rel="stylesheet" href="csss/sliders/ios/style.css" type="text/css" media="all">

<link rel="stylesheet" href="csss/niches/custom-gym.css" type="text/css" />

<script type="text/javascript" src="javascript/jquery.js"></script>
		<link rel="stylesheet" href="image-comparison-slider-master/css1/style1.css"> 
		<script src="image-comparison-slider-master/js/modernizr1.js"></script>
		<script src="image-comparison-slider-master/js/jquery-2.1.1.1.js"></script> 
		<script src="image-comparison-slider-master/js/jquery.mobile.custom1.min.js"></script> 
		<script src="image-comparison-slider-master/js/main1.js"></script> 
</head>

<body oncontextmenu="return false;"  >
    
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K3P523JJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<?php
$countryArray = array(
	'AD'=>array('name'=>'ANDORRA','code'=>'376'),
	'AE'=>array('name'=>'UNITED ARAB EMIRATES','code'=>'971'),
	'AF'=>array('name'=>'AFGHANISTAN','code'=>'93'),
	'AG'=>array('name'=>'ANTIGUA AND BARBUDA','code'=>'1268'),
	'AI'=>array('name'=>'ANGUILLA','code'=>'1264'),
	'AL'=>array('name'=>'ALBANIA','code'=>'355'),
	'AM'=>array('name'=>'ARMENIA','code'=>'374'),
	'AN'=>array('name'=>'NETHERLANDS ANTILLES','code'=>'599'),
	'AO'=>array('name'=>'ANGOLA','code'=>'244'),
	'AQ'=>array('name'=>'ANTARCTICA','code'=>'672'),
	'AR'=>array('name'=>'ARGENTINA','code'=>'54'),
	'AS'=>array('name'=>'AMERICAN SAMOA','code'=>'1684'),
	'AT'=>array('name'=>'AUSTRIA','code'=>'43'),
	'AU'=>array('name'=>'AUSTRALIA','code'=>'61'),
	'AW'=>array('name'=>'ARUBA','code'=>'297'),
	'AZ'=>array('name'=>'AZERBAIJAN','code'=>'994'),
	'BA'=>array('name'=>'BOSNIA AND HERZEGOVINA','code'=>'387'),
	'BB'=>array('name'=>'BARBADOS','code'=>'1246'),
	'BD'=>array('name'=>'BANGLADESH','code'=>'880'),
	'BE'=>array('name'=>'BELGIUM','code'=>'32'),
	'BF'=>array('name'=>'BURKINA FASO','code'=>'226'),
	'BG'=>array('name'=>'BULGARIA','code'=>'359'),
	'BH'=>array('name'=>'BAHRAIN','code'=>'973'),
	'BI'=>array('name'=>'BURUNDI','code'=>'257'),
	'BJ'=>array('name'=>'BENIN','code'=>'229'),
	'BL'=>array('name'=>'SAINT BARTHELEMY','code'=>'590'),
	'BM'=>array('name'=>'BERMUDA','code'=>'1441'),
	'BN'=>array('name'=>'BRUNEI DARUSSALAM','code'=>'673'),
	'BO'=>array('name'=>'BOLIVIA','code'=>'591'),
	'BR'=>array('name'=>'BRAZIL','code'=>'55'),
	'BS'=>array('name'=>'BAHAMAS','code'=>'1242'),
	'BT'=>array('name'=>'BHUTAN','code'=>'975'),
	'BW'=>array('name'=>'BOTSWANA','code'=>'267'),
	'BY'=>array('name'=>'BELARUS','code'=>'375'),
	'BZ'=>array('name'=>'BELIZE','code'=>'501'),
	'CA'=>array('name'=>'CANADA','code'=>'1'),
	'CC'=>array('name'=>'COCOS (KEELING) ISLANDS','code'=>'61'),
	'CD'=>array('name'=>'CONGO, THE DEMOCRATIC REPUBLIC OF THE','code'=>'243'),
	'CF'=>array('name'=>'CENTRAL AFRICAN REPUBLIC','code'=>'236'),
	'CG'=>array('name'=>'CONGO','code'=>'242'),
	'CH'=>array('name'=>'SWITZERLAND','code'=>'41'),
	'CI'=>array('name'=>'COTE D IVOIRE','code'=>'225'),
	'CK'=>array('name'=>'COOK ISLANDS','code'=>'682'),
	'CL'=>array('name'=>'CHILE','code'=>'56'),
	'CM'=>array('name'=>'CAMEROON','code'=>'237'),
	'CN'=>array('name'=>'CHINA','code'=>'86'),
	'CO'=>array('name'=>'COLOMBIA','code'=>'57'),
	'CR'=>array('name'=>'COSTA RICA','code'=>'506'),
	'CU'=>array('name'=>'CUBA','code'=>'53'),
	'CV'=>array('name'=>'CAPE VERDE','code'=>'238'),
	'CX'=>array('name'=>'CHRISTMAS ISLAND','code'=>'61'),
	'CY'=>array('name'=>'CYPRUS','code'=>'357'),
	'CZ'=>array('name'=>'CZECH REPUBLIC','code'=>'420'),
	'DE'=>array('name'=>'GERMANY','code'=>'49'),
	'DJ'=>array('name'=>'DJIBOUTI','code'=>'253'),
	'DK'=>array('name'=>'DENMARK','code'=>'45'),
	'DM'=>array('name'=>'DOMINICA','code'=>'1767'),
	'DO'=>array('name'=>'DOMINICAN REPUBLIC','code'=>'1809'),
	'DZ'=>array('name'=>'ALGERIA','code'=>'213'),
	'EC'=>array('name'=>'ECUADOR','code'=>'593'),
	'EE'=>array('name'=>'ESTONIA','code'=>'372'),
	'EG'=>array('name'=>'EGYPT','code'=>'20'),
	'ER'=>array('name'=>'ERITREA','code'=>'291'),
	'ES'=>array('name'=>'SPAIN','code'=>'34'),
	'ET'=>array('name'=>'ETHIOPIA','code'=>'251'),
	'FI'=>array('name'=>'FINLAND','code'=>'358'),
	'FJ'=>array('name'=>'FIJI','code'=>'679'),
	'FK'=>array('name'=>'FALKLAND ISLANDS (MALVINAS)','code'=>'500'),
	'FM'=>array('name'=>'MICRONESIA, FEDERATED STATES OF','code'=>'691'),
	'FO'=>array('name'=>'FAROE ISLANDS','code'=>'298'),
	'FR'=>array('name'=>'FRANCE','code'=>'33'),
	'GA'=>array('name'=>'GABON','code'=>'241'),
	'GB'=>array('name'=>'UNITED KINGDOM','code'=>'44'),
	'GD'=>array('name'=>'GRENADA','code'=>'1473'),
	'GE'=>array('name'=>'GEORGIA','code'=>'995'),
	'GH'=>array('name'=>'GHANA','code'=>'233'),
	'GI'=>array('name'=>'GIBRALTAR','code'=>'350'),
	'GL'=>array('name'=>'GREENLAND','code'=>'299'),
	'GM'=>array('name'=>'GAMBIA','code'=>'220'),
	'GN'=>array('name'=>'GUINEA','code'=>'224'),
	'GQ'=>array('name'=>'EQUATORIAL GUINEA','code'=>'240'),
	'GR'=>array('name'=>'GREECE','code'=>'30'),
	'GT'=>array('name'=>'GUATEMALA','code'=>'502'),
	'GU'=>array('name'=>'GUAM','code'=>'1671'),
	'GW'=>array('name'=>'GUINEA-BISSAU','code'=>'245'),
	'GY'=>array('name'=>'GUYANA','code'=>'592'),
	'HK'=>array('name'=>'HONG KONG','code'=>'852'),
	'HN'=>array('name'=>'HONDURAS','code'=>'504'),
	'HR'=>array('name'=>'CROATIA','code'=>'385'),
	'HT'=>array('name'=>'HAITI','code'=>'509'),
	'HU'=>array('name'=>'HUNGARY','code'=>'36'),
	'ID'=>array('name'=>'INDONESIA','code'=>'62'),
	'IE'=>array('name'=>'IRELAND','code'=>'353'),
	'IL'=>array('name'=>'ISRAEL','code'=>'972'),
	'IM'=>array('name'=>'ISLE OF MAN','code'=>'44'),
	'IN'=>array('name'=>'INDIA','code'=>'91'),
	'IQ'=>array('name'=>'IRAQ','code'=>'964'),
	'IR'=>array('name'=>'IRAN, ISLAMIC REPUBLIC OF','code'=>'98'),
	'IS'=>array('name'=>'ICELAND','code'=>'354'),
	'IT'=>array('name'=>'ITALY','code'=>'39'),
	'JM'=>array('name'=>'JAMAICA','code'=>'1876'),
	'JO'=>array('name'=>'JORDAN','code'=>'962'),
	'JP'=>array('name'=>'JAPAN','code'=>'81'),
	'KE'=>array('name'=>'KENYA','code'=>'254'),
	'KG'=>array('name'=>'KYRGYZSTAN','code'=>'996'),
	'KH'=>array('name'=>'CAMBODIA','code'=>'855'),
	'KI'=>array('name'=>'KIRIBATI','code'=>'686'),
	'KM'=>array('name'=>'COMOROS','code'=>'269'),
	'KN'=>array('name'=>'SAINT KITTS AND NEVIS','code'=>'1869'),
	'KP'=>array('name'=>'KOREA DEMOCRATIC PEOPLES REPUBLIC OF','code'=>'850'),
	'KR'=>array('name'=>'KOREA REPUBLIC OF','code'=>'82'),
	'KW'=>array('name'=>'KUWAIT','code'=>'965'),
	'KY'=>array('name'=>'CAYMAN ISLANDS','code'=>'1345'),
	'KZ'=>array('name'=>'KAZAKSTAN','code'=>'7'),
	'LA'=>array('name'=>'LAO PEOPLES DEMOCRATIC REPUBLIC','code'=>'856'),
	'LB'=>array('name'=>'LEBANON','code'=>'961'),
	'LC'=>array('name'=>'SAINT LUCIA','code'=>'1758'),
	'LI'=>array('name'=>'LIECHTENSTEIN','code'=>'423'),
	'LK'=>array('name'=>'SRI LANKA','code'=>'94'),
	'LR'=>array('name'=>'LIBERIA','code'=>'231'),
	'LS'=>array('name'=>'LESOTHO','code'=>'266'),
	'LT'=>array('name'=>'LITHUANIA','code'=>'370'),
	'LU'=>array('name'=>'LUXEMBOURG','code'=>'352'),
	'LV'=>array('name'=>'LATVIA','code'=>'371'),
	'LY'=>array('name'=>'LIBYAN ARAB JAMAHIRIYA','code'=>'218'),
	'MA'=>array('name'=>'MOROCCO','code'=>'212'),
	'MC'=>array('name'=>'MONACO','code'=>'377'),
	'MD'=>array('name'=>'MOLDOVA, REPUBLIC OF','code'=>'373'),
	'ME'=>array('name'=>'MONTENEGRO','code'=>'382'),
	'MF'=>array('name'=>'SAINT MARTIN','code'=>'1599'),
	'MG'=>array('name'=>'MADAGASCAR','code'=>'261'),
	'MH'=>array('name'=>'MARSHALL ISLANDS','code'=>'692'),
	'MK'=>array('name'=>'MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF','code'=>'389'),
	'ML'=>array('name'=>'MALI','code'=>'223'),
	'MM'=>array('name'=>'MYANMAR','code'=>'95'),
	'MN'=>array('name'=>'MONGOLIA','code'=>'976'),
	'MO'=>array('name'=>'MACAU','code'=>'853'),
	'MP'=>array('name'=>'NORTHERN MARIANA ISLANDS','code'=>'1670'),
	'MR'=>array('name'=>'MAURITANIA','code'=>'222'),
	'MS'=>array('name'=>'MONTSERRAT','code'=>'1664'),
	'MT'=>array('name'=>'MALTA','code'=>'356'),
	'MU'=>array('name'=>'MAURITIUS','code'=>'230'),
	'MV'=>array('name'=>'MALDIVES','code'=>'960'),
	'MW'=>array('name'=>'MALAWI','code'=>'265'),
	'MX'=>array('name'=>'MEXICO','code'=>'52'),
	'MY'=>array('name'=>'MALAYSIA','code'=>'60'),
	'MZ'=>array('name'=>'MOZAMBIQUE','code'=>'258'),
	'NA'=>array('name'=>'NAMIBIA','code'=>'264'),
	'NC'=>array('name'=>'NEW CALEDONIA','code'=>'687'),
	'NE'=>array('name'=>'NIGER','code'=>'227'),
	'NG'=>array('name'=>'NIGERIA','code'=>'234'),
	'NI'=>array('name'=>'NICARAGUA','code'=>'505'),
	'NL'=>array('name'=>'NETHERLANDS','code'=>'31'),
	'NO'=>array('name'=>'NORWAY','code'=>'47'),
	'NP'=>array('name'=>'NEPAL','code'=>'977'),
	'NR'=>array('name'=>'NAURU','code'=>'674'),
	'NU'=>array('name'=>'NIUE','code'=>'683'),
	'NZ'=>array('name'=>'NEW ZEALAND','code'=>'64'),
	'OM'=>array('name'=>'OMAN','code'=>'968'),
	'PA'=>array('name'=>'PANAMA','code'=>'507'),
	'PE'=>array('name'=>'PERU','code'=>'51'),
	'PF'=>array('name'=>'FRENCH POLYNESIA','code'=>'689'),
	'PG'=>array('name'=>'PAPUA NEW GUINEA','code'=>'675'),
	'PH'=>array('name'=>'PHILIPPINES','code'=>'63'),
	'PK'=>array('name'=>'PAKISTAN','code'=>'92'),
	'PL'=>array('name'=>'POLAND','code'=>'48'),
	'PM'=>array('name'=>'SAINT PIERRE AND MIQUELON','code'=>'508'),
	'PN'=>array('name'=>'PITCAIRN','code'=>'870'),
	'PR'=>array('name'=>'PUERTO RICO','code'=>'1'),
	'PT'=>array('name'=>'PORTUGAL','code'=>'351'),
	'PW'=>array('name'=>'PALAU','code'=>'680'),
	'PY'=>array('name'=>'PARAGUAY','code'=>'595'),
	'QA'=>array('name'=>'QATAR','code'=>'974'),
	'RO'=>array('name'=>'ROMANIA','code'=>'40'),
	'RS'=>array('name'=>'SERBIA','code'=>'381'),
	'RU'=>array('name'=>'RUSSIAN FEDERATION','code'=>'7'),
	'RW'=>array('name'=>'RWANDA','code'=>'250'),
	'SA'=>array('name'=>'SAUDI ARABIA','code'=>'966'),
	'SB'=>array('name'=>'SOLOMON ISLANDS','code'=>'677'),
	'SC'=>array('name'=>'SEYCHELLES','code'=>'248'),
	'SD'=>array('name'=>'SUDAN','code'=>'249'),
	'SE'=>array('name'=>'SWEDEN','code'=>'46'),
	'SG'=>array('name'=>'SINGAPORE','code'=>'65'),
	'SH'=>array('name'=>'SAINT HELENA','code'=>'290'),
	'SI'=>array('name'=>'SLOVENIA','code'=>'386'),
	'SK'=>array('name'=>'SLOVAKIA','code'=>'421'),
	'SL'=>array('name'=>'SIERRA LEONE','code'=>'232'),
	'SM'=>array('name'=>'SAN MARINO','code'=>'378'),
	'SN'=>array('name'=>'SENEGAL','code'=>'221'),
	'SO'=>array('name'=>'SOMALIA','code'=>'252'),
	'SR'=>array('name'=>'SURINAME','code'=>'597'),
	'ST'=>array('name'=>'SAO TOME AND PRINCIPE','code'=>'239'),
	'SV'=>array('name'=>'EL SALVADOR','code'=>'503'),
	'SY'=>array('name'=>'SYRIAN ARAB REPUBLIC','code'=>'963'),
	'SZ'=>array('name'=>'SWAZILAND','code'=>'268'),
	'TC'=>array('name'=>'TURKS AND CAICOS ISLANDS','code'=>'1649'),
	'TD'=>array('name'=>'CHAD','code'=>'235'),
	'TG'=>array('name'=>'TOGO','code'=>'228'),
	'TH'=>array('name'=>'THAILAND','code'=>'66'),
	'TJ'=>array('name'=>'TAJIKISTAN','code'=>'992'),
	'TK'=>array('name'=>'TOKELAU','code'=>'690'),
	'TL'=>array('name'=>'TIMOR-LESTE','code'=>'670'),
	'TM'=>array('name'=>'TURKMENISTAN','code'=>'993'),
	'TN'=>array('name'=>'TUNISIA','code'=>'216'),
	'TO'=>array('name'=>'TONGA','code'=>'676'),
	'TR'=>array('name'=>'TURKEY','code'=>'90'),
	'TT'=>array('name'=>'TRINIDAD AND TOBAGO','code'=>'1868'),
	'TV'=>array('name'=>'TUVALU','code'=>'688'),
	'TW'=>array('name'=>'TAIWAN, PROVINCE OF CHINA','code'=>'886'),
	'TZ'=>array('name'=>'TANZANIA, UNITED REPUBLIC OF','code'=>'255'),
	'UA'=>array('name'=>'UKRAINE','code'=>'380'),
	'UG'=>array('name'=>'UGANDA','code'=>'256'),
	'US'=>array('name'=>'UNITED STATES','code'=>'1'),
	'UY'=>array('name'=>'URUGUAY','code'=>'598'),
	'UZ'=>array('name'=>'UZBEKISTAN','code'=>'998'),
	'VA'=>array('name'=>'HOLY SEE (VATICAN CITY STATE)','code'=>'39'),
	'VC'=>array('name'=>'SAINT VINCENT AND THE GRENADINES','code'=>'1784'),
	'VE'=>array('name'=>'VENEZUELA','code'=>'58'),
	'VG'=>array('name'=>'VIRGIN ISLANDS, BRITISH','code'=>'1284'),
	'VI'=>array('name'=>'VIRGIN ISLANDS, U.S.','code'=>'1340'),
	'VN'=>array('name'=>'VIET NAM','code'=>'84'),
	'VU'=>array('name'=>'VANUATU','code'=>'678'),
	'WF'=>array('name'=>'WALLIS AND FUTUNA','code'=>'681'),
	'WS'=>array('name'=>'SAMOA','code'=>'685'),
	'XK'=>array('name'=>'KOSOVO','code'=>'381'),
	'YE'=>array('name'=>'YEMEN','code'=>'967'),
	'YT'=>array('name'=>'MAYOTTE','code'=>'262'),
	'ZA'=>array('name'=>'SOUTH AFRICA','code'=>'27'),
	'ZM'=>array('name'=>'ZAMBIA','code'=>'260'),
	'ZW'=>array('name'=>'ZIMBABWE','code'=>'263')
);

?>

<header id="site-header" class="header">
  
  <div id="header-wrap">
    <div class="container-fluid">
      <div class="row">
        <?php 
        	include("sidebar.php");
        ?>
		<div class="col-lg-3" >
		  
		</div>
      </div>
    </div>
  </div>
</header>

<footer class="footer  " data-bg-img=" " style=" " >
 <div class="primary-footer" style="padding-top:0px; padding-left:0px">
    <div class=" ">
      <div class="row" >
          
        <div class="col-lg-12 col-md-12">
           
           <img src="images/digital/webLogo.png">  
            <a class="overlay-button" href="#contact-main" style="">Get In Touch</a> 
        </div>
       
         
        <div class="col-lg-12 col-md-12">
            <p></p>
            </div>
            <div class="col-lg-12 col-md-12">
            <p></p>
            </div>
            <div class="col-lg-12 col-md-12">
            <p></p>
            </div>
            <div class="col-lg-12 col-md-12">
            <p></p>
            </div>
            <div class="col-lg-12 col-md-12">
            <p></p>
            </div>
            <div class="col-lg-12 col-md-12">
            <p></p>
            </div>
            <div class="col-lg-12 col-md-12">
            <p></p>
            </div>
            <div class="col-lg-12 col-md-12">
            <p></p>
            </div>
        <div class="col-lg-1 col-md-1">
           
          
        </div>
           <div class="col-lg-3 col-md-3">
           
           
           
        
        <iframe src="https://www.youtube.com/embed/U5HIrCvyxFM?si=bTT4kwrqR1VRrcy0?loop=1&rel=0&modestbranding=1&autohide=1&mute=1&showinfo=0&controls=1&autoplay=1" loop=1  rel="0" width="560" height="253" frameborder="0" allowfullscreen style="border: solid 7px black;"></iframe>
        </div>
        
       
        <div class="col-lg-8 col-md-8" style="color:black; font-size:40px; text-align:justify; margin-top:30px; ">
           At KeyRetouch Digital, we are on a mission to empower businesses and individuals with cutting-edge digital marketing strategies. 
        </div>
         
            
         <div class="col-lg-1 col-md-1">
           
          
        </div>
        
         <div class="col-lg-5 col-md-5" style="color:black; font-size:40px;text-align:justify; margin-top:300px; ">
           Our vision is to transform your online presence, drive growth, and help you succeed in the digital landscape.
        </div>
         
        <div class="col-lg-6 col-md-6">
          <img src="images/digital/key.png" style="border-radius:2px;  width: 2000px;"> 
         
        
        </div>
        
         <div class="col-lg-12 col-md-12">
            <p></p>
            </div>
        
           <div class="col-lg-4 col-md-4">
           
           <img src="images/digital/internet1.png" style="border-radius:2px; margin-top:100px;">  
        </div>
        <div class="col-lg-8 col-md-8" style="color:black; font-size:40px;text-align:justify; margin-top:450px;">
           
           Achieving this by leveraging the power of effective
digital marketing strategies and the expertise of our
team to ensure your brand reaches its full potential and
thrives online
        </div>
        <div class="col-lg-2 col-md-2">
           
          
        </div>
         
      
         <div class="col-lg-2 col-md-2">
          
        </div>
        
        
         <div class="col-lg-12 col-md-12">
            <p></p>
            </div>
        
        <div class="col-lg-5 col-md-5 desktop-view " style=" ">
               <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" class='image-area'>
   <polygon points="45,95, 50,105, 100,200, 150,250, 200,300, 250,305" /> 
  <rect x="45" y="80" width="80" height="80" />
</svg>
           <img src="images/digital/5.png" style="border-radius:2px; margin-top:250px;  transition: transform 0.4s ease;" alt="Your Image" usemap="#image-map" class="hexa Sirv" /> 
      
          <map name="image-map">
        
        
       <area shape="rect" coords="15,50, 240,200" href="digital_seo.php" alt="Description 1" class="seo" />
        <area shape="rect" coords="82,300, 280,450" href="digital_cm.php" alt="Description 1" />
        <area shape="rect" coords="80,600, 230,750" href="digital_cro.php" alt="Description 1" />
        
        <area shape="rect" coords="250,200, 460,350" href="digital_ppc.php" alt="Description 1" />
        <area shape="rect" coords="300,400, 460,550" href="digital_wae.php" alt="Description 1" />
        
        <area shape="rect" coords="490,50, 1202,170" href="digital_sm.php" alt="Description 1" />
        <area shape="rect" coords="490,300, 1100,450" href="digital_em.php" alt="Description 1" />
        <area shape="rect" coords="490,600, 1000,750" href="digital_orm.php" alt="Description 1" />
       
       
        
     </map> 
        </div>
        
        
         
      
         <div class="col-lg-2 col-md-2">
             </div>
        <div class="col-lg-5 col-md-5 desktop-view " >
            <img src="images/digital/bell.png" style="border-radius:2px; margin-top:200px; width:1050px;  " class="bell Sirv">
           
        </div>
        <div class=" mobile-view">
        <div class="col-lg-5 col-md-5 " >
            <img src="images/digital/bell.png" style="border-radius:2px; margin-top:200px; width:1050px " class="bell">
           
        </div>
           <div class="col-lg-2 col-md-2">
             </div>
        
         <div class="col-lg-5 col-md-5">
           
           <img src="images/digital/5.png" style="border-radius:2px; margin-top:250px;  " alt="Your Image" usemap="#image-map" class="hexa" /> 
          <map name="image-map">
        
        
        <area shape="rect" coords="15,50, 240,200" href="digital_seo.php" alt="Description 1" />
        <area shape="rect" coords="82,300, 280,450" href="digital_cm.php" alt="Description 1" />
        <area shape="rect" coords="80,600, 230,750" href="digital_cro.php" alt="Description 1" />
        
        <area shape="rect" coords="250,200, 460,350" href="digital_ppc.php" alt="Description 1" />
        <area shape="rect" coords="300,400, 460,550" href="digital_wae.php" alt="Description 1" />
        
        <area shape="rect" coords="490,50, 1202,170" href="digital_sm.php" alt="Description 1" />
        <area shape="rect" coords="490,300, 1100,450" href="digital_em.php" alt="Description 1" />
        <area shape="rect" coords="490,600, 1000,750" href="digital_orm.php" alt="Description 1" />
       
       
        
    </map>
        </div>
        </div>
        
         
      
      
        
        
        
        <div class="col-lg-12 col-md-12" style="color:black; font-weight:bold; font-size:40px;text-align:center; margin-top:200px;  ">
         WE'RE NOT JUST MARKETERS, WE'RE YOUR DEDICATED <br>PARTNERS IN SUCCESS.
        </div>
         <div class="col-lg-2 col-md-2"></div>
        <div class="col-lg-10 col-md-10">
        <img src="images/digital/handshake.png" style="border-radius:2px; margin-top:50px; width:1200px">
        </div>
         
         
         
            <div class="col-lg-6 col-md-6" style="background-color:#CCCCCC; height:800px">
              <img src="images/digital/contact.png" style="width:1800px; margin-top:100px">
              
              <br><br><br><br>
              <p style="color:black;font-weight:bold;font-size:20px; margin-left:100px;"><img src="images/digital/PhoneIcon.png" style="width:20px">&nbsp;&nbsp;Phone : +91 8369719288</p>
              <p style="color:black;font-weight:bold;font-size:20px; margin-left:100px;"><img src="images/digital/EmailIcon.png" style="width:20px">&nbsp;&nbsp;Email : support@keyretouch.com</p>
              <p style="color:black;font-weight:bold;font-size:20px; margin-left:100px;"><img src="images/digital/WatchIcon.png" style="width:20px">&nbsp;&nbsp;Working Hours : Monday - Sunday <br> 
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;
              24 hours X 7 days</p>
              </div>
              
              <section class="contact-2 col-lg-5" id="contact"  style="background-color:#CCCCCC; margin-left:0px;">
                 <?php
              if(isset($_GET['mail']))
              {
                  ?>
                 
              <div class="success-popup" id="successPopup" style="  ">
        <p>Thank you for getting in touch! We will get you soon!</p>
        <button onclick="closePopup()">Close</button> 
        
    </div> 
                  <?php  
              }  ?>
              
              
  <div class="container mb-0" id="blurr">
    <div class="row pos-r" style="">
      <div class="col-lg-12 ml-auto"  style="">
        <div class="contact-main" id="contact-main" style="border-radius:10px; margin-top:100px; margin-left:80px; transition: transform 0.4s ease; background-color:white;">
         
          <form   method="post" action="digital_mail.php" autocomplete="off" style="margin-top: 0px">
            <div class="messages"></div>
			 
             
            <div class="form-group">
              <input id="form_name" type="text" name="fname" class="form-control" placeholder="First Name" required="required" data-error="Username is required." style="background-color:white; border-bottom:solid 2px #9f9c9c;">
              <div class="help-block with-errors"></div>
            </div>
		 
			  
            <div class="form-group">
              <input id="form_name" type="text" name="lname" class="form-control" placeholder="Last Name" required="required" data-error="Username is required." style="background-color:white; border-bottom:solid 2px #9f9c9c;">
              <div class="help-block with-errors"></div>
            </div>
		 
		 
            <div class="form-group">
              <input id="form_email" type="email" name="email" class="form-control" placeholder="Email" required="required" data-error="Valid email is required." style="background-color:white; border-bottom:solid 2px #9f9c9c;">
              <div class="help-block with-errors"></div>
            </div>
           
               <div class="form-group">
      <div class="row  ">
        <div class="  col-sm-1 " >
                <select id="form_dropdown" style="width:50px; color:gray; border-top:none;border-left:none;border-right:none; border-bottom:2px solid #9f9c9c; order-top:none; height:38px;   background-color:white; " onchange="getCountryCode()"  >
                   <?php
                	foreach($countryArray as $code => $country){
                		$countryName = ucwords(strtolower($country["name"])); // Making it look good
                		 ?>
                		 <option value="<?php echo $country["code"] ?>"><?php echo $code." - ".$countryName ?></option>
                		 <?php
                	} ?>

</select>
                </div>
               <div class="col-sm-3" >
                 <input id="form_phone" type="tel" name="c_code1" placeholder="Country code" style="outline:none;background-color:white; border-bottom:solid 2px #9f9c9c; " class="form-control" required="required" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))" >
                </div> 
          <div class="   col-sm-8">
              <input id="form_phone" type="tel" name="phone" class="form-control  " placeholder="Phone" required="required"  onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))"  data-error="Phone is required" style="background-color:white; border-bottom:solid 2px #9f9c9c;" >
              <div class="help-block with-errors"></div>
            </div></div></div>
             
            <div class="form-group">
              <textarea id="form_message" name="message" class="form-control" value="" placeholder="Message" rows="4" required="required" data-error="Please,leave us a message." style="height: 150px;background-color:white; border-bottom:solid 2px #9f9c9c;" maxlength="150" onkeyup="messageLimit()"></textarea>
              <div class="help-block with-errors"></div>
            </div>
                <div class="g-recaptcha" data-sitekey="6LdJAJ4UAAAAAAxNxLNdcZXGniQDnInDUsxO71oU"></div>
                <p id="captcha_text" style="color:red" ></p>
      <br/>
            <input type="submit" name="submit" id="submit" value="Submit" class="sub" onclick="free();"> 
             
          </form>
        </div>
      </div>
       
    </div>
  </div>
</section>
              <div class="col-lg-1 col-md-1 mb-0" style="background-color:#CCCCCC; height:800px">
                  <ul  >
                    <a href="https://www.linkedin.com/company/keyretouch/" target="_blank">
                      <img src="images/linkdinpng.png" width="40" height="40" style="float:right; margin-right:50px; margin-top:100px;"></a>
                      <br>
                 <a href="https://www.instagram.com/keyretouch/" target="_blank">
                     <img src="images/instapng.png" width="40" height="40" style="float:right; margin-right:-40px; margin-top:130px;"></a>
                     <br>
                 <a href="https://www.facebook.com/keyretouch/" target="_blank">
                     <img src="images/facebookpng.png" width="40" height="40" style="float:right; margin-right:-40px; margin-top:160px;"></a>
                  <br>
                  <a href="https://www.youtube.com/@KeyRetouch" target="_blank">
                      <img src="images/utube.png" width="40" height="40" style="float:right; margin-right:-40px; margin-top:190px; border-radius:10px;"></a>
                 
                 
                 </ul>
                  </div>
                
                  <div class="col-lg-4 col-md-4"  style="background:black;" >
                      </div>
               
 <div class="col-lg-4 col-md-4"  style="background:black;" >
                      </div>

</div>
        </div>
        
      </div>
    </div>
  </div></footer>

<!--team start

team end-->

<!--blog start

blog end-->

</div>

<?php 
	//include("footer.php");
?>

</div>

</section>
</div>

<script>
       document.onmousemove = function(e){
var x = e.pageX;
var y = e.pageY;
e.target.title = "X is "+x+" and Y is "+y;
} 
    </script>
    
<script>
function closePopup() {
    var popup = document.getElementById("successPopup");
    popup.style.display = "none";
}
 $('.sub').click(function (e) {
         
        $('#blurr').addClass('blurin');
         
    });
/*function free()
{
    //alert("fg");
    document.getElementById("blurr").addClass('blurin');
}*/
 function messageLimit()
{
	var limit = 150;
	var side_word = document.getElementById("form_message").value;
	var word_limit = side_word.length;

if(limit == word_limit)
	{
		alert("You have reached a limit of 150 characters")
	}
}
function getCountryCode()
	{
	     
		var a = document.getElementById("form_dropdown").value;
	 
		 
		document.getElementById("form_phone").value = "(+"+a+") - ";
	}

// Also see: https://www.quirksmode.org/dom/inputfile.html

var inputs = document.querySelectorAll('.file-input')

for (var i = 0, len = inputs.length; i < len; i++)
{
  customInput(inputs[i])
}

function customInput (el) {
  const fileInput = el.querySelector('[type="file"]')
  const label 	  = el.querySelector('[data-js-label]')
  
  fileInput.onchange =
  fileInput.onmouseout = function () {
    if (!fileInput.value) return
    
    var value = fileInput.value.replace(/^.*[\\\/]/, '')
    el.className += ' -chosen'
    label.innerText = value
  }
}
</script>

<script src='jx/juxtapose/js/juxtapose.js'></script>

<script src="js/jquery.3.3.1.min.js"></script>

<script src="js/popper.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/jquery.appear.js"></script>

<script src="js/modernizr.js"></script>

<script src="js/menu/jquery.smartmenus.js"></script>

<script src="js/audioplayer/media-player.js"></script>

<script src="js/magnific-popup/jquery.magnific-popup.min.js"></script>

<script src="js/owl-carousel/owl.carousel.min.js"></script>

<script src="js/slit-slider/jquery.ba-cond.min.js"></script>
<script src="js/slit-slider/jquery.slitslider.js"></script>

<script src="js/parallax/parallaxie.min.js"></script>

<script src="js/counter/counter.js"></script>

<script src="js/countdown/jquery.countdown.min.js"></script>

<script src="js/isotope/isotope.pkgd.min.js"></script>

<script src="js/contact-form/contact-form.js"></script>

<script src="js/contact-form/jquery.validate.min.js"></script>

<script src="https://maps.googleapis.com/maps/api/js"></script>

<script src="js/map.js"></script>

<script src="js/particle/jquery.particleground.min.js"></script>

<script src="js/theme-script.js"></script>
<script type="text/javascript">

</script>

	 
	
	<script type="text/javascript" src="javascript/plugins/_sliders/ios/jquery.iosslider.min.js"></script>

<script type="text/javascript" src="javascript/trigger/slider/ios/kl-ios-slider.js"></script>
	
	

<script type="text/javascript">

function sideword()
{
	var limit = 150;
	var side_word = document.getElementById("form_message1").value;
	var word_limit = side_word.length;

if(limit == word_limit)
	{
		alert("You have reached a limit of 150 characters")
	}
}
//$(.cat1).focus();
</script>


 
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "+91 8369719288", // WhatsApp number
            call_to_action: "Message us", // Call to action
            position: "right", // Position may be 'right' or 'left'
        };
        var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();
</script>

</body>
 
</html>