@extends('layout.index')

@section('meta_content')
<meta name="author" content="">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Design Partners - Your Dreams Our Design</title>
@endsection

@section('content')
<style>
	/* STACKED CAPTCHA */

	.capbox {
		width: 100%;
		max-width: 220px;
		background-color: #BBBBBB;
		background-image: linear-gradient(#BBBBBB, #9E9E9E);
		border: #2A7D05 0px solid;
		border-width: 2px 2px 2px 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: inline-block;
		padding: 5px 15px 5px 15px;
		border-radius: 4px 4px 4px 4px;
	}

	.capbox-inner {
		font: bold 12px arial, sans-serif;
		color: #000000;
		background-color: #E3E3E3;
		margin: 8px auto 0px auto;
		padding: 5px 10px 5px 10px;
		border-radius: 4px;
	}

	#CaptchaDiv {
		font: normal 25px Impact, Charcoal, arial, sans-serif;
		font-style: italic;
		color: #000000;
		background-color: #FFFFFF;
		user-select: none;
		padding: 4px;
		border-radius: 4px;
	}

	#CaptchaInput {
		border: #38B000 2px solid;
		margin: 3px 0px 1px 0px;
		width: 98%;
	}
</style>
<main data-router-wrapper data-smooth>
	<article data-router-view="contact">
		<section class="contact-info" data-smooth-item>
			<div class="container">
				<div class="pt100 l:pt40 pb20">
					<div class="df fw mt10">
						<ul class="x s:w40 ph20 mb10">
							<h2 class="js-stagger">Mumbai</h2>
							<li class="js-stagger">A-1101, Ektabhoomi Gardens - iii, </li>
							<li class="js-stagger">Datapada Road, Borivali (E), Mumbai 400066</li>
							<li class="js-stagger"><a href="https://wa.me/9136035101" target="_blank" style="text-decoration: none;color: #fff;">Whatsapp: +91 91 36 035 101</a></li>
						</ul>
						<ul class="x s:w30 ph20 mb10">
							<h2 class="js-stagger">Surat</h2>
							<li class="js-stagger">617, Western Business Park, </li>
							<li class="js-stagger">UM Rd, Vesu, Surat, Gujarat 395007</li>
							<li class="js-stagger"><a href="https://wa.me/9136035101" target="_blank" style="text-decoration: none;color: #fff;">Whatsapp: +91 91 36 035 101</a></li>
						</ul>
					</div>
				</div>
			</div>

		</section>

		<section class="contact" data-smooth-item>
			<div class="container">
				<h1 class="h1 pt30 mb30 js-stagger">Start your journey here.</h1>
			</div>
		</section>

		<section class="contactform" data-darker data-smooth-item>
			<form method="POST" accept-charset="UTF-8" class="black x js-contact-form js-stagger " id="form" data-toggle="validator" enctype="multipart/form-data">
				<!-- <form method="post" action="#" accept-charset="UTF-8" novalidate="" enctype="multipart/form-data" id="form" class="black x js-contact-form js-stagger" > -->
				<div class="contactform__section contactform__section--step1 rel z2">
					<div class="contactform__section-inner bg-green pb30 pt40 black">
						<div class="container">
							<div class="s:df s:fw">
								<div class="contactform__num f16 fw500 lh120 mb20">1</div>
								<div class="contactform__form">
									<div class="contactform__title-description mb20 fw500 lh140">
										Want to get started on a custom build? Interested in concierge services? Let us know what you have in mind and we'll be in touch soon.
									</div>

									<div class="df fw mhn20 mt10">
										<div class="signup__field mb10 x s:w50 ph20">
											<div class="signup__field-label">
												<input id="firstname" type="text" name="firstname" value="" required="">
												<label class="o-label o-label--dark" for="firstname">First Name</label>
											</div>
										</div>
										<div class="signup__field mb10 x s:w50 ph20">
											<div class="signup__field-label">
												<input id="email" type="email" name="email" value="" required="">
												<label class="o-label o-label--dark" for="email">Email Address</label>
											</div>
										</div>
										<div class="signup__field mb10 x s:w50 ph20">
											<div class="signup__field-label">
												<input id="lastname" type="text" name="lastname" value="" required="">
												<label class="o-label o-label--dark" for="lastname">Last Name</label>
											</div>
										</div>
										<div class="signup__field mb10 x s:w50 ph20">
											<div class="signup__field-label">
												<input id="phone" type="text" name="phone" value="" required="">
												<label class="o-label o-label--dark" for="phone">Phone Number</label>
											</div>
										</div>
									</div>

								</div>

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

				<div class="contactform__section contactform__section--step2 rel z1">
					<div class="contactform__section-inner bg-green pb30 pt40 black">
						<div class="container">
							<div class="s:df s:fw">
								<div class="contactform__num f16 fw500 lh120 mb20">2</div>
								<div class="contactform__form rel">

									<div class="df fw mhn20 mb10 abs top left pen js-switch-1">
										<div class="signup__field mb10 x s:w50 ph20">
											<div class="signup__field-label" data-cursor>
												<input type="checkbox" id="windowWashing" class="js-checkbox" name="extra[]" value="Window Washing">
												<label for="windowWashing" class="o-label o-label--dark">Window Washing</label>
											</div>
										</div>

										<div class="signup__field mb10 x s:w50 ph20">
											<div class="signup__field-label" data-cursor>
												<input type="checkbox" id="applianceMaintenace" class="js-checkbox" name="extra[]" value="Appliance Maintenace">
												<label for="applianceMaintenace" class="o-label o-label--dark">Appliance Maintenace</label>
											</div>
										</div>

										<div class="signup__field mb10 x s:w50 ph20">
											<div class="signup__field-label" data-cursor>
												<input type="checkbox" id="pressureWashing" class="js-checkbox" name="extra[]" value="Pressure Washing">
												<label for="pressureWashing" class="o-label o-label--dark">Pressure Washing</label>
											</div>
										</div>

										<div class="signup__field mb10 x s:w50 ph20">
											<div class="signup__field-label" data-cursor>
												<input type="checkbox" id="inhomeWalkthroughs" class="js-checkbox" name="extra[]" value="In-Home Walkthroughs">
												<label for="inhomeWalkthroughs" class="o-label o-label--dark">In-Home Walkthroughs</label>
											</div>
										</div>

										<div class="signup__field mb10 x s:w50 ph20">
											<div class="signup__field-label" data-cursor>
												<input type="checkbox" id="bbqGrillCleaning" class="js-checkbox" name="extra[]" value="BBQ Grill Cleaning">
												<label for="bbqGrillCleaning" class="o-label o-label--dark">BBQ Grill Cleaning</label>
											</div>
										</div>

										<div class="signup__field mb10 x s:w50 ph20">
											<div class="signup__field-label" data-cursor>
												<input type="checkbox" id="houseVisits" class="js-checkbox" name="extra[]" value="House Visits">
												<label for="houseVisits" class="o-label o-label--dark">House Visits</label>
											</div>
										</div>

										<div class="signup__field mb10 x s:w50 ph20">
											<div class="signup__field-label" data-cursor>
												<input type="checkbox" id="cobwebCleaning" class="js-checkbox" name="extra[]" value="BBQ Roof/gutter/cobweb cleaning">
												<label for="cobwebCleaning" class="o-label o-label--dark">Roof/gutter/cobweb cleaning</label>
											</div>
										</div>

										<div class="signup__field mb10 x s:w50 ph20">
											<div class="signup__field-label" data-cursor>
												<input type="checkbox" id="repairs" class="js-checkbox" name="extra[]" value="Repairs/Improvements">
												<label for="repairs" class="o-label o-label--dark">Repairs/Improvements</label>
											</div>
										</div>


									</div>

									<div class="df fw mhn20 mb10 js-switch-2">
										<div class="signup__field mb10 x s:w50 ph20">
											<div class="signup__field-label">
												<input id="location" type="text" name="location" value="">
												<label class="o-label o-label--dark" for="location">Location</label>

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

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

				<div class="contactform__section contactform__section--step3 rel">
					<div class="contactform__section-inner bg-green pb30 pt40 black">
						<div class="container">
							<div class="s:df s:fw">
								<div class="contactform__num f16 fw500 lh120 mb20">3</div>
								<div class="contactform__form rel">

									<div class="mhn20 rel z1">
										<div class="df fw x mb20 s:w50">

											<div class="signup__field mb10 x ph20">
												<div class="signup__field-label">
													<textarea rows="8" id="message" name="message" value=""></textarea>
													<label class="o-label o-label--dark" for="message">Message</label>

												</div>
											</div>

											<div class="signup__field mb10 x ph20">
												<div class="signup__field-label captcha">
													<!-- START CAPTCHA -->
													<br>
													<div class="capbox">

														<div id="CaptchaDiv"></div>

														<div class="capbox-inner">
															Type the number:<br>

															<input type="hidden" name="txtCaptcha" id="txtCaptcha">
															<input type="text" name="captcha" id="captcha" size="15" required=""><br>

														</div>
													</div>
													<div id="ccaptcha"></div>
													@component('components.ajax-error',['field'=>'captcha'])@endcomponent
													<!-- END CAPTCHA -->
												</div>
											</div>

										</div>
									</div>

									<input id="honeypot" class="o0 zn1 abs top left" name="honeypot" size="40" type="text" />

									<button class="button button--dark df" aria-label="View Submit" id="btnsubmit" type="submit" data-cursor>
										<span class="arrow"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13.74px" height="10.29px" viewBox="0 0 13.74 10.29" style="enable-background:new 0 0 13.74 10.29;" xml:space="preserve">
												<g id="Group_3_Copy_2_1_" transform="translate(-0.092 -0.015)">
													<path id="Fill_1_1_" class="st0" d="M0.09,5.92h11.9V4.39H0.09V5.92z" />
													<path id="Fill_2_1_" class="st0" d="M8.69,10.3L7.61,9.23l4.07-4.07L7.61,1.09l1.08-1.08l5.14,5.14L8.69,10.3z" />
												</g>
											</svg>
										</span>
										<span class="text">Submit</span>
									</button>

									<div id="loader" style="width: 50px;display:none;">
										<svg version="1.1" id="L9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
											<path fill="#fff" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50">
												<animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite" />
											</path>
										</svg>
									</div>

									<div class="o-label" style="color: #fff;" id="success_msg"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</form>

		</section>

		<div class="contact-figure abs right pen" data-smooth-item>
			<div class="x js-stagger" data-from='{"yPercent": "-10"}' data-to='{"yPercent": "10"}'>
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="439.177" height="2143" viewBox="0 0 439.177 2143">
					<defs>
						<clipPath id="clip-path">
							<path id="Clip_122" data-name="Clip 122" d="M0,439H2143V0H0Z" fill="none" />
						</clipPath>
					</defs>
					<g id="Group_123_Copy_2" data-name="Group 123 Copy 2" transform="translate(0 2143) rotate(-90)" opacity="0.499">
						<path id="Stroke_1" data-name="Stroke 1" d="M0,0,436,436" transform="translate(554 3)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_3" data-name="Stroke 3" d="M436,0,0,436" transform="translate(554 3)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_5" data-name="Stroke 5" d="M395,197.5C395,306.58,306.576,395,197.5,395S0,306.58,0,197.5,88.424,0,197.5,0,395,88.424,395,197.5Z" transform="translate(574 23)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_7" data-name="Stroke 7" d="M395,197.5C395,306.58,306.577,395,197.5,395S0,306.58,0,197.5,88.423,0,197.5,0,395,88.424,395,197.5Z" transform="translate(1145 23)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_9" data-name="Stroke 9" d="M2,0V437" transform="translate(220.5 1.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_11" data-name="Stroke 11" d="M27,219S-33.75,131.038,27,0" transform="translate(1317 2)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_13" data-name="Stroke 13" d="M0,219S60.75,131.038,0,0" transform="translate(1342 2)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_15" data-name="Stroke 15" d="M6.83,212S-28.357,112.1,61,0" transform="translate(1336.5 9.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_17" data-name="Stroke 17" d="M0,212S78.819,141.608,54.256,0" transform="translate(1342.5 8.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_19" data-name="Stroke 19" d="M.187,192S-9.246,86.263,106,0" transform="translate(1343 30)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_21" data-name="Stroke 21" d="M0,192S94.6,143.505,106,0" transform="translate(1343 30)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_23" data-name="Stroke 23" d="M0,159S17.179,54.62,150,0" transform="translate(1342.5 62.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_25" data-name="Stroke 25" d="M0,159S103.314,135.658,150,0" transform="translate(1342.5 62.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_27" data-name="Stroke 27" d="M0,117S42.7,19.907,185,0" transform="translate(1342 104)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_29" data-name="Stroke 29" d="M0,116.992S105.914,120.105,185,0" transform="translate(1342 104)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_31" data-name="Stroke 31" d="M0,69S65.111-14.088,207,2.089" transform="translate(1343 152)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_33" data-name="Stroke 33" d="M0,66.8S101.17,96.086,207,0" transform="translate(1343 153)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_35" data-name="Stroke 35" d="M0,32S83.654-30.6,217,19.308" transform="translate(1343.5 189.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_37" data-name="Stroke 37" d="M0,13.224S90.662,67.822,217,0" transform="translate(1344.5 207.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_39" data-name="Stroke 39" d="M0,10.253S97.217-31,214,52" transform="translate(1343 210)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_41" data-name="Stroke 41" d="M0,0S74.685,76.018,214,42.436" transform="translate(1342.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_43" data-name="Stroke 43" d="M0,.769S104.478-14.785,197,94" transform="translate(1343.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_45" data-name="Stroke 45" d="M0,0S53.771,90.224,197,93" transform="translate(1343 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_47" data-name="Stroke 47" d="M0,0S105.439,10.9,168,140" transform="translate(1342 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_49" data-name="Stroke 49" d="M0,0S29.511,101.563,168,140" transform="translate(1342 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_51" data-name="Stroke 51" d="M0,0S98.827,36.9,127,178" transform="translate(1342.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_53" data-name="Stroke 53" d="M0,0S3.193,106.082,127,178" transform="translate(1343.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_55" data-name="Stroke 55" d="M0,0S86.118,60.167,78.526,203" transform="translate(1344 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_57" data-name="Stroke 57" d="M2.279,0S-21.113,102.9,82,203" transform="translate(1341.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_59" data-name="Stroke 59" d="M0,0S67.129,80.123,25.245,217" transform="translate(1344 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_61" data-name="Stroke 61" d="M15.258,0S-32.513,94.19,41,217" transform="translate(1328 220)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_63" data-name="Stroke 63" d="M29.377,0S77.15,94.55,0,216" transform="translate(1314 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_65" data-name="Stroke 65" d="M42,0S-28.35,78.961,13.047,216" transform="translate(1301 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_67" data-name="Stroke 67" d="M81.1,0S102.745,103.238,0,202" transform="translate(1260.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_69" data-name="Stroke 69" d="M82,0S-5.466,59.025.27,202" transform="translate(1261 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_71" data-name="Stroke 71" d="M130,0S125.379,105.258,0,175" transform="translate(1212.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_73" data-name="Stroke 73" d="M130,0S30.194,35.311,0,175" transform="translate(1214.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_75" data-name="Stroke 75" d="M169,0S138.286,101.338,0,138" transform="translate(1173.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_77" data-name="Stroke 77" d="M169,0S63.957,9.514,0,138" transform="translate(1173.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_79" data-name="Stroke 79" d="M199,0S143.811,91.1,0,92" transform="translate(1144.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_81" data-name="Stroke 81" d="M199,.976S94.336-16.039,0,92" transform="translate(1144.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_83" data-name="Stroke 83" d="M214,0S138.516,73.388,0,38.676" transform="translate(1128 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_85" data-name="Stroke 85" d="M214,10.888S117.579-30.811,0,49" transform="translate(1129.5 210.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_87" data-name="Stroke 87" d="M217,15.843S125.55,68.1,0,0" transform="translate(1126 205)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_89" data-name="Stroke 89" d="M217,34S134.133-30.571,0,18.257" transform="translate(1125.5 186.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_91" data-name="Stroke 91" d="M207,69.306S105.006,97.141,0,0" transform="translate(1136 151)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_93" data-name="Stroke 93" d="M207,72S142.714-12.763,0,1.65" transform="translate(1135.5 148.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_95" data-name="Stroke 95" d="M183,118S77.3,119.678,0,0" transform="translate(1160.5 102.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_97" data-name="Stroke 97" d="M183,118S141.694,21.534,0,0" transform="translate(1159.5 102.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_99" data-name="Stroke 99" d="M148,161S44.91,136.279,0,0" transform="translate(1195.5 60.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_101" data-name="Stroke 101" d="M148,161S132.2,56.395,0,0" transform="translate(1195.5 60.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_103" data-name="Stroke 103" d="M103,193S9.445,143.357,0,0" transform="translate(1240 28)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_105" data-name="Stroke 105" d="M102.725,193S113.509,87.613,0,0" transform="translate(1240 28)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_107" data-name="Stroke 107" d="M56,212S-20.628,140.8,5.39,0" transform="translate(1286 9)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_109" data-name="Stroke 109" d="M51.466,212S88.046,112.906,0,0" transform="translate(1291.5 8.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_111" data-name="Stroke 111" d="M296.25,0H98.754L0,170.5,98.754,341h197.5L395,170.5Z" transform="translate(25 49)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_113" data-name="Stroke 113" d="M0,2H444" transform="translate(1 218)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_115" data-name="Stroke 115" d="M2,0V437" transform="translate(1917.5 1.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_117" data-name="Stroke 117" d="M0,2H444" transform="translate(1698 218)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Stroke_119" data-name="Stroke 119" d="M73.7,271H250.3A161.886,161.886,0,0,0,251.09,0H72.91A161.888,161.888,0,0,0,73.7,271Z" transform="translate(1757.5 85.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						<path id="Clip_122-2" data-name="Clip 122" d="M0,439H2143V0H0Z" fill="none" />
						<g id="Group_123_Copy_2-2" data-name="Group 123 Copy 2" clip-path="url(#clip-path)">
							<path id="Stroke_121" data-name="Stroke 121" d="M0,395H395V0H0Z" transform="translate(1722 23)" fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
						</g>
					</g>
				</svg>

			</div>
		</div>
		@include('partial.footer')
		<div class="site-sidebar df fw aic fix z1 right y top pen">
			@include('partial.sociallink')
		</div>
		<script type="text/javascript">
			// Captcha Script



			var a = Math.ceil(Math.random() * 9) + '';
			var b = Math.ceil(Math.random() * 9) + '';
			var c = Math.ceil(Math.random() * 9) + '';
			var d = Math.ceil(Math.random() * 9) + '';
			var e = Math.ceil(Math.random() * 9) + '';

			var code = a + b + c + d + e;
			document.getElementById("txtCaptcha").value = code;
			document.getElementById("CaptchaDiv").innerHTML = code;

			// Validate input against the generated number
			function ValidCaptcha() {
				var str1 = removeSpaces(document.getElementById('txtCaptcha').value);
				var str2 = removeSpaces(document.getElementById('CaptchaInput').value);
				if (str1 == str2) {
					return true;
				} else {
					return false;
				}
			}

			// Remove the spaces from the entered and generated code
			function removeSpaces(string) {
				return string.split(' ').join('');
			}
		</script>
		<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
		<script>
			$(document).ready(function() {
				$("#btnsubmit").click(function() {
					// alert($('#captcha').val());
					// alert($('#txtCaptcha').val());
					// alert("The paragraph was clicked.");
					var firstname = $('#firstname').val();
					var email = $('#email').val();
					var phone = $('#phone').val();
					var location = $('#location').val();
					var msg = $('#message').val();
					var lastname = $('#lastname').val();
					var captcha = $('#captcha').val();
					var txtCaptcha = $('#txtCaptcha').val();
					if (captcha == txtCaptcha) {
						$.ajax({
							type: "POST",
							url: "{{route("sendmailsmtp")}}",
							headers: {
								'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
							},
							data: {
								firstname: firstname,
								email: email,
								phone: phone,
								location: location,
								msg: msg,
								lastname: lastname,
							},
							success: function(result) {

								$("#ccaptcha").hide();
								$("#success_msg").html("WE RECEIVED YOUR DETAIL, WE WILL SHORTLY CONTACT YOU.");


							}
						});
					} else {
						if (captcha != '') {
							$("#ccaptcha").html("Captcha Does Not Match");
						}

					}
				});
			});
		</script>
	</article>
</main>
@endsection