<head>
    <link rel="canonical" href="https://ombrellacompany.com/umbrella_company_calculator.php">
    
	<style>
		.button11{
			  background-color: black;
			  border: none;
			  color: white;
			  padding: 20px 32px;
			  text-align: center;
			  text-decoration: none;
			  display: inline-block;
			  font-size: 16px;
			  margin: 4px 2px;
			  cursor: pointer;
			border: 1px solid green;
				border-radius:15px;
			}
			.button11:hover {
				background-color: #DFDAD4; 
				color: black; 
				border: 2px solid #04AA6D;
			}
			.card-custom {
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 20px;
            padding: 20px;
        }
        .intro-passporting {
            background-image: url('dashboard/uploads/logo/passport transparent.webp');
            background-position: bottom center;  /* Position logo in bottom-right */
            background-repeat: no-repeat;       /* Prevent repeating */
            background-size: 300px auto;           /* Keep the original logo size */
        }
        .loading-spinner {
            display: none;
        }
        .pdf-frame {
            border: none;
            height: 80vh; /* Make the iframe take most of the viewport height */
        }
        .submit-btn {
            width: 200px;
            height: 67px;
            font-size: 18px;
            text-align: center;
            border-radius: 50px;
        }
        
        @media (max-width: 1024px) {
            .breadcrumb-area {
                padding-top: 70px;
            }
            
            .benefits {
                padding: 0 20px;
            }
            
            .container .row {
                display: flex;
                flex-direction: column; /* Stack the columns vertically */
            }
        
            .container .row .col-6,
            .container .row .col-4 {
                width: 100% !important; /* Full width */
                max-width: 100%;
                flex: none;
            }
            .col-2 {
                display: none; /* Hides empty column */
            }
        
            .mt-5 {
                margin-top: 10px !important; /* Adds proper spacing */
            }
            
            h2 {
                font-size: 22px !important; /* Adjust as needed */
                line-height: 1.3; /* Improve readability */
            }
        
            p {
                font-size: 14px !important; /* Adjust as needed */
                line-height: 1.5;
            }
            .card-custom {
                margin-bottom: 50px; /* Ensure space at the bottom */
                    position: relative;
                    z-index: 10;

            }
            
            .card-footer {
                padding: 10px; /* Ensure there is some space in the card footer */
            }
            .calculator {
                min-height: 160vh !important; /* Increase height for tablets */
            }
            .spacing {
                margin: 100px 0;
            }
            .submit-btn {
                width: 200px;
                font-size: 12px;
                text-align: center;
                border-radius: 50px;
                }
            .contact-fields {
                padding-bottom: 100px;
                margin-bottom: 200px;
            }
        }
        
        @media (max-width: 768px) {
            .breadcrumb-area {
                padding-top: 70px;
            }
            
            .benefits {
                padding: 0 20px;
            }
            
            .container .row {
                display: flex;
                flex-direction: column; /* Stack the columns vertically */
            }
        
            .container .row .col-6,
            .container .row .col-4 {
                width: 100% !important; /* Full width */
                max-width: 100%;
                flex: none;
            }
        
            .col-2 {
                display: none; /* Hides empty column */
            }
        
            .mt-5 {
                margin-top: 10px !important; /* Adds proper spacing */
            }
            
            h2 {
                font-size: 22px !important; /* Adjust as needed */
                line-height: 1.3; /* Improve readability */
            }
        
            p {
                font-size: 14px !important; /* Adjust as needed */
                line-height: 1.5;
            }
            .card-custom {
                margin-bottom: 50px; /* Ensure space at the bottom */
                position: relative;
                z-index: 10;
            }
            
            .card-footer {
                padding: 10px; /* Ensure there is some space in the card footer */
            }
            .calculator {
                min-height: 180vh !important; /* Increase height for tablets */
            }
            .intro-passporting {
                background-position: bottom center;  /* Position logo in bottom-right */
                background-repeat: no-repeat;       /* Prevent repeating */
                background-size: 150px auto;           /* Keep the original logo size */
            }
            #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: 180vh !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) {
            .breadcrumb-area {
                padding-top: 70px;
            }
            
            .benefits {
                padding: 0 20px;
            }
            
            .container .row {
                display: flex;
                flex-direction: column; /* Stack the columns vertically */
            }
        
            .container .row .col-6,
            .container .row .col-4 {
                width: 100% !important; /* Full width */
                max-width: 100%;
                flex: none;
            }
        
            .col-2 {
                display: none; /* Hides empty column */
            }
        
            .mt-5 {
                margin-top: 10px !important; /* Adds proper spacing */
            }
            
            h2 {
                font-size: 22px !important; /* Adjust as needed */
                line-height: 1.3; /* Improve readability */
            }
        
            p {
                font-size: 14px !important; /* Adjust as needed */
                line-height: 1.5;
            }
            .card-custom {
                margin-bottom: 50px; /* Ensure space at the bottom */
                position: relative;
                z-index: 10;
            }
            
            .card-footer {
                padding: 10px; /* Ensure there is some space in the card footer */
            }
        }
        
        @media (max-width: 475px) {
            .breadcrumb-area {
                padding-top: 70px;
            }
            
            .benefits {
                padding: 0 20px;
            }
            
            .container .row {
                display: flex;
                flex-direction: column; /* Stack the columns vertically */
            }
        
            .container .row .col-6,
            .container .row .col-4 {
                width: 100% !important; /* Full width */
                max-width: 100%;
                flex: none;
            }
        
            .col-2 {
                display: none; /* Hides empty column */
            }
        
            .mt-5 {
                margin-top: 10px !important; /* Adds proper spacing */
            }
            
            h2 {
                font-size: 22px !important; /* Adjust as needed */
                line-height: 1.3; /* Improve readability */
            }
        
            p {
                font-size: 14px !important; /* Adjust as needed */
                line-height: 1.5;
            }
            .card-custom {
                margin-bottom: 50px; /* Ensure space at the bottom */
                position: relative;
                z-index: 10;
            }
            
            .card-footer {
                padding: 10px; /* Ensure there is some space in the card footer */
            }
        }
	</style>
</head>
<?php
include "header.php";
?>
        <!-- ***** Breadcrumb Area Start ***** -->
        <section class="calculator section breadcrumb-area d-flex align-items-center" style="background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url('dashboard/uploads/blog/buro.webp'); background-size: cover; height:120vh;">
            <div class="container mt-5">
                <div class="row intro-passporting">
                    <div class="col-6">
						<div class="">
					<p class=" mt-5 h2 font-weight-bold" style="color:white; text-align:justify;">Umbrella Company Calculator</p>
					<p class="my-5" style="color:white;">You can use our simple Ombrella salary calculator to provide an illustration  of what your take-home pay could be, depending on your rate of pay and working hours.</p>
				<div class="" style="margin-bottom:30px;">
					<button onclick="window.location.href='#contact'" class="button11 text-center">Request a Callback</button>
				</div>
				
			</div>  
                    </div>
					<div class="col-2"></div>
					<div class="col-4">
					<div class="card card-custom">
						<div id="formContainer">
						<h4 class="card-title text-center mt-4" style="font-family: 'Roboto', sans-serif; color:#BB07B3;">UMBRELLA COMPANY CALCULATOR</h4>
							<p class=" text-center mt-3 mb-5" style="font-size:14px;">Most accurate and upto date Umbrella Company Calculator.</p>
							<form id="userForm">
							    
								<div class="form-group row px-3">
									<label for="name" class="col-sm-4 col-form-label" style="font-size: 13px;font-family: 'Roboto', sans-serif;">Hourly Rate</label>
									<div class="col-sm-8">
										<span class="position-absolute top-0 pound-symbol h-100 px-2 d-flex align-items-center left-m-5px-m" style="font-size: 12px;">£  </span>
										<input type="number" class="form-control pl-5" id="inputNumber" style="height: 35px;" step="any" required>
									</div>
								</div>
								
								<div class="form-group row px-3">
                                    <label for="paymentFrequency" class="col-sm-4 col-form-label" style="font-size: 13px;font-family: 'Roboto', sans-serif;">Frequency:</label>
                                    <div class="col-sm-8">
                                        <select class="form-control" id="Hoursworked" style="height: 50px;">
                                            <option value="37.5">Weekly</option>
                                            <option value="150">Monthly</option>
                                        </select>
                                    </div>
                                </div>

                                    <div class="text-center">
								        <button type="submit" class="btn btn-primary mt-3" style="border-radius: 2px; background-color:darkblue; color:white; font-family: 'Roboto', sans-serif; font-size:16px;" onclick="combineResults()">Calculate</button>
								    </div>
							</form>

							<div class="loading-spinner text-center mt-3">
								<div class="spinner-border" role="status">
									<span class="sr-only">Loading...</span>
								</div>
							</div>
						</div>
						
						<!--  After clicking calculate button display the result  -->
						<div id="resultContainer" style="display: none;">
							<button class="btn btn-secondary mb-5 mt-2 d-block w-auto" onclick="showForm()"><i class="fas fa-long-arrow-alt-left"></i></button>
							<h3 class="card-title text-center mt-2" style="font-family: 'Roboto', sans-serif;">YOUR ESTIMATED INCOME</h3>
							<p class="text-center mb-5" style="font-size: 12px; font-size:14px; font-family: 'Roboto', sans-serif;">We guarantee same-day payments and maximum savings.</p>
						
						
							<div class="form-group">
								<div class="input-group">
									<span class="input-group-text pr-2" style="font-size:14px; font-family: 'Roboto', sans-serif; font-weight:bold;">Net Pay</span>
									<span class="input-group-text" style="font-size:12px; font-family: 'Roboto', sans-serif; font-weight:bold;">£</span>
									<input type="text" class="form-control" id="result" readonly>
								</div>
								<div class="text-center">
									<button id="viewPdfBtn" class="btn btn-primary mt-5" style="border-radius: 2px; background-color:darkblue; color:white; font-family: 'Roboto', sans-serif; font-size:16px;">Payslip</button>
								</div>
									<!-- Bootstrap Modal for PDF -->
                            <div class="modal fade" id="pdfModal" tabindex="-1" role="dialog" aria-labelledby="pdfModalLabel" aria-hidden="true">
                                <div class="modal-dialog modal-lg" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="pdfModalLabel">Payslip Preview</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <iframe id="pdfFrame" src="" width="100%" height="500px"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>
							</div>
						</div>
					</div>
					<div id="resultContainer" style="display: none;">
						<button class="btn btn-secondary mb-3" onclick="showForm()">Back</button>
						<h5 class="card-title text-center">Result</h5>
						<p id="resultName"></p>
						<p id="resultHours"></p>
					</div>
					</div>
				</div>
                        
                    </div>
                </div>
            </div>
        </section>
        <!-- ***** Breadcrumb Area End ***** -->
        
       

        <!-- ***** About Area End ***** -->
<!-- ***** Service Area End ***** -->
            <section id="services" class="section service-area bg-grey ptb_150">
            <!-- Shape Top -->
            <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">
                <div class="row">
                    <div class="">
                        <!-- Section Heading -->
                        <div class="benefits section-heading">
                            <h2 class="my-3 text-center" style="text-transform: capitalize;">Benefits</h2>
							<div class="row">
								<div class="col">
									<p><i class="fa-sharp fa-solid fa-circle-check mr-2 mt-4" style="color:#9CBF50; font-size:20px;"></i><b>Register in Minutes to</b> –  Join our umbrella in no time.
</p>
							<p><i class="fa-sharp fa-solid fa-circle-check mr-2 mt-4" style="color:#9CBF50; font-size:20px;"></i><b>Peace of Mind</b> – Expert Management of Taxes and Deductions</p>
							<p><i class="fa-sharp fa-solid fa-circle-check mr-2 mt-4" style="color:#9CBF50; font-size:20px;"></i><b>Easy & Fast</b> – Submit Timesheets and Access Payslips through Our Secure Portal</p>
							
							<p><i class="fa-sharp fa-solid fa-circle-check mr-2 mt-4" style="color:#9CBF50; font-size:20px;"></i><b>Expert IR35 Guidance</b> – Tailored Compliance Advice from Our Specialists</p>
									<p><i class="fa-sharp fa-solid fa-circle-check mr-2 mt-4" style="color:#9CBF50; font-size:20px;"></i><b>Weekend Availability</b> – Open for Advice & Support, Saturday 9am-3pm</p>
									<p><i class="fa-sharp fa-solid fa-circle-check mr-2 mt-4" style="color:#9CBF50; font-size:20px;"></i><b>Supporting Mortgages & Loans</b> – Maintain Continuous Employment Records for Flexible Work, Beneficial for Securing Mortgages and Loans.</p>
								</div>
								<div class="col mt-3">
									<p><i class="fa-sharp fa-solid fa-circle-check mr-2" style="color:#9CBF50; font-size:20px;"></i><b>Instant Payment Notifications</b> – Receive prompt notification from us when you are paid.</p>
	
							
							<p><i class="fa-sharp fa-solid fa-circle-check mr-2 mt-4" style="color:#9CBF50; font-size:20px;"></i><b>Comprehensive Insurance</b> – Standard Coverage Including Professional Indemnity, Public, and Employer’s Liability.</p>
							<p><i class="fa-sharp fa-solid fa-circle-check mr-2 mt-4" style="color:#9CBF50; font-size:20px;"></i><b>Referral Program</b> – Enjoy Exceptional free service with each of your referral.</p>
							<p><i class="fa-sharp fa-solid fa-circle-check mr-2 mt-4" style="color:#9CBF50; font-size:20px;"></i><b>Reliable Agency Collaboration</b> – Partnering with Your Employment Agency for Seamless Operations</p>
								</div>
							</div>
                        </div>
                    </div>
                </div>
                
            </div>
            <!-- Shape Bottom -->
            <div class="shape shape-bottom">
                <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>
        </section>
        <!-- ***** Service Area End ***** -->



        <!-- ***** Our Goal Area End ***** -->

        <!-- ***** Team Area Start ***** -->

        <!-- ***** Team Area End ***** -->

		<section id="accordionBlock" class="widget widgetAccordion">
			<div class="container">
				<header class="row">
					<div class="col-sm-8 offset-sm-2 text-center mt-4">
						<h2>Frequently Asked Questions</h2>
						<p></p>
					</div>
				</header>
				<div class="row">
					<div class="col-12 text-right">
						<button id="toggleButton" class="btn btn-primary toggle-accordion my-3" onclick="toggleAccordion()">Expand all</button>
					</div>
					<div class="col-12 accordion">
						<div id="accordion" role="tablist" aria-multiselectable="true">
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-1">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-1" aria-expanded="false" aria-controls="collapse-1">
										What is an umbrella company calculator?
										</button>
									</h4>
								</div>
								<div id="collapse-1" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-1" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">An umbrella company calculator from Ombrella Company is a tool designed to help contractors and freelancers estimate their take-home pay when using our umbrella company services. It factors in various deductions such as taxes, National Insurance contributions, and Ombrella Company fees to provide a clear picture of potential earnings.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-2">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-2" aria-expanded="false" aria-controls="collapse-2">
										How does the umbrella company calculator work?
										</button>
									</h4>
								</div>
								<div id="collapse-2" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-2" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">The Ombrella Company umbrella company calculator works by inputting your contract details, such as hourly or daily rate, hours worked per week, and any allowable expenses. The tool then calculates your gross income, deducts necessary taxes and fees, and provides an estimate of your net take-home pay.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-3">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-3" aria-expanded="false" aria-controls="collapse-3">
										What information do I need to use the umbrella company calculator?
										</button>
									</h4>
								</div>
								<div id="collapse-3" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-3" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">To use the Ombrella Company umbrella company calculator, you will need details such as your hourly or daily rate. Other details such as the number of hours or days you work per week, any allowable expenses, and your tax code are set to the default of  5 days per week, zero and 127L W1 for simplifying the calculations. This information helps the calculator provide a more quick accurate estimate of your take-home pay. If you require a more customised estimate of your take home pay you can contact us at admin@ombrellacompany.com . We would be happy to help you with a sample payslip customised to your circumstances.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-4">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-4" aria-expanded="false" aria-controls="collapse-4">
										Are the results from the umbrella company calculator accurate?
										</button>
									</h4>
								</div>
								<div id="collapse-4" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-4" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">The results from the Ombrella Company umbrella company calculator are estimates based on the information you provide. While it gives a good indication of your take-home pay, actual amounts may vary due to changes in tax rates, personal circumstances, and other factors.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-5">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-5" aria-expanded="false" aria-controls="collapse-5">
										Can I use the umbrella company calculator if I have multiple contracts?
										</button>
									</h4>
								</div>
								<div id="collapse-5" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-5" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">Yes, you can use the Ombrella Company umbrella company calculator for multiple contracts. Simply input the details of each contract separately to see how each one impacts your overall take-home pay. Our calculator may also allow you to input multiple contracts simultaneously.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-6">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-6" aria-expanded="false" aria-controls="collapse-6">
										How often should I use the umbrella company calculator?
										</button>
									</h4>
								</div>
								<div id="collapse-6" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-6" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">It’s a good idea to use the Ombrella Company umbrella company calculator whenever there are changes in your contract terms, such as a change in your hourly rate, hours worked, or allowable expenses. Regular use can help you stay informed about your potential earnings.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-7">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-7" aria-expanded="false" aria-controls="collapse-7">
										Does the umbrella company calculator account for all types of deductions?
										</button>
									</h4>
								</div>
								<div id="collapse-7" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-7" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">The Ombrella Company umbrella company calculator typically accounts for common deductions such as income tax, National Insurance contributions, and Ombrella Company fees. However, it may not account for specific personal deductions or benefits, so it's important to consider those separately.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-8">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-8" aria-expanded="false" aria-controls="collapse-8">
										Is the umbrella company calculator free to use?
										</button>
									</h4>
								</div>
								<div id="collapse-8" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-8" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">The Ombrella Company umbrella company calculator is free to use. However, we may offer premium features or additional services that require a fee in the future. Check the terms and conditions on our website for more details.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-9">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-9" aria-expanded="false" aria-controls="collapse-9">
										Can the umbrella company calculator help me decide if I should use an umbrella company?
										</button>
									</h4>
								</div>
								<div id="collapse-9" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-9" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">Yes, the Ombrella Company umbrella company calculator can help you compare your potential take-home pay when using our umbrella company versus other arrangements, such as working through a limited company. You may use this in conjunction with our Limited company Calculator ombrellacompany.com/limited-company-calculator This comparison can assist you in making an informed decision about which option is best for your circumstances.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-10">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-10" aria-expanded="false" aria-controls="collapse-10">
										Where can I find an umbrella company calculator?
										</button>
									</h4>
								</div>
								<div id="collapse-10" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-10" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">You can find the Ombrella Company umbrella company calculator on our website at ombrellacompany.com/umbrella-company-calculator . Use our tailored tool for contractors to get an accurate estimate of your take-home pay.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-11">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-11" aria-expanded="false" aria-controls="collapse-11">
										Is the umbrella company calculator suitable for both new and experienced contractors?
										</button>
									</h4>
								</div>
								<div id="collapse-11" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-11" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">Yes, the Ombrella Company umbrella company calculator is designed to be user-friendly for both new and experienced contractors. It provides clear estimates of take-home pay, helping all contractors make informed decisions about their earnings.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-12">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-12" aria-expanded="false" aria-controls="collapse-12">
										Can I save my calculations for future reference?
										</button>
									</h4>
								</div>
								<div id="collapse-12" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-12" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">Currently, the Ombrella Company umbrella company calculator does not have a save feature. However, you can easily re-enter your details whenever you need an updated estimate. We recommend keeping a record of your inputs and results for future reference.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-13">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-13" aria-expanded="false" aria-controls="collapse-13">
										How does the umbrella company calculator handle allowable expenses?
										</button>
									</h4>
								</div>
								<div id="collapse-13" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-13" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">The Ombrella Company umbrella company calculator allows you to input your allowable expenses. These expenses are factored into the calculation to provide a more accurate estimate of your net take-home pay after deductions.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-14">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-14" aria-expanded="false" aria-controls="collapse-14">
										Can the umbrella company calculator help me understand my tax obligations?
										</button>
									</h4>
								</div>
								<div id="collapse-14" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-14" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">Yes, the Ombrella Company umbrella company calculator provides an estimate of your tax obligations by calculating deductions such as income tax and National Insurance contributions. This helps you understand how much you will need to set aside for taxes based on the income you have mentioned. But its important to note that these are not your exact tax obligations. Your total obligations depend on your personal circumstances, tax code and various sources of income. This should not be considered as tax advise or an accurate tax obligation. </p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							<div class="card faq-item">
								<div class="card-header" role="tab" id="heading-15">
									<h4 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapse-15" aria-expanded="false" aria-controls="collapse-15">
										Who can I contact if I have questions about my calculations?
										</button>
									</h4>
								</div>
								<div id="collapse-15" class="collapse accordion-content" role="tabpanel" aria-labelledby="heading-15" data-parent="#accordion">
									<div class="card-body">
										<p style="text-align:justify; font-size:16px;">If you have any questions or need assistance with your calculations, you can reach the Ombrella Company customer support team at admin@ombrellacompany.com. Our experts are available to help you understand the results from the umbrella company calculator and provide additional guidance.</p>
									</div>
								</div>
							</div>
							<!--======  ======-->
							
							<!-- Add more accordion items here -->
						</div>
					</div>
				</div>
				<div class="row">
            <div class="col-12 text-center">
                <button id="showMoreBtn" class="btn btn-secondary mt-3" onclick="showMoreFaqs()">Show More</button>
            </div>
        </div>
			</div>
		</section>

        
<!--====== 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 ======-->
        <!--====== Contact Area End ======-->

        <!--====== Fetch calculator constant values from phpmyadmin ======-->

		<?php
		// Database connection
        $servername = "localhost:3306";
		$username = "veerorwl_ombrelladb";
		$password = "B4D6[Zh{CbU.";
		$database = "veerorwl_ombrella"; 
		
		//Local Database connection
	/*	$servername = "localhost";
		$username = "root";
		$password = "";
		$database = "ombrella"; */

		// Create connection
		$conn = new mysqli($servername, $username, $password, $database);

		// Check connection
		if ($conn->connect_error) {
			die("Connection failed: " . $conn->connect_error);
		}

		// SQL query to fetch data from the table
		$sql = "SELECT * FROM calculator_const_values";
		$result = $conn->query($sql);

		$fees = 0;
		$mileage_expenses = 0;
		$ni_secondary = 0;
		$ni_rate = 0;
		$primary_threshold = 0;
		$upperlimit_uel = 0;
		$incomebt_primary_uel = 0;
		$income_inexcess = 0;
		$weeksinyear = 0;
		$personal_allowance = 0;
		$firstband = 0;
		$secondband = 0;
		$taxable_amount = 0;
		$basic_tax = 0;
		$higher_tax = 0;
		$additional_tax = 0;
		// Check if there are any rows in the result
		if ($result->num_rows > 0) {
			// Output data of each row
			while($row = $result->fetch_assoc()) {
				// Display the data
				$fees = $row["fees"];
				$mileage_expenses = $row["mileage_expenses"];
				$ni_secondary = $row["ni_secondary"];
				$ni_rate = $row["ni_rate"];
				$primary_threshold = $row["primary_threshold"];
				$upperlimit_uel = $row["upperlimit_uel"];
				$incomebt_primary_uel = $row["incomebt_primary_uel"];
				$income_inexcess = $row["income_inexcess"];
				$weeksinyear = $row["weeksinyear"];
				$personal_allowance = $row["personal_allowance"];
				$firstband = $row["firstband"];
				$secondband = $row["secondband"];
				$taxable_amount = $row["taxable_amount"];
				$basic_tax = $row["basic_tax"];
				$higher_tax = $row["higher_tax"];
				$additional_tax = $row["additional_tax"];
				
				// Display other fields similarly
			}
		} else {
			echo "0 results";
		}

		// Close connection
		$conn->close();
		?>
        
        <!--======  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-->


		<!-- Begining of calculator script   -->
		<script>
		
		const DEFAULT_HOURS = 37.5;
		const monthly_ni_seconday = 417;
		
        //Global variable declaration  AND FETCH FROM PHPMYADMIN
        var fees = <?php echo $fees; ?>;
        var mileage_expenses = <?php echo $mileage_expenses; ?>;
        var ni_secondary = <?php echo $ni_secondary; ?>;
        var ni_rate = <?php echo $ni_rate; ?>;
        var primary_threshold = <?php echo $primary_threshold; ?>;
        var upperlimit_uel = <?php echo $upperlimit_uel; ?>;
        var incomebt_primary_uel = <?php echo $incomebt_primary_uel; ?>;
        var income_inexcess = <?php echo $income_inexcess; ?>; 

        var weeksinyear = <?php echo $weeksinyear; ?>;
        var personal_allowance = <?php echo $personal_allowance; ?>;
        var firstband = <?php echo $firstband; ?>;
        var secondband = <?php echo $secondband; ?>;
        var taxable_amount = <?php echo $taxable_amount; ?>;
        var basic_tax = <?php echo $basic_tax; ?>;  //  20%
        var higher_tax = <?php echo $higher_tax; ?>;  //  40%
        var additional_tax = <?php echo $additional_tax; ?>;  //  45% 
        var nationalInsurance = 0;
			//  Script for NETPAY Calculator
        
			
		function combineResults() {
			var inputNumber = parseFloat(document.getElementById('inputNumber').value);
			var hoursWorked = parseFloat(document.getElementById('Hoursworked').value);
			var resultField = document.getElementById('result');

			// Call each function to get the individual result values
			var resultTaxCalc = taxcalc(inputNumber,hoursWorked);
			var resultTaxHigh = taxhigh(inputNumber,hoursWorked);
			var resultTaxAdd = taxadd(inputNumber,hoursWorked);
			var resultGross = gross(inputNumber,hoursWorked);
			var resultEmployeeNIC = calculate(inputNumber,hoursWorked);


			// Add the results together
			var totalResult = resultTaxCalc + resultTaxHigh + resultTaxAdd;
			
			if (hoursWorked === DEFAULT_HOURS) {
			    var paye = totalResult/weeksinyear; // PAYE CALCULATION
			}
			else {
			    var paye = totalResult/12; // PAYE CALCULATION
			}

			var netpay = resultGross-paye-resultEmployeeNIC;

			resultField.value = netpay.toFixed(2);// Final Net Pay
			
		}
		


        //Tax cal
		function taxcalc(inputNumber, hoursWorked) {
		    var adjustedFees = (hoursWorked === DEFAULT_HOURS) ? fees : 45;
			var earnings = inputNumber * hoursWorked; 
			if (earnings - adjustedFees - mileage_expenses >= 0) {
				var gross1 = earnings - adjustedFees - mileage_expenses;
				
				if (hoursWorked === DEFAULT_HOURS) {
                    gross2 = ni_secondary * ni_rate;
                } else {
                    gross2 = monthly_ni_seconday * ni_rate;
                }
				
				var gross3 = 1 + ni_rate;
				var gross4 = gross1 + gross2;
				var grossfinal = gross4 / gross3;
				
				
				if (hoursWorked === DEFAULT_HOURS) {
				    var taxcal1 = grossfinal * weeksinyear; 
				} else {
				    var taxcal1 = grossfinal * 12; 
				}
				
				var taxcal2 = taxcal1 - personal_allowance;
				
				if (hoursWorked === DEFAULT_HOURS) {
				    var taxcal3 = Math.floor(taxcal2 /weeksinyear);
				    var round = taxcal3 * weeksinyear;
				} else {
				    var taxcal3 = Math.floor(taxcal2 /12);
				    var round = taxcal3 * 12;
				}
				
				var tax = 0;
				if (round < 0) {
					tax = 0;
				} else if (round > firstband) {
					tax = firstband * basic_tax;
				} else {
					tax = round * basic_tax;
				}
				return tax;
			}
			return 0;
		}

        //Tax Higher cal
		function taxhigh(inputNumber, hoursWorked) {
		    var adjustedFees = (hoursWorked === DEFAULT_HOURS) ? fees : 45;
			var earnings = inputNumber * hoursWorked;
			if (earnings - adjustedFees - mileage_expenses >= 0) {
				var gross1 = earnings - adjustedFees - mileage_expenses;
				
				if (hoursWorked === DEFAULT_HOURS) {
                    gross2 = ni_secondary * ni_rate;
                } else {
                    gross2 = monthly_ni_seconday * ni_rate;
                }
				
				var gross3 = 1 + ni_rate;
				var gross4 = gross1 + gross2;
				var grossfinal = gross4 / gross3;
				
				if (hoursWorked === DEFAULT_HOURS) {
				    var taxcal1 = grossfinal * weeksinyear; 
				} else {
				    var taxcal1 = grossfinal * 12; 
				}
				
				var taxcal2 = taxcal1 - personal_allowance;
				
				if (hoursWorked === DEFAULT_HOURS) {
				    var taxcal3 = Math.floor(taxcal2 /weeksinyear);
				    var round = taxcal3 * weeksinyear;
				} else {
				    var taxcal3 = Math.floor(taxcal2 /12);
				    var round = taxcal3 * 12;
				}
				
				var tax = 0;
				if (round > secondband) {
					tax = taxable_amount * higher_tax;
				} else if (round > firstband) {
					tax = (round - firstband) * higher_tax;
				}
				return tax;
			}
			return 0;
		}

        //Additional Tax cal
		function taxadd(inputNumber, hoursWorked) {
		    var adjustedFees = (hoursWorked === DEFAULT_HOURS) ? fees : 45;
			var earnings = inputNumber * hoursWorked;
			if (earnings - adjustedFees - mileage_expenses >= 0) {
				var gross1 = earnings - adjustedFees - mileage_expenses;
				
				if (hoursWorked === DEFAULT_HOURS) {
                    gross2 = ni_secondary * ni_rate;
                } else {
                    gross2 = monthly_ni_seconday * ni_rate;
                }
				
				var gross3 = 1 + ni_rate;
				var gross4 = gross1 + gross2;
				var grossfinal = gross4 / gross3;
				
				if (hoursWorked === DEFAULT_HOURS) {
				    var taxcal1 = grossfinal * weeksinyear; 
				} else {
				    var taxcal1 = grossfinal * 12; 
				}
				
				var taxcal2 = taxcal1 - personal_allowance;
				
				if (hoursWorked === DEFAULT_HOURS) {
				    var taxcal3 = Math.floor(taxcal2 /weeksinyear);
				    var round = taxcal3 * weeksinyear;
				} else {
				    var taxcal3 = Math.floor(taxcal2 /12);
				    var round = taxcal3 * 12;
				}
				
				var tax = 0;
				if (round > secondband) {
					tax = (round - secondband) * additional_tax;
				}
				return tax;
			}
			return 0;
		}

        //GROSS CAL
		function gross(inputNumber, hoursWorked) {
		    var adjustedFees = (hoursWorked === DEFAULT_HOURS) ? fees : 45;
			var earnings = inputNumber * hoursWorked;
			if (earnings - adjustedFees - mileage_expenses >= 0) {
				var gross1 = earnings - adjustedFees - mileage_expenses;
				
				if (hoursWorked === DEFAULT_HOURS) {
                    gross2 = ni_secondary * ni_rate;
                } else {
                    gross2 = monthly_ni_seconday * ni_rate;
                }
				
				var gross3 = 1 + ni_rate;
				var result = (gross1 + gross2) / gross3; //Gross calculation 
				return result;
			}
			return 0;
		}

        //GROSS CAL AND Employee NI Calculation
		function calculate(inputNumber, hoursWorked) {
		    var adjustedFees = (hoursWorked === DEFAULT_HOURS) ? fees : 45;
			var earnings = inputNumber * hoursWorked;
			if (earnings - adjustedFees - mileage_expenses >= 0) {
				var gross1 = earnings - adjustedFees - mileage_expenses;
				
				if (hoursWorked === DEFAULT_HOURS) {
                    gross2 = ni_secondary * ni_rate;
                } else {
                    gross2 = monthly_ni_seconday * ni_rate;
                }
				
				var gross3 = 1 + ni_rate;
				var result = (gross1 + gross2) / gross3; //Gross calculation 
				var additionalResult = result;
				
				if (hoursWorked === DEFAULT_HOURS){
				    if (additionalResult < primary_threshold) {
    					return 0;
    				} else if (additionalResult < upperlimit_uel) {
    					 nationalInsurance = (additionalResult - primary_threshold) * incomebt_primary_uel; // Employee NI Calculation
    					return nationalInsurance;
    				} else {
    					 nationalInsurance = (upperlimit_uel - primary_threshold) * incomebt_primary_uel + (additionalResult - upperlimit_uel) * income_inexcess; // Employee NI Calculation
    					return nationalInsurance;
    				}
				} else {
				    if (additionalResult < 1048) {
    					return 0;
    				} else if (additionalResult < 4189) {
    					 nationalInsurance = (additionalResult - 1048) * incomebt_primary_uel; // Employee NI Calculation
    					return nationalInsurance;
    				} else {
    					 nationalInsurance = (4189 - 1048) * incomebt_primary_uel + (additionalResult - 4189) * income_inexcess; // Employee NI Calculation
    					return nationalInsurance;
    				}
				}
			}
			return 0;
		}
	</script>
<!-- end of calculator script -->

<script>
    document.getElementById('userForm').addEventListener('submit', function(event) {
        event.preventDefault();

        var inputNumber = parseFloat(document.getElementById('inputNumber').value);
        var hoursWorked = parseFloat(document.getElementById('Hoursworked').value);
        var formContainer = document.getElementById('formContainer');
        var loadingSpinner = document.querySelector('.loading-spinner');
        var resultContainer = document.getElementById('resultContainer');
        var resultName = document.getElementById('resultName');
        var resultHours = document.getElementById('resultHours'); // New variable for hours result

        // Show loading spinner
        loadingSpinner.style.display = 'block';

        // Simulate loading
        setTimeout(function() {
            // Hide form and loading spinner
            formContainer.style.display = 'none';
            loadingSpinner.style.display = 'none';

            // Show result
            resultName.textContent = 'Input Number: ' + inputNumber;
            resultHours.textContent = 'Hours Worked: ' + hoursWorked; // Update hours worked
            resultContainer.style.display = 'block';
        }, 1000);
    });

    function showForm() {
        document.getElementById('formContainer').style.display = 'block';
        document.getElementById('resultContainer').style.display = 'none';
    }
</script>


<script>
    function toggleAccordion() {
        var accordionItems = document.querySelectorAll('.accordion-content');
        var toggleButton = document.getElementById('toggleButton');
        var allExpanded = true;

        accordionItems.forEach(function(item) {
            if (!item.classList.contains('show')) {
                allExpanded = false;
            }
        });

        if (allExpanded) {
            accordionItems.forEach(function(item) {
                item.classList.remove('show');
            });
            toggleButton.textContent = 'Expand all';
        } else {
            accordionItems.forEach(function(item) {
                item.classList.add('show');
            });
            toggleButton.textContent = 'Collapse all';
        }
    }
</script>
    
    
    <script>
   document.getElementById('viewPdfBtn').addEventListener('click', function () {
    var inputNumber = document.getElementById('inputNumber').value;
    var Hoursworked = document.getElementById('Hoursworked').value;
    var result = document.getElementById('result').value;

    if (!inputNumber || !Hoursworked) {
        alert("Please fill all required fields.");
        return;
    }

    // Open PDF in a new pop-up
    var pdfPopup = window.open('about:blank', 'pdfPopup', 'width=800,height=600');

    // Create form and submit
    var form = document.createElement('form');
    form.method = 'POST';
    form.action = 'ombrella_payslip.php';
    form.target = 'pdfPopup';

    form.appendChild(createHiddenInput('inputNumber', inputNumber));
    form.appendChild(createHiddenInput('result', result));
    form.appendChild(createHiddenInput('Hoursworked', Hoursworked));

    document.body.appendChild(form);
    form.submit();
});

function createHiddenInput(name, value) {
    var input = document.createElement('input');
    input.type = 'hidden';
    input.name = name;
    input.value = value;
    return input;
}

</script>
    

    
<script>
    function openDialer() {
        window.location.href = 'tel:02037934078';  // Trigger the dialer with the phone number
    }
</script>



<script>
    document.addEventListener("DOMContentLoaded", function () {
        var faqs = document.querySelectorAll(".faq-item");
        var showMoreBtn = document.getElementById("showMoreBtn");
        var currentlyVisible = 5; // Number of FAQs visible initially

        // Hide all FAQs except the first 5
        for (var i = 5; i < faqs.length; i++) {
            faqs[i].style.display = "none";
        }

        function showMoreFaqs() {
            var nextVisibleCount = currentlyVisible + 5;
            
            for (var i = currentlyVisible; i < nextVisibleCount && i < faqs.length; i++) {
                faqs[i].style.display = "block";
            }
            
            currentlyVisible = nextVisibleCount;

            // Hide button if all FAQs are visible
            if (currentlyVisible >= faqs.length) {
                showMoreBtn.style.display = "none";
            }
        }

        window.showMoreFaqs = showMoreFaqs;
    });

    function toggleAccordion() {
        var accordionItems = document.querySelectorAll('.accordion-content');
        var toggleButton = document.getElementById('toggleButton');
        var allExpanded = Array.from(accordionItems).every(item => item.classList.contains('show'));

        accordionItems.forEach(function (item) {
            if (allExpanded) {
                item.classList.remove('show');
            } else {
                item.classList.add('show');
            }
        });

        toggleButton.textContent = allExpanded ? 'Expand all' : 'Collapse all';
    }
</script>