1#@!#!123s

22527 1#@!#!123s
: / home / ubuntu / letsfamebackup / lf220525 / letsfame /
Filename : book-your-celebrity.php
back
<!doctype html>
<html lang="en">
<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description"
	content='Book Your Artist'>
	<meta name="keywords"
	content="Book Your Artist">
	<meta name="author" content="PK">
	<meta name="p:domain_verify" content="97108a573ee57d532fae349647673743" />
	<title>Book Your Artist</title>
	<link rel="shortcut icon" href="assets/img/favicon.ico">
	<!-- Style CSS Start -->
	<meta property='og:title'
	content="Book Your Artist"/>
	<meta property='og:image' content='' />
	<meta name="robots" content="index, follow" />
	<meta property='og:description'
	content='Book Your Artist'/>
	<meta property='og:url' content='https://www.letsfame.com/bookyourcelebrity'/>
	<meta property="og:image:type" content="image/png">
	<meta property="og:image:width" content="1024">
	<meta property="og:image:height" content="1024">
	<meta property="og:type" content='website' />
    <link rel="canonical" href="https://www.letsfame.com/bookyourcelebrity">
	<link rel="alternate" href="https://www.letsfame.com/bookyourcelebrity" hreflang="en-us">
	<link type="text/css" href="assets/css/bootstrap.min.css" rel="stylesheet"><!-- Bootstrap CSS -->
	<link type="text/css" href="assets/css/style.css" rel="stylesheet"><!-- Style CSS -->
   <link type="text/css" href="assets/css/index-style.css" rel="stylesheet"><!-- Style CSS -->
	<link type="text/css" href="assets/css/step.css" rel="stylesheet"><!-- Style CSS -->
	<link type="text/css" href="assets/css/nav.css" rel="stylesheet"><!-- Menu CSS -->
	<link type="text/css" href="assets/css/mediaquery.css" rel="stylesheet"><!-- Mediaquery CSS -->
	<link type="text/css" href="assets/fonts/font.css" rel="stylesheet"><!-- Font CSS -->
	<link type="text/css" href="assets/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"><!-- Icons CSS -->
	<link type="text/css" href="assets/css/comments.css" rel="stylesheet">
	<link type="text/css" href="assets/css/tooltip.css" rel="stylesheet">
	<link type="text/css" href="assets/css/all.min.css" rel="stylesheet"><!-- FontAwesome CSS -->
	<link type="text/css" href="assets/css/chat.css" rel="stylesheet">
	<link type="text/css" href="assets/css/search.css" rel="stylesheet">
	<link type="text/css" href="assets/css/slider.css" rel="stylesheet">
	<!--<link type="text/css" href="assets/css/whatsapp.css" rel="stylesheet">--><!-- Whatsapp CSS -->
	<link type="text/css" href="assets/css/featured-slider.css" rel="stylesheet"><!-- featured-slider  -->
	<script src="assets/js/jquery.min.js"></script>
	<link href="assets/css/aos.css" rel="stylesheet">
	<script src="assets/js/aos.js"></script>
	<script src="assets/js/skrollr.min.js"></script>
	<link rel="canonical" href="indexads">
	<link rel="alternate" href="indexads" hreflang="en-us">
	<script src="assets/js/bootstrap.bundle.min.js"></script><!-- Bootstrap Bundle JS -->
	<script src="assets/js/main-nav.js"></script><!-- Menu Main JS -->
	<script src="assets/js/all.min.js"></script><!-- FontAwesome JS -->
	<script src="assets/js/chat.js"></script><!-- FontAwesome JS -->
	<script src="assets/js/search.js"></script><!-- Search JS -->
	<script src="assets/js/step.js"></script>
	<script src="assets/js/slider.js"></script>
	<script src="assets/js/index.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/4.10.2/bodymovin.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
	<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
	<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
	<script src='https://www.google.com/recaptcha/api.js'></script>
	
	<!-- <script src="https://www.youtube.com/iframe_api"></script> -->
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-185161524-1"></script>
	<!-- <img src=""/> -->
	<script type="application/ld+json">
		{
			"@context": "https://schema.org",
			"@type": "EntertainmentBusiness",
			"name": "LetsFame",
			"image": "https://letsfame.com/assets/img/phone5.webp",
			"@id": "cinema jobs, film industry jobs",
			"url": "indexads",
			"telephone": "",
			"address": {
				"@type": "PostalAddress",
				"streetAddress": "No. 25, Dr. Radhakrishnan salai, Mylapore",
				"addressLocality": "Chennai",
				"postalCode": "600004",
				"addressCountry": "IN"
			},
			"geo": {
				"@type": "GeoCoordinates",
				"latitude": 13.043006265209643,
				"longitude": 80.25639908683165
			} ,
			"sameAs": [
				"https://www.facebook.com/Letsfameofficial/",
				"https://twitter.com/letsfameoffl?s=20",
				"https://www.instagram.com/letsfameapp/",
				"https://www.youtube.com/channel/UCKhIRTOi86I_B9ZSp9evAAg/featured"
			] 
		}
	</script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag() { dataLayer.push(arguments); }
		gtag('js', new Date());
		gtag('config', 'UA-185161524-1');
	</script>
	    <script src="https://www.youtube.com/player_api"></script>
   <!-- Google Tag Manager -->
   <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-5M4KV6W');</script>
   <!-- End Google Tag Manager -->
   <script>
      $(document).ready(function () {
         var s = skrollr.init();
         if (s.isMobile()) {
            s.destroy();
         }
      });
      $(window).on('load', function () {
         // Re-initialize the Skrollr instance on page load

      });
      function getMyOS() {
         let platform = getOS();
         if (platform === 'iOS') {
            window.open("https://apps.apple.com/in/app/letsfame-find-cinema-jobs/id6444732920", '_blank');
         } else if (platform === 'Android') {
            window.open("https://play.google.com/store/apps/details?id=com.letsfame.app", '_blank');
         }
      }
   </script>
   <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-C0D4F3G86Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-C0D4F3G86Y');
</script>

	</head>
	<style> 

.artist-booking .form-select {
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(47, 44, 41, 0.16) 0px 0px 0px 1px, rgba(47, 44, 41, 0.08) 0px 2px 5px 0px;
    border: 0px;
}

		.navbar .active {
			color: #f3c060 !important;
		}

		.active {
			color: #f3c060 !important;
		}

		.close-btn {
			padding-top: 16px;
			padding-right: 6px;
		}

		#imageapp {
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-size: 150% auto;
			background-repeat: no-repeat;
			background-position: top center;
			background-image: url('assets/img/home/bigestcut.webp');
		}

		.imagess {
			position: relative;
			height: 1150px;
			text-align: center;
			background: #000000;
			width: 100%;
			overflow: hidden;
		}
		.mbl-d-b{display: none;}
		.mbl-d-n{display: block;}


		.new-banner { background-image: none;height: 100vh;}
		.lets-slider { border-image: linear-gradient(86deg,#f3c060,transparent) 2;}
		.let-slider{border: none !important;}
		.new-banner .contents {
			position: absolute;
			top: 50%;
			left: 5%;
			margin-right: unset;
			transform: translate(0%, -50%);width: 45%;
		}
		.new-banner .contents .lets-main-title-h2, .new-banner .contents .lets-sub-title-h2  {text-align: left !important;}
		.new-banner .signup, .lets-slider, .let-slider {text-align: left !important;margin: 0;}
		.new-banner .contentw-100-scroll {
			position: absolute;
			bottom: 3%;
			left: 0;
			margin-right: unset; 
			width: 100%;
		}
		.new-banner .contents .lets-sub-title-h2 {line-height: 26px;}
		.h-100vh{height: 100vh;}
		.iframe-wh{width: 100%;height: 400px;}
		.d-color {color: #F3C060 !important;}

		@media only screen and (min-width:992px) and (max-width:1920px){
        .view-desktop {display:block;}
		.view-mobile {display:none !important;}
		}

		@media only screen and (min-width:280px) and (max-width:991px){
		.view-desktop {display:none !important;}
		.view-mobile {display:block;}
		}


		@media only screen and (min-width: 1240px){
			.home-video video {
				width: 100%;
				overflow: hidden;
			}

		}

		@media only screen and (max-width:345px){
			.mbl-d-b{display: block;}
			.mbl-d-n{display: none;}
			.new-banner .contents {width: 100%;}
			.new-banner .contents .lets-sub-title-h2 {line-height: 17px !important;font-size: 12px !important;}
			.new-banner .contents .lets-main-title-h2 {font-size: 21px !important;} 
			.let-slider {height: 135px;}
			.lets-slider p {font-size: 10px}
			.new-banner .signup {font-size: 12px;}
			.lets-slider { width: 258px !important;height: 65px !important;}
			.lets-slider h2 {font-size: 35px !important;}
			.animation-box {margin-top: 27px !important;}
			.iframe-wh {height: 250px;}

		}
		@media only screen and (min-width:346px) and (max-width:600px){
			.mbl-d-b{display: block;}
			.mbl-d-n{display: none;}
			.new-banner .contents {width: 100%;}
			.new-banner .contents .lets-sub-title-h2 {line-height: 21px !important;font-size: 14px !important;}
			.new-banner .contents .lets-main-title-h2 {font-size: 25px !important;} 
			.let-slider {height: 160px;}
			.lets-slider p {font-size: 14px}
			.iframe-wh {height: 250px;}
			.select2-container {width:100% !important;}

		}
		@media only screen and (min-width:600px) and (max-width:720px){
			.let-slider {height: 175px;} 
		}

		@media only screen and (max-width:768px){
			.artist-booking-bg {height:20vh !important;}
			.app-icon {left:38% !important;}
		}

		@media only screen and (min-width:768px) and (max-width:1024px){
			.artist-booking-bg {height:128px !important; margin-top: 72px !important;}
			.artist-booking label {font-size: 13px;}
		}


		
        .select2-container--default .select2-selection--single {
  border: 1px solid #CDCDCD !important;
  height: 42px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 42px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 42px !important;
}

.select2-container {width:100% !important;}


</style>

	<body style="background: #f4bf5e;">
		<!-- Google Tag Manager (noscript) -->
		<noscript>
			<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5M4KV6W" height="0" width="0"
			style="display:none;visibility:hidden"></iframe>
		</noscript>

<!--HEADER START-->
		
   <!-- header -->
   <header id="header" class="fixed-top d-flex align-items-center">
      <nav id="lt-navbar" class="navbar navbar-expand-lg fixed-top text-white"
         style="background-color: #000000; color: #ffffff !important; padding: 17px 0px;">
         <div class="container-fluid d-flex align-items-center px-3">
            <div class="logo">
               <a href="book-my-artist-india"><img src="assets/img/logo.png" alt="logo" title="logo" class="img-fluid"></a>
            </div>
            <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse"
               data-bs-target="#collapsibleNavbar">
               <i class="fa-solid fa-bars text-white"></i>
            </button>
            <div class="collapse navbar-collapse justify-content-center" id="collapsibleNavbar">
               <ul class="navbar-nav">
                  <li class="nav-item pt-2">
                     <a href="book-my-artist-india" class="nav-link">Home</a>
                  </li>
                  <li class="nav-item pt-2">
                     <a href="book-your-celebrity" class="nav-link">Contact Us</a>
                  </li>
               </ul>
            </div>
            <div class="ms-auto d-none d-lg-block">
               <a href="bookartist" class="btn btn-warning px-5 py-2 rounded-pill text-dark"
                  style="color: #000 !important;">Book Artist</a>
            </div>
         </div>
      </nav>
   </header>
   <!-- header -->
	
<script>

document.querySelectorAll(".nav-link").forEach((link) => {
        if (link.href === window.location.href) {
            link.classList.add("active");
            link.setAttribute("aria-current", "page");
        } else {
            var homeLink = document.querySelector(".navbar-nav .nav-item .nav-link[href='index']");
            if (homeLink && window.location.pathname.endsWith('/')) {
                homeLink.classList.add("active");
                homeLink.setAttribute("aria-current", "page");
            }
        }
    });

	</script>
<!--HEADER END---->		

<!--BANNER START-->
<div class="artist-booking-bg">
	<div class="app-icon"><img src="assets/img/book-artist/app-icon.jpg" class="rounded-pill"></div>
</div>
   
	<!-- main -->
	<main class="artist-booking mt-04 position-relative">
		<section class="pb-3 mt-5">
			<div class="container">
            <div class="row  justify-content-center">      
				<div class="pt-3 col-md-12"> 
					<div class="row">
						<div class="col-lg-12 align-self-center">
							<h2 class="text-center pb-2">Enter your Artist Booking Requirements:</h2>
							    <div class="row p-4 px-5 view-desktop">
							    <div class="bg-dark round p-3 d-flex justify-content-center">
								<div class="fw-bold px-2 text-white"><i class="bi bi-star-fill d-color me-2"></i>Book your dream celebrity</div>
                                <div class="fw-bold px-2 text-white"><i class="bi bi-star-fill d-color me-2"></i>Get a quote within 24 hours </div>
                                <div class="fw-bold px-2 text-white"><i class="bi bi-star-fill d-color me-2"></i>100% secure </div>
								<div class="fw-bold px-2 text-white"><i class="bi bi-star-fill d-color me-2"></i>Handled by industry experts</div>
								</div>
			                    </div>
								<div class="row p-4 px-3 view-mobile">
								<div class="bg-dark round p-3">
								<p class="fw-bold px-2 text-white"><i class="bi bi-star-fill d-color me-2"></i>Book your dream celebrity</p>
                                <p class="fw-bold px-2 text-white"><i class="bi bi-star-fill d-color me-2"></i>Get a quote within 24 hours </p>
                                <p class="fw-bold px-2 text-white"><i class="bi bi-star-fill d-color me-2"></i>100% secure </p>
								<p class="fw-bold px-2 text-white"><i class="bi bi-star-fill d-color me-2"></i>Handled by industry experts</p>
								</div>
			                    </div>
							    <div class="p-4">
								<form class="ads-form" method="POST" action="mail_bookartist.php">
									<div class="row">
									<div class="col-md-4 col-sm-12 pb-3">
										<label class="form-label">Your Name: <span class="text-danger">*</span></label>
										<input type="text" name="yourname" required class="form-control" placeholder="Type Here">											
		                            </div>

									<div class="col-md-4 col-sm-12 pb-3">
										<label class="form-label">Your Phone Number: <span class="text-danger">*</span></label>
										<input type="text" name="yourphone" id="phone" required class="form-control" placeholder="Type Here" maxlength="10" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');">											
		                            </div>

									<div class="col-md-4 col-sm-12 pb-3">
										<label class="form-label">Your Email ID: <span class="text-danger">*</span></label>
										<input type="email" name="email" required class="form-control" placeholder="Type Here">											
		                            </div>
									
									<div class="col-md-6 col-sm-12 pb-3">
										<label class="form-label">Name of the Celebrity you want to book: <span class="text-danger">*</span></label>
										<input type="text" name="artname" required class="form-control" placeholder="Type Here">									
									</div>
									<div class="col-md-6 col-sm-12 pb-3">
										<label class="form-label">What is your Company's Annual Marketing Budget?</label>
										<select class="form-select" name="budget"  aria-label="Default select example">
                                        <option selected>Optional</option>
                                        <option value="₹0-5 Lakh">₹0-5 Lakh</option>
                                        <option value="₹5-10 Lakh">₹5-10 Lakh</option>
                                        <option value="₹10-20 Lakh">₹10-20 Lakh</option>
										<option value="₹20-40 Lakh">₹20-40 Lakh</option>
										<option value="₹40-50 Lakh">₹40-50 Lakh</option>
										<option value="₹50 Lakh +">₹50 Lakh +</option>
                                        </select>									
									</div>
									<div class="col-md-6 col-sm-12 pb-3">
										<label class="form-label">How soon are you looking to start the Endorsement Campaign?</label>
										<input type="text" class="form-control" id="campaign" name="campaign" placeholder="Optional">									
									</div>
									<div class="col-md-6 col-sm-12 pb-3">
										<label class="form-label">What is your Brand Name / Event Name?</label>
										<input type="text" name="event" class="form-control" placeholder="Optional">									
									</div>
							        <div class="col-md-6 col-sm-12 pb-3">
										<label class="form-label">Please describe about your Brand/Product/Event:</label>
										<input type="text" name="prdevent" class="form-control" placeholder="Optional">											
		                            </div>
									<div class="col-md-6 col-sm-12 pb-3">
										<label class="form-label">Your City: <span class="text-danger">*</span></label>
										<input type="text" name="city" required class="form-control" placeholder="Type Here">											
		                            </div>
									
                            		<div class="col-md-6 col-sm-12 pb-3">
                            		<div class="g-recaptcha mb-3" data-sitekey="6LfX6GMqAAAAAGYDD2MYa9oHhOZEuVrUxnZSE6I9"></div>
									<div> 
									<button type="submit" name="submit" class="text-center btn btn-dark book py-2">Submit</button>
									</div>
                            		</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
         </div>
			</section>

	</main>


	<!-- //main -->
 
<!--FOOTER START-->
<?php include 'footer.php';?>
<!--FOOTER END---->

<!-- Whatsapp Section Start -->
<!-- <div id='whatsapp-chat' class='hide'>
  <div class='header-chat'>
    <div class='head-home'>
      <div class='info-avatar'><img src='assets/img/book-artist/app-icon.jpg' /></div>
      <p><span class="whatsapp-name">LETSFAME</span><br><small>Find a right solution for your queries</small></p>

    </div>
    <div class='get-new hide'>
      <div id='get-label'></div>
      <div id='get-nama'></div>
    </div>
  </div>
  <div class='home-chat'>

  </div>
  <div class='start-chat'>
    <div pattern="https://elfsight.com/assets/chats/patterns/whatsapp.png" class="WhatsappChat__Component-sc-1wqac52-0 whatsapp-chat-body">
      <div class="WhatsappChat__MessageContainer-sc-1wqac52-1 dAbFpq">
        <div style="opacity: 0;" class="WhatsappDots__Component-pks5bf-0 eJJEeC">
          <div class="WhatsappDots__ComponentInner-pks5bf-1 hFENyl">
            <div class="WhatsappDots__Dot-pks5bf-2 WhatsappDots__DotOne-pks5bf-3 ixsrax"></div>
            <div class="WhatsappDots__Dot-pks5bf-2 WhatsappDots__DotTwo-pks5bf-4 dRvxoz"></div>
            <div class="WhatsappDots__Dot-pks5bf-2 WhatsappDots__DotThree-pks5bf-5 kXBtNt"></div>
          </div>
        </div>
        <div style="opacity: 1;" class="WhatsappChat__Message-sc-1wqac52-4 kAZgZq">
          <div class="WhatsappChat__Author-sc-1wqac52-3 bMIBDo">LetsFAME</div>
          <div class="WhatsappChat__Text-sc-1wqac52-2 iSpIQi">Hey there! Welcome to LetsFAME. <i class="fa-solid fa-face-smile fa-2x def_color"></i><br><br>How can we help you today?</div>
          <div class="WhatsappChat__Time-sc-1wqac52-5 cqCDVm">1:40</div>
        </div>
      </div>
    </div>

    <div class='blanter-msg'>
      <textarea id='chat-input' placeholder='Write a response' maxlength='120' row='1'></textarea>
      <a href='javascript:void;' id='send-it'><svg viewBox="0 0 448 448"><path d="M.213 32L0 181.333 320 224 0 266.667.213 416 448 224z"/></svg></a>

    </div>
  </div>
  <div id='get-number'></div><a class='close-chat' href='javascript:void'>×</a>
</div>
<a class='blantershow-chat' href='javascript:void' title='Show Chat'><svg width="20" viewBox="0 0 24 24"><defs/><path fill="#eceff1" d="M20.5 3.4A12.1 12.1 0 0012 0 12 12 0 001.7 17.8L0 24l6.3-1.7c2.8 1.5 5 1.4 5.8 1.5a12 12 0 008.4-20.3z"/><path fill="#4caf50" d="M12 21.8c-3.1 0-5.2-1.6-5.4-1.6l-3.7 1 1-3.7-.3-.4A9.9 9.9 0 012.1 12a10 10 0 0117-7 9.9 9.9 0 01-7 16.9z"/><path fill="#fafafa" d="M17.5 14.3c-.3 0-1.8-.8-2-.9-.7-.2-.5 0-1.7 1.3-.1.2-.3.2-.6.1s-1.3-.5-2.4-1.5a9 9 0 01-1.7-2c-.3-.6.4-.6 1-1.7l-.1-.5-1-2.2c-.2-.6-.4-.5-.6-.5-.6 0-1 0-1.4.3-1.6 1.8-1.2 3.6.2 5.6 2.7 3.5 4.2 4.2 6.8 5 .7.3 1.4.3 1.9.2.6 0 1.7-.7 2-1.4.3-.7.3-1.3.2-1.4-.1-.2-.3-.3-.6-.4z"/></svg> Chat with Us</a> -->
<!-- Whatsapp Section End -->

<!-- SLICK TESTIMONIAL SLIDER JS START --> 
<!-- <script src="assets/js/whatsapp.js"></script> -->

</body>
							
<script type="text/javascript">

      $(".myselect").select2();

</script>
							
							<script type="text/javascript">

								$(function () {
									AOS.init({
										duration: 1200
									});

									$('.js-load-more').on('click', function () {
										var $content = $(this).next('.js-more-content');

										$content.animate({
											height: 750,
										}, 500);
									});

									onElementHeightChange(document.body, function () {
										AOS.refresh();
									});
								});

								function onElementHeightChange(elm, callback) {
									var lastHeight = elm.clientHeight
									var newHeight;

									(function run() {
										newHeight = elm.clientHeight;
										if (lastHeight !== newHeight) callback();
										lastHeight = newHeight;

										if (elm.onElementHeightChangeTimer) {
											clearTimeout(elm.onElementHeightChangeTimer);
										}

										elm.onElementHeightChangeTimer = setTimeout(run, 200);
									})();
								}
								document.addEventListener("DOMContentLoaded", function () {

									el_autohide = document.querySelector('.autohide');

		// add padding-top to bady (if necessary)
		//navbar_height = document.querySelector('.navbar').offsetHeight;
		//document.body.style.paddingTop = navbar_height + 'px';

									if (el_autohide) {

										var last_scroll_top = 0;
										window.addEventListener('scroll', function () {
											let scroll_top = window.scrollY;
											if (scroll_top < last_scroll_top) {
												el_autohide.classList.remove('scrolled-down');
												el_autohide.classList.add('scrolled-up');
											} else {
												el_autohide.classList.remove('scrolled-up');
												el_autohide.classList.add('scrolled-down');
											}
											last_scroll_top = scroll_top;

										});
			// window.addEventListener

									}
		// if

								});
// DOMContentLoaded  end

							 
							</script>

<script>
        function validateMobileNumber() {
            const mobileInput = document.getElementById('phone');
            const mobileNumber = mobileInput.value;
            const errorMessage = document.getElementById('error-message');

            if (mobileNumber.length < 10) {
                errorMessage.textContent = 'Mobile number must be at least 10 digits long.';
                mobileInput.setCustomValidity('Invalid field.');
            } else {
                errorMessage.textContent = '';
                mobileInput.setCustomValidity('');
            }
        }

        window.addEventListener('DOMContentLoaded', () => {
            const mobileInput = document.getElementById('phone');
            mobileInput.addEventListener('input', validateMobileNumber);
        });
    </script>
  <script>
        function disableCopyPaste(event) {
            event.preventDefault();
        }

        window.onload = function() {
            const formFields = document.querySelectorAll('input, textarea');
            formFields.forEach(field => {
                field.addEventListener('copy', disableCopyPaste);
                field.addEventListener('paste', disableCopyPaste);
            });
        }
    </script>

							</html>