<head>
    <link rel="canonical" href="https://ombrellacompany.com/umbrella_registrationform.php">
    
    <style>
        .breadcrumb-content h1 {
            font-size: 28px;
        }
        .tab {
            display: none;
        }
        .step {
            display: inline-block;
            margin: 0 2px;
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 50%;
            background-color: #ccc;
        }
        .step.active {
            background-color: #4CAF50;
        }
        .step.finish {
            background-color: #4CAF50;
        }
        .form-group {
            margin-bottom: 1.5rem;
        }
        .row {
            display: flex;
            justify-content: space-between;
            
        }
        .col-half {
            flex: 0 0 48%;
        }
        .hidden-field {
            display: none;
        }
        .form-group label {
            display: block;
            margin-bottom: 5px;
        }
        .form-group .radio-group {
            display: flex;
            align-items: center;
        }

        .form-group .radio-group input {
            margin-right: 10px;
        }
        .form-group input[type="radio"] {
        vertical-align: middle;
        margin-right: 0.5em;
        }
        .form-group input,
        .form-group textarea {
            
           
            padding: 10px;
            font-size: 18px;
        }
        
        /* Button Styling */
        .submit-btn {
            width: 200px;
            height: 67px;
            font-size: 18px;
            text-align: center;
            border-radius: 50px;
        }
        /* Reduce font size for smaller screens */
        @media (max-width: 768px) {
            .breadcrumb-mob {
                padding-top: 50px;
            }
            .breadcrumb-area{
                padding: 0 20px;
            }
            .carousel-text {
                font-size: 18px;
                line-height: 1.6;
            }
        
            .btn-bordered {
                width: 220px;
                height: 50px;
                font-size: 15px;
            }
            .card-heading {
                font-size: 18px;
            }
            
            .contact-fields .contact-head{
                font-size: 18px;
            }
            /* Button Styling */
            .contact-fields .submit-btn {
                width: 170px;
                height: 65px;
                font-size: 12px;
                text-align: center;
                border-radius: 50px;
            }
        
            #contact input {
                width: 200px;
            }
            #contact textarea {
                width: 200px;
                height: 50px;
            }
            #contact .g-recaptcha {
            transform: scale(0.8); /* Adjust the scale factor as needed */
            transform-origin: left center; /* Ensures it scales properly */
            }
            
            #contact {
            height: 155vh !important; /* Increase height for mobile */
            min-height: 100vh; /* Ensures it fills the screen */
            padding: 60px 15px;
            background-size: cover;
            background-position: center;
            }

            #contact .shape-top svg,
            #contact .shape-bottom svg {
                height: 120px; /* Increase the height of the wave SVGs */
                width: 100%;
            }
        
            #contact .shape-top {
                top: 0;
            }
        
            #contact .shape-bottom {
                bottom: 0;
            }
            
        }
        
        @media (max-width: 640px) {
            .benefits {
                padding: 0 10px;
            }
            .carousel-text {
                font-size: 16px;
                line-height: 1.5;
            }
            .form-group input,
            .form-group textarea {
                font-size: 14px;
                padding: 8px;
            }
        
            .btn-bordered {
                width: 200px;
                height: 45px;
                font-size: 14px;
            }
            .card-heading {
                font-size: 18px;
            }
        }
        
        @media (max-width: 475px) {
            .benefits {
                padding: 0 10px;
            }
            .carousel-text {
                font-size: 14px;
                line-height: 1.4;
            }
            .form-group input,
            .form-group textarea {
                font-size: 12px;
                padding: 6px;
            }
        
            .btn-bordered {
                width: 180px;
                height: 40px;
                font-size: 12px;
            }
            .card-heading {
                font-size: 18px;
            }
        }
    </style>
</head>
<?php
include "header.php";
$todo= mysqli_real_escape_string($con,$_GET["id"]);
?>

        <!-- ***** Breadcrumb Area Start ***** -->
        <section class="section breadcrumb-area d-flex align-items-center" style="background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)), url('dashboard/uploads/blog/andrea.webp'); background-size: cover; height: 100vh;">
            <div class="container">
                <div class="row breadcrumb-mob">
                    <div class="col-md-sl-9">
                        <!-- Breamcrumb Content -->
                        <div class="breadcrumb-content">
                            <h1 class="text-white mb-3" style="font-weight: normal;">
								We are in this <span class="text-primary p-1" style="font-style: italic; font-weight: normal; font-family: cursive; background-color:white;">Together</span>
							</h1>
							<h3 class="text-white" style="font-weight: normal;">We're here to empower your journey towards success.
</h3>
							<h3 class="text-white mt-3" style="font-weight: normal;"><i class="fa-sharp fa-solid fa-circle-check mr-2" style="color:#9CBF50; font-size:20px;"></i>An accomplished team with specialized expertise.
</h3>
							<h3 class="text-white mt-3" style="font-weight: normal;"><i class="fa-sharp fa-solid fa-circle-check mr-2" style="color:#9CBF50; font-size:20px;"></i>Prompt and punctual payments.</h3>
							<h3 class="text-white mt-3" style="font-weight: normal;"><i class="fa-sharp fa-solid fa-circle-check mr-2" style="color:#9CBF50; font-size:20px;"></i>Fully HMRC compliant.</h3>
                        </div>
                    </div>
                    <div class="col-md-sl-3 text-center mt-5">
                        <img class="navbar-brand-regular mb-5" style="height:100px; width:240px;" src="dashboard/uploads/logo/passport transparent.webp" alt="new-brand">
                    </div>
                </div>
                
            </div>
            
            
        </section>
        <!-- ***** Breadcrumb Area End ***** -->


        <?php
    $rt=mysqli_query($con,"SELECT * FROM service where id='$todo'");
    $tr = mysqli_fetch_array($rt);
    $service_title = "$tr[service_title]";
    $service_detail = "$tr[service_detail]";
    $upadated_at = "$tr[upadated_at]";
    $ufile = "$tr[ufile]";
?>

	

<!--====== Contact Area Start <section id="contact" class="contact-fields contact-area ptb_100" style="background: url('assets/img/callusBG.webp') no-repeat center center; background-size: cover; width: 100%; height: 110vh;"> ======-->
<!--====== Contact Area Start ======-->
<section id="contact" class="contact-fields contact-area ptb_100 welcome-area bg-overlay" style="height:auto;">
            <div class="shape shape-top">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none" fill="#FFFFFF">
                    <path class="shape-fill" d="M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7
                c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4
                c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z"></path>
                </svg>
            </div>
            <div class="container-fluid px-4">
                <div class="row d-flex align-items-center">
                    <div class="col-8 col-lg-12 pt-lg-0">
                        <!-- Contact Box -->
                        <div class="contact-box">
                            <!-- Contact Form -->


                        <form action="send_email.php" method="post">
                                <div class="row py-5">
                                    <div class="col-8 col-lg-6 pt-lg-0 mx-auto">
										<h1 class="mb-3 contact-head text-center">GET A
								            <span class="text-white pt-5" style="font-style: italic; font-family: cursive;"> FREE </span>CONSULTATION
							            </h1><br><br>
                                        
                                            <div class="form-group text-white">
												<label for="firstName">Your name <span class="" style="color:red; font-size:12px;">*</span></label>
												<input type="text" style="border-radius:20px;" id="firstName" name="firstName" class="form-control" placeholder="Enter your first name" required>
											</div>
										<br>
                                        <div class="form-group text-white">
											<label for="email">Email <span class="" style="color:red; font-size:12px;">*</span> </label>
                                            <input type="email" style="border-radius:20px;" class="form-control" id="email" name="email" placeholder="Email" required="required">
                                        </div>
										<br>
                                        <div class="form-group text-white">
											<label for="phone">Phone Number<span class="" style="color:red; font-size:12px;">*</span></label>
                                            <input type="text" style="border-radius:20px;" class="form-control" id="phone" name="phone" placeholder="Contact Number">
                                        </div>
                                        <br>
                                        <div class="form-group text-white">
                                            <label for="message">Message</label>
                                            <textarea class="form-control" name="message" style="height: 50px; border-radius:20px;" placeholder="Enter your message" rows="1"></textarea>
                                        </div>
                                        <br>
                                        <!-- Google reCAPTCHA
                                        <div class="g-recaptcha" data-sitekey="6LdCtAMrAAAAAO1R1LhhCx3aqUuul5ebicb9sy8g"></div>
                                        <br> -->

										
                                    
                                    <div class="row contact-btn pb-5">
                                        <div class="col-12 col-md-6">
                                            <button type="submit" class="submit-btn btn btn-bordered active mt-3" name="save">
                                            <i class="fas fa-paper-plane"></i> Submit
                                        </button>
                                        </div>
                                        <div class="col-12 col-md-6">
                                            <button class="submit-btn btn btn-bordered active mt-3" onclick="openDialer()">
                                            <i class="fas fa-phone"></i> Call us <br><br> 0203 793 4078
                                        </button>
                                        </div>
                                    </div>
                                    
                                    </div>
                                    
                                </div>
                                
                            </form>
                            <p class="form-message"></p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Shape Bottom -->
            <div class="shape shape-bottom">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 320" preserveAspectRatio="none" fill="#FFFFFF">
                    <path class="shape-fill" d="M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7
        c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4
        c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z"></path>
                </svg>
            </div>
        </section>
        <!--====== Contact Area End ======-->
        
        
<?php include "footer.php"; ?>

<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/65d88e829131ed19d970b813/1hnaupcfg';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

<script>
    function toggleDropdown() {
        var yesCheckbox = document.getElementById('yesCheckbox');
        var dropdownField = document.getElementById('dropdownField');
        
        if (yesCheckbox.checked) {
            dropdownField.style.display = 'block';
        } else {
            dropdownField.style.display = 'none';
        }
    }
</script>
  <script>
    function openDialer() {
        window.location.href = 'tel:02037934078';  // Trigger the dialer with the phone number
    }
</script>